:root{--jungle:#0b2016;--jungle2:#12321f;--moss:#1c4a2c;--leaf:#3fa34d;--lime:#b8e05a;--banana:#f5c518;--sun:#ff7a1a;--cream:#f6efdd;--paper:#fbf7ec;--paper2:#efe6cf;--ink:#15241a;--mute:#4f5f53;--r:22px;--sh:0 24px 60px -24px rgba(8,30,18,.45);--hd:'Anybody','Arial Black',sans-serif;--bd:'Literata',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.7 var(--bd);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--moss);text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--leaf)}a:hover{color:var(--sun)}
h1,h2,h3,h4{font-family:var(--hd);font-stretch:112%;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;color:var(--jungle)}
.wrap{width:min(1240px,92vw);margin:0 auto}.narrow{max-width:820px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--banana);color:var(--jungle);padding:8px 14px;border-radius:10px}
.progress{position:fixed;top:0;left:0;height:4px;width:0;z-index:60;background:linear-gradient(90deg,var(--leaf),var(--banana),var(--sun))}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(11,32,22,.88);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(184,224,90,.14)}
.hdr .wrap{display:flex;align-items:center;gap:26px;height:72px}.logo img{height:36px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto;white-space:nowrap}.nav a{font:700 14px/1 var(--hd);font-stretch:100%;color:var(--cream);text-decoration:none;padding:10px 12px;border-radius:999px;transition:.25s}.nav a:hover,.nav a[aria-current]{background:var(--banana);color:var(--jungle)}
.burger{display:none;margin-left:auto;background:var(--banana);color:var(--jungle);border:0;border-radius:999px;padding:10px 18px;font:800 14px var(--hd);cursor:pointer}
@media(max-width:1100px){.burger{display:block}.nav{position:absolute;top:72px;left:0;right:0;flex-direction:column;background:var(--jungle);padding:14px 4vw 22px;display:none}.nav.open{display:flex}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font:800 15px/1 var(--hd);font-stretch:105%;padding:16px 26px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}
.btn-lime{background:var(--banana);color:var(--jungle);box-shadow:0 10px 30px -10px rgba(245,197,24,.7)}.btn-lime:hover{color:var(--jungle);box-shadow:0 18px 40px -12px rgba(245,197,24,.9)}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(246,239,221,.55)}.btn-ghost:hover{color:var(--jungle);background:var(--cream)}
.btn-d{background:var(--jungle);color:var(--cream)}.btn-l{background:#fff;color:var(--jungle);border-color:var(--jungle)}
/* hero */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;color:var(--cream);background:var(--jungle) url(/assets/hero.webp) center/cover no-repeat;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px circle at var(--mx,70%) var(--my,40%),rgba(245,197,24,.22),transparent 60%),linear-gradient(180deg,rgba(11,32,22,.35),rgba(11,32,22,.55) 55%,var(--jungle))}
.hero h1{color:var(--cream);font-size:clamp(46px,8.4vw,118px);font-stretch:135%;font-weight:900;line-height:.92;max-width:12ch;text-shadow:0 6px 40px rgba(0,0,0,.4)}
.hero h1 em{font-style:normal;color:var(--banana);position:relative}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;background:var(--sun);border-radius:9px;z-index:-1;transform:scaleX(0);transform-origin:left;animation:uline 1s .6s forwards cubic-bezier(.2,.8,.2,1)}@keyframes uline{to{transform:scaleX(1)}}
.eyebrow{display:inline-flex;gap:10px;align-items:center;font:800 13px var(--hd);letter-spacing:.18em;text-transform:uppercase;color:var(--lime);background:rgba(11,32,22,.55);border:1px solid rgba(184,224,90,.35);padding:9px 16px;border-radius:999px;margin-bottom:22px}
.sub{font-size:clamp(18px,2vw,22px);max-width:56ch;color:#efe9d6;margin:10px 0 30px}.rot{color:var(--banana);font-weight:700;display:inline-block}
.hero .wrap{position:relative;z-index:2;padding:120px 0 150px}
.hero-kiki{position:absolute;right:4vw;bottom:70px;width:clamp(170px,22vw,330px);z-index:3;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45))}.hero-kiki img{width:100%}
.hero-kiki .bubble{position:absolute;top:-8%;right:78%;width:230px;background:var(--cream);color:var(--jungle);font:700 15px/1.35 var(--hd);font-stretch:100%;padding:14px 16px;border-radius:18px 18px 4px 18px;box-shadow:var(--sh)}
@keyframes bob{50%{transform:translateY(-14px) rotate(-2deg)}}
.leaf{position:absolute;color:var(--moss);z-index:1;pointer-events:none;will-change:transform;opacity:.95}.leaf svg{width:100%;height:100%}
.l1{width:260px;height:390px;left:-80px;bottom:-120px;transform:rotate(28deg);color:#1a4d2b}.l2{width:190px;height:285px;right:-50px;top:40px;transform:rotate(-140deg);color:#256b37}.l3{width:150px;height:225px;left:38%;bottom:-150px;transform:rotate(12deg);color:#0f3a20}
.fireflies{position:absolute;inset:0;z-index:1;pointer-events:none}
.vine{position:absolute;bottom:-2px;left:0;right:0;height:80px;z-index:2;background:var(--paper);clip-path:polygon(0 60%,6% 42%,12% 62%,20% 38%,28% 58%,36% 30%,44% 55%,52% 36%,60% 60%,68% 34%,76% 56%,84% 40%,92% 62%,100% 44%,100% 100%,0 100%)}
.search{position:relative;max-width:640px;display:flex;background:var(--cream);border-radius:999px;padding:6px;box-shadow:0 20px 60px -20px rgba(0,0,0,.6)}.search input{flex:1;border:0;background:transparent;padding:14px 20px;font:17px var(--bd);color:var(--ink);outline:0;min-width:0}.search button{background:var(--sun);color:var(--jungle);border:0;border-radius:999px;padding:0 24px;font:800 15px var(--hd);cursor:pointer}
.results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:18px;box-shadow:var(--sh);overflow:hidden;display:none;z-index:9}.results.show{display:block}.results a{display:block;padding:12px 20px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--paper2)}.results a:hover{background:var(--paper)}.results small{display:block;color:var(--mute);font-size:13px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
/* marquee */
.marquee{background:var(--banana);overflow:hidden;border-block:3px solid var(--jungle);transform:rotate(-1.2deg);margin:-12px -2vw 0;position:relative;z-index:4}.marquee .track{display:flex;gap:0;width:max-content;animation:mq 120s linear infinite}.marquee:hover .track{animation-play-state:paused}.marquee a{font:800 16px var(--hd);font-stretch:110%;color:var(--jungle);text-decoration:none;padding:16px 26px;white-space:nowrap}.marquee a::after{content:"✦";margin-left:26px;color:var(--sun)}@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.block{padding:100px 0;position:relative}.kick{font:800 13px var(--hd);letter-spacing:.2em;text-transform:uppercase;color:var(--sun);margin:0 0 10px}.h-sec{font-size:clamp(32px,4.4vw,58px);font-stretch:125%;font-weight:900;max-width:18ch;margin-bottom:44px}
.jungle-bg{background:var(--jungle);color:var(--cream)}.jungle-bg .h-sec,.jungle-bg h3{color:var(--cream)}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 2px 0 var(--paper2),var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;transform-style:preserve-3d}.card:hover{color:var(--ink)}
.card .im{position:relative;aspect-ratio:16/9;overflow:hidden}.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.card:hover .im img{transform:scale(1.08)}
.card .bd{padding:22px 24px 26px}.card h3{font-size:22px;font-stretch:108%;margin:10px 0 8px}.card p{margin:0;color:var(--mute);font-size:16px;line-height:1.55}
.tag{display:inline-block;font:800 11px var(--hd);letter-spacing:.14em;text-transform:uppercase;background:var(--lime);color:var(--jungle);padding:6px 11px;border-radius:999px}
.ai-badge{position:absolute;top:12px;right:12px;z-index:3;background:#fff;color:#111;font:700 11px/1 var(--hd);font-stretch:100%;padding:6px 10px;border-radius:999px;border:1px solid #111;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.bento .b-l{grid-column:span 2;grid-row:span 2}.bento .b-l h3{font-size:34px}.bento .b-l .im{aspect-ratio:auto;flex:1;min-height:320px}
@media(max-width:1000px){.bento{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bento{grid-template-columns:1fr}.bento .b-l{grid-column:auto}}
.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.topic{position:relative;overflow:hidden;display:block;padding:34px 30px;border-radius:var(--r);background:var(--jungle2);color:var(--cream);text-decoration:none;border:1px solid rgba(184,224,90,.18);transition:transform .3s}.topic::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(245,197,24,.25),transparent 60%);opacity:0;transition:.3s}.topic:hover::before{opacity:1}.topic:hover{transform:translateY(-6px);color:var(--cream)}
.topic h3{color:var(--banana);font-size:28px;position:relative}.topic span{position:relative;color:#d9d3bf;font-size:16px}.topic .ar{position:absolute;top:24px;right:26px;font:900 26px var(--hd);color:var(--lime);transition:.3s}.topic:hover .ar{transform:rotate(45deg)}
.topic .ico{font-size:34px;display:block;margin-bottom:14px;position:relative}
/* kiki band */
.kiki-band{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,var(--banana),#ffb627);border-radius:32px;padding:40px 50px;box-shadow:var(--sh);position:relative;overflow:hidden}.kiki-band img{width:100%;animation:bob 6s ease-in-out infinite}.kiki-band h2{font-size:clamp(28px,3.4vw,44px);font-stretch:125%}.kiki-band p{font-size:19px;margin:0 0 12px}
@media(max-width:760px){.kiki-band{grid-template-columns:1fr;text-align:center;padding:34px 24px}.kiki-band img{width:180px;margin:0 auto}}
.kfig{position:relative}.kfig .ai-badge{top:auto;bottom:4px;right:4px;font-size:9px;padding:4px 7px}
/* quiz */
.quiz{background:var(--jungle);color:var(--cream);border-radius:32px;padding:clamp(28px,5vw,60px);position:relative;overflow:hidden}.quiz h2{color:var(--cream);font-size:clamp(26px,3vw,40px)}.quiz .q{font:700 22px/1.4 var(--hd);font-stretch:100%;color:var(--banana)}.opts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0}.opts button{background:var(--jungle2);color:var(--cream);border:2px solid rgba(184,224,90,.3);border-radius:16px;padding:16px;font:600 16px var(--bd);cursor:pointer;text-align:left;transition:.2s}.opts button:hover:not(:disabled){border-color:var(--banana)}.opts .ok{background:var(--leaf);border-color:var(--leaf);color:#fff}.opts .no{background:#8b2a1a;border-color:#8b2a1a;color:#fff}.qfb a{color:var(--banana)}.qnext{background:var(--banana);color:var(--jungle);border:0;border-radius:999px;padding:14px 22px;font:800 15px var(--hd);cursor:pointer;margin-top:14px}
/* article */
.a-hero{background:var(--jungle);color:var(--cream);padding:40px 0 0;position:relative;overflow:hidden}.a-hero h1{color:var(--cream);font-size:clamp(36px,5.6vw,72px);font-stretch:125%;font-weight:900;max-width:20ch}
.crumbs{font-size:14px;color:#cfc8b2;margin-bottom:20px}.crumbs a{color:var(--lime)}.meta{display:flex;flex-wrap:wrap;gap:8px 22px;font:600 14px var(--hd);font-stretch:100%;color:#d8d2bd;margin-bottom:34px}.meta span::before{content:"● ";color:var(--leaf)}
.a-img{position:relative;width:min(1240px,94vw);margin:0 auto;border-radius:28px 28px 0 0;overflow:hidden;aspect-ratio:16/8;max-height:620px}.a-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.a-img .ai-badge{top:18px;right:18px;font-size:12px}
.a-body{padding:60px 0 80px}.a-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:60px;justify-content:center}
.toc{position:sticky;top:96px;align-self:start;font:600 14px/1.4 var(--hd);font-stretch:100%;background:#fff;border-radius:18px;padding:22px;box-shadow:var(--sh)}.toc strong{display:block;margin-bottom:12px;color:var(--sun);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.toc ol{margin:0;padding-left:18px;display:grid;gap:10px}.toc a{color:var(--mute);text-decoration:none}.toc a.on,.toc a:hover{color:var(--jungle)}.toc a.on{box-shadow:inset 0 -3px 0 var(--banana)}
@media(max-width:1000px){.a-layout{grid-template-columns:1fr}.toc{position:static}}
.prose h2{font-size:clamp(26px,3vw,36px);font-stretch:115%;margin:2em 0 .6em;scroll-margin-top:100px}.prose h3{font-size:22px;margin:1.6em 0 .5em}.prose p{margin:0 0 1.15em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--leaf)}
.prose table{width:100%;border-collapse:collapse;font-size:16px;margin:1.4em 0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}.prose th{background:var(--jungle);color:var(--cream);font:700 14px var(--hd);text-align:left;padding:12px}.prose td{padding:12px;border-top:1px solid var(--paper2)}
.short{background:var(--jungle);color:var(--cream);border-radius:22px;padding:26px 28px;margin-bottom:24px;position:relative}.short b{font:800 12px var(--hd);letter-spacing:.18em;text-transform:uppercase;color:var(--banana)}.short p{margin:8px 0 0;font-size:19px}
.facts{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 30px}.facts li{background:#fff;border-left:5px solid var(--leaf);border-radius:12px;padding:14px 16px;font:600 15px/1.4 var(--hd);font-stretch:100%;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)}@media(max-width:640px){.facts{grid-template-columns:1fr}}
.lead p:first-child::first-letter{font:900 3.6em/.8 var(--hd);float:left;margin:.08em .1em 0 0;color:var(--sun)}
.tip{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;margin:34px 0;background:linear-gradient(135deg,#fff7d1,#ffe9a8);border:2px solid var(--banana);border-radius:24px;padding:18px 24px 18px 14px;position:relative}.tip:nth-of-type(even){grid-template-columns:1fr 120px}.tip:nth-of-type(even) .kfig{order:2}
.tip .kfig img{width:120px;transform-origin:bottom center;transition:transform .5s}.tip.in .kfig img{animation:hop .9s cubic-bezier(.3,1.6,.5,1)}@keyframes hop{0%{transform:translateY(30px) scale(.7);opacity:0}100%{transform:none;opacity:1}}
.tip b{font:900 14px var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}.tip p{margin:4px 0 0!important;font-size:17px}
@media(max-width:560px){.tip,.tip:nth-of-type(even){grid-template-columns:80px 1fr}.tip:nth-of-type(even) .kfig{order:0}.tip .kfig img{width:80px}}
.dyk{perspective:1000px;margin:34px 0;cursor:pointer;min-height:170px}.dyk .in{position:relative;min-height:170px;transition:transform .7s;transform-style:preserve-3d}.dyk.flip .in{transform:rotateY(180deg)}.dyk .f,.dyk .b{position:absolute;inset:0;backface-visibility:hidden;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center}.dyk .f{background:var(--sun);color:var(--jungle)}.dyk .f span{font:900 32px var(--hd);font-stretch:125%}.dyk .b{background:var(--moss);color:var(--cream);transform:rotateY(180deg);font-size:18px}
.faq details{background:#fff;border-radius:16px;margin-bottom:12px;box-shadow:0 8px 24px -16px rgba(0,0,0,.35);overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font:700 17px/1.35 var(--hd);font-stretch:100%;position:relative}.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--banana);color:var(--jungle);display:grid;place-items:center;font-weight:900;transition:.3s}.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.faq details p{padding:0 22px 18px;margin:0}
.disc{font-size:14px;color:var(--mute);border-top:1px solid var(--paper2);padding-top:18px;margin-top:40px}
.related{background:var(--paper2);padding:80px 0}
.page-hero{background:var(--jungle) url(/assets/hero.webp) center 30%/cover;color:var(--cream);padding:110px 0 90px;position:relative;isolation:isolate}.page-hero::before{content:"";position:absolute;inset:0;background:rgba(11,32,22,.72);z-index:-1}.page-hero h1{color:var(--cream);font-size:clamp(38px,6vw,78px);font-stretch:130%;font-weight:900}.page-hero p{font-size:20px;max-width:60ch}
.legal{padding:60px 0 90px}
/* footer */
.ftr{background:var(--jungle);color:#d7d1bb;padding:80px 0 40px;position:relative;margin-top:60px}.ftr::before{content:"";position:absolute;left:0;right:0;top:-58px;height:60px;background:var(--jungle);clip-path:polygon(0 60%,8% 30%,16% 58%,25% 22%,34% 55%,43% 28%,52% 60%,61% 26%,70% 56%,79% 30%,88% 58%,100% 32%,100% 100%,0 100%)}.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.ftr h4{color:var(--banana);font-size:15px;letter-spacing:.14em;text-transform:uppercase}.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ftr a{color:var(--cream);text-decoration:none}.ftr a:hover{color:var(--banana)}.ftr .small{font-size:13px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:40px}@media(max-width:760px){.ftr .cols{grid-template-columns:1fr}}
.cc{position:fixed;left:20px;bottom:20px;max-width:440px;z-index:80;background:var(--cream);color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);border:2px solid var(--jungle);display:none}.cc.show{display:block}.cc p{margin:0 0 14px;font-size:15px}.cc .btns{display:flex;gap:10px;flex-wrap:wrap}.cc .btn{padding:12px 18px;font-size:14px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.kfig{margin:0}
.hero{display:block;min-height:auto}.hero .wrap{padding:150px 0 190px;margin:0 auto}
.hero h1{font-size:clamp(46px,7.2vw,104px);max-width:9.5ch}
.hero-kiki{bottom:120px;right:5vw}
.hero-kiki .bubble{right:auto;left:-150px;top:-70px}
@media(max-width:900px){.hero-kiki{position:relative;right:auto;bottom:auto;margin:-120px 0 60px auto;width:180px}.hero-kiki .bubble{display:none}}
.hero-kiki.kfig{position:absolute}
@media(max-width:900px){.hero-kiki.kfig{position:relative}}