:root{--ink:#17201c;--muted:#68736d;--paper:#f2f0e9;--white:#fff;--green:#0d6b4f;--lime:#c9f36a;--line:#d9ddd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px Arial,sans-serif}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17201c22;position:sticky;top:0;background:#f2f0e9ed;backdrop-filter:blur(14px);z-index:10}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800}.brand b{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:12px}.brand+nav{display:flex;gap:28px}.brand+nav a,footer a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}.hero{min-height:610px;padding:100px 8vw 75px;background:radial-gradient(circle at 90% 25%,#c9f36a47,transparent 28%)}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.16em;font-weight:800}.hero h1{font-size:clamp(52px,7vw,104px);line-height:.93;letter-spacing:-.065em;margin:32px 0}.hero h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.lead{max-width:800px;font-size:20px;line-height:1.55;color:var(--muted)}.start{display:inline-block;background:var(--ink);color:#fff;padding:17px 21px;margin:22px 24px 0 0;border-radius:8px;text-decoration:none;font-weight:800}.hero small{color:var(--muted)}.overview{margin:0 5vw 90px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px #17201c0d}.overview div{display:grid;grid-template-columns:36px auto}.overview b{grid-row:1/3;color:var(--green);font-size:11px}.overview strong{font-size:14px}.overview span{font-size:11px;color:var(--muted);margin-top:5px}.overview i{font-style:normal;color:#a6afa9}.demo,.data,.architecture{padding:75px 5vw 100px}.intro{max-width:1400px;margin:auto auto 42px;display:flex;align-items:end;justify-content:space-between;gap:40px}.intro h2,.data>h2{font-size:clamp(38px,4.2vw,62px);line-height:1;letter-spacing:-.045em;margin:12px 0}.intro>p{max-width:460px;line-height:1.6;color:var(--muted)}.grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:390px 1fr;gap:18px}.panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.panel>h3{display:flex;justify-content:space-between;margin:0 0 24px;font-size:19px}.panel code{font-size:11px;color:var(--green);font-weight:400}label{display:block;margin:16px 0 7px;font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:800;text-transform:uppercase}.field{min-height:40px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;font-size:13px}.field small{color:var(--muted)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggleRow,.importRow{margin-top:17px;padding:12px 14px;background:#f3f6f1;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.toggleRow span,.importRow span{display:flex;flex-direction:column}.toggleRow small,.importRow small{font-size:9px;color:var(--muted)}.switch{width:42px;height:24px;padding:3px;border:0;border-radius:20px;background:#b7bdb9;cursor:pointer}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--green)}.switch.on i{transform:translateX(18px)}.segments{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.segments button{padding:11px;border:0;border-right:1px solid var(--line);font-weight:800;background:#fafbf8;cursor:pointer}.segments .active{background:var(--ink);color:var(--lime)}.importRow{justify-content:flex-start;gap:10px}.hidden{display:none}.result{display:flex;flex-direction:column}.resultHead{display:flex;align-items:start;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.resultHead small,.status small,.decision small{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:800}.resultHead h3{font-size:38px;margin:8px 0}.badge{padding:9px 12px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase}.badge.ok{color:#146342;background:#e1f3e7}.badge.warn{color:#8c5600;background:#fff0d3}.badge.neutral{background:#e8eae8}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.facts div{padding:18px;background:#f5f6f2;border-radius:10px}.facts span{display:block;color:var(--muted);font-size:10px;margin-bottom:12px}.status{padding:17px 18px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between}.status p{font-size:12px;margin:5px 0}.statusButtons button{padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:9px;font-weight:800;cursor:pointer}.statusButtons .active{background:#e8eef7}.statusButtons .ready.active{background:#ddf1e4}.decision{margin-top:24px;padding:24px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:18px}.decision.released{background:var(--green)}.decision.held{background:#7a3f2a}.decision>b{min-width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffff2b;font-size:24px}.decision small{color:#ffffffa8}.decision h3{font-size:23px;margin:6px 0}.decision p{margin:0;opacity:.8;font-size:12px}.steps{max-width:1400px;margin:20px auto 7px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.steps button{min-height:74px;border:1px solid var(--line);border-radius:10px;background:#ffffff90;display:flex;gap:9px;text-align:left;padding:13px;cursor:pointer}.steps button>span{font-size:10px;color:var(--green);font-weight:800}.steps button div{display:flex;flex-direction:column;gap:6px}.steps small{font-size:8px;color:var(--muted)}.steps strong{font-size:11px}.steps .active{background:var(--ink);color:#fff}.stepDetail{max-width:1400px;margin:auto;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:80px 1fr auto;align-items:center}.stepDetail>b{font-size:45px;color:#d6dbd7}.stepDetail small{font-size:9px;color:var(--green);font-weight:800}.stepDetail h3{margin:6px 0}.stepDetail p{margin:0;color:var(--muted);font-size:13px}.stepDetail button{border:0;border-radius:7px;background:var(--lime);padding:12px 15px;font-size:11px;font-weight:800;cursor:pointer}.architecture{background:var(--ink);color:#fff}.architecture .intro>p{color:#a8b2ac}.flow{max-width:1400px;margin:20px auto;display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center}.flow div{padding:25px;border:1px solid #3e4943;border-radius:14px;display:flex;flex-direction:column;gap:8px}.flow .accent{border-color:var(--lime);background:#c9f36a10}.flow small{color:var(--lime);font-size:9px}.flow b{font-size:20px}.flow span{color:#9ea9a3;font-size:11px}.flow i{text-align:center;color:var(--lime);font-style:normal;font-size:22px}.data{max-width:1500px;margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.cards article{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.cards article>small{color:var(--green);font-weight:800;letter-spacing:.14em}.cards h3{font-size:23px}.cards ul{list-style:none;padding:0}.cards li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.cards li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.cards .dark{background:var(--ink);color:#fff}.cards .dark li{color:#b9c2bd;border-color:#38423d}.cards .dark li:before{color:var(--lime)}.note{margin-top:25px;padding:15px 20px;border-left:4px solid var(--lime);color:var(--muted);line-height:1.6}.note b{color:var(--ink);margin-right:8px}footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}footer span{font-weight:800;color:var(--ink)}footer a{color:var(--green)}
@media(max-width:900px){header nav{display:none}.grid{grid-template-columns:1fr}.overview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview i{display:none}.steps{grid-template-columns:repeat(3,1fr)}.flow{grid-template-columns:1fr}.flow i{transform:rotate(90deg)}.cards{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}.stepDetail{grid-template-columns:60px 1fr}.stepDetail button{grid-column:2;margin-top:15px;justify-self:start}}
@media(max-width:560px){.hero{padding:70px 5vw}.hero h1{font-size:46px}.overview{grid-template-columns:1fr}.panel{padding:20px}.resultHead,.status{align-items:start;flex-direction:column;gap:14px}.facts{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.stepDetail{grid-template-columns:1fr}.stepDetail>b{display:none}.stepDetail button{grid-column:1}footer{flex-direction:column;gap:12px}}