/* === ORIGINAL FRONTEND BASE === */
/* Education for Life — Frontend prototype */
:root{
 --bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--ink:#17233b;--muted:#64748b;--line:#e4e9f1;
 --nav:#0e2437;--nav2:#12334f;--brand:#187c8b;--brand2:#35a8a0;--blue:#3569d4;--violet:#7b5cc7;--green:#238b68;--amber:#c97a17;--red:#bf4b55;
 --r:16px;--r2:22px;--shadow:0 10px 30px rgba(30,49,79,.08);--sidebar:276px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
body{font-size:15px;line-height:1.45}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#0a1a29);color:#dce9f2;padding:22px 16px;display:flex;flex-direction:column;gap:18px;overflow:auto}
.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;color:white}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#44c2b5,#2c8ea2);display:grid;place-items:center;font-weight:850;font-size:21px}.brand b{display:block;font-size:16px}.brand small{color:#93afc1}
.nav-title{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#6f91a7;margin:8px 11px 5px}.nav a{display:flex;gap:10px;align-items:center;color:#c7dae6;text-decoration:none;padding:10px 11px;border-radius:11px;margin:2px 0}.nav a:hover{background:rgba(255,255,255,.06);color:white}.nav a.active{background:#173d5a;color:white;font-weight:700}.nav .ico{width:23px;text-align:center}.side-bottom{margin-top:auto;padding:12px;border-radius:13px;background:rgba(255,255,255,.05);font-size:12px;color:#9db8c9}.side-bottom b{color:#e5f0f6}.dot{display:inline-block;width:8px;height:8px;background:#54c98e;border-radius:50%;margin-right:6px}
.app{min-width:0}.topbar{height:70px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.crumb{font-size:13px;color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#e8f1f5;color:#245269;display:grid;place-items:center;font-weight:800}.icon-btn{border:1px solid var(--line);background:white;border-radius:11px;padding:9px 11px;cursor:pointer}.main{padding:26px 30px 60px;max-width:1580px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:30px;line-height:1.15;margin:0 0 7px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);max-width:850px}.actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:19px;box-shadow:0 1px 1px rgba(15,23,42,.02)}.card h2,.card h3,.card h4{margin:0}.card p{margin:7px 0 0}.hero{border:none;background:linear-gradient(135deg,#0f5d70,#178f8e 60%,#38aea3);color:white;padding:27px;box-shadow:var(--shadow)}.hero p{color:#d7f2ef;max-width:720px}.hero .eyebrow{color:#bbebe6}.hero.alt{background:linear-gradient(135deg,#273b63,#4869a6)}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--brand)}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.strong{font-weight:750}.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.section-head h2{font-size:20px;margin:0}.section-head p{margin:3px 0 0;color:var(--muted)}
.btn{border:0;border-radius:11px;padding:10px 15px;background:var(--brand);color:white;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{filter:brightness(.96)}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:#e7f5f3;color:#166a6e}.btn.blue{background:var(--blue)}.btn.danger{background:var(--red)}.btn.sm{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#506176;font-size:11px;font-weight:750}.badge.green{background:#e6f5ee;color:#197352}.badge.blue{background:#e8effc;color:#2b59ba}.badge.amber{background:#fff2df;color:#9f5d0a}.badge.violet{background:#f0ebfb;color:#6847aa}.badge.red{background:#fdebed;color:#a53843}.badge.brand{background:#e5f4f3;color:#12696c}
.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.sep{border:0;border-top:1px solid var(--line);margin:16px 0}.metric .label{font-size:12px;color:var(--muted);font-weight:650}.metric .value{font-size:28px;font-weight:850;margin-top:4px}.metric .foot{font-size:11px;color:var(--muted);margin-top:1px}.progress{height:8px;background:#e8edf3;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#42b5a7);border-radius:99px}.progress.blue span{background:var(--blue)}
.list{display:flex;flex-direction:column}.list-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,.7fr) minmax(120px,.8fr) minmax(90px,.5fr);gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:11px 10px;border-bottom:1px solid var(--line)}.table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:hover td{background:#fafbfd}
.callout{padding:13px 15px;border-radius:12px;border-left:4px solid var(--brand);background:#f0f8f7}.callout.warn{border-color:var(--amber);background:#fff8ed}.callout.danger{border-color:var(--red);background:#fff1f2}.callout.info{border-color:var(--blue);background:#f1f5ff}
.kpi-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--p)*1%),#e5ebf0 0);position:relative}.kpi-ring:after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:white}.kpi-ring b{z-index:1;font-size:15px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{position:relative;padding:0 0 16px 26px}.timeline-item:before{content:"";position:absolute;left:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#cbd5e1}.timeline-item:after{content:"";position:absolute;left:9px;top:16px;bottom:0;width:1px;background:#dbe2ea}.timeline-item:last-child:after{display:none}.timeline-item.done:before{background:var(--green)}.timeline-item b{font-size:13px}.timeline-item span{display:block;font-size:12px;color:var(--muted)}
.tabs{display:flex;gap:4px;padding:4px;background:#eef2f6;border-radius:11px;width:max-content}.tabs button{border:0;background:transparent;border-radius:8px;padding:7px 11px;color:var(--muted);font-weight:700;cursor:pointer}.tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:16px 0 20px}.stepper div{height:6px;border-radius:99px;background:#e1e6ed}.stepper div.done{background:#78c8ba}.stepper div.active{background:var(--brand)}.case{background:white;border:1px solid var(--line);border-radius:var(--r2);padding:27px}.case .prompt{font-size:25px;line-height:1.28;font-weight:800;margin:8px 0 14px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.answer{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px;text-align:left;cursor:pointer;font-weight:700}.answer:hover{border-color:#88bfc1;background:#f4fbfa}.answer.selected{border-color:var(--brand);background:#edf9f7}.lesson-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:13px 3px}
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:750;color:#4b5d72}.input,.select,.textarea{width:100%;border:1px solid #d8e0e9;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:var(--ink);outline:none}.textarea{min-height:100px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#72b8b4;box-shadow:0 0 0 3px rgba(40,145,145,.1)}
.trainer{border-radius:22px;background:linear-gradient(145deg,#1c2341,#2d3d6d);color:white;padding:25px;min-height:410px;display:flex;flex-direction:column}.trainer.quiet{background:#fff;color:var(--ink);border:1px solid var(--line)}.trainer-top{display:flex;justify-content:space-between}.trainer-q{margin:auto 0;text-align:center;font-size:29px;font-weight:850;padding:28px}.trainer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trainer-actions button{min-height:64px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:inherit;font-size:15px;font-weight:800;cursor:pointer}.trainer.quiet .trainer-actions button{background:#f8fafc;border-color:var(--line)}.trainer-actions button:hover{transform:translateY(-1px)}.score{font-size:24px;font-weight:850}
.rating{display:flex;gap:4px}.rating button{width:34px;height:34px;border:1px solid var(--line);background:white;border-radius:9px;cursor:pointer;font-weight:800}.rating button.active{background:var(--brand);color:white;border-color:var(--brand)}.student-row{display:grid;grid-template-columns:minmax(170px,1.3fr) 105px 105px 170px 110px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.device{border:1px solid var(--line);border-radius:14px;padding:13px}.device.good{border-color:#bfe2d4;background:#f3faf7}.device.warn{border-color:#eed5ad;background:#fffaf1}.status{display:flex;align-items:center;gap:6px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}.status.warn:before{background:var(--amber)}
.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.palette .p{padding:14px;border-radius:12px;color:white;font-weight:800;min-height:80px}.p1{background:#267d87}.p2{background:#4969ac}.p3{background:#7257a9}.p4{background:#c37625}.p5{background:#405164}
.mobile-menu{display:none}.age-a1 .btn,.age-a1 .answer{border-radius:15px}.age-a1 .case .prompt{font-size:29px}.age-a1 .main{font-size:16px}
@media(max-width:1050px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.student-row{grid-template-columns:1fr 90px 150px}.student-row>*:nth-child(3){display:none}}
@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;z-index:50;left:-290px;width:276px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 15px}.main{padding:20px 15px 45px}.g2,.g3,.g4{grid-template-columns:1fr}.span2{grid-column:auto}.page-head{flex-direction:column}.actions{justify-content:flex-start}.answers,.trainer-actions{grid-template-columns:1fr}.list-row{grid-template-columns:1fr 90px}.list-row>*:nth-child(3),.list-row>*:nth-child(4){display:none}.student-row{grid-template-columns:1fr 100px}.student-row>*:nth-child(n+3){display:none}}


/* === V5.1 EXTENSIONS / OVERRIDES === */
:root{--bg:#f4f7fa;--surface:#fff;--surface2:#f8fafc;--ink:#17233b;--muted:#64748b;--line:#e3e9f0;--nav:#0c2436;--brand:#157c84;--brand2:#35aa9c;--blue:#3e67ce;--violet:#7657bb;--green:#218b67;--amber:#b86a13;--red:#bd4653;--r:16px;--shadow:0 16px 46px rgba(19,40,68,.09);--sidebar:280px;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{font-size:15px;line-height:1.48}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.strong{font-weight:780}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:19px;box-shadow:0 1px 1px rgba(15,23,42,.02)}.card h2,.card h3,.card h4{margin:0}.card p{margin:7px 0 0}.btn{border:0;border-radius:11px;padding:10px 15px;background:var(--brand);color:#fff;font-weight:760;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{filter:brightness(.97)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:#e7f5f3;color:#166a6e}.btn.blue{background:var(--blue)}.btn.amber{background:var(--amber)}.btn.danger{background:var(--red)}.btn.sm{padding:7px 10px;font-size:12px}.link{color:var(--brand);font-weight:720;text-decoration:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#506176;font-size:11px;font-weight:760}.badge.green{background:#e6f5ee;color:#197352}.badge.blue{background:#e8effc;color:#2b59ba}.badge.amber{background:#fff2df;color:#965708}.badge.violet{background:#f0ebfb;color:#6847aa}.badge.red{background:#fdebed;color:#a53843}.badge.brand{background:#e5f4f3;color:#12696c}.callout{padding:13px 15px;border-radius:12px;border-left:4px solid var(--brand);background:#f0f8f7}.callout.warn{border-color:var(--amber);background:#fff8ed}.callout.danger{border-color:var(--red);background:#fff1f2}.callout.info{border-color:var(--blue);background:#f1f5ff}.callout strong{display:block;margin-bottom:3px}.sep{border:0;border-top:1px solid var(--line);margin:16px 0}.metric .label{font-size:12px;color:var(--muted);font-weight:650}.metric .value{font-size:28px;font-weight:880;margin-top:4px;letter-spacing:-.03em}.metric .foot{font-size:11px;color:var(--muted);margin-top:1px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px;border-bottom:1px solid var(--line);background:#fbfcfd}.table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:hover td{background:#fafbfd}.table.compact td{padding:9px 10px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:750;color:#4b5d72}.input,.select,.textarea{width:100%;border:1px solid #d8e0e9;border-radius:11px;background:#fff;padding:10px 12px;color:var(--ink);outline:none}.textarea{min-height:100px;resize:vertical}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;padding:0 0 17px 26px}.timeline-item:before{content:"";position:absolute;left:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#cbd5e1}.timeline-item:after{content:"";position:absolute;left:9px;top:16px;bottom:0;width:1px;background:#dbe2ea}.timeline-item:last-child:after{display:none}.timeline-item.done:before{background:var(--green)}.timeline-item.active:before{background:var(--brand);box-shadow:0 0 0 4px #dff2ef}.timeline-item b{font-size:13px}.timeline-item span{display:block;font-size:12px;color:var(--muted)}
/* public site */.public{background:#fff}.public-header{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:50}.public-header .inner,.public-footer .inner,.public-main{width:min(1180px,calc(100% - 36px));margin:auto}.public-header .inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.public-logo{display:flex;align-items:center;gap:11px;text-decoration:none}.public-logo .mark,.brand .mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#47c4b4,#247f9c);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px}.public-logo b{display:block;font-size:16px}.public-logo small{display:block;color:var(--muted);font-size:11px}.public-nav{display:flex;align-items:center;gap:24px}.public-nav a{text-decoration:none;color:#475569;font-weight:650;font-size:14px}.public-main{padding:50px 0 78px}.public-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:38px;align-items:center;padding:46px 0 54px}.public-hero h1{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:12px 0 18px;max-width:850px}.public-hero .lead{font-size:19px;color:#52627a;max-width:780px}.hero-panel{background:linear-gradient(145deg,#0e5264,#137c7f 64%,#37aa9c);border-radius:28px;padding:28px;color:#fff;box-shadow:var(--shadow)}.hero-panel .cycle{display:flex;flex-direction:column;gap:8px;margin-top:18px}.hero-panel .cycle div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px}.hero-panel .arrow{opacity:.65;text-align:center;padding:0!important;background:none!important;border:0!important}.section-public{padding:42px 0}.section-public h2{font-size:31px;letter-spacing:-.025em;margin:0 0 10px}.section-public>.sub{color:var(--muted);font-size:17px;max-width:810px;margin:0 0 24px}.public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.public-card h3{margin:7px 0}.public-card p{color:var(--muted);margin:0}.cycle-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:22px}.cycle-step{background:#f5f8fb;border:1px solid var(--line);border-radius:13px;padding:13px 10px;font-size:12px;font-weight:750;min-height:72px}.cycle-step b{display:block;color:var(--brand);font-size:10px;margin-bottom:5px}.wide-callout{padding:28px;border-radius:22px;background:#102d42;color:#fff}.wide-callout p{color:#bcd0dd;max-width:820px}.public-footer{background:#0c2436;color:#c5d7e2;padding:38px 0}.public-footer .inner{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:26px}.public-footer h4{color:#fff;margin:0 0 10px}.public-footer a{display:block;text-decoration:none;color:#c5d7e2;margin:6px 0;font-size:13px}
/* app */.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#091a29);color:#dce9f2;padding:20px 15px;display:flex;flex-direction:column;gap:16px;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:5px 7px 17px;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff}.brand b{display:block;font-size:15px}.brand small{color:#91aec0;font-size:11px}.nav-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#698ba0;margin:7px 10px 4px}.nav a{display:flex;gap:10px;align-items:center;color:#c7dae6;text-decoration:none;padding:9px 10px;border-radius:10px;margin:2px 0}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.active{background:#173f5b;color:#fff;font-weight:750}.nav .ico{width:23px;text-align:center}.side-bottom{margin-top:auto;padding:12px;border-radius:13px;background:rgba(255,255,255,.05);font-size:12px;color:#9bb6c8}.side-bottom b{color:#e8f2f7}.side-link{color:#cce5ef;text-decoration:none;display:block;margin-top:8px}.dot{display:inline-block;width:8px;height:8px;background:#56c891;border-radius:50%;margin-right:6px}.app{min-width:0}.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:sticky;top:0;z-index:20}.crumb{font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.avatar{width:37px;height:37px;border-radius:50%;background:#e7f1f4;color:#24566b;display:grid;place-items:center;font-weight:850;text-decoration:none}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;text-decoration:none}.mobile-menu{display:none}.main{padding:26px 30px 62px;max-width:var(--max);margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:30px;line-height:1.15;margin:0 0 7px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);max-width:850px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero{border:none;background:linear-gradient(135deg,#105b6c,#15888a 60%,#38a99d);color:#fff;padding:27px;box-shadow:var(--shadow)}.hero p{color:#d6f0ee;max-width:790px}.hero .eyebrow{color:#c3ece8}.section{margin-top:24px}.rating{display:flex;gap:5px}.rating button{width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:9px;font-weight:800}.rating button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.flowline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow-node{position:relative;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;min-height:108px}.flow-node:after{content:"→";position:absolute;right:-18px;top:40%;color:#9aa9ba;font-size:20px}.flow-node:last-child:after{display:none}.flow-node .num{font-size:10px;font-weight:850;color:var(--brand)}.flow-node b{display:block;margin-top:5px}.decision{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.owner{display:inline-flex;padding:4px 7px;border-radius:7px;background:#edf2f6;color:#536477;font-size:10px;font-weight:750}.case{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px}.case .prompt{font-size:25px;line-height:1.28;font-weight:830;margin:8px 0 14px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.answer{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px;text-align:left;font-weight:720}.answer.selected{border-color:var(--brand);background:#edf9f7}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0 20px}.stepper div{height:6px;border-radius:99px;background:#e1e6ed}.stepper div.done{background:#78c8ba}.stepper div.active{background:var(--brand)}.lesson-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:13px 3px}.toast{position:fixed;right:22px;bottom:22px;background:#17233b;color:#fff;padding:12px 16px;border-radius:12px;z-index:200;box-shadow:0 8px 25px #0003}
/* KB */.kb-public{background:#f7f9fb}.kb-header{background:#102b40;color:#fff}.kb-header .inner{width:min(1220px,calc(100% - 34px));margin:auto;padding:28px 0}.kb-header a{color:#cfe1eb;text-decoration:none}.kb-header h1{margin:11px 0 6px;font-size:32px}.kb-search{display:flex;max-width:720px;margin-top:17px}.kb-search input{flex:1;padding:13px 14px;border:0;border-radius:12px 0 0 12px;outline:none}.kb-search button{border:0;background:#2e9995;color:#fff;padding:0 18px;border-radius:0 12px 12px 0;font-weight:750}.kb-shell{width:min(1220px,calc(100% - 34px));margin:24px auto 70px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.kb-side{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;height:max-content;position:sticky;top:20px}.kb-side a{display:block;text-decoration:none;padding:9px 10px;border-radius:9px;color:#52627a;font-size:13px}.kb-side a:hover,.kb-side a.active{background:#edf7f6;color:#126d70;font-weight:750}.kb-list{display:grid;gap:12px}.kb-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;text-decoration:none;display:block}.kb-card:hover{border-color:#a8cbc9;box-shadow:0 8px 26px rgba(26,53,75,.06)}.kb-card h3{margin:5px 0}.kb-card p{margin:0;color:var(--muted)}.kb-article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;min-width:0}.kb-article h2{font-size:23px;margin:30px 0 10px}.kb-article h3{font-size:18px;margin:23px 0 9px}.kb-article p,.kb-article li{color:#35445a;line-height:1.66}.kb-article ol,.kb-article ul{padding-left:22px}.kb-article table{width:100%;border-collapse:collapse;margin:16px 0}.kb-article th,.kb-article td{border:1px solid var(--line);padding:9px;vertical-align:top;text-align:left}.kb-article th{background:#f8fafc;font-size:12px}.kb-meta{display:flex;gap:9px;flex-wrap:wrap;color:#bdd2de;font-size:12px}.kb-layout-article{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.kb-toc{height:max-content;position:sticky;top:20px;font-size:12px}.kb-toc b{display:block;margin-bottom:8px}.kb-toc a{display:block;color:#64748b;text-decoration:none;margin:7px 0}.kb-feedback{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.kb-admin-row{display:grid;grid-template-columns:1fr 130px 120px 100px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
/* login */.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#eef4f7,#f8fafc)}.login-card{width:min(920px,calc(100% - 28px));display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.login-brand{background:linear-gradient(150deg,#0d3449,#116b72);color:#fff;padding:38px}.login-brand p{color:#c5e1e2}.login-form{padding:38px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.role-choice{border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none}.role-choice:hover{border-color:#88bebd;background:#f4fbfa}.role-choice b{display:block}.role-choice span{font-size:11px;color:var(--muted)}
@media(max-width:1080px){.public-hero{grid-template-columns:1fr}.public-grid{grid-template-columns:repeat(2,1fr)}.cycle-strip{grid-template-columns:repeat(4,1fr)}.g4,.g3{grid-template-columns:repeat(2,1fr)}.flowline{grid-template-columns:1fr 1fr}.flow-node:after{display:none}.kb-layout-article{grid-template-columns:1fr}.kb-toc{display:none}}@media(max-width:830px){.public-nav{display:none}.public-hero h1{font-size:39px}.public-grid{grid-template-columns:1fr}.cycle-strip{grid-template-columns:repeat(2,1fr)}.public-footer .inner{grid-template-columns:1fr}.shell{display:block}.sidebar{position:fixed;z-index:80;left:-295px;width:280px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 14px}.main{padding:20px 14px 45px}.g2,.g3,.g4{grid-template-columns:1fr}.span2{grid-column:auto}.page-head{flex-direction:column}.actions{justify-content:flex-start}.answers{grid-template-columns:1fr}.kb-shell{grid-template-columns:1fr}.kb-side{position:static}.login-card{grid-template-columns:1fr}.login-brand{display:none}.flowline{grid-template-columns:1fr}.kb-admin-row{grid-template-columns:1fr 90px}.kb-admin-row>*:nth-child(3),.kb-admin-row>*:nth-child(4){display:none}}

/* === v6 product layer: life tracks / family / marketplace === */
:root{--l1:#2077c9;--l2:#6a58c7;--l3:#b76c2b;--soft:#f4f8fb}
.taxonomy-bar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tax-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:800}.tax-chip.l1{color:var(--l1);background:#eef6fd}.tax-chip.l2{color:var(--l2);background:#f3f0fd}.tax-chip.l3{color:var(--l3);background:#fff6ed}.tax-chip.core{color:var(--brand);background:#edf8f7}.tax-chip.channel{color:#536477;background:#f5f7fa}
.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.track-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;overflow:hidden;min-height:250px}.track-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--track)}.track-card .track-code{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--track)}.track-card h3{font-size:24px;margin:8px 0}.track-card p{color:var(--muted);min-height:66px}.track-card ul{padding-left:18px;color:#435168;font-size:13px}.track-card .btn{margin-top:8px}.track-l1{--track:var(--l1)}.track-l2{--track:var(--l2)}.track-l3{--track:var(--l3)}
.persona-switch{display:flex;gap:8px;flex-wrap:wrap}.persona{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 12px;cursor:pointer}.persona.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(24,124,139,.1)}.persona b{display:block}.persona small{color:var(--muted)}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goal{border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;text-decoration:none;color:inherit;min-height:112px}.goal:hover{border-color:#8bb9b7;background:#f7fcfb}.goal b{display:block;margin-bottom:5px}.goal span{font-size:12px;color:var(--muted)}
.route-card{border-left:5px solid var(--brand)}.route-step{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.route-step:last-child{border-bottom:0}.route-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f6f4;color:#176f72;font-weight:900}.route-step p{margin:3px 0;color:var(--muted);font-size:13px}
.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.family-person{border:1px solid var(--line);border-radius:17px;padding:18px;background:#fff}.family-person .who{display:flex;gap:10px;align-items:center}.family-person .avatar-lg{width:48px;height:48px;border-radius:50%;background:#edf4f7;display:grid;place-items:center;font-weight:900;color:#31556b}.access-list{display:grid;gap:7px;margin-top:14px}.access-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 9px;border-radius:9px;background:#f7f9fb}.access-line .yes{color:var(--green);font-weight:800}.access-line .no{color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px}.product-card:hover{box-shadow:var(--shadow);border-color:#a6c6c5}.product-card h3{font-size:18px;margin:0}.product-card p{font-size:13px;color:var(--muted);margin:0}.price{font-weight:900;font-size:19px}.product-meta{display:flex;gap:6px;flex-wrap:wrap}.product-card .btn{margin-top:auto}
.purchase-box{border:1px solid var(--line);border-radius:17px;padding:18px;background:#fff}.beneficiary{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.beneficiary.selected{border-color:var(--brand);background:#f0faf8}.beneficiary input{accent-color:var(--brand)}
.stage-banner{border:1px solid #ddd8fa;background:#f7f4ff;border-radius:14px;padding:13px 15px}.stage-banner b{color:#5c49ae}
.taxonomy-matrix{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden}.taxonomy-matrix>*{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.taxonomy-matrix>*:nth-child(4n){border-right:0}.taxonomy-matrix .head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#f7f9fb;color:var(--muted);font-weight:850}.taxonomy-matrix .rowhead{font-weight:850;background:#fbfcfd}.taxonomy-matrix .ok{background:#f0faf7}.taxonomy-matrix .limited{background:#fff8ec}.taxonomy-matrix .na{color:#9aa5b4;background:#fafafa}
.demo-ribbon{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eaf7f5;color:#146e70;font-size:11px;font-weight:850}.split-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.mini-map{display:grid;gap:10px}.mini-map .node{padding:13px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.mini-map .node b{display:block}.mini-map .line{text-align:center;opacity:.55}
@media(max-width:1080px){.track-grid,.product-grid,.goal-grid,.family-grid{grid-template-columns:repeat(2,1fr)}.split-hero{grid-template-columns:1fr}.taxonomy-matrix{grid-template-columns:130px repeat(3,minmax(150px,1fr));overflow:auto}}
@media(max-width:760px){.track-grid,.product-grid,.goal-grid,.family-grid{grid-template-columns:1fr}.taxonomy-matrix{display:block}.taxonomy-matrix>*{border-right:0}.route-step{grid-template-columns:36px 1fr}.route-step>*:last-child{grid-column:2}.public-hero h1{font-size:34px}}

/* === v7 learning taxonomy / source library === */
.prototype-strip{background:#0e2437;color:#dbeaf2;padding:9px 18px;font-size:12px;text-align:center}.prototype-strip a{color:#9edfd8}.source-note{border:1px solid #ead8a7;background:#fffaf0;border-radius:13px;padding:12px 14px;font-size:13px}.source-note strong{display:block;margin-bottom:3px}.line-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:18px 0}.line-tools .field{min-width:170px}.line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.line-card{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;text-decoration:none;color:inherit}.line-card:hover{border-color:#91bfbd;box-shadow:var(--shadow)}.line-num{font-size:11px;font-weight:900;color:var(--brand);letter-spacing:.08em}.coverage{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.coverage span{border-radius:8px;background:#f3f6f9;padding:6px 4px;text-align:center;font-size:10px;color:#617186}.coverage b{display:block;color:var(--ink);font-size:12px}.reuse{border:1px solid #f0dfc7;background:#fff8ed;color:#8f5a18}.line-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.line-definition{font-size:18px;line-height:1.55}.question-box{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px}.question-box h2{margin:6px 0 16px}.quiz-options{display:grid;gap:9px}.quiz-option{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;text-align:left;font:inherit;cursor:pointer}.quiz-option:hover{border-color:#8dbab8}.quiz-option.correct{border-color:#4ca980;background:#effaf5}.quiz-option.wrong{border-color:#d77b82;background:#fff2f3}.quiz-result{margin-top:14px;padding:13px;border-radius:12px;background:#f3f7fa;display:none}.quiz-result.show{display:block}.practice-list{display:grid;gap:10px}.practice-row{display:grid;grid-template-columns:55px minmax(240px,1fr) 150px 170px auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.practice-row .pnum{font-weight:900;color:var(--brand)}.practice-row a{text-decoration:none;color:inherit;font-weight:750}.practice-row a:hover{color:var(--brand)}.flag{font-size:10px;padding:4px 7px;border-radius:999px;background:#eef2f7;color:#56667b;font-weight:800}.flag.author{background:#fff2df;color:#955b14}.flag.sensitive{background:#fdebed;color:#9f3f49}.flag.shared{background:#e9f6ef;color:#247052}.track-pill{font-size:10px;padding:4px 7px;border-radius:999px;background:#f0f3f7;font-weight:800}.practice-detail{display:grid;grid-template-columns:1fr 330px;gap:18px}.definition-card{border-left:4px solid var(--brand)}.state-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.state-col{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}.state-col h4{margin:0 0 8px}.state-token{display:block;padding:7px 9px;border-radius:9px;background:#f5f7fa;margin:6px 0;font-size:12px}.design-swatch{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.design-swatch span{height:62px;border-radius:12px;display:flex;align-items:end;padding:7px;color:white;font-size:10px;font-weight:800}.compact-note{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.line-grid{grid-template-columns:repeat(2,1fr)}.line-hero,.practice-detail{grid-template-columns:1fr}.state-board{grid-template-columns:repeat(2,1fr)}.practice-row{grid-template-columns:48px 1fr 120px}.practice-row>*:nth-child(4),.practice-row>*:nth-child(5){grid-column:2}}
@media(max-width:700px){.line-grid{grid-template-columns:1fr}.state-board{grid-template-columns:1fr}.practice-row{grid-template-columns:42px 1fr}.practice-row>*:not(.pnum){grid-column:2}.design-swatch{grid-template-columns:repeat(3,1fr)}}


/* === PUBLIC FUNNEL v8.1 === */
.public{background:#fff}.public-main{padding-top:34px}.public-nav .nav-login{padding-left:8px;color:#1f6e75}.funnel-home{padding-top:18px}.funnel-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:42px 0 58px}.hero-copy h1{font-size:54px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px;max-width:800px}.hero-actions{margin-top:24px}.btn.xl{padding:14px 20px;font-size:15px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#637287;font-size:12px}.trust-row span:before{content:'✓';color:var(--green);font-weight:900;margin-right:6px}.hero-choice{border:1px solid var(--line);border-radius:24px;padding:22px;background:#fbfcfd}.choice-tile{display:block;text-decoration:none;padding:17px 0;border-bottom:1px solid var(--line)}.choice-tile:last-child{border-bottom:0}.choice-tile b,.choice-tile span,.choice-tile strong{display:block}.choice-tile b{font-size:17px}.choice-tile span{color:var(--muted);font-size:13px;margin:5px 0 8px}.choice-tile strong{color:var(--brand);font-size:13px}.public-section-head{align-items:end}.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.problem-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:17px;padding:19px;background:#fff;min-height:165px;transition:.15s}.problem-card:hover{border-color:#a9d4d2;transform:translateY(-1px)}.problem-card>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#eef6f5;color:var(--brand);font-weight:850;font-size:11px}.problem-card b{display:block;font-size:17px;line-height:1.3;margin:14px 0 10px}.problem-card p{color:var(--muted);font-size:13px}.problem-card small{color:var(--muted)}.problem-card strong{display:block;color:var(--brand);font-size:13px;margin-top:15px}.free-demo{padding-top:18px}.free-practice-card{display:grid;grid-template-columns:1.4fr .6fr;gap:26px;padding:28px;border-radius:24px;background:#f3f8f7;border:1px solid #dcebea;align-items:center}.free-practice-card h2{margin:7px 0 10px}.mini-result{background:#fff;border:1px solid #dce7e7;border-radius:17px;padding:20px}.mini-result b{display:block}.mini-result p{color:var(--muted);font-size:13px}.mini-check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5f4ed;color:var(--green);font-weight:900;margin-bottom:11px}.skill-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.skill-strip a{padding:17px;border:1px solid var(--line);border-radius:15px;text-decoration:none;background:#fff}.skill-strip b,.skill-strip span{display:block}.skill-strip span{font-size:12px;color:var(--muted);margin-top:5px}.split-value{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:start}.simple-steps{display:grid;gap:12px;margin-top:18px}.simple-steps>div{display:grid;grid-template-columns:38px 1fr;gap:12px}.simple-steps>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef6f5;color:var(--brand);font-weight:850}.simple-steps b{display:block}.simple-steps p{margin:2px 0;color:var(--muted);font-size:13px}.simple-steps.compact{margin-top:10px}.product-preview{border-radius:20px;padding:24px;background:#102d42;color:#fff}.product-preview p,.product-preview li{color:#c6d7e1}.product-preview ul{padding-left:18px}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;border-radius:22px;background:#f7fafb;border:1px solid var(--line);margin-top:24px}.final-cta h2{margin:4px 0}.final-cta p{margin:0;color:var(--muted)}.footer-note{font-size:12px;color:#91adbd}.track-landing{max-width:830px;padding:26px 0 28px}.track-landing h1{font-size:48px;letter-spacing:-.04em;line-height:1.08;margin:8px 0 14px}.track-landing .lead{font-size:19px;color:#52627a}.track-problems .problem-card{min-height:180px}.back-link{display:inline-block;text-decoration:none;color:#637287;font-size:13px;font-weight:700;margin-bottom:18px}.navigator-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start;padding:28px 0}.navigator-intro h1{font-size:42px;letter-spacing:-.035em;margin:7px 0 12px}.privacy-inline{font-size:12px;color:#637287;border-left:3px solid #b9d9d6;padding-left:10px;margin-top:22px}.navigator-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:var(--shadow)}.nav-progress{height:6px;background:#edf1f5;border-radius:999px;overflow:hidden;margin-bottom:24px}.nav-progress span{display:block;height:100%;background:var(--brand);border-radius:999px;transition:.2s}.navigator-card h2{font-size:27px;margin:7px 0 18px}.nav-options{display:grid;gap:10px}.nav-option{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 15px;color:var(--ink)}.nav-option:hover,.nav-option.selected{border-color:#8fc7c4;background:#f3faf9}.nav-option b{color:var(--brand)}.nav-actions{display:flex;justify-content:space-between;margin-top:22px}.result-shell{padding:20px 0}.result-hero{max-width:850px;padding:12px 0 26px}.result-hero h1{font-size:44px;letter-spacing:-.04em;margin:8px 0}.result-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.route-card h2{font-size:26px}.route-simple{display:grid;gap:12px;margin-top:16px}.route-simple .route-step{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.route-simple .route-step>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#edf6f5;color:var(--brand);font-weight:800}.route-step p{margin:3px 0;color:var(--muted);font-size:13px}.free-next{border-color:#b9ddd8;background:#f5fbfa}.save-route{background:#fafbfc}.route-explain{margin-top:18px;padding:15px;border-radius:13px;background:#f7f9fb;color:#52627a}.route-explain b{color:var(--ink)}.route-explain p{margin:4px 0}.try-shell{max-width:930px;margin:auto;padding:18px 0}.try-head{max-width:700px}.try-head h1{font-size:43px;letter-spacing:-.04em;margin:6px 0 10px}.try-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 14px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;color:#52627a}.chip.active{background:#eaf6f4;border-color:#aad4d0;color:#146c71}.try-card{border:1px solid var(--line);border-radius:20px;padding:24px}.try-card h2{font-size:28px;margin:5px 0}.try-card form{display:grid;gap:14px;margin-top:20px}.try-result{margin-top:16px;padding:22px;border-radius:18px;background:#eef8f4;border:1px solid #cee7dc;display:flex;justify-content:space-between;gap:20px;align-items:center}.try-result h2{margin:4px 0}.public-page-head h1{font-size:43px;letter-spacing:-.035em}.filter-bar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd;margin-bottom:18px}.filter-bar .field{min-width:190px}.filter-bar .flex1{flex:1;min-width:260px}.filter-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#53647a;padding:10px 0}.line-grid.public-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.line-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:17px;padding:18px;background:#fff}.line-card h3{font-size:17px;margin:12px 0 8px}.line-card p{font-size:13px;color:var(--muted);min-height:58px}.line-card strong{display:block;color:var(--brand);font-size:12px;margin-top:12px}.line-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.line-index{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef6f5;color:var(--brand);font-weight:850}.coverage{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.coverage span{min-width:50px;border:1px solid var(--line);border-radius:9px;padding:5px 7px;font-size:10px;color:#65758a}.coverage b{display:block;font-size:14px;color:var(--ink)}.coverage.large span{min-width:64px}.line-public-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:start}.line-public-hero h1{font-size:42px;letter-spacing:-.035em;margin:7px 0 12px}.public-practice-row{grid-template-columns:40px 1.4fr 160px 170px 1fr}.practice-detail.public-detail{grid-template-columns:1.25fr .75fr}.lead-sm{font-size:17px;line-height:1.6}.public-quiz{max-width:820px;margin:auto}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}.product-card h3{font-size:21px;margin:0}.product-card p{color:var(--muted);margin:0;min-height:62px}.product-meta{display:flex;gap:8px;flex-wrap:wrap}.product-meta span{font-size:11px;padding:5px 8px;background:#f2f5f8;border-radius:999px;color:#596b80}.price{font-size:18px}.product-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.product-detail-grid h1{font-size:46px;letter-spacing:-.04em;margin:7px 0 12px}.outcome-list{display:grid;gap:8px;margin:22px 0}.outcome-list>div{display:grid;grid-template-columns:160px 1fr;padding:12px 0;border-top:1px solid var(--line)}.outcome-list span{color:var(--muted)}.product-buy{position:sticky;top:96px}.big-price{font-size:34px;font-weight:900;margin:6px 0 12px}.product-buy .btn{width:100%;margin:6px 0}.product-buy small{display:block;color:var(--muted);margin-top:10px}.checkout-shell{padding:18px 0}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.checkout-grid h1{font-size:42px;margin:7px 0}.beneficiary-box{display:grid;gap:9px;margin:22px 0}.benefit-option{display:flex;gap:10px;border:1px solid var(--line);border-radius:13px;padding:13px;align-items:flex-start}.benefit-option span b,.benefit-option span small{display:block}.benefit-option small{color:var(--muted)}.consent-check{margin-top:12px}.checkout-summary{align-self:start;position:sticky;top:96px}.checkout-price{font-size:34px;font-weight:900}.checkout-summary ul{padding-left:18px;color:var(--muted)}.checkout-summary .btn{width:100%}.checkout-success{margin-top:12px;padding:13px;border-radius:12px;background:#eef8f4}.checkout-success b{color:var(--green)}
@media(max-width:980px){.funnel-hero,.split-value,.navigator-shell,.result-grid,.line-public-hero,.product-detail-grid,.checkout-grid,.free-practice-card{grid-template-columns:1fr}.problem-grid,.line-grid.public-lines,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.product-buy,.checkout-summary{position:static}.public-practice-row{grid-template-columns:38px 1fr 120px}.public-practice-row>*:nth-child(4),.public-practice-row>*:nth-child(5){display:none}}
@media(max-width:720px){.public-nav a:not(.btn):not(.nav-login){display:none}.public-main{width:min(100% - 24px,1180px)}.hero-copy h1,.track-landing h1,.public-page-head h1,.result-hero h1,.try-head h1,.product-detail-grid h1{font-size:36px}.funnel-hero{padding-top:20px}.problem-grid,.line-grid.public-lines,.product-grid{grid-template-columns:1fr}.skill-strip{grid-template-columns:1fr}.final-cta,.try-result{flex-direction:column;align-items:flex-start}.outcome-list>div{grid-template-columns:1fr}.trust-row{gap:8px 14px}.public-footer .inner{grid-template-columns:1fr}}

.practice-source-mini{font-size:12px;margin:8px 0 14px}.practice-source-mini a,.source-link{color:var(--brand);text-decoration:none;font-weight:750}.practice-alts{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.practice-alts>b{display:block;font-size:12px;margin-bottom:8px}.alt-practices{display:flex;gap:7px;flex-wrap:wrap}.alt-practices a{font-size:11px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff}.practice-source-row{gap:14px;align-items:flex-start}.practice-source{font-size:12px;color:var(--muted);margin:2px 0 10px}.practice-duration{display:inline-block;font-size:11px;font-weight:750;color:#52627a;background:#f3f6f8;border-radius:999px;padding:6px 9px;margin:0 0 4px}