:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183632;background:#f7f5ef;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-shell{max-width:1540px;margin:auto;min-height:100vh}.site-header{height:92px;padding:0 clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e2d9}.brand{display:inline-flex;align-items:center;gap:10px;font-family:system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.8px}.brand-dot{color:#e8a55b}.brand-mark{width:32px;height:32px;border-radius:9px;background:#183632;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.brand-mark span{width:5px;height:18px;background:#e8a55b;transform:skew(-22deg)}.brand-mark span+span{height:13px;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:38px;height:100%}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;font-weight:700;color:#6d7a72;white-space:nowrap}.desktop-nav a.active,.desktop-nav a:hover{color:#183632}.desktop-nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#e8a55b;border-radius:3px 3px 0 0}.header-action{padding:12px 18px;border:1px solid #cbd4cb;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap}.header-action span{margin-left:10px}.header-action:hover{background:#183632;color:white}.view{display:none}.view.active{display:block}main{padding:0 clamp(24px,6vw,92px)}.home-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:5%;align-items:center;padding:65px 0 56px}.eyebrow,.overline{font-size:12px;font-weight:800;letter-spacing:.17em;margin:0 0 20px}.eyebrow-line{display:inline-block;width:20px;height:2px;background:#d69a56;vertical-align:middle;margin-right:8px}.home-intro h1{font-family:system-ui,sans-serif;font-size:clamp(51px,6vw,91px);line-height:1.08;letter-spacing:-.075em;margin:0 0 24px;max-width:690px}.home-intro h1 em{font-style:normal;color:#e5a05a}.intro-copy{color:#667770;font-size:18px;line-height:1.7;max-width:540px;margin:0 0 30px}.intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:700;font-size:15px;min-height:50px}.button-primary{background:#183632;color:white;padding:0 23px;border-radius:9px}.button-primary:hover{background:#28544c}.button-text{padding:0 9px}.button-text:hover{color:#b56c26}.hero-art{height:330px;position:relative;border-radius:28px;background:#dce9df;overflow:hidden}.art-orbit{position:absolute;border:1px solid rgba(24,54,50,.18);border-radius:50%;width:360px;height:360px;left:55%;top:45%;transform:translate(-50%,-50%)}.orbit-two{width:510px;height:510px}.art-road{position:absolute;left:18%;top:-20%;height:145%;width:145px;background:#25534c;transform:rotate(37deg);border-left:10px solid #cfddd0;border-right:10px solid #cfddd0;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.road-stripe{width:7px;height:58px;border-radius:3px;background:#f9e4c4}.art-pin{position:absolute;right:19%;top:24%;width:67px;height:67px;border-radius:50% 50% 50% 7px;background:#e9a85f;display:grid;place-items:center;transform:rotate(-45deg);box-shadow:0 10px 20px #18363230}.art-pin span{font-size:28px;font-weight:800;color:#183632;transform:rotate(45deg)}.art-caption{position:absolute;right:8%;bottom:12%;font-size:15px;line-height:1.4;color:#37584e}.art-caption strong{font-family:system-ui,sans-serif;font-size:22px;color:#183632}.home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}.quick-card,.study-card{border-radius:20px;min-height:338px;padding:30px}.quick-card{background:#fff;border:1px solid #e6e7df;box-shadow:0 12px 40px #18363209}.card-topline{display:flex;justify-content:space-between;align-items:center}.pill{border-radius:50px;padding:8px 11px;font-size:11px;font-weight:800;letter-spacing:.1em}.pill-light{background:#e8f1e9;color:#2d6558}.card-index{font-size:12px;color:#9aa49b;font-weight:700}.quick-card h2{font-family:system-ui,sans-serif;font-size:22px;line-height:1.4;letter-spacing:-.035em;margin:21px 0}.quick-options{display:grid;gap:8px}.quick-options button{border:1px solid #e5e9e3;background:#fff;border-radius:10px;padding:10px 12px;text-align:left;font-size:14px;font-weight:600;color:#34534a;display:flex;align-items:center;gap:12px;transition:.2s}.quick-options button:hover{border-color:#91b4a3;background:#f6faf6}.quick-options button span{display:grid;place-items:center;border:1px solid #dce5dc;width:27px;height:27px;flex:none;border-radius:7px;font-size:12px}.quick-options button.correct{background:#e3f1e7;border-color:#80b392}.quick-options button.wrong{background:#fff1eb;border-color:#dd9c81}.quick-feedback{font-size:14px;line-height:1.5;min-height:20px;color:#37664b;margin:10px 0 0}.study-card{background:#e7ab6a;color:#183632;display:flex;flex-direction:column;align-items:flex-start}.study-icon{font-size:30px;margin-bottom:18px}.study-card .overline{font-size:10px;margin:0 0 12px}.study-card h2{font-family:system-ui,sans-serif;font-size:26px;letter-spacing:-.055em;line-height:1.3;margin:0 0 13px}.study-card p:not(.overline){line-height:1.55;font-size:14px;margin:0;color:#4e4c39}.study-card a{margin-top:auto;font-size:14px;font-weight:800;border-bottom:1px solid #183632;padding-top:18px;padding-bottom:5px}.study-card a span{margin-left:13px}.topic-preview{padding:71px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px}.section-heading .eyebrow{color:#ac763e;margin-bottom:8px}.section-heading h2{font-family:system-ui,sans-serif;font-size:32px;letter-spacing:-.055em;margin:0}.section-heading a{font-size:14px;font-weight:800;white-space:nowrap}.section-heading a span{margin-left:9px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{background:#fff;border:1px solid #e6e7df;padding:22px;border-radius:17px;min-height:240px;display:flex;flex-direction:column}.topic-card:hover{border-color:#e6a65e;transform:translateY(-2px)}.topic-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:23px;font-weight:700;margin-bottom:25px}.icon-road{background:#e2ece4;color:#286453}.icon-aid{background:#fde8e1;color:#cd7159}.icon-car{background:#e6e7f0;color:#6d6d9d}.icon-heart{background:#fbeccc;color:#ad7b2c}.topic-card>span:not(.topic-icon){color:#96a299;font-size:11px;font-weight:800;letter-spacing:.1em}.topic-card h3{font-family:system-ui,sans-serif;font-size:19px;letter-spacing:-.045em;margin:8px 0}.topic-card p{font-size:13px;color:#79857c;line-height:1.5;margin:0 0 15px}.topic-card b{font-size:13px;margin-top:auto}.site-footer{border-top:1px solid #e2e2d9;margin:0 clamp(24px,6vw,92px);padding:25px 0 35px;color:#869087;font-size:13px;display:flex;justify-content:space-between;gap:15px}@media(max-width:1000px){.desktop-nav{gap:17px}.home-intro{grid-template-columns:1fr .8fr}.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:auto;min-height:70px;padding:15px 20px;flex-wrap:wrap;gap:15px}.brand{font-size:24px}.desktop-nav{order:3;width:100%;overflow:auto;gap:24px;height:40px}.desktop-nav a{font-size:13px}.header-action{font-size:12px;padding:9px 12px}main{padding:0 20px}.home-intro{grid-template-columns:1fr;padding:45px 0 30px;gap:27px}.home-intro h1{font-size:clamp(49px,13vw,70px)}.intro-copy{font-size:16px}.hero-art{height:230px}.home-grid{grid-template-columns:1fr}.study-card{min-height:250px}.topic-preview{padding:55px 0 70px}.site-footer{margin:0 20px}.topic-grid{gap:10px}.topic-card{padding:17px;min-height:220px}}@media(max-width:520px){.topic-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.section-heading a{font-size:12px}.quick-card,.study-card{padding:22px}.quick-card h2{font-size:20px}.hero-art{height:210px}.site-footer{display:block}.site-footer span{display:block;margin-bottom:5px}}