*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}[hidden]{display: none !important}a{color:inherit}.eyebrow{margin:0 0 8px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.feature-groups{display:grid;gap:14px}.feature-group h3{margin:0 0 10px;font-size:.67rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.field-grid{display:grid;gap:10px}.field{display:grid;gap:5px}.field label{font-size:.8rem;font-weight:750}.field-hint,.field-error{font-size:.7rem;line-height:1.3}.field-error:empty{display:none}.field input{width:100%;height:36px;padding:0 10px;outline:0;font-variant-numeric:tabular-nums}.primary-button{cursor:pointer;font-weight:850}.primary-button:disabled{opacity:.68;cursor:wait}.submit-status{min-height:18px;margin:8px 0 0;font-size:.78rem;font-weight:750}.empty-state{display:grid;place-items:center;text-align:center;gap:8px}.prediction-result{display:grid;gap:10px}.muted-label{margin:0;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.price-row{display:flex;align-items:baseline;gap:10px}.price-main{font-variant-numeric:tabular-nums}.price-usd,.prediction-range,.caveat,.form-note{margin:0}.model-input-heading{display:flex;justify-content:space-between;gap:16px;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}pre{overflow:auto;margin:10px 0 0;padding:12px;font-size:.72rem}.sales-svg{display:block;width:100%;height:auto;overflow:visible}.chart-label{font-size:13px;font-weight:700}.chart-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:9px 10px;text-align:left}th{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}td:nth-child(3),td:last-child{font-variant-numeric:tabular-nums}.metric-list{display:grid}.metric-item{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.metric-item strong{font-variant-numeric:tabular-nums}.method-list{margin:12px 0 0;padding-left:18px}.method-list li+li{margin-top:7px}@media(max-width:860px){.field-grid{grid-template-columns:1fr!important}}

:root{--bg:#000;--panel:#050505;--panel2:#0d0d0d;--ink:#fff;--body:#d6d6d6;--muted:#8a8a8a;--line:#292929;--line2:#464646;--gold:#c7a45a;--danger:#d4a017}body{background:var(--bg);color:var(--ink);font-family:'DM Sans',Helvetica,Arial,sans-serif;font-size:15px}.cockpit-top{height:62px;padding:0 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:sticky;top:0;background:#000;z-index:10}.sig{text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.32em}.cockpit-top nav{display:flex;gap:6px}.cockpit-top nav a{padding:8px 11px;text-decoration:none;border:1px solid transparent;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.2em}.cockpit-top nav a.active,.cockpit-top nav a:hover{color:var(--ink);border-color:var(--line2)}.student{text-align:right;display:grid;gap:2px;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.student strong{color:var(--ink);font-weight:500}.cockpit-layout{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:30px 0 42px}.instrument-hero{min-height:500px;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px}.hero-meta h1{margin:0;max-width:720px;font-size:clamp(3.4rem,8vw,8.2rem);line-height:.84;text-transform:uppercase;letter-spacing:.04em;font-weight:300}.gauge-result{position:relative;min-height:460px;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at center,#111 0,#060606 42%,#000 72%);overflow:hidden}.gauge-ring{position:absolute;width:360px;height:360px;border:1px solid var(--line2);border-radius:50%;box-shadow:inset 0 0 0 52px #020202,inset 0 0 0 53px var(--line),0 0 0 1px #070707}.gauge-ring:before,.gauge-ring:after{content:'';position:absolute;left:50%;top:50%;width:1px;height:180px;background:var(--line2);transform-origin:top}.gauge-ring:before{transform:rotate(42deg)}.gauge-ring:after{transform:rotate(-42deg)}.empty-state{position:relative;z-index:1;min-height:240px;color:var(--muted)}.empty-state strong{font-size:8rem;font-weight:200;line-height:.8}.prediction-result{position:relative;z-index:1;text-align:center;justify-items:center}.price-main{font-size:clamp(4.8rem,10vw,9rem);line-height:.82;font-weight:250;letter-spacing:.03em}.price-unit{color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.price-usd{font-size:1.25rem;color:var(--body);font-weight:500}.prediction-range{padding:8px 12px;border:1px solid var(--line2);color:var(--body);background:#030303}.instrument-strip{margin-top:18px;border:1px solid var(--line);background:#050505;display:grid;grid-template-columns:220px minmax(0,1fr) 190px;gap:18px;align-items:start;padding:18px}.strip-heading h2{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:400}.feature-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-group{border-left:1px solid var(--line);padding-left:14px}.field-grid{grid-template-columns:1fr}.field label{color:var(--body);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.field-hint,.form-note,.metric-item span:first-child,.method-list{color:var(--muted)}.field input{background:#000;color:var(--ink);border:1px solid var(--line2);border-radius:0}.field input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.field input.is-invalid{border-color:var(--danger);background:rgba(212,160,23,.08)}.field-error{color:#e5c76c}.strip-action{display:grid;gap:8px}.primary-button{height:48px;border:1px solid #fff;background:#fff;color:#000;border-radius:0;text-transform:uppercase;letter-spacing:.16em}.cockpit-lower{margin-top:18px;display:grid;grid-template-columns:360px 300px minmax(0,1fr);grid-template-areas:'payload telemetry radar' 'log log radar';gap:18px}.blackbox-input,.model-stack,.sales-radar,.sales-log{border:1px solid var(--line);background:#050505;padding:16px}.blackbox-input{grid-area:payload}.model-stack{grid-area:telemetry}.sales-radar{grid-area:radar}.sales-log{grid-area:log;padding:0}.model-input-heading{color:var(--muted)}pre{background:#000;color:#f2f2f2;border:1px solid var(--line);min-height:170px}.sales-chart{padding:10px;border:1px solid var(--line);background:#000}.radar-head h2{margin:0;font-weight:300;text-transform:uppercase;letter-spacing:.16em}.chart-label{fill:#e8e8e8}.chart-value{fill:#9a9a9a}.chart-track{fill:#1c1c1c}th,td{border-bottom:1px solid var(--line)}th{background:#0b0b0b;color:#aaa}td{color:#e2e2e2}.metric-item{border-bottom:1px solid var(--line)}@media(max-width:1100px){.instrument-hero,.instrument-strip,.cockpit-lower{grid-template-columns:1fr;grid-template-areas:none}.feature-groups{grid-template-columns:1fr}.blackbox-input,.model-stack,.sales-radar,.sales-log{grid-area:auto}}@media(max-width:720px){.cockpit-top{height:auto;grid-template-columns:1fr;padding:14px}.student{text-align:left}.cockpit-top nav{flex-wrap:wrap}.instrument-hero{min-height:auto}.gauge-result{min-height:360px}.hero-meta h1{font-size:3rem}}
/* layout-3 cockpit UX polish */
.hero-lead{max-width:560px;margin:18px 0 0;color:var(--body);font-size:1rem;line-height:1.65;text-transform:none;letter-spacing:0;font-weight:400}.strip-copy,.panel-note{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45;text-transform:none;letter-spacing:0}.empty-state span{max-width:270px;color:var(--body);line-height:1.45}.prediction-result{animation:instrumentIn 180ms ease-out}.primary-button{transition:background 140ms ease,border-color 140ms ease,transform 140ms ease}.primary-button:hover{background:#ececec;transform:translateY(-1px)}.primary-button:focus-visible,.cockpit-top nav a:focus-visible,.sig:focus-visible{outline:2px solid #fff;outline-offset:3px}.feature-group{background:#060606;padding-top:2px;padding-bottom:2px}.feature-group h3{color:#f0f0f0}.field label{transition:color 140ms ease}.field:focus-within label{color:#fff}.field input{transition:border-color 140ms ease,background 140ms ease,box-shadow 140ms ease}.field input:hover{border-color:#666}.field-hint{color:#9d9d9d}.submit-status:not(:empty){padding:8px 0;color:#e5e5e5}.form-note{grid-column:1/-1;color:#9c9c9c;line-height:1.45}.model-input pre:empty:before{content:'Belum ada input. Jalankan prediksi untuk melihat data input.';color:var(--muted)}.metric-item strong{color:#f2f2f2}.method-list{line-height:1.45}.sales-radar{display:grid;align-content:start;gap:12px}.radar-head h2{font-size:1.2rem}.sales-log tbody tr:hover{background:#0c0c0c}.chart-bar rect[fill]{fill:#d8d8d8}.chart-bar:hover rect[fill]{fill:#fff}@keyframes instrumentIn{from{opacity:.35;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.prediction-result,.primary-button{animation:none;transition:none}}@media(max-width:720px){.hero-lead{font-size:.94rem}.strip-copy{font-size:.76rem}.empty-state span{max-width:220px}}
/* layout-4 compact cockpit fixes */
.cockpit-top{grid-template-columns:1fr 1fr}.cockpit-top nav{display:none}.instrument-hero{min-height:360px;grid-template-columns:minmax(0,1fr) 460px;gap:24px;padding-bottom:22px}.hero-meta h1{max-width:620px;font-size:clamp(2.25rem,4.7vw,4.6rem);line-height:.95;letter-spacing:.015em;text-transform:none}.hero-lead{max-width:500px;margin-top:14px}.gauge-result{min-height:360px}.gauge-ring{width:300px;height:300px;box-shadow:inset 0 0 0 44px #020202,inset 0 0 0 45px var(--line),0 0 0 1px #070707}.gauge-ring:before,.gauge-ring:after{height:150px}.cockpit-lower{grid-template-columns:minmax(0,360px) 300px minmax(0,1fr)}.blackbox-input,.model-input,.model-input pre{min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.model-input pre{max-width:100%;line-height:1.45}.empty-state span{max-width:300px}@media(max-width:1100px){.instrument-hero{grid-template-columns:1fr;min-height:auto}.gauge-result{min-height:330px}.cockpit-lower{grid-template-columns:1fr}.cockpit-top{grid-template-columns:1fr auto}}@media(max-width:720px){.hero-meta h1{font-size:2.35rem;line-height:1}.gauge-result{min-height:300px}.gauge-ring{width:240px;height:240px;box-shadow:inset 0 0 0 34px #020202,inset 0 0 0 35px var(--line),0 0 0 1px #070707}.cockpit-top{grid-template-columns:1fr}.student{text-align:left}}
/* layout-5 identity placement */
.identity-card{margin-top:14px;border:1px solid var(--line2);background:#080808;padding:16px;display:grid;gap:7px;min-height:132px;align-content:center}.identity-card .eyebrow{margin-bottom:2px;color:var(--muted)}.identity-card strong{font-size:1.18rem;line-height:1.15;font-weight:650;letter-spacing:.01em;color:#fff}.identity-card span{color:var(--body);font-size:.82rem;line-height:1.35}.identity-card .identity-course{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.sales-radar{grid-template-rows:auto auto 1fr}.sales-chart{min-height:0}.cockpit-top .student{opacity:.78}@media(max-width:1100px){.identity-card{min-height:auto}}@media(max-width:720px){.identity-card strong{font-size:1rem}.identity-card{padding:14px}}
/* compatibility with existing frontend regression guards */
.hero-badges{display:none}
/* layout-6 result alignment polish */
.gauge-result{justify-items:center;align-items:center}.prediction-result{width:min(360px,calc(100% - 28px));margin-inline:auto;align-content:center;justify-content:center;justify-items:center;text-align:center}.prediction-result>*{justify-self:center}.price-row{width:100%;justify-content:center;align-items:baseline;flex-wrap:wrap}.price-usd,.prediction-range,.muted-label{text-align:center}.prediction-range{display:block;width:max-content;max-width:100%;margin-inline:auto;line-height:1.45;white-space:normal}