.landing-page{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--lp-space-1:.25rem;--lp-space-2:.5rem;--lp-space-3:.75rem;--lp-space-4:1rem;--lp-space-5:1.25rem;--lp-space-6:1.5rem;--lp-space-8:2rem;--lp-space-10:2.5rem;--lp-space-12:3rem;--lp-space-16:4rem;--lp-space-20:5rem;--lp-space-24:6rem;--lp-bg:#f8fafc;--lp-surface:#fff;--lp-surface-2:#f8fafc;--lp-surface-offset:#f1f5f9;--lp-divider:#e2e8f0;--lp-border:#e2e8f0;--lp-accent:#0d9488;--lp-accent-hover:#0f766e;--lp-accent-light:#2dd4bf;--lp-accent-faint:#ccfbf1;--lp-warm:#8b4f2a;--lp-warm-light:#fef3c7;--lp-text:#0f172a;--lp-text-muted:#64748b;--lp-text-faint:#94a3b8;--lp-success:#10b981;--lp-success-light:#ecfdf5;--lp-warning:#f59e0b;--lp-warning-light:#fffbeb;--lp-radius-sm:6px;--lp-radius-md:8px;--lp-radius-lg:12px;--lp-radius-xl:16px;--lp-radius-full:9999px;--lp-shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--lp-shadow-md:0 4px 16px #0f172a14;--lp-shadow-lg:0 12px 40px #0f172a1f;--lp-transition:.18s cubic-bezier(.16,1,.3,1);--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font-body);font-size:var(--text-base);color:var(--lp-text);background-color:var(--lp-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;line-height:1.6}.lp-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,4rem)}.lp-btn{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-3)var(--lp-space-6);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);border-radius:var(--lp-radius-md);transition:background var(--lp-transition),color var(--lp-transition),border-color var(--lp-transition),box-shadow var(--lp-transition),transform var(--lp-transition);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;text-decoration:none;display:inline-flex}.lp-btn:hover{transform:translateY(-1px)}.lp-btn:active{transform:translateY(0)}.lp-btn-primary{background:var(--lp-accent);color:#fff;border-color:var(--lp-accent);box-shadow:0 1px 2px #0d94884d}.lp-btn-primary:hover{background:var(--lp-accent-hover);border-color:var(--lp-accent-hover);box-shadow:0 4px 16px #0d948859}.lp-btn-ghost{color:var(--lp-text-muted);border-color:var(--lp-border);background:0 0}.lp-btn-ghost:hover{background:var(--lp-surface-offset);color:var(--lp-text)}.lp-btn-lg{padding:var(--lp-space-4)var(--lp-space-8);font-size:var(--text-base);border-radius:var(--lp-radius-lg)}.lp-btn-xl{padding:var(--lp-space-5)var(--lp-space-10);font-size:var(--text-lg);border-radius:var(--lp-radius-lg)}.lp-header{z-index:100;-webkit-backdrop-filter:blur(16px);transition:border-color var(--lp-transition),box-shadow var(--lp-transition);background:#f8fafce0;border-bottom:1px solid #0000;position:sticky;top:0}.lp-header.scrolled{border-color:var(--lp-divider);box-shadow:var(--lp-shadow-sm)}.lp-nav-inner{align-items:center;gap:var(--lp-space-6);height:72px;display:flex}.lp-logo{transition:opacity var(--lp-transition);flex-shrink:0;align-items:center;display:flex}.lp-logo:hover{opacity:.8}.lp-logo img{width:auto;height:36px;display:block}.lp-nav-links{gap:var(--lp-space-1);margin-left:var(--lp-space-8);flex:1;display:flex}.lp-nav-links a{padding:var(--lp-space-2)var(--lp-space-3);font-size:var(--text-sm);color:var(--lp-text-muted);border-radius:var(--lp-radius-sm);transition:color var(--lp-transition),background var(--lp-transition);font-weight:500;text-decoration:none}.lp-nav-links a:hover{color:var(--lp-text);background:var(--lp-surface-offset)}.lp-nav-actions{align-items:center;gap:var(--lp-space-3);margin-left:auto;display:flex}.lp-section-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:var(--lp-space-4);font-weight:700}.lp-section-headline{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--lp-text);margin-bottom:var(--lp-space-5);text-wrap:balance;font-weight:700;line-height:1.15}.lp-section-intro{font-size:var(--text-base);color:var(--lp-text-muted);max-width:65ch;margin-bottom:var(--lp-space-12);line-height:1.7}.lp-hero{align-items:center;gap:var(--lp-space-12);grid-template-columns:1fr 1fr;width:100%;max-width:1200px;min-height:85vh;margin-inline:auto;padding-block:clamp(4rem,8vw,6rem);padding-inline:clamp(1.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 80% 40%,#0d948814,#0000),radial-gradient(40% 40% at 20% 70%,#8b4f2a0a,#0000);position:absolute;inset:0}.lp-hero-content{z-index:1;max-width:620px;position:relative}.lp-hero-badge{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2)var(--lp-space-4);background:var(--lp-accent-faint);border:1px solid var(--lp-accent-light);border-radius:var(--lp-radius-full);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:var(--lp-space-6);font-weight:700;display:inline-flex}.lp-hero-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--lp-text);margin-bottom:var(--lp-space-6);font-size:clamp(2.2rem,1.2rem + 3.5vw,4.2rem);font-weight:700;line-height:1.08}.lp-hero-headline em{color:var(--lp-accent);font-style:italic}.lp-hero-sub{font-size:var(--text-base);color:var(--lp-text-muted);max-width:55ch;margin-bottom:var(--lp-space-8);line-height:1.75}.lp-hero-cta-group{gap:var(--lp-space-4);margin-bottom:var(--lp-space-10);flex-wrap:wrap;display:flex}.lp-hero-social-proof{gap:var(--lp-space-3);flex-direction:column;display:flex}.lp-proof-item{align-items:center;gap:var(--lp-space-3);font-size:var(--text-sm);color:var(--lp-text-muted);display:flex}.lp-proof-icon{background:var(--lp-accent);border-radius:var(--lp-radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.lp-hero-visual{z-index:1;padding:var(--lp-space-8);justify-content:center;align-items:center;display:flex;position:relative}.lp-flavour-diagram{filter:drop-shadow(0 4px 32px #0d948826);width:100%;max-width:480px;height:auto}.lp-kokumi-explainer{background:var(--lp-surface);border-top:1px solid var(--lp-divider);border-bottom:1px solid var(--lp-divider);padding-block:clamp(4rem,8vw,6rem)}.lp-kokumi-grid{gap:var(--lp-space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.lp-kokumi-science{gap:var(--lp-space-6);flex-direction:column;display:flex}.lp-kokumi-science p{font-size:var(--text-base);color:var(--lp-text-muted);max-width:60ch;line-height:1.75}.lp-kokumi-science p strong{color:var(--lp-text)}.lp-kokumi-science p em{color:var(--lp-accent);font-style:italic}.lp-kokumi-etymology{gap:var(--lp-space-4)var(--lp-space-5);padding:var(--lp-space-6);background:var(--lp-surface-offset);border-radius:var(--lp-radius-lg);border:1px solid var(--lp-border);margin-bottom:var(--lp-space-2);grid-template-columns:auto 1fr;align-items:center;display:grid}.lp-kanji{font-family:var(--font-display);color:var(--lp-accent);font-size:2.5rem;font-weight:700;line-height:1}.lp-kokumi-sources{gap:var(--lp-space-3);margin-top:var(--lp-space-2);grid-template-columns:1fr 1fr;display:grid}.lp-source-card{align-items:flex-start;gap:var(--lp-space-3);padding:var(--lp-space-4);background:var(--lp-surface-2);border:1px solid var(--lp-border);border-radius:var(--lp-radius-md);transition:border-color var(--lp-transition),box-shadow var(--lp-transition);display:flex}.lp-source-card:hover{border-color:var(--lp-accent-light);box-shadow:var(--lp-shadow-sm)}.lp-source-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.lp-source-card strong{font-size:var(--text-sm);color:var(--lp-text);font-weight:700}.lp-source-card small{font-size:var(--text-xs);color:var(--lp-text-muted);line-height:1.4}.lp-dimension-card{background:var(--lp-surface-2);border:1px solid var(--lp-border);border-radius:var(--lp-radius-xl);padding:var(--lp-space-8);box-shadow:var(--lp-shadow-md);position:sticky;top:100px}.lp-dimension-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-accent);margin-bottom:var(--lp-space-1);font-weight:700}.lp-dimension-sub{font-size:var(--text-sm);color:var(--lp-text-muted);margin-bottom:var(--lp-space-6)}.lp-dimension-bars{gap:var(--lp-space-4);margin-bottom:var(--lp-space-6);flex-direction:column;display:flex}.lp-taste-bar-row{align-items:center;gap:var(--lp-space-3);grid-template-columns:130px 1fr 80px;display:grid}.lp-taste-name{font-size:var(--text-sm);color:var(--lp-text);font-weight:500}.lp-taste-bar-track{background:var(--lp-surface-offset);border-radius:var(--lp-radius-full);height:8px;overflow:hidden}.lp-taste-bar{background:linear-gradient(90deg,var(--lp-accent),#14b8a6);border-radius:var(--lp-radius-full);width:0;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.lp-taste-bar.animate{width:var(--bar-pct)}.lp-taste-pct{font-size:var(--text-xs);color:var(--lp-accent);text-align:right;font-weight:700}.lp-dimension-note{font-size:var(--text-xs);color:var(--lp-text-faint);padding-top:var(--lp-space-4);border-top:1px solid var(--lp-divider);margin-bottom:var(--lp-space-5);line-height:1.5}.lp-kokumi-app-link{padding:var(--lp-space-5);background:var(--lp-accent-faint);border:1px solid var(--lp-accent-light);border-radius:var(--lp-radius-md);font-size:var(--text-sm);color:var(--lp-text-muted);line-height:1.65}.lp-kokumi-app-link strong{color:var(--lp-accent);margin-bottom:var(--lp-space-2);font-weight:700;display:block}.lp-features-section{padding-block:clamp(4rem,8vw,6rem)}.lp-features-grid{gap:var(--lp-space-6);grid-template-columns:repeat(4,1fr);display:grid}.lp-feature-card{padding:var(--lp-space-6);background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);transition:box-shadow var(--lp-transition),border-color var(--lp-transition),transform var(--lp-transition);box-shadow:var(--lp-shadow-sm)}.lp-feature-card:hover{box-shadow:var(--lp-shadow-md);border-color:var(--lp-accent-light);transform:translateY(-2px)}.lp-feature-icon{background:var(--lp-accent-faint);border-radius:var(--lp-radius-lg);width:52px;height:52px;color:var(--lp-accent);margin-bottom:var(--lp-space-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-feature-card h3{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--lp-text);margin-bottom:var(--lp-space-3);font-weight:700}.lp-feature-card p{font-size:var(--text-sm);color:var(--lp-text-muted);margin-bottom:var(--lp-space-4);line-height:1.7}.lp-feature-list{gap:var(--lp-space-2);margin-top:var(--lp-space-4);padding-top:var(--lp-space-4);border-top:1px solid var(--lp-divider);flex-direction:column;padding-left:0;list-style:none;display:flex}.lp-feature-list li{align-items:center;gap:var(--lp-space-3);font-size:var(--text-sm);color:var(--lp-text-muted);display:flex}.lp-feature-list li:before{content:"";background:var(--lp-accent);border-radius:var(--lp-radius-full);flex-shrink:0;width:6px;height:6px;display:block}.lp-compliance-section{background:var(--lp-surface);border-top:1px solid var(--lp-divider);border-bottom:1px solid var(--lp-divider);padding-block:clamp(4rem,8vw,6rem)}.lp-compliance-inner{gap:var(--lp-space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.lp-compliance-text p{font-size:var(--text-base);color:var(--lp-text-muted);max-width:55ch;margin-bottom:var(--lp-space-8);line-height:1.75}.lp-compliance-badges{gap:var(--lp-space-4);flex-direction:column;display:flex}.lp-badge-item{align-items:flex-start;gap:var(--lp-space-4);padding:var(--lp-space-4);background:var(--lp-surface-2);border:1px solid var(--lp-border);border-radius:var(--lp-radius-md);transition:border-color var(--lp-transition);display:flex}.lp-badge-item:hover{border-color:var(--lp-accent-light)}.lp-badge-icon{border-radius:var(--lp-radius-md);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.7rem;font-weight:900;display:flex}.lp-badge-icon--hfss{color:#d97706;background:#fef3c7}.lp-badge-icon--sdil{background:var(--lp-accent-faint);color:var(--lp-accent)}.lp-badge-icon--allergen{color:#ef4444;background:#fef2f2;font-size:1rem}.lp-badge-icon--additive{color:#7c3aed;background:#ede9fe;font-size:1.1rem}.lp-badge-item strong{font-size:var(--text-sm);color:var(--lp-text);margin-bottom:2px;font-weight:700;display:block}.lp-badge-item small{font-size:var(--text-xs);color:var(--lp-text-muted);line-height:1.4}.lp-compliance-visual{position:sticky;top:100px}.lp-score-card{background:var(--lp-surface-2);border:1px solid var(--lp-border);border-radius:var(--lp-radius-xl);box-shadow:var(--lp-shadow-lg);overflow:hidden}.lp-score-card-header{padding:var(--lp-space-5)var(--lp-space-6);background:var(--lp-accent);justify-content:space-between;align-items:baseline;gap:var(--lp-space-4);display:flex}.lp-score-card-title{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#fffc;font-weight:700}.lp-score-card-product{font-family:var(--font-display);font-size:var(--text-sm);color:#fff;font-weight:600}.lp-score-grid{background:var(--lp-divider);border-top:1px solid var(--lp-divider);grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid}.lp-score-item{align-items:center;gap:var(--lp-space-1);padding:var(--lp-space-4)var(--lp-space-3);background:var(--lp-surface-2);text-align:center;flex-direction:column;display:flex}.lp-score-label{font-size:var(--text-xs);color:var(--lp-text-muted);font-weight:500}.lp-score-val{font-size:var(--text-sm);color:var(--lp-text);font-weight:700}.lp-score-pts{font-size:var(--text-xs);border-radius:var(--lp-radius-full);padding:2px 8px;font-weight:700}.lp-score-pts--amber{background:var(--lp-warning-light);color:var(--lp-warning)}.lp-score-pts--green{background:var(--lp-surface-offset);color:var(--lp-text-muted)}.lp-score-pts--good{background:var(--lp-success-light);color:var(--lp-success)}.lp-score-result{padding:var(--lp-space-5)var(--lp-space-6);background:var(--lp-surface-offset);border-top:1px solid var(--lp-divider);justify-content:space-between;align-items:center;display:flex}.lp-score-total-label{font-size:var(--text-xs);color:var(--lp-text-muted);text-transform:uppercase;letter-spacing:.05em}.lp-score-total-val{font-family:var(--font-display);font-size:var(--text-xl);color:var(--lp-text);font-weight:700}.lp-score-verdict{align-items:center;gap:var(--lp-space-2);padding:var(--lp-space-2)var(--lp-space-4);border-radius:var(--lp-radius-full);font-size:var(--text-sm);background:var(--lp-success-light);color:var(--lp-success);font-weight:700;display:flex}.lp-score-card-footer{padding:var(--lp-space-3)var(--lp-space-6);font-size:var(--text-xs);color:var(--lp-text-faint);border-top:1px solid var(--lp-divider);text-align:center}.lp-cta-section{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);padding-block:clamp(4rem,8vw,6rem)}.lp-cta-inner{gap:var(--lp-space-12);grid-template-columns:1fr auto;align-items:center;display:grid}.lp-cta-section h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:#fff;margin-bottom:var(--lp-space-4);max-width:55ch;font-weight:700}.lp-cta-section p{font-size:var(--text-base);color:#ffffffbf;max-width:60ch;line-height:1.7}.lp-cta-actions{align-items:center;gap:var(--lp-space-4);flex-direction:column;flex-shrink:0;display:flex}.lp-cta-actions .lp-btn-primary{color:var(--lp-accent);background:#fff;border-color:#fff}.lp-cta-actions .lp-btn-primary:hover{background:#ffffffeb;box-shadow:0 4px 24px #0003}.lp-cta-note{font-size:var(--text-xs);color:#ffffffa6;text-align:center;max-width:22ch}.lp-footer{color:#f1f5f9;background:#0f172a}.lp-footer-inner{gap:var(--lp-space-16);padding-block:var(--lp-space-16);grid-template-columns:1fr 2fr;display:grid}.lp-footer-brand .lp-logo{margin-bottom:var(--lp-space-4)}.lp-footer-brand .lp-logo img{filter:invert()brightness(1.1);height:28px}.lp-footer-tagline{font-size:var(--text-sm);color:#ffffff80;max-width:30ch;line-height:1.6}.lp-footer-links{gap:var(--lp-space-8);grid-template-columns:repeat(3,1fr);display:grid}.lp-footer-col{gap:var(--lp-space-3);flex-direction:column;display:flex}.lp-footer-col h4{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:var(--lp-space-2);font-weight:700}.lp-footer-col a{font-size:var(--text-sm);color:#ffffffa6;transition:color var(--lp-transition);text-decoration:none}.lp-footer-col a:hover{color:#fff}.lp-footer-bottom{padding-block:var(--lp-space-6);border-top:1px solid #ffffff1a}.lp-footer-bottom .lp-container{justify-content:space-between;align-items:center;gap:var(--lp-space-4);display:flex}.lp-footer-copy{font-size:var(--text-xs);color:#fff6}.lp-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.lp-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.lp-hero{grid-template-columns:1fr;min-height:auto}.lp-hero-visual{display:none}.lp-kokumi-grid,.lp-compliance-inner{grid-template-columns:1fr}.lp-dimension-card,.lp-compliance-visual{position:static}.lp-cta-inner{grid-template-columns:1fr}.lp-cta-actions{align-items:flex-start}.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lp-nav-links,.lp-nav-actions .lp-btn-ghost{display:none}.lp-hero-cta-group{flex-direction:column;align-items:stretch}.lp-features-grid,.lp-kokumi-sources{grid-template-columns:1fr}.lp-footer-inner{gap:var(--lp-space-10);grid-template-columns:1fr}.lp-footer-links{grid-template-columns:repeat(2,1fr)}.lp-compliance-inner{gap:var(--lp-space-10)}.lp-score-grid{grid-template-columns:repeat(2,1fr)}.lp-cta-section h2{font-size:var(--text-lg)}.lp-hero-headline{font-size:clamp(2rem,8vw,3rem)}.lp-taste-bar-row{grid-template-columns:90px 1fr 45px}}@media (max-width:480px){.lp-footer-links{grid-template-columns:1fr}.lp-footer-bottom .lp-container{gap:var(--lp-space-2);flex-direction:column}}