@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;0,700;1,400&family=Space+Grotesk:wght@700&display=swap";:root{--color-bg-base: #080808;--color-bg-surface: #1E1E1E;--color-accent: #3D3DFF;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .25);--color-border-subtle: rgba(255, 255, 255, .05);--font-mono: "IBM Plex Mono", "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-heading: "Space Grotesk", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600;color:var(--color-accent)}@media(min-width:768px){.eyebrow{font-size:12px}}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 48px}}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.bg-surface{background-color:var(--color-bg-surface)}.caps{text-transform:uppercase;letter-spacing:.05em}.app{min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1}.hero{min-height:100vh;display:flex;align-items:center;padding:100px 0 60px;position:relative}.hero-content{display:flex;flex-direction:column;gap:40px;align-items:center;text-align:center;width:100%}.hero-text-area{display:flex;flex-direction:column;gap:16px;max-width:900px;align-items:center;z-index:2}.hero-eyebrow{margin-bottom:8px}.hero-headline{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);text-transform:none;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.hero-subline{font-size:clamp(1rem,2vw,1.25rem);max-width:600px;text-wrap:balance}.hero-cta-area{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center;margin-top:16px;z-index:2}.cta-button{background-color:var(--color-accent);color:var(--color-text-primary);border:none;padding:16px 36px;font-family:var(--font-mono);font-weight:700;font-size:14px;text-transform:uppercase;cursor:pointer;border-radius:4px;width:100%;max-width:300px;transition:background-color .2s ease,transform .2s ease}.cta-button:hover{background-color:#5050ff;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.cta-subtext{font-size:12px;text-align:center}.showcase-wrapper{margin-top:60px;width:100%;height:600px;position:relative;opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease;perspective:2000px;z-index:1;display:flex;justify-content:center;align-items:center}.showcase-wrapper.visible{opacity:1;transform:translateY(0)}.showcase-container{position:relative;width:800px;height:480px;transform-style:preserve-3d;transform:rotateX(45deg) rotate(35deg) rotateY(-10deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.showcase-wrapper:hover .showcase-container{transform:rotateX(43deg) rotate(34deg) rotateY(-8deg)}.phone-frame{position:absolute;width:260px;height:560px;border-radius:40px;background-color:var(--color-bg-base);border:2px solid #333;box-shadow:inset 0 0 0 6px #111,-30px 30px 50px #000000e6,1px -1px #555,2px -2px #444,3px -3px #333,4px -4px #222;overflow:hidden;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.phone-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background-color:var(--color-bg-surface);position:relative}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}.phone-1{top:-120px;left:30px;z-index:1;transform:translateZ(0)}.phone-2{top:-40px;left:270px;z-index:2;transform:translateZ(60px)}.phone-3{top:40px;left:510px;z-index:3;transform:translateZ(120px)}.showcase-wrapper:not(.visible) .phone-1{transform:translateZ(0) translateY(100px);opacity:0}.showcase-wrapper:not(.visible) .phone-2{transform:translateZ(60px) translateY(150px);opacity:0}.showcase-wrapper:not(.visible) .phone-3{transform:translateZ(120px) translateY(200px);opacity:0}.showcase-wrapper.visible .phone-1{opacity:1;transition-delay:.1s}.showcase-wrapper.visible .phone-2{opacity:1;transition-delay:.2s}.showcase-wrapper.visible .phone-3{opacity:1;transition-delay:.3s}.dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:24px;background-color:#000;border-radius:12px;z-index:10}.hero-card-wrapper{position:absolute;top:20%;left:-80px;width:100%;max-width:320px;opacity:0;transform:translateY(20px) translateZ(100px);transition:opacity .8s ease .5s,transform .8s ease .5s;z-index:10}.hero-card-wrapper.visible{opacity:1;transform:translateY(0) translateZ(100px)}.mock-roast-card{background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:24px;box-shadow:0 40px 80px #0009;border:1px solid rgba(255,255,255,.1);transform:rotateY(-10deg) rotateX(-5deg)}.mock-transaction{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600;font-size:1.1rem}.roast-text{color:var(--color-accent);font-style:italic;font-size:.95rem}@media(max-width:900px){.showcase-wrapper{height:500px;margin-top:40px}.showcase-container{width:100%;transform:scale(.6) rotateX(15deg) rotate(15deg) rotateY(20deg);margin-left:0}.showcase-wrapper:hover .showcase-container{transform:scale(.6) rotateX(10deg) rotate(10deg) rotateY(15deg)}.hero-card-wrapper{left:10%;top:0;max-width:280px;transform:translateY(20px) translateZ(150px)}.hero-card-wrapper.visible{transform:translateY(0) translateZ(150px)}}@media(max-width:500px){.showcase-wrapper{height:400px}.showcase-container{transform:scale(.4) rotateX(15deg) rotate(15deg) rotateY(20deg)}.showcase-wrapper:hover .showcase-container{transform:scale(.4) rotateX(10deg) rotate(10deg) rotateY(15deg)}.hero-card-wrapper{position:relative;top:auto;left:auto;margin:-60px auto 40px;max-width:calc(100% - 48px);transform:translateY(20px);z-index:10}.hero-card-wrapper.visible{transform:translateY(0)}.mock-roast-card{transform:none}}.waitlist-section{padding:100px 0;background-color:var(--color-bg-base);border-top:1px solid var(--color-border-subtle)}.waitlist-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch;max-width:1200px;margin:0 auto}.waitlist-left{display:flex;flex-direction:column}.waitlist-header{margin-bottom:32px}.waitlist-headline{font-size:clamp(2rem,4vw,3rem);margin:12px 0 16px;text-transform:uppercase;letter-spacing:-.02em}.waitlist-subline{font-size:1.1rem;line-height:1.5}.tally-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:12px;overflow:hidden}.waitlist-footer-text{font-size:13px;margin-top:16px}.chaos-score-card{background-color:var(--color-bg-surface);border:1px solid var(--color-accent);box-shadow:0 0 20px #3d3dff1a;border-radius:16px;padding:40px;height:100%;max-height:820px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-subtle) transparent}.chaos-score-card::-webkit-scrollbar{width:6px}.chaos-score-card::-webkit-scrollbar-track{background:transparent}.chaos-score-card::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}.chaos-score-card::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.chaos-header{margin-bottom:24px}.chaos-header h3{font-size:2rem;margin-top:8px;font-family:var(--font-heading);letter-spacing:-.02em}.chaos-intro{font-size:1.1rem;line-height:1.6;margin-bottom:32px;color:var(--color-text-secondary)}.chaos-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border-subtle)}.chaos-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.chaos-section h4{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:12px}.chaos-section p{line-height:1.5;color:var(--color-text-secondary)}.chaos-list{list-style:none;padding:0;margin:0}.chaos-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--color-border-subtle);font-family:var(--font-mono);font-size:.9rem}.chaos-list li:last-child{border-bottom:none}.chaos-label{color:var(--color-text-primary)}.text-danger{color:#f36;font-weight:700}.text-success{color:#0c6;font-weight:700}@media(max-width:992px){.waitlist-content{grid-template-columns:1fr;gap:40px}.waitlist-left{max-width:600px;margin:0 auto;text-align:center}.chaos-score-card{padding:32px 24px;max-height:none;overflow-y:visible}}.how-it-works-section{padding:80px 0;background-color:var(--color-bg-base);border-top:1px solid var(--color-border-subtle)}.section-label{display:block;margin-bottom:48px;text-align:center}.steps-container{display:flex;flex-direction:column;gap:40px}.step-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.step-number{color:var(--color-accent);font-size:24px;font-weight:700;font-family:var(--font-mono)}.step-title{font-size:1.25rem;font-weight:700;text-transform:uppercase}.step-description{font-size:1rem;line-height:1.6}@media(min-width:768px){.section-label{text-align:left}.steps-container{flex-direction:row;justify-content:space-between;gap:32px}.step-card{flex:1}}.sample-roasts-section{padding:100px 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.roasts-grid{display:flex;flex-direction:column;gap:24px;margin-top:48px;align-items:center}.roast-example-card{background-color:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:12px;padding:24px 32px;width:100%;max-width:500px;transform:rotate(var(--rotation));transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0003}.roast-example-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 12px 24px #0006;z-index:10}.example-transaction{font-weight:600;margin-bottom:12px;color:var(--color-text-primary);font-size:1rem}.example-roast{color:var(--color-accent);font-style:italic;font-size:.95rem;line-height:1.5}@media(min-width:768px){.roasts-grid{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:32px}.roast-example-card{width:calc(50% - 16px)}}@media(min-width:1024px){.roast-example-card{width:calc(33.333% - 22px)}}.trust-section{padding:80px 0;border-bottom:1px solid var(--color-border-subtle)}.trust-section .section-label{text-align:center}.trust-grid{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.trust-column{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.trust-icon{font-size:32px;font-weight:700;color:#4caf50}.trust-icon.error{color:#f44336}.trust-title{font-family:var(--font-mono);text-transform:uppercase;font-size:1.1rem}.trust-text{font-size:1rem}.trust-footer-text{text-align:center;margin-top:40px;font-size:.95rem;color:var(--color-text-secondary)}@media(min-width:768px){.trust-grid{flex-direction:row;gap:32px}.trust-column{flex:1}}.privacy-page{padding:120px 0 80px;min-height:calc(100vh - 150px)}.privacy-content{max-width:800px;margin:0 auto}.privacy-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);text-transform:none;letter-spacing:-.02em;margin-top:16px;margin-bottom:40px}.back-link{color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:color .2s ease}.back-link:hover{color:var(--color-accent)}.privacy-text-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:40px}.last-updated{font-size:.9rem;margin-bottom:32px}.privacy-section{margin-bottom:32px}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-size:1.25rem;margin-bottom:16px;color:var(--color-accent)}.privacy-section p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.privacy-section ul{list-style-type:none;padding-left:0}.privacy-section ul li{color:var(--color-text-secondary);position:relative;padding-left:20px;margin-bottom:12px;line-height:1.5}.privacy-section ul li:before{content:">";position:absolute;left:0;color:var(--color-accent);font-weight:700}.privacy-section strong{color:var(--color-text-primary)}@media(max-width:768px){.privacy-page{padding:100px 0 60px}.privacy-text-content{padding:24px}}.footer{padding:48px 0;background-color:var(--color-bg-base)}.footer-content{display:flex;flex-direction:column;gap:32px}.footer-top{display:flex;flex-direction:column;align-items:center;gap:24px}.footer-logo{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;letter-spacing:.05em}.footer-links{display:flex;align-items:center;gap:16px}.footer-link{font-size:.9rem;color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-border-subtle);transition:color .2s ease,text-decoration-color .2s ease}.footer-link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.footer-separator{color:var(--color-text-secondary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.copyright{font-size:.9rem}.disclaimer{font-size:.8rem;max-width:400px}@media(min-width:768px){.footer-top{flex-direction:row;justify-content:space-between}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}.disclaimer{text-align:right}}
