:root{--bg: #fdfaf6;--bg-soft: #ffffff;--card: #ffffff;--card-border: rgba(38, 27, 14, .09);--card-shadow: 0 10px 34px rgba(38, 27, 14, .08);--text: #241a10;--muted: #6f6255;--accent: #f97316;--accent-2: #ff8a00;--accent-3: #ffb066;--accent-deep: #ea5c0e;--radius: 18px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#f9731638}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform}.orb-a{width:680px;height:680px;top:-240px;left:-160px;background:radial-gradient(circle,rgba(255,158,44,.3),transparent 65%);animation:drift-a 22s ease-in-out infinite alternate}.orb-b{width:580px;height:580px;top:28%;right:-210px;background:radial-gradient(circle,rgba(249,115,22,.2),transparent 65%);animation:drift-b 26s ease-in-out infinite alternate}.orb-c{width:520px;height:520px;bottom:-260px;left:32%;background:radial-gradient(circle,rgba(255,176,102,.22),transparent 65%);animation:drift-c 30s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(140px,120px) scale(1.15)}}@keyframes drift-b{to{transform:translate(-160px,-90px) scale(1.2)}}@keyframes drift-c{to{transform:translate(-120px,-140px) scale(1.1)}}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(38,27,14,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(38,27,14,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,black,transparent 75%);animation:grid-pan 60s linear infinite}@keyframes grid-pan{to{background-position:56px 56px,56px 56px}}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cubes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.cube{position:absolute;width:var(--s);height:var(--s);background:linear-gradient(135deg,#fffffff2,#fff4e880);border:1px solid rgba(38,27,14,.12);box-shadow:0 8px 24px #f9731629,inset 0 0 14px #ffffffb3;transform-style:preserve-3d;animation:cube-float var(--d) ease-in-out infinite alternate}.cube:before,.cube:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(38,27,14,.08)}.cube:before{transform:translateZ(calc(var(--s) * -.35));background:#fffaf280}.cube:after{transform:translateZ(calc(var(--s) * .35));background:#ffffffe6}@keyframes cube-float{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(var(--tx),var(--ty),0) rotateX(40deg) rotateY(60deg)}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);background:#fdfaf6bf;border-bottom:1px solid rgba(38,27,14,.08)}.nav-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:30px;height:30px;border-radius:8px;box-shadow:0 2px 14px #f9731659}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text)}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .25s ease,background .2s;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#ff9d2e,#f97316 55%,#ea5c0e);color:#fff;box-shadow:0 6px 28px #f9731666,inset 0 1px #ffffff47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 44px #f9731680,inset 0 1px #ffffff47}.btn-ghost{border-color:#261b0e2e;color:var(--text);background:#ffffffbf;box-shadow:0 2px 10px #261b0e0d}.btn-ghost:hover{transform:translateY(-2px);background:#fff;border-color:#261b0e52}.btn-black{background:linear-gradient(180deg,#1b1d23,#0e0f13);color:#fff;padding:15px 34px;font-size:16px;border-radius:14px;box-shadow:0 8px 26px #0e0f1352,inset 0 1px #ffffff1f}.btn-black:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0e0f136b,inset 0 1px #ffffff1f}.btn-soft{border-color:#261b0e2e;color:var(--text);background:#fff;padding:15px 30px;font-size:16px;border-radius:14px;box-shadow:0 4px 16px #261b0e0f}.btn-soft:hover{transform:translateY(-2px);border-color:#8b5cf673;box-shadow:0 10px 30px #261b0e1a}.terminal-icon{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:2px 9px;margin-right:2px}.down-arrow{display:inline-block;font-size:18px;margin-left:4px;animation:arrow-bob 1.6s ease-in-out infinite}@keyframes arrow-bob{50%{transform:translateY(3px)}}.hero-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:13px;font-weight:500;color:var(--muted);animation:fade-up .9s .4s ease both}.meta-dot{color:#261b0e4d;font-weight:700}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 24px 80px;position:relative}.hero-inner{max-width:860px}.hero-logo{display:block;margin:0 auto 30px;width:112px;height:112px;border-radius:26px;box-shadow:0 20px 55px #8b5cf638,0 0 0 1px #261b0e14;animation:logo-float 4.5s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(249,115,22,.25);background:#ffffffd9;font-size:13px;color:var(--muted);margin-bottom:26px;box-shadow:0 4px 16px #261b0e0f;animation:fade-up .8s ease both}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}.hero-title{font-size:clamp(46px,7vw,86px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin-bottom:6px;animation:fade-up .9s .1s ease both}.gradient-text{background:linear-gradient(90deg,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-pan 6s ease infinite}@keyframes gradient-pan{50%{background-position:100% 50%}}.typeword{display:inline-block;min-width:.5ch}.caret{display:inline-block;color:var(--accent);animation:caret-blink 1s steps(1) infinite;font-weight:300}@keyframes caret-blink{50%{opacity:0}}.hero-sub{margin:18px auto 36px;max-width:640px;font-size:clamp(16px,2.2vw,20px);line-height:1.6;color:var(--muted);animation:fade-up .9s .2s ease both}.hero-sub b{color:var(--text);font-weight:600}.hero-guide{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:left;max-width:520px}.guide-step{display:flex;align-items:center;gap:12px;background:#fffc;border:1px solid rgba(38,27,14,.1);border-radius:14px;padding:11px 18px;width:100%;font-size:14.5px;line-height:1.55;color:var(--muted);box-shadow:0 4px 18px #261b0e0d;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}.guide-step:hover{transform:translateY(-2px);border-color:#f9731659;box-shadow:0 10px 30px #f973161f}.guide-num{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9d2e,#f97316);color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 12px #f9731659}.guide-logo{width:20px;height:20px;border-radius:5px;vertical-align:-4px;margin-left:2px;box-shadow:0 2px 8px #261b0e2e}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fade-up .9s .3s ease both}.hero-keys{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:52px;animation:fade-up .9s .4s ease both}.keycap-row{display:flex;align-items:center;gap:8px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;background:linear-gradient(180deg,#fff,#fdf3e8 85%,#f9e9d5);border:1px solid rgba(38,27,14,.28);border-bottom-width:4px;border-top-color:#fffffff2;font-weight:700;font-size:15px;color:var(--text);box-shadow:inset 0 1px #fffffff2,0 4px #261b0e33,0 8px 16px #261b0e1a;animation:key-press 1.6s ease-in-out infinite;-webkit-user-select:none;user-select:none}.key:nth-child(2){animation-delay:.27s}.key:nth-child(3){animation-delay:.54s}.key.hold{min-width:auto;font-size:11px;font-weight:700;color:var(--muted);background:linear-gradient(180deg,#fff,#fbf4ea);animation:none}.key-label{color:var(--muted);font-size:13px;font-weight:500}@keyframes key-press{0%,to{transform:translateY(0);box-shadow:inset 0 1px #fffffff2,0 4px #261b0e33,0 8px 16px #261b0e1a}45%,55%{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 1px #261b0e33,0 2px 6px #261b0e14}}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.demo{padding:60px 24px 110px;position:relative}.demo-inner{max-width:900px;margin:0 auto}.section-head{text-align:center;margin-bottom:56px}.section-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#f973161a;border:1px solid rgba(249,115,22,.3);padding:6px 14px;border-radius:999px;margin-bottom:16px}.section-head h2{font-size:clamp(30px,4.5vw,48px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.section-head p{color:var(--muted);font-size:17px;max-width:560px;margin:0 auto}.macbook{perspective:1600px;transform-style:preserve-3d;transition:transform .25s ease-out;position:relative}.macbook-screen{position:relative;border-radius:22px;padding:12px;background:linear-gradient(180deg,#e8e0d4,#d6ccbd 45%,#c6bbaa);box-shadow:0 0 0 1.5px #261b0e2e,0 40px 90px #261b0e2e,0 0 100px #f9731624}.macbook-screen:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:14px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);background-size:220% 100%;animation:sheen 6s ease-in-out infinite;pointer-events:none;z-index:4}@keyframes sheen{0%,60%{background-position:130% 0}to{background-position:-40% 0}}.macbook-camera{position:absolute;top:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#3a332a;border:1px solid #8b8378;z-index:5}.window-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;background:#f7f3ec;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(38,27,14,.08);position:relative;z-index:2}.window-dot{width:12px;height:12px;border-radius:50%}.window-dot.red{background:#ff5f57;box-shadow:inset 0 0 2px #00000040}.window-dot.yellow{background:#febc2e;box-shadow:inset 0 0 2px #00000040}.window-dot.green{background:#28c840;box-shadow:inset 0 0 2px #00000040}.window-title{position:absolute;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--muted)}.video-wrap{position:relative;background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.demo-video{display:block;width:100%;aspect-ratio:16 / 10.2;object-fit:cover;background:#fff}.macbook-base{position:relative;height:16px;margin:0 26px;background:linear-gradient(180deg,#d6ccbd,#a89c88);border-radius:0 0 14px 14px;box-shadow:0 14px 30px #261b0e33}.macbook-base:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:90px;height:6px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#8a7f6e,#5c5344)}.macbook-keyboard{position:absolute;top:-22px;left:8%;right:8%;height:22px;background:repeating-linear-gradient(90deg,rgba(38,27,14,.1) 0 4px,transparent 4px 6px);border-radius:3px}.macbook-shadow{width:70%;height:40px;margin:26px auto 0;background:radial-gradient(ellipse,rgba(38,27,14,.22),transparent 70%);filter:blur(14px)}.marquee{overflow:hidden;border-top:1px solid rgba(38,27,14,.08);border-bottom:1px solid rgba(38,27,14,.08);background:#ffffffa6;padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.marquee-track{display:flex;gap:64px;width:max-content;animation:marquee 26s linear infinite}.marquee-track span{font-size:17px;font-weight:700;letter-spacing:.02em;color:#261b0e8c;white-space:nowrap}.marquee-track span:first-letter{color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.features{padding:110px 24px;max-width:1080px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.feature-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #261b0e0d;transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 0%),rgba(249,115,22,.09),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:after{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.55),transparent);opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-6px);border-color:#f9731647;box-shadow:0 18px 50px #261b0e1f,0 0 60px #f973161a}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:14px;background:linear-gradient(135deg,#ff9d2e2e,#f973161a);border:1px solid rgba(249,115,22,.22);margin-bottom:20px}.feature-card h3{font-size:19px;font-weight:700;margin-bottom:10px;letter-spacing:-.01em}.feature-card p{color:var(--muted);font-size:14.5px;line-height:1.65}.k{display:inline-block;background:linear-gradient(180deg,#fff,#fdf3e8 90%);border:1px solid rgba(38,27,14,.26);border-bottom-width:3px;border-top-color:#fffffff2;border-radius:5px;padding:1px 6px 2px;font-size:12.5px;font-weight:700;color:var(--text);box-shadow:inset 0 1px #fffffff2,0 2px #261b0e2e;animation:k-press 2.4s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes k-press{0%,to{transform:translateY(0)}45%,55%{transform:translateY(2px);box-shadow:inset 0 1px #fff9,0 0 #261b0e24}}.how{padding:110px 24px;max-width:1080px;margin:0 auto}.steps{display:flex;align-items:stretch;justify-content:center;gap:18px;flex-wrap:wrap}.step{flex:1;min-width:240px;max-width:300px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px 26px;text-align:center;box-shadow:0 4px 20px #261b0e0d;position:relative;transition:transform .25s ease,border-color .25s ease}.step:hover{transform:translateY(-6px);border-color:#f9731647}.step-num{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:18px}.step-glyph{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:18px}.step h3{font-size:18px;margin-bottom:10px}.step p{color:var(--muted);font-size:14px;line-height:1.65}.step-arrow{align-self:center;font-size:26px;color:#261b0e47;animation:arrow-pulse 1.8s ease-in-out infinite}@keyframes arrow-pulse{50%{transform:translate(6px);opacity:.5}}.setup{padding:110px 24px;max-width:1080px;margin:0 auto}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:48px}.setup-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:26px 24px;box-shadow:0 4px 20px #261b0e0d;transition:transform .25s ease,border-color .25s ease}.setup-card:hover{transform:translateY(-5px);border-color:#f9731647}.setup-check{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9d2e,#f97316);color:#fff;font-weight:800;font-size:15px;margin-bottom:16px;box-shadow:0 4px 16px #f9731659}.setup-card h3{font-size:16px;margin-bottom:8px}.setup-card p{color:var(--muted);font-size:13.5px;line-height:1.6}.provider-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:22px 28px;background:#ffffffd9;border:1px dashed rgba(249,115,22,.35);border-radius:var(--radius);font-size:14px}.provider-label{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.provider{font-weight:700;color:var(--text)}.dot{color:#261b0e4d}.provider-note{color:var(--muted);font-size:13px;width:100%;text-align:center;margin-top:4px}.cta{padding:120px 24px}.cta-inner{max-width:680px;margin:0 auto;text-align:center;background:var(--card);border:1px solid rgba(249,115,22,.22);border-radius:28px;padding:64px 40px;box-shadow:0 20px 60px #261b0e1a,0 0 80px #f9731614;position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at 50% 0%,rgba(249,115,22,.12),transparent 60%);pointer-events:none}.cta-icon{width:76px;height:76px;border-radius:20px;box-shadow:0 10px 40px #f9731659;margin-bottom:24px;animation:float-y 3.6s ease-in-out infinite}@keyframes float-y{50%{transform:translateY(-10px)}}.cta-inner h2{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;margin-bottom:14px}.cta-inner p{color:var(--muted);font-size:16px;margin-bottom:28px}.cta-note{font-size:13px!important;margin-top:22px!important;margin-bottom:0!important}.cta-note a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(249,115,22,.35)}.install-box{margin-top:24px;max-width:640px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:10px;align-items:center}.install-box code{display:block;width:100%;background:#2a1d0e;color:#ffd9b0;border:1px solid rgba(255,176,102,.25);border-radius:12px;padding:16px 20px;font-size:12.5px;line-height:1.7;text-align:left;overflow-x:auto;white-space:nowrap;box-shadow:0 8px 28px #261b0e26;-webkit-user-select:all;user-select:all}.install-copied{font-size:12.5px;font-weight:600;color:#0a8f3c;animation:fade-up .3s ease both}.footer{border-top:1px solid rgba(38,27,14,.08);padding:44px 24px;text-align:center}.footer-inner{max-width:1080px;margin:0 auto}.footer .brand{justify-content:center;margin-bottom:10px}.footer-tag{color:var(--muted);font-size:14px;margin-bottom:6px}.footer-copy{color:#6f6255a6;font-size:12.5px}.local-hero{text-align:center;padding:108px 24px 36px;max-width:780px;margin:0 auto}.local-hero h1{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.03em;margin:18px 0 16px}.local-hero p{color:var(--muted);font-size:17px;line-height:1.7;max-width:640px;margin:0 auto 30px}.local-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;max-width:680px}.local-meta span{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid rgba(38,27,14,.1);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text);box-shadow:0 2px 10px #261b0e0d}.local-meta b{font-weight:700}.local-wrap{max-width:920px;margin:0 auto;padding:28px 24px 80px;display:flex;flex-direction:column;gap:40px}.opt{background:var(--card);border:1px solid rgba(38,27,14,.1);border-radius:20px;padding:40px 36px;box-shadow:0 14px 44px #261b0e12}.opt-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.opt-head h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em}.opt-sub{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:28px;max-width:720px}.opt-sub b{color:var(--text)}.opt-sub a,.step-card a,.note a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(249,115,22,.35)}.opt-badge{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 12px;white-space:nowrap}.badge-free{background:#10b9811f;color:#0a8f3c;border:1px solid rgba(16,185,129,.35)}.badge-cloud{background:#3b82f61f;color:#1d4ed8;border:1px solid rgba(59,130,246,.35)}.opt .steps{flex-direction:column;align-items:stretch;gap:16px;max-width:720px;margin:0 auto}.step-card{display:flex;gap:18px;background:#fdfaf6e6;border:1px solid rgba(38,27,14,.1);border-radius:16px;padding:24px 26px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.step-card:hover{transform:translateY(-3px);border-color:#f973164d;box-shadow:0 10px 30px #261b0e14}.step-card h3{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.step-card p{color:var(--muted);font-size:14px;line-height:1.65;margin-bottom:16px}.step-card p:last-child{margin-bottom:0}.step-card .mono{background:#261b0e12;padding:1px 6px;border-radius:5px}.cmd{display:flex;gap:12px;align-items:stretch;margin-top:4px}.cmd code{flex:1;min-width:0;background:#2a1d0e;color:#ffd9b0;border:1px solid rgba(255,176,102,.25);border-radius:10px;padding:13px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;user-select:all;display:block}.cmd .btn{flex-shrink:0;border-radius:10px;padding:0 18px;font-size:13px;white-space:nowrap}.cmd-hint{color:#6f6255cc;font-size:12.5px;margin-top:8px}.bench{width:100%;border-collapse:collapse;font-size:14px}.bench th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6f6255d9;border-bottom:2px solid rgba(38,27,14,.12);padding:10px 14px}.bench td{padding:12px 14px;border-bottom:1px solid rgba(38,27,14,.07);vertical-align:top}.bench tbody tr{transition:background .2s ease}.bench tbody tr:hover{background:#f973160d}.bench tbody tr:last-child td{border-bottom:none}.bench tr.pick{background:#10b98114;box-shadow:inset 3px 0 #10b98199}.bench tr.group td{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8;background:#3b82f612;border-bottom:2px solid rgba(59,130,246,.2);padding:12px 14px}.provider-mini{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1d4ed8;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:999px;padding:2px 8px;vertical-align:middle}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.tick{color:#0a8f3c;font-weight:800}.cross{color:#6f625573}.up{color:#0a8f3c;font-weight:700}.down{color:#b45309;font-weight:600}.base{color:#6f6255b3;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.note{margin-top:22px;padding:14px 18px;font-size:13.5px;line-height:1.65;color:#6f6255f2;background:#f973160f;border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.cta-local{text-align:center;padding:36px 24px 12px}.cta-local h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;margin-bottom:14px}.cta-local p{color:var(--muted);font-size:16px;max-width:560px;margin:0 auto 28px}.cta-local .btn{margin:0 6px}@media (max-width: 640px){.local-hero{padding-top:84px}.opt{padding:28px 20px;border-radius:16px}.step-card{flex-direction:column;padding:20px}.cmd{flex-direction:column}.cmd code{white-space:pre-wrap;word-break:break-all}.cmd .btn{padding:12px 16px}.bench-wrap{overflow-x:auto}.bench{min-width:720px}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 720px){.nav-links{display:none}.hero-keys{gap:16px}.step-arrow{transform:rotate(90deg)}.macbook-screen{padding:8px}.cta-inner{padding:44px 24px}.hero-logo{width:76px;height:76px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.learn-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;border:1px solid rgba(38,27,14,.12);background:#fff;text-decoration:none;color:inherit;box-shadow:0 4px 16px #261b0e0d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.learn-card:hover{transform:translateY(-4px);border-color:#f9731666;box-shadow:0 14px 34px #261b0e1f}.learn-icon{font-size:30px;line-height:1}.learn-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#f973161a;border-radius:999px;padding:3px 10px}.learn-card h3{font-size:17px;font-weight:700;letter-spacing:-.01em}.learn-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.learn-cta{margin-top:auto;font-size:14px;font-weight:700;color:var(--accent)}.sp-steps{display:flex;flex-direction:column;gap:14px;margin-top:18px}.sp-step{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:14px;border:1px solid rgba(38,27,14,.1);background:#fff}.sp-step-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);box-shadow:0 4px 10px #f9731659}.sp-step h3{font-size:16px;font-weight:700;margin:0 0 4px}.sp-step p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.sp-demo{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:16px;background:linear-gradient(160deg,#fffdf9,#fff);border:1px solid rgba(38,27,14,.12);box-shadow:0 10px 30px #261b0e14;margin-top:18px}.sp-demo-post,.sp-demo-reply{display:flex;gap:12px}.sp-demo-avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f973161f;font-size:17px}.sp-demo-avatar.you{background:#7c3aed1f}.sp-demo b{font-size:14px}.sp-demo-handle{font-size:12px;color:var(--muted);margin-left:6px}.sp-demo p{margin:6px 0 0;font-size:15px;line-height:1.65;color:#333}.sp-demo-reply{padding:14px 16px;border-radius:14px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.16)}.caret{display:inline-block;width:8px;height:17px;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:caret-blink 1s steps(1) infinite}.sp-preset{border:1px solid rgba(38,27,14,.12);border-radius:16px;background:#fff;padding:22px;margin-bottom:16px;box-shadow:0 6px 20px #261b0e0f}.sp-preset-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.sp-preset-head h3{font-size:18px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}.sp-preset-head p{font-size:14px;color:var(--muted);margin:0}.sp-preset-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;border-top:1px dashed rgba(38,27,14,.14);padding-top:14px}.sp-preset-cols p{font-size:14px;line-height:1.6;color:#444;margin:4px 0 12px}.sp-label{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.sp-label.good{color:#16a34a}.sp-label.bad{color:#dc2626}.sp-mini-post,.sp-mini-reply{font-size:13px;line-height:1.6;border-radius:10px;padding:10px 12px;margin-bottom:8px}.sp-mini-post{background:#261b0e0d;color:#444}.sp-mini-reply{background:#7c3aed12;color:#333;border:1px solid rgba(124,58,237,.15)}@media (max-width: 720px){.sp-preset-cols{grid-template-columns:1fr}}.nav-actions{display:flex;align-items:center;gap:12px}.nav-github{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--muted);transition:color .2s ease,background .2s ease}.nav-github:hover{color:var(--text);background:#261b0e0f}