*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F9F7F7;--surface: #FFFFFF;--dark: #08080E;--pink: #EC4899;--pink-soft: rgba(236, 72, 153, .08);--pink-mid: rgba(236, 72, 153, .18);--text-body: #3D3D3D;--text-muted: #6B6B6B;--border: #E8E4E4;--font: "DM Sans", sans-serif}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--dark);font-family:var(--font);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.site-nav{position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo svg{height:36px;width:auto}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{font-size:.875rem;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--dark)}.nav-links .nav-cta{color:var(--pink)}.nav-links .nav-cta:hover{color:var(--dark)}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;color:#4a4a55}.burger-bar{display:block;width:22px;height:2px;background:currentColor;border-radius:1px}.burger-bar--mid{width:16px}body.menu-open{overflow:hidden}@media (max-width: 768px){.burger-btn{display:flex}.nav-links{display:none}}.mobile-overlay{position:fixed;inset:0;z-index:200;background:#f9f7f7;display:flex;flex-direction:column;padding:0 2rem;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.mobile-overlay.is-open{opacity:1;pointer-events:auto}.mobile-overlay-header{height:56px;display:flex;align-items:center;justify-content:space-between}.mobile-overlay-header .nav-logo{display:flex;align-items:center;text-decoration:none}.mobile-overlay-header .nav-logo svg{height:30px;width:auto}.overlay-close{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#4a4a55;padding:4px;line-height:1}.overlay-close:hover{color:#0f0f14}.overlay-nav{display:flex;flex-direction:column;justify-content:center;flex:1}.overlay-nav ul{list-style:none;display:flex;flex-direction:column;gap:2rem}.overlay-nav a{font-size:1.4rem;font-weight:500;color:#4a4a55;text-decoration:none;font-family:DM Sans,sans-serif;transition:color .2s;border-bottom:none}.overlay-nav a:hover{color:#0f0f14;border-bottom:none}.overlay-nav .nav-cta{color:#ec4899}.overlay-nav .nav-cta:hover{color:#c92d77}@media (max-width: 600px){.site-nav{padding:0 1.25rem}.nav-links{gap:1.25rem}}@media (prefers-reduced-motion: reduce){.mobile-overlay{transition:none}}.screen-hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:5rem 2rem 3rem;position:relative}.hero-tag{display:inline-block;background:var(--pink-soft);color:var(--pink);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;margin-bottom:2rem;opacity:0;transform:translateY(14px);animation:fadeUp .7s .1s cubic-bezier(.22,1,.36,1) forwards}.hero-line-1{opacity:0;transform:translateY(16px);animation:fadeUp .8s .25s cubic-bezier(.22,1,.36,1) forwards}.hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-body);max-width:520px;margin:0 auto 2.5rem;line-height:1.75;font-weight:400;opacity:0;transform:translateY(14px);animation:fadeUp .8s .45s cubic-bezier(.22,1,.36,1) forwards}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--dark);max-width:700px;margin:0 auto 1.5rem}.hero-preview{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem .5rem;max-width:420px;text-align:left;box-shadow:0 4px 24px #ec489912;opacity:0;transform:translateY(14px);animation:fadeUp .9s .65s cubic-bezier(.22,1,.36,1) forwards;position:relative;overflow:hidden}.hero-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,transparent 20%,#ffffff 90%);pointer-events:none;border-radius:0 0 12px 12px}.hero-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.hero-cta-btn{opacity:0;transform:translateY(14px);animation:fadeUp .8s .6s cubic-bezier(.22,1,.36,1) forwards;flex-shrink:0}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.preview-header-left{display:flex;flex-direction:column;flex-shrink:0}.preview-overall-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.preview-big-score{font-size:2.5rem;font-weight:700;color:#16a34a;line-height:1;letter-spacing:-.03em}.preview-out-of{font-size:.7rem;color:var(--text-muted);margin-top:.3rem;white-space:nowrap}.preview-out-of strong{color:var(--text-body);font-weight:600}.preview-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;padding-top:.15rem}.preview-confidence-badge{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:.2rem .6rem;border-radius:4px;border:1px solid #d97706;color:#d97706;background:#d977060f}.preview-context{font-size:.68rem;color:var(--text-muted);text-align:right;max-width:140px;line-height:1.45}.preview-dimensions-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.75rem 0 .25rem}.preview-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.preview-row:last-child{border-bottom:none;padding-bottom:0}.preview-row:first-child{padding-top:0}.preview-label{font-size:.78rem;font-weight:500;color:var(--text-body);width:130px;flex-shrink:0}.preview-bar{flex:1;height:4px;background:var(--border);border-radius:999px;overflow:hidden}.preview-fill{display:block;height:100%;border-radius:999px;background:#16a34a;transform-origin:left;animation:barGrow 1s .6s cubic-bezier(.22,1,.36,1) both}.preview-fill--mid{background:#d97706}.preview-fill--low{background:#dc2626}.preview-score{font-size:.78rem;font-weight:600;color:#16a34a;width:28px;text-align:right;flex-shrink:0}.preview-score--mid{color:#d97706}.preview-score--low{color:#dc2626}.btn-primary{display:inline-block;background:var(--pink);color:#fff;font-family:var(--font);font-size:.9rem;font-weight:600;padding:.9rem 2.25rem;border-radius:6px;text-decoration:none;letter-spacing:.01em;transition:opacity .2s ease,transform .2s ease}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;position:relative}.screen-inner{width:100%;max-width:960px}.screen-divider{border:none;border-top:1px solid var(--border);max-width:960px;margin:0 auto}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:1rem}.problem-heading{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--dark);margin-bottom:1.5rem;max-width:600px}.problem-body{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--text-body);line-height:1.8;max-width:600px}.problem-body strong{color:var(--dark);font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;transition:border-color .25s ease,transform .25s ease}.card:hover{border-color:var(--pink-mid);transform:translateY(-2px)}.card-icon{width:38px;height:38px;background:var(--pink-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}.card-icon svg{width:18px;height:18px;stroke:var(--pink);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.6rem;letter-spacing:-.01em}.card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.dimensions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:2.5rem}.dimension-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;transition:border-color .2s ease}.dimension-item:hover{border-color:var(--pink-mid)}.dimension-number{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--pink);margin-bottom:.4rem}.dimension-name{font-size:.875rem;font-weight:500;color:var(--dark);line-height:1.35}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;position:relative}.steps:before{content:"";position:absolute;top:2rem;left:calc(16.6665% + 1.75rem);right:calc(16.6665% + 1.75rem);height:1px;background:var(--border);z-index:0}.step{padding:0 1.75rem 1.75rem;position:relative;z-index:1}.step-dot{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--pink-mid);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.step-dot span{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--pink)}.step h3{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.5rem;letter-spacing:-.01em}.step p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.screen-cta{background:var(--dark);color:#fff;text-align:center;padding:6rem 2rem}.cta-heading{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:1rem}.cta-sub{color:#ffffff8c;font-size:1rem;line-height:1.7;margin-bottom:2.5rem;max-width:420px;margin-left:auto;margin-right:auto}.btn-primary-dark{display:inline-block;background:var(--pink);color:#fff;font-family:var(--font);font-size:.9rem;font-weight:600;padding:.9rem 2.25rem;border-radius:6px;text-decoration:none;letter-spacing:.01em;transition:opacity .2s ease,transform .2s ease}.btn-primary-dark:hover{opacity:.88;transform:translateY(-1px)}.site-footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.07);padding:1.5rem 2rem;text-align:center}.site-footer p{font-size:.75rem;color:#ffffff40;letter-spacing:.03em}.site-footer a{color:#ffffff59;text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--pink)}.reveal{opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 900px){.dimensions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.screen{padding:4rem 1.5rem}.screen-hero{padding:5rem 1.5rem 3rem}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:2rem}.steps:before{display:none}.step{padding:0;display:flex;gap:1.25rem;align-items:flex-start}.step-dot{flex-shrink:0;margin-bottom:0;margin-top:.1rem}.screen-cta{padding:4rem 1.5rem}}@media (max-width: 480px){.dimensions-grid{grid-template-columns:1fr 1fr;gap:.5rem}.site-footer{padding:1.25rem}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.btn-primary,.btn-primary-dark,.card,.dimension-item{transition:none}}