@font-face{font-family:Fredoka;src:url('/assets/Fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ink:#102b34;--steel:#29474c;--cream:#f4e6be;--muted:#b8ccd0;--amber:#efba59;--line:#486168;--shadow:0 24px 55px #071b2380;color:var(--cream);background:var(--ink);font-family:Fredoka,sans-serif;font-weight:400;line-height:1.6;scroll-behavior:smooth;scrollbar-color:var(--amber) var(--ink);text-underline-offset:5px}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,summary{font:inherit}img{display:block;max-width:100%;height:auto}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;text-wrap:balance}h1{font-size:clamp(2.8rem,5.9vw,5.8rem);letter-spacing:-.035em}h2{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.025em}h3{font-size:1.6rem;line-height:1.18}p{max-width:65ch}a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:6px;border-radius:3px}.light a:focus-visible,.light summary:focus-visible{outline-color:var(--ink)}::selection{background:var(--amber);color:var(--ink)}.skip{position:fixed;left:16px;top:12px;transform:translateY(-180%);z-index:20;padding:12px 20px;background:var(--cream);color:var(--ink)}.skip:focus{transform:none}.section-inner{width:min(1180px,calc(100% - 112px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4.5%;position:relative;z-index:5;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.35rem;font-weight:500;line-height:1.1}.brand img{width:64px;height:64px;object-fit:contain}.desktop-nav{display:flex;gap:36px;margin-left:auto}.desktop-nav a{text-decoration:none;padding:10px 0}.desktop-nav a:hover,.footer a:hover{color:var(--amber)}.header-controls{display:flex;align-items:center;gap:14px}.header details{position:relative}.header summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.header summary::-webkit-details-marker{display:none}.header details nav{position:absolute;right:0;top:calc(100% + 10px);min-width:174px;background:var(--cream);color:var(--ink);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:grid}.header details nav a{padding:10px 14px;text-decoration:none;border-radius:6px}.header details nav a:hover,.header details nav a[aria-current]{background:#e2d2a6}.header details nav a:focus-visible{outline-color:var(--ink)}.mobile-menu{display:none}
.hero{width:min(1440px,100%);margin:auto;min-height:740px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:10px 6.5% 80px;position:relative;overflow:hidden}.hero-copy{z-index:1;padding-bottom:32px}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--amber)}.lead{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.55;color:var(--muted);max-width:34ch;margin-top:28px}.button{display:inline-flex;gap:25px;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;background:var(--amber);color:var(--ink);font-weight:500;font-size:1.12rem;text-decoration:none;border-radius:10px;transition:background .2s,transform .2s}.button:hover{background:var(--cream);transform:translateY(-2px)}.hero .button{margin-top:30px}.availability{margin-top:22px;color:var(--muted);font-size:1rem}.hero-visual{position:relative;display:grid;place-items:center;min-width:0}.hero-phone{width:300px;border:8px solid #34535a;border-radius:38px;overflow:hidden;transform:rotate(6deg);box-shadow:var(--shadow);position:relative;z-index:1;background:var(--ink)}.hero-phone img{width:100%}.floating{position:absolute;object-fit:contain;animation:drift 6s ease-in-out infinite alternate;z-index:2;pointer-events:none}.paper{width:145px;left:-5%;top:0;rotate:-20deg}.bottle{width:160px;right:-12%;top:27%;rotate:24deg;animation-delay:-2s}.apple{width:145px;bottom:-2%;left:-6%;rotate:-15deg;animation-delay:-4s}@keyframes drift{from{transform:translateY(-7px)}to{transform:translateY(8px)}}
.light{background:var(--cream);color:var(--ink)}.rules{padding:96px 0 60px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}.section-heading>p{max-width:33ch;font-size:1.15rem;line-height:1.65}.rules-list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.rules-list article{border-top:1px solid #a99e81;padding-top:24px}.rules-list h3{max-width:15ch}.rules-list p{margin-top:16px;color:var(--steel);font-size:1.1rem}.trucks{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:24px}.trucks figure{display:flex;align-items:center;flex-direction:column}.trucks img{width:174px}.trucks figcaption{font-size:1.25rem;font-weight:500;text-align:center}.material-note{text-align:center;margin:28px auto 0;color:var(--steel)}.events{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:100px}.event-object{width:120px;margin:0 0 20px -20px;rotate:-12deg}.events-title p{font-size:1.2rem;color:var(--muted);margin-top:24px}.event-list section{padding:28px 0;border-bottom:1px solid var(--line)}.event-list h3{color:var(--amber)}.event-list p{margin-top:14px;color:var(--muted);font-size:1.1rem}.gallery{padding:20px 0 100px}.gallery .section-heading>p{color:var(--muted)}.screenshots{display:flex;justify-content:center;gap:70px;margin-top:60px}.screenshots figure{max-width:310px;flex:1;min-width:0}.screenshots img{width:100%;border-radius:18px;box-shadow:var(--shadow)}.shot-link{display:block;border-radius:18px}.screenshots figcaption{margin-top:22px;color:var(--muted);font-size:1.05rem;text-align:center}.support-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-block:90px}.support-intro>p{margin:24px 0;font-size:1.15rem}.email{display:block;margin-top:18px;overflow-wrap:anywhere}.support .button:hover{background:var(--ink);color:var(--cream)}.faq-heading{font-size:1.7rem;margin-bottom:18px}.faq details{border-bottom:1px solid #a99e81;padding:18px 0}.faq summary{cursor:pointer;font-size:1.15rem;font-weight:500;padding:5px 0;line-height:1.45}.faq details p{margin:16px 0 4px;line-height:1.65}.support-page .faq details{border-color:var(--line)}.support-page .faq p{color:var(--muted)}.outro{display:flex;align-items:center;justify-content:center;gap:50px;padding-block:64px}.outro img{width:180px}.outro h2{font-size:2.5rem}.outro p{margin-top:14px}.muted{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:36px 5%;display:flex;align-items:center;justify-content:space-between;gap:32px;color:var(--muted);font-size:.95rem}.footer-brand{font-size:1.25rem;color:var(--cream);text-decoration:none}.footer nav{display:flex;gap:22px;flex-wrap:wrap}.footer nav a{padding-block:12px}.document{max-width:820px;padding-block:65px 100px}.document h1{font-size:clamp(2.6rem,6vw,4.5rem);overflow-wrap:anywhere}.document .lead{max-width:65ch}.document section{margin-top:40px}.document h2{font-size:1.8rem;line-height:1.2;margin-bottom:16px}.document section p{color:var(--muted);font-size:1.1rem}.notice{margin-top:30px;padding:22px;background:var(--steel);border-radius:12px}.document li{margin:12px 0}.document a{overflow-wrap:anywhere}
@media(min-width:1500px){.hero{min-height:820px}.hero-phone{width:330px}}
@media(max-width:1050px){.hero{padding-inline:5%;grid-template-columns:1.15fr 1fr;min-height:650px}.hero-phone{width:250px}.paper{width:100px}.bottle{width:115px}.apple{width:110px}.section-inner{width:calc(100% - 72px)}.events,.support-grid{gap:48px}.desktop-nav{gap:20px}.section-heading{gap:32px}.rules-list{gap:28px}.trucks{gap:28px}}
@media(max-width:760px){.header{padding:12px 20px;gap:10px}.brand{font-size:1.05rem;gap:6px}.brand img{width:44px;height:44px}.desktop-nav{display:none}.mobile-menu{display:block}.header-controls{gap:8px}.header summary{padding:8px 10px}.hero{display:flex;flex-direction:column;padding:40px 24px 55px;min-height:0;gap:36px}.hero-copy{padding:0;width:100%;text-align:center}.hero h1{font-size:clamp(2.75rem,9.5vw,4.6rem);letter-spacing:-.03em}.hero .lead{margin:22px auto 0;font-size:1.2rem;max-width:32ch}.hero .button{margin-top:24px}.availability{font-size:.95rem}.hero-visual{width:min(360px,100%);margin:10px auto 0}.hero-phone{width:240px;transform:rotate(4deg);border-width:6px;border-radius:28px}.paper{left:-4%;width:100px;top:12px}.bottle{right:-4%;width:105px;top:38%}.apple{width:100px;left:0;bottom:0}.section-inner{width:calc(100% - 48px)}.rules{padding:60px 0 45px}.section-heading{display:block}.section-heading>p{margin-top:24px}.rules-list{grid-template-columns:1fr;gap:28px;margin-top:36px}.rules-list h3{max-width:none;font-size:1.5rem}.rules-list p{margin-top:10px}.trucks{gap:12px;margin-top:22px}.trucks img{width:100%}.trucks figcaption{font-size:1rem;line-height:1.3}.material-note{font-size:.95rem}.events{grid-template-columns:1fr;gap:16px;padding-block:52px}.event-object{width:90px;margin:0 0 16px -12px}.events h2{max-width:14ch}.event-list section{padding:24px 0}.gallery{padding:16px 0 60px}.screenshots{gap:18px;margin-top:36px}.screenshots img{border-radius:10px}.screenshots figcaption{font-size:.95rem;margin-top:16px;line-height:1.4}.support-grid{grid-template-columns:1fr;gap:44px;padding-block:60px}.outro{gap:20px;padding-block:42px;flex-direction:column;text-align:center}.outro img{width:140px}.outro h2{font-size:2rem}.footer{flex-direction:column;align-items:start;padding:30px 24px;gap:20px}.footer nav{gap:20px}.document{padding-block:40px 65px}.document h2{font-size:1.65rem}.document section p{font-size:1.05rem}.notice{padding:18px}}
@media(max-width:360px){.header{padding-inline:12px}.brand{font-size:.9rem}.brand img{width:36px;height:36px}.header-controls{gap:5px}.header summary{font-size:.95rem;padding:8px}.hero{padding-inline:20px;padding-top:32px}.section-inner{width:calc(100% - 40px)}.hero h1{font-size:2.65rem}.hero-phone{width:220px}.floating{width:85px}.trucks{gap:6px}.trucks figcaption{font-size:.9rem}}
.document h2{overflow-wrap:anywhere;hyphens:auto}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}