:root{--bg:#eef6f3;--ink:#1d2f2c;--mut:#587068;--card:#fff;--mint:#cfe8df;--amber:#f0b24a;--deep:#2b5d54}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Figtree",system-ui,sans-serif}
h1,h2,h3{font-family:"Bricolage Grotesque",sans-serif;text-wrap:balance;margin:0}
a{color:inherit}
a:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
.pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1100px;margin:0 auto}
.wrap>*{min-width:0}
.nav{position:sticky;top:0;z-index:10;background:#eef6f3e6;backdrop-filter:blur(8px);border-bottom:1px solid #0001}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:12px}
.nav a{text-decoration:none;font-weight:600;font-size:14px;margin-left:18px}
.nav .brand{margin:0;font-family:"Bricolage Grotesque";font-weight:800;font-size:16px}
.hero{padding-block:48px 72px;position:relative;overflow:hidden}
.blob{position:absolute;right:-80px;top:-60px;width:460px;height:460px;max-width:80vw;background:linear-gradient(135deg,var(--amber),#f6d89a);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;animation:morph 14s ease-in-out infinite;opacity:.9}
.b2{right:auto;left:-120px;top:auto;bottom:-160px;width:380px;height:380px;background:var(--mint);animation-duration:18s;animation-direction:reverse}
@keyframes morph{50%{border-radius:40% 60% 45% 55%/60% 40% 60% 40%;transform:translate(-20px,24px) rotate(8deg)}}
.hero .wrap{position:relative}
.logo{display:block;width:min(300px,70%);height:auto;mix-blend-mode:multiply;margin-bottom:28px}
.kicker{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--deep)}
h1{font-size:clamp(38px,7vw,76px);line-height:1;font-weight:800;margin-top:14px;max-width:14ch}
h1 em{font-style:normal;color:#b9741a}
.lede{max-width:56ch;font-size:18px;color:var(--mut);margin:20px 0 28px}
.pills{display:flex;gap:10px;flex-wrap:wrap}
.pill{background:var(--card);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px}
.pill.dark{background:var(--deep);color:#fff}
section{padding-block:56px;scroll-margin-top:50px}
h2{font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:22px}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.two p{margin:0 0 14px;color:var(--mut);max-width:62ch}
.topics{display:flex;flex-wrap:wrap;gap:10px;align-content:start}
.topic{padding:12px 18px;border-radius:24px 24px 24px 6px;background:var(--mint);font-weight:700}
.topic:nth-child(even){background:#f8e3b8;border-radius:24px 6px 24px 24px}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.theme{background:var(--card);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:10px}
.theme h3{font-size:20px}
.slot{display:flex;gap:12px;font-size:14px;border-top:1px dashed #0002;padding-top:8px}
.slot b{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:48px}
.break{background:var(--deep);color:#fff;border-radius:18px;padding:12px 18px;display:flex;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap;font-size:14px}
.small{color:var(--mut);font-size:13px;margin:12px 0 0}
.spk{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.sp{flex:0 0 calc((100% - 42px)/4);text-decoration:none;color:inherit;background:var(--card);border-radius:22px;padding:20px 14px 20px;text-align:center;align-items:center;display:flex;flex-direction:column;gap:2px}
.av{width:150px;height:150px;flex-shrink:0;border-radius:50%;background:var(--amber);display:grid;place-items:center;font-weight:800;font-size:44px;margin:4px auto 12px;object-fit:cover;object-position:center 20%;box-shadow:0 0 0 6px var(--rc,var(--mint))}
.sp b{font-family:"Bricolage Grotesque",sans-serif;font-size:17px}
.sp span{color:var(--mut);font-size:13px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feat div{background:var(--card);border-radius:24px;padding:20px}
.feat b{font-family:"Bricolage Grotesque";font-size:18px;display:block;margin-bottom:6px}
.feat p{margin:0;color:var(--mut);font-size:14px}
.org{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.og{padding:16px 18px;border-radius:20px;background:var(--card)}
.og span{display:block;color:var(--mut);font-size:13px}
.em{word-break:break-all;user-select:all}
footer{background:var(--deep);color:#e8f3ef;padding-block:36px;font-size:14px}
@media (max-width:760px){.two,.themes,.feat{grid-template-columns:1fr}.nav .wrap>div{display:none}}
@media (prefers-reduced-motion:reduce){.blob{animation:none}html{scroll-behavior:auto}}
.sp[href]:hover{transform:translateY(-2px)}
.t1{--tc:#cfe8df;--rc:#8cc9b6}
.t2{--tc:#f8e3b8;--rc:var(--amber)}
.t3{--tc:var(--deep);--rc:var(--deep)}
.theme{background:var(--tc)}
.theme.t3{color:#fff}
.theme.t3 .slot{border-color:#fff4}
@media(max-width:900px){.sp{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:480px){.sp{flex-basis:100%}}