:root{--ink:#101614;--muted:#64706c;--green:#10a37f;--green-dark:#08755d;--line:#dfe7e3;--shadow:0 24px 70px rgba(14,38,31,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#101614;color:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:78px;max-width:1280px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:36px;position:relative;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:700;text-decoration:none;font-size:19px;margin-right:auto}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--ink);display:grid;place-items:center;position:relative}.brand-mark i{position:absolute;width:13px;height:4px;border:1.5px solid #fff;border-radius:8px;transform:rotate(60deg)}.brand-mark i:nth-child(2){transform:rotate(-60deg)}.brand-mark i:nth-child(3){transform:none}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#4d5854;font-size:14px;font-weight:600;transition:.2s}nav a:hover{color:var(--green)}.language select{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 30px 10px 12px;font:600 12px Inter;color:var(--ink);cursor:pointer}
main{max-width:1280px;margin:auto;padding:0 30px 42px}.hero{min-height:620px;border-radius:34px;background:linear-gradient(135deg,#eefaf6,#f8fbfa 52%,#f0f5f3);padding:70px 72px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--green-dark)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px}.eyebrow span{width:25px;height:1px;background:var(--green)}h1,h2,h3{font-family:Manrope,Inter,sans-serif}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:710px;margin:0 0 27px}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:620px;margin:0 0 34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:0 22px;border-radius:14px;text-decoration:none;font-weight:600;font-size:14px;transition:.25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(16,22,20,.18)}
.hero-visual{position:relative;height:450px}.orb{position:absolute;border-radius:50%}.orb-a{width:310px;height:310px;right:52px;top:72px;background:radial-gradient(circle at 32% 25%,#b9f5e4,#4dd2ab 43%,#10a37f 76%,#08755d);box-shadow:0 55px 90px rgba(16,163,127,.24)}.orb-b{width:205px;height:205px;right:105px;top:125px;border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.12);backdrop-filter:blur(5px)}.visual-core{position:absolute;right:171px;top:181px;width:74px;height:74px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 20px 50px rgba(2,80,61,.2);font-family:Manrope;font-size:25px;color:var(--green-dark)}.spark{position:absolute;top:-16px;right:-12px;color:#fff;font-size:18px}.visual-card{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(19,72,56,.14);padding:12px 15px;border-radius:14px;font-size:11px;animation:float 6s ease-in-out infinite}.visual-card span{color:var(--green);font-size:10px}.vc-one{right:280px;top:71px}.vc-two{right:0;top:142px;animation-delay:-1.5s}.vc-three{right:275px;top:315px;animation-delay:-3s}.vc-four{right:4px;top:333px;animation-delay:-4.5s}@keyframes float{50%{transform:translateY(-8px)}}
.resources{padding:110px 4px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:44px}.kicker{margin:0 0 14px}.section-heading h2,.about h2,.category-hero h1{font-size:clamp(36px,4vw,55px);line-height:1.08;letter-spacing:-.045em;margin:0}.section-heading>p{max-width:440px;color:var(--muted);line-height:1.65;margin:0 0 4px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-card{min-height:270px;border:1px solid rgba(13,29,23,.07);border-radius:28px;padding:27px 30px 28px;position:relative;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;column-gap:20px;transition:.3s;overflow:hidden}.resource-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-100px;background:rgba(255,255,255,.6);transition:.35s}.resource-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(16,163,127,.2)}.resource-card:hover:after{transform:scale(1.25)}.card-number{font:600 11px Inter;color:#68726e;letter-spacing:.12em}.card-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.72);font-size:18px;margin-left:auto}.resource-card div{grid-column:1/3;align-self:end;max-width:460px;z-index:1}.resource-card h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}.resource-card p{color:#59635f;font-size:14px;line-height:1.6;margin:0}.card-arrow{align-self:end;justify-self:end;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:2;transition:.25s}.resource-card:hover .card-arrow{background:var(--green);transform:rotate(8deg)}.tone-mint{background:#e9f7f2}.tone-lime{background:#f1f6e6}.tone-blue{background:#eaf2f5}.tone-peach{background:#f7eee7}
.about{min-height:510px;border-radius:34px;background:#0d1714;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.about-art{position:relative;min-height:400px;background:radial-gradient(circle at 45% 47%,rgba(16,163,127,.4),transparent 36%)}.ring{position:absolute;border:1px solid rgba(109,247,208,.28);border-radius:50%;inset:50%;transform:translate(-50%,-50%)}.ring-a{width:250px;height:250px}.ring-b{width:390px;height:390px}.ring:after,.ring:before{content:"";position:absolute;width:10px;height:10px;background:#6ff0cb;border-radius:50%}.ring-a:before{top:30px;right:38px}.ring-b:after{bottom:64px;left:20px}.about-star{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:64px;color:#74eac8;text-shadow:0 0 50px rgba(116,234,200,.7)}.about-copy{padding:80px 76px 80px 30px;align-self:center}.kicker.light{color:#7ae5c6}.about h2{max-width:600px;margin-bottom:24px}.about-copy>p:not(.kicker){color:#aebdb8;line-height:1.75;font-size:16px;max-width:620px;margin:0 0 30px}.ghost{border:1px solid #52625d;color:#fff}.ghost:hover{border-color:#7ae5c6}
.category-main{padding-bottom:30px}.category-hero{min-height:500px;border-radius:34px;background:linear-gradient(145deg,#eff8f5,#f8faf9);padding:68px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.back-link{position:absolute;left:68px;top:48px;text-decoration:none;color:var(--green-dark);font-weight:600;font-size:14px}.back-link:hover{text-decoration:underline}.category-number{font-size:12px;letter-spacing:.18em;color:var(--green);font-weight:700;margin-bottom:22px}.category-hero h1{max-width:900px;margin-bottom:24px}.category-description{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px;margin:0}.category-library{padding:88px 4px 70px}.category-library h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(36px,4vw,55px);line-height:1.08;letter-spacing:-.045em;margin:0 0 38px}.category-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-button{width:100%;min-height:112px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 20px;display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:16px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}.library-button:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(14,38,31,.08);border-color:rgba(16,163,127,.35)}.library-icon{width:48px;height:48px;border-radius:15px;background:#e9f7f2;color:var(--green-dark);display:grid;place-items:center;font-size:19px}.library-button span:nth-child(2){display:flex;flex-direction:column;gap:7px}.library-button small{font-size:10px;letter-spacing:.14em;color:#83908b}.library-button strong{font-family:Manrope,Inter,sans-serif;font-size:17px;line-height:1.25}.library-button i{width:34px;height:34px;border-radius:50%;background:#101614;color:#fff;display:grid;place-items:center;font-style:normal}.library-button:last-child{grid-column:1/-1}
@media(max-width:900px){.site-header{padding:0 20px}nav{display:none}main{padding:0 18px 25px}.hero{min-height:auto;padding:65px 42px;grid-template-columns:1fr}.hero-visual{height:360px}.section-heading{display:block}.section-heading>p{margin-top:18px}.about{grid-template-columns:1fr}.about-art{min-height:300px}.about-copy{padding:20px 45px 60px}.category-hero{padding:110px 45px 60px}.back-link{left:45px}}
@media(max-width:640px){.site-header{height:68px}.brand{font-size:17px}main{padding:0 12px 18px}.hero{border-radius:24px;padding:52px 25px 25px}h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-visual{height:300px}.orb-a{width:235px;height:235px;right:4%;top:45px}.orb-b{width:155px;height:155px;right:13%;top:86px}.visual-core{right:calc(13% + 41px);top:128px}.visual-card{padding:9px 11px}.vc-one{left:0;right:auto;top:42px}.vc-two{right:0;top:108px}.vc-three{left:0;right:auto;top:237px}.vc-four{right:1%;top:246px}.resources{padding:76px 0}.section-heading h2,.about h2,.category-hero h1{font-size:36px}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:235px;padding:24px}.resource-card h3{font-size:22px}.about{border-radius:24px}.about-art{min-height:240px}.ring-a{width:170px;height:170px}.ring-b{width:270px;height:270px}.about-copy{padding:8px 25px 46px}.category-hero{min-height:calc(100vh - 86px);border-radius:24px;padding:108px 25px 52px}.back-link{left:25px;top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-card{animation:none}.resource-card,.button,.card-arrow{transition:none}}
.library-button{text-decoration:none}
@media(max-width:700px){.category-library{padding:66px 0 44px}.category-resource-grid{grid-template-columns:1fr}.library-button:last-child{grid-column:auto}.library-button{min-height:100px;padding:16px}.category-hero{min-height:430px}}