:root{--bg: #f6f1e7;--bg-alt: #fbf7ef;--bg-deep: #211c18;--card: #fffdf8;--ink: #40362b;--ink-soft: #6b5d4c;--muted: #8a7b68;--line: #e8ddcb;--line-soft: #efe6d6;--coral: #e64a33;--coral-soft: #ff8266;--peach: #f49a4a;--peach-soft: #ffb07a;--grad: linear-gradient(120deg, #e64a33 10%, #f49a4a 90%);--grad-soft: linear-gradient(120deg, #ff8266 10%, #ffb07a 90%);--radius: 20px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(64, 54, 43, .05), 0 4px 14px rgba(64, 54, 43, .06);--shadow-md: 0 2px 6px rgba(64, 54, 43, .06), 0 14px 34px rgba(64, 54, 43, .1);--shadow-glow: 0 10px 34px rgba(230, 74, 51, .32);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.86em;background:#e64a3314;color:var(--coral);padding:.1em .45em;border-radius:6px;word-break:break-all}::selection{background:#f49a4a59}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease var(--delay, 0s),transform .75s cubic-bezier(.16,1,.3,1) var(--delay, 0s);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:999px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,background .22s ease,border-color .22s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-icon{width:18px;height:18px}.btn-primary{background:var(--grad);color:#fff;padding:13px 26px;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px #e64a336b}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);padding:11.5px 24.5px}.btn-ghost:hover{border-color:var(--peach);color:var(--coral);transform:translateY(-2px)}.btn-lg{font-size:16px;padding:15px 30px}.btn-lg.btn-ghost{padding:13.5px 28.5px}.btn-sm{font-size:14px;padding:9px 18px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 24px;transition:background .3s ease,box-shadow .3s ease,padding .3s ease}.nav.is-scrolled{background:#f6f1e7d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px #e8ddcbe6,0 8px 30px #40362b0f;padding:10px 24px}.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:28px}.nav-brand{display:flex;align-items:center;gap:10px}.nav-logo{width:34px;height:34px;border-radius:9px;box-shadow:var(--shadow-sm)}.nav-brand-text{font-size:17px;font-weight:700;letter-spacing:-.2px}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-soft);position:relative;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--grad);border-radius:2px;transition:right .25s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:var(--coral)}.nav-links a:hover:after{right:0}.nav-cta{margin-left:4px}.nav-github{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink-soft);transition:color .2s ease,transform .2s ease}.nav-github svg{width:21px;height:21px}.nav-github:hover{color:var(--ink);transform:translateY(-1px) rotate(6deg)}.hero{position:relative;overflow:hidden;padding:150px 24px 0}.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}.hero-blob-a{width:560px;height:560px;background:radial-gradient(circle at 30% 30%,#ff82668c,#ff826600 70%);top:-140px;right:-100px;animation:blob-drift-a 16s ease-in-out infinite alternate}.hero-blob-b{width:480px;height:480px;background:radial-gradient(circle at 60% 60%,#ffb07a80,#ffb07a00 70%);bottom:-80px;left:-160px;animation:blob-drift-b 19s ease-in-out infinite alternate}@keyframes blob-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(-70px,60px) scale(1.12)}}@keyframes blob-drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(80px,-50px) scale(1.08)}}.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:#fffdf8d9;font-size:13px;font-weight:500;color:var(--ink-soft);box-shadow:var(--shadow-sm)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 #e64a3380;animation:badge-pulse 2.2s ease-out infinite}@keyframes badge-pulse{0%{box-shadow:0 0 #e64a3373}70%{box-shadow:0 0 0 9px #e64a3300}to{box-shadow:0 0 #e64a3300}}.hero-title{margin:26px 0 20px;font-size:clamp(38px,5vw,60px);line-height:1.12;font-weight:800;letter-spacing:-1.5px}.grad-text{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-sub{font-size:17.5px;color:var(--ink-soft);max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-stats{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:40px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat strong{font-size:21px;font-weight:800;letter-spacing:-.4px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-stat span{font-size:12.5px;color:var(--muted)}.hero-media{position:relative}.hero-media-glow{position:absolute;top:8%;right:4%;bottom:12%;left:4%;background:radial-gradient(ellipse at center,rgba(230,74,51,.18),rgba(244,154,74,.1) 55%,transparent 75%);filter:blur(30px);animation:glow-breathe 5.5s ease-in-out infinite;pointer-events:none}@keyframes glow-breathe{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}.hero-media .monitor-frame,.hero-media>:not(.hero-media-glow){position:relative}.hero-video,.demo-video{width:100%;height:100%;object-fit:contain;background:#000}.terminal-strip{margin-top:74px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#fffdf899;overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.terminal-strip-track{display:flex;gap:40px;width:max-content;animation:marquee 30s linear infinite}.terminal-strip:hover .terminal-strip-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.terminal-chip{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--ink-soft)}.terminal-chip-icon{width:17px;height:17px;color:var(--peach)}.section{max-width:1180px;margin:0 auto;padding:104px 24px 0}.section-alt{max-width:none;background:var(--bg-alt);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding-left:0;padding-right:0}.section-alt>*{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section-head{max-width:720px;margin-bottom:52px}.section-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--coral);margin-bottom:14px}.section-title{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.8px;line-height:1.2}.section-lead{margin-top:16px;font-size:16.5px;color:var(--ink-soft)}.section-lead strong{color:var(--coral)}.pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pain-card{position:relative;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px 28px 24px;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.pain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pain-num{position:absolute;top:-14px;right:12px;font-size:88px;font-weight:800;letter-spacing:-4px;color:#e64a3314;pointer-events:none}.pain-card h3{font-size:17.5px;font-weight:700;margin-bottom:10px}.pain-card p{font-size:14.5px;color:var(--ink-soft)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:26px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#f49a4a80}.feature-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--grad-soft);color:#fff;box-shadow:0 6px 16px #e64a333d;margin-bottom:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.feature-icon svg{width:23px;height:23px}.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-4deg)}.feature-card h3{font-size:16.5px;font-weight:700;margin-bottom:9px}.feature-card p{font-size:13.8px;color:var(--ink-soft);line-height:1.62}.flow{background:var(--card);border:1px solid var(--line-soft);border-radius:26px;padding:44px 40px 32px;box-shadow:var(--shadow-sm)}.flow-stage{position:relative;display:flex;gap:56px;justify-content:center;align-items:stretch;padding:10px 0 6px}.flow-screen{position:relative;border-radius:18px;border:1.5px solid var(--line);background:var(--bg);padding:40px 26px 26px;transition:border-color .4s ease,box-shadow .4s ease}.flow-screen-label{position:absolute;top:12px;left:18px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted)}.flow-screen-secondary{width:min(300px,38%)}.flow-screen-primary{width:min(380px,46%);background:#fff9f0;border-color:var(--peach-soft)}.flow-window{border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:10px 12px 14px;transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}.flow-window-dots{display:inline-flex;gap:5px;margin-bottom:8px}.flow-window-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.flow-window-dots i:first-child{background:var(--coral-soft)}.flow-window-title{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-window-lines{display:flex;flex-direction:column;gap:6px}.flow-window-lines i{height:6px;border-radius:3px;background:var(--line-soft);animation:line-breathe 2.6s ease-in-out infinite}.flow-window-lines i.short{width:55%}@keyframes line-breathe{0%,to{opacity:.55}50%{opacity:1}}.flow-window-code{transform:scale(1)}.flow-window-main{opacity:0;transform:translateY(26px) scale(.92)}.flow-bubble{position:absolute;right:22px;bottom:16px;background:var(--bg-deep);color:#f1e9de;font-size:12px;font-weight:600;padding:8px 13px;border-radius:12px 12px 3px;opacity:0;transform:translateY(10px) scale(.85);transition:opacity .45s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.flow-arrow{position:absolute;top:42%;left:50%;transform:translate(-50%);width:120px;height:60px;z-index:2}.flow-arrow path{fill:none;stroke:var(--peach);stroke-width:2.5;stroke-dasharray:7 7;stroke-linecap:round;opacity:.35;transition:opacity .4s ease;animation:dash-flow 1.2s linear infinite;animation-play-state:paused}.flow-arrow-head{fill:var(--peach);opacity:.35;transition:opacity .4s ease}@keyframes dash-flow{to{stroke-dashoffset:-14}}.flow[data-step="0"] .flow-window-main,.flow[data-step="1"] .flow-window-main{opacity:0;transform:translateY(26px) scale(.92)}.flow[data-step="1"] .flow-window-code{animation:stop-pulse .9s ease-in-out infinite}.flow[data-step="1"] .flow-arrow path,.flow[data-step="2"] .flow-arrow path{opacity:1;animation-play-state:running}.flow[data-step="1"] .flow-arrow-head,.flow[data-step="2"] .flow-arrow-head{opacity:1}@keyframes stop-pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 5px #e64a3324,var(--shadow-md)}}.flow[data-step="2"] .flow-window-code{opacity:0;transform:scale(.88)}.flow[data-step="2"] .flow-window-main,.flow[data-step="3"] .flow-window-main{opacity:1;transform:none;box-shadow:0 0 0 5px #e64a331f,var(--shadow-md)}.flow[data-step="3"] .flow-bubble{opacity:1;transform:none}.flow[data-step="3"] .flow-screen-primary{border-color:var(--coral-soft)}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}.flow-step{display:flex;gap:12px;text-align:left;padding:15px 16px;border-radius:15px;border:1.5px solid var(--line-soft);background:var(--bg);transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.flow-step:hover{transform:translateY(-2px)}.flow-step.is-done{border-color:#f49a4a73}.flow-step.is-active{border-color:var(--coral);background:#fff;box-shadow:0 8px 24px #e64a3324;transform:translateY(-3px)}.flow-step-index{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:var(--line-soft);color:var(--ink-soft);transition:background .3s ease,color .3s ease}.flow-step.is-done .flow-step-index{background:var(--peach-soft);color:#fff}.flow-step.is-active .flow-step-index{background:var(--grad);color:#fff}.flow-step-body{display:flex;flex-direction:column;gap:3px}.flow-step-body strong{font-size:14px;font-weight:700}.flow-step-body span{font-size:12.3px;color:var(--muted);line-height:1.5}.flow-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:13px;color:var(--muted)}.flow-hint-icon{width:15px;height:15px;color:var(--peach)}.auto-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.auto-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:24px 24px 22px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.auto-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.auto-card h4{font-size:15.5px;font-weight:700;margin-bottom:9px;color:var(--coral)}.auto-card p{font-size:13.8px;color:var(--ink-soft)}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card h3{margin-top:20px;font-size:16.5px;font-weight:700}.demo-card p{margin-top:7px;font-size:13.8px;color:var(--ink-soft)}.demo-media{transition:transform .35s cubic-bezier(.16,1,.3,1)}.demo-card:hover .demo-media{transform:translateY(-4px) scale(1.015)}.demo-media img{width:100%;border-radius:10px;border:1px solid #3d3225;box-shadow:0 18px 38px #40362b29}.monitor-frame.active .monitor-led{animation:led-breathe 2.4s ease-in-out infinite}@keyframes led-breathe{0%,to{opacity:.6}50%{opacity:1}}.download-card{position:relative;background:var(--card);border-radius:28px;padding:44px 44px 36px;border:1.5px solid transparent;background-clip:padding-box;box-shadow:var(--shadow-md);overflow:hidden}.download-card:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:29px;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.download-card:after{content:"";position:absolute;top:-110px;right:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,130,102,.16),transparent 70%);pointer-events:none}.download-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}.download-version{display:flex;flex-direction:column;gap:8px}.download-version-pill{display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#fff;font-size:15px;font-weight:700;padding:9px 18px;border-radius:999px;width:fit-content}.download-apple{width:17px;height:17px}.download-version-note{font-size:13px;color:var(--muted)}.download-actions{display:flex;flex-wrap:wrap;gap:13px}.download-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.download-step{display:flex;gap:13px;background:var(--bg);border:1px solid var(--line-soft);border-radius:16px;padding:17px 17px 15px}.download-step-num{flex:none;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:#fff;background:var(--grad)}.download-step strong{display:block;font-size:14.5px;margin-bottom:4px}.download-step span{font-size:12.8px;color:var(--ink-soft);line-height:1.55}.download-source{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;font-size:13.5px;color:var(--muted)}.faq-list{display:flex;flex-direction:column;gap:13px;max-width:860px}.faq-item{background:var(--card);border:1px solid var(--line-soft);border-radius:16px;padding:0 22px;transition:border-color .25s ease,box-shadow .25s ease}.faq-item[open]{border-color:#f49a4a80;box-shadow:var(--shadow-sm)}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:15.5px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{flex:none;width:11px;height:11px;border-right:2.2px solid var(--muted);border-bottom:2.2px solid var(--muted);transform:rotate(45deg);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease;margin-right:4px}.faq-item[open] .faq-chevron{transform:rotate(225deg);border-color:var(--coral)}.faq-item p{padding:0 0 20px;font-size:14.3px;color:var(--ink-soft);animation:faq-in .35s ease}@keyframes faq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.footer{margin-top:110px;border-top:1px solid var(--line-soft);background:var(--bg-deep);color:#a29380}.footer-inner{max-width:1180px;margin:0 auto;padding:44px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-logo{width:38px;height:38px;border-radius:10px}.footer-brand strong{display:block;color:#f1e9de;font-size:15.5px}.footer-brand span{font-size:12.8px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}.footer-links a{font-size:13.8px;transition:color .2s ease}.footer-links a:hover{color:#f1e9de}.footer-copy{width:100%;font-size:12.5px;border-top:1px solid rgba(241,233,222,.09);padding-top:20px}@media(max-width:1080px){.feature-grid,.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none}}@media(max-width:920px){.hero{padding-top:120px}.hero-inner{grid-template-columns:1fr;gap:44px}.hero-sub{max-width:none}.auto-cards,.demo-grid,.download-steps{grid-template-columns:1fr}.flow{padding:30px 22px 24px}.flow-stage{flex-direction:column;gap:30px;align-items:center}.flow-screen-secondary,.flow-screen-primary{width:min(420px,100%)}.flow-arrow{display:none}.flow-bubble{right:12px}}@media(max-width:620px){.pain-grid,.feature-grid,.flow-steps{grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-stats{gap:10px 24px}.nav-cta{display:none}.download-card{padding:30px 22px 26px}.download-main{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}