/* D · Cinematic: floating pill nav, grey canvas, every section an inset 40px card, big light type, scroll scenes, tilted cards. */
html[data-v="d"]{--r:24px;--r-img:24px;--inset:16px;--canvas:color-mix(in srgb,var(--bg2) 70%,#e9e9e9)}
html[data-v="d"] body{background:var(--canvas)}
html[data-v="d"] h1,html[data-v="d"] h2{font-weight:400;letter-spacing:-.04em}
html[data-v="d"] .eyebrow{font:500 15px/1 var(--fb);letter-spacing:0;text-transform:none;color:var(--muted)}
html[data-v="d"] .eyebrow::before{width:8px;height:8px;border-radius:50%;background:var(--pri)}
html[data-v="d"] .btn{background:var(--ink);padding:14px 22px}
html[data-v="d"] .btn:hover{background:var(--pri)}
html[data-v="d"] .btn .ar{background:none}
/* floating pill header */
html[data-v="d"] .hdr{position:fixed;left:0;right:0;top:20px;background:none;border:0;backdrop-filter:none;pointer-events:none}
html[data-v="d"] .hdr.hide{transform:none}
html[data-v="d"] .hdr__in{pointer-events:auto;height:64px;max-width:1040px;background:var(--card);border-radius:999px;padding:0 8px 0 22px;box-shadow:0 8px 30px rgba(0,0,0,.1)}
html[data-v="d"] .hdr__logo img{height:40px}
html[data-v="d"] .hdr__phone{display:none}
html[data-v="d"] .nav a{font-size:14.5px;padding:10px 12px}
html[data-v="d"] .nav a::after{display:none}
html[data-v="d"] .nav a:hover{opacity:.6}
html[data-v="d"] .nav a.is-on{background:var(--canvas);color:var(--ink)}
html[data-v="d"] .hdr .btn{padding:12px 18px}
html[data-v="d"] main{padding-top:0}
/* inset card system */
html[data-v="d"] .sec{margin:var(--inset);border-radius:40px;background:var(--card);padding-inline:0}
html[data-v="d"] .sec:nth-of-type(even){background:var(--bg)}
html[data-v="d"] .stats-sec{background:var(--dark)!important}
html[data-v="d"] .stat b{color:#fff;font-size:clamp(56px,7vw,104px);line-height:.8;padding-top:22px;border-top:1px solid rgba(255,255,255,.15)}
html[data-v="d"] .stat span{color:rgba(255,255,255,.6);max-width:200px}
/* why */
html[data-v="d"] .why__badge{background:var(--ink);border-radius:20px;width:auto;height:auto;padding:18px 22px;transform:rotate(-4deg)}
html[data-v="d"] .why__p2{border:0;transform:rotate(3deg)}
/* how: sticky stacking cards */
html[data-v="d"] .how{background:var(--dark)!important}
html[data-v="d"] .how h2,html[data-v="d"] .how h3{color:#fff}
html[data-v="d"] .how p,html[data-v="d"] .how .lead{color:rgba(255,255,255,.65)}
html[data-v="d"] .how .accent{color:var(--acc-l)}
html[data-v="d"] .steps{grid-template-columns:1fr;gap:0}
html[data-v="d"] .step{position:sticky;top:110px;min-height:380px;margin-bottom:40px;background:linear-gradient(165deg,color-mix(in srgb,var(--pri) 40%,#151515),#151515 70%);border:1px solid rgba(255,255,255,.08);padding:56px clamp(30px,6vw,90px);display:grid;grid-template-columns:auto 1fr;column-gap:40px;align-content:center}
html[data-v="d"] .step:nth-child(2){top:140px;transform:rotate(-1deg)} html[data-v="d"] .step:nth-child(3){top:170px;transform:rotate(1deg)}
html[data-v="d"] .step:hover{transform:none}
html[data-v="d"] .step__n{grid-row:1/4;font-size:120px;font-weight:300;color:rgba(255,255,255,.12);align-self:center}
html[data-v="d"] .step .icbox{background:rgba(255,255,255,.08);color:#fff}
html[data-v="d"] .step h3{font-size:clamp(34px,3.6vw,52px);font-weight:300}
html[data-v="d"] .step__go{border-color:rgba(255,255,255,.2);color:#fff}
html[data-v="d"] .mq{margin:var(--inset);border-radius:40px;background:var(--pri)}
/* conditions: big list hover */
html[data-v="d"] .cond{border-radius:20px;background:var(--canvas);border:0}
html[data-v="d"] .cond:hover{background:var(--ink)}
html[data-v="d"] .cond .icbox{background:#fff}
html[data-v="d"] .gentle{margin:var(--inset)}
html[data-v="d"] .gentle__grid{border-radius:40px;overflow:hidden}
html[data-v="d"] .gentle__panel{background:var(--ink)}
html[data-v="d"] .gentle__float{top:40px;transform:rotate(4deg)}
/* testimonials: tilted fan */
html[data-v="d"] .tsl__track{flex-wrap:nowrap}
html[data-v="d"] .tcard{flex-basis:calc((100% - 48px)/3);box-shadow:0 8px 30px rgba(0,0,0,.08);border:0;background:linear-gradient(rgba(0,0,0,.015),rgba(0,0,0,.015)),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--pri) 16%,transparent),transparent 56%),var(--card);transition:transform .8s var(--ease)}
html[data-v="d"] .tcard:nth-child(3n+1){transform:rotate(-3deg) translateY(var(--fy,0))} html[data-v="d"] .tcard:nth-child(3n+2){transform:rotate(2deg) translateY(var(--fy,0))} html[data-v="d"] .tcard:nth-child(3n){transform:rotate(-1deg) translateY(var(--fy,0))}
html[data-v="d"] .tsl__view{padding:30px 10px}
html[data-v="d"] .doc .ph{aspect-ratio:1;border-radius:50%;filter:grayscale(1);transition:filter .6s}
html[data-v="d"] .doc:hover .ph{filter:none}
html[data-v="d"] .doc{text-align:center}
html[data-v="d"] .doc .cap{display:none}
html[data-v="d"] .ebook-sec{background:radial-gradient(circle at 50% 140%,color-mix(in srgb,var(--pri) 30%,transparent),transparent 65%),var(--card)!important}
html[data-v="d"] .faq summary i{background:var(--ink);color:#fff;border:0}
/* page title as inset panel */
html[data-v="d"] .ptitle{padding:96px var(--inset) 0}
html[data-v="d"] .ptitle__card{border-radius:40px;background:radial-gradient(circle at 50% 150%,color-mix(in srgb,var(--pri) 40%,transparent),transparent 70%),var(--card)}
html[data-v="d"] .ptitle__in{grid-template-columns:1fr;text-align:center;justify-items:center}
html[data-v="d"] .ptitle .crumbs,html[data-v="d"] .ptitle .hstack,html[data-v="d"] .ptitle .eyebrow{justify-content:center}
html[data-v="d"] .ptitle .lead{margin-inline:auto}
html[data-v="d"] .ptitle__img{aspect-ratio:16/8;max-height:none;max-width:1000px}
html[data-v="d"] .cta-band{padding:var(--inset)}
html[data-v="d"] .cta-band__card{border-radius:40px}
html[data-v="d"] .ftr{background:var(--canvas);color:var(--muted);position:relative;overflow:hidden}
html[data-v="d"] .ftr h2,html[data-v="d"] .ftr h4{color:var(--ink)}
html[data-v="d"] .ftr p{color:var(--muted)}
html[data-v="d"] .ftr a:hover{color:var(--pri)}
html[data-v="d"] .ftr .btn--ghost{color:var(--ink);border-color:var(--line)}
html[data-v="d"] .ftr__cta{border-color:var(--line)} html[data-v="d"] .ftr__bot{border-color:var(--line)}
html[data-v="d"] .ftr__logo img{content:url(img/logo.png)}
html[data-v="d"] .ftr::before{content:"";position:absolute;left:-10%;right:-10%;top:-40%;height:420px;background:radial-gradient(ellipse at 30% 50%,color-mix(in srgb,var(--pri) 30%,transparent),transparent 60%),radial-gradient(ellipse at 70% 60%,color-mix(in srgb,var(--acc) 40%,transparent),transparent 60%);filter:blur(30px);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{to{transform:translateX(6%) translateY(20px)}}
html[data-v="d"] .ftr .wrap{position:relative}
@media (max-width:1100px){html[data-v="d"] .hdr{top:12px}html[data-v="d"] .hdr__in{margin-inline:12px;width:auto}
html[data-v="d"] .step{position:relative;top:0!important;transform:none!important;grid-template-columns:1fr}html[data-v="d"] .step__n{grid-row:auto;font-size:60px}
html[data-v="d"] .tcard{transform:none!important}html[data-v="d"] .sec{border-radius:28px}}
html[data-v="d"] .btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
html[data-v="d"] .btn--ghost:hover{background:var(--ink);color:#fff}
html[data-v="d"] .on-photo .btn--ghost,html[data-v="d"] .dark .btn--ghost{color:#fff;border-color:rgba(255,255,255,.45)}
html[data-v="d"] .btn--light{background:#fff;color:var(--ink)}
html[data-v="d"] .btn--light:hover{background:var(--acc-soft)}
html[data-v="d"] .ftr .accent{color:var(--pri)}
@media (max-width:760px){html[data-v="d"] .stat b{font-size:46px}html[data-v="d"] .hdr__in{margin-inline:12px}}