:root{--ink:#f5f7ff;--muted:#acbdd4;--navy:#030a16;--line:rgba(97,161,237,.21);--cyan:#49d8ff;--purple:#9863f4;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--navy);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:var(--navy)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}.shell{width:min(1280px,calc(100% - 72px));margin:auto}.skip{position:absolute;top:-60px;left:16px;z-index:200;background:white;color:#06101d;padding:9px}.skip:focus{top:8px}::selection{background:#7556dc;color:#fff}
.site-header{height:78px;position:absolute;z-index:20;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(1,8,19,.65),transparent)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;font:700 24px 'Space Grotesk',sans-serif;letter-spacing:.075em;white-space:nowrap}.brand img{width:40px;height:40px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:35px}.desktop-nav a,footer nav a{font-size:13px;color:#c5d0e2;transition:color .2s}.desktop-nav a:hover,footer nav a:hover{color:#fff}.desktop-nav a[aria-current]{color:#fff;position:relative}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:-12px;left:50%;width:20px;height:2px;transform:translateX(-50%);background:#32bfff;box-shadow:0 0 10px #32bfff}.header-cta{border:1px solid #6b77e1;border-radius:999px;box-shadow:0 0 18px rgba(69,73,244,.25);padding:12px 20px;font-size:13px;font-weight:700;background:linear-gradient(90deg,rgba(10,58,156,.4),rgba(79,34,174,.45));white-space:nowrap}.header-cta span{margin-left:15px}.menu-toggle{display:none}.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;min-height:740px;background:#030a17;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/synk-entry.png') 70% center/cover no-repeat;animation:slow-drift 16s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,8,19,.81) 0%,rgba(2,8,19,.5) 31%,transparent 65%),linear-gradient(0deg,#030a16 0%,transparent 22%)}.hero-inner{min-height:740px;display:flex;align-items:center;justify-content:space-between;padding-top:65px}.hero-copy{position:relative;z-index:1;width:min(650px,59%)}.eyebrow{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.21em;color:#b9d5f6;margin:0 0 20px}.hero h1{font-size:clamp(3.55rem,5.6vw,5.6rem);font-weight:700;line-height:1.02;margin:0 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#37cfff,#a46fff);background-clip:text;color:transparent}.hero-signature{font-size:17px;color:#edf4ff;margin-bottom:30px}.actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 23px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px)}.button.primary{color:white;background:linear-gradient(100deg,#086ff3,#9244e9);border:1px solid #6b9bff;box-shadow:0 0 18px rgba(78,81,248,.35)}.button.primary:hover{box-shadow:0 0 28px rgba(90,102,255,.55)}.button.secondary{border:1px solid rgba(186,211,255,.55);background:rgba(2,8,21,.53);color:#fff}.button.secondary:hover{background:rgba(31,44,79,.76)}.hero-steps{align-self:center;margin:195px 0 0 auto;font:600 9px/1.95 'Space Grotesk';letter-spacing:.22em;color:#cbd8f5;text-align:left}
.journey{position:relative;isolation:isolate;background:#03101f;min-height:330px;overflow:hidden}.journey:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/synk-road.png') center 69%/cover no-repeat}.journey:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,8,18,.72),rgba(2,8,18,.21) 55%,rgba(2,8,18,.67)),linear-gradient(0deg,#030a16,transparent 27%,transparent 82%,#030a16)}.journey-inner{min-height:330px;display:flex;justify-content:space-between;align-items:center;gap:60px}.journey .eyebrow{margin-bottom:14px}.journey h2{font-size:clamp(2.9rem,4.2vw,4.55rem);line-height:1.03;margin:0}.journey h2 em,.section-top h2 em,.about h2 em,.project h2 em{font-style:normal;background:linear-gradient(90deg,#39d7ff,#9a6bf7);color:transparent;background-clip:text}.journey-inner>p{max-width:340px;color:#dae7f7;font-size:15px;line-height:1.7;margin:64px 0 0}
.section{padding:96px 0}.services{background:radial-gradient(circle at 58% -32%,rgba(27,78,155,.11),transparent 58%),#030a16}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-top .eyebrow{margin-bottom:15px}.section-top h2{font-size:clamp(2.55rem,4vw,4.25rem);line-height:1.04;margin:0}.section-top>p{max-width:275px;color:#aabbd2;line-height:1.65;font-size:15px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.service-card{position:relative;min-height:350px;padding:25px 22px 50px;background:linear-gradient(160deg,rgba(7,22,41,.86),rgba(3,12,26,.93));border:1px solid rgba(82,139,210,.25);border-radius:11px;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);border-color:#448de1;box-shadow:0 9px 35px rgba(30,80,173,.15)}.service-icon{width:73px;height:73px;display:flex;align-items:center;justify-content:center;color:#57a9ff;font:700 35px 'Space Grotesk';text-shadow:0 0 20px rgba(44,115,255,.8);margin:3px 0 30px}.service-icon.gear{font-size:51px}.service-card h3{font-size:20px;line-height:1.13;margin:0 0 15px;letter-spacing:-.04em}.service-card p{color:#aebdd1;font-size:14px;line-height:1.55;margin:0}
.about{position:relative;isolation:isolate;background:#030a16;min-height:520px;overflow:hidden}.about:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/synk-portal.png') center center/cover no-repeat}.about:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(1,7,16,.33) 42%,rgba(1,7,16,.76) 72%,rgba(1,7,16,.91))}.about-grid{min-height:520px;display:grid;grid-template-columns:39% 1fr 155px;align-items:center;gap:35px}.about-copy{grid-column:2}.about .eyebrow{color:#59baff;margin-bottom:12px}.about h2{font-size:clamp(2.35rem,3.3vw,3.75rem);line-height:1.08;margin-bottom:22px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c8d4e6;max-width:470px}.founder{display:flex;align-items:center;gap:5px;font-size:14px;color:#b6c1d2;margin-top:24px}.founder span{width:30px;height:1px;background:#7dcaff;margin-right:8px}.founder strong{color:white}.about-points{border-left:1px solid rgba(87,145,214,.37);padding-left:30px;display:grid;gap:23px}.about-points div{display:grid;gap:5px}.about-points b{color:#58c8ff;font:700 22px 'Space Grotesk'}.about-points span{font-size:13px;line-height:1.35;color:#b5c3db}
.brands{background:linear-gradient(180deg,#030a16,#040d1a)}.brands .section-top h2{font-size:clamp(2.65rem,3.8vw,4rem)}.brand-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-slots span{height:92px;display:grid;place-items:center;border:1px solid rgba(86,136,193,.31);border-radius:7px;background:rgba(5,17,34,.57);color:#91a2bd;font-size:13px}
.project{position:relative;isolation:isolate;background:#03101f;overflow:hidden}.project:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/synk-road.png') center 64%/cover no-repeat;filter:brightness(.56)}.project:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,7,17,.5),rgba(1,7,17,.6) 45%,rgba(1,7,17,.82)),linear-gradient(0deg,#030a16,transparent 21%,transparent 83%,#030a16)}.project-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%}.project h2{font-size:clamp(3.2rem,4.8vw,5rem);line-height:1.04;margin-bottom:25px}.project-copy>p:not(.eyebrow){color:#d0dded;font-size:16px;line-height:1.7;max-width:390px}.project-links{display:grid;gap:20px;margin-top:30px}.project-links a{display:flex;align-items:center;gap:18px;font-size:16px}.project-links a:hover{color:#7fd5ff}.project-links a span{font-size:23px;color:#58b6ff;width:28px;text-align:center}.form-panel{border:1px solid rgba(97,157,230,.35);border-radius:12px;background:rgba(5,17,33,.88);box-shadow:0 25px 70px rgba(0,5,17,.42);padding:29px;backdrop-filter:blur(12px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form label{display:block;font-size:13px;font-weight:600;margin-bottom:16px;color:#e4ebf7}form label>span:not(.privacy-check span){color:#9b80ef}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:43px;margin-top:7px;border:1px solid #284261;border-radius:5px;background:#08192e;padding:10px 12px;color:white;font-size:14px;outline:0}textarea{resize:vertical;min-height:108px}input::placeholder,textarea::placeholder{color:#8090aa}input:focus,select:focus,textarea:focus{border-color:#8cc9ff;box-shadow:0 0 0 3px rgba(61,142,255,.17)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.privacy-check{display:flex;gap:9px;align-items:start;color:#aebbd0;font-weight:400;font-size:12px;line-height:1.5}.privacy-check input{margin:2px 0 0;flex:0 0 16px;width:16px;height:16px;accent-color:#476bfa}.privacy-check a{text-decoration:underline;color:#b2d9ff}.submit{width:100%;margin-top:1px;justify-content:center;min-height:47px}.submit:disabled{opacity:.65;cursor:wait}.form-status{font-size:13px;color:#88d9ff;line-height:1.5;margin:11px 0 0}.form-status.error{color:#ffacb5}.privacy{background:#030a16;border-top:1px solid rgba(78,129,190,.13)}.privacy details{padding:18px 0;color:#9eaec6;font-size:13px;line-height:1.6}.privacy summary{cursor:pointer;color:#b8c9e0;font-weight:600}.privacy p{max-width:800px;margin:12px 0 0}
footer{background:#030914;border-top:1px solid rgba(90,148,215,.18)}.footer-main{min-height:124px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main nav{display:flex;gap:24px}.footer-contact{display:grid;gap:7px}.footer-contact a{font-size:12px;color:#c4d1e2}.footer-contact a:hover{color:#64d0ff}.footer-bottom{min-height:50px;border-top:1px solid rgba(100,142,195,.14);display:flex;justify-content:space-between;align-items:center;color:#8a9bb4;font-size:11px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes slow-drift{to{transform:scale(1.035) translateY(-6px)}}
@media(max-width:1100px){.desktop-nav{gap:17px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:300px}.about-grid{grid-template-columns:34% 1fr}.about-points{grid-column:2;grid-row:2;display:flex;border-left:0;padding-left:0;margin-top:-20px}.about-points div{width:33%}.about-grid{padding-block:60px}.about{min-height:600px}}
@media(max-width:760px){.shell{width:min(100% - 36px,600px)}.site-header{height:68px}.brand{font-size:22px}.brand img{width:34px;height:34px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;gap:5px;padding:9px;border:0;background:none}.menu-toggle span{width:24px;height:2px;background:#fff}.mobile-nav:not([hidden]){position:absolute;top:68px;left:0;right:0;z-index:30;display:grid;background:#071326;border-bottom:1px solid #37628d;padding:16px 22px}.mobile-nav a{padding:11px 0;font-weight:600}.hero,.hero-inner{min-height:710px}.hero:before{background-position:66% top;background-size:auto 100%;opacity:.82}.hero:after{background:linear-gradient(90deg,rgba(2,8,19,.84),rgba(2,8,19,.38)),linear-gradient(0deg,#030a16,transparent 29%)}.hero-inner{align-items:end;padding-top:90px;padding-bottom:65px}.hero-copy{width:100%}.hero h1{font-size:clamp(2.75rem,9.5vw,4.5rem)}.hero-steps{display:none}.hero-signature{font-size:15px}.journey,.journey-inner{min-height:340px}.journey:before{background-position:center bottom}.journey-inner{display:block;padding-block:48px}.journey h2{font-size:clamp(2.65rem,8vw,4rem)}.journey-inner>p{margin:24px 0 0;max-width:400px}.section{padding:72px 0}.section-top{display:block}.section-top>p{margin-top:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:300px}.about{min-height:0}.about:before{background-position:20% top;background-size:auto 470px;background-repeat:no-repeat}.about:after{background:linear-gradient(0deg,#030a16 0%,rgba(3,10,22,.9) 48%,rgba(3,10,22,.14) 100%)}.about-grid{display:block;padding-top:390px;padding-bottom:60px}.about-copy{max-width:600px}.about-points{margin-top:25px}.brand-slots{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr;gap:42px}.project:before{background-position:60% center}.project:after{background:rgba(2,8,18,.7)}.project-links{gap:13px}.footer-main{flex-wrap:wrap;padding:27px 0}.footer-main nav{order:3;width:100%;flex-wrap:wrap}.footer-bottom{gap:15px;flex-wrap:wrap;padding:14px 0}}
@media(max-width:480px){.hero,.hero-inner{min-height:730px}.hero:before{background-position:69% 0;background-size:auto 610px;background-repeat:no-repeat}.hero:after{background:linear-gradient(0deg,#030a16 0%,rgba(2,8,19,.87) 33%,rgba(2,8,19,.32) 100%)}.hero h1{font-size:clamp(2.55rem,11vw,3.45rem)}.hero .eyebrow{font-size:10px;line-height:1.5}.actions .button{min-height:46px;padding:0 17px;gap:12px;font-size:13px}.journey-inner{padding-block:54px}.journey h2{font-size:2.5rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.service-icon{margin-bottom:15px}.about-grid{padding-top:320px}.about:before{background-size:auto 390px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-points div{width:auto}.about-points b{font-size:18px}.about-points span{font-size:11px}.brand-slots span{height:72px}.form-row{grid-template-columns:1fr;gap:0}.form-panel{padding:20px}.project h2{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Entry proportions matched to the supplied screenshot. */
@media(min-width:761px){.hero-inner{padding-top:98px}.hero h1{font-size:clamp(3.55rem,5.45vw,5.2rem);line-height:.97}.hero-copy{width:min(650px,54%)}.journey:before{background-position:center bottom}.journey-inner{align-items:center}}


/* Time passing through the existing artwork. All motion uses its current image layers. */
.journey:before{animation:road-time 26s ease-in-out infinite alternate;transform-origin:60% 75%;will-change:transform}.about:before{animation:portal-time 28s ease-in-out infinite alternate;transform-origin:24% 58%;will-change:transform}.project:before{animation:road-time 33s ease-in-out infinite alternate-reverse;transform-origin:65% 70%;will-change:transform}.brand img{animation:mark-time 12s ease-in-out infinite alternate}.service-icon{animation:icon-time 6s ease-in-out infinite alternate}.service-card:nth-child(even) .service-icon{animation-delay:-3s}
@keyframes scene-time{0%{transform:translateX(var(--scene-x)) scale(1) translateY(0)}50%{transform:translateX(var(--scene-x)) scale(1.025) translateY(-6px)}100%{transform:translateX(var(--scene-x)) scale(1.01) translateY(2px)}}@keyframes road-time{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.045) translate(-1%,-5px)}100%{transform:scale(1.02) translate(1%,0)}}@keyframes portal-time{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.045) translate(-.5%,-8px)}100%{transform:scale(1.015) translate(.6%,3px)}}@keyframes mark-time{0%{filter:drop-shadow(0 0 2px rgba(68,146,255,.15));transform:translateY(0)}50%{filter:drop-shadow(0 0 10px rgba(93,147,255,.48));transform:translateY(-2px)}100%{filter:drop-shadow(0 0 3px rgba(128,78,248,.25));transform:translateY(0)}}@keyframes icon-time{to{transform:translateY(-5px);filter:drop-shadow(0 0 10px rgba(69,121,255,.36))}}
@media(max-width:760px){.journey:before,.about:before,.project:before{animation-duration:38s}.service-icon{animation-duration:9s}}

@media(prefers-reduced-motion:reduce){.journey:before,.about:before,.project:before,.brand img,.service-icon{animation:none!important;will-change:auto!important}}

/* Logos supplied by SYNK, shown as transparent artwork. */
.brands .brand-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.brand-card{margin:0;min-height:224px;padding:24px 18px 19px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19px;border:1px solid rgba(86,136,193,.31);border-radius:12px;background:linear-gradient(145deg,rgba(13,32,58,.78),rgba(5,17,34,.72));box-shadow:inset 0 1px rgba(255,255,255,.045);overflow:hidden}
.brand-card img{display:block;width:100%;height:125px;object-fit:contain;animation:portfolio-drift 12s ease-in-out infinite alternate;filter:drop-shadow(0 5px 18px rgba(99,132,236,.08))}
.brand-card:first-child img{width:78%;height:100px}
.brand-card:nth-child(2) img{animation-delay:-4s}.brand-card:nth-child(3) img{animation-delay:-8s}
.brand-card figcaption{font-size:14px;font-weight:600;letter-spacing:.02em;color:#dce8f8;text-align:center}
@keyframes portfolio-drift{from{transform:translateY(3px)}to{transform:translateY(-4px)}}
@media(max-width:760px){.brands .brand-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{min-height:195px}.brand-card img{height:105px}}
@media(max-width:480px){.brands .brand-slots{grid-template-columns:1fr;gap:12px}.brand-card{min-height:175px}.brand-card img{height:105px}}
@media(prefers-reduced-motion:reduce){.brand-card img{animation:none}}

/* Interactive process estimator. */
.simulator{background:radial-gradient(circle at 83% 40%,rgba(78,46,151,.15),transparent 42%),linear-gradient(180deg,#040d1b,#071122 48%,#030a16);border-block:1px solid rgba(82,137,213,.14)}
.simulator .section-top h2 em{font-style:normal;background:linear-gradient(90deg,#3bd1ff,#a276ff);background-clip:text;color:transparent}
.simulator .section-top>p{max-width:370px}
.sim-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:stretch}
.sim-panel{border:1px solid rgba(105,163,238,.32);border-radius:18px;background:linear-gradient(145deg,rgba(9,27,51,.96),rgba(5,16,34,.96));box-shadow:0 22px 70px rgba(0,0,0,.17);padding:32px}
.sim-intro h3{font-size:1.5rem;margin:0 0 5px}.sim-intro p,.sim-cost p{color:#aebfd8;font-size:14px;line-height:1.55;margin:0 0 22px}
.sim-process{position:relative;min-width:0;border:1px solid rgba(100,153,223,.26);border-radius:12px;padding:20px 18px 5px;margin:0 0 15px;background:rgba(4,16,35,.65)}
.sim-process legend{padding:0 8px;color:#78c8ff;font:700 14px 'Space Grotesk',sans-serif;letter-spacing:.04em}
.sim-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
.sim-fields .sim-wide{grid-column:1/-1}
.sim-panel label{font-size:14px;line-height:1.35;margin-bottom:17px;color:#e1ebfb}
.sim-panel input{margin-top:8px;font-size:16px;min-height:46px}
.sim-assumption{font-size:14px;line-height:1.55;color:#b9cbe4;margin:0 0 6px}.sim-assumption strong{color:#8adaff}
.sim-add,.sim-remove{border:0;background:transparent;color:#80d5ff;font-weight:700;font-size:14px;padding:7px 0;min-height:36px}
.sim-add:hover,.sim-remove:hover{text-decoration:underline;color:#fff}.sim-add:disabled{opacity:.4;cursor:default;text-decoration:none}
.sim-remove{position:absolute;top:-7px;right:19px;color:#bdc7e0}
.sim-cost{border-top:1px solid rgba(94,143,204,.22);padding-top:22px;margin-top:18px}
.sim-cost label{max-width:350px;display:block;margin-bottom:8px}.sim-cost p{margin-bottom:22px}
.sim-submit{width:100%;max-width:320px}
.sim-side{border:1px solid rgba(86,121,219,.18);border-radius:18px;background:radial-gradient(circle at 50% 41%,rgba(26,123,255,.13),transparent 42%),linear-gradient(155deg,rgba(9,24,51,.72),rgba(23,12,57,.66));display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:24px;text-align:center}
.sim-side>p{color:#b9cbe5;max-width:290px;line-height:1.6;font-size:15px;margin:0}
.sim-visual{position:relative;width:min(100%,310px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:20px}
.sim-orbit{position:absolute;border:1px solid rgba(93,160,255,.26);border-radius:50%;inset:14%;box-shadow:0 0 24px rgba(76,78,233,.1),inset 0 0 24px rgba(37,101,207,.08)}
.sim-orbit-two{inset:2%;border-color:rgba(169,104,255,.18);animation:sim-breathe 9s ease-in-out infinite alternate}
.sim-core{width:48%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(42,104,230,.18),transparent 70%)}
.sim-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(63,159,255,.32));animation:sim-float 7s ease-in-out infinite alternate}
@keyframes sim-breathe{to{transform:scale(1.045);opacity:.55}}@keyframes sim-float{to{transform:translateY(-7px)}}
.sim-results{margin-top:24px;border:1px solid rgba(77,177,247,.4);border-radius:18px;background:linear-gradient(120deg,rgba(9,38,73,.96),rgba(16,16,49,.96));padding:30px;scroll-margin-top:22px}
.sim-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.sim-results-head .eyebrow{margin-bottom:7px}.sim-results h3{font-size:1.8rem;margin:0}.sim-results h3:focus{outline:none}
.sim-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}
.sim-metrics>div{min-width:0;padding:21px 16px;border:1px solid rgba(112,168,239,.22);border-radius:12px;background:rgba(2,12,29,.58)}
.sim-metrics strong{display:block;font:700 clamp(1.5rem,2.8vw,2.5rem)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#71d8ff;overflow-wrap:anywhere}
.sim-metrics span{display:block;margin-top:10px;color:#c1cde1;font-size:14px;line-height:1.35}
.sim-breakdown{display:grid;gap:0}.sim-breakdown>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(116,152,205,.18);padding:11px 0;color:#dce8f7;font-size:14px}.sim-breakdown strong{color:#93dfff;text-align:right}
.sim-note{font-size:13px;line-height:1.6;color:#a9b9d0;margin:18px 0 0;max-width:900px}
[hidden]{display:none!important}
@media(max-width:900px){.sim-layout{grid-template-columns:1fr}.sim-side{display:none}.sim-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sim-panel,.sim-results{padding:22px 18px}.sim-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-fields .sim-wide{grid-column:1/-1}.sim-fields label:last-child{grid-column:1/-1}.sim-results-head{display:block}.sim-results-head .button{margin-top:18px}.sim-metrics{gap:9px}.sim-metrics>div{padding:15px 12px}.sim-metrics strong{font-size:1.45rem}.sim-metrics span{font-size:13px}}
@media(max-width:380px){.sim-fields{grid-template-columns:1fr}.sim-fields label{grid-column:1/-1}.sim-metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sim-orbit-two,.sim-core img{animation:none}}
/* Centred SYNK hero: clear message over a restrained space horizon. */
.hero{min-height:100svh;min-height:max(760px,100svh);background:#030a16}
.hero:before{display:block;inset:0;z-index:-2;background:url('/synk-home-hero.png') 50% 62%/cover no-repeat;animation:none}
.hero:after{z-index:1;background:linear-gradient(180deg,rgba(2,8,19,.2),rgba(2,8,19,.14) 52%,rgba(3,10,22,.36)),linear-gradient(90deg,rgba(2,8,19,.12),transparent 28%,transparent 72%,rgba(2,8,19,.12))}
.hero-inner{position:relative;z-index:2;min-height:max(760px,100svh);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding-block:120px 150px}
.hero-copy{width:min(900px,100%);text-align:center;margin-inline:auto;transform:translateY(6vh)}
.hero-copy .eyebrow{margin-bottom:24px}
.hero h1{max-width:920px;margin:0 auto 24px;font-size:clamp(3.1rem,6.1vw,5.75rem);line-height:.99;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 3px 32px rgba(1,6,18,.45)}
.hero h1 em{background-image:linear-gradient(95deg,#36d3ff 5%,#728aff 55%,#a266f5 100%)}
.hero h1{text-align:center;width:100%;margin-inline:auto}
.hero-description{max-width:590px;margin:0 auto 30px;color:#d8e5f6;font-size:16px;line-height:1.65;text-shadow:0 2px 14px rgba(1,6,18,.75)}
.hero .actions{justify-content:center;gap:12px}
.hero .button{min-height:52px;padding-inline:24px;gap:20px}
.hero .button.secondary{background:rgba(3,10,22,.38);backdrop-filter:blur(8px)}
.hero .button:focus-visible,.header-cta:focus-visible,.desktop-nav a:focus-visible{outline:3px solid #7bdcff;outline-offset:4px}
@media(max-width:760px){.hero,.hero-inner{min-height:max(720px,100svh)}.hero:before{background-position:63% 100%;background-size:auto 100%}.hero:after{background:linear-gradient(180deg,rgba(2,8,19,.12),rgba(2,8,19,.2) 58%,rgba(3,10,22,.5))}.hero-inner{padding:118px 0 138px}.hero-copy{width:100%;transform:translateY(-3vh)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:20px}.hero h1{font-size:clamp(2.25rem,9vw,4.2rem);line-height:1.03;margin-bottom:20px}.hero-description{max-width:500px;font-size:16px;line-height:1.6;margin-bottom:25px}.hero .actions{gap:10px}}
@media(max-width:420px){.hero,.hero-inner{min-height:max(700px,100svh)}.hero-inner{padding:108px 0 126px}.hero h1{font-size:clamp(2.1rem,9.1vw,2.55rem)}.hero .actions{flex-direction:column;align-items:stretch;max-width:290px;margin-inline:auto}.hero .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}
/* Full-screen mobile navigation */
@media(max-width:760px){
  body.menu-open{overflow:hidden}
  body.menu-open .site-header{position:fixed;background:linear-gradient(180deg,rgba(2,9,23,.96),rgba(2,9,23,.08));border-bottom:1px solid rgba(105,160,255,.1)}
  .menu-toggle{position:relative;z-index:21;width:42px;height:42px;align-content:center;justify-items:center;border:1px solid rgba(117,173,255,.3);border-radius:12px;background:rgba(9,23,49,.58);transition:border-color .25s,background .25s}
  .menu-toggle span{width:20px;transform-origin:center;transition:transform .3s ease,background .3s ease}
  .menu-toggle[aria-expanded=true]{border-color:rgba(86,198,255,.65);background:rgba(18,45,80,.72)}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg);background:#6bd7ff}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg);background:#6bd7ff}
  .mobile-nav:not([hidden]){position:fixed;inset:0;z-index:19;display:block;width:100%;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:0;border:0;background:radial-gradient(circle at 84% 16%,rgba(52,94,213,.28),transparent 37%),radial-gradient(circle at 6% 85%,rgba(112,57,209,.21),transparent 38%),#030b1b}
  .mobile-nav:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(87,135,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(87,135,220,.055) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(160deg,transparent 4%,#000 70%,transparent 100%)}
  .mobile-nav-inner{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;padding:96px max(24px,calc((100vw - 560px)/2)) 28px}
  .mobile-nav-kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#9cbde5;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.2em}
  .mobile-nav-kicker>span:last-child{margin-left:auto;color:#6485ad}
  .mobile-nav-pulse{width:6px;height:6px;flex:none;border-radius:50%;background:#4ed7ff;box-shadow:0 0 12px #4ed7ff}
  .mobile-nav-links{display:grid}
  .mobile-nav .mobile-nav-link{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;padding:8px 0;border-bottom:1px solid rgba(115,164,226,.16);font:600 clamp(1.65rem,7vw,2.2rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:#f3f7ff;animation:menu-rise .45s both}
  .mobile-nav .mobile-nav-link:nth-child(2){animation-delay:35ms}.mobile-nav .mobile-nav-link:nth-child(3){animation-delay:70ms}.mobile-nav .mobile-nav-link:nth-child(4){animation-delay:105ms}.mobile-nav .mobile-nav-link:nth-child(5){animation-delay:140ms}.mobile-nav .mobile-nav-link:nth-child(6){animation-delay:175ms}
  .mobile-nav-index{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#6d9ccf}
  .mobile-nav-link:hover,.mobile-nav-link:focus-visible{color:#69d7ff}
  .mobile-nav-bottom{margin-top:auto;padding-top:25px}
  .mobile-nav .mobile-nav-cta{min-height:52px;display:flex;justify-content:center;align-items:center;padding:0 19px;border:1px solid rgba(134,169,255,.55);border-radius:14px;background:linear-gradient(100deg,#126dfa,#7048df);box-shadow:0 9px 30px rgba(41,92,223,.26);font:700 15px 'Space Grotesk',sans-serif;color:white}
  .mobile-nav-bottom p{margin:18px 0 0;text-align:center;color:#6683aa;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.15em}
  .mobile-nav a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #69dcff;outline-offset:3px}
}
@keyframes menu-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.service-number{display:block;margin:4px 0 55px;color:#69bfff;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.2em}
.service-dots{display:none}
@media(max-width:760px){
  .service-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .service-grid::-webkit-scrollbar{display:none}
  .service-grid .service-card{flex:0 0 calc(100% - 24px);min-height:290px;scroll-snap-align:start;scroll-snap-stop:always}
  .service-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:17px}
  .service-dot{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
  .service-dot::before{content:'';display:block;width:9px;height:9px;border:1px solid rgba(129,183,255,.75);border-radius:50%;background:rgba(112,150,216,.2);transition:background .2s,border-color .2s,box-shadow .2s}
  .service-dot.is-active::before{background:#59cdff;border-color:#59cdff;box-shadow:0 0 0 4px rgba(89,205,255,.13),0 0 14px rgba(89,205,255,.4)}
  .service-dot:focus-visible{outline:2px solid #a8e8ff;outline-offset:2px;border-radius:50%}
}
@media(max-width:760px){
  .brands .brand-slots{display:flex;grid-template-columns:none;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .brands .brand-slots::-webkit-scrollbar{display:none}
  .brands .brand-card{flex:0 0 100%;min-height:195px;scroll-snap-align:start;scroll-snap-stop:always}
}
.tool-tabs{display:inline-flex;max-width:100%;gap:5px;margin:0 0 28px;padding:5px;border:1px solid rgba(94,153,231,.28);border-radius:999px;background:rgba(5,17,38,.75)}
.tool-tab{min-height:48px;padding:10px 22px;border:1px solid transparent;border-radius:999px;background:transparent;color:#aebfd9;font:700 14px 'Space Grotesk',sans-serif;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.tool-tab:hover{color:#fff;background:rgba(51,103,179,.18)}
.tool-tab.is-active{color:#fff;border-color:rgba(117,206,255,.5);background:linear-gradient(100deg,rgba(17,103,238,.9),rgba(98,58,198,.92));box-shadow:0 6px 22px rgba(22,80,187,.28)}
.tool-tab:focus-visible{outline:2px solid #70d9ff;outline-offset:3px}
.tool-panel[hidden]{display:none!important}
.consultora-shell{max-width:940px;margin:auto;padding:24px;border:1px solid rgba(88,150,231,.3);border-radius:18px;background:radial-gradient(circle at 80% 0,rgba(72,68,191,.18),transparent 48%),linear-gradient(150deg,rgba(8,25,53,.92),rgba(5,13,31,.96));box-shadow:0 20px 70px rgba(0,0,0,.14)}
.consultora-heading{margin:0 0 20px}
.consultora-heading .eyebrow{margin-bottom:9px;color:#78c8ff}
.consultora-heading h3{font-size:clamp(1.65rem,3vw,2.3rem);margin:0 0 8px}
.consultora-heading>p:last-child{margin:0;color:#b4c5de;line-height:1.5}
.consultora-loading{color:#b4c5de;font-size:14px}
.consultora-frame{display:block;width:100%;height:688px;max-width:100%;border:0;border-radius:12px;background:#061226}
.consultora-fallback{display:inline-block;margin-top:14px;color:#79cfff;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.consultora-fallback:focus-visible{outline:2px solid #70d9ff;outline-offset:3px}
.consultora-privacy{margin:10px 0 0;color:#829ab9;font-size:12px;line-height:1.5}
@media(max-width:600px){
  .tool-tabs{display:flex;width:100%;padding:4px;border-radius:18px}
  .tool-tab{flex:1;min-width:0;min-height:54px;padding:9px 10px;border-radius:14px;font-size:12px;line-height:1.2}
  .consultora-shell{padding:15px}
  .consultora-heading{padding:3px 3px 0}
}