.demo-intro{margin:22px 0 30px}.demo-intro h1{font-size:clamp(2.3rem,4.7vw,4rem)}.demo-intro .demo-label{font-size:.8rem;letter-spacing:.02em;color:#95bdce;margin-top:12px}.back-link{font-size:.9rem}.demo-workspace{border:1px solid #446376;padding:24px;border-radius:16px;background:#102333;box-shadow:0 25px 60px #0003}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px}.demo-toolbar label{flex:1;min-width:140px;font-size:.85rem}.demo-toolbar .button{font-size:.85rem}.demo-split{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.demo-card{padding:22px;background:#193345;border:1px solid #35576d;border-radius:10px;min-width:0}.demo-card h2{font-size:1.15rem;margin-bottom:12px}.demo-card p+p{margin-top:12px}.demo-card textarea{margin:10px 0 16px}.demo-workspace>details,.demo-workspace>section.demo-card{margin-top:20px}.demo-workspace>.fine{margin-top:18px}summary{cursor:pointer;color:#c4e4f5;font-weight:600}details[open] summary{margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metrics>div{padding:18px;border-left:3px solid #86c9e5;background:#1c3a4d}.metrics span{color:#adc5d5;font-size:.83rem;display:block}.metrics strong{display:block;font-size:clamp(1.3rem,2.4vw,2rem);margin-top:5px}.bar-chart{display:flex;align-items:end;gap:8px;height:230px;padding:12px 0;border-bottom:1px solid #4b6a7c}.chart-column{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:8px;align-self:stretch;min-width:0;border:0;background:none;color:#bdd9e9;cursor:pointer;padding:0;font-size:.72rem}.bar-fill{display:block;width:75%;background:linear-gradient(#9ad7ee,#416e91);border-radius:5px 5px 0 0;transition:height .4s,filter .2s}.chart-column:hover .bar-fill,.chart-column[aria-pressed=true] .bar-fill{filter:brightness(1.35);outline:1px solid #d6f4ff}.bar-value{font-size:.65rem}.channel-row{margin:18px 0;display:grid;grid-template-columns:1fr auto;gap:5px}.channel-row small,.channel-row meter{grid-column:1/-1}.channel-row small{color:#9bb7c9}meter{width:100%;height:12px;accent-color:#a1d6eb}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}td,th{padding:10px;border-bottom:1px solid #35576d}#chart-detail{margin-top:15px;min-height:42px;font-size:.83rem;color:#b5cede}.demo-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px 0;padding:25px 0;border-bottom:1px solid #375568}.demo-next p{max-width:580px;color:var(--muted);margin-top:10px}.demo-next .button{flex-shrink:0}.demo-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}.demo-nav a{font-size:.8rem;border:1px solid #365466;padding:8px 12px}.sample-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.sample-buttons button{padding:7px 10px;border:1px solid #56788c;background:#233f52;color:#c7e6f6;border-radius:5px;cursor:pointer}.score-row{display:grid;grid-template-columns:1fr auto;gap:3px;margin:14px 0}.score-row meter{grid-column:1/-1}.routing-result{font-size:1.8rem;color:#b8e3f1}.pipeline{display:flex;gap:8px;margin-bottom:25px}.pipeline span{flex:1;text-align:center;border:1px solid #598199;padding:12px 8px;border-radius:5px;background:#214359;font-size:.85rem}.pipeline span+span:before{content:'→';margin-right:8px;color:#9dd4ec}.record{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #3a566a;font-size:.8rem}.flow-log{padding-left:20px;color:#c1d9e7;font-size:.85rem}.flow-log li{margin-bottom:15px;animation:log-in .3s ease}button:disabled{opacity:.55;cursor:wait}@keyframes log-in{from{opacity:0;transform:translateY(6px)}}#invoice-count{font-size:.8rem;background:#2b5167;padding:4px 10px;border-radius:20px;margin-left:8px}.blueprint{background-image:linear-gradient(#8ac4e509 1px,transparent 1px),linear-gradient(90deg,#8ac4e509 1px,transparent 1px);background-size:20px 20px}.pc-case{width:100%;max-width:310px;height:330px;position:relative;margin:25px auto;border:2px solid #84bfdc;border-radius:12px;box-shadow:inset 0 0 0 10px #122a3c;background:#10263899}.pc-case:before{content:'';position:absolute;left:20px;top:20px;width:65%;height:70%;border:1px dashed #527a91}.pc-part{position:absolute;background:#244b63;color:#d2f0ff;border:1px solid #76aac5;border-radius:4px;padding:9px;font-size:.85rem;cursor:pointer;transition:background .2s,transform .2s}.pc-part:hover,.pc-part[aria-pressed=true]{background:#447f9f;transform:translateY(-2px)}.part-cpu{top:42px;left:40px;width:90px;height:75px}.part-ram{top:35px;left:145px;width:52px;height:95px;padding:5px}.part-gpu{top:160px;left:30px;width:180px;height:55px}.part-ssd{top:240px;left:36px}.part-psu{bottom:16px;right:15px;font-size:.7rem}.pc-fans{position:absolute;right:13px;top:30px;font-size:3rem;color:#80b5ce;line-height:1.3}#part-description{font-size:.85rem;color:#b6d2e1;min-height:80px}.part-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #36566a;font-size:.85rem}.part-row span{display:block;font-size:.75rem;color:#9cbacd}.build-total{margin:20px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.build-total strong{font-size:1.8rem;color:#c2eafa}.build-total span{font-size:.85rem;max-width:100px}.website-window{margin:auto;width:100%;border:1px solid #658398;border-radius:10px;overflow:hidden;transition:max-width .4s}.window-bar{display:flex;gap:6px;align-items:center;padding:12px;background:#263f50}.window-bar i{width:7px;height:7px;border-radius:50%;background:#8dafc1}.window-bar span{font-size:.68rem;color:#bdd0dd;margin-left:8px}.sample-site{--sample-accent:#246d81;--sample-bg:#edf3f3;background:var(--sample-bg);color:#13323c}.sample-site[data-theme=forest]{--sample-accent:#496d42;--sample-bg:#f0f3e7;color:#273822}.sample-site[data-theme=clay]{--sample-accent:#97513d;--sample-bg:#faf0e8;color:#492d25}.sample-site header{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #0002;gap:15px;flex-wrap:wrap}.sample-site nav{position:static;display:flex;gap:8px}.sample-site button{border:0;border-radius:4px;background:var(--sample-accent);color:white;padding:10px 15px;cursor:pointer}.sample-site nav button{background:transparent;color:inherit;font-size:.8rem;padding:7px}.sample-site nav button[aria-pressed=true]{box-shadow:inset 0 -2px var(--sample-accent)}.sample-hero,.sample-section{padding:clamp(22px,4vw,45px)}.sample-hero h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:470px;margin:20px 0;line-height:1.1}.sample-hero>span{font-size:.8rem}.sample-hero p{max-width:430px;margin-bottom:24px}.sample-graphic{display:flex;gap:12px;align-items:end;height:120px;margin-top:30px;overflow:hidden}.sample-graphic b{display:block;background:var(--sample-accent);width:30%;height:70%;border-radius:60px 60px 0 0;opacity:.3}.sample-graphic b:nth-child(2){height:100%;opacity:.7}.sample-graphic b:nth-child(3){height:45%;opacity:1}.sample-benefits{padding:22px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;background:#00000008;font-size:.85rem}.sample-site footer{padding:22px;font-size:.75rem;border-top:1px solid #0002}.sample-section h2{font-size:2rem;margin-bottom:14px}.sample-offers{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.sample-offers article{border:1px solid #0002;padding:20px}.sample-site input,.sample-site textarea{font:inherit;color:inherit;background:#ffffffaa;border:1px solid #0004;padding:10px;width:100%;border-radius:4px}.sample-site form{max-width:470px}.phone-preview{max-width:375px}.phone-preview .sample-offers{grid-template-columns:1fr}.phone-preview .sample-site header{flex-direction:column;align-items:start}.phone-preview .sample-hero h2{font-size:2rem}@media(max-width:1050px){.demo-split{grid-template-columns:1fr}.demo-next{align-items:start;flex-direction:column}}@media(max-width:680px){.demo-workspace{padding:14px}.demo-card{padding:16px}.metrics{gap:6px}.metrics>div{padding:12px 8px}.metrics strong{font-size:1.15rem}.metrics span{font-size:.7rem}.pipeline{display:grid;grid-template-columns:1fr 1fr}.record{grid-template-columns:1fr 1fr}.record span:last-child{grid-column:2}.sample-offers{grid-template-columns:1fr}.bar-value{font-size:.56rem}.demo-toolbar{gap:12px}.demo-next{padding:15px 0}.demo-nav a{width:100%}.sample-site header{padding:16px}}