:root{
  --ink:#15221b; --muted:#5e6d63; --soft:#f8fff1; --cream:#fffdf6; --green:#2f6d3d; --green-dark:#1c4c2b; --green-2:#64a867; --lime:#d8f574; --lime-soft:#efffbc; --orange:#ff904c; --orange-soft:#fff0e6; --card:#ffffff; --line:#dce9d4; --shadow:0 22px 70px rgba(28,76,43,.13); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 5%,rgba(216,245,116,.55),transparent 30%),radial-gradient(circle at 92% 2%,rgba(255,144,76,.22),transparent 24%),linear-gradient(180deg,#fbfff1 0%,#f7fbf2 45%,#fffdf6 100%);min-height:100vh} a{color:inherit;text-decoration:none} .container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,246,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,233,212,.85)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:1000;font-size:1.42rem;letter-spacing:-.04em;color:var(--green)}.brand-mark{width:42px;height:42px;border-radius:999px;background:linear-gradient(145deg,var(--lime),var(--green-2));display:grid;place-items:center;color:#204c2a;box-shadow:0 10px 26px rgba(47,109,61,.24);position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:68%;height:68%;top:16%;border:2px solid rgba(32,76,42,.34);border-radius:999px}.brand-mark:before{left:-30%}.brand-mark:after{right:-30%}.nav{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}.nav a{font-size:.92rem;font-weight:750;color:#415147;padding:10px 12px;border-radius:999px}.nav a:hover,.nav a.active{background:#edf8de;color:var(--green)}.header-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;font-weight:900;background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(47,109,61,.23);transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(47,109,61,.28)}.btn.secondary{background:#fff;color:var(--green);border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;color:var(--green);box-shadow:none;border:1px solid transparent}.btn.orange{background:var(--orange);color:#2c1508}.btn.small{padding:8px 12px;font-size:.86rem}.hero{padding:74px 0 42px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr);gap:40px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#effbd6;border:1px solid #d8ef9c;color:#315d35;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.85rem}.hero h1{font-size:clamp(2.7rem,7vw,6.4rem);line-height:.92;letter-spacing:-.078em;margin:20px 0;color:#17371f}.hero h1 span{color:var(--green)}.lede{font-size:clamp(1.04rem,2vw,1.26rem);line-height:1.64;color:#526258;max-width:760px}.hero-panel,.card,.mock-form{background:rgba(255,255,255,.91);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 36px rgba(32,70,36,.08)}.hero-panel{padding:24px;box-shadow:var(--shadow);border-radius:34px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-title h2,.panel-title h3{margin:0;font-size:1.18rem}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.skill-pill,.chip{border:1px solid var(--line);background:#fff;border-radius:18px;padding:11px 14px;font-weight:900;color:#435146}.skill-pill.active,.chip.active{background:var(--green);color:white;border-color:var(--green)}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.field{display:grid;gap:7px}.field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#657166;font-weight:1000}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:white;color:#1d2a21;font:inherit;outline:none}.field textarea{min-height:96px;resize:vertical}.hero-note{font-size:.92rem;color:#617064;line-height:1.45;margin-top:14px}.section{padding:56px 0}.section.compact{padding:36px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.058em;line-height:1;margin:0}.section-head p{color:var(--muted);line-height:1.56;max-width:680px;margin:10px 0 0}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.sidebar{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr)}.card{padding:22px}.card h3,.card h2{margin:0 0 9px;letter-spacing:-.025em}.card p{color:var(--muted);line-height:1.55;margin:0 0 10px}.metric{font-size:2.12rem;font-weight:1000;color:var(--green);letter-spacing:-.07em}.tag{display:inline-flex;align-items:center;border-radius:999px;background:#effbd6;color:#315d35;border:1px solid #d8ef9c;font-weight:900;font-size:.77rem;padding:6px 10px;margin:2px}.tag.orange{background:var(--orange-soft);color:#934b1e;border-color:#ffd0aa}.tag.gray{background:#f5f6f3;color:#5f6c64;border-color:#e8ece4}.tag.red{background:#fff0f0;color:#9a3434;border-color:#ffd2d2}.contrast{background:linear-gradient(135deg,#183e21,#34713f);color:white}.contrast p,.contrast .muted{color:rgba(255,255,255,.78)}.contrast .tag{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}.split-card{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.split-card>div{padding:28px}.plain-match{background:#fff}.pickletok-match{background:linear-gradient(135deg,#f5ffd9,#fff)}.checklist{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.checklist li{display:flex;gap:10px;color:#47534b;line-height:1.4}.checklist li:before{content:"✓";width:22px;height:22px;border-radius:50%;background:#ebf8d7;color:var(--green);display:inline-grid;place-items:center;font-weight:1000;flex:0 0 22px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,var(--lime),var(--green-2));display:grid;place-items:center;font-weight:1000;color:#234d2c}.progress{height:12px;background:#eef4ea;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--lime));width:var(--value,60%)}.mini-table{width:100%;border-collapse:separate;border-spacing:0 9px}.mini-table td,.mini-table th{text-align:left;padding:12px 12px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.92rem}.mini-table td:first-child,.mini-table th:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.mini-table td:last-child,.mini-table th:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.mini-table th{color:#526157;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;background:#f8fbf4}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.subnav a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526157;font-weight:850;font-size:.88rem}.subnav a.active{background:var(--green);color:#fff;border-color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.mock-form{padding:22px}.route-title{padding:48px 0 24px}.route-title h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95;letter-spacing:-.065em;margin:12px 0}.route-title p{font-size:1.08rem;color:var(--muted);line-height:1.6;max-width:800px}.notice,.admin-banner{padding:14px 16px;border:1px dashed #d4dfcc;border-radius:18px;background:#fbfff3;color:#546257;margin-bottom:18px}.player-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--lime),var(--green-2));display:grid;place-items:center;font-weight:1000;color:#224f2d;font-size:1.12rem}.video-thumb{height:152px;border-radius:22px;background:linear-gradient(135deg,#16371f,#65aa67);display:grid;place-items:center;color:#fff;font-weight:1000;letter-spacing:-.02em;text-align:center;padding:18px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.scoreline{font-weight:1000;color:var(--green);font-size:1.1rem}.footer{padding:38px 0 46px;border-top:1px solid var(--line);margin-top:40px;color:#617064}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:#fbfff5;border:1px solid var(--line);border-radius:20px;padding:14px}.kpi strong{display:block;font-size:1.35rem;color:var(--green);letter-spacing:-.04em}.empty-note{font-style:italic;color:#77827a}.safe-label{font-size:.78rem;font-weight:900;color:#6a766d}.comparison-list{display:grid;gap:12px}.comparison-item{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff}.comparison-item.pickletok{background:#f7ffe4;border-color:#d7ef9f}
@media(max-width:920px){.hero-grid,.grid.two,.grid.three,.grid.four,.grid.sidebar,.split-card,.form-grid{grid-template-columns:1fr}.section-head{display:block}.nav{display:none}.header-actions .btn.ghost{display:none}.hero{padding-top:42px}.select-row{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.hero h1{font-size:3rem}.header-inner{gap:8px}.brand{font-size:1.2rem}.btn{padding:10px 13px}.card,.hero-panel,.mock-form{border-radius:22px;padding:18px}.kpi-row{grid-template-columns:1fr}}