:root{--bg:#071020;--panel:#0c1930;--panel2:#101e36;--panel3:#152541;--line:rgba(157,184,226,.12);--text:#ecf4ff;--sub:#a2b4ce;--muted:#7186a3;--aqua:#57ded6;--blue:#5189ff;--violet:#ab80f4;--pink:#fc75a5;--ok:#48d6a3;--warn:#ffca70;--sh:0 18px 60px rgba(0,0,0,.19);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 85% 45% at 70% -20%,rgba(36,92,144,.13),transparent),var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}::selection{background:#4ac6d477}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:none;position:fixed;height:100vh;left:0;top:0;z-index:30;background:linear-gradient(180deg,#0c172b,#081326);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 15px 19px;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:2px 11px 28px}.brand-icon{width:42px;height:42px;background:linear-gradient(130deg,#2ba0a8,#625bde);border-radius:14px;display:grid;place-items:center;box-shadow:0 0 26px #36e3cb35}.brand-icon svg{width:25px}.brand strong{font-size:15px;letter-spacing:.3px;display:block}.brand small{color:var(--muted);font-weight:650;letter-spacing:1.5px;font-size:9px}.nav-label{color:#59708e;letter-spacing:1.6px;text-transform:uppercase;font-size:10px;font-weight:800;padding:13px 16px 9px}.navbtn{border:1px solid transparent;background:transparent;color:#94a8c3;display:flex;width:100%;gap:13px;align-items:center;text-align:left;border-radius:11px;padding:12px 15px;margin:2px 0;font-size:13px;font-weight:570;transition:.16s}.navbtn svg{width:18px;height:18px;flex:none}.navbtn:hover{background:#1b2c45;color:white}.navbtn.active{color:#cbfff5;border-color:#24545a;background:linear-gradient(90deg,#17414985,#14253c)}.navbtn.active svg{color:var(--aqua)}.sidebar-bottom{margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--line)}.status-dot{width:8px;height:8px;background:#3fdca7;box-shadow:0 0 13px #3fdca7;display:inline-block;border-radius:50%;margin-right:9px}.minicard{background:#10233c;border-radius:13px;padding:13px;margin:0 0 15px;font-size:12px;color:#9fb5cd}.minicard strong{display:block;color:#edf7ff;font-size:13px;margin-bottom:7px}.minicard .quiet{font-size:11px}.main{width:calc(100% - 256px);margin-left:256px;min-width:0}.topbar{height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#081325dd;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb strong{color:#e7f2ff;margin-left:10px;font-weight:620}.top-actions{display:flex;align-items:center;gap:12px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);color:#a9bed5;border-radius:99px;font-size:11px;padding:8px 12px;background:#11213a}.lang-switch{display:flex;background:#11213b;border-radius:9px;padding:3px;border:1px solid var(--line)}.lang-switch button{background:none;border:0;color:#7d94b3;border-radius:6px;font-size:11px;font-weight:800;padding:7px 9px}.lang-switch button.active{background:#294e67;color:#bafff2}.avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#398bc6,#9468d8);display:grid;place-items:center;font-weight:800}.content{padding:34px 40px 60px;max-width:1650px;margin:auto}.eyebrow{font-size:11px;color:var(--aqua);font-weight:750;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:12px}.page-heading{margin:0 0 10px;font-size:clamp(25px,2.5vw,34px);font-weight:760;letter-spacing:-1.2px}.page-subtitle{color:var(--sub);font-size:13.5px;line-height:1.75;margin:0 0 28px;max-width:880px}.hero{border:1px solid #274b646e;position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse 60% 95% at 85% 40%,#174b5999,transparent 75%),linear-gradient(105deg,#10213d,#0a1b33 60%,#112540);padding:56px 48px 55px;min-height:400px;box-shadow:var(--sh)}.hero:after{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent 40%,#000)}.hero-copy{z-index:2;position:relative;width:53%;max-width:590px}.hero h1{font-size:clamp(32px,3.8vw,54px);letter-spacing:-2px;line-height:1.13;margin:0 0 19px}.gradient-text{background:linear-gradient(92deg,#77f1dc,#89b8ff 55%,#ba98fc);color:transparent;background-clip:text}.hero p{color:#a8bfd5;line-height:1.85;max-width:520px;margin:0 0 25px}.hero-art{position:absolute;width:45%;height:100%;right:1%;top:0;display:flex;align-items:center;justify-content:center;z-index:1}.orb{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 40% 39%,#67f1e133 0,#2562ab38 37%,#111b3500 72%);box-shadow:inset 0 0 70px #45e0e41d,0 0 90px #4594cf27;position:relative;animation:breathe 5s ease-in-out infinite}.orb:before,.orb:after{content:'';position:absolute;inset:26px;border:1px solid #56cde358;border-radius:50%;transform:rotate(-23deg) scaleX(.72)}.orb:after{inset:8px;transform:rotate(40deg) scaleY(.5);border-color:#9b82f888}.orb-core{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle,#8de9e5aa,#3575a422,transparent);box-shadow:0 0 70px #45dbe077}.orbit{position:absolute;font-size:11px;letter-spacing:.5px;background:#152d48cc;border:1px solid #36768d;border-radius:11px;padding:13px 18px;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0004}.orbit.one{right:15px;top:59px}.orbit.two{left:2px;top:155px}.orbit.three{right:14px;bottom:49px}.orbit span{color:var(--aqua);font-size:17px;font-weight:850;display:block;margin-bottom:4px}@keyframes breathe{50%{transform:scale(1.025)}}.btn{border:1px solid #2f5068;background:#172b47;color:#d8eafc;padding:11px 17px;border-radius:10px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:730;transition:.2s;white-space:nowrap}.btn:hover{border-color:#66a1ca;background:#24405e;transform:translateY(-1px)}.btn.primary{background:linear-gradient(115deg,#42c9c5,#279da8);border-color:#4ed6d0;color:#062b36;box-shadow:0 10px 23px #29d8d01f}.btn.primary:hover{filter:brightness(1.08)}.btn.violet{background:linear-gradient(115deg,#8072da,#565dc3);border-color:#a29bea;color:#fff}.btn.ghost{background:transparent}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn.small{padding:8px 11px;font-size:11px}.btn.big{padding:13px 19px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:34px 0 17px}.section-head h2{font-size:18px;font-weight:740;letter-spacing:-.4px;margin:0}.section-head small{color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,#101e36,#0c192f);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 25px #0002;min-width:0}.card.pad{padding:22px}.card-title{margin:0 0 8px;font-size:14px;font-weight:760;color:#eaf3ff}.card-desc{color:var(--sub);line-height:1.65;font-size:12px;margin:0}.mini-icon{width:38px;height:38px;border-radius:11px;background:#1c4553;display:grid;place-items:center;color:#83e3de;margin-bottom:18px}.mini-icon.violet{color:#c4a6ff;background:#352951}.mini-icon.blue{color:#a5c3ff;background:#203459}.mini-icon.pink{color:#ffb0ce;background:#4c2947}.mini-icon svg{width:20px;height:20px}.stat-number{font-size:28px;font-weight:790;letter-spacing:-1px;margin-bottom:7px;font-variant-numeric:tabular-nums}.stat-label{color:#8ea9c7;font-size:11px}.flow-card{display:flex;align-items:flex-start;gap:15px;padding:20px}.flow-step{height:35px;width:35px;display:grid;place-items:center;border-radius:12px;background:#1d494f;color:#83fff0;font-weight:790;flex:none}.flow-title{font-size:13px;font-weight:780;margin-bottom:7px}.flow-desc{color:var(--sub);line-height:1.6;font-size:11px}.alert{padding:13px 16px;border:1px solid #695c3790;border-radius:11px;background:#3c2c142f;color:#e6c88c;font-size:12px;line-height:1.6;display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.alert.info{border-color:#26697788;background:#173a4935;color:#9bdfeb}.alert.ok{border-color:#236455;background:#14433836;color:#93e7c8}.upload-drop{border:1.5px dashed #3d6e81;border-radius:19px;min-height:240px;padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 50% 0%,#2a6a7940,transparent 65%),#0e2138;transition:.25s;cursor:pointer}.upload-drop.drag{border-color:#5ff4e1;background:#16424b}.upload-drop h3{font-size:18px;margin:14px 0 8px}.upload-drop p{color:var(--sub);margin:0 0 18px;font-size:12px}.upload-drop svg{color:var(--aqua)}.formgroup{display:flex;flex-direction:column;gap:8px;min-width:0}.formgroup>label{font-size:11px;color:#a7bdd4;font-weight:710;letter-spacing:.15px}.input,.select{background:#0a172b;border:1px solid #2b4059;color:#e4f2ff;border-radius:10px;padding:12px 12px;width:100%;min-height:42px;outline:none}.input:focus,.select:focus{border-color:#49ccc7;box-shadow:0 0 0 3px #42c9c515}.input::placeholder{color:#627a99}.select option{background:#101e36}.field-hint{font-size:11px;color:#7f94ae;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#15253d;color:#a7bcd3;border:1px solid #2c4059;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:730}.pill.active{background:#183e48;color:#78e9d9;border-color:#398c90}.pill:hover{border-color:#5a8db1}.checkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.checkcard{border:1px solid #2b3f59;border-radius:12px;min-height:75px;background:#0d1b31;padding:12px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.15s}.checkcard:hover{border-color:#4b8c9f}.checkcard.selected{border-color:#42a5a3;background:linear-gradient(120deg,#143e458f,#122339)}.checkcard input{accent-color:#47d5cf;height:15px;width:15px;flex:none}.checkcard strong{font-size:12px;display:block}.checkcard small{font-size:10px;color:#8da5bb}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#aac0d8;cursor:pointer}.toggle input{accent-color:#56d5d2}.tag{padding:4px 8px;border:1px solid #2b4d64;background:#153146;border-radius:6px;font-size:10px;color:#8cdee1}.tag.violet{background:#30254d;border-color:#4c4176;color:#c7a5ff}.tag.warn{background:#4b381d;border-color:#78603a;color:#ffdb95}.tag.ok{background:#123b37;border-color:#29655b;color:#84dcb9}.flexline{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--sub)}.dim{color:var(--muted)}.smalltext{font-size:11px}.mt{margin-top:19px}.mb{margin-bottom:18px}.divider{height:1px;background:var(--line);margin:20px 0}.table-wrap{overflow:auto;border-radius:12px;border:1px solid #263954}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.data-table th{background:#15263e;color:#a5d0dc;white-space:nowrap;padding:13px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.65px}.data-table td{padding:12px 14px;color:#b4c6dc;border-top:1px solid #26395499;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:hover td{background:#1b3044}.dataset-stat{padding:14px 17px;background:#11233d;border-radius:11px}.dataset-stat strong{font-size:23px;display:block;margin-bottom:4px}.dataset-stat small{color:var(--sub)}.charts-row{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.chart-card{padding:18px;background:#0d1d35;border:1px solid var(--line);border-radius:14px;min-width:0}.chart-card .card-title{margin-bottom:0}.plot{height:350px;width:100%}.plot.tall{height:470px}.metrics-leader{border:1px solid #2c716d;background:linear-gradient(110deg,#12454a77,#14273e);border-radius:15px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.leader-name{font-size:24px;font-weight:800;margin:7px 0}.leader-score{font-size:35px;font-weight:800;letter-spacing:-1.1px;color:#79eddb;text-align:right}.legend-note{font-size:11px;color:#86a0b9;line-height:1.6}.select-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.progress-track{height:11px;border-radius:30px;background:#24354d;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#58d4cd,#7991ff);border-radius:30px;transition:.45s}.working{height:70px;width:70px;margin:20px auto;border:4px solid #234057;border-top:4px solid #5ce2d6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed #29445d;border-radius:14px}.empty strong{display:block;color:#c7d8eb;font-size:16px;margin-bottom:10px}.kbd{color:#85d9d2;border:1px solid #356b70;background:#163c43;border-radius:6px;padding:2px 6px;font-size:10px}.range{width:100%;accent-color:#52d7cf}.sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sim-control{padding:16px;border:1px solid var(--line);background:#101e33;border-radius:12px}.numeric{font-variant-numeric:tabular-nums}.pillcounter{padding:7px 10px;background:#164044;border-radius:9px;color:#8ff4e3;font-weight:700}.footnote{text-align:center;padding:27px;font-size:10px;color:#5e7795;border-top:1px solid var(--line);margin-top:55px}.sm-hide{display:inline}.toast-zone{position:fixed;right:24px;bottom:24px;z-index:60;max-width:380px}.toast{margin-top:9px;padding:14px 18px;border-radius:11px;background:#1b354d;border:1px solid #387680;box-shadow:0 15px 30px #0006;color:#e2f8ff;font-size:12px;animation:appear .15s ease-out}.toast.error{background:#41242c;border-color:#a24d64}@keyframes appear{from{transform:translateY(10px);opacity:0}}.preview-window{border:1px solid #2b5165;border-radius:15px;background:#0b1b31;overflow:hidden}.preview-top{padding:11px 15px;border-bottom:1px solid var(--line);display:flex;gap:6px}.preview-top i{width:8px;height:8px;background:#426b83;display:block;border-radius:50%}.screen-illustration{background:linear-gradient(150deg,#0d2541,#10233b);padding:15px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;height:200px}.screen-illustration>div{border-radius:8px;background:#163650;padding:12px}.sparks{height:76px;background:linear-gradient(180deg,#32b4bb29,transparent);position:relative;overflow:hidden}.sparks svg{height:100%;width:100%}.system-note{border-left:2px solid var(--aqua);padding:8px 15px;background:#112840;margin-top:14px;color:#bad0de;line-height:1.6;font-size:11px}.sidebar-toggle{display:none}.illustration-photo{width:100%;border-radius:13px;opacity:.8;border:1px solid #26465a}.floating-label{display:flex;gap:8px;align-items:center;color:#aabbd1;font-size:11px}.floating-label strong{color:#ecfdff}.question-mark{font-size:10px;color:#6fa4bc;margin-left:4px}.loader{width:22px;height:22px;border:3px solid #356073;border-top-color:#57d7d2;border-radius:100%;animation:spin 1s linear infinite;display:inline-block}.footer-links{display:flex;gap:11px;flex-wrap:wrap}@media(max-width:1250px){.grid4{grid-template-columns:repeat(2,1fr)}.checkgrid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:61%}.hero-art{opacity:.55}.content{padding:30px 24px}.topbar{padding:0 24px}}@media(max-width:880px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 55px #0008}.main{margin-left:0;width:100%}.sidebar-toggle{display:inline-flex;background:#162b46;border:1px solid #294b63;border-radius:9px;padding:8px;margin-right:11px;color:var(--aqua)}.hero{padding:39px 27px;min-height:360px}.hero-copy{width:100%}.hero-art{opacity:.19;width:65%}.charts-row,.grid2,.form-grid{grid-template-columns:1fr}.content{padding:23px 18px}.topbar{padding:0 18px}.chip{display:none}}@media(max-width:580px){.grid3,.grid4,.checkgrid,.sim-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.hero{padding:30px 21px}.metrics-leader{align-items:flex-start;flex-direction:column}.leader-score{text-align:left}.topbar{height:65px}.page-heading{font-size:27px}.btn-row{gap:8px}.card.pad{padding:16px}.plot{height:300px}.orbit{display:none}}

/* V5 research-quality controls */
.manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-bottom:20px}
.manual-card{background:linear-gradient(140deg,rgba(28,49,81,.89),rgba(12,25,47,.94));border:1px solid rgba(111,159,224,.2);border-radius:15px;padding:17px}
.param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.param-label{display:flex;flex-direction:column;gap:6px;color:#b9cce7;font-size:11px;min-width:0;overflow-wrap:anywhere}
.param-label .input,.param-label .select{font-size:12px;min-width:0;width:100%;padding:9px 7px}
.template-card{min-height:205px;transition:transform .2s ease,border-color .2s}
.template-card:hover{transform:translateY(-4px);border-color:rgba(76,218,209,.45)}
.template-card .btn-row{display:flex;flex-wrap:wrap}
@media(max-width:700px){.manual-grid{grid-template-columns:1fr}.param-grid{grid-template-columns:1fr 1fr}.template-card{min-height:0}}

/* ===================== V6: colour tones, model zoo, manual, data guide ===== */
/* One accent variable per tone; every component below reads --tone / --tone-soft
   so a card, pill, dot or border only needs the tone class. */
.tone-aqua{--tone:#57ded6;--tone-soft:rgba(87,222,214,.13)}
.tone-blue{--tone:#5f96ff;--tone-soft:rgba(95,150,255,.13)}
.tone-violet{--tone:#ab80f4;--tone-soft:rgba(171,128,244,.14)}
.tone-pink{--tone:#fc75a5;--tone-soft:rgba(252,117,165,.13)}
.tone-mint{--tone:#58dba0;--tone-soft:rgba(88,219,160,.13)}
.tone-gold{--tone:#f8c67b;--tone-soft:rgba(248,198,123,.13)}
.tone-magenta{--tone:#e879c9;--tone-soft:rgba(232,121,201,.13)}
.tone-slate{--tone:#8da3bf;--tone-soft:rgba(141,163,191,.12)}

/* Coloured left rail used by layer / template / guide cards */
.accent-left{border-left:3px solid var(--tone,var(--aqua));background:linear-gradient(100deg,var(--tone-soft,transparent),#0c192f 42%)}
.mini-icon.tone-aqua,.mini-icon.tone-blue,.mini-icon.tone-violet,.mini-icon.tone-pink,
.mini-icon.tone-mint,.mini-icon.tone-gold,.mini-icon.tone-magenta,.mini-icon.tone-slate{background:var(--tone-soft);color:var(--tone)}
.card.pad.tone-aqua .stat-number,.card.pad.tone-blue .stat-number,.card.pad.tone-violet .stat-number,
.card.pad.tone-pink .stat-number,.card.pad.tone-mint .stat-number,.card.pad.tone-gold .stat-number{color:var(--tone)}
.flow-step.tone-aqua,.flow-step.tone-blue,.flow-step.tone-violet,.flow-step.tone-pink,.flow-step.tone-mint,.flow-step.tone-gold{background:var(--tone-soft);color:var(--tone)}
.flow-card{transition:.18s}
.flow-card.tone-aqua:hover,.flow-card.tone-blue:hover,.flow-card.tone-violet:hover,.flow-card.tone-pink:hover{border-color:var(--tone);transform:translateY(-2px)}

/* Home: task + layer + module cards */
.task-card,.layer-card,.module-card{cursor:pointer;transition:.2s;border-top:2px solid transparent}
.task-card:hover,.layer-card:hover,.module-card:hover{transform:translateY(-3px);border-color:var(--tone,var(--aqua));box-shadow:0 16px 34px rgba(0,0,0,.28)}
.task-card{background:linear-gradient(160deg,var(--tone-soft),#0c192f 55%)}
.task-top{display:flex;align-items:flex-start;justify-content:space-between}
.task-go{color:var(--tone,var(--aqua));opacity:.65}
.layer-card{background:linear-gradient(145deg,var(--tone-soft),#0c192f 60%)}
.layer-key{font-size:13px;letter-spacing:1.4px;font-weight:850;color:var(--tone,var(--aqua))}

/* Home: model inventory grouped by family */
.family-row{padding:13px 0;border-bottom:1px solid var(--line)}
.family-row:last-child{border-bottom:0}
.family-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.family-head strong{font-size:12.5px}
.family-dot{width:9px;height:9px;border-radius:50%;background:var(--tone,var(--aqua));box-shadow:0 0 10px var(--tone,var(--aqua));flex:none}
.model-pill{cursor:pointer}
.model-pill:hover{border-color:var(--tone,var(--aqua));color:var(--tone,var(--aqua));background:var(--tone-soft)}
.warn-pill{background:#4b381d;border-color:#78603a;color:#ffdb95}

/* Checkcards tinted by model family / layer */
.checkcard.tone-aqua input,.checkcard.tone-blue input,.checkcard.tone-violet input,.checkcard.tone-pink input,
.checkcard.tone-mint input,.checkcard.tone-gold input,.checkcard.tone-magenta input,.checkcard.tone-slate input{accent-color:var(--tone)}
.checkcard.selected.tone-aqua,.checkcard.selected.tone-blue,.checkcard.selected.tone-violet,.checkcard.selected.tone-pink,
.checkcard.selected.tone-mint,.checkcard.selected.tone-gold,.checkcard.selected.tone-magenta,.checkcard.selected.tone-slate{
 border-color:var(--tone);background:linear-gradient(120deg,var(--tone-soft),#122339)}
.layer-pick strong{letter-spacing:.2px}
.layer-badge{display:inline-flex;align-items:center;border:1px solid var(--tone,#2b4d64);background:var(--tone-soft,#153146);
 color:var(--tone,#8cdee1);border-radius:7px;font-size:10px;font-weight:720;padding:5px 9px}

/* Model catalogue */
.zoo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:15px;align-items:start}
.zoo-card{overflow:hidden;border-left:3px solid var(--tone,var(--aqua));transition:.18s}
.zoo-card.open{grid-column:1/-1;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.zoo-head{display:flex;align-items:center;gap:12px;width:100%;background:var(--tone-soft,transparent);border:0;
 border-bottom:1px solid var(--line);padding:15px 17px;text-align:left;color:inherit}
.zoo-head:hover{filter:brightness(1.25)}
.zoo-title{flex:1;min-width:0}
.zoo-title strong{display:block;font-size:13.5px;color:#eaf3ff}
.zoo-title small{color:var(--tone,var(--muted));font-size:10.5px;font-weight:650;letter-spacing:.4px;text-transform:uppercase}
.zoo-chev{color:var(--tone,var(--aqua));flex:none;opacity:.8}
.zoo-body{padding:16px 17px 18px}
.doc-block{margin-bottom:13px}
.doc-block:last-child{margin-bottom:0}
.doc-label{display:block;font-size:9.5px;font-weight:820;letter-spacing:1.3px;text-transform:uppercase;color:#7f9ab8;margin-bottom:6px}
.doc-block p{margin:0;color:var(--sub);line-height:1.72;font-size:12px}
.ok-block{border-left:2px solid #35b98a;padding-left:12px}
.ok-block .doc-label{color:#6fd9ad}
.warn-block{border-left:2px solid #c99a4e;padding-left:12px}
.warn-block .doc-label{color:#ffcd8b}
.doc-ref{margin-top:14px;padding-top:11px;border-top:1px solid var(--line);font-size:10.5px;color:#6f87a4;line-height:1.6}

/* Usage manual */
.manual-list{display:flex;flex-direction:column;gap:14px}
.manual-step{padding:19px 21px;border-left:3px solid #2f6f78}
.manual-step-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}
.manual-step-head>div{flex:1;min-width:0}
.manual-step-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:1050px){.manual-step-body{grid-template-columns:1fr}}
@media(max-width:580px){.zoo-grid{grid-template-columns:1fr}.manual-step{padding:15px}}

/* ============ V6.1: navy + gold + green palette, larger type, space hero ==== */
:root{
 --navy:#050d1f;--navy2:#0a1733;--navy3:#112247;
 --gold:#ffc95c;--gold-soft:rgba(255,201,92,.14);
 --lime:#7ee787;--lime-soft:rgba(126,231,135,.13);
 --emerald:#2fcf8f;
}
.tone-gold{--tone:#ffc95c;--tone-soft:rgba(255,201,92,.15)}
.tone-lime{--tone:#7ee787;--tone-soft:rgba(126,231,135,.14)}
.tone-emerald{--tone:#2fcf8f;--tone-soft:rgba(47,207,143,.14)}
.tone-amber{--tone:#ffa94d;--tone-soft:rgba(255,169,77,.14)}

/* Expanded plain-language intro paragraph shown below a page heading/subtitle. */
.page-lead{color:var(--sub);font-size:13px;line-height:1.75;margin:-6px 0 26px;max-width:880px}

/* Body copy on the landing page is deliberately a step larger for readability. */
.page-home{font-size:17px}
.page-home .page-subtitle{font-size:17.5px;line-height:1.85;max-width:980px}
.page-home .card-desc{font-size:15.5px;line-height:1.8}
.page-home .section-head h2{font-size:25px}
.page-home .section-head small{font-size:14px}
.page-home .card-title{font-size:18px}
.page-home .stat-number{font-size:39px}
.page-home .stat-label{font-size:14px}
.page-home .eyebrow{font-size:13.5px;letter-spacing:2.4px}
.page-home .pill{font-size:13.5px;padding:10px 16px}
.page-home .btn{font-size:14.5px;padding:14px 20px}
.page-home .btn.big{font-size:16px;padding:16px 25px}
.page-home .flow-title{font-size:16.5px}
.page-home .flow-desc{font-size:13.5px}
.page-home .legend-note{font-size:13.5px}
.page-home .doc-block p,.page-home .structure-text p{font-size:14.5px}

/* ---- Space-age hero -------------------------------------------------------- */
.hero-space{position:relative;overflow:hidden;border-radius:26px;min-height:470px;
 border:1px solid rgba(255,201,92,.22);
 background:
  radial-gradient(ellipse 50% 60% at 82% 38%,rgba(255,201,92,.13),transparent 70%),
  radial-gradient(ellipse 45% 55% at 12% 85%,rgba(126,231,135,.10),transparent 70%),
  linear-gradient(118deg,var(--navy) 0%,var(--navy2) 45%,var(--navy3) 100%);
 padding:60px 52px;box-shadow:0 26px 70px rgba(0,0,0,.42)}
.starfield{position:absolute;inset:0;pointer-events:none;opacity:.8}
.hero-space .hero-copy{position:relative;z-index:3;width:54%;max-width:640px}
.hero-space h1{font-size:clamp(36px,4.1vw,60px);letter-spacing:-2px;line-height:1.1;margin:0 0 22px}
.hero-space p{color:#c3d6ea;line-height:1.85;font-size:16.5px;max-width:560px;margin:0 0 28px}
.gold-text{background:linear-gradient(94deg,#ffd98a,#ffc95c 45%,#7ee787);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-visual{position:absolute;right:-10px;top:0;width:46%;height:100%;z-index:2;
 display:flex;align-items:center;justify-content:center}
.hero-visual svg{width:100%;height:92%;max-width:560px}
.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px;position:relative;z-index:3}
.hero-chip{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:8px 15px;
 font-size:12.5px;font-weight:720;border:1px solid var(--tone,rgba(255,201,92,.4));
 background:var(--tone-soft,rgba(255,201,92,.12));color:var(--tone,#ffd98a)}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes pulse-node{0%,100%{opacity:.45;r:3}50%{opacity:1;r:5}}
@keyframes dash-flow{to{stroke-dashoffset:-240}}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.9}}
.orbit-ring{transform-origin:center;animation:orbit-spin 34s linear infinite}
.orbit-ring.reverse{animation-duration:52s;animation-direction:reverse}
.net-node{animation:pulse-node 3.1s ease-in-out infinite}
.net-link{stroke-dasharray:6 10;animation:dash-flow 7s linear infinite}
.star{animation:twinkle 4s ease-in-out infinite}

/* ---- Live simulation panel ------------------------------------------------- */
.sim-stage{border:1px solid rgba(255,201,92,.2);border-radius:20px;overflow:hidden;
 background:linear-gradient(145deg,rgba(10,23,51,.96),rgba(5,13,31,.98))}
.sim-stage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sim-stage-title{display:flex;align-items:center;gap:12px}
.sim-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;
 letter-spacing:1.3px;color:#7ee787;text-transform:uppercase}
.sim-live i{width:8px;height:8px;border-radius:50%;background:#7ee787;
 box-shadow:0 0 12px #7ee787;animation:pulse-live 1.6s ease-in-out infinite}
@keyframes pulse-live{50%{opacity:.35;transform:scale(.8)}}
.sim-tabs{display:flex;gap:7px;flex-wrap:wrap}
.sim-tab{border:1px solid #2c4059;background:#10203b;color:#9fb6d2;border-radius:99px;
 padding:9px 16px;font-size:12.5px;font-weight:720;transition:.18s}
.sim-tab:hover{border-color:var(--gold)}
.sim-tab.active{background:var(--gold-soft);border-color:var(--gold);color:#ffd98a}
.sim-body{display:grid;grid-template-columns:1.55fr 1fr;gap:0}
.sim-canvas{padding:16px 18px;min-width:0}
.sim-canvas .plot{height:340px}
.sim-controls{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;padding:12px 4px 2px;border-top:1px dashed var(--line);margin-top:10px}
.sim-control-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#a9c0d8;min-width:200px;flex:1}
.sim-control-row span:first-child{white-space:nowrap;flex:none}
.sim-control-row .range{flex:1;min-width:80px}
.sim-control-val{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700;flex:none;min-width:34px;text-align:right}
.sim-readout{padding:22px;border-left:1px solid var(--line);background:rgba(5,13,31,.5);min-width:0}
.sim-readout h4{margin:0 0 10px;font-size:15px;color:#eaf3ff}
.sim-readout p{margin:0 0 16px;color:var(--sub);line-height:1.75;font-size:13.5px}
.sim-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sim-metric{background:#0d1c37;border:1px solid var(--line);border-radius:11px;padding:12px 13px}
.sim-metric strong{display:block;font-size:19px;color:var(--gold);font-variant-numeric:tabular-nums}
.sim-metric small{color:#8da5bf;font-size:11px}
.sim-foot{padding:13px 22px;border-top:1px solid var(--line);color:#7d93ad;font-size:12px;line-height:1.6}
@media(max-width:980px){.sim-body{grid-template-columns:1fr}.sim-readout{border-left:0;border-top:1px solid var(--line)}}

/* ---- Method inventory ------------------------------------------------------ */
.method-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:15px}
.method-group{border-radius:16px;padding:19px 20px;border:1px solid var(--line);
 border-top:3px solid var(--tone,var(--gold));
 background:linear-gradient(160deg,var(--tone-soft,transparent),#0b1830 60%)}
.method-group h4{margin:0 0 4px;font-size:15px;color:#eef5ff;display:flex;align-items:center;gap:9px}
.method-group .count{margin-left:auto;font-size:11px;font-weight:800;color:var(--tone,var(--gold));
 background:var(--tone-soft);border-radius:99px;padding:4px 10px}
.method-group p{margin:0 0 13px;color:#9fb6d2;font-size:12.5px;line-height:1.6}
.method-names{display:flex;flex-wrap:wrap;gap:7px}
.method-name{font-size:12px;font-weight:650;padding:7px 12px;border-radius:8px;cursor:pointer;
 border:1px solid rgba(157,184,226,.22);background:rgba(255,255,255,.035);color:#cfe0f2;transition:.15s}
.method-name:hover{border-color:var(--tone,var(--gold));color:var(--tone,var(--gold));background:var(--tone-soft)}
.method-name.off{opacity:.38;cursor:default}

/* ---- Application domains --------------------------------------------------- */
.domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:15px}
.domain-card{border-radius:16px;padding:20px;border:1px solid var(--line);
 background:linear-gradient(155deg,var(--tone-soft,transparent),#0b1830 62%);transition:.2s}
.domain-card:hover{transform:translateY(-3px);border-color:var(--tone,var(--gold))}
.domain-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.domain-head strong{font-size:15px;color:#eef5ff}
.domain-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;
 background:var(--tone-soft);color:var(--tone,var(--gold))}
.domain-sub{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.domain-sub span{font-size:11.5px;padding:5px 10px;border-radius:7px;
 background:rgba(255,255,255,.04);border:1px solid rgba(157,184,226,.18);color:#b6c9de}
.domain-example{font-size:12.5px;line-height:1.7;color:#9fb6d2;border-left:2px solid var(--tone,var(--gold));padding-left:12px}
.domain-example b{color:#dfeaf7;font-weight:700}

/* ---- Model structure diagrams ---------------------------------------------- */
.structure-card{border-radius:18px;border:1px solid var(--line);overflow:hidden;
 border-left:3px solid var(--tone,var(--gold));background:#0b1830;margin-bottom:16px}
.structure-head{padding:17px 21px;background:var(--tone-soft);border-bottom:1px solid var(--line);
 display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.structure-head strong{font-size:16px;color:#eef5ff}
.structure-body{display:grid;grid-template-columns:1.1fr 1fr;gap:0}
.structure-figure{padding:20px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.structure-figure svg{width:100%;height:auto;max-height:260px}
.structure-text{padding:20px 22px}
.structure-steps{counter-reset:stp;list-style:none;margin:0;padding:0}
.structure-steps li{counter-increment:stp;position:relative;padding:0 0 13px 34px;color:var(--sub);
 font-size:13.5px;line-height:1.72}
.structure-steps li:before{content:counter(stp);position:absolute;left:0;top:0;width:23px;height:23px;
 border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;
 background:var(--tone-soft);color:var(--tone,var(--gold))}
@media(max-width:980px){.structure-body{grid-template-columns:1fr}.structure-figure{border-right:0;border-bottom:1px solid var(--line)}}

/* ---- Quick template download strip ---------------------------------------- */
.quick-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}
.quick-template{border-radius:16px;padding:20px;display:flex;gap:15px;align-items:flex-start;
 border:1px solid var(--line);border-left:3px solid var(--tone,var(--gold));
 background:linear-gradient(150deg,var(--tone-soft,transparent),#0b1830 60%)}
.quick-template .mini-icon{margin-bottom:0;flex:none}
.quick-template-body{min-width:0;flex:1}
.quick-template-body strong{display:block;font-size:15.5px;color:#eef5ff;margin-bottom:5px}
.quick-template-body code{display:block;font-size:11.5px;color:#9fd8cf;margin-bottom:12px;
 font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}

@media(max-width:1250px){.hero-space .hero-copy{width:100%}.hero-visual{opacity:.22;width:72%}}
@media(max-width:700px){.hero-space{padding:36px 24px;min-height:0}.page-home{font-size:16px}}

/* ---- Per-task method summary columns on the home page --------------------- */
.task-method-col h4{font-size:14px;font-weight:760}
.task-method-col .method-names{display:flex;flex-wrap:wrap;gap:7px}

/* ---- Hero infographic + click-to-expand lightbox --------------------------- */
.hero-gallery{text-align:center}
.hero-gallery-img{width:100%;max-width:100%;border-radius:13px;border:1px solid var(--line);cursor:zoom-in;display:block;margin:0 auto}
.lightbox{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;
 background:rgba(5,10,20,.88);backdrop-filter:blur(6px);padding:30px;cursor:zoom-out}
.lightbox.lightbox-open{display:flex}
.lightbox-img{max-width:94vw;max-height:90vh;border-radius:10px;box-shadow:0 20px 70px #000a;cursor:default}
.lightbox-close{position:absolute;top:22px;right:26px;width:42px;height:42px;border-radius:50%;
 background:#15253dcc;border:1px solid var(--line);color:#e7f2ff;display:grid;place-items:center;transform:rotate(45deg)}
.lightbox-close:hover{background:#24405e}
/* ---- V7 data-entry consolidation: quick guidance list + I/O task switcher --- */
.quick-guide-list{margin:10px 0 0;padding-left:20px;color:var(--sub);font-size:13.5px;line-height:1.8}
.quick-guide-list li{margin-bottom:4px}
.io-switch{margin-bottom:22px}
@media(max-width:700px){.lightbox-close{top:12px;right:14px}}
.api-down-banner{position:sticky;top:0;z-index:50;width:100%;background:linear-gradient(90deg,#4a2420,#5a2f1f);border-bottom:2px solid #e2724a}.api-down-inner{max-width:1100px;margin:0 auto;padding:16px 28px;color:#ffe3d4}.api-down-inner strong{display:flex;align-items:center;gap:9px;font-size:14px;color:#fff0e6}.api-down-inner p{margin:8px 0 0;font-size:12.5px;line-height:1.65;color:#ffd9c4}.api-down-inner code{background:#2e140f;padding:2px 6px;border-radius:5px;font-size:11.5px}.api-down-inner .btn{border-color:#e2724a;background:#5a2f1f}.api-down-inner .btn:hover{background:#73402a}
.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 26px}
.step{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 17px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#101e36,#0c192f);color:#8ea9c7;transition:.18s;min-width:0}
.step:not(.locked):hover{border-color:#4b8c9f;transform:translateY(-1px)}
.step.active{border-color:#42a5a3;background:linear-gradient(120deg,#143e458f,#122339);color:#dff6ff;box-shadow:0 0 0 1px #42a5a340}
.step.done{border-color:#2b6b55;color:#bfe6d4}
.step.locked{opacity:.4;cursor:not-allowed}
.step-num{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1d3550;color:#9fc0d8;font-weight:800;font-size:13px}
.step.active .step-num{background:#2ba0a8;color:#04242a}
.step.done .step-num{background:#2b6b55;color:#d8ffe9}
.step-text{min-width:0}
.step-text strong{display:block;font-size:13px;font-weight:720;line-height:1.3}
.step-text small{display:block;font-size:11px;color:#7f98b4;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.step.active .step-text small{color:#8fd2d8}
.ref-drawer{border:1px solid var(--line);border-radius:14px;background:#0c192f;overflow:hidden}
.ref-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:transparent;border:0;color:#bdd2e6;font-size:13px;font-weight:650}
.ref-toggle:hover{background:#13243d;color:#eaf6ff}
.ref-toggle span{display:flex;align-items:center}
.ref-caret{color:var(--aqua);font-size:14px}
.ref-body{padding:4px 20px 22px;border-top:1px solid var(--line)}
.collapsible{border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}
.collapsible-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 16px;background:#11203a;border:0;color:#cfe0f2;font-size:12.5px}
.collapsible-head:hover{background:#17294a}
.collapsible-head span{color:var(--aqua)}
.collapsible-body{padding:14px 16px 16px}
@media(max-width:880px){.stepper{grid-template-columns:1fr}}
.tabbar{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:22px 0 20px;padding-bottom:0}
.tabbtn{background:transparent;border:0;border-bottom:2px solid transparent;color:#8ea9c7;padding:11px 16px;font-size:12.5px;font-weight:680;border-radius:8px 8px 0 0;transition:.15s}
.tabbtn:hover{color:#dceeff;background:#13243d}
.tabbtn.active{color:#7df0e0;border-bottom-color:var(--aqua);background:#12303a}