:root{--ink:#152d31;--green:#b82132;--lime:#ffd8d8;--paper:#f7f8f3;--line:#d8dfd7;--muted:#536467}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}img{max-width:100%}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.top{background:var(--ink);color:#e0e9e2;font-size:12px;padding:8px 0}.top .wrap{display:flex;justify-content:space-between;gap:15px}.head{background:rgba(247,248,243,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav{height:90px;display:flex;align-items:center;gap:35px}.logo{width:173px;height:auto;display:block}.nav nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;background:var(--green);color:white;border:1px solid var(--green);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none!important}.btn:hover{background:#951a28}.btn.light{background:transparent;color:var(--ink);border-color:#a9b5aa}.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 12px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--green);display:block;margin-bottom:23px}.hero{padding:70px 0 0}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(40px,4.2vw,58px);line-height:1.06;letter-spacing:-3px;margin:0 0 25px;font-weight:600}h1 em{font-style:normal;color:var(--green)}.intro{font-size:18px;color:var(--muted);max-width:580px;line-height:1.7}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.micro{font-size:12px;color:var(--muted);margin-top:18px}.portrait{height:470px;position:relative;background:#e7e8e5;overflow:hidden;border-top-left-radius:0}.portrait:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,#d3d6d1 50%);opacity:.5}.portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom;position:relative}.portrait .caption{position:absolute;left:24px;bottom:22px;background:var(--paper);padding:13px 20px;font-size:13px;border-left:3px solid var(--green)}.caption strong{display:block;font-size:16px}.ribbon{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:23px 0;gap:25px;font-size:14px}.ribbon span{color:var(--green);margin-right:12px}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 18px;font-weight:600}h3{font-size:23px;line-height:1.25;margin:15px 0}.section-head p{max-width:360px;color:var(--muted);margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;padding:30px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column}.card:hover{border-color:var(--green)}.card p{font-size:15px;color:var(--muted)}.number{font-size:12px;color:var(--green);letter-spacing:2px}.card a{margin-top:auto;padding-top:20px;color:var(--green);font-size:14px;font-weight:700}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:var(--lime)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.dark p{color:#c3d0c9}.checks{list-style:none;padding:0;margin:0}.checks li{padding:19px 0;border-bottom:1px solid #49605d}.checks li:before{content:'↗';color:var(--lime);margin-right:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid var(--line);padding-top:22px}.step b{font-size:13px;color:var(--green)}.step p{color:var(--muted);font-size:15px}.tech{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:15px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{font-weight:600;cursor:pointer;padding-right:20px}details p{color:var(--muted);font-size:15px}.contact{background:#eeefea}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.phone{display:block;font-size:32px;font-weight:600;letter-spacing:-1px;margin:25px 0 8px}.contact-form{background:var(--paper);padding:30px}label{display:block;font-size:13px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:11px;background:white;border:1px solid #aab8ab;border-radius:0;margin-top:6px;color:var(--ink)}textarea{min-height:90px;resize:vertical}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form small{display:block;color:var(--muted);font-size:12px;margin-bottom:18px}.footer{padding:35px 0;background:var(--ink);color:#ced8d2;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer a{margin-right:18px}.breadcrumb{font-size:12px;color:var(--muted);padding-top:25px}.subhero{padding:55px 0 65px;max-width:900px}.subhero h1{font-size:56px}.content{max-width:850px}.content p,.content li{color:var(--muted)}.content h2{margin-top:45px}.back{display:inline-block;margin-top:25px;color:var(--green)}.skip{position:absolute;left:15px;top:-100px;background:white;z-index:99;padding:12px}.skip:focus{top:15px}.mobile-call{display:none}.notice{font-size:12px;padding:8px 12px;border-bottom:1px solid var(--line);text-align:center;color:var(--muted)}@media(max-width:900px){.wrap{width:calc(100% - 36px)}.nav{height:75px}.logo{width:145px}.menu{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:75px;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:30px}h1{letter-spacing:-2px}.portrait{height:370px}.ribbon{gap:15px;font-size:12px}.section{padding:55px 0}.section-head,.split,.faq,.contact-grid{display:grid;grid-template-columns:1fr;gap:25px}.grid{grid-template-columns:1fr 1fr}.steps{gap:22px}.subhero h1{font-size:40px}.footer .wrap{flex-direction:column}}@media(max-width:560px){.top .wrap>span{display:none}.top .wrap{justify-content:space-between}.grid,.steps{grid-template-columns:1fr}.ribbon{grid-template-columns:1fr;padding:20px 0}.portrait{height:320px;border-top-left-radius:0}.hero-grid{gap:35px}.actions .btn{width:100%}.fieldrow{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.mobile-call{display:block;position:fixed;bottom:14px;right:15px;background:var(--green);color:white;border:2px solid white;padding:12px 20px;z-index:15;font-size:13px}.footer{padding-bottom:85px}}
/* Direction 02 — connected systems */
:root{--ink:#f3f2ed;--green:#ff4f56;--lime:#ff4f56;--paper:#101113;--line:#303236;--muted:#a5a8af}body{background:#101113;font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1260px,calc(100% - 80px))}.top{background:#101113;color:#b5b6bc;border-bottom:1px solid #252629;padding:9px 0}.head{background:rgba(16,17,19,.96);border-color:#2b2d30;backdrop-filter:blur(14px)}.nav{height:88px}.nav nav{font-size:13px;gap:30px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{background:#ed2332;color:white;display:flex;align-items:center;justify-content:center;width:53px;height:46px;font-size:37px;font-weight:700;letter-spacing:-4px;padding-right:4px;line-height:1}.brand-name{font-size:22px;letter-spacing:4px;font-weight:600;line-height:1.1}.brand-name small{display:block;font-size:6.7px;letter-spacing:1.3px;margin-top:6px;color:#b8b9bd}.btn{background:#ff4f56;color:#101113;border-color:#ff4f56;border-radius:8px;padding:16px 22px;transition:background .2s,transform .2s}.btn:hover{background:#ff747a;color:#101113;transform:translateY(-2px)}.btn span{font-size:20px}.nav-cta{background:#222428;color:#f3f2ed;border-color:#35373c;padding:10px 17px}.nav-cta:hover{background:#303238;color:white}.btn.light{color:#f3f2ed;border-color:#52555b;background:transparent}.hero.v2hero{padding:35px 0 0;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:1.6px;color:#c2c4ca}.hero-meta i{display:inline-block;width:6px;height:6px;background:#ff4f56;border-radius:50%;margin-right:9px}.v2hero .hero-grid{grid-template-columns:1.25fr 1fr;gap:30px;min-height:610px;position:relative}.v2hero h1{font-size:clamp(55px,6.5vw,89px);font-weight:500;line-height:1.01;letter-spacing:-5px;margin:30px 0 26px}.v2hero h1 em{color:#a2a5ac}.v2hero .intro{font-size:16px;max-width:510px;color:#b8bbc2;line-height:1.7}.actions{align-items:center;gap:27px}.text-link{font-size:13px;color:#dedee1;border-bottom:1px solid #77797e;padding:12px 0}.text-link span{margin-left:15px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #303236;padding:24px 0;font:10px/1.5 monospace;letter-spacing:1px;color:#a4a8b0}.hero-bottom a{color:white}.hero-bottom b{margin-left:20px;color:#ff4f56;font-size:18px}.system-art{height:530px;position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#4e1e2777,transparent 65%)}.orbital{position:absolute;left:50%;top:49%;border:1px solid #51525a;border-radius:50%;width:390px;height:390px;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-30deg)}.orbit-two{transform:translate(-50%,-50%) rotateY(60deg) rotateZ(30deg);border-color:#7f3945}.orbit-three{width:440px;height:440px;transform:translate(-50%,-50%) rotateX(20deg) rotateY(45deg);border-style:dashed;border-color:#44464c}.core{position:absolute;top:49%;left:50%;width:132px;height:142px;transform:translate(-50%,-50%) rotate(-8deg);border-radius:22px;background:linear-gradient(145deg,#ff5c64,#c21428 60%,#691323);box-shadow:15px 22px 0 #1e141b,0 0 90px #c91e3944,inset 0 0 0 1px #ff8792;display:flex;flex-direction:column;align-items:center;justify-content:center}.core span{font-size:75px;font-weight:700;line-height:1;letter-spacing:-8px;margin-left:-7px;color:white}.core small{font:9px monospace;letter-spacing:4px;color:#ffd8dc;margin:12px 0 0 4px}.node{position:absolute;width:69px;height:69px;border:1px solid #5d424b;background:linear-gradient(140deg,#323036,#17181c);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ff727b;box-shadow:8px 9px 0 #0b0c0e}.node span{position:absolute;white-space:nowrap;font:9px monospace;letter-spacing:1px;color:#b6b7c0;top:85px}.n1{top:12%;left:25%;transform:rotate(-8deg)}.n2{top:35%;right:0;transform:rotate(9deg)}.n3{bottom:13%;left:17%;transform:rotate(-9deg)}.n4{bottom:14%;right:12%;transform:rotate(8deg)}.art-label{position:absolute;bottom:0;left:15px;font:10px/1.7 monospace;letter-spacing:1px;color:#8b8e98}.art-coord{position:absolute;right:0;top:0;font:10px monospace;color:#8b8e98;writing-mode:vertical-lr}.section{padding:100px 0}h2{font-size:clamp(34px,4.1vw,56px);letter-spacing:-2.4px;font-weight:500;line-height:1.08}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.7px;color:#ff7076;margin-bottom:23px}.section-head{margin-bottom:42px}.section-head p{font-size:15px}.muted-title{color:#92969e}.services-v2{background:#181a1d;border-top:1px solid #292b30}.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tile{border:1px solid #36383e;border-radius:18px;padding:30px;background:#202226;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;display:block;text-decoration:none!important}.tile:hover{border-color:#ff626a;transform:translateY(-3px)}.tile-main{grid-row:span 2;background:#ecece5;color:#161719;min-height:590px;display:flex;flex-direction:column;justify-content:space-between}.tile h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:15px 0 12px}.tile p{color:#b2b6bf;font-size:14px;max-width:370px;margin:0}.tile-main p{color:#555961}.tile-top{display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1px}.tile-top b,.corner-arrow{font-size:24px;font-weight:400}.tile-security,.tile-cloud{min-height:285px;padding-right:140px}.tile-security{background:radial-gradient(at 95% 100%,#6d273250,#202226 60%)}.shield-mark{position:absolute;right:35px;top:75px;font-size:130px;line-height:1;color:#ff6e78;text-shadow:6px 5px #632832}.window-mark{position:absolute;right:40px;top:115px;width:60px;height:60px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:perspective(100px) rotateY(-12deg)}.window-mark i{background:#a2b4ff}.tile-cloud .tile-top{width:calc(100% + 110px)}.tile-security .tile-top{width:calc(100% + 110px)}.stack-art{height:245px;position:relative;margin:20px 0}.stack-art i{position:absolute;left:50%;top:42%;width:190px;height:150px;border:1px solid #aaaeb0;border-radius:18px;background:#d7d9d7;transform:translate(-50%,-50%) rotate(-23deg) skew(12deg,12deg);box-shadow:10px 14px 16px #00000012}.stack-art i:nth-child(2){margin-top:24px;background:#ededef}.stack-art i:nth-child(3){margin-top:-24px;background:#ff4f56;border-color:#fa7d84}.stack-art span{position:absolute;top:25%;left:42%;font-size:57px;letter-spacing:-6px;color:#1e1e23;transform:rotate(-23deg)}.tile-wide{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:35px}.tile-wide h3{font-size:32px}.corner-arrow{position:absolute;right:30px;top:25px}.server-art{width:30%;transform:perspective(500px) rotateY(-17deg);margin:0 60px}.server-art i{border:1px solid #626670;border-radius:9px;padding:15px 20px;display:block;margin:8px 0;color:#ff727b;font-size:15px;background:linear-gradient(140deg,#3d4047,#1b1c20);font-style:normal;box-shadow:8px 6px #131418}.server-art span{float:right;color:#bfc4d0}.more-services{padding-top:30px;display:flex;gap:30px;flex-wrap:wrap;font-size:13px;color:#c0c3cb}.more-services>span{margin-right:auto;color:#999da6}.more-services a{border-bottom:1px solid #5e626b;padding-bottom:5px}.dark{background:#101113;color:#f3f2ed}.dark p{color:#b0b3bc}.dark .eyebrow{color:#ff7076}.checks li{border-color:#35373d;font-size:16px;padding:24px 0}.checks li:before{color:#ff7076}.btn.lime{background:#ff4f56;color:#101113;border-color:#ff4f56}.partnership{position:relative}.partnership:after{content:'';position:absolute;bottom:0;left:40px;right:40px;height:1px;background:#303236}.steps{gap:30px}.step{border-top:1px solid #454850;padding-top:28px}.step b{color:#ff7076;font:11px monospace}.step h3{font-weight:500;font-size:25px;margin-top:40px}.tech{border-color:#303236;font-size:13px;padding-top:30px;margin-top:60px}.faq{gap:70px}details{padding:24px 0;border-color:#363940}summary{font-size:15px;font-weight:400}details p{font-size:14px}.contact{background:#eaeae3;color:#131519}.contact .eyebrow{color:#a92735}.contact h2{font-size:53px}.contact p{color:#555b62}.contact .phone{font-size:39px;letter-spacing:-1.5px}.contact-form{background:white;border-radius:16px;padding:32px;color:#17191d}.contact-form h3{font-size:25px;font-weight:500;margin:0 0 25px}.contact-form small{color:#5c626b}input,select,textarea{border-color:#c5c8c9;border-radius:6px;background:#fafafa;color:#17191d}.contact-form .btn{width:100%}.footer{background:#101113;color:#aeb1b9;padding:40px 0}.card{background:#202226;border-color:#36383e;border-radius:14px}.card:hover{border-color:#ff7076}.card h3{font-weight:500}.card a{color:#ff8990}.number,.step b{color:#ff8990}.portrait{background:#292c31;border-radius:15px}.portrait:before{background:linear-gradient(135deg,transparent 50%,#5b2430 50%)}.portrait .caption{background:#101113}.subhero h1{font-size:66px;font-weight:500}.contact-grid{gap:90px}.back{color:#ff8990}.menu{color:#f3f2ed;border-radius:6px}.skip{color:#101113}.mobile-call{background:#ff4f56;color:#101113;border-color:#101113;border-radius:8px}.reveal-ready{animation:enter .7s ease-out both}@keyframes enter{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.nav nav{gap:20px}.v2hero h1{font-size:66px}.system-art{transform:scale(.88);transform-origin:center}.v2hero .hero-grid{gap:0;grid-template-columns:1.2fr 1fr}.v2hero .actions{gap:17px}.tile h3{font-size:28px}}@media(max-width:900px){.nav nav{background:#17191c;top:75px}.v2hero .hero-grid{grid-template-columns:1fr;min-height:0}.v2hero h1{font-size:76px;max-width:690px}.system-art{height:450px;width:min(500px,100%);margin:auto;transform:scale(.9)}.hero-meta{font-size:9px}.hero-bottom{font-size:9px}.section{padding:65px 0}.tile-main{min-height:540px}.tile-security,.tile-cloud{padding-right:30px;min-height:260px}.shield-mark,.window-mark{display:none}.tile-security .tile-top,.tile-cloud .tile-top{width:100%}.contact h2{font-size:45px}.contact-grid{gap:30px}.subhero h1{font-size:48px}.partnership:after{left:22px;right:22px}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.brand-icon{width:44px;height:40px;font-size:31px}.brand-name{font-size:18px}.brand-name small{font-size:5.8px}.hero-meta{font-size:8px;gap:20px;letter-spacing:.7px}.hero-meta>span:last-child{max-width:120px;text-align:right}.hero.v2hero{padding-top:25px}.v2hero h1{font-size:55px;letter-spacing:-3px;margin-top:38px}.v2hero .intro{font-size:15px}.system-art{height:360px;transform:scale(.78);width:100%;margin:0 auto}.orbital{width:320px;height:320px}.orbit-three{width:360px;height:360px}.art-label{bottom:-15px}.n2{right:-5%}.n1{top:0}.n3{bottom:5%;left:5%}.n4{bottom:3%;right:0}.hero-bottom{padding:20px 0;align-items:center}.hero-bottom>span{max-width:175px;font-size:8px}.hero-bottom a{font-size:8px;max-width:100px}.hero-bottom b{margin-left:0}.bento{grid-template-columns:1fr}.tile-main{grid-row:auto;min-height:510px}.tile-wide{grid-column:auto;display:block;min-height:340px}.tile-wide h3{font-size:30px}.server-art{width:65%;margin:25px auto 0;transform:none}.server-art i{padding:9px 15px}.tile-security,.tile-cloud{min-height:250px}.tile h3{font-size:30px}.tile p{font-size:14px}.shield-mark{display:block;right:20px;top:100px;font-size:90px;opacity:.4}.tile-security p{max-width:240px}.window-mark{display:grid;right:25px;top:105px;width:42px;height:42px;opacity:.4}.tile-cloud p{max-width:240px}.more-services{gap:18px}.more-services>span{width:100%}.contact h2{font-size:39px}.contact .phone{font-size:30px}.contact-form{padding:24px}.subhero h1{font-size:42px;letter-spacing:-2px}.hero-grid:not(.v2hero .hero-grid){gap:30px}.top{font-size:11px}}
.logo{width:176px;background:#f7f8f3;padding:9px 12px;border-radius:5px;height:auto}@media(max-width:560px){.logo{width:150px}}

/* WordPress integration */
.admin-bar .head{top:32px}.wp-menu{display:contents}.wp-menu li{list-style:none}.wp-menu .sub-menu{display:none}.wp-content{max-width:850px;margin:60px auto;padding:0 20px}.wp-content a{text-decoration:underline}.wp-content img{height:auto}.wp-content h1{font-size:48px}.wp-content h2{font-size:36px;margin-top:40px}.wp-blog{padding:65px 0}.wp-blog article{padding:30px 0;border-bottom:1px solid var(--line)}.its-honeypot{position:absolute!important;left:-10000px!important}.form-alert{padding:15px;border:1px solid #b82132;margin-bottom:18px;color:#17191d}.contact-form input[type=checkbox]{display:inline;width:auto}.contact-form .privacy-note{font-size:12px;color:#535963}.contact-form .privacy-note a{text-decoration:underline}.post-navigation{margin:35px 0}.pagination{padding:30px 0}.footer a{display:inline-block}.its-section{display:contents}@media(max-width:782px){.admin-bar .head{top:46px}}