canvas[data-toy]{display:block;width:100%;height:min(46vh,340px);touch-action:pan-y;cursor:grab}:root{--paper:#F3EEFA;--purple:#46178F;--deep:#24104F;--red:#E21B3C;--blue:#1368CE;--yellow:#F5B82E;--green:#26890C;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--deep);font-family:"Figtree",system-ui,sans-serif;font-weight:500;font-size:clamp(1rem,0.96rem + 0.2vw,1.125rem);line-height:1.45;overflow-x:hidden;}.hero{min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-areas:"logo" "words" "toy" "cta";align-content:start;justify-items:start;gap:10px;padding:calc(14px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 28px calc(20px + env(safe-area-inset-left));max-width:1120px;margin:0 auto;}.logo{grid-area:logo;display:block;line-height:0}.logo img{display:block;width:clamp(56px,16vw,128px);height:auto;aspect-ratio:1;border-radius:22%}.words{grid-area:words;min-width:0}h1{margin:4px 0 8px;font-family:"Gloock",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.9rem,1.1rem + 3.9vw,4.1rem);line-height:1.04;letter-spacing:-0.01em;color:var(--purple);text-wrap:balance;}h1 em{font-style:normal;color:var(--red);white-space:nowrap}.sub{margin:0;max-width:34ch;color:var(--deep)}.stage{grid-area:toy;width:100%;min-width:0}canvas[data-toy]{height:min(42dvh,340px)}.cta{grid-area:cta;justify-self:stretch;display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px 28px;border-radius:16px;background:var(--yellow);color:var(--deep);font-weight:700;font-size:clamp(1.1rem,1.02rem + 0.4vw,1.3rem);text-decoration:none;border:3px solid var(--deep);-webkit-tap-highlight-color:transparent;transition:transform .12s ease;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:4px solid var(--purple);outline-offset:4px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.doubt{background:var(--purple);color:var(--paper);padding:clamp(36px,7vw,72px) calc(20px + env(safe-area-inset-right)) clamp(36px,7vw,72px) calc(20px + env(safe-area-inset-left));}.doubt div{max-width:1080px;margin:0 auto;display:grid;gap:14px}.doubt h2{margin:0;font-family:"Gloock",Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.5rem,1.1rem + 2vw,2.6rem);line-height:1.1;color:var(--yellow);max-width:20ch;}.doubt p{margin:0;max-width:52ch}footer{background:var(--deep);color:var(--paper);padding:20px calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));font-size:clamp(.85rem,.82rem + .1vw,.95rem);}footer p{margin:0 auto;max-width:1080px}@media (min-width: 900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"logo toy" "words toy" "cta toy";grid-template-rows:auto auto 1fr;column-gap:48px;row-gap:18px;align-content:center;padding-top:40px;padding-bottom:40px;}.words{align-self:end}.cta{justify-self:start;align-self:start;min-width:300px;margin-top:10px}.stage{align-self:center}canvas[data-toy]{height:min(64dvh,520px)}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}