/* NORTHLINK DIGITAL SOLUTIONS — CSS
   Self-contained, responsive, accessible, no external packages. */
:root{--navy:#06142d;--navy-2:#081c34;--navy-3:#101f36;--ink:#101b2f;--body:#526177;--teal:#09d5bd;--teal-dark:#029f98;--cyan:#32b9f1;--light:#f5f8fb;--line:#dfE7ef;--white:#fff;--radius:24px;--max:1240px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
::selection{background:#0fdac0;color:var(--navy)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}h2{font-size:clamp(2.7rem,5vw,4.55rem);line-height:1.075;font-weight:750;margin-bottom:0}h2 em{font-style:normal;color:#0baba7}h3{line-height:1.13}p{line-height:1.72}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.container{width:min(var(--max),calc(100% - 96px));margin:0 auto}.section{padding:116px 0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:9999;top:-100px;left:20px;background:#fff;color:#071329;border-radius:10px;padding:12px 18px}.skip-link:focus{top:12px}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--cyan));z-index:1000;pointer-events:none;box-shadow:0 0 12px #0dd2c7}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;border:1px solid transparent;border-radius:11px;font-weight:700;font-size:.9rem;padding:16px 22px;white-space:nowrap;transition:transform .25s var(--ease),background .25s,box-shadow .25s,color .25s}.button svg,.nav-cta svg,.card-link svg,.solution-link svg,.text-link-light svg,.concept-arrow svg{width:18px;height:18px;flex:none}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(120deg,#08dabf,#43c6e8);color:#06152c;box-shadow:0 10px 30px #09d0c329}.button-primary:hover{box-shadow:0 13px 35px #09d0c34f}.button-ghost{border-color:#62728a70;color:#edfaff;background:#ffffff08}.button-ghost:hover{background:#ffffff17;border-color:#83a0ac}.button-outline-light{background:#ffffff0d;border-color:#5b7996;color:white}.button-outline-light:hover{background:#ffffff20}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#071329b8;border-bottom:1px solid #b8d6ed17;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .25s,box-shadow .25s}.site-header.scrolled{background:#071329f0;box-shadow:0 12px 38px #06102533}.nav-shell{height:88px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:11px;overflow:hidden;box-shadow:inset 0 0 0 1px #cedae6}.brand-mark img{height:46px;width:43px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:3px}.brand-wordmark strong{font-size:1.18rem;line-height:1;letter-spacing:.035em;color:#fff;font-weight:800}.brand-wordmark strong span{color:#2fdbce}.brand-wordmark small{font-size:.55rem;letter-spacing:.28em;font-weight:700;color:#b9c7d8}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.desktop-nav a{font-size:.8rem;font-weight:650;color:#cbd5df;transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--teal)}.desktop-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--teal);border-radius:2px}.nav-cta{display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:9px;background:#eafaf7;color:#0c283c;font-weight:750;font-size:.79rem;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--teal);transform:translateY(-2px)}.menu-button{display:none;width:44px;height:44px;border-radius:9px;background:#ffffff14;border:1px solid #ffffff36;color:white;align-items:center;justify-content:center}.menu-button svg{width:23px;height:23px}.mobile-menu{display:none}
.hero{padding-top:88px;background:#061329;color:white;min-height:770px;position:relative;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 74% 38%,#0b416655,transparent 45%),linear-gradient(135deg,#061329 10%,#0c1e37 60%,#061329 100%);z-index:-3}.hero-grid{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(#5ecbe514 1px,transparent 1px),linear-gradient(90deg,#5ecbe514 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 56%,transparent);z-index:-2}.hero-glow{position:absolute;filter:blur(65px);border-radius:50%;pointer-events:none;z-index:-1}.hero-glow-one{right:2%;top:12%;width:390px;height:390px;background:#08a7cb21}.hero-glow-two{right:35%;bottom:0;width:220px;height:220px;background:#08cbb418}.hero-inner{display:grid;grid-template-columns:1.03fr 1fr;gap:32px;min-height:646px;align-items:center;padding:76px 0 60px}.hero-copy{position:relative;z-index:5}.eyebrow,.section-label,.micro-label{font-size:.7rem;letter-spacing:.19em;font-weight:850;line-height:1.5}.hero-eyebrow{color:#5fe3db;display:flex;align-items:center;gap:12px;margin-bottom:31px}.signal-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 6px #0bd7bc20,0 0 16px #00e4c4}.eyebrow-line{width:25px;height:1px;background:#6caeb0;opacity:.65}.hero h1{font-size:clamp(3.5rem,5.6vw,6.15rem);line-height:1.085;margin:0 0 26px;max-width:750px;font-weight:780;letter-spacing:-.067em}.hero-text-gradient{background:linear-gradient(105deg,#20f2d4 6%,#54bff6 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#aebed0;font-size:1.02rem;line-height:1.85;max-width:540px;margin-bottom:34px}.hero-lead strong{color:#f0f8fc;font-weight:600}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-mini{display:flex;gap:11px;align-items:center;margin-top:42px;color:#b1c1d0;font-size:.72rem;white-space:nowrap}.mini-icon{display:inline-flex;color:var(--teal)}.mini-icon svg{height:17px;width:17px}.mini-divider{width:3px;height:3px;border-radius:50%;background:#617b94}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;color:#67839a}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:.59rem;letter-spacing:.2em;font-weight:800}.scroll-cue>span{display:block;height:33px;width:18px;border:1px solid #5c718b;border-radius:13px;position:relative}.scroll-cue>span::before{content:"";position:absolute;top:7px;left:7px;width:2px;height:7px;background:#17ceba;animation:scroll-down 2s infinite}.hero-categories{display:flex;gap:31px;font-size:.65rem;letter-spacing:.17em;font-weight:800}
.hero-visual{position:relative;max-width:604px;justify-self:end;width:100%;transform:translate(13px,0)}.visual-header{display:flex;align-items:center;justify-content:space-between;padding:16px 21px;color:#7293ae;font-size:.65rem;letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#14243a;border:1px solid #4f78944e;border-bottom:0;border-radius:17px 17px 0 0}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#3e5971}.window-dots i:first-child{background:#e98275}.window-dots i:nth-child(2){background:#e7c873}.window-dots i:nth-child(3){background:#5cceab}.visual-live{color:#23d9c6;font-weight:bold}.visual-live b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}.architecture{background:linear-gradient(150deg,#101f35,#0c1b30);border:1px solid #4f78944e;border-radius:0 0 18px 18px;box-shadow:0 40px 90px #010917aa;overflow:hidden;padding:24px 17px 20px}.arch-topline{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.14em;color:#81a7bf;font-weight:750;padding:0 12px}.network-visual{width:100%;height:auto;display:block;overflow:visible;margin:5px 0 0}.network-visual .orbit{fill:none;stroke:#34718e;stroke-width:1;stroke-dasharray:4 12;stroke-opacity:.65;transform-origin:300px 192px;animation:rotate 36s linear infinite}.network-visual .orbit-b{stroke:#3a597d;stroke-dasharray:2 11;animation-direction:reverse;animation-duration:48s}.flowline{fill:none;stroke:url(#flowGrad);stroke-width:1.6;stroke-opacity:.7;stroke-dasharray:8 13;animation:flow 14s linear infinite}.flowline.delay-1{animation-delay:-2s}.flowline.delay-2{animation-delay:-4s}.flowline.delay-3{animation-delay:-7s}.flowline.delay-4{animation-delay:-9s}.flowline.fine{stroke:#244c67;stroke-width:.8;stroke-opacity:.65;stroke-dasharray:3 10;animation:none}.node-aura{fill:none;stroke:#1ccab8;stroke-opacity:.23;stroke-width:1;stroke-dasharray:8 10}.central-node rect{fill:#0d6c7d;stroke:#28d5ca;stroke-width:2}.central-node path{stroke:#b9fff4;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none}.satellite circle{fill:#132c47;stroke:#28859c;stroke-width:1.5}.satellite path,.satellite rect{stroke:#72dfdc;stroke-width:2;fill:none}.satellite text{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2.1px;text-anchor:middle;fill:#83a9ba;stroke:none}.architecture-footer{border-top:1px solid #40617a4b;margin:0 10px;padding:15px 2px 0;display:flex;justify-content:space-between;align-items:center}.architecture-footer>div{display:grid;gap:4px}.stat-label{font-size:.59rem;letter-spacing:.14em;color:#6aa1b4;font-weight:750}.architecture-footer strong{font-size:1rem;letter-spacing:-.02em}.arch-animate{display:flex;gap:5px;align-items:end;height:20px}.arch-animate span{width:4px;height:7px;background:#24d2c4;animation:equalizer 1s ease-in-out infinite alternate;border-radius:3px}.arch-animate span:nth-child(2){height:14px;animation-delay:.15s}.arch-animate span:nth-child(3){height:19px;animation-delay:.3s}.arch-animate span:nth-child(4){height:11px;animation-delay:.1s}.arch-animate span:nth-child(5){height:8px;animation-delay:.45s}.float-pill{position:absolute;background:#e9f5f9;border:1px solid white;color:#09243e;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px #01091488;border-radius:13px;padding:12px 15px;font-size:.72rem}.float-pill-one{top:32%;right:-18px}.float-pill-two{bottom:13%;left:-19px}.float-pill strong,.float-pill small{display:block}.float-pill strong{font-size:.75rem}.float-pill small{color:#65778c;margin-top:4px}.pill-icon,.pill-check{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#d0f9f1;color:#009d8d;font-size:1.1rem;font-weight:bold}.pill-check{width:23px;height:23px;border-radius:50%;font-size:.8rem;background:#04b9a5;color:white}
.value-strip{background:#eaf2f6;border-bottom:1px solid #dbe5ed}.value-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0}.value-strip p{margin:0;color:#53657b;font-size:1.06rem;line-height:1.4}.value-strip p strong{color:#09263b}.value-list{display:flex;gap:29px;align-items:center}.value-list span{font-weight:730;font-size:.75rem;color:#394c61;white-space:nowrap}.value-list i{display:inline-block;vertical-align:middle;width:6px;height:6px;background:#02b9a9;border-radius:50%;margin-right:7px}
.section-top{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;margin-bottom:48px}.section-label{color:#708398;display:flex;align-items:center;gap:10px;margin:0 0 22px}.section-label span{color:#049d9a}.section-intro{color:#647184;font-size:1rem;max-width:420px;margin:0 0 5px auto;line-height:1.8}.services-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;min-height:342px;border:1px solid #e0e8ef;border-radius:16px;padding:30px 30px 26px;overflow:hidden;background:linear-gradient(145deg,#fff,#fbfdff);transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}.service-card:hover{transform:translateY(-7px);border-color:#7fdfd7;box-shadow:0 24px 54px #153a5620}.service-number{position:absolute;top:29px;right:27px;font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#9eabb8}.service-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:15px;background:#e9f9f6;color:#039c99;margin-bottom:28px;box-shadow:inset 0 0 0 1px #d5f0ec}.service-icon svg{width:28px;height:28px}.service-card h3{font-size:1.55rem;margin-bottom:14px;font-weight:770}.service-card p{color:#667689;line-height:1.7;font-size:.87rem;max-width:280px;margin-bottom:22px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;padding-right:24px}.service-tags span{font-size:.59rem;font-weight:800;letter-spacing:.035em;color:#597183;background:#f0f5f8;border-radius:5px;padding:7px 8px}.card-link{display:grid;place-items:center;position:absolute;right:22px;bottom:22px;width:33px;height:33px;border:1px solid #c7dce4;border-radius:50%;color:#119c9e;transition:background .2s,color .2s}.card-link:hover{background:#0cd0bd;color:#06142d}.service-card-feature{background:#0a1f37;border-color:#0a1f37;color:#fff}.service-card-feature .service-icon{background:#18405a;color:#3de6d7;box-shadow:inset 0 0 0 1px #ffffff10}.service-card-feature p{color:#b0bfce}.service-card-feature .service-tags span{background:#1d3550;color:#b8d4df}.service-card-feature .card-link{color:#24d9c8;border-color:#518494}.service-feature-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:23px 23px;pointer-events:none}
.solutions-section{background:#f4f8fa}.solutions-shell{display:grid;grid-template-columns:290px 1fr;border:1px solid #dce8ee;background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 21px 65px #193a530d}.solutions-selector{background:#0c2037;min-height:500px;padding:28px 17px;display:flex;flex-direction:column}.solution-tab{background:transparent;display:flex;align-items:center;gap:13px;color:#98b0c2;border:1px solid transparent;border-radius:11px;text-align:left;padding:19px 16px;margin-bottom:9px;transition:background .2s,color .2s,border-color .2s}.solution-tab span{font:700 .65rem ui-monospace,monospace;color:#5db7b6}.solution-tab strong{font-size:.82rem;font-weight:700;flex:1}.solution-tab svg{width:17px;height:17px}.solution-tab.is-active,.solution-tab:hover{background:#193b54;color:#fff;border-color:#3a758873}.solution-tab.is-active svg{color:#28e0cf}.solution-selector-footer{margin-top:auto;border-top:1px solid #54708944;padding:24px 11px 4px;display:flex;align-items:center;gap:13px}.solution-selector-footer svg{width:33px;height:33px;color:#36d8cd}.solution-selector-footer p{margin:0;font-size:.78rem;line-height:1.6;color:#a1b6c4}.solution-main{padding:44px 46px 38px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.solution-panel{display:grid;grid-template-columns:.82fr 1fr;gap:28px;align-items:center;min-height:370px;animation:panel-in .45s var(--ease)}.solution-panel[hidden]{display:none}.micro-label{color:#029b9a;margin-bottom:14px}.solution-text h3{font-size:clamp(1.8rem,2.4vw,2.5rem);font-weight:800;margin-bottom:17px}.solution-text p:not(.micro-label){font-size:.86rem;color:#657488;line-height:1.85}.solution-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.solution-tags span{padding:8px 10px;background:#e7f5f3;color:#137c7b;border-radius:6px;font-size:.62rem;font-weight:800}.solution-link{display:flex;align-items:center;gap:12px;font-weight:750;font-size:.88rem;color:#006d76;width:fit-content;margin-top:8px;transition:gap .2s}.solution-link:hover{gap:20px}.solution-mockup{height:280px;background:#0d2139;border-radius:15px;border:7px solid #e6edf2;padding:17px 20px;box-shadow:0 22px 44px #04294028;overflow:hidden}.mockup-top{display:flex;justify-content:space-between;color:#7f9aad;font:700 .54rem ui-monospace,monospace;letter-spacing:.08em;margin-bottom:16px}.mockup-top span:last-child{color:#1fdbb9}.mockup-ui{position:relative;height:210px;display:flex;align-items:flex-end;gap:7px}.mockup-bars{display:flex;align-items:end;gap:9px;height:128px;width:100%;border-bottom:1px solid #34607780}.mockup-bars span{flex:1;background:linear-gradient(0deg,#0a6a7f,#19cdb4);border-radius:3px 3px 0 0;opacity:.8;height:40%}.mockup-bars span:nth-child(2){height:68%}.mockup-bars span:nth-child(3){height:52%}.mockup-bars span:nth-child(4){height:82%}.mockup-bars span:nth-child(5){height:61%}.mockup-bars span:nth-child(6){height:95%}.mockup-bars span:nth-child(7){height:77%}.mockup-bars span:nth-child(8){height:100%}.mockup-callout{position:absolute;top:10px;left:10px;background:#12354e;border:1px solid #397089;border-radius:10px;padding:14px 17px;box-shadow:0 13px 25px #01112099}.mockup-callout small{color:#19dbc7;font:700 .53rem ui-monospace,monospace;display:block;letter-spacing:.12em;margin-bottom:8px}.mockup-callout strong{display:block;color:#fff;font-size:1rem;line-height:1.3}.mockup-dotline{display:block;color:#14d2b8;font-size:.65rem;margin-top:12px;letter-spacing:.12em}.mockup-workflow{height:204px;display:flex;align-items:center;gap:5px;justify-content:center}.mockup-workflow div{background:#173d55;border:1px solid #366d80;border-radius:10px;padding:15px 9px;width:31%;text-align:center}.mockup-workflow div strong,.mockup-workflow div small{display:block}.mockup-workflow div strong{color:#fff;font-size:.7rem}.mockup-workflow div small{color:#80a5b5;font-size:.58rem;margin-top:6px}.mockup-workflow i{flex:1;height:1px;position:relative;background:#23c4b6}.mockup-workflow i::after{content:'›';position:absolute;right:-2px;top:-11px;color:#23c4b6}.wf-num{display:block;font-size:.66rem;margin-bottom:12px;color:#40e2d1;font-family:monospace}.mockup-stages{height:210px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.mockup-stages div{height:116px;background:#17445c;border:1px solid #30667e;padding:14px 7px;border-radius:9px;display:flex;flex-direction:column;justify-content:space-between}.mockup-stages div span{font:700 .63rem ui-monospace,monospace;color:#28d0c5}.mockup-stages div strong{color:#f7ffff;font-size:.69rem}.mockup-stages div i{height:3px;background:#3ee1c7;width:70%;display:block;border-radius:4px}.mockup-stages div:nth-child(2){margin-top:-35px}.mockup-stages div:nth-child(3){margin-top:20px}.mockup-stages div:nth-child(4){margin-top:-20px}
.work-section{background:#fff}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.concept-card{background:#fff;border:1px solid #e0e7ed;border-radius:16px;overflow:hidden;padding:0;text-align:left;display:flex;flex-direction:column;transition:box-shadow .3s var(--ease),transform .3s var(--ease);width:100%}.concept-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px #102e4924}.concept-visual{height:275px;position:relative;overflow:hidden;background:#071a31;padding:24px}.concept-dashboard{background:radial-gradient(circle at 30% 0,#1c5260,#081b34 65%);padding:29px}.dash-header{display:flex;align-items:center;gap:9px;color:#87a4b7;font:600 .53rem ui-monospace,monospace;letter-spacing:.09em;margin-bottom:19px}.dash-header i{width:7px;height:7px;border:1px solid #1fd3c3;border-radius:50%}.dash-header i:last-child{margin-left:auto}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-kpis>div{background:#17364b70;border:1px solid #44607a44;border-radius:7px;padding:12px 9px}.dash-kpis small,.dash-kpis strong,.dash-kpis span{display:block}.dash-kpis small{font-size:.53rem;color:#8ca8ba}.dash-kpis strong{font-size:1.2rem;letter-spacing:-.04em;color:white;margin-top:6px}.dash-kpis span{font-size:.48rem;letter-spacing:.13em;color:#48d2bd;margin-top:5px}.mini-chart{margin-top:10px;width:100%;height:94px}.dash-footer{display:flex;gap:8px}.dash-footer span{height:5px;border-radius:6px;background:#1f536c;width:50px}.dash-footer span:nth-child(2){width:31px;background:#12bcae}.dash-footer span:nth-child(3){width:78px}.concept-website{background:#cde3dc;padding:20px;isolation:isolate}.website-mini{height:100%;background:#173d38;color:#f2fcf5;position:relative;overflow:hidden;padding:22px 23px;border-radius:5px}.website-mini::before{content:"";position:absolute;border:44px solid #8abd9744;border-radius:50%;height:280px;width:280px;right:-120px;top:0}.website-nav{display:flex;justify-content:space-between;font-size:.56rem;letter-spacing:.1em;font-weight:800;position:relative;z-index:2}.website-mini>strong{font-size:clamp(2rem,3vw,3.5rem);line-height:1.02;letter-spacing:-.07em;position:absolute;left:24px;top:72px;z-index:2}.website-mini>strong em{font-weight:400;font-family:Georgia,serif}.website-card{position:absolute;right:20px;bottom:18px;background:#dceab7;width:62%;padding:14px;display:flex;justify-content:space-between;align-items:center;color:#173d38;font-size:.55rem;letter-spacing:.12em;font-weight:900}.website-card i{font-size:1.2rem;font-style:normal}.website-decoration{position:absolute;border:1px solid #c1e2a951;width:230px;height:230px;border-radius:50%;right:-50px;top:55px}.concept-automation{background:radial-gradient(circle at 70% 45%,#164c66,#091c34 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:29px}.automation-label{color:#82b6c5;letter-spacing:.15em;font:600 .51rem ui-monospace,monospace;position:absolute;top:18px;left:23px}.flow-card{height:51px;width:95%;border:1px solid #3b6883;background:#173950;border-radius:9px;display:flex;align-items:center;gap:12px;padding:8px 10px;color:#e1f7fd}.flow-card>div{flex:1}.flow-card strong{display:block;font-size:.69rem}.flow-card small{font-size:.54rem;color:#8cb4c8}.flow-dot{width:28px;height:28px;display:grid;place-items:center;background:#0b837e;border-radius:8px;font-size:.87rem;color:#7efbe4}.flow-dot.flow-alt{background:#205481}.flow-dot.flow-done{background:#0e987d;color:white}.status-pill{font:700 .49rem ui-monospace,monospace;color:#66e2cc}.flow-connector{height:10px;width:1px;background:#28bbad}.concept-info{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:9px;flex:1}.concept-info h3{font-size:1.3rem;margin-bottom:8px}.concept-info p{font-size:.81rem;color:#738094;line-height:1.7;margin:0}.concept-info .micro-label{font-size:.58rem;margin-bottom:11px}.concept-arrow{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#edf8f6;color:#039b9d;border-radius:50%}.concept-card:hover .concept-arrow{background:#12d1bf;color:#001b2e}.concept-disclaimer{font-size:.7rem;color:#8792a0;margin:20px 0 0}
.process-section{background:#f3f8fa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}.process-step{position:relative;padding-top:24px;border-top:2px solid #c8d9e2}.process-step::before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:#1fc1b7;box-shadow:0 0 0 5px #d4efec}.process-step>span{color:#119b9b;font:800 .7rem ui-monospace,monospace;letter-spacing:.1em}.process-mark{display:grid;place-items:center;width:54px;height:54px;color:#0d7a8e;background:#e3f6f2;border-radius:12px;margin:28px 0 22px;font-size:1.5rem;font-weight:bold}.process-step h3{font-size:1.38rem;margin-bottom:12px}.process-step p{font-size:.84rem;color:#6a7b8c;line-height:1.8;max-width:235px}
.about-section{background:#071a30;color:white;overflow:hidden;position:relative}.about-section::after{content:"";position:absolute;width:540px;height:540px;background:#14b7ba13;filter:blur(90px);border-radius:50%;right:-140px;bottom:-260px;pointer-events:none}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-graphic{height:505px;display:grid;place-items:center;position:relative}.about-orbit{position:absolute;width:450px;height:450px;border:1px solid #1e5d785f;border-radius:50%;pointer-events:none}.about-orbit.orbit-two{width:535px;height:535px;border-style:dashed;border-color:#24677a55;animation:rotate 50s linear infinite}.about-logo-card{position:relative;z-index:2;max-width:360px;aspect-ratio:1;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 35px 70px #0109178c,0 0 75px #0ddbc624;transform:rotate(-4deg);transition:transform .4s var(--ease)}.about-logo-card:hover{transform:rotate(0deg) scale(1.025)}.about-logo-card img{height:100%;width:100%;object-fit:contain}.about-note{position:absolute;bottom:3px;left:0;font-size:.61rem;letter-spacing:.13em;color:#5cb4be;font-weight:800}.section-label-light{color:#87a7be}.about-content h2{color:#fff}.about-content h2 em{color:#31decf}.about-content>p:not(.section-label){font-size:.95rem;color:#adc1d1;line-height:1.85;margin:22px 0 0}.about-points{display:grid;gap:17px;margin:31px 0}.about-points>div{display:flex;gap:12px;align-items:center;font-size:.86rem;color:#e9f2f7}.about-points svg{height:18px;width:18px;color:#2ed7c8}.text-link-light{display:flex;gap:12px;align-items:center;width:fit-content;color:#4eebd7;font-weight:800;font-size:.86rem;border-bottom:1px solid #37bbaa;padding:4px 0 10px}
.planner-section{background:#fff}.planner-shell{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;border:1px solid #dce6ed;box-shadow:0 23px 65px #12334c14}.planner-form{padding:42px 47px;background:#fff}.planner-form h3{font-size:1.75rem;margin:5px 0 27px}.planner-options{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.planner-options legend{margin-bottom:15px;font-size:.82rem;font-weight:700;color:#586b7f}.choice{position:relative;cursor:pointer;min-width:0}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:flex;align-items:center;gap:9px;border:1px solid #dce6ec;border-radius:9px;padding:15px 11px;min-height:54px;color:#455c72;font-size:.76rem;font-weight:750;transition:all .2s}.choice span svg{width:18px;height:18px;color:#7a9cac;flex:none}.choice input:checked+span{border-color:#06bfb0;background:#e6faf7;color:#066c74;box-shadow:inset 0 0 0 1px #06bfb0}.choice input:checked+span svg{color:#008b8a}.choice input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:3px}.choice:hover span{border-color:#0fb9af}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.planner-fields label{color:#53677a;font-size:.75rem;font-weight:750;display:grid;gap:10px}.planner-fields select{width:100%;min-width:0;border:1px solid #d8e3ea;border-radius:8px;color:#132d45;padding:14px 11px;background:#f7fafb;font-size:.77rem;cursor:pointer}.planner-result{background:radial-gradient(circle at 80% 3%,#14485e,#0a1d34 48%,#06162c);padding:36px 40px;display:flex;flex-direction:column;color:white;position:relative;overflow:hidden}.planner-result::before{content:"";position:absolute;right:-160px;top:50px;width:330px;height:330px;border:1px dashed #26aeaf4d;border-radius:50%;pointer-events:none}.result-top{display:flex;justify-content:space-between;color:#8aaabe;font:700 .57rem ui-monospace,monospace;letter-spacing:.12em;position:relative;z-index:1}.result-indicator{color:#2dddc8}.result-indicator i{display:inline-block;width:6px;height:6px;background:#2bdbc6;border-radius:50%;margin-right:5px;box-shadow:0 0 6px #1bd4c5}.result-compass{margin:44px 0 18px;display:grid;place-items:center;width:62px;height:62px;border:1px solid #3b8a91;border-radius:17px;color:#30e5d6;background:#0f394e}.result-compass svg{width:37px;height:37px}.result-body{position:relative;z-index:1}.result-body .micro-label{color:#47dfcf}.result-body h3{font-size:2.15rem;line-height:1.18;max-width:360px;margin-bottom:16px}.result-body>p:not(.micro-label){color:#9bb5c8;font-size:.87rem;line-height:1.8;min-height:84px;max-width:440px}.result-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #5c829352;padding-top:18px;margin-top:22px}.result-meta div{display:grid;gap:7px}.result-meta small{font-size:.53rem;font-weight:800;color:#6d99ad;letter-spacing:.13em}.result-meta span{font-size:.77rem;color:#e4f5fc}.result-actions{display:flex;gap:10px;margin-top:33px;position:relative;z-index:1}.result-actions .button{font-size:.77rem;min-height:46px;padding:12px 14px}.result-actions .button svg{width:16px;height:16px}.result-helper{font-size:.62rem;color:#6e94a9;margin:14px 0 0}
.faq-section{background:#f3f8fa}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-support{font-size:.91rem;color:#718296;max-width:310px;margin-top:24px}.faq-list{border-top:1px solid #d5e3ea}.faq-list details{border-bottom:1px solid #d5e3ea}.faq-list summary{font-weight:750;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:24px 3px;font-size:.94rem;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{height:27px;width:27px;border:1px solid #b0c9d1;border-radius:50%;display:grid;place-items:center;flex:none;color:#1a8c93;font-size:1.35rem;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);background:#0cbab0;color:#fff;border-color:#0cbab0}.faq-list details p{font-size:.88rem;color:#64778a;max-width:600px;margin:0 0 25px;line-height:1.8}
.contact-section{background:#0a2038;position:relative;color:white;padding:110px 0;overflow:hidden}.contact-shape{position:absolute;right:-120px;top:-250px;height:750px;width:750px;border:1px solid #2a697e44;border-radius:50%;box-shadow:0 0 0 90px #15d4c005,0 0 0 180px #15d4c005}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;position:relative}.contact-content h2{font-size:clamp(2.65rem,4.1vw,4rem);color:white}.contact-content h2 em{color:#2cdecc}.contact-content>p:not(.section-label){font-size:.94rem;color:#a7c0d0;margin:28px 0;max-width:425px;line-height:1.85}.contact-extras{border-top:1px solid #2f5c714d;margin-top:37px;padding-top:30px;display:grid;gap:18px}.contact-extras span{display:flex;align-items:center;gap:13px;color:#e2f3fa;font-size:.85rem;font-weight:600}.contact-extras svg{width:22px;height:22px;color:#2ddec9}.contact-form-wrap{background:white;border-radius:18px;padding:38px 39px;color:var(--ink);box-shadow:0 36px 85px #01112588}.form-top{display:flex;justify-content:space-between;gap:15px;color:#0b8b8b;font:800 .67rem ui-monospace,monospace;letter-spacing:.08em;padding-bottom:27px}.form-top span:last-child{color:#9facb7}#inquiryForm{display:grid;gap:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}#inquiryForm label{font-weight:750;font-size:.73rem;color:#41556a;display:flex;flex-direction:column;gap:9px}#inquiryForm label span{color:#0b9f9e}#inquiryForm input,#inquiryForm select,#inquiryForm textarea{display:block;width:100%;min-width:0;border-radius:8px;border:1px solid #d6e0e7;background:#f8fafb;color:#0e253b;padding:14px 13px;font-size:.84rem;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}#inquiryForm input:focus,#inquiryForm select:focus,#inquiryForm textarea:focus{border-color:#05bba9;box-shadow:0 0 0 3px #0ed6c021}#inquiryForm textarea{resize:vertical;min-height:113px}#inquiryForm input::placeholder,#inquiryForm textarea::placeholder{color:#95a3b1}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:2px}.form-bottom>span{font-size:.68rem;color:#91a1b0}.form-status{margin:0;font-size:.8rem;min-height:0;line-height:1.5;color:#0c8b80}.form-status:empty{display:none}.form-status.error{color:#b13c4e}.form-disclaimer{font-size:.67rem!important;color:#8293a3!important;margin:0!important;line-height:1.5!important}.form-disclaimer code{font-size:.69rem;color:#255f75;background:#f0f6f8;padding:1px 4px;border-radius:3px}
.site-footer{background:#061329;color:#adc1d0;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:55px;padding-bottom:70px}.footer-brand>p{color:#708ba1;font-size:.84rem;margin:22px 0 0}.footer-links{display:flex;gap:95px}.footer-links>div{display:grid;gap:16px;align-content:start}.footer-links span{font-size:.61rem;color:#35d9c6;font-weight:850;letter-spacing:.15em;margin-bottom:5px}.footer-links a{font-size:.82rem;color:#b0c5d3;transition:color .2s}.footer-links a:hover{color:#34e8d2}.footer-bottom{border-top:1px solid #37506a66;display:flex;justify-content:space-between;align-items:center;padding-top:25px}.footer-bottom small{color:#71899e;font-size:.71rem}.footer-bottom small span{color:#34e5d5}
.concept-dialog{border:1px solid #cfdee5;background:#fff;color:#11283d;border-radius:20px;max-width:580px;width:calc(100% - 36px);padding:0;box-shadow:0 30px 130px #0014279a;position:fixed;max-height:calc(100vh - 45px);overflow-y:auto}.concept-dialog::backdrop{background:#031328b8;backdrop-filter:blur(6px)}.dialog-content{padding:47px 45px 42px}.dialog-content h2{font-size:2.5rem;margin-bottom:20px}.dialog-content>p:not(.section-label){color:#536a7e;font-size:.93rem;line-height:1.8}.dialog-close{position:absolute;top:19px;right:18px;background:#eef5f6;border:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#1c5565}.dialog-close svg{width:18px;height:18px}.dialog-deliverables{background:#eff6f8;padding:21px 25px;border-radius:12px;margin:25px 0}.dialog-deliverables strong{font-size:.82rem}.dialog-deliverables ul{padding-left:19px;margin-bottom:0;color:#537084;font-size:.81rem;line-height:1.9}.dialog-content>small{display:block;font-size:.68rem;color:#8295a4;margin-top:19px}.toast{position:fixed;z-index:300;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0c273f;color:white;padding:13px 19px;border:1px solid #25758a;border-radius:11px;font-size:.82rem;box-shadow:0 12px 34px #02152860;transition:opacity .3s,transform .3s;max-width:calc(100vw - 40px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes flow{to{stroke-dashoffset:-210}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes equalizer{to{height:3px;opacity:.6}}@keyframes scroll-down{to{transform:translateY(10px);opacity:0}}@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1190px){.container{width:min(var(--max),calc(100% - 60px))}.desktop-nav{gap:19px}.hero h1{font-size:clamp(3.4rem,5.3vw,5rem)}.hero-inner{gap:17px}.float-pill-one{right:-5px}.float-pill-two{left:-8px}.solution-main{padding:35px}.solution-panel{gap:17px}.about-layout{gap:60px}.contact-layout{gap:40px}}
@media(max-width:1040px){.desktop-nav,.nav-cta{display:none}.menu-button{display:flex}.mobile-menu:not([hidden]){display:flex;flex-direction:column;background:#081c33;padding:14px 30px 26px;border-top:1px solid #3d607556;box-shadow:0 20px 40px #00132688}.mobile-menu a{font-size:.91rem;color:#d5e6f1;padding:15px 0;border-bottom:1px solid #ffffff12;font-weight:650}.mobile-menu a:last-child{display:flex;justify-content:space-between;color:#42e6d7}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:86px;padding-bottom:78px;gap:48px}.hero-copy{max-width:730px}.hero h1{font-size:clamp(4rem,8.2vw,6.1rem)}.hero-lead{max-width:650px}.hero-visual{justify-self:center;transform:none;max-width:610px}.hero-bottom{margin-top:6px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-shell{grid-template-columns:250px 1fr}.solution-panel{grid-template-columns:1fr;min-height:0}.solution-mockup{max-width:450px;width:100%}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card:last-child{grid-column:span 2;max-width:510px;justify-self:center}.about-layout{gap:35px}.about-graphic{height:410px}.about-orbit{width:330px;height:330px}.about-orbit.orbit-two{width:400px;height:400px}.about-logo-card{max-width:290px}.planner-form{padding:32px}.planner-result{padding:32px}.result-actions{flex-wrap:wrap}.contact-form-wrap{padding:27px}.footer-links{gap:55px}}
@media(max-width:780px){.container{width:calc(100% - 42px)}.section{padding:80px 0}.nav-shell{height:76px}.hero{padding-top:76px}.hero-inner{padding-top:77px;padding-bottom:65px}.hero h1{font-size:clamp(3.45rem,9vw,5.2rem)}.hero-mini{flex-wrap:wrap;white-space:normal}.hero-bottom{padding-bottom:25px}.hero-categories{gap:15px}.value-strip-inner{align-items:flex-start;flex-direction:column}.value-list{flex-wrap:wrap;gap:13px 24px}.section-top{grid-template-columns:1fr;gap:17px;margin-bottom:35px}.section-intro{margin:0;max-width:630px}.solutions-shell{grid-template-columns:1fr}.solutions-selector{min-height:0;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.solution-tab{margin:0;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.solution-tab strong{font-size:.72rem}.solution-tab svg{display:none}.solution-selector-footer{display:none}.solution-main{padding:30px}.solution-panel{grid-template-columns:1fr 1fr}.solution-mockup{height:245px;padding:12px}.mockup-top{font-size:.47rem}.mockup-callout{left:0}.mockup-workflow{height:180px}.mockup-workflow div{padding:9px 4px}.mockup-workflow div strong{font-size:.58rem}.mockup-workflow div small{font-size:.48rem}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px}.about-layout{grid-template-columns:1fr;gap:30px}.about-graphic{max-width:500px;margin:auto;width:100%;order:2}.about-content{order:1}.planner-shell{grid-template-columns:1fr}.planner-result{min-height:500px}.result-body>p:not(.micro-label){min-height:0}.faq-layout{grid-template-columns:1fr;gap:30px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-content{max-width:620px}.contact-extras{display:flex;flex-wrap:wrap;gap:12px 20px}.contact-extras span{font-size:.76rem}.footer-top{flex-direction:column;gap:50px;padding-bottom:45px}.footer-links{gap:95px}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.section{padding:70px 0}h2{font-size:clamp(2.5rem,11vw,3.3rem)}.brand-mark{width:42px;height:42px}.brand-mark img{width:39px;height:39px}.brand-wordmark strong{font-size:.97rem}.brand-wordmark small{font-size:.49rem;letter-spacing:.2em}.hero-inner{padding-top:69px;gap:38px;padding-bottom:35px}.hero h1{font-size:clamp(3.1rem,11vw,4.1rem)}.hero-lead{font-size:.91rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%;justify-content:space-between}.hero-eyebrow{font-size:.57rem;flex-wrap:wrap;gap:9px}.hero-mini{margin-top:28px;font-size:.67rem}.hero-visual{margin:0 10px 0 2px;width:calc(100% - 12px)}.visual-header{padding:12px 11px;font-size:.52rem}.visual-live{font-size:.51rem}.architecture{padding:16px 5px 15px}.arch-topline{font-size:.47rem}.float-pill{font-size:.56rem;padding:8px 9px}.float-pill-one{right:-7px;top:35%}.float-pill-one .pill-icon{width:23px;height:23px}.float-pill-one strong{font-size:.58rem}.float-pill-one small{font-size:.51rem}.float-pill-two{left:-6px}.float-pill-two .pill-check{width:18px;height:18px}.architecture-footer strong{font-size:.85rem}.hero-bottom{margin-top:5px}.hero-categories{gap:10px;font-size:.48rem}.scroll-cue{font-size:.45rem}.value-strip-inner{padding:23px 0}.value-list span{font-size:.68rem}.service-grid,.concept-grid{grid-template-columns:1fr}.service-card{min-height:310px;padding:25px}.service-card h3{font-size:1.45rem}.service-card p{max-width:360px}.concept-card:last-child{grid-column:auto;max-width:none}.concept-visual{height:255px}.solutions-selector{gap:5px}.solution-tab{padding:10px 8px;gap:5px}.solution-tab strong{font-size:.63rem;line-height:1.35}.solution-tab span{font-size:.53rem}.solution-main{padding:24px 19px 28px}.solution-panel{grid-template-columns:1fr}.solution-text h3{font-size:1.8rem}.solution-mockup{max-width:none;height:228px}.process-grid{grid-template-columns:1fr;gap:26px;margin-top:39px}.process-step{padding-top:17px}.process-mark{margin:15px 0 12px}.process-step p{max-width:350px}.about-graphic{height:355px}.about-orbit{width:290px;height:290px}.about-orbit.orbit-two{width:342px;height:342px}.about-logo-card{max-width:255px}.planner-form,.planner-result{padding:29px 21px}.planner-options{gap:7px}.choice span{font-size:.69rem;padding:12px 7px;gap:5px}.choice span svg{width:15px;height:15px}.planner-fields{grid-template-columns:1fr}.planner-result{min-height:0}.result-compass{margin-top:30px}.result-body h3{font-size:1.8rem}.result-actions{flex-direction:column}.result-actions .button{justify-content:space-between;width:100%}.result-meta{gap:10px}.faq-list summary{font-size:.86rem}.contact-section{padding:70px 0}.contact-form-wrap{padding:26px 19px}.form-row{grid-template-columns:1fr;gap:18px}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{width:100%;justify-content:space-between}.footer-links{gap:36px;justify-content:space-between}.footer-bottom{gap:12px;flex-wrap:wrap}.dialog-content{padding:46px 25px 30px}.dialog-content h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* =============================================================
   NORTHLINK V2 / QUIET CALLOUTS + SCROLL-LED BRAND DECONSTRUCTION
   ============================================================= */
.arch-network-stage{position:relative;isolation:isolate}
.arch-callout-stage{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;border-radius:12px}
.arch-callout{position:absolute;left:var(--callout-x,50%);top:var(--callout-y,50%);width:clamp(168px,40%,225px);background:#f8fcff;color:#0d263d;border:1px solid #e5f7fa;box-shadow:0 14px 44px #001a2d96,0 0 0 1px #ffffff3d;border-radius:12px;padding:13px 15px 14px;opacity:0;transform:translate(-50%,-47%) scale(.96);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);display:grid;gap:6px;line-height:1.38;backdrop-filter:blur(7px);text-align:left}
.arch-callout.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.arch-callout__top{display:flex;gap:6px;align-items:center;justify-content:space-between;color:#118b98;font:800 .55rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
.arch-callout__top i{width:7px;height:7px;display:block;border-radius:50%;background:#12ccbc;box-shadow:0 0 0 4px #12ccbc1f}
.arch-callout strong{font-size:.82rem;line-height:1.23;font-weight:800;letter-spacing:-.015em}
.arch-callout small{color:#546c7e;font-size:.69rem;line-height:1.52}
/* Original stationary pills are replaced by informative, time-controlled white cards. */
.brand-story{height:292vh;position:relative;background:radial-gradient(circle at 35% 38%,#0c3049 0%,#081a2f 36%,#061426 83%);color:#f3fbff;isolation:isolate}
.brand-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#4bc1d70a 1px,transparent 1px),linear-gradient(90deg,#4bc1d70a 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#0003,#000 45%,#0004)}
.story-sticky{position:sticky;top:88px;height:calc(100svh - 88px);min-height:570px;overflow:hidden;display:flex;align-items:center}
.story-grid{display:grid;grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,6vw,96px);align-items:center;width:100%;height:100%;position:relative}
.story-visual{min-width:0;max-width:560px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}
.story-visual-top{font:750 .65rem ui-monospace,Consolas,monospace;letter-spacing:.17em;color:#9fc2d1;display:flex;align-items:center;justify-content:space-between;width:min(100%,490px);margin-bottom:16px}
.story-visual-top span:last-child{color:#43ecdd}
.story-stage{width:min(100%,490px);aspect-ratio:1;position:relative;flex:none;border-radius:24px;background:linear-gradient(145deg,#fff 5%,#f3faff 97%);border:1px solid #ffffff;box-shadow:0 24px 85px #000b18bb,0 0 90px #08d5c522;isolation:isolate}
.story-stage:before{content:"";position:absolute;inset:6%;border:1px dashed #9bd9e09a;border-radius:50%;opacity:.32;transform:scale(1.06);pointer-events:none}
.story-ambient{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#d8ffff66,transparent 66%);pointer-events:none}
.logo-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform,opacity;transform:translate3d(0,0,0);user-select:none}
.logo-piece[data-piece="core"]{z-index:4}
.logo-piece[data-piece="wordmark"]{z-index:5}
.logo-piece[data-piece="north"],.logo-piece[data-piece="east"],.logo-piece[data-piece="south"],.logo-piece[data-piece="west"]{z-index:3}
.story-signal{position:absolute;top:47%;left:84%;width:clamp(70px,9vw,160px);height:2px;background:linear-gradient(90deg,transparent,#05d6c1 50%,#31ebef);z-index:6;transform:translate3d(0,0,0);opacity:0;box-shadow:0 0 15px #14e7cf75;pointer-events:none;transition:opacity .35s}
.story-signal-light{position:absolute;right:0;top:50%;height:11px;width:11px;background:#2ae3d0;border:2px solid #fff;border-radius:50%;transform:translate(50%,-50%);box-shadow:0 0 16px #0bf3d5}
.story-signal-arrow{position:absolute;right:-20px;top:-15px;font-size:1.3rem;color:#43fce5;font-weight:600}
.story-caption{width:min(100%,490px);font:800 .63rem ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#5ba7b8;margin:17px 0 0}
.story-reading{min-width:0;max-width:545px;position:relative;z-index:3;padding:20px 0}
.story-kicker{font:800 .67rem ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#43e2d1;display:flex;align-items:center;gap:12px;margin:0 0 20px}
.story-kicker-line{width:35px;height:1px;background:#2ca7aa}
.story-reading h2{font-size:clamp(2.65rem,4.1vw,4.6rem);letter-spacing:-.06em;line-height:1.08;margin:0 0 14px;color:white}
.story-reading h2 em{color:#35e3d1}
.story-intro{font-size:.88rem;line-height:1.75;color:#9ab4c5;max-width:440px;margin:0 0 24px}
.story-steps{display:grid;position:relative;gap:5px;padding-left:20px}
.story-steps:before{content:"";position:absolute;top:24px;bottom:25px;left:2px;width:1px;background:#46718a94}
.story-step{border:1px solid transparent;border-radius:12px;background:transparent;color:#d5e4ee;display:grid;grid-template-columns:32px 1fr 20px;gap:12px;align-items:center;text-align:left;min-height:73px;width:100%;padding:10px 15px;cursor:pointer;position:relative;opacity:.52;transition:opacity .3s,background .3s,border-color .3s,transform .3s}
.story-step:before{content:"";position:absolute;left:-23px;top:calc(50% - 5px);width:8px;height:8px;border:1px solid #668fa4;background:#07182d;border-radius:50%;transition:background .3s,box-shadow .3s}
.story-step.active{background:linear-gradient(100deg,#153f5299,#0c283c44);border-color:#238e9c94;opacity:1;transform:translateX(5px)}
.story-step.active:before{background:#24f0d5;box-shadow:0 0 0 5px #20e6ca24,0 0 19px #0beacb}
.story-step:hover{opacity:1}
.story-step:focus-visible{outline:2px solid #43efdb;outline-offset:3px}
.story-step-index{font:800 .72rem ui-monospace,Consolas,monospace;color:#45e2d2}
.story-step-copy{display:grid;gap:5px}
.story-step-copy strong{font-size:.86rem;font-weight:750;color:#f3fbff}
.story-step-copy small{font-size:.73rem;line-height:1.45;color:#91acbf}
.story-step-arrow{font-size:.95rem;color:#44dfd0;opacity:0;transition:opacity .3s}
.story-step.active .story-step-arrow{opacity:1}
.story-current-detail{display:none}
.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;color:#8fb5c5;font-size:.76rem}
.story-bottom>a{color:#6cf9e7;font-weight:750;white-space:nowrap;display:flex;align-items:center;gap:12px}
.story-bottom>a span{font-size:1.2rem}
.story-progress{height:3px;flex:1;border-radius:10px;background:#315771;overflow:hidden;display:block}
.story-progress span{width:0;height:100%;display:block;background:linear-gradient(90deg,#04bfbb,#61fff1);box-shadow:0 0 10px #20c8c6}
.section-guide{position:fixed;z-index:98;right:15px;top:50%;transform:translateY(-50%) translateX(20px);width:68px;background:#09263cec;border:1px solid #347c896d;border-radius:32px;display:flex;align-items:center;flex-direction:column;gap:12px;padding:15px 9px 17px;color:#60dfd5;opacity:0;pointer-events:none;transition:opacity .38s,transform .38s;box-shadow:0 12px 36px #000f23a8;backdrop-filter:blur(14px)}
.section-guide.is-active{opacity:1;transform:translateY(-50%) translateX(0)}
.section-guide-icon{width:36px;height:36px;border-radius:50%;border:1px solid #47bdb8;display:grid;place-items:center;position:relative}
.section-guide-icon:before,.section-guide-icon:after{content:"";position:absolute;background:#5fabb0}
.section-guide-icon:before{width:1px;height:110%;top:-5%;left:50%}
.section-guide-icon:after{height:1px;width:110%;left:-5%;top:50%}
.section-guide-needle{height:26px;width:14px;position:relative;z-index:2;clip-path:polygon(50% 0,100% 57%,50% 43%,0 57%);background:linear-gradient(90deg,#01e5ce 50%,#3cb8ec 50%);filter:drop-shadow(0 0 6px #00ccca)}
.section-guide-label{font:750 .54rem ui-monospace,Consolas,monospace;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.18em;color:#b6d8e1}
.section-guide-line{width:2px;height:46px;background:linear-gradient(#54e6d9,transparent)}
@media(max-width:1400px){.section-guide{right:8px;transform:translateY(-50%) translateX(80px)}.section-guide.is-active{transform:translateY(-50%) translateX(0)}}
@media(max-width:1250px){.section-guide{display:none}}
@media(max-width:1040px){.story-sticky{top:76px;height:calc(100svh - 76px);min-height:580px}.story-grid{gap:24px;grid-template-columns:1fr 1fr}.story-stage{width:min(100%,400px)}.story-visual-top,.story-caption{width:min(100%,400px)}.story-reading h2{font-size:clamp(2.3rem,3.7vw,3.5rem)}.story-step{min-height:65px;padding:8px 10px;grid-template-columns:24px 1fr 16px}.story-step-copy small{font-size:.67rem}.story-intro{margin-bottom:17px}.story-bottom{margin-top:18px}}
@media(max-width:780px){.brand-story{height:266svh}.story-sticky{height:calc(100svh - 76px);top:76px;min-height:0;align-items:stretch;overflow:hidden}.story-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,48%) minmax(0,52%);gap:0;height:100%;align-items:stretch}.story-visual{justify-content:center;margin:auto;max-width:100%;width:100%;min-height:0}.story-stage{width:min(275px,34svh,65vw)}.story-visual-top,.story-caption{width:min(275px,34svh,65vw);margin-bottom:4px;font-size:.47rem}.story-caption{margin-top:6px}.story-reading{width:100%;max-width:none;padding:8px 0;display:flex;flex-direction:column;justify-content:center;min-height:0}.story-kicker{font-size:.52rem;margin:0 0 6px}.story-reading h2{font-size:clamp(1.5rem,5.2vw,2.4rem);margin:0 0 9px;line-height:1.06}.story-reading h2 em{margin-left:6px}.story-intro{display:none}.story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;margin-top:3px}.story-steps:before{display:none}.story-step{display:flex;min-width:0;min-height:56px;padding:9px 5px;justify-content:center;align-items:center;flex-direction:column;gap:4px;border:1px solid #336277b8;border-radius:9px}.story-step:before{display:none}.story-step-index{font-size:.56rem}.story-step-copy strong{font-size:.53rem;line-height:1.16;overflow-wrap:anywhere;text-align:center}.story-step-copy small,.story-step-arrow{display:none}.story-step.active{transform:translateY(-3px);border-color:#15e1d4}.story-current-detail{display:block;line-height:1.5;font-size:.7rem;color:#a6bdcc;margin:9px 0 18px;min-height:31px}.story-bottom{margin-top:9px;flex:none}.story-bottom>a{font-size:.68rem}.story-signal{display:none}.arch-callout{width:clamp(150px,44%,205px);padding:11px 12px}.arch-callout strong{font-size:.73rem}.arch-callout small{font-size:.63rem}}
@media(max-width:560px){.brand-story{height:258svh}.story-grid{grid-template-rows:48% 52%}.story-stage{width:min(260px,33svh,64vw)}.story-visual-top,.story-caption{width:min(260px,33svh,64vw)}.story-visual-top{letter-spacing:.1em}.story-reading h2{font-size:clamp(1.35rem,6vw,1.85rem)}.story-step{min-height:60px}.story-step-copy strong{font-size:.5rem}.arch-callout{width:clamp(145px,50%,195px);padding:9px 10px;border-radius:9px}.arch-callout strong{font-size:.71rem}.arch-callout small{font-size:.62rem}}
@media(max-height:680px) and (min-width:781px){.story-stage{width:min(100%,56svh)}.story-visual-top,.story-caption{width:min(100%,56svh)}.story-reading h2{font-size:2.35rem}.story-intro{display:none}.story-step{min-height:59px}.story-step-copy small{font-size:.64rem}.story-bottom{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.logo-piece{will-change:auto}.arch-callout{transition:none}.story-step{transition:none}.section-guide{transition:none}}
/* V3 — One recognizable N arrow travels; the full compass stays in place. */
.story-visual{z-index:7}
.story-stage{overflow:visible}
.story-logo-base,.story-logo-arrow{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.story-logo-base{z-index:2}
.story-logo-arrow{z-index:10;will-change:transform;transform-origin:50% 36.5%;filter:drop-shadow(0 0 0 transparent)}
.story-arrow-in-flight{filter:drop-shadow(0 0 15px #11dfca91) drop-shadow(0 3px 10px #05233c66)}
.story-step.active{box-shadow:inset 3px 0 0 #21e5d6,0 0 0 1px #29aab52c}
.story-reading{z-index:4}
@media (max-width:780px){.story-visual{z-index:7}.story-stage{z-index:9}.story-reading{z-index:4}.story-step.active{box-shadow:inset 0 -3px 0 #23ded4}}
@media(prefers-reduced-motion:reduce){.story-logo-arrow{will-change:auto;filter:none}}
/* V3 — Purpose-built interactive examples, inspired by guided product walkthroughs. */
.examples-section{background:#edf3f7;padding:112px 0 120px;position:relative}
.examples-section::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#17768b1d 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,#0005,transparent 45%,#0004)}
.examples-section .container{position:relative;z-index:1}
.examples-shell{margin-top:43px;display:grid;grid-template-columns:minmax(250px,335px) minmax(0,1fr);background:#fff;border:1px solid #d4e3eb;border-radius:23px;box-shadow:0 30px 75px #13395815;overflow:hidden;min-height:635px}
.examples-sidebar{padding:28px 15px 18px;background:#071a2f;display:flex;flex-direction:column;gap:10px}
.example-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;width:100%;padding:24px 23px;background:transparent;color:#9db9cd;border:1px solid #45617766;border-radius:14px;min-height:136px;transition:background .25s,border-color .25s,transform .25s}
.example-tab:hover{background:#14344b}
.example-tab.active{background:linear-gradient(120deg,#164357,#0b293f);border-color:#2fb9b0;box-shadow:inset 3px 0 0 #27dfcc}
.example-tab-index{font:750 .62rem ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#4fdbd4}
.example-tab strong{font-weight:730;color:#f2fbff;font-size:1rem;letter-spacing:-.02em;line-height:1.27;max-width:240px}
.example-tab small{color:#a2bdcc;font-size:.72rem;line-height:1.45;max-width:255px}
.example-tab-indicator{position:absolute;right:20px;top:21px;font-size:1.3rem;color:#54e6da;opacity:.0;transition:opacity .2s}
.example-tab.active .example-tab-indicator,.example-tab:hover .example-tab-indicator{opacity:1}
.examples-sidebar-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 8px 0;gap:12px;border-top:1px solid #36506899}
.examples-sidebar-footer>span{font:800 .7rem ui-monospace,monospace;color:#7c9dae;letter-spacing:.06em}
.example-next{border:1px solid #437987;padding:11px 13px;border-radius:9px;color:#ccf7f4;background:#11344b;font-size:.73rem;font-weight:750;display:flex;gap:15px;align-items:center;transition:background .2s}
.example-next:hover{background:#235468}.example-next span{font-size:1rem;color:#45e2d7}
.examples-preview{display:flex;flex-direction:column;min-width:0;padding:31px;background:radial-gradient(circle at 60% 0%,#d7fff45e,transparent 50%),#f6f9fc}
.example-window{border:1px solid #cbd9e2;border-radius:15px;background:white;box-shadow:0 18px 40px #1b3c5520;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column}
.example-browser{height:49px;display:flex;align-items:center;gap:17px;min-width:0;padding:0 18px;background:#f0f5f8;border-bottom:1px solid #dbe5eb}
.example-browser-dots{display:flex;gap:6px;flex:none}.example-browser-dots span{width:9px;height:9px;border-radius:50%;background:#f1978e}.example-browser-dots span:nth-child(2){background:#e7c47c}.example-browser-dots span:nth-child(3){background:#82c1aa}
.example-browser-address{font:.72rem ui-monospace,Consolas,monospace;color:#5f7382;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.example-browser-badge{margin-left:auto;font:750 .55rem ui-monospace,Consolas,monospace;letter-spacing:.055em;color:#1d6678;white-space:nowrap}.example-browser-badge i,.examples-disclaimer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0fbca7;margin-right:6px;box-shadow:0 0 0 3px #0fbca721}
.example-panel{padding:29px 33px;min-height:500px;flex:1;animation:example-fade .34s ease-out both}
.example-panel[hidden]{display:none!important}
@keyframes example-fade{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.demo-app-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px;min-width:0}
.demo-app-head h3{font-size:1.44rem;letter-spacing:-.04em;color:#0b243b;margin:8px 0 0}
.demo-app-eyebrow{font:750 .62rem ui-monospace,Consolas,monospace;letter-spacing:.13em;color:#1a8498}
.demo-app-tag{color:#7a94a3;background:#e8f0f5;padding:8px 11px;border-radius:8px;font-size:.66rem;font-weight:750;white-space:nowrap}
.automation-statrow{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:0;border:1px solid #e2eaf0;border-radius:11px;overflow:hidden;background:#f8fbfc}
.automation-statrow>div{padding:15px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #e2eaf0}.automation-statrow>div:last-child{border-right:0}.automation-statrow span,.dashboard-card span{font:.68rem ui-monospace,monospace;letter-spacing:.08em;color:#768ea1}.automation-statrow strong{font-size:.82rem;color:#193f55}
.automation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;position:relative;margin:28px 0 23px}
.automation-flow::before{content:"";height:2px;background:#cadce5;position:absolute;top:24px;left:8%;right:8%;z-index:0}
.flow-node{z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#748e9e}.flow-node-icon{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#f4f7fa;border:2px solid #c9dbe4;color:#6c8b9b;font:750 .92rem ui-monospace,monospace;transition:all .35s}
.flow-node strong{font-size:.72rem;color:#517183}.flow-node small{font-size:.62rem;line-height:1.3}
.flow-node.is-done .flow-node-icon{background:#0a9f97;border-color:#0a9f97;color:white;box-shadow:0 0 0 5px #18c9aa18}.flow-node.is-done strong{color:#0f595e}
.flow-node.is-running .flow-node-icon{background:#092f4c;border-color:#24d7c5;color:white;box-shadow:0 0 0 6px #24d7c520,0 0 18px #29cbd04a}.flow-node.is-running strong{color:#094b69}
.demo-activity{display:flex;align-items:center;gap:12px;background:#f1f7f9;border:1px solid #e0ecf1;padding:15px;border-radius:11px;min-height:65px}.demo-activity-icon{width:32px;height:32px;border-radius:8px;background:#dceef0;display:grid;place-items:center;flex:none;color:#087f8a}.demo-activity-icon svg{width:17px;height:17px}.demo-activity p{margin:0;line-height:1.42;font-size:.73rem;color:#406273;flex:1}.demo-activity>span{font:.62rem ui-monospace,monospace;font-weight:700;color:#1a8897;white-space:nowrap}
.demo-toolbar{display:flex;gap:9px;align-items:center;margin-top:23px;flex-wrap:wrap}
.demo-primary,.demo-secondary{padding:12px 16px;border-radius:9px;border:1px solid transparent;font-weight:750;font-size:.77rem;display:inline-flex;align-items:center;gap:19px;justify-content:center;min-height:44px}
.demo-primary{background:#07253d;color:#f4ffff}.demo-primary:hover{background:#125276}.demo-primary:disabled{opacity:.55;cursor:default}
.demo-secondary{background:white;color:#365269;border-color:#cadce5}.demo-secondary:hover{background:#ebf3f7}
.demo-filter{display:flex;flex-direction:column;gap:3px;font-size:.61rem;color:#607b8e}.demo-filter select{background:#f0f6f8;border:1px solid #d1e1e8;border-radius:8px;padding:9px;font-weight:750;color:#17465a;font-size:.7rem}
.dashboard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-card{display:flex;flex-direction:column;padding:19px 16px;border:1px solid #dde8ed;border-radius:10px;background:linear-gradient(145deg,#fff,#f7fbfc)}.dashboard-card span{font-size:.53rem;line-height:1.45}.dashboard-card strong{font-size:clamp(1.5rem,2.7vw,2.05rem);line-height:1.1;margin:9px 0 8px;color:#0a3049;letter-spacing:-.035em}.dashboard-card small{font-size:.6rem;color:#7c96a4}
.dashboard-chart{border:1px solid #dde8ed;border-radius:11px;padding:16px 19px 11px;margin-top:18px}.dashboard-chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-chart-head strong{font-size:.82rem;color:#14354c}.dashboard-chart-head span{font-size:.65rem;color:#8799a7}.dashboard-bars{height:153px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #cedce4;margin-top:16px;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#dfe9ed 30px);padding:0 4px}.dashboard-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#12d7c1,#167fa3);transition:height .6s var(--ease);min-width:4px}.dashboard-bar:nth-child(3n+1){background:linear-gradient(#35baf2,#146888)}.dashboard-chart-labels{display:flex;justify-content:space-between;padding-top:9px;color:#90a0ac;font:.55rem ui-monospace,monospace;letter-spacing:.12em}
.demo-quiet-note{color:#7f95a5;font-size:.65rem;line-height:1.4;margin:14px 0 0}
.demo-user-badge{font-size:.67rem;color:#5a7180;display:flex;align-items:center;gap:8px;white-space:nowrap}.demo-user-badge span{background:#def1ed;color:#127d77;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-weight:750}
.portal-welcome{background:linear-gradient(110deg,#0a304c,#096e79);border-radius:12px;display:flex;flex-direction:column;padding:22px;min-height:115px;color:#fff;gap:7px}.portal-welcome>span{font:750 .58rem ui-monospace,monospace;letter-spacing:.1em;color:#65eee4}.portal-welcome strong{font-size:1.04rem}.portal-welcome small{color:#b5e0e3;font-size:.65rem}
.portal-list{display:flex;flex-direction:column;border:1px solid #e0eaf0;border-radius:12px;overflow:hidden;margin-top:15px}
.portal-item{display:flex;align-items:center;gap:11px;padding:17px 15px;border-bottom:1px solid #e0eaf0;min-width:0}.portal-item:last-child{border-bottom:0}.portal-item-symbol{border:1px solid #d7e7ec;background:#eaf6f7;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;color:#13848f;flex:none}.portal-item>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.portal-item strong{font-size:.75rem;color:#183f55}.portal-item small{color:#8098a7;font-size:.63rem}.portal-status{color:#9d6911;background:#fff0d8;border-radius:20px;padding:6px 9px;font-size:.59rem;font-weight:800;white-space:nowrap}.portal-status.complete{color:#19836e;background:#e2f7ed}.portal-status.new{color:#1667aa;background:#e2f1ff}
.examples-disclaimer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.64rem;color:#6e8695;padding:18px 4px 0;line-height:1.5}.examples-disclaimer a{font-size:.7rem;font-weight:800;color:#087c84;white-space:nowrap}.examples-disclaimer a:hover{text-decoration:underline}
@media(max-width:1040px){.examples-shell{grid-template-columns:260px minmax(0,1fr)}.examples-sidebar{padding:22px 12px}.example-tab{padding:19px 15px;min-height:132px}.examples-preview{padding:20px}.example-panel{padding:22px 18px}.example-browser-badge{display:none}}
@media(max-width:790px){.examples-section{padding:75px 0}.examples-shell{grid-template-columns:1fr;min-height:0}.examples-sidebar{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.example-tab{min-height:105px;padding:15px 11px;gap:6px}.example-tab-index{font-size:.51rem}.example-tab strong{font-size:.72rem}.example-tab small,.example-tab-indicator{display:none}.examples-sidebar-footer{grid-column:1/-1;border-top:0;margin-top:0;padding:5px 2px 0}.examples-preview{padding:17px}.example-panel{min-height:460px}.example-browser{height:43px}.dashboard-chart{padding:13px}.example-browser-address{font-size:.62rem}}
@media(max-width:520px){.examples-section{padding:66px 0}.examples-shell{margin-top:24px}.examples-sidebar{gap:5px;padding:10px}.example-tab{padding:12px 8px;min-height:88px;border-radius:8px}.example-tab strong{font-size:.65rem;line-height:1.2}.example-tab-index{font-size:.44rem;letter-spacing:.04em}.examples-preview{padding:9px}.example-window{border-radius:10px}.example-panel{padding:19px 12px;min-height:440px}.example-browser{padding:0 12px;gap:10px}.demo-app-head{align-items:flex-start;margin-bottom:20px}.demo-app-head h3{font-size:1.22rem}.demo-app-tag{display:none}.automation-statrow>div{padding:11px 7px}.automation-statrow span{font-size:.51rem}.automation-statrow strong{font-size:.65rem;overflow-wrap:anywhere}.automation-flow{gap:3px;margin:22px 0}.flow-node-icon{width:36px;height:36px;font-size:.75rem}.automation-flow:before{top:18px}.flow-node strong{font-size:.56rem}.flow-node small{font-size:.48rem}.demo-activity{padding:10px;gap:8px}.demo-activity p{font-size:.67rem}.demo-activity>span{font-size:.5rem}.demo-toolbar{margin-top:17px}.demo-primary,.demo-secondary{font-size:.68rem;padding:10px}.dashboard-cards{gap:5px}.dashboard-card{padding:11px 6px}.dashboard-card span{font-size:.45rem}.dashboard-card strong{font-size:1.25rem}.dashboard-card small{font-size:.5rem}.dashboard-bars{height:135px;gap:4px}.portal-item{padding:13px 8px;gap:7px}.portal-item-symbol{width:27px;height:27px}.portal-item strong{font-size:.67rem}.portal-item small{font-size:.58rem}.portal-status{font-size:.51rem;padding:5px 6px}.demo-user-badge{font-size:.57rem}.demo-user-badge span{display:none}.examples-disclaimer{padding:13px 7px 7px}}
@media(prefers-reduced-motion:reduce){.example-panel{animation:none}.dashboard-bar{transition:none}.story-logo-arrow{transition:none!important}}

/* Tighter example-section lead: working demos enter the viewport sooner. */
.examples-section{padding-top:76px}
.examples-section .section-top h2{font-size:clamp(2.5rem,4.3vw,4.0rem)}
.examples-section .examples-shell{margin-top:26px}
@media(max-width:790px){.examples-section{padding-top:67px}.examples-section .examples-shell{margin-top:20px}}

/* V4 / pricing and conversion experience */
.pricing-section{position:relative;background:radial-gradient(ellipse at 87% 10%,#d9f8f1 0,transparent 38%),#f4f8fa;overflow:hidden}
.pricing-layout{display:grid;grid-template-columns:.82fr 1.18fr;align-items:start;gap:24px}
.pricing-info{display:flex;flex-direction:column;gap:22px}
.pricing-terminal{background:#07192a;color:#edfefa;padding:31px;border:1px solid #2bd4bd55;border-radius:20px;box-shadow:0 24px 60px #0a36551b;position:relative;overflow:hidden}
.pricing-terminal:after{content:"";position:absolute;right:-65px;top:-65px;width:210px;height:210px;border:1px solid #34dfc53b;border-radius:50%;box-shadow:0 0 0 40px #34dfc508,0 0 0 82px #34dfc507;pointer-events:none}
.pricing-terminal>span{font:750 .64rem ui-monospace,monospace;letter-spacing:.14em;color:#52e9d2;display:block;margin-bottom:35px}
.pricing-terminal>span i{display:inline-block;width:7px;height:7px;background:#46edcc;box-shadow:0 0 0 4px #2ce6ba25;border-radius:50%;margin-right:8px}
.pricing-terminal>strong{display:block;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.16;letter-spacing:-.045em;max-width:380px}
.pricing-terminal>p{font-size:.88rem;line-height:1.75;color:#a9c8ce;margin:20px 0 30px;max-width:390px}
.pricing-terminal-lines{border-top:1px solid #ffffff24;padding-top:16px;display:grid;gap:15px}
.pricing-terminal-lines span{font-size:.75rem;color:#d7ebef}.pricing-terminal-lines b{color:#51e8cd;font:.7rem ui-monospace,monospace;margin-right:14px}
.pricing-service-list{border:1px solid #dce8ed;border-radius:18px;background:#fff;padding:26px 28px}
.pricing-service-list h3{font-size:1.13rem;margin-bottom:18px;color:#14384a}.pricing-service-list>div{padding:14px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e7eff2;align-items:center}.pricing-service-list>div span{font-size:.8rem;font-weight:750;color:#183c50}.pricing-service-list small{font-size:.67rem;color:#758e9a;text-align:right}
.pricing-form-card{border:1px solid #d6e6e9;border-radius:20px;background:#fff;padding:30px 32px;box-shadow:0 22px 65px #183f5712;min-width:0}
.pricing-form-card .form-top{color:#2e8090;border-bottom:1px solid #deeaec;margin-bottom:27px}.pricing-form-card h3{font-size:clamp(1.7rem,2.5vw,2.15rem);letter-spacing:-.04em;color:#10354b}.pricing-form-intro{color:#68808d;font-size:.86rem;line-height:1.7;margin:9px 0 25px;max-width:510px}
.pricing-form-card form{display:flex;flex-direction:column;gap:17px}.pricing-form-card form label{font-size:.73rem;font-weight:700;color:#315266;display:flex;flex-direction:column;gap:9px}.pricing-form-card form label>span{color:inherit}.pricing-form-card form label>span:not(.consent-line span){display:inline}
.pricing-form-card form input:not([type=checkbox]),.pricing-form-card form select,.pricing-form-card form textarea{border:1px solid #d4e1e7;background:#f7fafb;border-radius:9px;padding:13px;color:#163c51;font:inherit;width:100%;font-size:.83rem;min-height:48px;outline-offset:2px}
.pricing-form-card form textarea{resize:vertical;min-height:120px}.pricing-form-card form input:focus,.pricing-form-card form select:focus,.pricing-form-card form textarea:focus{border-color:#08a89a;outline:2px solid #08a89a32}
.bot-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.pricing-form-card .form-row{gap:13px}.pricing-form-card .form-top{display:flex;gap:10px;justify-content:space-between;font-size:.62rem;letter-spacing:.04em}
.consent-line{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;line-height:1.55!important;font-size:.7rem!important;font-weight:500!important}
.consent-line input{width:16px;height:16px;flex:none;accent-color:#0baa9d;margin-top:2px}.consent-line a{color:#05ada4;text-decoration:underline;text-underline-offset:3px}.pricing-form-card .consent-line span{color:#55717e}.contact-form-wrap .consent-line span{color:#d5e6ec}
.pricing-form-card .form-bottom{margin-top:6px}.pricing-form-card .form-bottom>span{color:#79939d;font-size:.67rem}.pricing-form-card .form-status{color:#186d65}.pricing-form-card .form-status.error{color:#bd3c3c}
button:disabled{cursor:wait;opacity:.65}
@media(max-width:980px){.pricing-layout{grid-template-columns:1fr}.pricing-info{display:grid;grid-template-columns:1fr 1fr}.pricing-terminal>strong{font-size:1.8rem}.pricing-service-list>div{flex-direction:column;align-items:flex-start;gap:4px}.pricing-service-list small{text-align:left}}
@media(max-width:680px){.pricing-info{grid-template-columns:1fr}.pricing-form-card{padding:25px 18px}.pricing-terminal{padding:26px}.pricing-service-list{padding:24px}.pricing-form-card .form-row{grid-template-columns:1fr}.pricing-service-list>div{flex-direction:row;align-items:center}.pricing-service-list small{text-align:right}.pricing-form-card .form-bottom{flex-direction:column;align-items:stretch}.pricing-form-card .form-bottom .button{width:100%;justify-content:space-between}}

/* V5: MULTI-PAGE DESIGN + ACCESSIBLE INQUIRY CHECKBOX CORRECTION */
#inquiryForm label.consent-line, #pricingForm label.consent-line {display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;width:100%;max-width:100%;font-size:.78rem!important;line-height:1.65!important;color:#37566a!important;}
#inquiryForm label.consent-line input[type="checkbox"], #pricingForm label.consent-line input[type="checkbox"] {display:block!important;position:static!important;box-sizing:border-box!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:3px 0 0!important;appearance:auto!important;border:1px solid #96b2bb!important;border-radius:3px!important;box-shadow:none!important;}
#inquiryForm label.consent-line>span, #pricingForm label.consent-line>span {display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;width:auto!important;color:#37566a!important;font-size:.76rem!important;line-height:1.65!important;}
#inquiryForm label.consent-line a, #pricingForm label.consent-line a {color:#058f91;text-decoration:underline;}
.site-header .desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"] {color:#32e3d1!important;}
.page-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 95% at 80% 30%,#12516665,transparent 75%),linear-gradient(128deg,#07162b,#0b2941 70%,#062035);color:white;padding:125px 0 94px;isolation:isolate;}
.page-banner-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#36d6d31b 1px,transparent 1px),linear-gradient(90deg,#36d6d31b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 10%,black 100%);pointer-events:none;}
.page-banner-inner{position:relative;max-width:1160px}.page-eyebrow{color:#32e3d1;font-size:.69rem;font-weight:800;letter-spacing:.19em;display:flex;gap:17px;align-items:center;text-transform:uppercase}.page-banner h1{font-size:clamp(2.6rem,5.7vw,5.8rem);line-height:1.05;letter-spacing:-.065em;max-width:980px;margin:26px 0 20px;color:white}.page-banner-inner>p:not(.page-eyebrow){color:#b8d7e1;font-size:clamp(.95rem,1.3vw,1.2rem);max-width:690px;line-height:1.75}.banner-route{display:flex;gap:12px;align-items:center;margin-top:35px;font-size:.75rem;color:#8da9be}.banner-route a{color:#bbd8e3}.banner-route strong{color:#31daca}
.discovery-hub{background:#f5fafb}.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}.journey-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:30px 26px 25px;border:1px solid #d9e7eb;background:white;border-radius:17px;box-shadow:0 15px 38px #0b3f5210;transition:transform .25s,box-shadow .25s,border-color .25s;color:#123b51;text-decoration:none!important}.journey-card:hover,.journey-card:focus-visible{transform:translateY(-7px);border-color:#18bdb3;box-shadow:0 23px 55px #0b3f5220}.journey-number{font:700 .62rem ui-monospace,monospace;letter-spacing:.07em;color:#159c99}.journey-icon{display:grid;place-items:center;width:55px;height:55px;font-size:1.5rem;color:#18baaa;border:1px solid #bcdfde;border-radius:13px;background:#eefaf8;margin:30px 0 16px}.journey-card h3{font-size:1.33rem;letter-spacing:-.04em;margin-bottom:8px}.journey-card p{font-size:.81rem;line-height:1.7;color:#6d8695;flex:1}.journey-go{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px;border-top:1px solid #e1eeee;padding-top:18px;font-size:.78rem;font-weight:800;color:#0b8585}.journey-go b{font-size:1.2rem}
.page-end-cta{background:#071c33;color:white;padding:70px 0}.page-end-cta>.container{display:flex;justify-content:space-between;gap:35px;align-items:center}.page-end-cta h2{color:white;font-size:clamp(2rem,3.3vw,3.5rem);letter-spacing:-.05em;margin:14px 0}.page-end-cta p:not(.page-eyebrow){color:#aac4d0;line-height:1.7;max-width:650px}.page-end-cta .button{flex:none}
.page-index .hero-bottom .scroll-cue{visibility:visible}
/* Prevent navigation and floating guides from overlapping forms on any viewport */
.contact-form-wrap,.pricing-form-card{min-width:0}.contact-form-wrap input,.contact-form-wrap textarea,.pricing-form-card input,.pricing-form-card textarea{box-sizing:border-box}
@media(max-width:1120px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-banner{padding:105px 0 67px}.page-banner h1{font-size:clamp(2.6rem,10.3vw,4.2rem)}.journey-grid{grid-template-columns:1fr}.journey-card{padding:25px}.page-end-cta>.container{align-items:flex-start;flex-direction:column}.page-end-cta .button{width:100%;justify-content:space-between}.contact-layout{gap:30px}.contact-form-wrap{width:100%}}

/* V6: accessible small-business pathfinder */
.smallbiz-guide{background:#edf8f6;color:#0b2135}.smallbiz-guide .section-heading{max-width:800px}.smallbiz-guide .section-heading h2{color:#0b2135}.smallbiz-guide .section-heading>p:last-child{color:#456071}.smallbiz-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:940px;margin:26px auto}.guide-choice{appearance:none;cursor:pointer;border:1px solid #b5d7d4;border-radius:15px;background:#fff;color:#10314b;font:inherit;font-weight:700;text-align:left;padding:22px 24px;transition:transform .2s,border-color .2s,background .2s}.guide-choice:hover,.guide-choice:focus-visible{transform:translateY(-2px);border-color:#0b9e93;outline-offset:3px}.guide-choice.selected{background:#d8f9f0;border:2px solid #0a9b8b}.guide-result{max-width:940px;margin:0 auto;padding:28px 32px;border-radius:18px;background:#09243c;color:#f4fcfd;min-height:220px}.guide-result h3{font-size:clamp(1.3rem,2.4vw,2rem);margin:12px 0}.guide-result p{max-width:690px;color:#c4dae4;line-height:1.7}.guide-result a{margin-top:16px}.guide-kicker{letter-spacing:.14em;color:#41e5d0;font-weight:700;font-size:.75rem}@media(max-width:680px){.smallbiz-guide-grid{grid-template-columns:1fr}.guide-choice{padding:18px}.guide-result{padding:23px}}

/* V7: approachable business support packages */
.package-block{margin:0 auto 44px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.package-card{position:relative;border:1px solid #dbe8eb;background:#fff;border-radius:20px;padding:30px 25px;display:flex;flex-direction:column;gap:13px;box-shadow:0 12px 42px #17384a0b;min-width:0}.package-featured{border:2px solid #07bba8;background:linear-gradient(170deg,#ecfffb 0%,#fff 45%);box-shadow:0 22px 65px #05ac9930;transform:translateY(-7px)}.package-ribbon,.package-kicker{font:800 .65rem ui-monospace,monospace;letter-spacing:.095em;color:#088578;min-height:22px}.package-ribbon{color:#047c70}.package-card h3{color:#12354a;font-size:1.48rem;letter-spacing:-.035em}.package-description{color:#647c88;font-size:.82rem;line-height:1.6;min-height:40px}.package-price{display:flex;align-items:baseline;gap:6px}.package-price strong{color:#0b3045;font-size:clamp(2.35rem,4vw,3.15rem);line-height:1;letter-spacing:-.065em}.package-price span{color:#6c8590;font-size:.79rem}.package-hours{padding:12px 13px;background:#eaf4f5;border-radius:10px;color:#284d5c;font-size:.79rem}.package-hours strong{color:#067d72}.package-features{list-style:none;margin:3px 0 13px;padding:0;display:grid;gap:12px;flex:1}.package-features li{position:relative;padding-left:23px;font-size:.78rem;line-height:1.5;color:#395766}.package-features li:before{content:'✓';position:absolute;left:0;top:0;color:#069e8e;font-weight:900}.package-card .button{justify-content:center;text-align:center;font-size:.76rem;min-height:48px}.package-button{background:#112f43;color:#fff;border-radius:9px;padding:14px}.package-note{max-width:1050px;margin:21px auto 0;color:#5e7783;text-align:center;font-size:.75rem;line-height:1.65}.package-note-sub{margin-top:5px;font-size:.7rem}.home-packages{background:#edf7f7}.home-package-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 16px}.home-package-row>div{border-radius:16px;border:1px solid #dae8eb;background:white;padding:25px;display:flex;flex-direction:column;gap:9px;color:#10394b}.home-package-row strong{font-size:1.3rem}.home-package-row span{font-size:.83rem;color:#577381}.home-package-highlight{border:2px solid #10bca9!important;background:#e8fff8!important}.home-package-row small{font-weight:800;font-size:.62rem;color:#058977}.home-packages .button{margin-top:20px}
@media(max-width:900px){.package-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.package-featured{transform:none}.package-description{min-height:0}}
@media(max-width:650px){.home-package-row{grid-template-columns:1fr}.package-card{padding:25px 20px}.package-block{margin-bottom:25px}}

/* V8 — direct-to-inquiry quick guide */
.smallbiz-guide-grid .guide-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;min-height:98px}
.smallbiz-guide-grid .guide-choice:focus-visible{outline:3px solid #09b7a6;outline-offset:4px}
.guide-choice-arrow{flex:0 0 auto;font-size:1.5rem;font-weight:500;color:#087c78;transition:transform .2s ease}
.guide-choice:hover .guide-choice-arrow,.guide-choice:focus-visible .guide-choice-arrow{transform:translate(3px,-3px)}
.guide-helper{text-align:center;color:#385a66;font-size:.96rem;max-width:760px;margin:12px auto 0;line-height:1.6}
@media(max-width:680px){.smallbiz-guide-grid .guide-choice{min-height:70px}}