*,:before,:after{box-sizing:border-box}:root{--coffee:#c0a06b;--coffee-70:#c0a06bb3;--coffee-20:#c0a06b33;--coffee-10:#c0a06b1a;--coffee-dark:#725e3f;--coffee-light:#e8d5b5;--coffee-bg:#f7f2ea;--cyan:#1fcdf8;--cyan-15:#1fcdf826;--text:#1a1209;--text-secondary:#725e3f;--text-muted:#9e8e7e;--bg:#fefcf8;--white:#fff;--border:#00000014;--shadow-sm:0 2px 8px #00000014, 0 1px 3px #0000000d;--shadow-md:0 8px 24px #0000001a, 0 4px 8px #0000000f;--shadow-lg:0 20px 60px #0000001f, 0 8px 24px #00000014;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100svh}body{background:var(--bg);margin:0}h1,h2,h3,h4{color:var(--text);margin:0;line-height:1.1}p{color:var(--text-secondary);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}.btn-primary{background:var(--coffee);color:#fff;cursor:pointer;letter-spacing:-.1px;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #c0a06b66}.btn-primary:hover{background:var(--coffee-dark);transform:translateY(-1px);box-shadow:0 8px 24px #c0a06b73}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--coffee-dark);border:1.5px solid var(--coffee-light);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:6px;padding:14px 24px;font-size:16px;font-weight:500;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--coffee);background:var(--coffee-10);transform:translateY(-1px)}.btn-xl{padding:18px 40px;font-size:18px}.landing{width:100%;overflow-x:hidden}.section-wrap{max-width:1160px;margin:0 auto;padding:0 32px}.section-header{text-align:center;margin-bottom:64px}.section-badge{background:var(--coffee-20);color:var(--coffee-dark);letter-spacing:.8px;text-transform:uppercase;border-radius:100px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.section-title{letter-spacing:-1.2px;color:var(--text);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:700}.section-sub{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:18px}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#fefcf8e0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1160px;height:64px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{color:var(--coffee-dark);letter-spacing:-.3px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo-icon{background:var(--coffee-20);width:32px;height:32px;color:var(--coffee-dark);border-radius:8px;justify-content:center;align-items:center;display:flex}.logo-icon-sm{border-radius:7px;width:28px;height:28px}.logo-wordmark{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .2s}.nav-links a:not(.nav-cta):hover{color:var(--text)}.nav-cta{background:var(--coffee);border-radius:100px;padding:8px 20px;box-shadow:0 2px 10px #c0a06b59;color:#fff!important;font-size:14px!important;font-weight:600!important;transition:background .2s,transform .15s!important}.nav-cta:hover{transform:translateY(-1px);background:var(--coffee-dark)!important}.hero{padding:100px 32px 80px;position:relative;overflow:hidden}.hero-bg-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:#c0a06b1f;width:600px;height:600px;top:-100px;left:-100px}.hero-orb-2{background:#1fcdf814;width:500px;height:500px;bottom:-50px;right:-80px}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1160px;margin:0 auto;display:grid}.hero-content{flex-direction:column;gap:24px;display:flex}.hero-badge{background:var(--coffee-10);border:1px solid var(--coffee-light);color:var(--coffee-dark);letter-spacing:.4px;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:6px 14px 6px 10px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--coffee);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.hero-title{letter-spacing:-2px;color:var(--text);font-size:clamp(42px,5.5vw,68px);font-weight:800;line-height:1.05}.hero-title em{color:var(--coffee);font-style:normal}.hero-subtitle{color:var(--text-muted);max-width:480px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-visual{justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative}.phone-mockup{background:#1a1209;border-radius:42px;width:270px;padding:14px 14px 20px;animation:5s ease-in-out infinite float-phone;position:relative;box-shadow:0 40px 80px #00000040,inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f}.phone-notch{z-index:2;background:#1a1209;border-radius:0 0 18px 18px;width:90px;height:28px;margin:0 auto 8px;position:relative}.phone-screen{background:var(--bg);border-radius:32px;padding:0 0 16px;overflow:hidden}.app-header{background:var(--white);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.app-back{color:var(--coffee);cursor:pointer;font-size:22px;font-weight:300;line-height:1}.app-title{color:var(--text);letter-spacing:-.2px;font-size:13px;font-weight:600}.app-more{color:var(--text-muted);letter-spacing:1px;font-size:14px}.timer-wrap{background:var(--white);flex-direction:column;align-items:center;margin-bottom:10px;padding:18px 16px 12px;display:flex}.timer-ring{width:110px;height:110px;margin-bottom:12px;position:relative}.timer-svg{width:110px;height:110px;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--coffee-10);stroke-width:7px}.timer-progress{fill:none;stroke:var(--coffee);stroke-width:7px;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:141px;animation:3s ease-in-out infinite timer-pulse}.timer-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-time{color:var(--text);letter-spacing:-1px;font-size:22px;font-weight:700;line-height:1}.timer-phase{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.timer-btn{background:var(--coffee-10);color:var(--coffee-dark);cursor:pointer;border:none;border-radius:100px;padding:7px 24px;font-size:12px;font-weight:600}.app-steps{flex-direction:column;gap:1px;padding:0 12px;display:flex}.app-step{border-radius:10px;align-items:center;gap:10px;padding:9px 8px;transition:background .2s;display:flex}.app-step-active{background:var(--coffee-10)}.app-dot{background:#0000001a;border:1.5px solid #00000026;border-radius:50%;flex-shrink:0;width:10px;height:10px}.app-dot-active{background:var(--coffee);border-color:var(--coffee);animation:2s ease-in-out infinite pulse-dot}.app-dot-done{background:var(--coffee-dark);border-color:var(--coffee-dark)}.app-step-body{flex-direction:column;flex:1;gap:1px;display:flex}.app-step-name{color:var(--text);font-size:12px;font-weight:600}.app-step-meta{color:var(--text-muted);font-size:10px}.app-check{color:var(--coffee-dark);font-size:11px;font-weight:700}.float-card{background:var(--white);box-shadow:var(--shadow-md);border:1px solid #0000000f;border-radius:16px;align-items:center;gap:12px;min-width:170px;padding:12px 16px;display:flex;position:absolute}.float-card-top{animation:4s ease-in-out infinite float-card-a;top:10px;right:-20px}.float-card-bot{animation:4.5s ease-in-out infinite float-card-b;bottom:20px;left:-20px}.float-card-icon{background:var(--coffee-10);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.float-card-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.float-card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.stats-bar{background:var(--coffee);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:24px 32px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;padding:0 48px;display:flex}.stat-num{color:#fff;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#ffffffbf;letter-spacing:.2px;font-size:13px;font-weight:500}.stat-sep{background:#ffffff40;width:1px;height:40px}.features{background:var(--bg);padding:100px 32px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:16px;padding:36px 32px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#0000);height:3px;transition:background .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--coffee-light);transform:translateY(-4px)}.feature-card:hover:before{background:linear-gradient(90deg, var(--coffee), var(--coffee-light))}.feature-card-hero{background:linear-gradient(135deg,#1a1209 0%,#2d1f0e 100%);border-color:#0000}.feature-card-hero h3{color:#fff}.feature-card-hero p{color:#ffffffa6}.feature-card-hero .feature-icon-wrap{color:var(--coffee);background:#c0a06b33}.feature-card-hero .chip{color:#ffffffb3;background:#ffffff1a;border-color:#ffffff1a}.feature-card-hero:before{background:linear-gradient(90deg, var(--coffee), var(--coffee-light))!important}.feature-icon-wrap{background:var(--coffee-10);width:52px;height:52px;color:var(--coffee-dark);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-card h3{color:var(--text);letter-spacing:-.4px;margin:0;font-size:20px;font-weight:700;line-height:1.2}.feature-card p{color:var(--text-muted);flex:1;margin:0;font-size:15px;line-height:1.65}.feature-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip{background:var(--coffee-10);color:var(--coffee-dark);border:1px solid var(--coffee-20);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:500}.how-it-works{background:var(--coffee-bg);padding:100px 32px}.timeline{grid-template-columns:repeat(5,1fr);gap:24px;display:grid;position:relative}.timeline-step{text-align:center;flex-direction:column;align-items:center;display:flex}.timeline-node{flex-direction:column;align-items:center;width:100%;margin-bottom:28px;display:flex}.timeline-num{background:var(--coffee);color:#fff;letter-spacing:.5px;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #c0a06b66}.timeline-connector{background:linear-gradient(90deg, var(--coffee-70), var(--coffee-light));width:100%;height:2px;margin-top:-24px;position:relative;left:50%}.timeline-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;align-items:center;gap:12px;height:100%;padding:28px 24px;transition:transform .2s,box-shadow .2s;display:flex}.timeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.timeline-icon{background:var(--coffee-10);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.timeline-card h3{color:var(--text);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.timeline-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.highlight{background:var(--bg);padding:100px 32px}.highlight-alt{background:var(--coffee-bg)}.highlight-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.highlight-grid-rev{direction:rtl}.highlight-grid-rev>*{direction:ltr}.highlight-text{flex-direction:column;gap:20px;display:flex}.highlight-text h2{letter-spacing:-1px;color:var(--text);font-size:clamp(28px,3.5vw,42px);font-weight:700}.highlight-text p{color:var(--text-muted);font-size:17px;line-height:1.7}.check-list{flex-direction:column;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.check-list li{color:var(--text-secondary);align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.check-icon{background:var(--coffee);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.highlight-visual{justify-content:center;display:flex}.recipe-demo{background:var(--white);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex}.rd-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rd-info{flex-direction:column;gap:4px;display:flex}.rd-name{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:700}.rd-method{color:var(--text-muted);font-size:13px}.rd-stars{color:var(--coffee);letter-spacing:1px;flex-shrink:0;font-size:14px}.rd-params{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rd-param{background:var(--coffee-bg);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;display:flex}.rd-val{color:var(--text);letter-spacing:-.5px;font-size:16px;font-weight:700}.rd-key{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.rd-divider{background:var(--border);height:1px}.rd-steps{flex-direction:column;gap:4px;display:flex}.rd-step{border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.rd-step-active{background:var(--coffee-10)}.rd-step-done{opacity:.6}.rd-dot{background:#0000001f;border:1.5px solid #00000026;border-radius:50%;flex-shrink:0;width:10px;height:10px}.rd-dot-active{background:var(--coffee);border-color:var(--coffee)}.rd-dot-done{background:var(--coffee-dark);border-color:var(--coffee-dark)}.rd-step-text{color:var(--text);flex:1;font-size:13px;font-weight:500}.rd-check{color:var(--coffee-dark);font-size:12px;font-weight:700}.rd-badge{background:var(--coffee);color:#fff;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600}.rd-execute-btn{background:var(--coffee);color:#fff;cursor:pointer;letter-spacing:-.2px;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:background .2s}.rd-execute-btn:hover{background:var(--coffee-dark)}.grinder-demo{background:var(--white);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex}.gd-header{flex-direction:column;gap:4px;display:flex}.gd-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.gd-title{color:var(--text);letter-spacing:-.4px;font-size:20px;font-weight:700}.gd-divider{background:var(--border);height:1px}.gd-recipes{flex-direction:column;gap:10px;display:flex}.gd-recipe{border:1px solid var(--border);background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s;display:flex}.gd-recipe-active{background:var(--coffee-10);border-color:var(--coffee-light)}.gd-recipe-left{flex-direction:column;gap:2px;display:flex}.gd-recipe-name{color:var(--text);letter-spacing:-.2px;font-size:14px;font-weight:600}.gd-recipe-sub{color:var(--text-muted);font-size:12px}.gd-grind-pill{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.gd-grind-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.gd-grind-val{color:var(--coffee-dark);letter-spacing:-.3px;font-size:14px;font-weight:700}.cta-section{background:#1a1209;padding:100px 32px;position:relative;overflow:hidden}.cta-bg-orb{pointer-events:none;background:radial-gradient(circle,#c0a06b26 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-card{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;display:flex;position:relative}.cta-glyph{background:#c0a06b26;border:1px solid #c0a06b33;border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;font-size:56px;display:flex}.cta-card h2{color:#fff;letter-spacing:-1.5px;font-size:clamp(32px,4vw,48px);font-weight:800}.cta-card p{color:#fff9;max-width:400px;font-size:18px}.cta-actions{margin-top:8px}.footer{background:#120d07;border-top:1px solid #ffffff0d;padding:48px 32px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:1160px;margin:0 auto;display:flex}.footer-logo{color:#ffffffd9;letter-spacing:-.2px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.footer-logo .logo-icon{color:var(--coffee);background:#c0a06b26}.footer-tagline{color:#ffffff59;margin:0;font-size:14px}.footer-copy{color:#fff3;margin:0;font-size:13px}@keyframes float-phone{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-card-a{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(-1deg)}}@keyframes float-card-b{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes timer-pulse{0%,to{stroke-dashoffset:141px}50%{stroke-dashoffset:120px}}@media (width<=960px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:60px}.hero-content{align-items:center}.hero-subtitle{margin:0 auto}.hero-actions{justify-content:center}.hero-visual{padding:20px}.features-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.timeline{grid-template-columns:1fr 1fr 1fr;gap:24px}.timeline-connector{display:none}.highlight-grid,.highlight-grid-rev{direction:ltr;grid-template-columns:1fr;gap:48px}.highlight-text{text-align:center;align-items:center}.check-list li{justify-content:center}}@media (width<=640px){.nav-links a:not(.nav-cta){display:none}.nav-container{padding:0 20px}.hero{padding:64px 20px 60px}.features,.how-it-works,.highlight,.highlight-alt,.cta-section{padding:72px 20px}.section-wrap{padding:0 20px}.stats-bar{gap:0;padding:20px}.stat{padding:12px 20px}.stat-sep{height:30px}.timeline{grid-template-columns:1fr 1fr}.timeline-connector{display:none}.phone-mockup{width:240px}.float-card{display:none}.recipe-demo,.grinder-demo{max-width:100%}}