/* NAIS homepage: broad introduction and clearly linked deep dives. */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.home-hero{padding-top:86px;padding-bottom:77px}
.home-hero h1{max-width:990px;font-size:clamp(48px,6.2vw,92px);line-height:1.02}
.home-hero .lede{max-width:740px;font-size:clamp(17px,1.7vw,21px);line-height:1.55}
.home-hero .hero-actions{margin-bottom:52px}
.home-showcase{max-width:1100px;margin:auto;border-radius:22px;background:#0b233e;color:white;text-align:left;padding:24px;box-shadow:0 28px 65px #07162d25;overflow:hidden;position:relative}
.home-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% -15%,#1ca8c63b,transparent 45%);pointer-events:none}
.showcase-top{position:relative;display:flex;justify-content:space-between;gap:15px;color:#afd0dc;font-weight:650;font-size:12px;border-bottom:1px solid #ffffff30;padding:4px 4px 19px}
.showcase-grid{position:relative;display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:10px;padding-top:17px}
.showcase-piece{min-height:282px;overflow:hidden;border:1px solid #ffffff30;border-radius:16px;padding:22px;background:#ffffff0c;position:relative}
.showcase-piece>span{font-size:11px;color:#82d5e7;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.showcase-piece>strong{display:block;font-size:clamp(19px,2vw,27px);letter-spacing:-.045em;line-height:1.14;margin-top:15px;max-width:245px}
.showcase-web{background:linear-gradient(150deg,#1b5d78,#0e304f 65%)}
.mini-browser{width:82%;height:142px;background:#f8fbfc;border-radius:10px 10px 0 0;box-shadow:0 12px 35px #06172b77;position:absolute;left:10%;bottom:-32px;padding:25px 16px;color:#0b233e;transform:rotate(-5deg)}
.mini-browser i{position:absolute;left:0;right:0;top:0;height:14px;background:#d6e7eb;border-radius:10px 10px 0 0}
.mini-browser b{display:block;font-size:17px;line-height:1.1;letter-spacing:-.045em}.mini-browser small{display:inline-block;margin-top:12px;padding:5px 12px;background:#0b233e;border-radius:20px;color:white;font-size:9px}
.showcase-flow{background:linear-gradient(155deg,#14425b,#10253f)}
.mini-flow{display:grid;gap:8px;margin-top:40px;max-width:210px}.mini-flow i{font-style:normal;background:#e7f5f7;color:#0b3448;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;position:relative}.mini-flow i:nth-child(2){margin-left:18px;background:#b8e7eb}.mini-flow i:nth-child(3){margin-left:36px;background:#75d4e2}
.showcase-build{background:linear-gradient(150deg,#123c61,#122d48)}.mini-orbit{width:145px;height:145px;border-radius:50%;border:1px solid #80d7e68c;position:absolute;bottom:-25px;right:-5px;box-shadow:0 0 0 24px #80d7e613,0 0 0 52px #80d7e60c}.mini-orbit i{position:absolute;width:16px;height:16px;background:#80d7e6;border-radius:50%;left:21px;top:11px}.mini-orbit i:nth-child(2){left:92px;top:50px;background:white}.mini-orbit i:nth-child(3){left:55px;top:94px;width:26px;height:26px}
.home-directions{padding:95px clamp(24px,5.4vw,94px);background:#f3f7f8;scroll-margin-top:20px}
.home-directions h2,.home-promise h2{font-weight:650;line-height:1.07;letter-spacing:-.055em;font-size:clamp(39px,4.4vw,61px);max-width:850px;margin:0 0 18px}
.home-directions h2 em{font-style:normal;color:#137e99}.home-directions .section-intro{font-size:17px;line-height:1.6;max-width:730px}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.direction-card{display:flex;flex-direction:column;min-width:0;min-height:355px;border:1px solid #dbe7ec;background:#fff;border-radius:18px;padding:clamp(23px,2.4vw,34px);box-shadow:0 12px 35px #07162d08}
.direction-card>span{font-size:12px;font-weight:750;color:#147f99;text-transform:uppercase;letter-spacing:.06em}
.direction-card h3{font-size:clamp(26px,2.7vw,36px);line-height:1.12;letter-spacing:-.05em;margin:33px 0 13px;font-weight:650}
.direction-card p{color:#526a78;font-size:15px;line-height:1.58;margin:0 0 25px}
.direction-card a{margin-top:auto;border-top:1px solid #deeaef;padding-top:18px;color:#0d617b;font-size:14px;font-weight:750;display:flex;justify-content:space-between;gap:8px}
.direction-card a:hover,.home-promise a:hover,.service-list a:hover{text-decoration:underline;text-underline-offset:4px}
.home-promise{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,100px);padding:95px clamp(24px,5.4vw,94px);background:#fff;align-items:center}
.home-promise .kicker{margin-bottom:20px}.home-promise p:not(.kicker){color:#4c6371;font-size:clamp(17px,1.6vw,20px);line-height:1.65;margin:0 0 25px}
.home-promise a{font-size:15px;color:#0a718b;font-weight:750}
.service-list a{display:inline-block;color:#8ee0ef;margin-top:17px;font-size:13px;font-weight:750}
@media(max-width:1050px){.direction-grid{grid-template-columns:1fr 1fr}.direction-card:last-child{grid-column:1/-1;min-height:245px}.showcase-piece{min-height:285px}}
@media(max-width:760px){.home-hero{padding:48px 20px 62px}.home-hero .hero-actions{margin-bottom:35px}.home-showcase{padding:17px}.showcase-grid{grid-template-columns:1fr 1fr}.showcase-web{grid-column:1/-1}.showcase-piece{min-height:205px}.showcase-web{min-height:250px}.showcase-piece>strong{font-size:21px}.mini-browser{width:45%;height:147px;left:auto;right:8%;bottom:-24px}.home-directions,.home-promise{padding:70px 20px}.direction-grid{grid-template-columns:1fr}.direction-card,.direction-card:last-child{grid-column:auto;min-height:0}.direction-card h3{margin-top:20px}.home-promise{grid-template-columns:1fr;gap:10px}}
@media(max-width:460px){.home-hero h1{font-size:clamp(43px,10.5vw,54px)}.home-hero .lede{font-size:17px}.showcase-top span:last-child{display:none}.showcase-grid{grid-template-columns:1fr}.showcase-web{grid-column:auto}.showcase-web .mini-browser{width:46%;height:135px;right:5%;left:auto}.showcase-piece{min-height:187px}.showcase-web{min-height:230px}.showcase-piece>strong{max-width:58%}.showcase-flow .mini-flow{position:absolute;right:8%;top:30px;width:40%;gap:5px;margin:0}.mini-flow i{font-size:9px;padding:6px}.mini-flow i:nth-child(2){margin-left:8px}.mini-flow i:nth-child(3){margin-left:16px}.mini-orbit{width:110px;height:110px}.home-directions h2,.home-promise h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* Persistent quick navigation, approved top-right placement. */
.quick-nav{position:fixed;right:18px;top:14px;z-index:60;font:600 14px/1.3 system-ui,-apple-system,sans-serif}
.quick-nav-toggle{display:flex;align-items:center;gap:9px;min-height:50px;padding:0 17px;border:1px solid #d2e2e8;border-radius:999px;background:#09213b;color:white;box-shadow:0 10px 28px #07162d33;cursor:pointer;font:inherit}
.quick-nav-toggle:hover,.quick-nav-toggle:focus-visible{background:#134466}
.quick-nav-icon{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:18px;height:18px}
.quick-nav-icon i{display:block;width:16px;height:2px;border-radius:2px;background:currentColor}
.quick-nav-toggle:focus-visible,.quick-nav-panel a:focus-visible{outline:3px solid #19a5bc;outline-offset:3px}
.quick-nav-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(270px,calc(100vw - 32px));max-height:min(480px,calc(100dvh - 90px));overflow:auto;padding:12px;background:#fff;border:1px solid #d4e2e7;border-radius:19px;box-shadow:0 20px 55px #07162d30;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s}
.quick-nav.open .quick-nav-panel{opacity:1;visibility:visible;transform:none}
.quick-nav-panel p{margin:4px 8px 8px;color:#537080;font-size:12px}
.quick-nav-panel a{display:block;padding:12px 13px;border-radius:11px;color:#09213b;text-decoration:none;font-size:14px}
.quick-nav-panel a:hover,.quick-nav-panel a:focus-visible{background:#eaf3f6}
@media(max-width:600px){.quick-nav{right:10px;top:12px}.quick-nav-toggle{width:48px;min-height:48px;justify-content:center;padding:0}.quick-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quick-nav-panel{top:calc(100% + 9px)}}
@media(prefers-reduced-motion:reduce){.quick-nav-panel{transition:none}}

/* Full-width website concept within the NAIS work section. */
.soli-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);overflow:hidden;border-radius:22px;background:#082c42;color:#f5f9f8;margin:0 0 66px;box-shadow:0 22px 50px #07162d20}
.soli-visual{display:block;position:relative;min-height:485px;overflow:hidden}.soli-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:58% center;transition:transform .4s ease}.soli-visual:hover img{transform:scale(1.035)}.soli-visual:focus-visible{outline:3px solid #82dfea;outline-offset:-6px}.soli-visual-label{position:absolute;bottom:24px;left:24px;background:#f2ede4;color:#092a3e;border-radius:99px;padding:11px 18px;font-size:14px;font-weight:750}
.soli-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,64px)}.soli-stage{color:#9de3ed;font-size:13px;font-weight:700}.soli-feature-copy h3{font-size:clamp(32px,3.4vw,51px);line-height:1.08;letter-spacing:-.05em;margin:25px 0 17px}.soli-feature-copy p{font-size:16px;line-height:1.65;color:#d6e6e9;margin:0 0 28px}.soli-link{background:#f2ede4;border-radius:99px;color:#092a3e;padding:13px 20px;font-weight:750}.soli-link:hover{text-decoration:underline;text-underline-offset:3px}.soli-feature-copy small{color:#b7d4d8;font-size:12px;line-height:1.5;margin-top:22px}.product-work-heading{font-size:clamp(26px,2.8vw,37px);letter-spacing:-.04em;margin:0 0 5px}.product-work-intro{color:#526a78;margin:0 0 25px}
@media(max-width:850px){.soli-feature{grid-template-columns:1fr}.soli-visual{min-height:360px}.soli-feature-copy{padding:34px}}
@media(max-width:460px){.soli-visual{min-height:270px}.soli-visual-label{left:16px;bottom:16px;font-size:12px}.soli-feature-copy{padding:25px}.soli-feature-copy h3{font-size:33px;margin:16px 0}.soli-feature{margin-bottom:46px}}
@media(prefers-reduced-motion:reduce){.soli-visual img{transition:none}.soli-visual:hover img{transform:none}}

/* Walk-through entry for the automation example, without a mock client badge. */
.automation-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border-radius:22px;background:#e5f3f5;color:#0b293e;margin:-28px 0 67px;border:1px solid #c9e6e8}.automation-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,60px)}.automation-feature-copy h3{font-size:clamp(30px,3vw,46px);line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}.automation-feature-copy p{font-size:16px;line-height:1.65;color:#38586a;margin:0 0 26px}.automation-feature-copy a{background:#0a3448;color:white;border-radius:99px;padding:13px 20px;font-weight:750}.automation-feature-copy a:hover{text-decoration:underline;text-underline-offset:3px}.automation-feature-visual{display:flex;flex-direction:column;justify-content:center;gap:25px;min-height:440px;padding:clamp(26px,3vw,50px);background:radial-gradient(circle at 90% 0,#2695af83,transparent 43%),#0b2b44;color:white}.automation-diagram-heading{font-size:15px;color:#a7dae3;font-weight:700}.automation-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.automation-flow>span{min-height:112px;padding:17px;border:1px solid #ffffff47;background:#ffffff13;border-radius:15px;display:flex;flex-direction:column;gap:2px}.automation-flow b{font-size:12px;color:#90e8ef}.automation-flow strong{font-size:18px;line-height:1.15}.automation-flow small{color:#c2dce3;font-size:12px}.automation-diagram-cta{font-weight:750;color:#b7eced}.automation-feature-visual:hover .automation-diagram-cta{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.automation-feature{grid-template-columns:1fr;margin-top:-30px}.automation-feature-visual{min-height:0;order:-1}.automation-feature-copy{padding:34px}}@media(max-width:460px){.automation-feature-visual{padding:24px}.automation-flow{gap:8px}.automation-flow>span{min-height:108px;padding:13px}.automation-flow strong{font-size:15px}.automation-feature-copy{padding:25px}.automation-feature-copy h3{font-size:32px}.automation-feature{margin-bottom:46px}}

.automation-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border-radius:22px;background:#0c3a4b;color:#f5f9f8;margin:0 0 66px;box-shadow:0 22px 50px #07162d20}.automation-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,64px)}.automation-feature-copy h3{font-size:clamp(32px,3.4vw,51px);line-height:1.08;letter-spacing:-.05em;margin:25px 0 17px}.automation-feature-copy p{font-size:16px;line-height:1.65;color:#d6e6e9;margin:0 0 28px}.automation-feature-visual{padding:clamp(25px,4vw,55px);background:radial-gradient(circle at 85% 10%,#1b8ca766,transparent 45%),#112a3c;display:flex;flex-direction:column;justify-content:center;gap:12px}.demo-title{font-weight:800;font-size:17px;display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.demo-title span{font-size:12px;color:#a4e6e9}.demo-record{padding:16px 20px;border:1px solid #aadbd658;border-radius:13px;background:#ffffff0e}.demo-record span,.demo-record small{display:block;color:#b5dde0;font-size:12px}.demo-record strong{display:block;font-size:20px;margin:5px 0}.automation-feature .soli-link{margin-top:0}@media(max-width:850px){.automation-feature{grid-template-columns:1fr}.automation-feature-visual{min-height:340px}}@media(max-width:460px){.automation-feature{margin-bottom:46px}.automation-feature-copy{padding:25px}.automation-feature-copy h3{font-size:33px;margin:16px 0}.automation-feature-visual{padding:23px}.demo-record strong{font-size:17px}}

/* Short service directory */
.compact-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.compact-services article{min-width:0}.compact-services ul{margin:14px 0 20px;padding-left:18px}.compact-services li{font-size:15px;line-height:1.55;margin:7px 0}.compact-services h3{font-size:22px}@media(max-width:1000px){.compact-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.compact-services{grid-template-columns:1fr;gap:22px}}

.omd-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;margin:35px 0 65px;padding:32px;background:#f4f7f7;border:1px solid #dbe5e8;border-radius:22px}.omd-case-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:12px 0 20px}.omd-case-copy p,.omd-case-copy li{font-size:16px;line-height:1.65}.omd-case-copy ul{padding-left:19px}.omd-price{padding:18px 0;border-top:1px solid #cbd8db}.omd-price strong,.omd-price span{display:block}.omd-price strong{font-size:23px}.omd-price span{font-size:13px}.omd-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.omd-comparison figure{margin:0;min-width:0}.omd-comparison figcaption{font-weight:700;margin-bottom:10px}.omd-comparison img{display:block;width:100%;height:auto;border:1px solid #dbe5e8;border-radius:12px}.omd-provenance{grid-column:1/-1;font-size:12px;line-height:1.55;color:#52616a;margin:0}@media(max-width:850px){.omd-case{grid-template-columns:1fr;padding:22px;gap:25px}}