@font-face{font-family:"Albert Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/albert-sans-latin-ext-italic.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Albert Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/albert-sans-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/albert-sans-latin-ext-normal.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/albert-sans-latin-normal.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/caveat-latin-ext-normal.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/caveat-latin-normal.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/sora-latin-ext-normal.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/sora-latin-normal.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#F4F1EC;--paper:#fff;--ink:#17233B;--ink2:#46506A;--mute:#7A8196;--nav:#2E4A7A;--nav2:#22385E;--cor:#E35D4F;--cor2:#C84639;--lil:#E6EEF6;--sage:#DCEBE3;--yel:#F2C75C;--line:rgba(31,42,68,.14);--hd:"Sora",system-ui,sans-serif;--tx:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--hand:"Caveat",cursive}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.62 var(--tx);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--cor);text-underline-offset:3px;text-decoration-thickness:2px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--cor);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--hd);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:0 0 .45em}
h1 em,h2 em{font-style:normal;color:var(--cor);text-decoration:underline wavy rgba(242,199,92,.9);text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-skip-ink:none}
p{margin:0 0 1em}
.w{max-width:1180px;margin:0 auto;padding:0 28px}
.narrow{max-width:820px}
.ic{width:1em;height:1em;flex:none}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:8px 12px}
.kick{font:700 12.5px/1.2 var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--cor);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.kick::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cor)}
.small{font-size:13.5px;color:var(--mute)}
.center{text-align:center}
/* top */
.adbar{background:var(--ink);color:#C9CEDB;font:600 11.5px/1 var(--hd);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:8px 12px}
.adtag{display:inline-block;border:1.5px solid #C9CEDB;border-radius:4px;padding:3px 6px;margin-right:6px;color:#fff}
.hd{background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font:800 24px/1 var(--hd);letter-spacing:-.03em}
.logo .mk{width:34px;height:34px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{font:600 14px var(--hd);text-decoration:none;padding:8px 11px;border-radius:999px;color:var(--ink2)}
.nav a:hover{background:var(--lil);color:var(--ink)}
.hd-cta{display:inline-flex;align-items:center;gap:8px;background:var(--cor);color:#fff;text-decoration:none;font:700 14px var(--hd);padding:10px 16px;border-radius:12px;white-space:nowrap}
.hd-cta:hover{background:var(--cor2)}
/* buttons */
.bt{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font:700 15.5px var(--hd);padding:15px 22px;border-radius:14px;box-shadow:0 10px 22px -12px rgba(23,35,59,.6);border:2px solid var(--ink);transition:transform .15s,background .15s}
.bt:hover{transform:translateY(-2px);background:var(--nav)}
.bt-l{background:transparent;color:var(--ink)}.bt-l:hover{background:var(--paper)}
.bt-y{background:var(--yel);color:var(--ink);border-color:var(--yel)}.bt-y:hover{background:#fff}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}
.aff{font-size:12.5px;color:var(--mute);margin:8px 0 0}
.aff-l{color:#B9C0D3}
/* hero */
.hero{padding:64px 0 72px;background:radial-gradient(circle at 82% 38%,#DCEBE3 0,transparent 40%),radial-gradient(circle at 10% 90%,#E6EEF6 0,transparent 35%),var(--bg)}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(46px,6.4vw,86px);line-height:.98;letter-spacing:-.04em}
.hero h1 em{background:none;color:var(--cor)}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--ink2);max-width:58ch}
.hero-v{display:grid;place-items:center}
.ring{position:relative;width:min(440px,90%);aspect-ratio:1;border-radius:50%;background:var(--nav);box-shadow:0 0 0 14px rgba(46,74,122,.12),0 0 0 28px rgba(46,74,122,.06);display:grid;place-items:center}
.ring svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ring-p{width:66%;aspect-ratio:1;border-radius:28px;background:#fff;display:grid;place-items:center;padding:10px;transform:rotate(-6deg);box-shadow:0 20px 40px -18px rgba(0,0,0,.45)}
.ring-p img{border-radius:20px}
.ring-b{position:absolute;right:2%;top:12%;width:104px;height:104px;border-radius:50%;background:var(--cor);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 12px var(--hd);transform:rotate(10deg);border:4px solid var(--bg)}
.ring-b b{font:800 22px var(--hd)}
/* marquee */
.mq{background:var(--ink);color:#fff;overflow:hidden;margin:0}
.mq-in{display:flex;gap:0;width:max-content;animation:mq 34s linear infinite}
.mq span{font:800 19px var(--hd);padding:13px 22px;white-space:nowrap;display:flex;align-items:center;gap:22px}
.mq span::after{content:"✦";font-size:13px;color:var(--yel)}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding:96px 0}
.sec-l{background:var(--paper)}
.sec-d{background:var(--ink);color:#E4E8F1}
.sec-d .kick{color:var(--yel)}.sec-d .kick::before{background:var(--yel)}
.sec-d h2{color:#fff}.sec-d h2 em{color:var(--yel);background:none}
.sec-d .sh p,.sec-d p{color:#C9CEDB}.sec-d .small{color:#9AA2B6}
.sh{max-width:760px;margin:0 auto 48px;text-align:center}
.sh .kick{justify-content:center}
.sh h2{font-size:clamp(32px,4vw,52px)}
.sh p{font-size:18px;color:var(--ink2)}
.sh-l{text-align:left;margin-left:0}.sh-l .kick{justify-content:flex-start}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
/* polaroids */
.pols{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.pol{margin:0;background:#fff;padding:10px 10px 16px;box-shadow:0 14px 30px -16px rgba(31,42,68,.35);transform:rotate(var(--r));position:relative;transition:transform .2s}
.pol:hover{transform:rotate(0) translateY(-4px)}
.pol::before{content:"";position:absolute;top:-12px;left:50%;width:70px;height:22px;margin-left:-35px;background:rgba(156,201,180,.75);transform:rotate(-3deg)}
.pol img{aspect-ratio:4/5;object-fit:cover}
.pol figcaption{font:600 23px/1.1 var(--hand);margin-top:10px;color:var(--ink2)}
.pol figcaption b{color:var(--ink)}
/* comic */
.cms{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cm{margin:0;background:#fff;border:2px solid var(--ink);border-radius:20px;padding:10px;position:relative;box-shadow:0 18px 34px -22px rgba(23,35,59,.6)}
.cm svg{width:100%;height:auto;border-radius:6px;border:2px solid var(--ink);display:block}
.cm figcaption{font-size:15px;color:var(--ink2);padding:12px 4px 4px;line-height:1.5}
.cm figcaption b{color:var(--ink)}
.cm-n{position:absolute;top:-14px;left:-14px;width:34px;height:34px;border-radius:50%;background:var(--yel);border:3px solid var(--ink);display:grid;place-items:center;font:800 15px var(--hd);z-index:2}
/* symptoms */
.sys{display:grid;gap:12px}
.sy{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:#fff;border:0;box-shadow:0 10px 26px -20px rgba(23,35,59,.55);border-radius:18px;padding:10px;transition:transform .15s}
.sy:hover{transform:translateX(4px)}
.sy img{width:96px;height:96px;object-fit:cover;border-radius:12px}
.sy-n{font:800 13px var(--hd);color:var(--cor)}
.sy h3{font-size:19px;margin:2px 0 4px}
.sy p{margin:0;font-size:15px;color:var(--ink2)}
/* pressure map */
.sw{display:inline-flex;background:#2A3757;border-radius:999px;padding:5px;gap:4px;margin:6px 0 16px;flex-wrap:wrap}
.sw button{border:0;background:transparent;color:#C9CEDB;font:700 14px var(--hd);padding:10px 18px;border-radius:999px}
.sw button.on{background:var(--yel);color:var(--ink)}
.pm-t{font-size:18px;color:#fff!important;min-height:3em}
.pm-box{background:#2A3757;border-radius:28px;padding:22px}
.pm{width:100%;height:auto}
.pm-c,.pm-soft{opacity:0;transition:opacity .5s}
.pm-hard{transition:opacity .5s}
.pm-box.soft .pm-c,.pm-box.soft .pm-soft{opacity:1}.pm-box.soft .pm-hard{opacity:0}
.pm-hard ellipse{animation:pulse 1.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{50%{transform:scale(1.08)}}
/* calc */
.gf{margin:10px 0 0;background:#fff;border-radius:22px;padding:10px;border:1.5px solid var(--line);max-width:440px}
.gf img{border-radius:14px}
.calc{background:#fff;border-radius:26px;padding:28px;border:1.5px solid var(--line);box-shadow:0 24px 48px -30px rgba(31,42,68,.45);display:grid;gap:20px}
.calc label{display:grid;gap:8px;font-weight:600}
.calc label b{font:800 18px var(--hd);color:var(--cor)}
.calc input[type=range]{width:100%;accent-color:var(--nav);height:28px}
.calc-o{background:var(--lil);border-radius:18px;padding:18px 20px}
.calc-o p{margin:0}
.calc-o>p:first-child{font:700 20px var(--hd)}
.calc-o b[data-tot]{font:800 56px/1 var(--hd);color:var(--nav)}
.calc-s{font-size:15px;color:var(--ink2);margin-top:6px!important}
.calc-bar{height:10px;background:#fff;border-radius:999px;overflow:hidden;margin:12px 0}
.calc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--yel),var(--cor));border-radius:999px;width:0;transition:width .3s}
.calc-m{font-weight:600}
/* hemoroidy */
.hm{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.hm-t>p{font-size:17.5px;color:var(--ink2)}
.hm-t b{color:var(--ink)}
.hm-c{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.hc{border-radius:18px;padding:18px 20px}
.hc h3{font-size:17px}
.hc ul{margin:0;padding-left:18px;font-size:15px}
.hc li{margin-bottom:4px}
.hc-y{background:var(--sage)}.hc-n{background:#FCE5DF}
.hm-doc{border:2px dashed var(--cor);border-radius:18px;padding:16px 20px;margin-bottom:16px}
.hm-doc h3{font-size:17px;color:var(--cor2)}
.hm-doc p{margin:0;font-size:15.5px}
.med{font:700 14.5px/1.45 var(--hd);background:var(--yel);color:var(--ink);border-radius:12px;padding:12px 16px;display:inline-block;margin:6px 0 0}
.hm-v{display:grid;gap:22px}
.ill,.ph-r{margin:0}
.ill svg{width:100%;height:auto;display:block}
figcaption{font-size:13px;color:var(--mute);margin-top:8px}
.ph-r img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}
/* product */
.prod{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.prod-v{position:relative}
.prod-m{background:#fff;border-radius:30px;padding:24px;box-shadow:0 30px 60px -34px rgba(23,35,59,.7);border:0;outline:10px solid var(--sage)}
.prod-th{display:flex;gap:10px;margin-top:16px}
.prod-th button{width:84px;height:84px;border:2px solid transparent;border-radius:16px;background:#fff;padding:4px}
.prod-th button.on{border-color:var(--ink)}
.stamp{position:absolute;top:-18px;left:-18px;width:96px;height:96px;border-radius:50%;background:var(--yel);border:3px solid var(--ink);display:grid;place-items:center;text-align:center;font:800 12.5px/1.15 var(--hd);text-transform:uppercase;transform:rotate(-12deg)}
.prod-t h2{font-size:clamp(30px,3.6vw,46px)}
.price{display:flex;align-items:center;gap:16px;margin:20px 0}
.price b{font:800 52px/1 var(--hd);color:var(--cor);letter-spacing:-.03em}
.price span{font-size:13.5px;color:var(--mute);line-height:1.4}
.spec{margin:24px 0 10px;border-top:1px solid var(--line)}
.spec div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.spec dt{color:var(--mute)}.spec dd{margin:0;font-weight:600}
/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}
.steps figure{margin:0 auto 14px;width:220px;height:220px;border-radius:50%;overflow:hidden;border:4px solid var(--ink);background:#fff}
.steps figure img{width:100%;height:100%;object-fit:cover}
.steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cor);color:#fff;font:800 15px var(--hd);margin-top:-30px;position:relative;border:3px solid #fff}
.steps h3{font-size:20px;margin:10px 0 6px}
.steps p{color:var(--ink2);font-size:15.5px}
/* checklist */
.score{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.score b{font:800 84px/1 var(--hd);color:var(--yel)}
.score span{font:700 22px var(--hd);color:#9AA2B6}
.sc-m{font-weight:600;color:#fff!important}
.chk ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.chk label{display:flex;gap:14px;align-items:center;background:#2A3757;border-radius:14px;padding:14px 16px;cursor:pointer;font-size:16px;color:#E4E8F1;transition:background .15s}
.chk label:hover{background:#33416A}
.chk input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:7px;border:2px solid #9AA2B6;margin:0;flex:none;display:grid;place-items:center}
.chk input:checked{background:var(--yel);border-color:var(--yel)}
.chk input:checked::after{content:"";width:6px;height:11px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.chk input:checked+span{color:#fff}
.dbox{border:1.5px dashed var(--yel);border-radius:16px;padding:14px 18px;font-size:14.5px;margin:40px 0 0;color:#C9CEDB}
.sub .dbox,.sec-l .dbox{color:var(--ink2);border-color:var(--cor);margin:0 0 26px}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.gal figure{margin:0}
.gal img{aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.gal figure:nth-child(even){margin-top:34px}
.gal figcaption{font:600 20px var(--hand);color:var(--ink2)}
/* faq */
.faq details{background:var(--bg);border-radius:16px;margin-bottom:10px;border:1.5px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font:700 16.5px var(--hd);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--yel);display:grid;place-items:center;font:800 18px var(--hd);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 20px 18px;margin:0;color:var(--ink2)}
/* final */
.fin{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--nav),var(--ink));color:#fff;border-radius:34px;padding:48px 52px;overflow:hidden}
.fin h2{font-size:clamp(32px,4vw,52px);color:#fff}
.fin h2 em{color:var(--yel);background:none}
.fin p{color:#D5DCEB}
.fin figure{margin:0}
.fin img{border-radius:24px;aspect-ratio:1;object-fit:cover;transform:rotate(3deg)}
/* footer */
.ft{background:var(--ink);color:#C9CEDB;padding:64px 0 120px;font-size:14.5px}
.ft a{color:#fff}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}
.logo-l{color:#fff;margin-bottom:14px}
.ft-links{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-weight:600}
.ft-disc{padding-top:26px}
.ft-disc h2{font:800 12.5px var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--yel)}
.ft-disc p{font-size:13.5px;line-height:1.6}
.ft-disc b{color:#fff}
.ft-med{color:var(--yel)!important;font-weight:700}
.ft-c{margin-top:18px;color:#9AA2B6}
/* dock */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(247,241,234,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s}
.dock.on{transform:none}
.dock-in{display:flex;align-items:center;gap:18px;padding-top:10px;padding-bottom:10px}
.dock .logo{font-size:19px}.dock .logo .mk{width:28px;height:28px}
.dock-nav{display:flex;gap:4px;margin-left:auto}
.dock-nav a{font:600 13.5px var(--hd);text-decoration:none;padding:6px 9px;color:var(--ink2)}
.dock-cta{display:inline-flex;align-items:center;gap:8px;background:var(--cor);color:#fff;text-decoration:none;font:700 14px var(--hd);padding:10px 16px;border-radius:999px}
/* cookie */
.ck{position:fixed;right:18px;bottom:18px;z-index:60;max-width:420px;background:#fff;color:var(--ink);border-radius:20px;padding:20px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);border:1.5px solid var(--line)}
.ck[hidden]{display:none}
.ck b{font:800 16px var(--hd)}
.ck p{font-size:14px;color:var(--ink2);margin:8px 0 14px}
.ck-b{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ck-b a{font-size:13.5px;margin-right:auto}
.ck-b button{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:9px 14px;font:700 13.5px var(--hd)}
.ck-b button.on{background:var(--ink);color:#fff}
/* info pages */
.info{padding:70px 0 90px}
.info h1{font-size:clamp(36px,5vw,58px)}
.upd{font-size:14px;color:var(--mute)}
.info-b h2{font-size:22px;margin-top:34px}
.info-b p,.info-b li{color:var(--ink2)}
.back{font:700 15px var(--hd);display:inline-block;margin-top:36px}
.tw{overflow-x:auto;border:1.5px solid var(--line);border-radius:14px;background:#fff}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}
th{font:700 12.5px var(--hd);text-transform:uppercase;letter-spacing:.08em;background:var(--lil)}
/* go */
.go{min-height:100vh;display:grid;place-items:center;padding:24px}
.go-in{max-width:520px;text-align:center;background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 24px 50px -30px rgba(31,42,68,.5)}
.go-b{display:flex;justify-content:center;align-items:center;gap:8px;font:800 22px var(--hd)}
.go-b .mk{width:32px;height:32px}
.go h1{font-size:30px}
.go-bar{height:8px;background:var(--lil);border-radius:999px;overflow:hidden;margin:20px 0}
.go-bar i{display:block;height:100%;width:0;background:var(--cor);animation:gob 1.8s linear forwards}
@keyframes gob{to{width:100%}}
/* responsive */
@media (max-width:1080px){.nav a{padding:8px 7px;font-size:13px}}
@media (max-width:960px){
.nav,.dock-nav{display:none}.hd-cta{margin-left:auto}
.hero-in,.two,.hm,.prod,.fin{grid-template-columns:1fr}
.pols{grid-template-columns:repeat(2,1fr)}.cms,.steps{grid-template-columns:1fr}
.gal{grid-template-columns:repeat(3,1fr)}.sec{padding:72px 0}
.fin{padding:36px 28px}.ft-top{grid-template-columns:1fr}
.dock-cta{margin-left:auto}
}
@media (max-width:600px){
body{font-size:16.5px}.w{padding:0 16px}
.adbar{font-size:10px;letter-spacing:.06em}
.logo{font-size:21px}.hd-cta{padding:9px 12px;font-size:13px}
.hero{padding:40px 0 52px}
.pols{gap:18px}.pol figcaption{font-size:19px}
.hm-c{grid-template-columns:1fr}
.spec div{grid-template-columns:1fr;gap:2px}
.gal{grid-template-columns:repeat(2,1fr)}
.calc{padding:20px}.calc-o b[data-tot]{font-size:46px}
.ring-b{width:86px;height:86px}.ring-b b{font-size:18px}
.stamp{width:78px;height:78px;font-size:10.5px;left:-6px}
.ck{left:12px;right:12px;bottom:12px}
.fin img{transform:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html{overflow-x:clip}@media (max-width:600px){.mq{transform:none}}
.price b{white-space:nowrap}

/* v2 blocks */
.sec-s{background:var(--sage)}
.gd{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.gd-l{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.gd-l li{background:#fff;border-radius:14px;padding:12px 16px;font-size:15.5px;color:var(--ink2)}
.gd-l b{color:var(--ink)}
.gd-v{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:14px}
.gd-v figure{margin:0;border-radius:22px;overflow:hidden;background:#fff}
.gd-a{grid-row:span 2;position:relative}
.gd-a img{height:100%;object-fit:cover}
.gd-a figcaption{position:absolute;left:12px;bottom:10px;background:rgba(255,255,255,.9);border-radius:999px;padding:4px 10px;margin:0;font-size:12px}
.gd-b img,.gd-c img{aspect-ratio:4/3;object-fit:cover}
.pm-col{display:grid;gap:16px}
.pm-ill{margin:0;background:#2A3757;border-radius:22px;padding:12px}
.pm-ill img{border-radius:14px}
.pm-ill figcaption{color:#9AA2B6}
.info{padding:56px 0 90px}
.info-h{max-width:820px;margin-bottom:36px}
.info-g{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.info-a{position:sticky;top:20px;display:grid;gap:18px}
.info-n{display:grid;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px -20px rgba(23,35,59,.55)}
.info-n a{padding:11px 16px;text-decoration:none;font:600 14px var(--hd);border-bottom:1px solid var(--line)}
.info-n a:last-child{border:0}
.info-n a[aria-current]{background:var(--ink);color:#fff}
.info-t b{font:700 12px var(--hd);letter-spacing:.12em;text-transform:uppercase;color:var(--cor)}
.info-t ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:5px;font-size:14px}
.info-t a{text-decoration:none;color:var(--ink2)}
.info-b{max-width:820px}
.ic-c{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 30px}
.ic-c div{background:#fff;border-radius:16px;padding:14px 16px;display:grid;gap:3px;box-shadow:0 10px 24px -20px rgba(23,35,59,.55)}
.ic-c b{font:800 18px var(--hd);color:var(--nav)}
.ic-c span{font-size:13.5px;color:var(--ink2);line-height:1.4}
.is{background:#fff;border-radius:20px;padding:22px 26px;margin-bottom:14px;scroll-margin-top:20px}
.is h2{display:flex;align-items:center;gap:12px;font-size:21px;margin:0 0 12px}
.is h2 span{font:800 13px var(--hd);background:var(--sage);color:var(--nav);border-radius:8px;padding:5px 8px}
.is p,.is li{color:var(--ink2);font-size:16px}
.is ul{padding-left:20px}
.is .tw{margin:6px 0 12px}
.info .dbox{background:#fff;margin:0 0 20px}
@media (max-width:960px){.gd{grid-template-columns:1fr}.info-g{grid-template-columns:1fr}.info-a{position:static}.info-t{display:none}.ic-c{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.gd-v{grid-template-columns:1fr}.gd-a{grid-row:auto}.is{padding:18px}.ic-c{grid-template-columns:1fr 1fr}}
/* ===== v3 redesign ===== */
:root{--bg:#F1F4F2;--ink:#14213A;--ink2:#46506A;--cor:#1E8C7E;--cor2:#167064;--yel:#F7D36B;--sage:#D9EDE6;--lil:#E8EEF6;--pink:#F6DCD3}
body{background:var(--bg)}
h1 em,h2 em{color:var(--cor);text-decoration:none;background:linear-gradient(transparent 62%,rgba(247,211,107,.7) 62%)}
.kick{color:var(--cor)}.kick::before{background:var(--cor);border-radius:2px;transform:rotate(45deg)}
/* header on home is dark */
.home .hd{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08)}
.home .hd .logo{color:#fff}
.home .nav{background:rgba(255,255,255,.06);border-radius:14px;padding:4px}
.home .nav a{color:#C5CCDC}.home .nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.hd-cta{background:var(--yel);color:var(--ink)}.hd-cta:hover{background:#fff}
.adbar{background:#0D1628}
/* hero */
.hero{background:var(--ink);color:#E6EAF2;padding:56px 0 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.hero::after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(30,140,126,.45),transparent 70%);pointer-events:none}
.hero-in{position:relative;z-index:1;grid-template-columns:1fr 1fr;gap:56px}
.hero-k{display:flex;align-items:center;gap:10px;font:600 13px var(--hd);letter-spacing:.08em;text-transform:uppercase;color:#9FB0C8;margin:0 0 20px}
.hero-k span{background:var(--yel);color:var(--ink);border-radius:6px;padding:3px 7px;font-weight:800}
.hero h1{color:#fff;font-size:clamp(46px,6vw,84px)}
.hero h1 em{color:var(--yel);background:none;display:inline-block;border-bottom:6px solid var(--cor);padding-bottom:2px;line-height:1}
.hero .lead{color:#C5CCDC}
.hero .aff{color:#8E9AB3}
.bt{border-radius:12px}
.hero .bt{background:var(--yel);color:var(--ink);border-color:var(--yel)}
.hero .bt:hover{background:#fff;border-color:#fff}
.bt-g{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.bt-g:hover{border-color:#fff!important}
.hero-v{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px;place-items:stretch;min-height:440px}
.hero-v figure{margin:0;position:relative;border-radius:22px;overflow:hidden}
.hero-v figure img{width:100%;height:100%;object-fit:cover}
.hv-a{grid-row:span 2}
.hv-a img{min-height:440px}
.hv-b{height:210px}
.hero-v figcaption{position:absolute;left:12px;bottom:12px;margin:0;background:rgba(20,33,58,.82);color:#fff;font:600 12.5px var(--hd);padding:6px 10px;border-radius:8px}
.hv-p{background:#fff;color:var(--ink);border-radius:22px;padding:14px 16px 16px;display:grid;gap:6px;align-content:start;box-shadow:0 24px 50px -24px rgba(0,0,0,.6);position:relative}
.hv-p img{border-radius:14px;background:#F4F6F8;aspect-ratio:4/3;object-fit:contain}
.hv-p b{font:800 15px var(--hd)}
.hv-pr{font:800 26px var(--hd);color:var(--cor)}.hv-pr small{font:600 12px var(--tx);color:var(--mute)}
.hv-tag{position:absolute;top:-10px;right:14px;background:var(--cor);color:#fff;font:700 11px var(--hd);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:7px}
.hero-f{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;border-top:1px solid rgba(255,255,255,.12)}
.hero-f div{padding:22px 18px;border-right:1px solid rgba(255,255,255,.12);display:grid;gap:2px}
.hero-f div:last-child{border-right:0}
.hero-f b{font:800 22px var(--hd);color:#fff}
.hero-f span{font-size:13.5px;color:#9FB0C8}
/* marquee */
.mq{background:var(--yel);color:var(--ink)}
.mq span{font-size:17px}.mq span::after{color:var(--cor)}
/* section headings: left with rule */
.sh{text-align:left;margin:0 0 44px;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px 48px;align-items:end;border-top:2px solid var(--ink);padding-top:22px}
.sh .kick{grid-column:1/-1;justify-content:flex-start}
.sh h2{margin:0}
.sh p{margin:0;font-size:17px}
.sh-l{display:block;border-top:0;padding-top:0}
.sec-d .sh{border-color:rgba(255,255,255,.25)}
/* cards */
.pol{transform:none;padding:0;border-radius:20px;overflow:hidden;background:#fff}
.pol::before{display:none}
.pol img{aspect-ratio:3/4}
.pol figcaption{font:600 15px var(--tx);padding:12px 14px 14px;margin:0}
.pol figcaption b{display:block;font:800 17px var(--hd)}
.pol:hover{transform:translateY(-4px)}
.cm{border:0;box-shadow:0 18px 40px -26px rgba(20,33,58,.6)}
.cm svg{border:0}
.cm-n{background:var(--cor);color:#fff;border:0}
.sec-l{background:#fff}
.sec-s{background:var(--sage)}
.prod-m{outline-color:var(--yel)}
.stamp{background:var(--cor);color:#fff;border:0}
.price b{color:var(--ink)}
.steps figure{border:0;box-shadow:0 0 0 8px var(--sage)}
.steps span{background:var(--ink)}
.faq details{background:#fff;border:0;box-shadow:0 8px 22px -18px rgba(20,33,58,.6)}
.faq summary::after{background:var(--sage)}
.fin{background:var(--cor)}
.fin h2 em{color:var(--ink)}
.fin .bt-y{background:var(--ink);color:#fff;border-color:var(--ink)}
.dock-cta{background:var(--cor);border-radius:10px}
.ft{background:#0D1628}
@media (max-width:960px){
.hero-v{min-height:0}.hv-a img{min-height:300px}
.hero-f{grid-template-columns:repeat(2,1fr)}.hero-f div:nth-child(2){border-right:0}.hero-f div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
.sh{grid-template-columns:1fr}
}
@media (max-width:600px){
.hero{padding-top:36px}
.hero-v{grid-template-columns:1fr 1fr}.hv-a{grid-column:1/-1;grid-row:auto}.hv-a img{min-height:0;aspect-ratio:4/3}.hv-b{height:auto}.hv-b img{aspect-ratio:1}
.hero-f b{font-size:18px}.hero-f div{padding:16px 12px}
}
@media (max-width:960px){.hero-in{grid-template-columns:1fr;gap:36px}}@media (max-width:600px){.hero-k{font-size:11.5px}}