:root{--ink:#08251f;--green:#0b5d46;--green2:#168b63;--lime:#dbea9d;--cream:#f5f1e7;--paper:#fffdf7;--gold:#f2bd55;--orange:#df7044;--blue:#66a8ad;--line:rgba(8,37,31,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(245,241,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50% 50% 45% 55%;background:var(--green);color:var(--lime);font-size:16px;transform:rotate(-5deg)}nav{display:flex;gap:34px;font-weight:600;font-size:14px}nav a:hover{color:var(--green2)}.header-actions{display:flex;gap:9px}.icon-button,.profile{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.profile{background:var(--gold);border:3px solid white;font-weight:800;font-size:12px}.hero{min-height:calc(100vh - 76px);padding:clamp(60px,8vw,120px) clamp(22px,7vw,110px);display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;position:relative;overflow:hidden}.hero-copy{max-width:690px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.eyebrow.light{color:var(--lime)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(48px,6.7vw,98px);line-height:.96;margin:22px 0 28px;max-width:900px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green2)}.hero-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:590px;color:#49645d}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}.button{border:0;border-radius:6px;padding:15px 21px;font-weight:700;display:inline-flex;align-items:center;gap:18px;cursor:pointer}.button.primary{background:var(--green);color:white;box-shadow:0 7px 0 #063b2d}.button.primary:hover{transform:translateY(-2px)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.45)}.trust{display:flex;align-items:center;gap:12px;margin-top:30px}.trust p{font-size:12px;line-height:1.4;color:#688078}.avatars{display:flex}.avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#8db5a8;border:2px solid var(--cream);margin-left:-6px;color:white;font-size:9px;font-weight:800}.avatars span:first-child{margin-left:0;background:var(--orange)}.avatars span:nth-child(2){background:var(--blue)}.avatars span:nth-child(3){background:var(--green)}.hero-art{height:min(610px,62vw);min-height:430px;border-radius:48% 48% 10% 10%;background:linear-gradient(#edcc84 0 48%,#80af75 48% 100%);position:relative;overflow:hidden;box-shadow:0 35px 80px rgba(15,74,55,.18)}.sun{position:absolute;width:130px;height:130px;background:#f3ae58;border-radius:50%;right:16%;top:10%}.mountain{position:absolute;bottom:39%;width:75%;height:44%;background:#517f69;clip-path:polygon(0 100%,25% 33%,44% 64%,64% 8%,100% 100%)}.mountain.back{left:35%;opacity:.6}.mountain.front{left:-8%;background:#275f4b}.river{position:absolute;inset:53% -30% -20% 30%;background:#b6d3c0;transform:rotate(16deg);border-radius:50% 0 0 0}.tree{position:absolute;color:#143d2c;font-size:110px;line-height:1;bottom:12%;z-index:2}.t1{left:5%}.t2{left:22%;bottom:23%;font-size:70px}.t3{right:4%;bottom:16%;font-size:90px}.okapi{position:absolute;width:135px;height:110px;bottom:11%;left:47%;z-index:3}.okapi-body{position:absolute;width:90px;height:50px;background:#573d31;border-radius:48%;top:20px}.okapi-head{position:absolute;right:8px;top:0;color:#654337;font-size:37px}.okapi i{position:absolute;width:10px;height:61px;background:repeating-linear-gradient(#e9dfc7 0 8px,#3b2b26 8px 15px);top:54px}.okapi i:nth-of-type(1){left:13px}.okapi i:nth-of-type(2){left:39px}.okapi i:nth-of-type(3){left:68px}.okapi i:nth-of-type(4){left:89px}.fact-card{position:absolute;z-index:4;right:5%;bottom:5%;background:var(--paper);width:220px;padding:16px 18px;box-shadow:0 14px 30px #173e3236;transform:rotate(2deg)}.fact-card span{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.12em}.fact-card strong{display:block;margin-top:6px;line-height:1.35}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.15em;color:#70837e}.scroll-cue span{display:block;text-align:center;font-size:16px;margin-top:7px}.section{padding:110px clamp(22px,7vw,110px)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading h2,.province-section h2,.quiz-intro h2{font-size:clamp(38px,4.3vw,65px);margin-top:14px}.section-heading>p{max-width:420px;line-height:1.7;color:#5d746e}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.journey-card{min-height:310px;padding:24px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s;cursor:pointer}.journey-card:hover{transform:translateY(-7px)}.journey-card .icon{font-size:45px}.journey-card small{font-weight:800;letter-spacing:.13em;opacity:.7}.journey-card h3{font-size:26px;margin:8px 0}.journey-card p{font-size:13px;line-height:1.6;opacity:.75}.journey-card .go{align-self:flex-end;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.5)}.province-section{background:var(--green);color:white;padding:100px clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.province-copy>p{color:#b6ccc4;line-height:1.7;max-width:440px}.search{display:flex;align-items:center;background:white;border-radius:6px;padding:0 15px;margin-top:32px;color:var(--ink)}.search input{border:0;outline:0;padding:15px 10px;width:100%;background:transparent}.result-count{font-size:12px!important}.province-panel{background:#f3efdf;color:var(--ink);padding:12px;border-radius:16px;max-height:570px;overflow:auto}.province-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.province{padding:14px 15px;background:#fffdf8;border:1px solid #ded9ca;border-radius:7px;display:flex;justify-content:space-between;gap:8px}.province strong{font-size:13px}.province span{font-size:11px;color:#73807c}.quiz-section{padding:110px clamp(22px,7vw,110px);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:#e8dfcc}.quiz-intro>p{line-height:1.7;color:#66756f}.score-preview{display:flex;align-items:center;gap:14px;margin-top:35px}.score-preview>span{width:56px;height:56px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:26px}.score-preview strong,.score-preview small{display:block}.score-preview small{font-size:9px;letter-spacing:.13em;margin-top:4px}.quiz-card{background:var(--paper);padding:clamp(22px,4vw,48px);border-radius:14px;box-shadow:0 25px 60px rgba(43,57,48,.12)}.quiz-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em}.points{color:var(--green2)}.progress{height:5px;background:#e9e5db;margin:15px 0 35px;border-radius:5px}.progress i{display:block;height:100%;width:10%;background:var(--orange);transition:.3s}.question-topic{font-size:10px;font-weight:800;color:var(--orange);letter-spacing:.12em}.quiz-card h3{font-size:clamp(25px,3vw,40px);line-height:1.15;margin:12px 0 27px}.answers{display:grid;gap:10px}.answer{padding:15px 18px;border:1px solid #d9d5ca;border-radius:7px;background:white;text-align:left;cursor:pointer;font-weight:600}.answer:hover:not(:disabled){border-color:var(--green);background:#f0f7f3}.answer.correct{background:#e0f3e9;border-color:var(--green2)}.answer.wrong{background:#f9e3db;border-color:var(--orange)}.feedback{min-height:48px;margin-top:18px;font-size:14px;line-height:1.5}.feedback strong{display:block}.next{display:none;margin-left:auto}.next.show{display:flex}.result{text-align:center;padding:28px 0}.result-icon{font-size:58px;color:var(--gold)}.result strong{font:800 64px Manrope;display:block;color:var(--green);margin:20px}.result .button{margin:auto}footer{background:#061f19;color:white;padding:35px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px;color:#91aaa2}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:520px}.journey-grid{grid-template-columns:repeat(2,1fr)}.province-section,.quiz-section{grid-template-columns:1fr}.province-copy{max-width:620px}.section-heading{align-items:start;flex-direction:column}.scroll-cue{display:none}}@media(max-width:560px){.hero{padding-bottom:70px}.hero-art{min-height:370px;height:105vw;border-radius:42% 42% 7% 7%}.fact-card{width:175px;font-size:12px}.journey-grid,.province-list{grid-template-columns:1fr}.journey-card{min-height:240px}.section,.province-section,.quiz-section{padding-top:75px;padding-bottom:75px}footer{align-items:flex-start;flex-direction:column;gap:7px}}