.fx-scene{max-width:1180px;margin:30px auto 70px;padding:0 28px;color:#0f172a;font-family:Inter,system-ui,sans-serif}.fx-scene *{box-sizing:border-box}.fx-scene-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.fx-scene-head h2{font:400 clamp(24px,3vw,34px)/1.25 Calistoga,Georgia,serif;margin:8px 0}.fx-scene-head p{color:#64748b;max-width:500px;font-size:15px}.fx-caption{font:12px/1.6 'JetBrains Mono',monospace;color:#64748b;margin:16px 0}.fx-stage{border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#f8fafc 60%);padding:36px;overflow:hidden;box-shadow:0 28px 70px -50px #0f172a80}.fx-browser{background:white;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px -30px #0f172a60}.fx-bar{padding:12px 18px;background:#0f172a;color:#cbd5e1;font:11px 'JetBrains Mono',monospace;display:flex;align-items:center;gap:7px}.fx-bar i{width:7px;height:7px;border-radius:50%;background:#fb923c}.fx-bar span{margin-left:12px}.fx-content{padding:26px}.fx-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.fx-switch button,.fx-demo-action{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:9px;padding:11px 16px;min-height:44px;font:600 13px Inter,system-ui;cursor:pointer;transition:background .2s,color .2s,transform .2s}.fx-switch button[aria-pressed=true],.fx-demo-action{background:#0f172a;color:white;border-color:#0f172a}.fx-switch button:hover{border-color:#ea580c}.fx-switch button:focus-visible,.fx-demo-action:focus-visible{outline:3px solid #ea580c;outline-offset:3px}.fx-panel[hidden]{display:none}.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fx-tile{padding:22px;background:white;border:1px solid #e2e8f0;border-radius:12px;min-width:0}.fx-tile small{display:block;color:#64748b;font-size:12px}.fx-tile strong{display:block;font-size:21px;margin:10px 0}.fx-tile p{font-size:14px;color:#64748b;margin:8px 0}.fx-pill{display:inline-block;background:#fff1e8;color:#9a3412;border-radius:24px;padding:5px 10px;font-size:11px;font-weight:600}.fx-document{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;transform:rotate(-2deg);box-shadow:0 12px 25px #0f172a0d}.fx-document h3{font-size:16px;margin:12px 0}.fx-rule{height:7px;background:#e2e8f0;margin:12px 0;border-radius:5px;width:85%}.fx-rule:nth-child(odd){width:60%}.fx-flowline{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:12px}.fx-arrow{text-align:center;color:#ea580c;font-size:25px}.fx-result{padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px}.fx-result strong{display:block;margin-bottom:12px}.fx-result p{font-size:13px;color:#166534}.fx-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fx-column{background:#f8fafc;border-radius:12px;padding:16px}.fx-column h3{font-size:13px;margin-bottom:16px}.fx-column .fx-tile{margin-bottom:10px;padding:15px}.fx-phone{max-width:270px;margin:auto;border:8px solid #0f172a;border-radius:38px;background:white;box-shadow:0 20px 40px #0f172a20;overflow:hidden}.fx-phone-top{background:#0f172a;color:white;text-align:center;padding:8px;font-size:10px}.fx-phone .fx-content{padding:20px}.fx-phone h3{font-size:23px;margin:15px 0}.fx-phone .fx-tile{padding:12px;margin-bottom:10px}.fx-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.fx-shop{background:#f1f5f9;padding:35px;text-align:center;border-radius:12px}.fx-object{margin:10px auto 25px;width:110px;height:130px;border-radius:12px 12px 35px 35px;background:linear-gradient(110deg,#1e293b,#64748b 48%,#0f172a);box-shadow:18px 18px 28px #0f172a26;transform:rotate(-8deg);position:relative}.fx-object:before{content:'';position:absolute;left:25px;top:-16px;width:60px;height:24px;border:7px solid #334155;border-radius:20px}.fx-brandboard{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.fx-brandmark{background:#0f172a;color:white;border-radius:14px;padding:45px 25px;display:grid;place-items:center;font:40px Calistoga,Georgia}.fx-swatches{display:flex;height:65px;border-radius:10px;overflow:hidden;margin-top:20px}.fx-swatches span{flex:1}.fx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fx-step{border-top:2px solid #cbd5e1;padding:20px 10px}.fx-step.active{border-color:#ea580c}.fx-step b{display:block;color:#ea580c;font:18px 'JetBrains Mono',monospace;margin-bottom:16px}.fx-step h3{font-size:16px}.fx-step p{font-size:13px;color:#64748b;margin-top:10px}.fx-panel.fx-enter{animation:fx-enter .4s ease both}@keyframes fx-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}.fx-brief-path{display:flex;gap:9px;flex-wrap:wrap;font:11px 'JetBrains Mono',monospace;color:#64748b;margin:12px 0 22px}.fx-brief-path span{border:1px solid #e2e8f0;border-radius:20px;padding:6px 10px}.fx-brief-path span:first-child{color:#9a3412;background:#fff1e8}.fx-home-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.fx-home-links a{border:1px solid var(--line);border-radius:25px;padding:9px 16px;font-size:13px;background:white}.fx-home-links a:hover{border-color:#ea580c;color:#9a3412}@media(max-width:700px){.fx-scene{padding:0 20px}.fx-scene-head{display:block}.fx-stage{padding:16px}.fx-content{padding:16px}.fx-grid,.fx-pipeline,.fx-split,.fx-brandboard{grid-template-columns:1fr}.fx-flowline{grid-template-columns:1fr}.fx-arrow{transform:rotate(90deg)}.fx-steps{grid-template-columns:1fr 1fr}.fx-document{transform:none}}@media(prefers-reduced-motion:reduce){.fx-panel.fx-enter{animation:none}.fx-scene *{transition:none!important}}