:root{--yellow-orange: #FFBF00;--orange: #FFA31A;--red-orange: #FF5433;--fluor-green: #A3F5D6;--black: #000000;--white: #FFFFFF;--gray-100: #F7F7F7;--gray-200: #E8E8E8;--gray-600: #666666;--gray-800: #1A1A1A;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--app-bg: #FAFAFA;--app-border: #E5E7EB;--app-text: #111827;--app-text-sm: #6B7280;--app-purple-bg: #F3E8FF;--app-purple-border: #E9D5FF;--app-purple-text: #7C3AED}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--black);color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased}.serif{font-family:Cormorant Garamond,serif;font-style:italic}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;background:var(--black);border-bottom:1px solid #1a1a1a}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.4rem;color:var(--white);text-decoration:none}.logo-mark{width:36px;height:42px;display:flex;align-items:center;justify-content:center}.logo-mark svg{width:100%;height:100%;fill:currentColor;transform:scaleY(-1)}.nav-steps{display:flex;gap:2rem;align-items:center}.nav-step{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#555;font-weight:500}.nav-step.active{color:var(--fluor-green)}.nav-step.done{color:var(--orange)}.nav-step-num{width:24px;height:24px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.nav-step.active .nav-step-num{background:var(--fluor-green);color:var(--black)}.nav-step.done .nav-step-num{background:var(--orange);color:var(--white)}.nav-step-line{width:40px;height:2px;background:#222}.nav-step-line.done{background:var(--orange)}.demo-container{max-width:1200px;margin:0 auto;padding:8rem 3rem 4rem;min-height:100vh;display:flex;align-items:center;gap:4rem}.step-panel{display:none;width:100%}.step-panel.active{display:flex;align-items:center;gap:4rem;animation:fadeSlideIn .6s var(--ease-out-expo) both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-left{flex:1;max-width:500px}.step-right{flex:1;display:flex;justify-content:center}.step-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fluor-green);margin-bottom:1rem}.step-left h2{font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem}.step-left p{font-size:1.05rem;line-height:1.6;color:#999;margin-bottom:2rem}.demo-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{background:#111;border:2px solid #222;border-radius:12px;padding:14px 16px;color:var(--white);font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--fluor-green)}.form-group input::placeholder{color:#444}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-demo{background:var(--fluor-green);color:var(--black);border:none;padding:16px 32px;border-radius:100px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-out-back);margin-top:.5rem}.btn-demo:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 12px 30px #a3f5d64d}.btn-demo:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.phone-frame{width:320px;background:#1a1a1a;border-radius:40px;padding:10px;box-shadow:0 30px 80px #a3f5d61f,0 0 0 1px #ffffff0d}.phone-inner{background:var(--app-bg);border-radius:32px;overflow:hidden;font-family:Inter,-apple-system,sans-serif}.phone-statusbar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 4px;font-size:.72rem;font-weight:600;color:var(--app-text);background:var(--white)}.statusbar-icons{display:flex;gap:4px;align-items:center;font-size:.65rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px;background:var(--white);border-bottom:1px solid var(--app-border)}.app-header-back{font-size:1.1rem;color:var(--app-text)}.app-header-title{font-size:.8rem;font-weight:600;color:var(--app-text)}.app-header-share{font-size:.9rem;color:var(--app-text-sm)}.gc-card{margin:12px;border-radius:8px;border:1px solid var(--app-border);background:var(--white);overflow:hidden}.gc-card-img{position:relative;height:100px;background:linear-gradient(135deg,#f59e0b,#f97316);overflow:hidden;border-bottom:1px solid var(--app-border)}.gc-card-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.gc-time-badge{position:absolute;top:4px;left:4px;background:var(--white);border-radius:100px;padding:2px 8px;display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:500;color:var(--app-text-sm);box-shadow:0 1px 4px #0000001a}.gc-time-badge svg{width:12px;height:12px;fill:var(--app-text-sm)}.gc-entries-badge{position:absolute;bottom:4px;right:4px;background:var(--app-purple-bg);border:1px solid var(--app-purple-border);border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:500;color:var(--app-purple-text)}.gc-card-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.gc-card-title{font-size:.75rem;font-weight:500;color:var(--app-text)}.gc-card-prize{font-size:.75rem;color:var(--app-text-sm)}.gc-card-price{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--app-text);margin-top:2px}.part-icon{width:16px;height:16px;display:inline-block;flex-shrink:0}.part-icon svg{width:16px;height:16px}.app-bottom-nav{display:flex;justify-content:space-around;padding:8px 0 14px;border-top:1px solid var(--app-border);background:var(--white)}.app-nav-item{text-align:center;font-size:.55rem;color:var(--app-text-sm);display:flex;flex-direction:column;align-items:center;gap:2px}.app-nav-item.active{color:var(--orange)}.app-nav-item .nav-icon{width:20px;height:20px;display:block;margin:0 auto 1px}.app-nav-item .nav-icon svg{width:20px;height:20px;fill:currentColor}.giveaway-detail{padding:0}.gd-hero-img{width:100%;aspect-ratio:2/1;background:linear-gradient(135deg,#fef3c7,#fed7aa);display:flex;align-items:center;justify-content:center;font-size:3.5rem;border-radius:0 0 8px 8px;position:relative}.gd-info{padding:12px 16px;display:flex;flex-direction:column;gap:6px}.gd-time-badge{display:inline-flex;align-items:center;gap:4px;background:var(--white);border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:500;color:var(--app-text-sm);box-shadow:0 1px 4px #00000014;width:fit-content}.gd-winner-text{font-size:.78rem;color:var(--app-text-sm)}.gd-prize-text{font-size:1rem;font-weight:600;color:var(--app-text);line-height:1.3}.gc-checkout{padding:0 16px 12px;display:flex;flex-direction:column;gap:10px}.gc-stats-row{display:flex;gap:12px}.gc-stat-box{flex:1;border:1px solid var(--app-border);border-radius:5px;background:var(--app-bg);padding:8px 10px}.gc-stat-label{font-size:.65rem;color:var(--app-text-sm);margin-bottom:2px}.gc-stat-value{font-size:.9rem;font-weight:600;color:var(--app-text)}.gc-order-card{border:1px solid var(--app-border);border-radius:10px;background:var(--app-bg);padding:12px;display:flex;flex-direction:column;gap:8px}.gc-order-label{font-size:.7rem;font-weight:400;color:var(--app-text-sm)}.gc-order-row{display:flex;justify-content:space-between;align-items:center}.gc-order-text{font-size:.78rem;color:var(--app-text)}.gc-order-select{background:var(--white);border:1px solid #D1D5DB;border-radius:6px;padding:4px 8px;font-size:.78rem;color:var(--app-text);font-family:Inter,sans-serif;box-shadow:0 4px 4px #0000000a}.gc-order-inner{background:var(--white);border:1px solid #E5E7EB;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 4px #00000006}.gc-order-divider{height:1px;background:#e5e7eb}.gc-part-row{display:flex;align-items:center;gap:6px}.gc-enter-btn{background:var(--app-text);color:var(--white);border:none;border-radius:8px;padding:10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-align:center;cursor:default}.gc-how-it-works{margin:0 16px 8px;padding:10px 12px;border:1px solid var(--app-border);border-radius:8px;font-size:.72rem;color:var(--app-text-sm);display:flex;justify-content:space-between;align-items:center}.gc-how-title{font-weight:600;color:var(--app-text)}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9999}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(600px) rotate(720deg) scale(.3)}}.signup-gate{position:relative;width:100%}.blurred-preview{width:100%;max-width:500px;background:#111;border-radius:20px;padding:2rem;filter:blur(6px);opacity:.5;pointer-events:none;user-select:none}.blurred-row{display:flex;gap:1rem;margin-bottom:1rem}.blurred-card{flex:1;background:#1a1a1a;border-radius:12px;padding:1.5rem}.blurred-card h4{font-size:.85rem;margin-bottom:.5rem}.blurred-line{height:8px;background:#252525;border-radius:4px;margin-bottom:6px}.blurred-line:nth-child(2){width:80%}.blurred-line:nth-child(3){width:60%}.signup-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gray-800);border:1px solid #333;border-radius:20px;padding:2.5rem;text-align:center;width:380px;box-shadow:0 20px 60px #00000080}.signup-overlay h3{font-size:1.4rem;margin-bottom:.5rem}.signup-overlay p{font-size:.9rem;color:#888;margin-bottom:1.5rem}.signup-form{display:flex;flex-direction:column;gap:.75rem}.signup-form input{background:#111;border:2px solid #333;border-radius:10px;padding:12px 14px;color:var(--white);font-family:inherit;font-size:.9rem}.signup-form input:focus{outline:none;border-color:var(--fluor-green)}.signup-form input::placeholder{color:#555}.btn-signup{background:var(--orange);color:var(--white);border:none;padding:14px;border-radius:100px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease-out-back);margin-top:.25rem}.btn-signup:hover{transform:scale(1.03);box-shadow:0 8px 24px #ffa31a4d}.signup-login{font-size:.8rem;color:#666;margin-top:1rem}.signup-login a{color:var(--fluor-green);text-decoration:none}.timer-badge{display:inline-flex;align-items:center;gap:6px;background:#a3f5d61a;color:var(--fluor-green);padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem}.timer-dot{width:6px;height:6px;border-radius:50%;background:var(--fluor-green);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.phone-frame.mini{opacity:.3;transform:scale(.92);transition:all .5s var(--ease-out-expo)}.phone-frame.mini.has-input{opacity:.6;transform:scale(.96)}.phone-frame.revealed{opacity:1;transform:scale(1)}@keyframes countTick{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.gc-time-badge .clock-anim{animation:countTick 2s ease-in-out infinite}@media (max-width: 768px){.demo-container{flex-direction:column;padding:7rem 1.5rem 3rem;gap:2rem}.step-panel.active{flex-direction:column;gap:2rem}.step-left{max-width:100%}.step-left h2{font-size:2rem}.nav-steps{display:none}.form-row{grid-template-columns:1fr}.phone-frame{width:280px}.signup-overlay{width:90%;padding:1.5rem}}