@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,600;1,700&display=swap');
:root{--green:#173d2d;--cream:#fbf8ef;--orange:#f8a77c;--muted:#69746a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{overflow-x:clip;margin:0;background:var(--cream);color:var(--green);font-family:'Be Vietnam Pro',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e86d3e;outline-offset:5px}.nav{max-width:1300px;margin:auto;padding:25px 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173d2d20}.logo{font-size:42px;letter-spacing:-3px;font-weight:900;line-height:1}.logo span{font-size:35px;color:#e98253;display:inline-block;margin-left:3px}.nav nav{display:flex;gap:32px;font-size:12px;font-weight:500}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.demo-tag{font-size:9px;letter-spacing:1.4px;border:1px solid #173d2d30;border-radius:30px;padding:11px 14px;display:flex;gap:8px;align-items:center}.demo-tag i{height:6px;width:6px;border-radius:50%;background:#668660}.hero{max-width:1300px;margin:auto;padding:58px 50px 50px;display:grid;grid-template-columns:1.06fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;display:flex;gap:15px;align-items:center}.hero h1{font-size:clamp(40px,4.4vw,63px);line-height:1.23;letter-spacing:-3px;margin:25px 0 22px;font-weight:800}.hero h1 em{font-family:'Playfair Display',serif;font-size:1.1em;color:#df764c;font-weight:600;position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:8px;border-top:2px solid #df764c;border-radius:50%;transform:rotate(-3deg)}.intro{color:var(--muted);font-size:14px;line-height:1.95}.hero-cta{display:flex;align-items:center;gap:23px;margin:28px 0 33px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:0;background:var(--green);color:white;border-radius:8px;padding:17px 22px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.primary:hover{background:#285a40;transform:translateY(-2px)}.primary span{font-size:20px}.small-note{font-size:10px;line-height:1.8;color:var(--muted)}.small-note b{font-weight:500;color:var(--green)}.mini-proof{display:flex;align-items:center}.food-stack{width:39px;height:39px;border:3px solid var(--cream);background:#eae9d7;border-radius:50%;display:grid;place-items:center;font-size:23px;margin-left:-8px}.food-stack:first-child{margin-left:0;background:#f9dbc6}.food-stack:nth-child(2){background:#e0e8d5}.mini-proof p{font-size:10px;line-height:1.8;margin:0 0 0 12px;color:var(--muted)}.mini-proof strong{font-weight:500;color:var(--green)}.handnote{margin:30px 0 0 100px;font-family:'Playfair Display',serif;font-style:italic;font-size:17px;transform:rotate(-6deg);color:#7b876b}.handnote span{font-size:36px;display:inline-block;margin-left:15px}.play-panel{background:#f0efdf;border:1px solid #dedfcd;border-radius:22px;padding:23px 26px 17px;position:relative;background-image:radial-gradient(#bac4ab77 .7px,transparent .7px);background-size:13px 13px;scroll-margin-top:20px}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.2px}.sound{border:0;background:var(--cream);padding:7px 10px;border-radius:30px;color:var(--green);font-size:15px}.sound span{font-size:9px;letter-spacing:0}.wheel-stage{position:relative;margin:19px auto 22px;max-width:400px;padding:8px}.wheel-shell{position:relative;border-radius:50%;padding:11px;background:var(--green);box-shadow:0 9px 0 #102b20,0 17px 25px #193e2a28;border:2px solid #173d2d}.wheel-shell:after{content:'';position:absolute;inset:5px;border:2px dotted #f7e8b7;border-radius:50%;pointer-events:none}#wheel{display:block;width:100%;border-radius:50%;transition:transform 5.2s cubic-bezier(.12,.66,.13,1);will-change:transform}.pointer{position:absolute;z-index:3;top:-8px;left:calc(50% - 14px);width:28px;height:39px;clip-path:polygon(0 0,100% 0,50% 100%);background:#fa7047;filter:drop-shadow(0 2px 2px #0004)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:92px;width:92px;border-radius:50%;background:var(--cream);border:7px solid #173d2d;box-shadow:0 0 0 2px #faf6dc;color:var(--green);font-size:24px;letter-spacing:-1px;font-weight:900}.wheel-center span{display:block;font-size:7px;letter-spacing:.6px;margin-top:5px}.wheel-center:disabled{cursor:wait}.sticker{position:absolute;z-index:4;right:-8px;top:3px;background:#f8a77c;border-radius:50%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(14deg);border:1px dashed #8a4b2a;outline:5px solid #f8a77c;font-size:21px;font-weight:800;box-shadow:0 6px 15px #173d2d15}.sticker small{font-size:9px;margin-top:2px}.spark{position:absolute;font-size:45px;color:#e98650;pointer-events:none}.spark-one{left:-15px;top:0}.spark-two{right:-11px;bottom:-12px;font-size:32px;color:#748e61}.spin-button{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;background:var(--green);border:0;color:white;padding:16px;border-radius:9px;font-size:13px;font-weight:700;letter-spacing:1px;box-shadow:0 3px 0 #0a2017}.spin-button:hover:not(:disabled){background:#2a543d}.spin-button span{font-size:20px;line-height:1}.spin-button:disabled{opacity:.65;cursor:default}.turns{text-align:center;font-size:10px;color:#6b7764;margin:15px 0 0}.turns b{color:var(--green);font-weight:600}.ticker{background:var(--green);color:#f8ebbc;padding:17px 0;overflow:hidden;transform:rotate(-1.2deg);margin:14px 0 0}.ticker>div{font-size:11px;letter-spacing:2px;font-weight:500;white-space:nowrap;display:flex;justify-content:space-around;gap:40px}.ticker span{color:#f3a77f}.gifts{max-width:1300px;margin:auto;padding:68px 50px 48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:32px;letter-spacing:-1.4px;margin:13px 0 0}.section-heading p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.prize-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.prize-card{border:1px solid #173d2d1b;border-radius:13px;overflow:hidden;background:#fffdf7;transition:transform .2s}.prize-card:hover{transform:translateY(-5px)}.prize-art{height:125px;display:grid;place-items:center;position:relative;overflow:hidden}.prize-art:before{content:'';width:90px;height:90px;border:1px solid #173d2d12;border-radius:50%;position:absolute}.prize-art .emoji{font-size:58px;transform:rotate(-10deg);filter:drop-shadow(4px 8px 5px #1d362822)}.prize-card:nth-child(even) .emoji{transform:rotate(10deg)}.prize-content{padding:14px 11px}.prize-content h3{font-size:11px;margin:0 0 8px;white-space:nowrap;letter-spacing:-.3px}.prize-content p{font-size:9px;color:var(--muted);margin:0}.prize-art .badge{position:absolute;top:9px;left:9px;font-size:7px;letter-spacing:.5px;padding:5px 7px;border-radius:20px;background:#fff9e9d9;z-index:1}.how{max-width:1200px;margin:0 auto;padding:35px 0 45px;border-top:1px solid #173d2d20;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:25px}.how h2{font-size:29px}.step{padding-top:8px}.step>span{font-size:12px;color:#d47b50;display:block;margin-bottom:20px}.step h3{font-size:14px;margin:0 0 13px}.step p{font-size:11px;line-height:1.9;color:var(--muted)}.demo-panel{max-width:1200px;margin:0 auto 35px;border:1px solid #173d2d20;border-radius:12px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.demo-panel h3{font-size:12px;margin:0 0 7px}.demo-panel p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.text-button{background:transparent;color:var(--green);border:1px solid #173d2d40;border-radius:7px;padding:10px 15px;font-size:10px}.text-button:disabled{opacity:.4}details{width:100%;border-top:1px solid #173d2d15;padding-top:15px}summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:10px}h4{font-size:12px}.detail-body ul{padding:0;list-style:none;font-size:11px;line-height:2}.detail-body p+p{margin-top:8px}footer{border-top:1px solid #173d2d20;max-width:1300px;padding:25px 50px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:30px}footer .logo span{font-size:25px}footer p{font-size:11px}footer>span{font-size:8px;letter-spacing:1px;color:var(--muted)}dialog{border:0;border-radius:24px;background:var(--cream);color:var(--green);width:min(430px,calc(100% - 32px));padding:40px 30px 30px;text-align:center;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#082516aa;backdrop-filter:blur(7px)}dialog .eyebrow{justify-content:center}dialog h2{font-size:29px;margin:12px 0}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog .primary{width:100%;margin-top:22px}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;color:var(--green)}.modal-emoji{font-size:85px;margin-top:15px}.ticket{border:1px dashed #96a38d;border-radius:10px;background:#f0efdf;padding:16px;display:grid;gap:9px;margin-top:22px}.ticket span{font-size:8px;letter-spacing:1.5px}.ticket b{font-size:22px;letter-spacing:3px}.ticket small{font-size:9px;color:var(--muted)}#confetti{position:fixed;inset:0;pointer-events:none;z-index:100;width:100%;height:100%}@media(min-width:1400px){.hero{padding-top:65px;padding-bottom:60px}}@media(max-width:1050px){.nav{padding:22px 30px}.hero{padding:40px 30px;gap:25px}.hero h1{font-size:45px;letter-spacing:-2px}.wheel-center{width:78px;height:78px;font-size:21px}.gifts{padding:55px 30px 35px}.how,.demo-panel{margin-left:30px;margin-right:30px}.prize-grid{grid-template-columns:repeat(3,1fr)}.prize-art{height:120px}.how{gap:15px}.how h2{font-size:25px}.hero-cta{gap:14px}.primary{padding:15px;font-size:11px;gap:15px}.handnote{margin-left:30px}.panel-top{letter-spacing:.4px}.sound span{display:none}}@media(max-width:700px){.nav{padding:20px}.logo{font-size:35px}.nav nav{display:none}.demo-tag{font-size:8px}.hero{grid-template-columns:1fr;padding:32px 20px 30px;gap:28px}.hero-copy{text-align:center}.eyebrow{font-size:8px;gap:10px;justify-content:center}.hero h1{font-size:46px;margin:20px 0}.intro{font-size:12px}.hero-cta{justify-content:center;margin:24px 0}.hero-cta .primary{padding:17px 22px}.mini-proof{justify-content:center}.handnote{display:none}.play-panel{max-width:440px;width:100%;margin:auto;padding:20px}.panel-top{font-size:8px}.sound span{display:inline;font-size:8px}.wheel-stage{max-width:340px;margin-top:22px}.sticker{width:64px;height:64px;font-size:18px;right:0}.sticker small{font-size:8px}.spark-one{left:-9px}.wheel-center{width:82px;height:82px}.ticker{margin-top:8px;padding:14px 0}.ticker>div{font-size:9px;gap:25px}.gifts{padding:43px 20px 32px}.section-heading{align-items:start;gap:15px}.section-heading .eyebrow{justify-content:start}h2{font-size:26px;letter-spacing:-1px}.section-heading p{font-size:9px;padding-top:14px}.prize-grid{grid-template-columns:repeat(2,1fr);gap:12px}.prize-content{padding:14px}.prize-content h3{font-size:12px}.prize-content p{font-size:10px}.prize-art{height:130px}.how{margin:0 20px;padding:28px 0;grid-template-columns:1fr 1fr;gap:25px}.how .eyebrow{justify-content:start}.how h2{font-size:26px}.step>span{margin-bottom:14px}.step p{font-size:10px}.demo-panel{margin:0 20px 25px;padding:18px}.demo-panel p{font-size:9px}.detail-body{grid-template-columns:1fr;gap:0}footer{padding:23px 20px;flex-wrap:wrap}footer>span{width:100%;text-align:center;font-size:7px}footer p{font-size:10px}dialog{padding:38px 22px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#wheel{transition-duration:.15s}*{animation:none!important}.primary,.prize-card{transition:none}}

/* TEMBASE brand sizing */
.logo,.brand{font-size:26px;letter-spacing:-1px;font-weight:800}.logo span,.brand span{font-size:25px}.wheel-center{font-size:11px;letter-spacing:-.3px}.wheel-center span{font-size:6px}@media(max-width:700px){.logo,.brand{font-size:22px}.logo span,.brand span{font-size:22px}.wheel-center{font-size:10px}}