:root{--bg:oklch(98% 0.01 95);--surface:oklch(99% 0.01 95);--surface-alt:oklch(96% 0.015 95);--ink:oklch(23% 0.03 50);--muted:oklch(46% 0.02 55);--line:oklch(87% 0.02 90);--brand:oklch(62% 0.16 55);--brand-deep:oklch(46% 0.13 50);--ok:oklch(63% 0.17 145);--warn:oklch(67% 0.17 70)}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--ink)}body{margin:0;font-family:Georgia,Cambria,Times New Roman,serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}main{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.marketing-shell{padding-bottom:80px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab,var(--bg) 84%,white 16%);border-bottom:1px solid var(--line)}.footer-inner,.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand-badge{width:36px;height:36px;border-radius:8px;background:var(--brand);color:white;display:grid;place-items:center;font-weight:700}.nav-links{display:flex;align-items:center;gap:20px;color:var(--muted)}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.button-primary,.button-secondary,.button-text{min-height:46px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.button-primary{background:var(--brand-deep);color:white}.button-secondary{background:white;color:var(--ink)}.button-text{color:var(--brand-deep)}.hero{padding:52px 0 24px}.hero-grid{display:grid;grid-template-columns:1.2fr .9fr;grid-gap:28px;gap:28px;align-items:start}.kicker{color:var(--brand-deep);font-size:.95rem;margin-bottom:10px}.hero h1,.metric-value,.section-title,h2,h3{font-family:Trebuchet MS,Segoe UI,sans-serif;letter-spacing:-.03em}.hero h1{font-size:clamp(3rem,8vw,4.9rem);line-height:.94;margin:0 0 16px;max-width:11ch}.lead{color:var(--muted);font-size:1.12rem;line-height:1.6;max-width:56ch}.inline-note{margin-top:14px;color:var(--muted);font-size:.95rem}.grid-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px}.hero-panel{padding:22px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.metric{padding:14px;background:var(--surface-alt);border-radius:14px}.metric-value{font-size:1.5rem}.metric-label{font-size:.92rem;color:var(--muted)}.hero-visual{display:grid;grid-gap:14px;gap:14px}.shot-frame{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.section{padding:34px 0}.two-col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.grid-panel{padding:20px}.section-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 14px}.muted{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.price-card{padding:22px;background:white;border:1px solid var(--line);border-radius:18px}.price-card strong{font-size:2rem;display:block;margin:10px 0;font-family:Trebuchet MS,sans-serif}.footer{border-top:1px solid var(--line);margin-top:52px}.form-stack{display:grid;grid-gap:14px;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.label{display:grid;grid-gap:8px;gap:8px;font-size:.95rem}.input,.textarea{width:100%;min-height:46px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--ink)}.textarea{min-height:120px;resize:vertical}.auth-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px;background:color-mix(in oklab,var(--surface) 88%,white 12%)}.sidebar nav{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.sidebar a{color:var(--muted)}.app-main{padding:24px}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.result-grid{display:grid;grid-template-columns:1fr .9fr;grid-gap:18px;gap:18px;align-items:start}.result-box{padding:20px;background:white;border:1px solid var(--line);border-radius:18px}.result-number{font-size:3rem;line-height:1;font-family:Trebuchet MS,sans-serif;margin:10px 0}.badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:8px;background:color-mix(in oklab,var(--brand) 10%,white 90%);color:var(--brand-deep);font-size:.86rem}.history-list{display:grid;grid-gap:12px;gap:12px}.history-item{padding:14px;background:var(--surface-alt);border-radius:14px}.notice{padding:14px 16px;border-radius:12px;background:color-mix(in oklab,var(--warn) 12%,white 88%)}.success{color:var(--ok)}@media (max-width:960px){.auth-shell,.form-grid,.hero-grid,.price-grid,.result-grid,.three-col,.two-col{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.app-topbar,.footer-inner,.topbar-inner{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.nav-links{flex-wrap:wrap;gap:12px}.container{width:min(100% - 20px,1120px)}.hero{padding-top:30px}.hero h1{max-width:none}}