:root{--ink:#34302c;--soft:#7b746d;--bg:#fffdfa;--line:#efe7df;--pad:clamp(20px,6vw,96px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:.01em}.float{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.float span{position:absolute;bottom:-160px;border-radius:50%;opacity:.4;background:radial-gradient(circle at 35% 30%,#ffffffe6,#afd2f04d 62%,#afd2f01a);animation:rise linear infinite}@keyframes rise{to{transform:translateY(-118vh) translate(40px);opacity:0}}header{position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}header.scrolled{background:#fffdfad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 var(--pad)}.brand{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600}.nav{display:flex;align-items:center;gap:26px}.nav a{color:var(--soft);text-decoration:none;font-size:.92rem;font-weight:600;transition:.2s}.nav a:hover{color:var(--ink)}.langs{display:flex;gap:4px}.langs button{font-family:Nunito;font-size:.78rem;letter-spacing:.04em;border:1px solid var(--line);background:transparent;color:var(--soft);padding:6px 11px;border-radius:20px;cursor:pointer;transition:.2s}.langs button:hover{border-color:#afd2f0}.langs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}@media (max-width:680px){.nav a{display:none}}.hero{position:relative;isolation:isolate;overflow:hidden;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:32px;padding:clamp(64px,11vh,150px) var(--pad) clamp(74px,12vh,150px);border-radius:0 0 44px 44px;background:radial-gradient(at 8% 16%,rgba(245,227,163,.95) 0,transparent 50%),radial-gradient(at 70% 6%,rgba(245,196,210,.9) 0,transparent 48%),radial-gradient(at 94% 72%,rgba(205,178,235,.95) 0,transparent 52%),radial-gradient(at 26% 94%,rgba(170,206,240,.85) 0,transparent 52%),radial-gradient(at 52% 48%,rgba(246,201,168,.55) 0,transparent 60%),linear-gradient(135deg,#fff6e9,#fdeef2 45%,#f1ecfb)}.hero:after{content:"";position:absolute;left:50%;top:50%;width:170vmax;height:170vmax;z-index:-1;opacity:.38;mix-blend-mode:screen;background:conic-gradient(from 0deg,#ffd6aa8c,#ffb6c18c,#cdb2eb8c,#add8e68c,#ffe8aa8c,#ffd6aa8c);animation:spin 34s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-text{position:relative;z-index:1}.hero .em{font-size:2.4rem;display:block;margin-bottom:8px}.hero h1{font-size:clamp(2.8rem,8vw,6rem);line-height:.98;font-weight:600;color:#2b2622;max-width:13ch}.hero .tag{font-family:Fraunces,serif;font-style:italic;color:#5a5048;font-size:clamp(1.08rem,2.4vw,1.65rem);max-width:32ch;margin:22px 0 0}.hero-cta{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}.hero-art{position:relative;z-index:1;justify-self:center;width:min(640px,100%);aspect-ratio:1}.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 44px rgba(120,90,120,.2))}@media (max-width:860px){.hero{grid-template-columns:1fr;text-align:center}.hero h1,.hero .tag{max-width:none}.hero-cta{justify-content:center}.hero-art{order:-1;width:min(460px,92%)}}.cta{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-family:Nunito;font-weight:600;font-size:.95rem;padding:14px 30px;border-radius:30px;border:none;cursor:pointer;transition:.25s}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}.cta.ghost{background:#fff9;color:var(--ink);border:1.5px solid rgba(0,0,0,.12)}.sec{padding:clamp(60px,9vh,112px) var(--pad);position:relative;z-index:1}.kicker{font-family:Nunito;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;color:var(--soft)}.h2{font-size:clamp(1.9rem,4.5vw,3.2rem);margin:10px 0;max-width:18ch}.lead{color:var(--soft);max-width:52ch;margin:0 0 48px;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:36px 24px}.card{background:transparent;border:none;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px;border-radius:18px;transition:.25s;font-family:inherit}.card:hover{transform:translateY(-6px)}.bubble{width:150px;height:150px;border-radius:50%;position:relative;overflow:hidden;flex:0 0 auto;background:radial-gradient(circle at 34% 28%,#fffffff2,rgba(var(--c),.34) 60%,rgba(var(--c),.14));box-shadow:inset 0 0 34px #ffffffb3,inset -8px -10px 24px rgba(var(--c),.28),0 14px 30px #3c302814;transition:.3s}.card:hover .bubble{box-shadow:inset 0 0 34px #ffffffb3,inset -8px -10px 24px rgba(var(--c),.28),0 20px 40px #3c302829}.bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;mix-blend-mode:screen;opacity:.55;background:conic-gradient(from 210deg,#ffb6c14d,#add8e64d,#fffaaa4d,#cdb2eb4d,#ffb6c14d)}.bubble:after{content:"";position:absolute;top:16%;left:20%;width:34%;height:24%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0 70%)}.bubble.big{width:190px;height:190px;margin:0 auto}.card .ct{font-family:Fraunces,serif;font-weight:600;font-size:1.12rem;line-height:1.2}.card .cs{font-family:Fraunces,serif;font-style:italic;color:var(--soft);font-size:.9rem;line-height:1.35;max-width:24ch}.quiz{background:radial-gradient(at 12% 0%,rgba(245,196,210,.2),transparent 55%),radial-gradient(at 92% 100%,rgba(205,178,235,.22),transparent 55%),linear-gradient(180deg,#aacef01a,#f6c9a812)}.chips{display:flex;flex-wrap:wrap;gap:12px;max-width:780px}.chip{font-family:Nunito;font-size:.98rem;background:#fff;border:1px solid var(--line);color:var(--ink);padding:13px 20px;border-radius:26px;cursor:pointer;transition:.2s}.chip:hover{border-color:#afd2f0;transform:translateY(-2px);box-shadow:0 8px 18px #3c302812}.result{max-width:560px;text-align:center;animation:pop .35s ease}.result .youare{color:var(--soft);font-family:Fraunces;font-style:italic;margin:16px 0 0}.truth{font-family:Fraunces,serif;font-style:italic;font-size:1.22rem;line-height:1.5}.again{margin-top:24px;background:transparent;border:1.5px solid var(--ink);color:var(--ink);font-family:Nunito;font-weight:600;padding:11px 24px;border-radius:26px;cursor:pointer}.about-text{max-width:54ch;font-size:1.18rem;color:#4b443d}.sig{margin-top:24px;font-family:Fraunces;font-style:italic;color:var(--soft)}footer{padding:42px var(--pad);color:var(--soft);font-size:.85rem;border-top:1px solid var(--line);position:relative;z-index:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#34302c6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet{background:var(--bg);border-radius:26px;max-width:520px;width:100%;padding:46px 38px 38px;text-align:center;position:relative;box-shadow:0 30px 70px #00000038;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.sheet .x{position:absolute;top:14px;right:18px;border:none;background:transparent;font-size:1.6rem;color:var(--soft);cursor:pointer;line-height:1}.sheet .cs{font-family:Fraunces,serif;font-style:italic;color:var(--soft);margin-top:4px}.truthlbl{margin-top:26px;font-family:Nunito;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;color:var(--soft)}.sheet .truth{margin-top:12px}