:root{--paper:#fbf9f7;--ink:#34243b;--muted:#675a6b;--magenta:#a5356a;--rose:#c02d4d;--lilac:#d7b6d7;--line:#ded4dd;--serif:Georgia,'Times New Roman',serif;--sans:'Aptos','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{color:var(--ink);background:var(--paper);font-family:var(--sans);scroll-behavior:smooth}
body{margin:0;min-width:320px}
a{color:inherit;text-underline-offset:.25em}
svg{display:block}
.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.dark{background:var(--ink);color:var(--paper)}
.skip-link{position:absolute;top:12px;left:16px;z-index:10;transform:translateY(-160%);padding:12px 20px;background:white;color:var(--ink)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible{outline:3px solid var(--magenta);outline-offset:7px}
.dark a:focus-visible{outline-color:var(--lilac)}
.hero{padding:36px 0 60px}
.header{margin-bottom:38px}
.brand{width:205px;flex:0 0 auto;text-align:center}
.brand-image{position:relative;display:block}
.brand img{display:block;width:100%;height:auto}
.brand-caption{display:block;margin-top:1px;font-size:.75rem;font-weight:600;letter-spacing:.27em;line-height:1.6;text-transform:uppercase}
.brand-light .brand-image>img:first-child{filter:brightness(0) invert(1)}
.brand-symbol{position:absolute;inset:0;clip-path:inset(0 0 0 75%)}
.hero-copy{max-width:980px}
.eyebrow{display:inline-block;margin:0 0 24px;padding:9px 16px;background:var(--rose);border-radius:24px;color:#fff;font-size:.875rem;font-weight:600;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}
h1,h2{font-family:var(--serif);font-weight:400;text-wrap:balance}
h1{max-width:970px;margin:0;font-size:clamp(2.25rem,4.8vw,4.4rem);line-height:1.18;letter-spacing:-.015em}
.hero-lead{margin:28px 0 0;color:#e9dfe9;font-size:1.3rem;line-height:1.65}
.hero-description{max-width:700px;margin:18px 0 0;color:#e9dfe9;font-size:1.125rem;line-height:1.7}
.hero-action{display:inline-flex;flex-direction:column;align-items:stretch;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:60px;padding:17px 28px;border:0;border-radius:12px;text-decoration:none;text-align:center;font-size:1.1rem;font-weight:600;line-height:1.5;transition:background .16s,transform .16s,box-shadow .16s}
.button-rose{color:#fff;background:var(--rose);box-shadow:0 7px 0 var(--lilac)}
.button-rose:hover{background:#ab2343;transform:translateY(-2px);box-shadow:0 9px 0 var(--lilac)}
.button-rose:active{transform:translateY(3px);box-shadow:0 4px 0 var(--lilac)}
.button svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.free-note{display:flex;justify-content:center;align-items:center;gap:8px;margin:23px 0 0;color:#e9dfe9;font-size:.9375rem;line-height:1.6}
.free-note svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dimensions{padding:48px 0 0;background:var(--paper)}
.dimension-panel{padding:42px 30px 44px;border:1px solid #e6d7e4;border-radius:18px;background:linear-gradient(130deg,#fcfafb,#f8f2f7);text-align:center}
h2{margin:0;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.24;letter-spacing:-.01em}
.dimension-panel h2{max-width:850px;margin-inline:auto}
.dimension-panel h2 span{display:block}
.radar-figure{margin:26px auto 0;max-width:990px}
.radar{width:100%;height:auto;overflow:visible}
.radar-grid{fill:none;stroke:#d9c7da;stroke-width:1.4;stroke-linejoin:round}
.radar-shape{fill:#a5356a;fill-opacity:.15;stroke:var(--magenta);stroke-width:3;stroke-linejoin:round}
.radar-points{fill:var(--magenta)}
.radar-labels{fill:var(--ink);font:20px var(--sans)}
figcaption{margin-top:4px;color:var(--muted);font-size:.875rem;line-height:1.65}
.dimension-action{margin-top:28px;padding-top:28px;border-top:1px solid #ddc9dd}
.dimension-action>p{margin:0 0 26px;color:var(--ink);font-size:1.2rem;line-height:1.65}
.mobile-radar{display:none}
.about{display:flex;align-items:center;justify-content:center;gap:38px;padding:42px 0}
.about-copy{padding-left:36px;border-left:1px solid #ae8cac}
.about-copy p{margin:0;font-size:1rem;line-height:1.8}
.about-copy p+p{color:var(--muted)}
.closing{position:relative;overflow:hidden;padding:52px 0 0;background:radial-gradient(ellipse at -10% 0%,#704061 0%,transparent 42%),var(--ink);text-align:center}
.closing-content{position:relative}
.closing h2{max-width:780px;margin-inline:auto;margin-bottom:32px}
.closing-content>p{margin:21px 0 28px;color:#eadfeb;font-size:1.125rem;line-height:1.6}
.whatsapp{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:33px auto 0;padding:8px 4px;font-size:1rem;line-height:1.6;text-decoration:none}
.whatsapp:hover span{text-decoration:underline;text-underline-offset:5px}
.whatsapp svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
footer{margin-top:34px;padding:26px 0 30px;border-top:1px solid #715c78;color:#d6c6d9;font-size:.8125rem;letter-spacing:.1em;line-height:1.6}
@media(max-width:760px){
 .container{width:calc(100% - 40px)}
 .hero{padding:24px 0 36px}
 .header{margin-bottom:28px}
 .brand{width:174px}
 .eyebrow{padding:8px 12px;margin-bottom:22px;font-size:.75rem;letter-spacing:.055em}
 h1{font-size:clamp(2.05rem,6.5vw,3.15rem);line-height:1.22;letter-spacing:-.012em}
 .hero-lead{font-size:1.0625rem;line-height:1.7;margin-top:22px}
 .hero-description{font-size:1rem;line-height:1.7;margin-top:15px}
 .hero-action{display:flex;margin-top:26px}
 .button{gap:14px;padding:16px 17px;font-size:1rem;min-height:58px}
 .hero-action .button{align-self:stretch}
 .free-note{font-size:.875rem;margin-top:20px}
 .dimensions{padding-top:26px}
 .dimension-panel{padding:30px 20px 34px;border-radius:14px}
 h2{font-size:clamp(1.85rem,5.6vw,2.6rem);line-height:1.28}
 .radar{display:none}
 .mobile-radar{display:block}
 .mobile-radar>svg{width:min(100%,390px);height:auto;margin:0 auto 22px}
 .axis-markers{fill:var(--ink)}
 .axis-numbers{fill:#fff;font:600 18px var(--sans);text-anchor:middle;dominant-baseline:central}
 .aspect-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:0;margin:0 0 25px;list-style:none;text-align:left}
 .aspect-list li{display:flex;align-items:flex-start;gap:9px;font-size:.9375rem;line-height:1.55}
 .aspect-list li>span{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:50%;width:22px;height:22px;flex:0 0 22px;margin-top:1px;font-size:.8125rem;font-weight:600}
 figcaption{font-size:.8125rem;line-height:1.65}
 .dimension-action{margin-top:24px;padding-top:24px}
 .dimension-action>p{font-size:1.0625rem;margin-bottom:23px}
 .dimension-action .button{width:100%}
 .about{gap:22px;padding:32px 5px;flex-direction:column;text-align:center}
 .about .brand{width:154px}
 .about-copy{padding-left:0;border:0}
 .about-copy p{font-size:.9375rem;line-height:1.8}
 .closing{padding-top:38px}
 .closing-content>p{margin:20px 0 25px;font-size:1rem}
 .closing .button{width:100%}
 .desktop-break{display:none}
 .whatsapp{margin-top:27px}
 footer{margin-top:28px;padding-block:22px}
}
@media(max-width:370px){.container{width:calc(100% - 32px)}.dimension-panel{padding-inline:16px}.aspect-list{grid-template-columns:1fr;gap:14px}.eyebrow{font-size:.72rem}.button{gap:10px;padding-inline:14px}.button svg{width:20px;height:20px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}