:root{--bg: #0F0D0A;--card: #1C1A17;--card-border: rgba(255, 255, 255, .07);--accent: #E8A020;--accent-light: #F0C975;--text: #FAFAF7;--text-muted: #9B9890;--success: #1E7A6E;--error: #C1432D;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .12);--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}.page-wrap{min-height:100dvh;display:flex;flex-direction:column}.content-wrap{width:100%;max-width:640px;margin:0 auto;padding:0 16px 48px;flex:1}.site-header{background:var(--card);border-bottom:1px solid var(--card-border);padding:0 16px;position:sticky;top:0;z-index:100}.site-header-inner{max-width:640px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-logo{font-family:var(--font-serif);font-size:18px;color:var(--accent);white-space:nowrap;flex-shrink:0}.site-logo:hover{color:var(--accent-light)}.header-page-name{font-size:13px;color:var(--text-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-text{background:none;border:none;color:var(--accent);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;white-space:nowrap;flex-shrink:0}.btn-text:hover{color:var(--accent-light)}.calc-intro{padding:32px 0 24px;text-align:center}.calc-intro h1{font-family:var(--font-serif);font-size:clamp(28px,7vw,40px);font-weight:400;line-height:1.2;color:var(--text);margin-bottom:10px}.calc-intro p{color:var(--text-muted);font-size:16px;max-width:420px;margin:0 auto}.calc-form-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:24px 20px;margin-bottom:16px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.form-label .optional{text-transform:none;font-weight:400;color:var(--text-muted);letter-spacing:0;font-size:12px}.form-label .required-star{color:var(--accent)}.field-hint{display:block;font-size:12px;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0;margin-top:2px}.input-wrap{position:relative;display:flex;align-items:center}.input-prefix,.input-suffix{position:absolute;color:var(--text-muted);font-family:var(--font-mono);font-size:15px;pointer-events:none;z-index:1;line-height:1}.input-prefix{left:14px}.input-suffix{right:14px}.calc-input{width:100%;height:52px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);font-size:16px;padding:0 14px;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.calc-input:focus{outline:none;border-color:var(--accent);background:#e8a0200a}.calc-input.has-prefix{padding-left:30px}.calc-input.has-suffix{padding-right:34px}.calc-input.input-error{border-color:var(--error)}.calc-input[type=number]::-webkit-inner-spin-button,.calc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.calc-input[type=number]{-moz-appearance:textfield}.error-msg{display:block;font-size:13px;color:var(--error);margin-top:5px}.form-divider{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:6px 0 14px;border-top:1px solid var(--card-border);margin-top:4px}.btn-calculate{width:100%;height:56px;background:var(--accent);color:#0f0d0a;font-family:var(--font-sans);font-size:17px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;margin-top:8px;letter-spacing:.01em;transition:background .15s,transform .1s}.btn-calculate:hover{background:var(--accent-light)}.btn-calculate:active{transform:scale(.99)}.form-fine-print{font-size:12px;color:var(--text-muted);text-align:center;margin-top:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 56px);padding:40px 16px;text-align:center;gap:16px}.loading-spinner{width:44px;height:44px;border:3px solid rgba(232,160,32,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.loading-headline{font-family:var(--font-mono);font-size:16px;color:var(--text)}.loading-brand{font-family:var(--font-serif);font-size:20px;color:var(--accent)}.loading-tagline{font-size:13px;color:var(--text-muted)}.score-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:36px 24px 28px;text-align:center;margin-bottom:12px;position:relative;overflow:hidden}.score-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.score-glow-ring{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto}.score-glow-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:200px;background:radial-gradient(ellipse at center,rgba(232,160,32,.2) 0%,rgba(232,160,32,.07) 42%,transparent 68%);border-radius:50%;pointer-events:none}.score-number{font-family:var(--font-mono);font-size:clamp(80px,22vw,100px);font-weight:700;color:var(--accent);line-height:1;letter-spacing:-3px;position:relative;z-index:1}.score-denom{font-family:var(--font-mono);font-size:22px;color:var(--text-muted);margin-top:4px;letter-spacing:-.5px}.score-verdict-pill{display:inline-block;margin-top:18px;padding:6px 18px;border-radius:100px;font-family:var(--font-sans);font-size:14px;font-weight:600;border-width:1px;border-style:solid;letter-spacing:.02em}.score-action{font-family:var(--font-mono);font-size:clamp(16px,4.5vw,20px);font-weight:700;color:var(--text);letter-spacing:.06em;margin-top:12px;text-transform:uppercase}.sub-scores{display:flex;justify-content:center;gap:0;margin-top:28px;border-top:1px solid var(--card-border);padding-top:20px}.sub-score{flex:1;text-align:center;padding:0 8px}.sub-score+.sub-score{border-left:1px solid var(--card-border)}.sub-score-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.sub-score-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text)}.sub-score-note{font-size:10px;color:var(--text-muted);vertical-align:super}.result-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:22px 20px;margin-bottom:12px}.result-card-title{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--text);margin-bottom:16px}.snapshot-grid{display:flex;flex-direction:column;gap:0}.snapshot-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--card-border);gap:8px}.snapshot-row:last-child{border-bottom:none}.snapshot-label{font-size:14px;color:var(--text-muted)}.snapshot-value{font-family:var(--font-mono);font-size:15px;color:var(--text);font-weight:700;text-align:right;white-space:nowrap}.snapshot-row.highlight .snapshot-label{color:var(--text);font-weight:600}.snapshot-row.highlight .snapshot-value{font-size:18px}.snapshot-row.positive .snapshot-value{color:#4ade80}.snapshot-row.negative .snapshot-value{color:var(--error)}.insight-card{border-left:3px solid var(--accent)}.insight-eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:10px}.insight-body{font-size:15px;color:var(--text);line-height:1.65;font-style:italic}.opportunity-card{border-left:3px solid var(--success)}.opportunity-eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#2dd4bf;margin-bottom:10px}.opportunity-body{font-size:15px;color:var(--text);line-height:1.65;font-style:italic}.benchmark-bars{margin:16px 0 12px}.benchmark-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.benchmark-row-label{font-size:13px;color:var(--text-muted);width:120px;flex-shrink:0}.benchmark-track{flex:1;height:8px;background:#ffffff12;border-radius:100px;overflow:hidden}.benchmark-fill{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.22,1,.36,1)}.benchmark-row-score{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text);width:28px;text-align:right;flex-shrink:0}.benchmark-summary{font-size:15px;color:var(--text);margin-bottom:8px}.benchmark-note{font-size:12px;color:var(--text-muted);font-style:italic}.locked-preview-header{margin-bottom:16px}.locked-preview-sub{font-size:13px;color:var(--text-muted);margin-top:5px}.locked-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.locked-features li{font-size:14px;color:var(--text-muted);padding:9px 12px;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--card-border);display:flex;align-items:center;gap:8px}.lock-icon{font-size:13px;opacity:.5}.btn-unlock{display:block;width:100%;height:52px;background:var(--accent);color:#0f0d0a;font-family:var(--font-sans);font-size:16px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:center;line-height:52px;transition:background .15s}.btn-unlock:hover{background:var(--accent-light);color:#0f0d0a}.email-capture h2{font-family:var(--font-serif);font-size:20px;font-weight:400;margin-bottom:6px}.email-capture p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.email-form{display:flex;flex-direction:column;gap:10px}.email-input{height:52px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-sans);font-size:16px;padding:0 16px;width:100%;transition:border-color .15s}.email-input:focus{outline:none;border-color:var(--accent)}.btn-email{height:52px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-sans);font-size:15px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,color .15s}.btn-email:hover{background:var(--accent);color:#0f0d0a}.email-success{padding:16px;background:#1e7a6e26;border:1px solid rgba(30,122,110,.4);border-radius:var(--radius-md);color:#4ade80;font-size:15px;text-align:center}.btn-start-over{display:block;width:100%;padding:14px;background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-sans);font-size:14px;cursor:pointer;text-align:center;margin-bottom:40px;transition:border-color .15s,color .15s}.btn-start-over:hover{border-color:var(--accent);color:var(--accent)}.seo-section{border-top:1px solid var(--card-border);padding-top:32px;margin-top:12px}.seo-section h2{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--text);margin-bottom:12px}.seo-section p{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:14px}.faq-list{margin-top:28px;display:flex;flex-direction:column;gap:20px}.faq-item h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.faq-item p{font-size:14px;color:var(--text-muted);line-height:1.65;margin-bottom:0}.site-footer{border-top:1px solid var(--card-border);padding:20px 16px;text-align:center}.site-footer p{font-size:13px;color:var(--text-muted)}.site-footer a{color:var(--accent)}.home-hero{padding:48px 0 36px;text-align:center}.home-hero h1{font-family:var(--font-serif);font-size:clamp(32px,9vw,48px);font-weight:400;color:var(--text);margin-bottom:12px;line-height:1.15}.home-hero p{font-size:17px;color:var(--text-muted);max-width:400px;margin:0 auto}.calc-grid{display:flex;flex-direction:column;gap:10px;margin-top:24px}.calc-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .15s;text-decoration:none;color:var(--text)}.calc-card:hover{border-color:var(--accent);color:var(--text)}.calc-card.coming-soon{opacity:.45;cursor:default;pointer-events:none}.calc-card-left h2{font-size:16px;font-weight:600;margin-bottom:3px}.calc-card-left p{font-size:13px;color:var(--text-muted)}.calc-card-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0}.badge-active{background:#e8a02026;border:1px solid rgba(232,160,32,.35);color:var(--accent)}.badge-soon{background:#ffffff0a;border:1px solid var(--card-border);color:var(--text-muted)}.select-wrap{position:relative}.calc-select{cursor:pointer;padding-right:36px}.select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:13px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confidence-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--input-border);border-radius:var(--radius-md);overflow:hidden}.confidence-btn{padding:14px 6px;background:var(--input-bg);border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;text-align:center;transition:background .15s,color .15s;min-height:48px}.confidence-btn+.confidence-btn{border-left:1px solid var(--input-border)}.confidence-btn.active{background:#e8a0201f;color:var(--accent);font-weight:700}.menu-items-header{display:grid;grid-template-columns:1fr 76px 32px;gap:8px;margin-bottom:6px}.menu-col-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.menu-item-row{display:grid;grid-template-columns:1fr 76px 32px;gap:8px;margin-bottom:8px;align-items:center}.menu-name-input{width:100%}.menu-pct-input{width:76px}.menu-remove-btn{background:none;border:1px solid var(--card-border);color:var(--text-muted);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.menu-remove-btn:hover{border-color:var(--error);color:var(--error)}.mix-total-bar{height:3px;background:#ffffff12;border-radius:2px;margin-top:10px;overflow:hidden}.mix-total-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.mix-total-text{font-family:var(--font-mono);font-size:12px;margin-top:5px;text-align:right;transition:color .3s}.btn-add-item{background:none;border:1px dashed var(--input-border);color:var(--text-muted);border-radius:var(--radius-md);width:100%;padding:11px;font-family:var(--font-sans);font-size:14px;cursor:pointer;margin-top:6px;transition:border-color .15s,color .15s;min-height:48px}.btn-add-item:hover{border-color:var(--accent);color:var(--accent)}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.orders-stat{background:#ffffff08;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:12px 14px}.orders-stat-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:4px}.orders-stat-value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text)}.orders-formula-note{font-size:12px;color:var(--text-muted);font-style:italic}.bring-list-card{border:1px solid rgba(232,160,32,.25);background:#e8a0200a}.bring-list-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.bring-list-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:nowrap}.bring-list-cols{display:grid;grid-template-columns:1fr 48px 56px;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--card-border);margin-bottom:2px}.bring-col-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.bring-col-mix{text-align:center}.bring-col-qty{text-align:right}.bring-items{display:flex;flex-direction:column}.bring-list-item{display:grid;grid-template-columns:1fr 48px 56px;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--card-border)}.bring-list-item:last-child{border-bottom:none}.bring-item-name{font-size:15px;font-weight:500;color:var(--text)}.bring-item-mix{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);text-align:center}.bring-item-qty{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent);text-align:right}.bring-buffer-note{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:12px;text-align:center}.price-detail-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--card-border);font-size:14px}.price-detail-row:last-child{border-bottom:none}.price-detail-label{color:var(--text-muted)}.price-detail-value{font-family:var(--font-mono);font-weight:700;font-size:15px}.form-section-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin:20px 0 4px}.form-section-label:first-child{margin-top:0}@media (min-width: 600px){.content-wrap{padding:0 24px 64px}.calc-form-card{padding:32px 28px}.result-card{padding:26px 24px}.score-card{padding:44px 32px 32px}.email-form{flex-direction:row}.email-input{flex:1}.btn-email{white-space:nowrap;padding:0 24px;width:auto}}
