/* WEB-2 — Nanty Connect preview */
.web2-connect-preview{background:#071321;color:#eef5ff}
.web2-connect-preview .connect-product-hero{position:relative;padding:92px 0 78px;background:radial-gradient(circle at 78% 18%,rgba(45,116,255,.22),transparent 34%),radial-gradient(circle at 8% 30%,rgba(28,203,151,.13),transparent 28%),linear-gradient(135deg,#081624 0%,#0a1929 55%,#0c2035 100%);overflow:hidden}
.web2-connect-preview .connect-product-hero:after{content:"";position:absolute;right:-120px;top:70px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(88,145,233,.15);box-shadow:0 0 0 65px rgba(33,111,223,.03),0 0 0 130px rgba(17,168,116,.02);pointer-events:none}
.web2-connect-preview .connect-product-hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1.01;letter-spacing:-.035em;font-weight:850;max-width:760px;margin:0 0 24px;color:#f7fbff}
.web2-connect-preview .connect-product-hero h1 .accent{color:#4f8dff}
.web2-connect-preview .connect-product-hero .lead{font-size:18px;line-height:1.7;color:#b7c6d8;max-width:690px;margin-bottom:28px}
.web2-product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.web2-product-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #21405d;border-radius:999px;background:#0e243a;color:#cbd9e8;font-size:11px;font-weight:720}
.web2-product-badges span:before{content:"✓";color:#4edab0;font-weight:900}
.web2-hero-frame{position:relative;padding:14px;border:1px solid #23445f;border-radius:26px;background:linear-gradient(150deg,#10253c,#0b192a);box-shadow:0 36px 85px rgba(0,0,0,.33)}
.web2-hero-frame img{display:block;width:100%;border-radius:17px;border:1px solid #243e58}
.web2-hero-float{position:absolute;background:#0e2238;border:1px solid #2a4865;border-radius:15px;padding:13px 15px;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.web2-hero-float small{display:block;color:#8fa3ba;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.web2-hero-float strong{display:block;color:#fff;font-size:21px;line-height:1.1;margin-top:4px}.web2-float-a{right:-12px;top:-20px}.web2-float-b{left:-18px;bottom:-20px}
.web2-jumpbar{position:sticky;top:74px;z-index:60;padding:10px 0;background:rgba(7,19,33,.92);backdrop-filter:blur(14px);border-top:1px solid #18324b;border-bottom:1px solid #18324b}
.web2-jumpbar .container{display:flex;justify-content:center}
.web2-jumpbar-inner{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%;padding:6px;border:1px solid #1f3d5b;border-radius:999px;background:#0c1d30;box-shadow:0 12px 28px rgba(0,0,0,.14)}.web2-jumpbar-inner::-webkit-scrollbar{display:none}.web2-jumpbar a{flex:0 0 auto;color:#aebfd1;text-decoration:none;font-size:11px;font-weight:750;padding:8px 12px;border-radius:999px;transition:background .18s ease,color .18s ease,border-color .18s ease}.web2-jumpbar a:hover,.web2-jumpbar a:focus{color:#fff;background:#132b45}
.web2-section{padding:88px 0}.web2-section-soft{background:#0a1a2b}.web2-section-deep{background:#06101b}
.web2-section-heading{max-width:820px;margin:0 auto 44px;text-align:center}.web2-section-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.06;font-weight:840;color:#f5f9ff;margin-bottom:16px}.web2-section-heading p{max-width:700px;margin:0 auto;color:#aebed1;font-size:16px;line-height:1.7}
.web2-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850;color:#4edab0;margin-bottom:15px}.web2-kicker:before{content:"";width:23px;height:2px;border-radius:999px;background:currentColor}
.web2-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.web2-problem-card{border:1px solid #1e3a56;border-radius:22px;padding:30px;background:#0d2034}.web2-problem-card.is-answer{background:linear-gradient(155deg,#102944,#0d2239);border-color:#2c5277}.web2-problem-card span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#122a43;color:#75a9ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.web2-problem-card.is-answer span{background:#0e3a31;color:#5be0b8}.web2-problem-card h3{font-size:28px;font-weight:820;color:#f4f8fd}.web2-problem-card p{color:#aebed1;line-height:1.7;margin:0}
.web2-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.web2-cap-card{height:100%;border:1px solid #1e3a56;border-radius:20px;padding:26px;background:#0e2034}.web2-cap-card .num{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#132d49;color:#79a9ff;font-size:10px;font-weight:850;margin-bottom:18px}.web2-cap-card h3{font-size:23px;font-weight:820;color:#f5f9ff;margin-bottom:10px}.web2-cap-card p{font-size:14px;color:#a9b9cc;line-height:1.65}.web2-cap-card ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}.web2-cap-card li{font-size:12px;color:#c8d5e5;padding-left:16px;position:relative}.web2-cap-card li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#42d4a8}
.web2-feature-row{align-items:center}.web2-feature-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.06;font-weight:840;color:#f5f9ff;margin-bottom:18px}.web2-feature-copy p{color:#aebed1;line-height:1.75}.web2-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.web2-mini-list span{padding:8px 11px;border-radius:999px;background:#102941;border:1px solid #1f405d;color:#c7d5e5;font-size:11px;font-weight:700}
.web2-product-frame{padding:10px;border-radius:22px;background:#0c1d30;border:1px solid #203d59;box-shadow:0 28px 70px rgba(0,0,0,.24)}.web2-product-frame img{display:block;width:100%;border-radius:14px;border:1px solid #233d56}
.web2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.web2-stat{border:1px solid #1e3b57;border-radius:18px;padding:22px;background:#0e2034}.web2-stat small{display:block;color:#8da1b8;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.web2-stat strong{display:block;color:#f5f9ff;font:850 31px/1 "Urbanist",sans-serif;margin:9px 0 5px}.web2-stat span{font-size:11px;color:#9cafc3}
.web2-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.web2-who-card{padding:27px;border-radius:20px;border:1px solid #1e3b57;background:#0d2034}.web2-who-card span{font-size:10px;color:#4edab0;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.web2-who-card h3{font-size:23px;color:#f5f9ff;font-weight:820;margin:11px 0}.web2-who-card p{font-size:14px;color:#aebed1;line-height:1.65;margin:0}
.web2-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.web2-process article{position:relative;padding:25px;border-radius:19px;border:1px solid #1d3955;background:#0d1f32}.web2-process .step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#12304c;color:#72a7ff;font-size:10px;font-weight:850;margin-bottom:17px}.web2-process h3{font-size:20px;color:#f4f8fd;font-weight:820}.web2-process p{font-size:13px;color:#9fb0c4;line-height:1.6;margin:0}
.web2-boundary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.web2-boundary article{padding:28px;border-radius:20px;border:1px solid #1e3b57;background:#0d2034}.web2-boundary article:last-child{background:#0b1929}.web2-boundary h3{font-size:24px;font-weight:820;color:#f5f9ff;margin-bottom:18px}.web2-boundary ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.web2-boundary li{position:relative;padding-left:24px;color:#b8c6d6;font-size:14px}.web2-boundary .yes li:before{content:"✓";position:absolute;left:0;color:#49d6ab;font-weight:900}.web2-boundary .no li:before{content:"—";position:absolute;left:0;color:#7f93aa;font-weight:900}
.web2-combine-panel{padding:42px;border-radius:26px;background:radial-gradient(circle at 85% 10%,rgba(40,113,234,.18),transparent 30%),linear-gradient(135deg,#0a1b2d,#0d2c4a);border:1px solid #24435f}.web2-combine-panel h2{font-size:clamp(32px,4vw,50px);font-weight:840;color:#fff;line-height:1.06}.web2-combine-panel p{color:#aebfd2;max-width:750px}.web2-combine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.web2-combine-grid article{padding:21px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.web2-combine-grid strong{display:block;color:#fff;font-size:17px;margin-bottom:7px}.web2-combine-grid span{font-size:12px;color:#aebfd0}
.web2-faq{display:grid;gap:10px;max-width:900px;margin:0 auto}.web2-faq details{border:1px solid #1f3c59;border-radius:16px;background:#0e2034;padding:0 18px}.web2-faq summary{cursor:pointer;list-style:none;color:#eef5fd;font-weight:760;padding:18px 0}.web2-faq summary::-webkit-details-marker{display:none}.web2-faq p{padding:0 0 18px;margin:0;color:#aebed1;line-height:1.65;font-size:14px}
.web2-final-cta{padding:48px;border-radius:28px;background:linear-gradient(135deg,#0c7f61,#0e5d88);box-shadow:0 30px 70px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:space-between;gap:30px}.web2-final-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.04;color:#fff;font-weight:850;max-width:700px}.web2-final-cta p{color:#d6f2eb;max-width:700px;margin:12px 0 0}.web2-final-actions{display:flex;gap:10px;flex-wrap:wrap}.web2-final-actions .btn-nanty{background:#fff;color:#0b563f!important}
@media(max-width:991px){
.web2-connect-preview .connect-product-hero{padding-top:66px}.web2-hero-frame{margin-top:26px}.web2-jumpbar{top:69px}.web2-problem-grid,.web2-boundary{grid-template-columns:1fr}.web2-cap-grid{grid-template-columns:repeat(2,1fr)}.web2-who-grid{grid-template-columns:1fr}.web2-process{grid-template-columns:repeat(2,1fr)}.web2-stats{grid-template-columns:repeat(2,1fr)}.web2-combine-grid{grid-template-columns:1fr}.web2-final-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:767px){
.web2-connect-preview .connect-product-hero{padding-top:50px!important;padding-bottom:52px!important}
.web2-connect-preview .connect-product-hero h1{font-size:43px}
.web2-connect-preview .connect-product-hero .lead{font-size:16px}
.web2-connect-preview .connect-product-hero .row{--bs-gutter-y:2rem}
.web2-connect-preview .connect-product-hero .hero-actions{margin-bottom:18px}
.web2-product-badges{margin-top:18px;gap:6px}
.web2-product-badges span{padding:7px 9px;font-size:10px}
.web2-section{padding:54px 0!important}
.web2-section-heading{margin-bottom:30px}
.web2-section-heading h2{margin-bottom:13px}
.web2-problem-card{padding:22px}
.web2-problem-card h3{font-size:24px}
.web2-cap-grid,.web2-process,.web2-stats{grid-template-columns:1fr}
.web2-cap-grid{gap:12px}
.web2-cap-card{padding:20px}
.web2-cap-card .num{margin-bottom:14px}
.web2-cap-card h3{font-size:21px;margin-bottom:8px}
.web2-cap-card p{line-height:1.55;margin-bottom:0}
.web2-cap-card ul{margin-top:12px;gap:6px}
.web2-who-grid,.web2-process{gap:12px}
.web2-who-card,.web2-process article{padding:21px}
.web2-boundary{gap:12px}
.web2-boundary article{padding:22px}
.web2-boundary h3{font-size:22px;margin-bottom:14px}
.web2-boundary ul{gap:9px}
.web2-hero-float{position:static;display:inline-block;margin:10px 6px 0 0}
.web2-hero-frame{margin-top:10px!important;padding:9px}
.web2-combine-panel{padding:26px 20px!important}
.web2-combine-grid{margin-top:20px;gap:10px}
.web2-combine-grid article{padding:17px}
.web2-faq{gap:8px}
.web2-faq details{padding:0 15px}
.web2-faq summary{padding:16px 0}
.web2-faq p{padding-bottom:16px}
.web2-final-cta{padding:28px 20px!important}
.web2-final-cta h2{font-size:29px;line-height:1.06}
.web2-final-cta p{font-size:14px;line-height:1.6}
.web2-final-actions{width:100%}
.web2-final-actions a{width:100%;justify-content:center}
.web2-jumpbar{padding:7px 0;position:sticky}
.web2-jumpbar .container{display:block;position:relative;padding:0}
.web2-jumpbar .container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:42px;pointer-events:none;background:linear-gradient(90deg,rgba(7,19,33,0),rgba(7,19,33,.98))}
.web2-jumpbar-inner{width:auto;max-width:none;margin:0 12px;padding:5px;border-radius:14px;overflow-x:auto;scroll-snap-type:x proximity}
.web2-jumpbar a{padding:8px 10px;background:#10243a;border:1px solid #1e3a56;scroll-snap-align:start}
}

.web2-jumpbar a.is-active{color:#fff!important;background:#163654!important;box-shadow:inset 0 0 0 1px #2c5579}