@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101115;--panel:#17191f;--panel2:#1d2028;--text:#f4f4f2;--muted:#9296a1;--line:#30333c;--blue:#273281;--blue2:#4655bd;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:25px;letter-spacing:-2px;line-height:1;display:flex;align-items:center;gap:2px}.wordmark>span{color:#fff}.wordmark small{font:500 9px 'DM Mono',monospace;letter-spacing:3px;margin-left:8px;color:#aeb1bb}.nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#c3c5cc}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:#fff}.nav-cta{border:1px solid #555966;padding:11px 16px;border-radius:2px;color:#fff!important}.nav-cta span{color:#8994ed;margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero,.subhero{max-width:var(--max);margin:auto;padding:130px 28px 45px;min-height:570px;position:relative}.hero h1,.subhero h1{font-size:clamp(58px,9vw,112px);letter-spacing:-.085em;line-height:.98;margin:28px 0 25px;font-weight:600}.muted{color:#777d89}.eyebrow,.card-kicker,.number{font:500 10px 'DM Mono',monospace;letter-spacing:1.8px;color:#aeb1bb}.eyebrow-line{display:inline-block;width:27px;height:1px;background:#6d7be0;vertical-align:middle;margin-right:10px}.hero-copy{font-size:16px;color:#b4b7c0;max-width:490px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 19px;font:600 11px Manrope,sans-serif;border:0;cursor:pointer}.button-primary{background:var(--blue);color:white;transition:background .2s}.button-primary:hover{background:#3948a6}.button span{font-size:16px}.text-link{font-size:11px;color:#d4d5da}.text-link span{color:#8490ee;margin-left:9px}.hero-index{display:flex;justify-content:space-between;position:absolute;bottom:26px;left:28px;right:28px;border-top:1px solid var(--line);padding-top:14px;color:#777d89;font:10px 'DM Mono',monospace;letter-spacing:1px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px max(28px,calc((100% - var(--max))/2 + 28px));display:flex;justify-content:space-between;align-items:center;gap:25px}.intro-strip p{font-size:14px;color:#d6d7db;max-width:550px}.intro-strip span{font:9px 'DM Mono',monospace;letter-spacing:1px;color:#777d89}.section{max-width:var(--max);margin:auto;padding:110px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section h2,.statement-band h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.07em;font-weight:600;margin:16px 0 0}.section-note{max-width:330px;color:#999eaa;font-size:12px;line-height:1.9}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{display:block;background:var(--panel);padding:14px 14px 24px;transition:transform .25s,border-color .25s;border:1px solid transparent}.service-card:hover{transform:translateY(-5px);border-color:#444958}.card-visual{height:270px;position:relative;overflow:hidden;background:#222632}.visual-photo{background:radial-gradient(ellipse at 68% 38%,#646b78 0,#333844 24%,#1a1c22 65%)}.visual-photo:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #a8afc3;border-radius:50%;right:20%;top:15%;box-shadow:0 0 0 13px #ffffff08,0 0 0 28px #ffffff08}.visual-photo:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #c5cada;border-radius:50%;right:calc(20% + 40px);top:calc(15% + 40px);background:radial-gradient(circle,#798398,#222630 65%)}.visual-digital{background:linear-gradient(135deg,#11172d,#26357c 70%,#151927)}.visual-digital:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff25;border-radius:50%;right:-55px;top:-95px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06}.visual-label{position:absolute;left:18px;top:17px;font:9px 'DM Mono',monospace;letter-spacing:1.4px;color:#c3c6d0}.visual-symbol{position:absolute;right:24px;bottom:10px;font-size:86px;font-weight:300;color:#ffffff35}.mock-window{position:absolute;left:15%;top:27%;width:55%;height:53%;border:1px solid #ffffff55;background:#11162588;backdrop-filter:blur(4px);padding:15px;transform:rotate(-5deg)}.mock-window i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ba5ff;margin-right:4px}.mock-window b{display:block;width:80%;height:7px;background:#aab4f5;margin-top:17px;opacity:.45}.mock-window b:nth-of-type(2){width:55%;margin-top:8px}.mock-window b:nth-of-type(3){width:68%;margin-top:8px}.service-card-bottom{display:flex;justify-content:space-between;align-items:end;margin:24px 5px 8px}.service-card h3{font-size:34px;line-height:1.05;letter-spacing:-2px;margin:10px 0 0}.round-arrow{border:1px solid #515562;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#b9c0ff}.service-card>p{margin:12px 5px 20px;color:#9ea2ad;font-size:12px;max-width:390px}.card-link{margin:0 5px;color:#dce0ff;font-size:11px}.card-link span{margin-left:10px;color:#8995f4}.statement-band{padding:100px 28px;text-align:center;background:#151821;border-top:1px solid #252a36;border-bottom:1px solid #252a36}.statement-band h2{font-size:clamp(42px,6vw,74px)}.statement-band p{max-width:480px;margin:25px auto 0;color:#9da2af;font-size:13px;line-height:1.9}.blue-word{color:#7d8af0}.closing-cta{display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:35px 28px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-mark{font-size:21px}.site-footer p,.site-footer small{color:#777d89;font-size:10px}.footer-links{display:flex;gap:20px;font-size:10px;color:#b7bac3}.subhero{min-height:500px;padding-top:115px}.subhero h1{font-size:clamp(58px,8vw,96px)}.subhero .button{margin-top:22px}.portfolio-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.portfolio-tile{min-width:0}.tile-tall{grid-row:span 2}.image-placeholder{height:210px;background:linear-gradient(135deg,#343b4b,#171a22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b4bac9;font:10px 'DM Mono',monospace;letter-spacing:1.5px;border:1px solid #333947}.tile-tall .image-placeholder{height:444px}.image-placeholder small{font-size:8px;color:#7f8799}.placeholder-blue{background:linear-gradient(140deg,#273281,#161a2b)}.placeholder-warm{background:linear-gradient(140deg,#5c4a43,#242329)}.placeholder-dark{background:linear-gradient(140deg,#414b5b,#101217)}.placeholder-slate{background:linear-gradient(140deg,#47515c,#1b2027)}.tile-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 0;color:#e2e3e7;font-size:11px}.tile-caption span{color:#858b98;font-size:10px}.service-list-section{border-top:1px solid var(--line)}.service-list{margin:40px 0;border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:70px 1fr 1.2fr;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);gap:15px}.service-list span{font:10px 'DM Mono',monospace;color:#818797}.service-list b{font-size:16px}.service-list p{margin:0;color:#969ba7;font-size:12px}.digital-subhero{background:radial-gradient(ellipse at 85% 25%,#1b255c55,transparent 38%)}.digital-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.digital-services article{padding:25px 22px;background:var(--panel);border:1px solid #282c36;min-height:350px}.digital-services .number{color:#8993e9}.service-icon{font-size:35px;color:#8d99ff;margin:32px 0 18px}.digital-services h3{font-size:22px;letter-spacing:-1px;margin:0 0 12px}.digital-services p,.digital-services li{color:#9da2ad;font-size:11px;line-height:1.8}.digital-services ul{padding-left:15px;margin-top:18px}.digital-band{background:linear-gradient(120deg,#151821,#171d3b)}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:35px}.concept-screen{height:230px;background:#e8e9ed;padding:18px;overflow:hidden}.screen-top{height:15px;background:#263281;width:100%;margin-bottom:25px}.screen-lines{height:12px;width:60%;background:#343a4d;box-shadow:0 22px 0 #a8acb8,0 44px 0 #c3c6ce}.screen-blocks{display:flex;gap:10px;margin-top:75px}.screen-blocks i{height:55px;flex:1;background:#c3c7d0}.screen-two{background:#d7dbe7}.concept-card>b,.concept-card>span{display:block;margin-top:10px;font-size:11px}.concept-card>span{color:#858b98;font-size:10px}.about-content{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.about-content h2{margin-top:20px}.about-copy{max-width:560px;color:#b5b8c0;font-size:14px;line-height:2}.small-note{font-size:11px;color:#818797}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-layout h2{font-size:clamp(38px,5vw,58px)}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-size:11px;color:#c6c8cf}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#17191f;border:1px solid #383c47;color:#f3f3f4;padding:14px;font:12px Manrope,sans-serif;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:1px solid #6876dc;border-color:#6876dc}.contact-form textarea{resize:vertical}.contact-form .button{justify-self:start}.form-note{font-size:10px;color:#858b98;line-height:1.7;margin:0}.contact-email{font:10px 'DM Mono',monospace;color:#9298ab;margin-top:35px;letter-spacing:1px}
@media(max-width:700px){.site-header{height:72px;padding:0 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;z-index:10;top:72px;left:0;right:0;background:#17191f;padding:22px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{text-align:center}.hero,.subhero{padding:95px 20px 65px;min-height:520px}.hero h1,.subhero h1{font-size:clamp(54px,15vw,82px)}.hero-index{left:20px;right:20px;font-size:8px}.intro-strip{padding:20px;display:block}.intro-strip span{display:block;margin-top:15px}.section{padding:75px 20px}.section-heading{display:block}.section-note{margin-top:20px}.service-grid,.digital-services,.contact-layout,.about-content{grid-template-columns:1fr}.card-visual{height:220px}.service-grid{gap:14px}.statement-band{padding:75px 20px}.closing-cta{display:block}.closing-cta .button{margin-top:28px}.site-footer{padding:28px 20px;display:grid;grid-template-columns:1fr 1fr}.site-footer p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:1/-1;grid-row:3;flex-wrap:wrap}.site-footer>small{grid-column:1/-1}.portfolio-grid{grid-template-columns:1fr 1fr;gap:18px}.tile-tall{grid-row:span 1;grid-column:1/-1}.tile-tall .image-placeholder{height:260px}.image-placeholder{height:170px}.service-list>div{grid-template-columns:35px 1fr;gap:8px}.service-list p{grid-column:2}.concept-grid{grid-template-columns:1fr}.contact-layout{gap:35px}.digital-services article{min-height:0}.about-content{gap:15px}}
