*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg-deep: #0a0704;--c-bg-mid: #1a0f08;--c-gold: #c9a96e;--c-gold-light: #e8c898;--c-cream: #f5edd9;--c-muted: rgba(245, 237, 217, .45);--c-border: rgba(201, 169, 110, .25);--ff-serif: "Playfair Display", Georgia, serif;--ff-sans: "Inter", system-ui, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html,body,#root{height:100%}body{background:var(--c-bg-deep);color:var(--c-cream);font-family:var(--ff-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.bg-layer{position:fixed;inset:0;z-index:-2;pointer-events:none}.bg-layer--deep{background:radial-gradient(ellipse 80% 60% at 50% 80%,#3b1f0a,#0a0704 70%)}.bg-layer--mid{background:radial-gradient(ellipse 50% 40% at 50% 100%,rgba(201,169,110,.08) 0%,transparent 70%);animation:breathe 8s ease-in-out infinite alternate}@keyframes breathe{0%{opacity:.6}to{opacity:1}}.vignette{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none}.particles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.steam-particle{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.6),transparent 70%);animation:rise linear infinite;filter:blur(3px)}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:var(--opacity, .5)}50%{transform:translateY(-40vh) scale(1.4);opacity:calc(var(--opacity, .5) * .7)}to{transform:translateY(-100vh) scale(.8);opacity:0}}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 3rem;gap:0;animation:fadeUp 1.2s var(--ease-out-expo) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__eyebrow{display:flex;align-items:center;gap:.5rem;font-family:var(--ff-sans);font-size:.75rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--c-gold);margin-bottom:2.5rem;animation:fadeUp 1.2s .1s var(--ease-out-expo) both}.coffee-icon{width:22px;height:22px;color:var(--c-gold)}.hero__headline{font-family:var(--ff-serif);font-size:clamp(3.5rem,9vw,7.5rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--c-cream);margin-bottom:1.75rem;animation:fadeUp 1.2s .15s var(--ease-out-expo) both}.hero__headline em{font-style:italic;color:var(--c-gold-light);display:block}.hero__subline{font-family:var(--ff-sans);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:300;line-height:1.7;color:var(--c-muted);max-width:480px;margin-bottom:2.5rem;animation:fadeUp 1.2s .2s var(--ease-out-expo) both}.hero__subline em{font-style:italic;color:var(--c-gold-light)}.hero__divider{display:flex;align-items:center;gap:.75rem;width:min(320px,80vw);margin-bottom:2rem;animation:fadeUp 1.2s .25s var(--ease-out-expo) both}.hero__divider>span:not(.hero__divider-dot){flex:1;height:1px;background:var(--c-border)}.hero__divider-dot{width:5px;height:5px;border-radius:50%;background:var(--c-gold);box-shadow:0 0 10px var(--c-gold)}.hero__cta-label{font-size:.875rem;font-weight:400;color:var(--c-muted);margin-bottom:1.25rem;letter-spacing:.02em;animation:fadeUp 1.2s .3s var(--ease-out-expo) both}.hero__footnote{font-size:.75rem;color:#f5edd940;margin-top:1rem;letter-spacing:.05em;animation:fadeUp 1.2s .45s var(--ease-out-expo) both}.waitlist-form{width:min(480px,90vw);display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeUp 1.2s .35s var(--ease-out-expo) both}.waitlist-form__field{display:flex;width:100%;border:1px solid var(--c-border);border-radius:100px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:border-color .25s,box-shadow .25s}.waitlist-form__field:focus-within{border-color:var(--c-gold);box-shadow:0 0 0 3px #c9a96e26}.waitlist-form__field--error{border-color:#ff646480}.waitlist-form__field input{flex:1;padding:.875rem 1.25rem;background:transparent;border:none;outline:none;color:var(--c-cream);font-family:var(--ff-sans);font-size:.9375rem;min-width:0}.waitlist-form__field input::placeholder{color:#f5edd94d}.waitlist-form__field input:disabled{opacity:.6;cursor:default}.waitlist-form__field button{padding:.75rem 1.5rem;margin:4px;background:var(--c-gold);color:#1a0f08;border:none;border-radius:100px;font-family:var(--ff-sans);font-size:.875rem;font-weight:600;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:background .2s,transform .15s,opacity .2s;display:flex;align-items:center;gap:.5rem}.waitlist-form__field button:hover:not(:disabled){background:var(--c-gold-light);transform:scale(1.02)}.waitlist-form__field button:disabled{opacity:.7;cursor:default}.waitlist-form__field button.btn--success{background:#4caf50;color:#fff}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(26,15,8,.3);border-top-color:#1a0f08;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waitlist-form__message{font-size:.8125rem;padding:.5rem 1rem;border-radius:100px;animation:fadeUp .4s var(--ease-out-expo) both}.waitlist-form__message--success{background:#4caf501f;color:#81c784;border:1px solid rgba(76,175,80,.25)}.waitlist-form__message--error{background:#ff52521a;color:#ff8a80;border:1px solid rgba(255,82,82,.2)}.hero__gdpr-notice{font-size:.65rem;color:#f5edd94d;margin-top:1rem;max-width:320px;line-height:1.4;animation:fadeUp 1.2s .4s var(--ease-out-expo) both}.footer{text-align:center;padding:1.5rem;color:#f5edd933;font-size:.75rem;letter-spacing:.04em}.footer__link{color:#f5edd966;text-decoration:none;margin-left:.5rem;transition:color .2s}.footer__link:hover{color:var(--c-gold)}.device-selection{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.device-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0a;border:1px solid var(--c-border);border-radius:16px;cursor:pointer;transition:all .2s var(--ease-out-expo);position:relative}.device-selection--error .device-option{border-color:#ff64644d;background:#ff64640d}.device-option:hover{background:#ffffff14;border-color:#c9a96e66}.device-option.active{background:#c9a96e14;border-color:var(--c-gold);box-shadow:0 0 20px #c9a96e1a}.device-option input{position:absolute;opacity:0;cursor:pointer}.device-option__icon{font-size:1.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;filter:grayscale(1) opacity(.5);transition:all .2s}.device-option__icon svg{width:1.5rem;height:1.5rem;display:block}.device-option.active .device-option__icon{filter:grayscale(0) opacity(1);transform:scale(1.1)}.device-option__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--c-muted)}.device-option.active .device-option__label{color:var(--c-gold)}.success-card{width:min(480px,90vw);background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:24px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeUp .8s var(--ease-out-expo) both}.success-card__icon{width:48px;height:48px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem;box-shadow:0 0 20px #4caf5066}.success-card__title{font-family:var(--ff-serif);font-size:1.75rem;color:var(--c-cream);margin-bottom:1rem}.success-card__text{font-size:1rem;color:var(--c-muted);line-height:1.6;margin-bottom:2rem}.success-card__actions{width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:100px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn--primary{background:var(--c-gold);color:#1a0f08}.btn--primary:hover{background:var(--c-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #c9a96e4d}.success-card__subtext{font-size:.8125rem;color:var(--c-muted);opacity:.8}.btn--link{background:transparent;border:none;color:var(--c-gold);font-size:.875rem;text-decoration:underline;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s}.btn--link:hover{opacity:1}@media(max-width:480px){.waitlist-form__field{flex-direction:column;border-radius:16px}.waitlist-form__field button{margin:4px;border-radius:12px;justify-content:center;padding:.875rem}.success-card{padding:2rem 1.5rem}.success-card__title{font-size:1.5rem}}.grecaptcha-badge{visibility:hidden!important}.recaptcha-disclaimer{font-size:.65rem;color:#f5edd94d;margin-top:.5rem;text-align:center}.recaptcha-disclaimer a{color:#f5edd980;text-decoration:underline}.recaptcha-disclaimer a:hover{color:var(--c-gold)}.waitlist-form__consent{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:0 .5rem;max-width:480px;animation:fadeUp 1.2s .4s var(--ease-out-expo) both}.waitlist-form__consent input[type=checkbox]{appearance:none;background-color:#ffffff0d;margin:2px 0 0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:1px solid var(--c-border);border-radius:.25em;display:grid;place-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease-in-out}.waitlist-form__consent input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--c-gold);background-color:var(--c-gold);transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.waitlist-form__consent input[type=checkbox]:checked:before{transform:scale(1)}.waitlist-form__consent input[type=checkbox]:checked{border-color:var(--c-gold)}.waitlist-form__consent label{font-size:.75rem;color:#f5edd999;line-height:1.4;cursor:pointer;text-align:left}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0a0704f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(201,169,110,.15);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:100;transform:translateY(100%);animation:slideUp .5s ease-out forwards 1s}@media(min-width:768px){.cookie-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem 2rem}}.cookie-banner__text{font-size:.8125rem;color:#f5edd9b3;line-height:1.5;margin:0}.cookie-banner__actions{display:flex;gap:.75rem}.cookie-banner__btn{padding:.5rem 1rem;font-size:.75rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all .2s}.cookie-banner__btn--accept{background:var(--c-gold);color:#1a0f08;border:none}.cookie-banner__btn--accept:hover{background:var(--c-gold-light)}.cookie-banner__btn--decline{background:transparent;color:var(--c-muted);border:1px solid rgba(245,237,217,.15)}.cookie-banner__btn--decline:hover{color:var(--c-cream);border-color:#f5edd94d}@keyframes slideUp{to{transform:translateY(0)}}.privacy-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:grid;place-items:center;padding:1rem;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.privacy-modal{background:var(--c-bg-deep);border:1px solid var(--c-border);border-radius:16px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080}.privacy-modal__header{padding:1.5rem;border-bottom:1px solid rgba(201,169,110,.1);display:flex;justify-content:space-between;align-items:center}.privacy-modal__header h2{font-family:var(--ff-serif);color:var(--c-gold);font-size:1.5rem;margin:0}.privacy-modal__close{background:transparent;border:none;color:var(--c-muted);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s}.privacy-modal__close:hover{color:var(--c-cream)}.privacy-modal__content{padding:1.5rem;overflow-y:auto;font-size:.875rem;color:#f5edd9cc;line-height:1.7}.privacy-modal__content h3{color:var(--c-cream);margin:1.5rem 0 .5rem;font-size:1.125rem}.privacy-modal__content h3:first-child{margin-top:0}.privacy-modal__content p{margin-bottom:1rem}.privacy-modal__content a{color:var(--c-gold);text-decoration:none}.privacy-modal__content a:hover{text-decoration:underline}