:root{--web1-navy:#0b1830;--web1-blue:#216fdf;--web1-teal:#11a874;--web1-violet:#7357d8;--web1-soft:#f6f9fd;--web1-line:#e5edf6}
.web1-preview{background:#fff}
.preview-ribbon{background:#071526;color:#b9c7d9;text-align:center;font-size:10px;letter-spacing:.13em;font-weight:800;padding:7px 12px;text-transform:uppercase}
.web1-preview .nanty-nav{top:0}.web1-preview .nanty-nav .navbar{min-height:74px}
.web1-preview .nanty-nav .nav-link{font-size:14px;padding-left:11px!important;padding-right:11px!important}
.nav-actions-v4{display:flex;align-items:center;gap:14px}.nav-login{font-weight:700;font-size:14px;color:#31415c;text-decoration:none}
.web1-dropdown{border:1px solid var(--web1-line);border-radius:15px;padding:8px;box-shadow:0 24px 60px rgba(20,48,88,.14);min-width:290px}
.web1-dropdown .dropdown-item{border-radius:10px;padding:10px 12px;font-weight:750;color:#1a2c48}.web1-dropdown .dropdown-item small{display:block;font-weight:500;color:#7a889c;margin-top:2px}
.hero-web1{padding:92px 0 84px}.hero-web1 h1{max-width:760px}.web1-hero-note{display:flex;gap:9px;align-items:flex-start;color:#64758d;font-size:13px;font-weight:650;max-width:660px}.web1-hero-note span{color:var(--web1-teal);font-weight:900}
.ecosystem-stage{position:relative;min-height:520px;border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(17,168,116,.10),transparent 24%),radial-gradient(circle at 68% 20%,rgba(33,111,223,.14),transparent 24%),linear-gradient(145deg,#fbfdff,#f2f7fd);border:1px solid #dfe9f4;overflow:hidden;box-shadow:0 32px 90px rgba(31,68,116,.13)}
.ecosystem-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#0b1830,#173a62);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:5;box-shadow:0 25px 65px rgba(11,24,48,.25)}
.ecosystem-core strong{font:800 34px/1 "Urbanist",sans-serif}.ecosystem-core small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#b9c9d9;margin-top:9px}.eco-logo-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#11a874,#2bc69b);margin-bottom:12px}
.eco-node{position:absolute;background:rgba(255,255,255,.96);border:1px solid #dfe8f2;border-radius:18px;padding:16px 18px;box-shadow:0 18px 48px rgba(26,61,104,.13);z-index:6;min-width:190px}.eco-node span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#7a889d}.eco-node strong{display:block;font-size:18px;color:#172942;margin:4px 0}.eco-node small{font-size:11px;color:#718198}
.eco-tech{top:42px;left:40px}.eco-services{right:28px;top:105px;min-width:238px}.eco-network{bottom:44px;left:72px}.eco-orbit{position:absolute;border:1px dashed rgba(33,111,223,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:340px;height:340px}.orbit-b{width:450px;height:450px;border-color:rgba(17,168,116,.18)}
.eco-signal{position:absolute;width:12px;height:12px;border-radius:50%;background:#11a874;box-shadow:0 0 0 7px rgba(17,168,116,.10)}.signal-a{left:28%;top:42%}.signal-b{right:23%;bottom:33%;background:#216fdf;box-shadow:0 0 0 7px rgba(33,111,223,.10)}.signal-c{right:34%;top:17%;background:#7357d8;box-shadow:0 0 0 7px rgba(115,87,216,.10)}
.web1-trust{padding:18px 0}.web1-trust-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13px;color:#617188}.web1-trust-row strong{color:#1a2d48}.web1-trust-row i{font-style:normal;color:#9aa8ba}.web1-trust-row a{margin-left:8px;color:#216fdf;font-weight:700;text-decoration:none}.pillar-card{height:100%;padding:31px;border-radius:22px;background:#fff;border:1px solid var(--web1-line);position:relative;overflow:hidden;box-shadow:0 12px 34px rgba(20,48,88,.045)}.pillar-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#216fdf}.pillar-services:before{background:#11a874}.pillar-network:before{background:#7357d8}.pillar-index{position:absolute;right:22px;top:20px;color:#a4b0c0;font-size:11px;font-weight:800}.pillar-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;color:#216fdf;margin-bottom:15px}.pillar-services .pillar-kicker{color:#07875c}.pillar-network .pillar-kicker{color:#7357d8}.pillar-card h3{font-size:27px;font-weight:800;margin-bottom:12px}.pillar-card p{font-size:14px}.pillar-product{margin:22px 0 17px;padding-top:17px;border-top:1px solid #edf1f6;font-weight:800;color:#233651}.pillar-card a{font-weight:800;text-decoration:none;color:#216fdf;font-size:13px}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{background:#fff;border:1px solid var(--web1-line);border-radius:21px;padding:26px;min-height:330px;display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(28,60,101,.045);transition:.2s ease}.solution-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(28,60,101,.09)}.solution-featured{background:linear-gradient(155deg,#f8fbff,#eef6ff);border-color:#d2e1f5}.solution-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:23px}.solution-code{width:34px;height:34px;border-radius:10px;background:#eef4fb;display:grid;place-items:center;font-size:10px;font-weight:800;color:#5f7088}.solution-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0b8d65;font-weight:800}.solution-card h3{font-size:27px;font-weight:800;margin-bottom:6px}.solution-card>strong{font-size:14px;color:#3a4d68;margin-bottom:14px}.solution-card p{font-size:14px;margin-bottom:18px}.solution-card>a{margin-top:auto;text-decoration:none;font-size:13px;font-weight:800;color:#216fdf}
.needs-section .section-copy h2,.connect-focus .section-copy h2,.principles-section .section-copy h2{font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.07;margin-bottom:16px}.needs-list{display:grid;gap:11px}.needs-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--web1-line);text-decoration:none;transition:.2s ease}.needs-list>a:hover{border-color:#c8d9ee;transform:translateX(4px);box-shadow:0 14px 30px rgba(29,64,108,.07)}.need-num{width:39px;height:39px;border-radius:12px;background:#f0f5fb;display:grid;place-items:center;font-size:10px;font-weight:800;color:#63748c}.needs-list strong{display:block;color:#1b2e49;font-size:15px;margin-bottom:3px}.needs-list small{color:#72839a}.needs-list b{font-size:20px;color:#216fdf}.journey-board{display:flex;align-items:stretch;gap:10px;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--web1-line);box-shadow:0 20px 60px rgba(28,60,101,.07);overflow-x:auto}.journey-start,.journey-step{min-width:140px;border-radius:16px;padding:18px;background:#f7faff;border:1px solid #e7eef6;display:flex;flex-direction:column;justify-content:center}.journey-start{background:#0c1c32;color:#fff}.journey-start span,.journey-step small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-bottom:6px}.journey-start strong,.journey-step strong{font-size:15px}.journey-step.content{background:#fff7ec}.journey-step.social{background:#f0fbf7}.journey-step.reach{background:#f5f0ff}.journey-step.connect{background:#edf5ff}.journey-step.assist{background:#ecfbf5}.journey-arrow{display:grid;place-items:center;color:#91a0b5;font-weight:900}.journey-caption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:17px 24px;color:#53657d}.journey-caption strong{color:#152b46}
.connect-preview-stack{position:relative;padding:24px 26px 54px 8px}.web1-browser{box-shadow:0 30px 75px rgba(25,60,105,.14)}.connect-mini-card{position:absolute;background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:14px 16px;box-shadow:0 18px 48px rgba(24,58,101,.15);min-width:150px}.connect-mini-card span,.connect-mini-card small{display:block;font-size:10px;color:#7b8aa0}.connect-mini-card strong{display:block;font:800 25px/1 "Urbanist",sans-serif;color:#152842;margin:4px 0}.card-a{right:0;top:0}.card-b{left:0;bottom:0}.connect-cap-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.connect-cap-list span{padding:8px 11px;border-radius:999px;background:#f2f6fb;color:#41536d;font-size:11px;font-weight:700}
.service-mini{height:100%;background:#fff;border:1px solid var(--web1-line);border-radius:19px;padding:25px}.service-mini>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eafaf4;color:#07875c;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:18px}.service-mini h3{font-size:22px;font-weight:800}.service-mini p{font-size:14px;margin:0}.center-action{text-align:center;margin-top:28px}
.network-panel{background:radial-gradient(circle at 80% 15%,rgba(78,130,255,.22),transparent 28%),linear-gradient(135deg,#09192d,#12375f 58%,#155b87);border-radius:28px;padding:50px;color:#fff;box-shadow:0 30px 80px rgba(11,33,61,.2)}.network-copy{max-width:820px;margin-bottom:32px}.network-copy h2{color:#fff!important;font-size:clamp(35px,4vw,54px);font-weight:800;line-height:1.05}.network-copy p{color:#b8c8d9;max-width:760px}.network-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.network-paths article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:25px}.network-paths article>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7fe0bd;font-weight:800}.network-paths h3{color:#fff!important;font-size:24px;font-weight:800;margin:10px 0}.network-paths p{color:#b8c8d9;font-size:14px}.network-paths a{color:#fff;text-decoration:none;font-weight:800;font-size:13px}.network-disclaimer{margin-top:18px;color:#9fb1c6;font-size:11px;border-top:1px solid rgba(255,255,255,.1);padding-top:17px}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.audience-grid article{background:#fff;border:1px solid var(--web1-line);border-radius:19px;padding:26px}.audience-grid article>span,.principles-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4fc;color:#216fdf;font-size:10px;font-weight:800;margin-bottom:18px}.audience-grid h3,.principles-grid h3{font-size:22px;font-weight:800}.audience-grid p,.principles-grid p{font-size:14px}.audience-grid strong{display:block;margin-top:18px;color:#0c8b64;font-size:13px}
.process-web1-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-web1-grid article{border:1px solid var(--web1-line);border-radius:18px;padding:22px;background:#fff;position:relative}.process-web1-grid article>span{position:absolute;right:15px;top:13px;font-size:10px;color:#9ba8b8;font-weight:800}.process-web1-grid small{display:block;color:#0b8d65;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:9px;margin-bottom:18px}.process-web1-grid h3{font-size:19px;font-weight:800}.process-web1-grid p{font-size:13px;margin:0}
.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.principles-grid article{border:1px solid var(--web1-line);border-radius:19px;padding:25px;background:#fff}.footer-signature{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6ce0b5;font-weight:800;margin-top:18px}
@media(max-width:1199px){.solution-grid{grid-template-columns:repeat(2,1fr)}.process-web1-grid{grid-template-columns:repeat(3,1fr)}.ecosystem-stage{min-height:480px}.eco-services{right:15px}.eco-tech{left:20px}.eco-network{left:45px}}
@media(max-width:991px){.nav-actions-v4{padding:0 14px;align-items:flex-start;flex-direction:column}.web1-dropdown{box-shadow:none;border:0;padding-left:8px}.ecosystem-stage{margin-top:20px}.network-paths{grid-template-columns:1fr}.process-web1-grid{grid-template-columns:repeat(2,1fr)}.journey-board{padding:18px}.connect-preview-stack{margin-top:25px}}
@media(max-width:767px){.solution-grid,.audience-grid,.principles-grid,.process-web1-grid{grid-template-columns:1fr}.ecosystem-stage{min-height:440px}.ecosystem-core{width:150px;height:150px}.ecosystem-core strong{font-size:27px}.eco-node{min-width:145px;padding:12px}.eco-node strong{font-size:14px}.eco-services{min-width:180px;top:70px}.eco-tech{top:25px;left:12px}.eco-network{left:20px;bottom:30px}.orbit-a{width:280px;height:280px}.orbit-b{width:370px;height:370px}.network-panel{padding:32px 24px}.connect-mini-card{position:static;display:inline-block;margin:12px 8px 0 0}.connect-preview-stack{padding:0}.journey-caption{padding-left:8px;padding-right:8px}}
@media(max-width:575px){.preview-ribbon{font-size:9px}.hero-web1{padding-top:56px}.hero-web1 h1{font-size:42px}.ecosystem-stage{min-height:400px}.eco-services{right:8px;top:78px}.eco-node small{display:none}.solution-card{min-height:0}.network-panel{border-radius:22px}.needs-list>a{padding:17px}.needs-list small{font-size:11px}}/* WEB-1 V2 — dark premium */
.web1-preview{background:#071321;color:#eef5ff}
.web1-preview main{background:#071321}
.web1-preview .section-soft{background:#0b1a2b}
.web1-preview h1,.web1-preview h2,.web1-preview h3,.web1-preview h4,.web1-preview h5,.web1-preview h6{color:#f7fbff}
.web1-preview p{color:#afbed1}
.web1-preview .section-eyebrow,.web1-preview .hero-eyebrow{color:#39d4a4}
.web1-preview .nanty-nav{background:rgba(7,19,33,.92);border-bottom-color:rgba(145,168,198,.16);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.web1-preview .nanty-nav .nav-link{color:#c7d4e5!important}
.web1-preview .nanty-nav .nav-link:hover,.web1-preview .nanty-nav .nav-link.active{color:#fff!important}
.web1-preview .nanty-brand{color:#fff!important}
.web1-preview .nav-login{color:#d8e4f2}
.web1-preview .btn-nanty-outline{background:rgba(255,255,255,.03);color:#f4f8fd!important;border-color:#314a66}
.web1-preview .btn-nanty-outline:hover{background:rgba(255,255,255,.07);border-color:#55708d}
.web1-preview .hero-web1{background:radial-gradient(circle at 82% 18%,rgba(45,116,255,.18),transparent 33%),radial-gradient(circle at 9% 20%,rgba(28,203,151,.14),transparent 28%),linear-gradient(135deg,#081624 0%,#0a1929 55%,#0b1c31 100%)}
.web1-preview .hero-lead{color:#b7c6d8}
.web1-preview .web1-hero-note{color:#9fb1c7}
.web1-preview .hero-web1 h1 .accent{color:#4f8dff}
.web1-preview .ecosystem-stage{background:radial-gradient(circle at 50% 48%,rgba(17,168,116,.16),transparent 24%),radial-gradient(circle at 70% 20%,rgba(33,111,223,.16),transparent 24%),linear-gradient(145deg,#0c1d31,#0a1727);border-color:#1b3552;box-shadow:0 32px 90px rgba(0,0,0,.28)}
.web1-preview .ecosystem-core{background:linear-gradient(145deg,#102b4c,#0c1f38);box-shadow:0 26px 70px rgba(0,0,0,.4);text-align:center}
.web1-preview .ecosystem-core strong{display:block;width:100%;text-align:center}
.web1-preview .ecosystem-core small{display:block;width:100%;max-width:145px;text-align:center;line-height:1.35;margin:10px auto 0;color:#b8c9dc} .web1-preview .eco-node{background:rgba(15,34,56,.96);border-color:#28445f;box-shadow:0 18px 48px rgba(0,0,0,.25)}
.web1-preview .eco-node span{color:#8da1b8}
.web1-preview .eco-node strong{color:#f4f8fd}
.web1-preview .eco-node small{color:#9eb0c5}
.web1-preview .orbit-a{border-color:rgba(70,133,233,.34)}
.web1-preview .orbit-b{border-color:rgba(49,200,153,.22)}
.web1-preview .web1-trust{background:#0a1828;border-color:#1a3048}
.web1-preview .web1-trust-row{color:#9eb0c5}
.web1-preview .web1-trust-row strong{color:#f4f8fd}
.web1-preview .web1-trust-row a{color:#66a1ff}
.web1-preview .pillars-section,.web1-preview .needs-section,.web1-preview .connect-focus,.web1-preview .process-web1,.web1-preview .principles-section{background:#071321}
.web1-preview .section-heading h2,.web1-preview .section-copy h2{color:#f7fbff}
.web1-preview .section-heading p,.web1-preview .section-copy p{color:#aebed1}
.web1-preview .pillar-card,.web1-preview .solution-card,.web1-preview .needs-list>a,.web1-preview .audience-grid article,.web1-preview .process-web1-grid article,.web1-preview .principles-grid article,.web1-preview .service-mini{background:#0e2034;border-color:#1d3a57;box-shadow:0 16px 40px rgba(0,0,0,.15)}
.web1-preview .pillar-card h3,.web1-preview .solution-card h3,.web1-preview .service-mini h3,.web1-preview .audience-grid h3,.web1-preview .process-web1-grid h3,.web1-preview .principles-grid h3{color:#f5f9ff}
.web1-preview .pillar-card p,.web1-preview .solution-card p,.web1-preview .service-mini p,.web1-preview .audience-grid p,.web1-preview .process-web1-grid p,.web1-preview .principles-grid p{color:#a9b9cc}
.web1-preview .pillar-product{border-top-color:#203b57;color:#dce7f5}
.web1-preview .solution-featured{background:linear-gradient(155deg,#102945,#0d2239);border-color:#2c5277}
.web1-preview .solution-code,.web1-preview .need-num,.web1-preview .audience-grid article>span,.web1-preview .principles-grid article>span{background:#132d49;color:#79a9ff}
.web1-preview .solution-card>strong{color:#c6d4e5}
.web1-preview .needs-list>a:hover{border-color:#315a80;background:#11263d}
.web1-preview .needs-list strong{color:#eaf2fc}
.web1-preview .needs-list small{color:#93a6bd} .web1-preview .journey-board{background:#0d1e31;border-color:#1d3955;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.web1-preview .journey-start{background:#112b49}
.web1-preview .journey-step{border-color:#26415d;color:#eaf2fc}
.web1-preview .journey-step.content{background:#2b241d}.web1-preview .journey-step.social{background:#102d29}.web1-preview .journey-step.reach{background:#241f38}.web1-preview .journey-step.connect{background:#132942}.web1-preview .journey-step.assist{background:#102d28}
.web1-preview .journey-caption{color:#9eb0c5}
.web1-preview .journey-caption strong{color:#f1f6fc}
.web1-preview .web1-browser{background:#0d1e30;border-color:#223f5c}
.web1-preview .connect-mini-card{background:#10243a;border-color:#28445f;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.web1-preview .connect-mini-card strong{color:#f6f9fd}
.web1-preview .connect-mini-card span,.web1-preview .connect-mini-card small{color:#8fa4bb}
.web1-preview .connect-cap-list span{background:#102941;color:#c7d5e5;border:1px solid #1f405d}
.web1-preview .services-focus,.web1-preview .audience-section,.web1-preview .faq-section,.web1-preview .modular-section{background:#0a1a2b!important}
.web1-preview .service-mini>span{background:#0f3a31;color:#58deb6}
.web1-preview .network-panel{background:radial-gradient(circle at 80% 15%,rgba(61,122,255,.22),transparent 28%),linear-gradient(135deg,#08131f,#0c2846 58%,#113b60)}
.web1-preview .faq-list details{background:#0e2034!important;border-color:#1f3c59!important}
.web1-preview .faq-list summary{color:#eef5fd!important}
.web1-preview .faq-list details p{color:#aebed1!important}
.web1-preview .faq-list details[open]{box-shadow:0 18px 42px rgba(0,0,0,.16)}
.web1-preview .footer-nanty{background:#050d17}
.web1-preview .footer-nanty p{color:#8fa1b7}
.web1-preview .footer-links a{color:#a8b8cb}
.web1-preview .footer-bottom{color:#72869f;border-top-color:rgba(255,255,255,.08)} .web1-preview .web1-dropdown{background:#0d2035;border-color:#25425f}
.web1-preview .web1-dropdown .dropdown-item{color:#e8f0fa}
.web1-preview .web1-dropdown .dropdown-item small{color:#91a6bd}
.web1-preview .web1-dropdown .dropdown-item:hover{background:#142b45;color:#fff}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:1200;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;border:1px solid #2d4d6c;background:rgba(8,24,40,.92);color:#f4f8fd;font:700 12px/1 "Inter",Arial,sans-serif;box-shadow:0 14px 36px rgba(0,0,0,.28);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s ease;cursor:pointer}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#12304d;border-color:#4a6f94}
.back-to-top .back-arrow{font-size:16px;color:#49d6ab}
@media(max-width:991px){.web1-preview .nanty-nav .navbar-collapse{background:#0a1a2b;border-top-color:#20374f;box-shadow:0 14px 28px rgba(0,0,0,.2)}}
@media(max-width:575px){.back-to-top{right:14px;bottom:14px;padding:11px 13px}.back-to-top .back-label{display:none}}/* WEB-1 V2.1 — dedicated mobile navigation */
.web1-hamburger{width:46px;height:42px;border:1px solid #28445f!important;border-radius:12px!important;background:#0d2035!important;display:none;align-items:center;justify-content:center;padding:0!important}
.hamburger-box{width:21px;height:16px;display:flex;flex-direction:column;justify-content:space-between}
.hamburger-box>span{display:block;width:100%;height:2px;border-radius:999px;background:#eef5fd;transition:transform .22s ease,opacity .18s ease}
.web1-hamburger[aria-expanded="true"] .hamburger-box>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.web1-hamburger[aria-expanded="true"] .hamburger-box>span:nth-child(2){opacity:0}
.web1-hamburger[aria-expanded="true"] .hamburger-box>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.web1-mobile-menu{display:none}
@media(max-width:991px){
  .web1-hamburger{display:flex}
  .web1-preview .nanty-nav .navbar{min-height:68px;padding:9px 0}
  .web1-preview .nanty-brand{font-size:22px}
  .web1-preview .nanty-brand-mark{width:34px;height:34px}
  .web1-preview #nantyMenu{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 96px);overflow-y:auto;background:rgba(8,22,36,.985)!important;border-top:1px solid #20374f;border-bottom:1px solid #20374f;padding:0!important;box-shadow:0 22px 50px rgba(0,0,0,.35)}
  .web1-mobile-menu{display:block;padding:18px 18px 24px}
  .mobile-home-link,.mobile-menu-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#eef5fd;text-decoration:none;font-weight:760}
  .mobile-home-link{padding:13px 14px;border:1px solid #25425f;border-radius:14px;background:#0d2035;margin-bottom:18px}
  .mobile-home-link span,.mobile-menu-row span{color:#4edab0}
  .mobile-menu-group{padding:17px 0;border-top:1px solid rgba(139,167,198,.14)}
  .mobile-menu-group:first-of-type{border-top:0;padding-top:0}
  .mobile-menu-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#6fdcba;font-weight:850;margin-bottom:11px}
  .mobile-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mobile-solution-grid a{display:block;padding:13px 14px;border-radius:13px;background:#0d2035;border:1px solid #1d3b58;text-decoration:none;min-height:69px}
  .mobile-solution-grid a:active{background:#132b45}
  .mobile-solution-grid strong{display:block;color:#f4f8fd;font-size:14px;margin-bottom:4px}
  .mobile-solution-grid small{display:block;color:#91a5bc;font-size:10px;line-height:1.25}
  .mobile-menu-row{padding:11px 2px;font-size:14px}
  .mobile-menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .mobile-menu-secondary .mobile-menu-row{padding-top:0;padding-bottom:0}
  .mobile-menu-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding-top:18px;border-top:1px solid rgba(139,167,198,.14)}
  .mobile-menu-actions .btn-nanty{width:100%;padding:13px 16px}
  .mobile-login{color:#dbe6f3;text-decoration:none;font-size:13px;font-weight:750;padding:10px 4px}
  body:has(#nantyMenu.show){overflow:hidden}
}
@media(max-width:420px){
  .web1-mobile-menu{padding-left:14px;padding-right:14px}
  .mobile-solution-grid{grid-template-columns:1fr 1fr;gap:8px}
  .mobile-solution-grid a{padding:12px;min-height:66px}
  .mobile-menu-actions{grid-template-columns:1fr}
  .mobile-login{text-align:center;order:2}
}
/* WEB-1 V2.2 — mobile menu viewport refinement */
@media(max-width:991px){
  .web1-preview #nantyMenu{
    position:fixed;
    left:0;right:0;
    top:var(--web1-mobile-menu-top,96px);
    bottom:0;
    max-height:none;
    overflow:hidden;
    background:#081624!important;
    border-top:1px solid #20374f;
    border-bottom:0;
    padding:0!important;
    box-shadow:0 24px 56px rgba(0,0,0,.38)
  }
  .web1-mobile-menu{
    box-sizing:border-box;
    width:100%;
    height:100%;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:16px 16px calc(112px + env(safe-area-inset-bottom))!important;
    background:#081624
  }
  .mobile-home-link{margin:0 0 14px;padding:12px 14px}
  .mobile-menu-group{padding:13px 0}
  .mobile-menu-label{margin:0 0 9px;padding-left:1px}
  .mobile-solution-grid{gap:8px}
  .mobile-solution-grid a{min-height:58px;padding:10px 12px}
  .mobile-solution-grid strong{font-size:13.5px;margin-bottom:2px}
  .mobile-solution-grid small{font-size:9.5px}
  .mobile-menu-row{padding:9px 2px;font-size:13.5px}
  .mobile-menu-actions{
    position:sticky;
    left:0;right:0;bottom:0;
    z-index:4;
    margin:14px -16px calc(-112px - env(safe-area-inset-bottom));
    padding:13px 16px calc(14px + env(safe-area-inset-bottom));
    grid-template-columns:auto 1fr;
    background:linear-gradient(180deg,rgba(8,22,36,.94),#081624 32%);
    border-top:1px solid #20374f;
    box-shadow:0 -12px 28px rgba(0,0,0,.22)
  }
}
@media(max-width:420px){
  .web1-mobile-menu{padding-left:14px!important;padding-right:14px!important}
  .mobile-menu-actions{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}/* WEB-1 V2.3 — autonomous mobile menu state */
@media(max-width:991px){
  .web1-preview #nantyMenu.show,
  .web1-preview #nantyMenu.nanty-menu-open{display:block!important}
  body.web1-mobile-nav-open{overflow:hidden!important;touch-action:none}
  body.web1-mobile-nav-open .back-to-top{opacity:0!important;visibility:hidden!important}
}
/* WEB1 write-test */

/* WEB-1 V2.4 — decouple mobile menu from Bootstrap */
@media(max-width:991px){
  .web1-preview .web1-nav-shell{display:none!important}
  .web1-preview .web1-nav-shell.web1-open{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--web1-mobile-menu-top,96px)!important;
    bottom:0!important;
    z-index:1250!important;
    overflow-y:auto!important;
    background:#081624!important;
    border-top:1px solid #20374f!important;
    box-shadow:0 24px 56px rgba(0,0,0,.38)!important;
    padding:0 16px calc(110px + env(safe-area-inset-bottom))!important
  }
}

/* WEB-1 V2.4 */
@media(max-width:991px){
.web1-preview .web1-nav-shell{display:none!important}
.web1-preview .web1-nav-shell.web1-open{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--web1-mobile-menu-top,96px)!important;bottom:0!important;z-index:1250!important;overflow-y:auto!important;background:#081624!important}
}

@media(max-width:991px){
.web1-preview .web1-nav-shell .web1-desktop-menu{display:block!important}
.web1-preview .web1-nav-shell .navbar-nav{display:block!important;padding:12px 0 0!important;margin:0!important}
.web1-preview .web1-nav-shell .nav-item{display:block!important;border-bottom:1px solid rgba(139,167,198,.12)}
.web1-preview .web1-nav-shell .nav-link{display:flex!important;align-items:center;justify-content:space-between;padding:13px 2px!important;color:#eef5fd!important}
.web1-preview .web1-nav-shell .nav-link.dropdown-toggle{pointer-events:none;color:#62ddb6!important;text-transform:uppercase;font-size:10px!important;letter-spacing:.1em;padding-bottom:8px!important}
.web1-preview .web1-nav-shell .nav-link.dropdown-toggle:after{display:none!important}
}

@media(max-width:991px){
.web1-preview .web1-nav-shell .web1-dropdown{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;position:static!important;width:100%!important;margin:0 0 13px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
}

@media(max-width:991px){
.web1-preview .web1-nav-shell .web1-dropdown li{border:0!important}
.web1-preview .web1-nav-shell .web1-dropdown .dropdown-item{display:block!important;padding:11px 12px!important;border:1px solid #1d3b58!important;border-radius:13px!important;background:#0d2035!important;color:#f4f8fd!important;white-space:normal!important;min-height:62px}
.web1-preview .web1-nav-shell .web1-dropdown .dropdown-item small{display:block!important;color:#91a5bc!important;font-size:9.5px!important;margin-top:3px}
}

@media(max-width:991px){
.web1-preview .web1-nav-shell .nav-actions-v4{display:grid!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:center!important;margin-top:4px!important}
.web1-preview .web1-nav-shell .nav-actions-v4 .btn-nanty{margin:0!important;width:100%!important}
.web1-preview .web1-nav-shell .nav-login{color:#dbe6f3!important}
}

@media(max-width:991px){.web1-preview #nantyMenu.show .web1-desktop-menu{display:block!important}}

/* WEB-1 V2.6 — fix iOS/mobile fixed menu containing block */
@media(max-width:991px){
body.web1-mobile-nav-open .nanty-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.web1-preview #nantyMenu.show,.web1-preview #nantyMenu.nanty-menu-open{margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}
}

/* WEB-1 V2.7 — mobile menu information architecture */
@media(max-width:991px){
.web1-preview #nantyMenu.show .dropdown-menu.web1-dropdown,
.web1-preview #nantyMenu.nanty-menu-open .dropdown-menu.web1-dropdown{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  position:static!important;
  float:none!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 13px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.web1-preview #nantyMenu.show .nav-link.dropdown-toggle,
.web1-preview #nantyMenu.nanty-menu-open .nav-link.dropdown-toggle{
  pointer-events:none;
  color:#62ddb6!important;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:10px!important;
  font-weight:850!important;
  padding:14px 0 9px!important;
}
}
@media(max-width:991px){
.web1-preview #nantyMenu.show .nav-link.dropdown-toggle:after,
.web1-preview #nantyMenu.nanty-menu-open .nav-link.dropdown-toggle:after{display:none!important}
.web1-preview #nantyMenu.show .dropdown-item,
.web1-preview #nantyMenu.nanty-menu-open .dropdown-item{
  display:block!important;
  min-height:62px;
  padding:11px 12px!important;
  border:1px solid #1d3b58!important;
  border-radius:13px!important;
  background:#0d2035!important;
  color:#f4f8fd!important;
  white-space:normal!important;
}
.web1-preview #nantyMenu.show .dropdown-item small,
.web1-preview #nantyMenu.nanty-menu-open .dropdown-item small{
  display:block!important;
  margin-top:3px;
  color:#91a5bc!important;
  font-size:9.5px!important;
  line-height:1.25;
}
.web1-preview #nantyMenu.show .navbar-nav,
.web1-preview #nantyMenu.nanty-menu-open .navbar-nav{padding:0!important;margin:0!important}
}
@media(max-width:991px){
.web1-preview #nantyMenu.show .nav-item,
.web1-preview #nantyMenu.nanty-menu-open .nav-item{border-bottom:1px solid rgba(139,167,198,.12)}
.web1-preview #nantyMenu.show .nav-link:not(.dropdown-toggle),
.web1-preview #nantyMenu.nanty-menu-open .nav-link:not(.dropdown-toggle){
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  padding:12px 0!important;
  color:#eef5fd!important;
  font-size:14px!important;
}
.web1-preview #nantyMenu.show .nav-actions-v4,
.web1-preview #nantyMenu.nanty-menu-open .nav-actions-v4{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:16px 0 24px!important;
}
.web1-preview #nantyMenu.show .nav-actions-v4 .btn-nanty,
.web1-preview #nantyMenu.nanty-menu-open .nav-actions-v4 .btn-nanty{margin:0!important;width:100%!important}
}
/* WEB-1 R1 — mobile vertical journey */
@media(max-width:767px){
  .web1-preview .journey-board{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    overflow:visible!important;
    padding:16px!important
  }
  .web1-preview .journey-start,
  .web1-preview .journey-step{
    width:100%!important;
    min-width:0!important;
    min-height:76px;
    padding:16px 18px!important
  }
  .web1-preview .journey-arrow{
    width:100%;
    height:30px;
    font-size:0;
    position:relative
  }
  .web1-preview .journey-arrow:before{
    content:"↓";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#69dcb9;
    font-size:18px;
    font-weight:900
  }
  .web1-preview .journey-caption{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:15px 6px 0!important
  }
  .web1-preview .journey-caption strong,
  .web1-preview .journey-caption span{display:block}
}
/* WEB-1 R1 — extend vertical journey through tablet portrait */
@media(min-width:768px) and (max-width:991px){
  .web1-preview .journey-board{display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:visible!important;padding:18px!important}
  .web1-preview .journey-start,.web1-preview .journey-step{width:100%!important;min-width:0!important;min-height:76px;padding:16px 18px!important}
  .web1-preview .journey-arrow{width:100%;height:30px;font-size:0;position:relative}
  .web1-preview .journey-arrow:before{content:"↓";position:absolute;inset:0;display:grid;place-items:center;color:#69dcb9;font-size:18px;font-weight:900}
  .web1-preview .journey-caption{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:15px 6px 0!important}
}
/* WEB-1 R1 — compact modular journey for 992-1199px */
@media(min-width:992px) and (max-width:1199px){
  .web1-preview .journey-board{gap:6px!important;padding:16px!important}
  .web1-preview .journey-start,.web1-preview .journey-step{min-width:110px!important;padding:14px 12px!important}
  .web1-preview .journey-start strong,.web1-preview .journey-step strong{font-size:13px!important}
  .web1-preview .journey-start span,.web1-preview .journey-step small{font-size:9px!important}
  .web1-preview .journey-arrow{font-size:14px!important}
}
/* WEB-1 R3 — final mobile gutters + audience eyebrow */
@media(max-width:991px){
  .web1-preview #nantyMenu.show,
  .web1-preview #nantyMenu.nanty-menu-open{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
@media(max-width:767px){
  .web1-preview .audience-section .section-eyebrow{
    text-align:left!important;
  }
}