:root{color-scheme:dark;--accent: #F17720;--accent-hover: #ff8c3a;--accent-dim: #c45e10;--bg: #0A0A0A;--bg-elevated: #141414;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .35);--border-subtle: rgba(255, 255, 255, .08);--radius-card: 20px;--font-title: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent);color:#000}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select{font-family:inherit;outline:none}.hero{background:var(--bg);min-height:100vh}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.eyebrow-rule{width:20px;height:1px;background:var(--accent);flex-shrink:0}.accent-cta{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 32px;border-radius:999px;background:linear-gradient(135deg,#f17720,#e8600a);color:#fff;font-family:var(--font-title);font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 24px #f1772040,inset 0 1px #fff3;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.accent-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 32px #f1772059,inset 0 1px #ffffff40}.accent-cta:active{transform:translateY(1px)}.accent-cta:disabled{opacity:.6;pointer-events:none}.coffee-nav-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(241,119,32,.35);background:#0a0a0a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-title);font-size:14px;font-weight:700;letter-spacing:.1em;color:#ffffffd9;transition:border-color .25s ease,background .25s ease,color .25s ease}.coffee-nav-link svg{color:var(--accent)}.coffee-nav-link:hover{border-color:var(--accent);background:#f177201f;color:#fff}@media(max-width:480px){.coffee-nav-link span{display:none}.coffee-nav-link{padding:10px}}.note-coffee-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(241,119,32,.45);background:#f177201a;font-family:var(--font-title);font-size:13px;font-weight:700;letter-spacing:.1em;color:#fff;white-space:nowrap;transition:border-color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease}.note-coffee-cta svg{color:var(--accent)}.note-coffee-cta:hover{border-color:var(--accent);background:#f1772033;transform:translateY(-1px);box-shadow:0 6px 18px #f1772033}.note-coffee-cta:active{transform:translateY(1px)}.coffee-page-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/coffee-cups.png);background-size:cover;background-position:left center;filter:saturate(.85);z-index:0}.coffee-page-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(10,10,10,.2) 0%,rgba(10,10,10,.35) 38%,rgba(10,10,10,.88) 62%,var(--bg) 88%),linear-gradient(to bottom,rgba(10,10,10,.65) 0%,transparent 22%,transparent 78%,rgba(10,10,10,.75) 100%);z-index:1}@media(max-width:900px){.coffee-page-bg{background-position:center bottom}.coffee-page-scrim{background:linear-gradient(to bottom,#0a0a0ad9,#0a0a0abf 45%,#0a0a0ae6)}}.coffee-layout{position:relative;z-index:2;flex:1;display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:clamp(8px,2vh,24px) clamp(24px,4vw,64px) clamp(16px,3vh,32px);gap:clamp(24px,4vw,56px)}.coffee-art-spacer{flex:1 1 42%}.coffee-panel{flex:1 1 58%;max-width:760px;text-align:left}.coffee-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)}.coffee-tier-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:clamp(16px,2.4vh,24px) clamp(14px,1.6vw,22px);border-radius:18px;border:1px solid var(--border-subtle);background:#0c0a0899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,border-color .3s ease,transform .3s ease}.coffee-tier-card:hover{background:#f1772012;border-color:#f177204d;transform:translateY(-2px)}@media(max-width:900px){.coffee-layout{flex-direction:column;align-items:stretch}.coffee-art-spacer{display:none}.coffee-panel{max-width:560px;margin:0 auto;text-align:center}}@media(max-width:640px){.coffee-tier-grid{grid-template-columns:1fr}.coffee-tier-card{align-items:center;text-align:center}}.field-input,.field-select{font-family:var(--font-body);font-size:15px;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;transition:border-color .25s ease,background .25s ease;width:100%}.field-input::placeholder{color:#ffffff4d}.field-input:focus,.field-select:focus{border-color:var(--accent);background:#f177200d}.field-select option{background:var(--bg-elevated);color:#fff}.field-select{padding-right:36px;background-color:var(--bg-elevated);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.hero-title{opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.hero-fade{opacity:0;animation:fadeInUp .8s ease-out forwards}.hero-fade-0{animation-delay:.15s}.hero-fade-1{animation-delay:.8s}.hero-fade-2{animation-delay:1.1s}.hero-fade-3{animation-delay:1.4s}.hero-fade-4{animation-delay:2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scroll-cue-chev{animation:float 2s ease-in-out infinite}.marquee{position:relative;z-index:1;overflow:hidden;padding:20px 0;background:linear-gradient(#f177200a,#f177200a),var(--bg);border-top:1px solid rgba(241,119,32,.12);border-bottom:1px solid rgba(241,119,32,.12)}.marquee-track{display:flex;width:max-content;animation:marquee 36s linear infinite}.marquee-item{display:inline-flex;align-items:center;font-family:var(--font-title);font-size:clamp(14px,1.4vw,17px);font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:#ffffff59;white-space:nowrap}.marquee-sep{color:var(--accent);opacity:.6;font-size:10px;margin:0 28px}@keyframes marquee{to{transform:translate(-50%)}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: white; inherits: false;}.shiny-cta{--shiny-cta-bg: #000000;--shiny-cta-bg-subtle: #1a1818;--shiny-cta-fg: #ffffff;--shiny-cta-highlight: var(--accent);--shiny-cta-highlight-subtle: var(--accent-hover);--animation: gradient-angle linear infinite;--duration: 3s;--shadow-size: 2px;--transition: .8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:1.125rem 2.5rem;font-family:var(--font-title);font-size:1rem;line-height:1.2;font-weight:700;letter-spacing:.1em;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.shiny-cta:before,.shiny-cta:after,.shiny-cta span:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--size: calc(100% - var(--shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.shiny-cta:after{--animation: shiny-shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.shiny-cta span{z-index:1}.shiny-cta span:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta:is(:hover,:focus-visible){--gradient-percent: 20%;--gradient-angle-offset: 95deg;--gradient-shine: var(--shiny-cta-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle: 360deg}}@keyframes shiny-shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}.phone-wrapper{width:200px}.phone-body{width:200px;height:420px}.phone-notch{width:90px;height:24px}.phone-screen{border-radius:30px}.phone-row{gap:28px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}.feature-card{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:clamp(36px,4vw,56px) clamp(28px,3vw,44px);position:relative;min-height:clamp(260px,30vh,340px);transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.feature-card:hover{background:#f177200f;border-color:#f1772040;transform:translateY(-4px);box-shadow:0 16px 48px #0006,0 0 24px #f1772014}@media(max-width:768px){.feature-grid{grid-template-columns:1fr!important;gap:14px!important}.phone-wrapper{width:110px}.phone-body{width:110px;height:232px}.phone-notch{width:50px;height:14px}.phone-screen{border-radius:18px}.phone-row{gap:8px}.feature-card{padding:28px 24px!important;min-height:auto!important}.accent-cta{height:50px;font-size:15px}}@media(min-width:1024px){.hero{min-height:80vh}.phone-wrapper{width:260px}.phone-body{width:260px;height:540px}.phone-notch{width:105px;height:26px}.phone-screen{border-radius:32px}.phone-row{gap:40px}.shiny-cta{padding:1.25rem 3rem;font-size:1.1rem}}@media(min-width:1440px){.phone-wrapper{width:300px}.phone-body{width:300px;height:620px}.phone-notch{width:115px;height:28px}.phone-screen{border-radius:34px}.phone-row{gap:52px}.shiny-cta{padding:1.375rem 3.5rem;font-size:1.15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.marquee-track{animation:none}}