:root{--ink:#132f39;--teal:#14685e;--mint:#e2f2ea;--paper:#f7f8f5;--line:#e1e6e4;--muted:#61757b;--orange:#f4c182;--white:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #53cdb2;outline-offset:3px}.container{width:min(1120px,calc(100% - 36px));margin:auto}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1200px,calc(100% - 36px));margin:auto}.brand{display:flex;align-items:center;gap:11px;font-size:23px;line-height:1.1;font-weight:800;letter-spacing:-.04em}.brand small{display:block;font-size:11px;letter-spacing:normal;font-weight:500;margin-top:6px;color:var(--muted)}.brand-mark{height:43px;width:43px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:13px;font-size:26px;font-weight:800}.topbar nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--teal)}.btn{border:0;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:12px 23px;font-weight:700;font-size:14px;transition:transform .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn.small{padding:8px 16px;min-height:40px}.btn-primary{color:#fff;background:var(--teal)}.btn-primary:hover{background:#0e554d}.btn-outline{border:1px solid #b8c8c5;background:transparent;color:var(--ink)}.btn-ghost{background:#fff;color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.hero{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;gap:66px;align-items:center;padding-top:45px;padding-bottom:83px}.eyebrow{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.025em}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2c9a75;margin-left:7px}.hero h1{font-size:clamp(34px,4.6vw,59px);line-height:1.38;letter-spacing:-.047em;margin:16px 0 19px}.hero h1 span{color:var(--teal)}.lead{max-width:550px;color:#576d75;font-size:17px;line-height:2}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.helper{font-size:12px;color:#75858a;margin-top:15px}
.hero-widget{background:#fff;border:1px solid var(--line);box-shadow:0 20px 70px rgba(10,43,38,.08);padding:30px;border-radius:25px;transform:rotate(-1deg)}.widget-top{display:flex;justify-content:space-between;font-weight:800}.tag{background:#e1f3ed;border-radius:24px;font-size:12px;color:var(--teal);padding:2px 13px}.widget-caption{font-size:13px;color:var(--muted)}.big-question{text-align:center;direction:rtl;font-size:37px;font-weight:800;white-space:nowrap;padding:18px 4px 26px}.big-question strong{color:#12816b}.mini-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-choices span{border:1px solid var(--line);border-radius:11px;padding:13px 4px;text-align:center;font-weight:800}.mini-choices .correct{background:#e8f7ec;color:#167758;border-color:#6ebc92}.explain{margin-top:19px;padding:14px 17px;border-radius:12px;color:#45625d;background:#f3f8f5;font-size:13px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:14px 0 26px}.section-heading h2,.feature-band h2,.family h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.03em;margin:4px 0 0}.section-heading>p{color:var(--muted);font-size:14px}.sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.section-card{border:1px solid var(--line);border-radius:19px;text-align:right;background:#fff;padding:26px;display:flex;flex-direction:column;gap:8px;min-height:224px;transition:transform .13s,box-shadow .13s;color:var(--ink)}.section-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(18,60,54,.07)}.card-icon{height:53px;width:53px;border-radius:14px;display:grid;place-items:center;font-size:30px;font-weight:700;background:#e9f4f1;color:#107262}.verbal .card-icon{background:#fff0df;color:#a26b19}.mixed .card-icon{background:#eaeafb;color:#5956ac}.section-card strong{font-size:21px}.section-card small{font-size:13px;color:var(--muted)}.card-action{margin-top:auto;color:var(--teal);font-size:13px;font-weight:800}.counter{margin:16px 0 80px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.counter strong{font-size:20px;color:var(--teal)}.counter small{font-size:12px}
.feature-band{padding:68px 0;background:#eaf0ed}.feature-band .eyebrow{margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:39px}.how-grid>div{border-top:1px solid #b8cfca;padding-top:18px}.step{font-size:12px;font-weight:900;color:var(--teal)}.how-grid h3{font-size:22px;margin:8px 0}.how-grid p{color:var(--muted);font-size:14px;margin:0}.family{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:88px;padding-bottom:100px}.family p{color:var(--muted)}.family-panel{padding:38px;border:1px solid var(--line);border-radius:22px;background:#fff;display:grid;gap:10px}.family-panel>span{font-size:12px;color:var(--teal);font-weight:800}.family-panel>strong{font-size:25px}.family-panel>p{margin:0}.progress-visual{height:12px;border-radius:20px;background:#e5eeeb;overflow:hidden;margin-top:17px}.progress-visual i{display:block;height:100%;width:66%;background:#2e9879;border-radius:20px}.family-panel small{color:var(--muted)}.footer{background:var(--ink);color:#d8e2df;font-size:12px;padding:27px 0}.footer .container{display:flex;justify-content:space-between}
.overlay{position:fixed;inset:0;background:rgba(12,30,35,.68);z-index:20;display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto}.quiz-panel,.notice-panel{width:min(590px,100%);background:#fff;border-radius:24px;padding:27px;max-height:calc(100vh - 32px);overflow:auto}.quiz-top{display:flex;align-items:start;justify-content:space-between}.quiz-label{font-size:12px;color:var(--teal);font-weight:800}.quiz-top h2{margin:0 0 18px;font-size:23px}.close{border:0;background:#f1f3f2;border-radius:12px;width:38px;height:38px;font-size:27px;line-height:1}.meter{height:7px;border-radius:10px;background:#e5eae7;overflow:hidden}.meter div{height:100%;background:#1c8d77;width:0;transition:width .2s}.quiz-progress{font-size:12px;color:var(--muted)}.question-text{font-size:22px;line-height:1.85;font-weight:750;margin:22px 0}.choices{display:grid;gap:11px}.choice{padding:14px;border:1px solid #d8e1dc;border-radius:12px;background:#fff;text-align:right;min-height:55px}.choice.selected{border:2px solid #117c68;background:#edf9f3}.choice strong{margin-left:10px;color:var(--teal)}.quiz-footer{margin-top:24px;display:flex;justify-content:space-between}.result-top{text-align:center;padding:15px 0}.result-score{color:var(--teal);font-weight:900;font-size:38px}.result-item{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.result-item strong{display:block}.result-item p{color:var(--muted);margin:4px 0}.notice-panel{position:relative;padding:34px}.notice-panel .close{position:absolute;left:20px;top:20px}.notice-panel h2{padding-left:37px}.notice-panel p{color:var(--muted)}.question-image{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:12px auto;border:1px solid var(--line);border-radius:12px}
@media(max-width:900px){.hero{gap:28px}.hero h1{font-size:39px}.hero-widget{padding:23px}.big-question{font-size:29px}.topbar nav{gap:15px}.family{gap:30px}}@media(max-width:680px){.topbar{height:70px}.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:24px;padding-bottom:65px}.hero h1{font-size:36px}.lead{font-size:15px}.hero-widget{transform:none}.sections-grid,.how-grid,.family{grid-template-columns:1fr}.section-heading{display:block}.sections-grid{gap:12px}.section-card{min-height:175px;padding:18px}.card-icon{height:45px;width:45px}.counter{margin-bottom:60px}.feature-band{padding:53px 0}.how-grid{gap:20px;margin-top:24px}.family{padding-top:50px;padding-bottom:65px}.quiz-panel{padding:18px;border-radius:17px}.question-text{font-size:18px}.family-panel{padding:23px}.big-question{font-size:30px}}

.choice-image{display:block;max-width:100%;max-height:160px;object-fit:contain;border-radius:12px;margin-top:10px}