/* Water Weaver — service, product & privacy detail pages */
.d-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.d-sec{padding:clamp(64px,9vw,110px) 0}
.d-white{background:#fff}
.d-dark{background:#070B14;color:#fff}
.d-crumb{display:flex;gap:10px;font-size:13px;color:#6B7483;flex-wrap:wrap}
.d-crumb a{color:#6B7483}.d-crumb a:hover{color:#1271C4}
.d-crumb b{color:#0B0F17;font-weight:600}
.d-crumb i{font-style:normal;color:#B5BFCC}
.d-eb{display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1271C4}
.d-eb svg{flex-shrink:0;display:block}
.d-eb::after{content:"";width:40px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2BA8E0,rgba(43,168,224,0))}
.d-eb.c{justify-content:center}
.d-dark .d-eb{color:#2BA8E0}
.d-h1{margin:18px 0 0;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(48px,7vw,96px);line-height:.98;text-transform:uppercase;color:#0B0F17;letter-spacing:.005em}
.d-h2{margin:16px 0 0;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1;text-transform:uppercase;color:#0B0F17}
.d-dark .d-h2{color:#fff}
.d-ol{display:block;color:transparent;-webkit-text-stroke:1.5px #0B0F17}
.d-dark .d-ol{-webkit-text-stroke-color:#fff}
.d-it{display:block;font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;text-transform:none;color:#1271C4;font-size:.78em;line-height:1.08;letter-spacing:0}
.d-dark .d-it{color:#2BA8E0}
.d-lead{margin:22px 0 0;font-size:16px;line-height:1.65;color:#3A4250;max-width:520px;text-wrap:pretty}
.d-p{margin:0;font-size:15px;line-height:1.65;color:#3A4250;text-wrap:pretty}
.d-dark .d-p{color:#A9B4C4}
.d-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.d-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;background:#0B0F17;color:#fff;font-size:14px;font-weight:600;padding:7px 7px 7px 20px;border-radius:999px;border:0;cursor:pointer;font-family:inherit;transition:transform .25s ease,box-shadow .25s ease}
.d-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(11,15,23,.22)}
.d-btn .i{width:30px;height:30px;border-radius:50%;background:#2BA8E0;color:#0B0F17;display:flex;align-items:center;justify-content:center;font-size:13px}
.d-btn.w{background:#fff;color:#0B0F17}.d-btn.w:hover{color:#0B0F17}.d-btn.w .i{background:#0B0F17;color:#fff}
.d-btn.b .i{background:#fff}
.d-btn-o{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0B0F17;font-size:14px;font-weight:600;padding:12px 20px;border-radius:999px;border:1px solid #DCE1E8;transition:border-color .25s ease}
.d-btn-o:hover{color:#0B0F17;border-color:#0B0F17}
.d-btn-o .i{width:30px;height:30px;border-radius:50%;background:#0B0F17;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;margin:-6px -12px -6px 0}
.d-checks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.d-checks li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#0B0F17}
.d-dark .d-checks li,.p-price-l .d-checks li{color:#fff}
.d-ck{width:20px;height:20px;border-radius:50%;background:#1271C4;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.d-dark .d-ck,.p-price-l .d-ck{background:#2BA8E0;color:#0B0F17}
/* reveal */
[data-rv]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
[data-rv].in{opacity:1;transform:none}
/* service hero */
.s-hero{padding:120px 0 80px;overflow:hidden}
.s-hero-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;margin-top:28px}
.s-hero .d-eb{margin-top:0}
.s-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid #DCE1E8;max-width:520px}
.s-meta span{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;color:#1271C4;text-transform:uppercase}
.s-meta b{display:block;margin-top:6px;font-size:13px;font-weight:500;line-height:1.4;color:#0B0F17}
.s-art{position:relative;justify-self:center;width:min(100%,400px);aspect-ratio:.78}
.s-art::before{content:"";position:absolute;right:-60px;top:22%;width:58%;aspect-ratio:1;border-radius:50%;background:#E4EEF8;z-index:0}
.s-arch{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:200px 200px 22px 22px;display:block;box-shadow:0 30px 60px rgba(11,22,36,.16)}
.s-badge{position:absolute;z-index:2;right:-14px;top:22px;width:96px;height:96px;border-radius:50%;background:#070B14;color:#2BA8E0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:28px;line-height:1;animation:wwFloat 6s ease-in-out infinite}
.s-badge small{font-family:'Plus Jakarta Sans',sans-serif;font-size:8px;font-weight:800;letter-spacing:.12em;color:#fff;margin-top:4px}
.s-chipcard{position:absolute;z-index:2;left:-56px;bottom:-14px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 20px 40px rgba(11,22,36,.14)}
.s-chipcard span{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;color:#6B7483;text-transform:uppercase}
.s-chipcard div{display:flex;gap:8px;margin-top:10px}
.s-chipcard em{font-style:normal;font-size:11px;font-weight:600;color:#0B0F17;background:#EEF3F8;padding:5px 10px;border-radius:999px;white-space:nowrap}
/* what we build */
.s-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.s-head .d-p{max-width:440px;justify-self:end}
.s-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.s-card{position:relative;padding:26px 24px;border-radius:20px;background:#F4F6FA;border:1px solid #E6EBF2;transition:background .4s ease,border-color .4s ease,transform .4s ease;min-height:220px}
.s-card .ic{width:40px;height:40px;border-radius:10px;background:#E4EEF8;color:#1271C4;display:flex;align-items:center;justify-content:center;transition:background .4s ease,color .4s ease}
.s-card .no{position:absolute;right:24px;top:26px;font-family:Anton,sans-serif;font-size:24px;color:#C9D2DD}
.s-card h3{margin:20px 0 0;font-size:18px;font-weight:600;color:#0B0F17;transition:color .4s ease}
.s-card p{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:#5A6474;transition:color .4s ease}
.s-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.s-tags em{white-space:nowrap;font-style:normal;font-size:11px;font-weight:500;color:#3A4250;border:1px solid #DCE1E8;padding:4px 10px;border-radius:999px;transition:color .4s ease,border-color .4s ease}
.s-card.on{background:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 24px 50px rgba(18,113,196,.14),0 4px 12px rgba(18,113,196,.06)}
.s-card.on .ic{background:#2BA8E0;color:#fff}
.s-card.on .no{color:#9FD3F1}
/* how we deliver */
.s-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:56px}
.s-line{position:absolute;left:24px;right:calc(20% - 24px);top:24px;height:1px;background:#1D2A3D}
.s-line i{position:absolute;left:0;top:0;height:100%;width:0;background:#2BA8E0;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.s-step{position:relative}
.s-step .c{width:48px;height:48px;border-radius:50%;border:1px solid #2A4A6B;background:#070B14;color:#2BA8E0;display:flex;align-items:center;justify-content:center;transition:background .5s ease,color .5s ease,border-color .5s ease}
.s-step.lit .c{background:#2BA8E0;border-color:#2BA8E0;color:#070B14}
.s-step span{display:block;margin-top:22px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;color:#2BA8E0}
.s-step h3{margin:10px 0 0;font-size:17px;font-weight:600;color:#fff}
.s-step p{margin:10px 0 0;font-size:13px;line-height:1.6;color:#A9B4C4}
/* in practice */
.s-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;background:#fff;border-radius:24px;padding:18px;box-shadow:0 24px 60px rgba(11,22,36,.08)}
.s-case img{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:16px;display:block}
.s-case-t{padding:12px 20px 12px 0}
.s-case .d-h2{font-size:clamp(30px,3.4vw,44px)}
.s-case .d-btn-o{margin-top:24px}
.s-tools{margin-top:40px}
.s-tools>span{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:#6B7483;text-transform:uppercase}
.s-tools div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.s-tools em{white-space:nowrap;font-style:normal;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#0B0F17;background:#fff;border:1px solid #E6EBF2;padding:8px 14px;border-radius:999px}
.s-tools em::before{content:"";width:6px;height:6px;border-radius:50%;background:#2BA8E0}
/* faq */
.s-faq{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:56px;align-items:start}
.s-help{margin-top:30px;background:#070B14;color:#fff;border-radius:20px;padding:24px}
.s-help .ic{width:36px;height:36px;border-radius:10px;background:#2BA8E0;color:#070B14;display:flex;align-items:center;justify-content:center}
.s-help h3{margin:16px 0 0;font-size:17px;font-weight:600}
.s-help p{margin:10px 0 18px;font-size:13px;line-height:1.6;color:#A9B4C4}
.d-faq{display:flex;flex-direction:column;gap:10px}
.d-q{background:#F4F6FA;border-radius:16px;transition:background .3s ease}
.d-q button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;padding:20px 22px;font-family:inherit;font-size:15px;font-weight:600;color:#0B0F17;text-align:left;cursor:pointer}
.d-q button i{font-style:normal;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#fff;color:#0B0F17;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .3s ease,color .3s ease,transform .3s ease}
.d-q .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.d-q .a>div{overflow:hidden}
.d-q .a p{margin:0;padding:0 22px 20px;font-size:13.5px;line-height:1.6;color:#5A6474}
.d-q.open{background:#E8F1FA}
.d-q.open .a{grid-template-rows:1fr}
.d-q.open button i{background:#1271C4;color:#fff}
/* related */
.d-rel-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.d-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.d-rc{display:block;background:#fff;border-radius:20px;overflow:hidden;color:#0B0F17;box-shadow:0 10px 30px rgba(11,22,36,.05);transition:transform .35s ease,box-shadow .35s ease}
.d-rc:hover{color:#0B0F17;transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,22,36,.12)}
.d-rc img{width:100%;aspect-ratio:1.75;object-fit:cover;display:block;transition:transform .6s ease}
.d-rc:hover img{transform:scale(1.05)}
.d-rc div{padding:20px 22px 24px;position:relative}
.d-rc h3{margin:0;font-size:17px;font-weight:600;padding-right:40px}
.d-rc p{margin:10px 0 0;font-size:13px;line-height:1.55;color:#5A6474}
.d-rc i{position:absolute;right:20px;top:16px;width:32px;height:32px;border-radius:50%;border:1px solid #DCE1E8;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px}
/* cta */
.d-cta{position:relative;overflow:hidden;background:#3BB4E8;border-radius:24px;padding:clamp(36px,5vw,56px) clamp(28px,5vw,52px);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.d-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45)}
.d-cta::after{content:"";position:absolute;right:-90px;bottom:-200px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.16)}
.d-cta h2{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1;text-transform:uppercase;color:#070B14}
.d-cta p{margin:10px 0 0;font-size:15px;color:#0B1624}
.d-cta>*{position:relative;z-index:1}
/* product hero */
.p-hero{position:relative;padding:118px 0 60px;text-align:center;overflow:hidden}
.p-glow{position:absolute;left:50%;top:380px;width:1100px;height:700px;margin-left:-550px;border-radius:50%;filter:blur(60px);opacity:.28;pointer-events:none}
.p-hero .d-crumb{justify-content:center}
.p-badge{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:#fff;border:1px solid #E6EBF2;border-radius:999px;padding:5px 16px 5px 5px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;color:#0B0F17;text-transform:uppercase}
.p-badge b{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.p-hero .d-h1{font-size:clamp(44px,7.4vw,100px)}
.p-hero .d-lead{margin:24px auto 0;max-width:600px}
.p-hero .d-row{justify-content:center;margin-top:28px}
.p-ticks{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#3A4250}
.p-ticks span{display:flex;align-items:center;gap:8px}
.p-ticks b{width:16px;height:16px;border-radius:50%;background:#DCE6F1;color:#1271C4;display:flex;align-items:center;justify-content:center}
.p-dash-w{position:relative;max-width:860px;margin:48px auto 0;text-align:left}
.p-dash{background:#fff;border-radius:18px;border:1px solid #E6EBF2;box-shadow:0 40px 80px rgba(11,22,36,.14);overflow:hidden}
.p-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #EEF1F5;background:#FAFBFD}
.p-bar i{width:9px;height:9px;border-radius:50%}
.p-bar span{margin-left:10px;font-size:10px;color:#6B7483;background:#fff;border:1px solid #EEF1F5;padding:3px 10px;border-radius:6px}
.p-app{display:grid;grid-template-columns:150px minmax(0,1fr)}
.p-side{border-right:1px solid #EEF1F5;padding:14px 10px;display:flex;flex-direction:column;gap:2px;background:#FBFCFE}
.p-logo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#0B0F17;padding:0 6px 12px}
.p-logo b{width:20px;height:20px;border-radius:5px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}
.p-nav{display:flex;align-items:center;gap:8px;font-size:11px;color:#3A4250;padding:7px 8px;border-radius:7px}
.p-nav.on{background:#E8F1FA;color:#1271C4;font-weight:600}
.p-main{padding:16px 18px 18px;min-width:0}
.p-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
.p-top h4{margin:0;font-size:15px;font-weight:700;color:#0B0F17}
.p-top small{display:block;font-size:10px;color:#6B7483;margin-top:2px}
.p-top button{border:0;background:#1271C4;color:#fff;font-family:inherit;font-size:10px;font-weight:600;padding:7px 12px;border-radius:7px;white-space:nowrap}
.p-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.p-stat{border:1px solid #EEF1F5;border-radius:10px;padding:9px 10px}
.p-stat span{display:block;font-size:9px;color:#6B7483}
.p-stat b{display:block;font-size:17px;font-weight:700;color:#0B0F17;margin-top:3px;white-space:nowrap}
.p-stat em{display:block;font-style:normal;font-size:9px;margin-top:2px}
.p-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin-top:8px}
.p-chart{border:1px solid #EEF1F5;border-radius:10px;padding:10px 12px}
.p-chart header,.p-list header{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#0B0F17}
.p-chart header small{font-weight:400;color:#6B7483}
.p-bars{display:flex;align-items:flex-end;gap:10px;height:96px;margin-top:10px}
.p-bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}
.p-bars i{display:block;width:100%;border-radius:5px;background:#E8F0F8;height:0;transition:height 1.1s cubic-bezier(.2,.8,.2,1)}
.p-bars i.on{background:#1271C4}
.p-bars small{font-size:8px;color:#6B7483}
.p-list{border:1px solid #EEF1F5;border-radius:10px;padding:10px 12px}
.p-li{display:flex;gap:8px;align-items:center;margin-top:9px}
.p-li b{width:20px;height:20px;border-radius:50%;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.p-li span{font-size:10px;font-weight:600;color:#0B0F17;line-height:1.2;min-width:0}
.p-li small{display:block;font-weight:400;font-size:8.5px;color:#6B7483}
.p-float{position:absolute;right:-40px;bottom:-26px;width:190px;background:#070B14;color:#fff;border-radius:14px;padding:12px 14px;transform:rotate(4deg);box-shadow:0 24px 40px rgba(7,11,20,.35);animation:wwFloat 7s ease-in-out infinite}
.p-float span{font-family:'Plus Jakarta Sans',sans-serif;font-size:8px;font-weight:800;letter-spacing:.12em;color:#2BA8E0;text-transform:uppercase}
.p-float h5{margin:4px 0 8px;font-size:12px;font-weight:700}
.p-float p{display:flex;justify-content:space-between;margin:4px 0 0;font-size:9.5px;color:#A9B4C4}
.p-float p b{color:#fff}
.p-float footer{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #1D2A3D;margin-top:8px;padding-top:8px;font-size:9px;color:#A9B4C4}
.p-float footer b{font-family:Anton,sans-serif;font-weight:400;font-size:20px;color:#fff}
.p-toast{position:absolute;left:-46px;bottom:68px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 14px 6px 6px;box-shadow:0 18px 36px rgba(11,22,36,.14)}
.p-toast img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.p-toast span{font-size:11px;font-weight:600;color:#0B0F17;line-height:1.2}
.p-toast small{display:block;font-size:9px;font-weight:400;color:#6B7483}
.p-toast b{width:20px;height:20px;border-radius:50%;background:#1FA463;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:6px}
.p-mods{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:60px}
.p-mods button{display:flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;color:#0B0F17;background:#fff;border:1px solid #E6EBF2;padding:9px 15px;border-radius:999px;cursor:pointer;transition:background .25s ease,color .25s ease}
.p-mods button:hover{border-color:#0B0F17}
.p-mods button.on{background:#070B14;color:#fff;border-color:#070B14}
.p-mods button svg{color:#1271C4}.p-mods button.on svg{color:#2BA8E0}
/* product features */
.p-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.p-feat+.p-feat{margin-top:clamp(80px,10vw,130px)}
.p-feat .d-h2{font-size:clamp(34px,4vw,52px)}
.p-feat .d-p{margin-top:20px;max-width:460px}
.p-cal{background:#F4F6FA;border:1px solid #E6EBF2;border-radius:20px;padding:20px}
.p-cal header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.p-cal header b{font-size:15px;font-weight:700}
.p-cal header div{display:flex;gap:12px;font-size:10px;color:#6B7483}
.p-cal header i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
.p-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px;text-align:center}
.p-grid small{font-size:10px;color:#6B7483;padding-bottom:4px}
.p-grid span{background:#fff;border-radius:8px;padding:10px 0;font-size:12px;color:#3A4250;transition:transform .3s ease}
.p-grid span.e{background:none}
.p-grid span.a{background:#F6DCE6;color:#C8365F;font-weight:700}
.p-grid span.b{background:#DCEEFA;color:#1A8BD6;font-weight:700}
.p-grid span.c{background:#F6E6D2;color:#D77A16;font-weight:700}
.p-grid span:not(.e):hover{transform:scale(1.08)}
.p-check{background:#070B14;color:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 60px rgba(7,11,20,.22)}
.p-check header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.p-check header b{font-size:16px;font-weight:600}
.p-check header em{font-style:normal;font-size:10px;font-weight:600;color:#3DDC97;background:rgba(61,220,151,.12);padding:4px 10px;border-radius:999px}
.p-prog{height:5px;border-radius:5px;background:#1D2A3D;margin-top:16px;overflow:hidden}
.p-prog i{display:block;height:100%;width:0;background:#2BA8E0;border-radius:5px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.p-st{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #141E2E}
.p-st i{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-style:normal}
.p-st.d i{background:#2BA8E0;color:#070B14}
.p-st.c i{border:2px solid #2BA8E0}.p-st.c i::after{content:"";width:8px;height:8px;border-radius:50%;background:#2BA8E0}
.p-st.p i{border:1.5px solid #3A4250}
.p-st span{font-size:13px;font-weight:600;line-height:1.25}
.p-st.p span{color:#6B7483}
.p-st small{display:block;font-size:10px;font-weight:400;color:#6B7483}
.p-check footer{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;font-size:11px;color:#A9B4C4}
.p-check footer b{font-family:Anton,sans-serif;font-weight:400;font-size:28px;color:#fff}
.p-check button{width:100%;margin-top:14px;border:0;border-radius:10px;background:#3BB4E8;color:#070B14;font-family:inherit;font-size:13px;font-weight:600;padding:12px;cursor:pointer}
.p-photo{position:relative;justify-self:end;width:min(100%,400px)}
.p-photo img{width:100%;aspect-ratio:.9;object-fit:cover;border-radius:22px;display:block}
.p-pbadge{position:absolute;right:-34px;top:30px;background:#070B14;color:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 18px 36px rgba(7,11,20,.3)}
.p-pbadge span{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:8px;font-weight:800;letter-spacing:.12em;color:#2BA8E0;text-transform:uppercase}
.p-pbadge b{font-family:Anton,sans-serif;font-weight:400;font-size:22px}
.p-ptoast{position:absolute;left:-46px;bottom:90px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 14px 10px 10px;box-shadow:0 18px 36px rgba(11,22,36,.14)}
.p-ptoast i{width:30px;height:30px;border-radius:8px;background:#E8F1FA;color:#1271C4;display:flex;align-items:center;justify-content:center}
.p-ptoast span{font-size:12px;font-weight:600;color:#0B0F17;line-height:1.25}
.p-ptoast small{display:block;font-size:9.5px;font-weight:400;color:#6B7483}
/* quote */
.p-quote{text-align:center;max-width:780px;margin:0 auto}
.p-quote svg{color:#2BA8E0}
.p-quote blockquote{margin:28px 0 0;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(24px,3vw,34px);line-height:1.3;color:#fff;text-wrap:balance}
.p-quote figcaption{display:inline-flex;align-items:center;gap:12px;margin-top:30px;text-align:left}
.p-quote figcaption b{width:38px;height:38px;border-radius:50%;background:#1271C4;color:#fff;font-family:Anton,sans-serif;font-weight:400;font-size:14px;display:flex;align-items:center;justify-content:center}
.p-quote figcaption span{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.p-quote figcaption small{display:block;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:#A9B4C4}
/* steps */
.p-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.p-step{background:#fff;border:1px solid #E6EBF2;border-radius:20px;padding:28px 26px;transition:background .4s ease,transform .4s ease}
.p-step b{font-family:Anton,sans-serif;font-weight:400;font-size:44px;line-height:1;color:#D9DEE5}
.p-step h3{margin:16px 0 0;font-size:18px;font-weight:600}
.p-step p{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:#5A6474}
.p-step{position:relative}
.p-step.on{background:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 24px 50px rgba(18,113,196,.14),0 4px 12px rgba(18,113,196,.06)}
.p-step.on b{color:#2BA8E0}
/* pricing */
.p-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(11,22,36,.1);margin-top:clamp(70px,9vw,110px)}
.p-price-l{background:#070B14;color:#fff;padding:clamp(32px,4vw,48px)}
.p-price-l .d-eb{color:#2BA8E0}
.p-price-l .d-h2{color:#fff;font-size:clamp(32px,3.6vw,46px)}
.p-price-l .d-it{color:#2BA8E0}
.p-price-l .d-p{color:#A9B4C4;margin-top:18px;max-width:440px}
.p-form{background:#fff;padding:clamp(28px,3.4vw,40px);display:flex;flex-direction:column;gap:14px}
.p-form h3{margin:0;font-size:20px;font-weight:700}
.p-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:#3A4250}
.p-form input,.p-form select,.d-form input,.d-form select,.d-form textarea{font-family:inherit;font-size:13px;color:#0B0F17;background:#F4F6FA;border:1px solid #E6EBF2;border-radius:10px;padding:11px 12px;outline:none;transition:border-color .2s ease,background .2s ease}
.p-form input:focus,.p-form select:focus,.d-form input:focus,.d-form select:focus,.d-form textarea:focus{border-color:#1271C4;background:#fff}
.p-form .d-btn{justify-content:space-between;margin-top:4px}
/* product faq */
.p-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:40px;align-items:start}
.p-faq .d-q{background:#F4F6FA}.p-faq .d-q.open{background:#F4F6FA}
.p-faq .d-q.open button i{background:#fff;color:#0B0F17}
/* more products */
.p-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;align-items:start}
.p-mc{display:block;border-radius:20px;padding:18px;color:#fff;transition:transform .35s ease,box-shadow .35s ease}
.p-mc:hover{color:#fff;transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,22,36,.18)}
.p-mc em{white-space:nowrap;font-style:normal;display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:4px 10px}
.p-mc h3{margin:14px 0 0;font-family:Anton,sans-serif;font-weight:400;font-size:26px;line-height:1.05;text-transform:uppercase}
.p-mc p{margin:8px 0 16px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.9)}
.p-mc img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:14px;display:block}
/* privacy */
.v-hero{padding:120px 0 60px}
.v-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start;margin-top:28px}
.v-panel{background:#fff;border-radius:24px;padding:10px 26px;box-shadow:0 30px 60px rgba(11,22,36,.08)}
.v-opt{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid #EEF1F5}
.v-opt:last-of-type{border-bottom:0}
.v-opt .ic{width:40px;height:40px;border-radius:10px;background:#E4EEF8;color:#1271C4;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v-opt>div:nth-child(2){flex:1;min-width:0}
.v-opt h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v-opt h3 em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1FA463;background:#E2F6EC;padding:3px 8px;border-radius:999px}
.v-opt p{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:#5A6474}
.v-sw{position:relative;width:48px;height:28px;flex-shrink:0;border-radius:999px;background:#D6DEE8;border:0;cursor:pointer;transition:background .3s ease}
.v-sw::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.v-sw[aria-checked="true"]{background:#1271C4}
.v-sw[aria-checked="true"]::after{transform:translateX(20px)}
.v-sw:disabled{background:#8CC4EC;cursor:not-allowed}
.v-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0 18px;border-top:1px solid #EEF1F5}
.v-saved{font-size:13px;color:#1FA463;font-weight:600;align-self:center;opacity:0;transition:opacity .3s ease}
.v-saved.on{opacity:1}
.v-rights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.d-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fff;border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:0 24px 60px rgba(11,22,36,.08)}
.d-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:#3A4250}
.d-form .full{grid-column:1/-1}
.v-policy{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:56px;align-items:start}
.v-toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px;margin-top:26px}
.v-toc a{font-size:14px;color:#3A4250;padding:8px 14px;border-left:2px solid #E6EBF2}
.v-toc a:hover{color:#1271C4;border-color:#1271C4}
.v-body h3{margin:0;font-size:20px;font-weight:700;color:#0B0F17;scroll-margin-top:100px}
.v-body h3:not(:first-child){margin-top:34px}
.v-body p{margin:12px 0 0;font-size:15px;line-height:1.7;color:#3A4250}
/* responsive */
@media (max-width:980px){
  .s-hero-g,.s-head,.s-case,.s-faq,.p-feat,.p-price,.v-g,.v-policy{grid-template-columns:1fr}
  .s-head .d-p{justify-self:start}
  .s-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-rel,.p-more,.p-steps{gap:12px}
  .s-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.s-line{display:none}
  .s-case-t{padding:4px 10px 14px}
  .s-case img{aspect-ratio:16/9}
  .p-feat .p-cal,.p-feat .p-check,.p-feat .p-photo{order:2;justify-self:stretch}
  .p-photo{width:100%;max-width:440px}
  .p-float{right:-10px}.p-toast{left:-10px}
  .v-rights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-toc{position:static}
  .s-art{margin-top:20px}
}
@media (max-width:640px){
  .s-cards,.d-rel,.p-more,.p-steps,.p-faq,.s-steps,.v-rights,.d-form{grid-template-columns:1fr}
  .s-meta{grid-template-columns:1fr 1fr}
  .s-chipcard{left:-6px}.s-badge{right:-4px}
  .p-app{grid-template-columns:1fr}.p-side{display:none}
  .p-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-lower{grid-template-columns:1fr}
  .p-float{position:relative;right:auto;bottom:auto;margin:-20px 0 0 auto;transform:rotate(3deg)}
  .p-toast{left:8px;bottom:auto;top:-22px}
  .p-pbadge{right:10px}.p-ptoast{left:10px}
  .d-cta{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}}

.p-badge,.p-mods button,.p-bar span,.p-float p b,.p-li span,.p-ticks span,.p-pbadge b,.p-top small{white-space:nowrap}
.p-li span{overflow:hidden;text-overflow:ellipsis}
@media (max-width:980px){.p-feat .p-cal,.p-feat .p-check{max-width:560px;width:100%}}

@property --dd-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes ddSpin{to{--dd-a:360deg}}
.s-card::before,.p-step::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--dd-a),rgba(43,168,224,0) 0deg,rgba(43,168,224,0) 200deg,#2BA8E0 290deg,#1271C4 345deg,rgba(43,168,224,0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:ddSpin 2.8s linear infinite;pointer-events:none}
.s-card.on::before,.p-step.on::before{opacity:1}
.s-arc{position:absolute;left:56px;top:4px;width:calc(100% - 44px);height:40px;overflow:visible;fill:none;stroke:#2BA8E0;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:0 7;opacity:0;transition:opacity .6s ease;animation:ddFlow 1.4s linear infinite}
.s-arc path{fill:none}
@keyframes ddFlow{to{stroke-dashoffset:-14}}
.s-ah{position:absolute;left:calc(100% + 8px);width:0;height:0;border-left:8px solid #2BA8E0;border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0;transition:opacity .6s ease .3s}
.s-ah.up{top:25px;transform:translate(-100%,-50%) rotate(30deg)}
.s-ah.dn{top:21px;transform:translate(-100%,-50%) rotate(-30deg)}
.s-step.lit .s-arc,.s-step.lit .s-ah{opacity:1}
@media (max-width:980px){.s-arc,.s-ah{display:none}}

.d-q button i{transition:background .3s ease,color .3s ease,transform .35s ease}
.d-q.open button i{transform:rotate(45deg)}
@media (hover:hover){
  .d-q:hover{background:#E8F1FA}
  .d-q:hover .a{grid-template-rows:1fr}
  .d-q:hover button i{background:#1271C4;color:#fff;transform:rotate(45deg)}
  .p-faq .d-q:hover{background:#E8F1FA}
}

.q-pick{position:relative}
.q-trig{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:inherit;font-size:13px;color:#0B0F17;background:#F4F6FA;border:1px solid #E6EBF2;border-radius:10px;padding:11px 12px;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease}
.q-trig svg{flex-shrink:0;color:#3A4250;transition:transform .25s ease}
.q-pick.open .q-trig{border-color:#1271C4;background:#fff}
.q-pick.open .q-trig svg{transform:rotate(180deg);color:#1271C4}
.q-val.ph{color:#8A93A1}
.q-pop{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #E6EBF2;border-radius:12px;box-shadow:0 20px 40px rgba(11,22,36,.14);padding:8px;animation:qIn .18s ease}
@keyframes qIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.q-in{display:flex;align-items:center;gap:8px;background:#F4F6FA;border:1px solid #E6EBF2;border-radius:8px;padding:0 10px;color:#6B7483}
.q-in:focus-within{border-color:#1271C4;background:#fff;color:#1271C4}
.q-in input{flex:1;min-width:0;border:0!important;background:none!important;padding:9px 0!important;outline:none;font-family:inherit;font-size:13px;color:#0B0F17}
.q-list{max-height:232px;overflow-y:auto;overscroll-behavior:contain;margin-top:6px;padding-right:2px}
.q-list::-webkit-scrollbar{width:6px}.q-list::-webkit-scrollbar-thumb{background:#D6DEE8;border-radius:6px}
.q-g{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1271C4;padding:10px 10px 4px}
.q-o{font-size:13px;font-weight:500;color:#0B0F17;padding:9px 10px;border-radius:8px;cursor:pointer}
.q-o:hover,.q-o.hi{background:#E8F1FA;color:#1271C4}
.q-o.sel{font-weight:700;color:#1271C4;background:#F0F6FC}
.q-none{font-size:13px;color:#6B7483;padding:12px 10px}

.s-hero,.v-hero{padding-top:clamp(104px,9vw,124px)}
.p-hero{padding-top:clamp(104px,9vw,122px)}
.d-crumb{align-items:center;row-gap:4px}
.d-crumb a,.d-crumb b{white-space:nowrap}

.p-mods{margin-top:52px}
.p-mods::before{content:"Tap a module to preview it";flex-basis:100%;text-align:center;font-size:12px;color:#6B7483;margin-bottom:4px}