@font-face{font-family: "Fraunces";font-style: normal;font-weight: 300 900;font-display: swap;src: url("/assets/fonts/fraunces-latin.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: "Fraunces";font-style: normal;font-weight: 300 900;font-display: swap;src: url("/assets/fonts/fraunces-latin-ext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Jakarta";font-style: normal;font-weight: 400 800;font-display: swap;src: url("/assets/fonts/jakarta-latin.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: "Jakarta";font-style: normal;font-weight: 400 800;font-display: swap;src: url("/assets/fonts/jakarta-latin-ext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ink: #2a1622;--ink-soft: #6a5560;--ink-mute: #6f5b66;--cream: #fff8f3;--cream-2: #ffefe2;--paper: #ffffff;--line: #f0dccd;--line-strong: #e7c9b4;--rose: #e0245e;--rose-deep: #b3124a;--coral: #ff6b6b;--peach: #ff9f7a;--amber: #ffce8a;--wine: #6a1338;--plum: #24091d;--plum-2: #3a1230;--gold: #e6a474;--mint: #16a96b;--mint-deep: #0f7d4f;--danger: #e0244a;--grad-sunset: linear-gradient(135deg,#ff8a5b 0%,#e0245e 48%,#7a1145 100%);--grad-cta: linear-gradient(135deg,#e0245e 0%,#a8124a 100%);--grad-warm: linear-gradient(120deg,#ffce8a 0%,#ff6b6b 45%,#e0245e 100%);--grad-rose: linear-gradient(135deg,#ff6b8a 0%,#e0245e 100%);--grad-mint: linear-gradient(135deg,#4fd6a0 0%,#0f7d4f 100%);--grad-text: linear-gradient(100deg,#ffd28a 0%,#ff8a8a 40%,#ffd0e0 100%);--font-display: "Fraunces","Hoefler Text","Iowan Old Style",Georgia,"Times New Roman",serif;--font-body: "Jakarta",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--step--1: clamp(0.83rem,0.8rem + 0.15vw,0.92rem);--step-0: clamp(1rem,0.96rem + 0.2vw,1.09rem);--step-1: clamp(1.2rem,1.12rem + 0.4vw,1.45rem);--step-2: clamp(1.44rem,1.3rem + 0.7vw,1.94rem);--step-3: clamp(1.73rem,1.5rem + 1.15vw,2.58rem);--step-4: clamp(2.07rem,1.7rem + 1.85vw,3.44rem);--step-5: clamp(2.49rem,1.95rem + 2.7vw,4.58rem);--step-6: clamp(2.99rem,2.2rem + 3.95vw,6.1rem);--sp-1: 0.25rem;--sp-2: 0.5rem;--sp-3: 0.75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--r-sm: 0.5rem;--r-md: 0.9rem;--r-lg: 1.4rem;--r-xl: 2rem;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(42,9,29,0.06),0 2px 8px rgba(42,9,29,0.05);--shadow-md: 0 6px 18px -6px rgba(122,17,69,0.18),0 10px 40px -12px rgba(42,9,29,0.12);--shadow-lg: 0 18px 50px -18px rgba(122,17,69,0.32),0 8px 24px -12px rgba(42,9,29,0.14);--shadow-rose: 0 12px 34px -10px rgba(224,36,94,0.5);--container: 72rem;--container-narrow: 46rem;--header-h: 4.25rem;--ease: cubic-bezier(0.22,1,0.36,1);color-scheme: light}*,*::before,*::after{box-sizing: border-box}*{margin: 0}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;-webkit-tap-highlight-color: transparent}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{font-family: var(--font-body);font-size: var(--step-0);line-height: 1.65;color: var(--ink);background: var(--cream);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-synthesis: none;overflow-x: hidden;overflow-wrap: break-word}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}img,picture,video,canvas,svg{display: block;max-width: 100%}img,video{height: auto}input,button,textarea,select{font: inherit;color: inherit}button{cursor: pointer;background: none;border: none}a{color: inherit;text-decoration: none}ul[role="list"],ol[role="list"]{list-style: none;padding: 0}:where(h1,h2,h3,h4){line-height: 1.08;font-weight: 600;letter-spacing: -0.02em}b,strong{font-weight: 700}:focus-visible{outline: 3px solid var(--rose);outline-offset: 2px;border-radius: 4px}::selection{background: rgba(224,36,94,0.18);color: var(--ink)}.skip-link{position: absolute;left: var(--sp-4);top: -100px;z-index: 200;background: var(--ink);color: #fff;padding: 0.7rem 1.1rem;border-radius: var(--r-sm);transition: top 0.2s var(--ease)}.skip-link:focus{top: var(--sp-4)}.container{width: min(100% - 2rem,var(--container));margin-inline: auto}.container-narrow{width: min(100% - 2rem,var(--container-narrow));margin-inline: auto}.section{padding-block: clamp(3rem,8vw,6rem)}.section-sm{padding-block: clamp(2rem,5vw,3.5rem)}.stack>* + *{margin-top: var(--flow,1.2rem)}.center{text-align: center}.eyebrow{display: inline-flex;align-items: center;gap: 0.5rem;font-size: var(--step--1);font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--rose-deep)}.eyebrow.on-dark{color: var(--amber)}.display{font-family: var(--font-display);font-optical-sizing: auto;font-weight: 580;letter-spacing: -0.025em;line-height: 1.02}h1.display{font-size: var(--step-5)}h2.display{font-size: var(--step-4)}.lede{font-size: var(--step-1);line-height: 1.5;color: var(--ink-soft)}.text-grad{background: var(--grad-sunset);-webkit-background-clip: text;background-clip: text;color: transparent}.muted{color: var(--ink-soft)}.site-header{position: sticky;top: 0;z-index: 100;height: var(--header-h);display: flex;align-items: center;background: color-mix(in srgb,var(--cream) 78%,transparent);backdrop-filter: saturate(160%) blur(14px);-webkit-backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid transparent;transition: border-color 0.3s var(--ease),background 0.3s var(--ease)}.site-header.is-scrolled{border-bottom-color: var(--line);background: color-mix(in srgb,var(--cream) 88%,transparent)}.header-inner{width: min(100% - 2rem,var(--container));margin-inline: auto;display: flex;align-items: center;gap: var(--sp-4)}.brand{display: inline-flex;align-items: center;gap: 0.55rem;font-family: var(--font-display);font-weight: 600;font-size: 1.2rem;letter-spacing: -0.02em;color: var(--ink)}.brand .logo-badge{display: grid;place-items: center;width: 2.1rem;height: 2.1rem;border-radius: 0.7rem;background: var(--grad-sunset);color: #fff;box-shadow: var(--shadow-rose);--logo-pulse: #fff}.brand .logo-badge .icon{width: 1.35rem;height: 1.35rem}.brand b{font-weight: 600}.brand .accent{color: var(--rose)}.primary-nav{display: none;margin-inline-start: auto}.primary-nav ul{display: flex;gap: 0.3rem;list-style: none}.primary-nav a{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.85rem;border-radius: var(--r-pill);font-size: 0.96rem;font-weight: 600;color: var(--ink-soft);transition: color 0.2s,background 0.2s}.primary-nav a:hover,.primary-nav a[aria-current="page"]{color: var(--rose-deep);background: var(--cream-2)}.header-actions{display: flex;align-items: center;gap: 0.5rem;margin-inline-start: auto}.primary-nav + .header-actions{margin-inline-start: 0}.lang-switch{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 2.75rem;padding: 0.45rem 0.8rem;border-radius: var(--r-pill);border: 1px solid var(--line-strong);font-size: 0.85rem;font-weight: 700;color: var(--ink);background: var(--paper);transition: border-color 0.2s,transform 0.2s}.lang-switch:hover{border-color: var(--rose);transform: translateY(-1px)}.lang-switch .icon{width: 1rem;height: 1rem;color: var(--rose)}.nav-toggle{display: inline-grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: var(--r-sm);color: var(--ink);border: 1px solid var(--line-strong);background: var(--paper)}.nav-toggle .icon{width: 1.4rem;height: 1.4rem}.nav-toggle[aria-expanded="true"] .i-open{display: none}.nav-toggle .i-close{display: none}.nav-toggle[aria-expanded="true"] .i-close{display: block}.mobile-nav{position: fixed;inset: 0;z-index: 99;background: var(--plum);color: #fff;padding: calc(var(--header-h) + 1rem) 1.5rem 2rem;display: flex;flex-direction: column;gap: 0.3rem;transform: translateY(-100%);visibility: hidden;transition: transform 0.45s var(--ease),visibility 0.45s;overflow-y: auto}.mobile-nav.open{transform: translateY(0);visibility: visible}.mobile-nav a{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 1rem 0.5rem;font-family: var(--font-display);font-size: 1.6rem;font-weight: 540;border-bottom: 1px solid rgba(255,255,255,0.1);color: #fff}.mobile-nav a .icon{width: 1.5rem;height: 1.5rem;color: var(--amber);opacity: 0.85}.mobile-nav .mobile-meta{margin-top: auto;padding-top: 1.5rem;color: rgba(255,255,255,0.6);font-size: 0.9rem}body.nav-open{overflow: hidden}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 2.75rem;padding: 0.85rem 1.4rem;border-radius: var(--r-pill);font-weight: 700;font-size: 1rem;line-height: 1;letter-spacing: -0.01em;transition: transform 0.18s var(--ease),box-shadow 0.25s var(--ease),background 0.25s;will-change: transform}.btn .icon{width: 1.15rem;height: 1.15rem}.btn:active{transform: translateY(1px) scale(0.99)}.btn-primary{background: var(--grad-cta);color: #fff;box-shadow: var(--shadow-rose)}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 18px 40px -12px rgba(224,36,94,0.6)}.btn-ghost{background: var(--paper);color: var(--ink);border: 1px solid var(--line-strong);box-shadow: var(--shadow-sm)}.btn-ghost:hover{transform: translateY(-2px);border-color: var(--rose);color: var(--rose-deep)}.btn-light{background: rgba(255,255,255,0.14);color: #fff;border: 1px solid rgba(255,255,255,0.28)}.btn-light:hover{background: rgba(255,255,255,0.22);transform: translateY(-2px)}.btn-lg{padding: 1.05rem 1.8rem;font-size: 1.08rem}.btn-block{width: 100%}.chip{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.8rem;border-radius: var(--r-pill);background: var(--cream-2);color: var(--rose-deep);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.01em}.chip .icon{width: 0.95rem;height: 0.95rem}.chip.on-dark{background: rgba(255,255,255,0.12);color: #fff}.chip.mint{background: color-mix(in srgb,var(--mint) 14%,white);color: var(--mint-deep)}.badge{position: absolute;top: 0.9rem;right: 0.9rem;padding: 0.25rem 0.6rem;border-radius: var(--r-pill);font-size: 0.7rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;background: var(--ink);color: #fff}.badge.rose{background: var(--rose)}.badge.gold{background: var(--gold);color: var(--plum)}.meta-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem 1rem;font-size: 0.85rem;color: var(--ink-soft);font-weight: 600}.meta-row .dot{width: 4px;height: 4px;border-radius: 50%;background: var(--line-strong)}.meta-item{display: inline-flex;align-items: center;gap: 0.35rem}.meta-item .icon{width: 0.95rem;height: 0.95rem;color: var(--rose)}.hero{position: relative;isolation: isolate;min-height: min(92svh,56rem);display: flex;align-items: center;padding-block: clamp(3rem,12vh,7rem);overflow: hidden;color: #fff;background: var(--plum)}.hero-bg{position: absolute;inset: 0;z-index: -2}.hero-bg::before{content: "";position: absolute;inset: -20%;background: radial-gradient(40% 50% at 18% 22%,rgba(255,167,122,0.85),transparent 60%),radial-gradient(45% 55% at 82% 18%,rgba(224,36,94,0.9),transparent 62%),radial-gradient(55% 60% at 70% 88%,rgba(122,17,69,0.95),transparent 65%),radial-gradient(50% 60% at 20% 90%,rgba(255,107,107,0.6),transparent 60%);filter: saturate(125%);animation: drift 24s ease-in-out infinite alternate}.hero-bg::after{content: "";position: absolute;inset: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity: 0.06;mix-blend-mode: overlay;z-index: -1}@keyframes drift{from{transform: translate3d(-2%,-1%,0) rotate(-1deg) scale(1.05)}to{transform: translate3d(2%,2%,0) rotate(1deg) scale(1.12)}}.hero-grid{display: grid;gap: clamp(2rem,6vw,4rem);align-items: center}.hero h1{font-family: var(--font-display);font-optical-sizing: auto;font-weight: 560;font-size: var(--step-6);line-height: 0.98;letter-spacing: -0.03em;text-wrap: balance}.hero .lede{color: rgba(255,255,255,0.82);max-width: 34ch}.hero-cta{display: flex;flex-wrap: wrap;gap: 0.8rem;margin-top: 0.5rem}.hero-trust{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem 1.4rem;margin-top: 1.5rem;color: rgba(255,255,255,0.72);font-size: 0.88rem;font-weight: 600}.hero-trust .icon{width: 1.05rem;height: 1.05rem;color: var(--amber)}.hero-trust span{display: inline-flex;align-items: center;gap: 0.4rem}.hero-visual{position: relative;display: none}.float-card{background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.18);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: var(--r-lg);padding: 1.1rem 1.25rem;box-shadow: var(--shadow-lg);color: #fff}.float-card .fc-top{display: flex;align-items: center;gap: 0.6rem;font-weight: 700}.float-card .fc-emoji{font-size: 1.4rem}.float-card .fc-bar{height: 8px;border-radius: 99px;background: rgba(255,255,255,0.2);overflow: hidden;margin-top: 0.7rem}.float-card .fc-bar>span{display: block;height: 100%;border-radius: 99px;background: var(--grad-warm)}.hero-visual .float-card:nth-child(1){animation: floaty 7s ease-in-out infinite}.hero-visual .float-card:nth-child(2){margin-left: auto;width: 84%;animation: floaty 7s ease-in-out infinite 1.5s}.hero-visual .float-card:nth-child(3){width: 76%;animation: floaty 7s ease-in-out infinite 3s}@keyframes floaty{0%,100%{transform: translateY(0)}50%{transform: translateY(-12px)}}.wave-sep{display: block;width: 100%;height: auto;margin-top: -1px}.grid{display: grid;gap: var(--sp-5)}.grid-2{grid-template-columns: 1fr}.grid-3{grid-template-columns: 1fr}.grid-4{grid-template-columns: 1fr 1fr}.card{position: relative;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 1.5rem;box-shadow: var(--shadow-sm);transition: transform 0.25s var(--ease),box-shadow 0.3s var(--ease),border-color 0.25s;overflow: hidden;height: 100%}a.card,.card-link{display: flex;flex-direction: column}a.card:hover,.card.interactive:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--line-strong)}.card .card-emoji{display: grid;place-items: center;width: 3.2rem;height: 3.2rem;border-radius: var(--r-md);font-size: 1.7rem;background: var(--cream-2);margin-bottom: 1rem}.card h3{font-size: var(--step-1);font-family: var(--font-display);font-weight: 560;letter-spacing: -0.02em}.card p{color: var(--ink-soft);margin-top: 0.5rem;font-size: 0.97rem}.card .card-foot{margin-top: auto;padding-top: 1.1rem;display: inline-flex;align-items: center;gap: 0.4rem;font-weight: 700;color: var(--rose-deep);font-size: 0.92rem}.card .card-foot .icon{width: 1rem;height: 1rem;transition: transform 0.2s var(--ease)}a.card:hover .card-foot .icon{transform: translateX(4px)}.card.feature{background: var(--grad-cta);color: #fff;border: none}.card.feature h3,.card.feature p{color: #fff}.card.feature p{color: rgba(255,255,255,0.85)}.card.feature .card-emoji{background: rgba(255,255,255,0.16)}.card.feature .card-foot{color: #fff}.card.accent::before{content: "";position: absolute;inset: 0 0 auto 0;height: 4px;background: var(--grad-sunset)}.section-head{max-width: 42rem;margin-bottom: 2.5rem}.section-head.center{margin-inline: auto}.section-head h2{font-size: var(--step-3);margin-top: 0.6rem}.section-head p{margin-top: 0.8rem;font-size: var(--step-1);color: var(--ink-soft);line-height: 1.5}.head-row{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-bottom: 2rem}.head-row .section-head{margin-bottom: 0}.answer-first{position: relative;background: linear-gradient(180deg,var(--paper),var(--cream));border: 1px solid var(--line);border-left: 5px solid var(--rose);border-radius: var(--r-md);padding: 1.3rem 1.4rem}.answer-first .tldr-label{display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--rose-deep);margin-bottom: 0.5rem}.answer-first p{font-size: 1.06rem;line-height: 1.55;color: var(--ink)}.answer-first .lede{color: var(--ink)}.prose{max-width: 42rem}.prose>* + *{margin-top: 1.15rem}.prose h2{font-family: var(--font-display);font-weight: 560;font-size: var(--step-2);letter-spacing: -0.02em;margin-top: 2.6rem;scroll-margin-top: 6rem}.prose h3{font-size: var(--step-1);margin-top: 1.8rem;font-weight: 700;scroll-margin-top: 6rem}.prose p,.prose li{color: var(--ink);line-height: 1.72}.prose a{color: var(--rose-deep);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1.5px;font-weight: 600}.prose a:hover{color: var(--rose)}.prose ul,.prose ol{padding-left: 1.3rem;display: grid;gap: 0.5rem}.prose ul{list-style: none;padding-left: 0}.prose ul>li{position: relative;padding-left: 1.7rem}.prose ul>li::before{content: "";position: absolute;left: 0.1rem;top: 0.62em;width: 0.55rem;height: 0.55rem;border-radius: 50%;background: var(--grad-sunset)}.prose ol{list-style: decimal}.prose blockquote{border-left: 4px solid var(--rose);padding: 0.4rem 0 0.4rem 1.3rem;font-family: var(--font-display);font-size: var(--step-1);font-style: italic;color: var(--wine)}.prose strong{color: var(--ink)}.prose .callout{background: var(--cream-2);border: 1px solid var(--line-strong);border-radius: var(--r-md);padding: 1.1rem 1.25rem;font-size: 0.97rem}.prose .callout strong{color: var(--rose-deep)}.toc{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-md);padding: 1.1rem 1.25rem}.toc-label{font-size: 0.78rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;color: var(--ink-soft);margin-bottom: 0.6rem}.toc ol{list-style: none;display: grid;gap: 0.35rem;counter-reset: toc}.toc li{counter-increment: toc}.toc a{display: flex;gap: 0.6rem;font-weight: 600;color: var(--ink-soft);font-size: 0.95rem;padding: 0.2rem 0}.toc a::before{content: counter(toc,decimal-leading-zero);color: var(--rose);font-weight: 800;font-variant-numeric: tabular-nums}.toc a:hover{color: var(--rose-deep)}.faq{display: grid;gap: 0.75rem}.faq-item{border: 1px solid var(--line);border-radius: var(--r-md);background: var(--paper);overflow: hidden;transition: border-color 0.2s,box-shadow 0.2s}.faq-item[open]{border-color: var(--line-strong);box-shadow: var(--shadow-sm)}.faq-item summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.15rem 1.25rem;font-weight: 700;font-size: 1.04rem;list-style: none;cursor: pointer}.faq-item summary::-webkit-details-marker{display: none}.faq-q{color: var(--ink)}.faq-item summary .icon{flex: none;width: 1.3rem;height: 1.3rem;color: var(--rose);transition: transform 0.3s var(--ease)}.faq-item[open] summary .icon{transform: rotate(45deg)}.faq-a{padding: 0 1.25rem 1.25rem;color: var(--ink-soft);line-height: 1.7}.faq-a>* + *{margin-top: 0.8rem}.quiz{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-xl);box-shadow: var(--shadow-lg);overflow: hidden}.quiz-top{padding: 1.25rem 1.4rem 0}.quiz-progress{height: 8px;border-radius: 99px;background: var(--cream-2);overflow: hidden}.quiz-progress>span{display: block;height: 100%;width: 0%;border-radius: 99px;background: var(--grad-sunset);transition: width 0.45s var(--ease)}.quiz-counter{display: flex;justify-content: space-between;align-items: center;margin-top: 0.7rem;font-size: 0.85rem;font-weight: 700;color: var(--ink-soft)}.quiz-body{padding: 1.4rem}.quiz-step{display: none;animation: fade 0.4s var(--ease)}.quiz-step.active{display: block}@keyframes fade{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}.quiz-q{font-family: var(--font-display);font-optical-sizing: auto;font-weight: 560;font-size: var(--step-2);letter-spacing: -0.02em;line-height: 1.12;margin-bottom: 1.25rem;text-wrap: balance}.quiz-options{display: grid;gap: 0.7rem}.quiz-option{display: flex;align-items: center;gap: 0.9rem;width: 100%;text-align: left;padding: 1rem 1.1rem;border-radius: var(--r-md);border: 1.5px solid var(--line-strong);background: var(--cream);font-weight: 600;font-size: 1.02rem;color: var(--ink);transition: border-color 0.18s,background 0.18s,transform 0.18s}.quiz-option:hover{border-color: var(--rose);transform: translateX(3px)}.quiz-option .opt-key{flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;border: 1.5px solid var(--line-strong);font-weight: 800;font-size: 0.9rem;color: var(--rose-deep);transition: inherit}.quiz-option.selected{border-color: var(--rose);background: color-mix(in srgb,var(--rose) 8%,white)}.quiz-option.selected .opt-key{background: var(--grad-sunset);color: #fff;border-color: transparent}.quiz-option .opt-key .icon{width: 1.1rem;height: 1.1rem}.quiz-nav{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-top: 1.5rem}.quiz-hint{font-size: 0.85rem;color: var(--ink-mute);font-weight: 600}.quiz-result{display: none;padding: 0}.quiz-result.active{display: block;animation: fade 0.5s var(--ease)}.result-hero{position: relative;padding: 2rem 1.5rem;text-align: center;color: #fff;background: var(--grad-cta);overflow: hidden}.result-score{font-family: var(--font-display);font-weight: 600;font-size: clamp(3.5rem,12vw,5.5rem);line-height: 1}.result-title{font-family: var(--font-display);font-size: var(--step-2);margin-top: 0.4rem;font-weight: 560}.result-dims{display: grid;gap: 0.9rem;padding: 1.5rem}.dim{}.dim-top{display: flex;justify-content: space-between;font-weight: 700;font-size: 0.92rem;margin-bottom: 0.35rem}.dim-bar{height: 9px;border-radius: 99px;background: var(--cream-2);overflow: hidden}.dim-bar>span{display: block;height: 100%;border-radius: 99px;background: var(--grad-sunset);width: 0;transition: width 0.9s var(--ease)}.result-actions{display: grid;gap: 0.7rem;padding: 0 1.5rem 1.6rem}@media (min-width: 30rem){.result-actions{grid-template-columns: 1fr 1fr}}.noscript-note{background: var(--cream-2);border: 1px dashed var(--line-strong);border-radius: var(--r-md);padding: 1rem 1.25rem;color: var(--ink-soft);font-size: 0.95rem}.q-list{display: grid;gap: 0.7rem;counter-reset: q}.q-item{display: flex;gap: 0.9rem;padding: 1rem 1.15rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-md);counter-increment: q;transition: border-color 0.2s,transform 0.2s,box-shadow 0.2s}.q-item:hover{border-color: var(--line-strong);transform: translateX(3px);box-shadow: var(--shadow-sm)}.q-item::before{content: counter(q);flex: none;display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 50%;background: var(--cream-2);color: var(--rose-deep);font-weight: 800;font-size: 0.85rem;font-variant-numeric: tabular-nums}.q-item p{font-weight: 560;line-height: 1.45}.q-cat{margin: 2rem 0 1rem;font-family: var(--font-display);font-size: var(--step-1);font-weight: 560}.flag-grid{display: grid;gap: 1rem}.flag{display: flex;gap: 0.9rem;padding: 1.15rem 1.25rem;border-radius: var(--r-md);background: var(--paper);border: 1px solid var(--line)}.flag .flag-ico{flex: none;display: grid;place-items: center;width: 2.6rem;height: 2.6rem;border-radius: var(--r-sm)}.flag.red .flag-ico{background: color-mix(in srgb,var(--danger) 12%,white);color: var(--danger)}.flag.green .flag-ico{background: color-mix(in srgb,var(--mint) 14%,white);color: var(--mint-deep)}.flag h4{font-size: 1.05rem;font-weight: 700}.flag p{color: var(--ink-soft);margin-top: 0.25rem;font-size: 0.95rem}.flag .flag-ico .icon{width: 1.4rem;height: 1.4rem}.stats{display: grid;gap: 1rem;grid-template-columns: 1fr 1fr}.stat{padding: 1.4rem;border-radius: var(--r-lg);background: var(--paper);border: 1px solid var(--line);text-align: center}.stat .stat-num{font-family: var(--font-display);font-weight: 600;font-size: var(--step-3);line-height: 1;background: var(--grad-sunset);-webkit-background-clip: text;background-clip: text;color: transparent}.stat .stat-label{margin-top: 0.4rem;font-size: 0.85rem;color: var(--ink-soft);font-weight: 600;line-height: 1.35}.embed{position: relative;aspect-ratio: 16 / 9;border-radius: var(--r-lg);overflow: hidden;background: var(--plum) var(--grad-sunset);display: grid;place-items: center;color: #fff;text-align: center;border: 1px solid var(--line)}.embed iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.embed .embed-ph{display: grid;place-items: center;gap: 0.6rem;padding: 1.5rem}.embed .embed-ph .icon{width: 3rem;height: 3rem}.scorecard{background: var(--paper);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 1.4rem;box-shadow: var(--shadow-sm)}.scorecard .sc-row{display: grid;gap: 0.4rem}.scorecard .sc-row + .sc-row{margin-top: 1rem}.scorecard .sc-top{display: flex;justify-content: space-between;font-weight: 700;font-size: 0.93rem}.scorecard .sc-bar{height: 9px;border-radius: 99px;background: var(--cream-2);overflow: hidden}.scorecard .sc-bar>span{display: block;height: 100%;border-radius: 99px}.cta-band{position: relative;isolation: isolate;border-radius: var(--r-xl);padding: clamp(2rem,6vw,3.5rem);color: #fff;background: var(--plum);overflow: hidden}.cta-band::before{content: "";position: absolute;inset: -30%;z-index: -1;background: radial-gradient(40% 60% at 15% 20%,rgba(255,159,122,0.7),transparent 60%),radial-gradient(50% 60% at 85% 80%,rgba(224,36,94,0.85),transparent 62%);animation: drift 20s ease-in-out infinite alternate}.cta-band h2{font-family: var(--font-display);font-weight: 560;font-size: var(--step-3);max-width: 20ch}.cta-band p{color: rgba(255,255,255,0.82);margin-top: 0.75rem;max-width: 46ch}.cta-band .hero-cta{margin-top: 1.5rem}.newsletter-form{display: flex;flex-direction: column;gap: 0.6rem;margin-top: 1.2rem;max-width: 26rem}.newsletter-form .field{display: flex;gap: 0.5rem}.newsletter-form input[type="email"]{flex: 1;padding: 0.85rem 1.1rem;border-radius: var(--r-pill);border: 1px solid rgba(255,255,255,0.3);background: rgba(255,255,255,0.1);color: #fff}.newsletter-form input::placeholder{color: rgba(255,255,255,0.6)}.newsletter-form input:focus{outline-color: #fff}.breadcrumb{padding-block: 1rem 0}.breadcrumb ol{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;list-style: none;font-size: 0.85rem;color: var(--ink-soft)}.breadcrumb a{font-weight: 600;display: inline-block;padding: 0.35rem 0}.breadcrumb a:hover{color: var(--rose-deep)}.breadcrumb .sep{color: var(--line-strong)}.breadcrumb [aria-current]{color: var(--ink);font-weight: 700}.site-footer{background: var(--plum);color: rgba(255,255,255,0.8);padding-block: clamp(3rem,7vw,5rem) 2rem;margin-top: clamp(3rem,8vw,6rem)}.footer-grid{display: grid;gap: 2.5rem}.footer-brand .brand{color: #fff}.footer-brand p{margin-top: 1rem;max-width: 30ch;color: rgba(255,255,255,0.65);font-size: 0.95rem}.footer-social{display: flex;gap: 0.6rem;margin-top: 1.2rem}.footer-social a{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;border: 1px solid rgba(255,255,255,0.18);color: #fff;transition: background 0.2s,transform 0.2s}.footer-social a:hover{background: var(--rose);transform: translateY(-2px);border-color: transparent}.footer-social .icon{width: 1.2rem;height: 1.2rem}.footer-col-title{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--amber);margin-bottom: 1rem}.footer-col ul{list-style: none;display: grid;gap: 0.6rem}.footer-col a{display: inline-block;padding: 0.2rem 0;color: rgba(255,255,255,0.82);font-size: 0.95rem}.footer-col a:hover{color: #fff}.footer-bottom{margin-top: 3rem;padding-top: 1.5rem;border-top: 1px solid rgba(255,255,255,0.12);display: flex;flex-direction: column;gap: 1rem;font-size: 0.85rem;color: rgba(255,255,255,0.55)}.footer-disclaimer{font-size: 0.8rem;line-height: 1.6;max-width: 60ch}.toast{position: fixed;left: 50%;bottom: 1.5rem;transform: translate(-50%,200%);z-index: 300;background: var(--ink);color: #fff;padding: 0.8rem 1.3rem;border-radius: var(--r-pill);font-weight: 700;font-size: 0.9rem;box-shadow: var(--shadow-lg);transition: transform 0.4s var(--ease)}.toast.show{transform: translate(-50%,0)}.reveal{opacity: 0;transform: translateY(22px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}.reveal.in{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1 !important;transform: none !important;transition: none}.hero-bg::before,.cta-band::before,.hero-visual .float-card{animation: none !important}}@media (min-width: 40rem){.grid-2{grid-template-columns: 1fr 1fr}.grid-3{grid-template-columns: 1fr 1fr}.stats{grid-template-columns: repeat(4,1fr)}.newsletter-form .field{}.flag-grid.two{grid-template-columns: 1fr 1fr}}@media (min-width: 60rem){.primary-nav{display: block}.nav-toggle{display: none}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-4{grid-template-columns: repeat(4,1fr)}.hero-grid{grid-template-columns: 1.05fr 0.95fr}.hero-visual{display: grid;gap: 1rem}.footer-grid{grid-template-columns: 1.6fr 1fr 1fr 1fr}.footer-bottom{flex-direction: row;align-items: center;justify-content: space-between}.article-layout{display: grid;grid-template-columns: 1fr 17rem;gap: 3rem;align-items: start}.article-aside{position: sticky;top: calc(var(--header-h) + 1.5rem);display: grid;gap: 1.25rem}}@media (min-width: 75rem){.grid-cards-3{grid-template-columns: repeat(3,1fr)}}@media print{.site-header,.site-footer,.cta-band,.hero-visual,.nav-toggle,.lang-switch{display: none !important}body{background: #fff;color: #000}.hero{min-height: auto;color: #000;background: #fff}}