*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--fg-1);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block}::-moz-selection{background:var(--forest);color:#fff}::selection{background:var(--forest);color:#fff}.wrap{max-width:var(--content);margin:0 auto;padding:0 24px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:1.5px;background:var(--forest);display:inline-block}.section-head{max-width:680px;margin:0 auto 56px;text-align:center}.section-head .eyebrow{margin-bottom:18px;justify-content:center}h2.title{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.08}.section-head p{margin-top:16px;font-size:18px;color:var(--fg-2);text-wrap:pretty}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;border-radius:var(--radius-sm);padding:12px 20px;transition:transform .1s var(--ease),background var(--dur),box-shadow var(--dur),border-color var(--dur);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--forest-dark)}.btn-lg{padding:15px 26px;font-size:16px}.btn-ghost{background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border-2)}.btn-ghost:hover{border-color:var(--ink-900);background:var(--ink-0)}.btn-dark{background:var(--ink-900);color:#fff}.btn-dark:hover{background:#000}header.nav{position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;transition:background var(--dur),border-color var(--dur),-webkit-backdrop-filter var(--dur);transition:background var(--dur),border-color var(--dur),backdrop-filter var(--dur);transition:background var(--dur),border-color var(--dur),backdrop-filter var(--dur),-webkit-backdrop-filter var(--dur)}header.nav.scrolled{background:hsla(36,24%,96%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--border-1)}.nav-inner{max-width:var(--content);margin:0 auto;padding:14px 24px;gap:32px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em}.brand .mark{width:auto;height:20px;flex:none}.nav-links{display:flex;align-items:center;gap:4px;margin-left:8px}.nav-links a{font-size:14.5px;font-weight:500;color:var(--fg-2);padding:8px 12px;border-radius:var(--radius-sm);transition:color var(--dur),background var(--dur)}.nav-links a:hover{color:var(--fg-1);background:var(--forest-tint)}.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-cta .signin{font-size:14.5px;font-weight:600;padding:9px 14px;border-radius:var(--radius-sm);color:var(--fg-1)}.nav-cta .signin:hover{background:var(--bg-hover,hsla(0,0%,8%,.05))}.menu-btn{display:none}.hero{padding:72px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(38px,5.2vw,62px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.hero h1 .hl{color:var(--forest);position:relative;white-space:nowrap}.hero h1 .hl svg{position:absolute;left:0;right:0;bottom:-8px;width:100%;height:12px}.hero p.lead{margin-top:22px;font-size:19px;color:var(--fg-2);max-width:520px;text-wrap:pretty}.hero-actions{margin-top:32px;gap:14px}.hero-actions,.hero-meta{display:flex;align-items:center;flex-wrap:wrap}.hero-meta{margin-top:24px;gap:18px;color:var(--fg-3);font-size:14px}.hero-meta .dot{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hero-meta .dot b{color:var(--fg-1);font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);position:relative;flex:none}.live-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--coral);animation:ping 1.8s var(--ease) infinite}@keyframes ping{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}.pager-stage{display:flex;align-items:center;justify-content:center;position:relative}.pager-glow{position:absolute;width:480px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(63,92,173,.22),transparent 70%);filter:blur(10px);z-index:0}.pager{position:relative;z-index:2;width:min(440px,100%);background:linear-gradient(170deg,#2a2a27,#181816 60%,#202020);border-radius:34px;padding:22px 22px 26px;box-shadow:var(--shadow-pager),inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -2px 6px rgba(0,0,0,.5);border:1px solid #333230}.pager.buzz{animation:buzz .5s var(--ease)}@keyframes buzz{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-3px,1px) rotate(-.6deg)}30%{transform:translate(3px,-1px) rotate(.6deg)}45%{transform:translate(-2px,1px) rotate(-.4deg)}60%{transform:translate(2px,-1px) rotate(.4deg)}80%{transform:translate(-1px) rotate(-.2deg)}}.pager-top{justify-content:space-between;margin-bottom:14px;padding:0 4px}.pager-brand,.pager-top{display:flex;align-items:center}.pager-brand{gap:7px;color:#9a958c;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-mono)}.pager-brand .led{width:7px;height:7px;border-radius:50%;background:#7d96e0;box-shadow:0 0 8px #7d96e0;animation:blink 2.4s steps(1) infinite}@keyframes blink{0%,92%{opacity:1}94%,to{opacity:.25}}.pager-speaker{display:flex;gap:3px}.pager-speaker i{width:3px;height:3px;border-radius:50%;background:#3a3936}.lcd{background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),linear-gradient(160deg,#c4cdc1,#aeb9ab);border-radius:12px;padding:16px 16px 14px;border:1px solid #7e8a7c;box-shadow:inset 0 2px 8px rgba(0,0,0,.26),inset 0 0 0 2px hsla(0,0%,100%,.18),0 0 0 1px rgba(0,0,0,.04);font-family:var(--font-mono);color:var(--lcd-ink);min-height:156px;display:flex;flex-direction:column;position:relative;overflow:hidden}.lcd:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.28),transparent 28%);pointer-events:none}.lcd-bar{justify-content:space-between;font-size:10.5px;color:var(--lcd-dim);border-bottom:1px solid rgba(27,36,28,.22);padding-bottom:8px;letter-spacing:.04em}.lcd-bar,.lcd-bar .left{display:flex;align-items:center}.lcd-bar .left{gap:7px}.lcd-bar .sig{display:flex;align-items:flex-end;gap:1.5px;height:9px}.lcd-bar .sig i{width:2.5px;background:var(--lcd-ink);border-radius:1px;opacity:.85}.lcd-bar .sig i:first-child{height:3px}.lcd-bar .sig i:nth-child(2){height:5px}.lcd-bar .sig i:nth-child(3){height:7px}.lcd-bar .sig i:nth-child(4){height:9px}.lcd-body{flex:1;padding-top:11px;display:flex;flex-direction:column}.lcd-from{font-size:11px;letter-spacing:.06em;color:var(--lcd-dim);text-transform:uppercase;display:flex;justify-content:space-between}.lcd-from .new{color:#fff;background:var(--coral);padding:1px 5px;border-radius:3px;font-weight:600;letter-spacing:.08em}.lcd-title{font-size:15px;font-weight:700;margin-top:8px;line-height:1.25}.lcd-msg{font-size:12px;line-height:1.45;color:rgba(27,36,28,.82);margin-top:6px;min-height:34px}.lcd-cursor{display:inline-block;width:7px;height:14px;background:var(--lcd-ink);vertical-align:-2px;margin-left:2px;animation:cursor .9s steps(1) infinite}@keyframes cursor{0%,50%{opacity:1}51%,to{opacity:0}}.lcd-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--lcd-dim);padding-top:8px;border-top:1px solid rgba(27,36,28,.18)}#pbtn-up{color:#8aa0e6}#pbtn-down{color:#ef7350}.pager-controls{justify-content:space-between;margin-top:16px;padding:0 2px}.pager-controls,.pbtn{display:flex;align-items:center}.pbtn{background:linear-gradient(180deg,#34322f,#222120);border:1px solid #444240;border-radius:8px;color:#cfc9bf;width:42px;height:30px;justify-content:center;box-shadow:0 2px 0 #111,inset 0 1px 0 hsla(0,0%,100%,.08);transition:transform .08s,box-shadow .08s,color var(--dur)}.pbtn:hover{color:#fff}.pbtn:active{transform:translateY(2px);box-shadow:0 0 0 #111,inset 0 1px 0 hsla(0,0%,100%,.08)}.pbtn.read{flex:1;margin:0 8px;width:auto;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9a958c}.pbtn.read:hover{color:var(--signal-bright)}.pager-count{position:absolute;top:14px;right:-10px;z-index:3;background:var(--danger);color:#fff;font-size:12px;font-weight:700;min-width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 4px 12px rgba(229,72,77,.5);border:2px solid var(--bg-page);transition:transform .2s var(--ease)}.pager-count.pop{animation:pop .4s var(--ease)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.pager-clip{position:absolute;top:60px;right:-7px;width:7px;height:120px;background:linear-gradient(90deg,#1a1a18,#34322f);border-radius:0 6px 6px 0;z-index:1}.strip{padding:6px 0 30px}.strip-label{text-align:center;font-size:13px;color:var(--fg-3);margin-bottom:22px;font-weight:500}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:14px;width:-moz-max-content;width:max-content;animation:scroll 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{to{transform:translateX(-50%)}}.chip{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--fg-2);white-space:nowrap}.chip svg{width:18px;height:18px;color:var(--forest)}section.block{padding:88px 0}section.alt{background:var(--bg-surface);border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:26px 24px 28px;transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur)}.feat:hover{border-color:hsla(0,0%,8%,.22);box-shadow:var(--shadow-sm)}.feat-ico{width:46px;height:46px;border-radius:12px;background:var(--forest-soft);color:var(--forest);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feat-ico svg{width:22px;height:22px}.feat h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.feat p{margin-top:8px;font-size:15px;color:var(--fg-2);line-height:1.55}.video-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-1);background:linear-gradient(160deg,#1f2a47,#12182b);box-shadow:var(--shadow-md);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-frame .vthumb{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-frame .vshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,24,.18),rgba(8,12,24,.28) 55%,rgba(8,12,24,.62));transition:background var(--dur)}.video-frame:hover .vshade{background:linear-gradient(180deg,rgba(8,12,24,.28),rgba(8,12,24,.38) 55%,rgba(8,12,24,.7))}.video-frame .play{position:relative;z-index:1;width:78px;height:78px;border-radius:50%;background:hsla(0,0%,100%,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform var(--dur)}.video-frame:hover .play{transform:scale(1.08)}.video-frame .play svg{width:30px;height:30px;color:var(--forest);margin-left:4px}.video-frame .vbadge{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;background:rgba(8,12,24,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:7px 13px 7px 11px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16)}.video-frame .vbadge .live-dot{background:var(--coral)}.video-frame .vlabel{position:absolute;bottom:16px;right:16px;z-index:1;display:inline-flex;align-items:center;gap:7px;background:rgba(8,12,24,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.16);font-family:var(--font-mono);letter-spacing:.02em}.split{gap:56px}.app-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center}.app-grid{gap:48px}.phone{width:280px;margin:0 auto;background:#1b1b19;border-radius:42px;padding:12px;box-shadow:var(--shadow-lg);border:1px solid #2a2926;position:relative}.phone-shot{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.phone-screen{background:var(--ink-50);border-radius:32px;overflow:hidden;height:560px;position:relative}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:24px;background:#1b1b19;border-radius:0 0 16px 16px;z-index:4}.ph-top{background:var(--bg-surface);padding:42px 18px 14px;border-bottom:1px solid var(--border-1)}.ph-top .t{font-weight:700;font-size:18px}.ph-top .s{font-size:12px;color:var(--fg-3)}.ph-list{padding:12px;display:flex;flex-direction:column;gap:10px}.ph-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:12px;padding:13px 14px;box-shadow:var(--shadow-sm)}.ph-card .row{gap:9px}.ph-card .row,.ph-ico{display:flex;align-items:center}.ph-ico{width:30px;height:30px;border-radius:8px;justify-content:center;flex:none;color:#fff}.ph-card .nm{font-size:13px;font-weight:600}.ph-card .tm{font-size:11px;color:var(--fg-4);margin-left:auto}.ph-card .bd{font-size:12.5px;color:var(--fg-2);margin-top:7px;line-height:1.4}.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.store{display:inline-flex;align-items:center;gap:11px;background:var(--ink-900);color:#fff;padding:11px 18px;border-radius:12px;transition:background var(--dur),transform .1s}.store:hover{background:#000}.store:active{transform:scale(.98)}.store svg{width:24px;height:24px;flex:none}.store.apple svg{width:28px;height:28px;margin:-2px}.store .st{display:flex;flex-direction:column;line-height:1.15}.store .st small{font-size:10px;opacity:.7;font-weight:500}.store .st b{font-size:15px;font-weight:600}.app-points{margin-top:26px;display:flex;flex-direction:column;gap:14px}.app-points li{display:flex;gap:12px;align-items:flex-start;list-style:none;font-size:15.5px;color:var(--fg-2)}.app-points .ck{width:24px;height:24px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}.app-points .ck svg{width:14px;height:14px}.app-points b{color:var(--fg-1);font-weight:600}.billing-wrap{display:inline-flex;align-items:center;gap:14px;margin-top:26px}.billing-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--ink-100);border:1px solid var(--border-2);padding:4px}.billing-toggle,.billing-toggle .bt-opt{position:relative;border-radius:var(--radius-full)}.billing-toggle .bt-opt{z-index:2;font-size:14.5px;font-weight:600;color:var(--fg-2);padding:9px 26px;transition:color var(--dur);text-align:center}.billing-toggle .bt-opt.is-on{color:#fff}.billing-toggle .bt-slider{position:absolute;z-index:1;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--forest);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform .26s var(--ease)}.billing-toggle.year .bt-slider{transform:translateX(100%)}.bt-save{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--coral);white-space:nowrap}.bt-save:before{content:"";width:16px;height:1.5px;background:var(--coral)}.plan-note{font-size:12.5px;color:var(--fg-3);margin-top:4px;font-family:var(--font-mono);min-height:18px}.plan .price .amt.flip{animation:priceflip .32s var(--ease)}@keyframes priceflip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.plan{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:26px 22px;display:flex;flex-direction:column;position:relative;transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur)}.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.plan.pop{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest),var(--shadow-md)}.plan .badge{position:absolute;top:-11px;left:22px;background:var(--forest);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 11px;border-radius:999px}.plan h3{font-size:15px;font-weight:600;color:var(--fg-3);letter-spacing:.02em}.plan .price{margin-top:14px;display:flex;align-items:baseline;gap:4px}.plan .price .amt{font-size:42px;font-weight:800;letter-spacing:-.03em}.plan .price .per{font-size:14px;color:var(--fg-3);font-weight:500}.plan ul{list-style:none;margin:22px 0 26px;display:flex;flex-direction:column;gap:12px}.plan li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--fg-2)}.plan li svg{width:17px;height:17px;color:var(--forest);flex:none;margin-top:2px}.plan li b{color:var(--fg-1);font-weight:600}.plan .btn{margin-top:auto;width:100%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}.step{position:relative;padding-top:8px}.step .num{width:48px;height:48px;border-radius:14px;background:var(--ink-900);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.step.cur .num{background:var(--forest)}.step h3{font-size:19px;font-weight:600;letter-spacing:-.01em}.step p{margin-top:9px;font-size:15px;color:var(--fg-2)}.step .line{position:absolute;top:32px;left:64px;right:-14px;height:1.5px;background:repeating-linear-gradient(90deg,var(--border-2) 0 6px,transparent 6px 12px)}.step:last-child .line{display:none}.code-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.code-window{background:#16181d;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #23262d}.code-tabs{display:flex;align-items:center;gap:2px;background:#1c1f25;padding:9px 12px;overflow-x:auto;border-bottom:1px solid #23262d;scrollbar-width:none}.code-tabs::-webkit-scrollbar{display:none}.code-tabs .ctab{font-family:var(--font-mono);font-size:12.5px;color:#8b909c;padding:7px 12px;border-radius:7px;white-space:nowrap;transition:color var(--dur),background var(--dur)}.code-tabs .ctab:hover{color:#cfd3da}.code-tabs .ctab.on{color:#fff;background:#2b2f37}.code-dots{display:flex;gap:6px;margin-right:8px;padding-left:4px}.code-dots i{width:11px;height:11px;border-radius:50%;display:block}.code-body{position:relative}.code-body pre{margin:0;padding:22px;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:#cfd3da;overflow-x:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.code-body pre .k{color:#7cc8ff}.code-body pre .s{color:#9ce0a0}.code-body pre .f{color:#e8c785}.code-body pre .c{color:#6b7180}.code-body pre .p{color:#d98bd9}.copy-btn{position:absolute;top:14px;right:14px;background:#2b2f37;color:#cfd3da;font-size:12px;font-weight:600;padding:7px 12px;border-radius:7px;display:flex;align-items:center;gap:6px;transition:background var(--dur),color var(--dur)}.copy-btn:hover{background:#363b45}.copy-btn svg{width:14px;height:14px}.code-run{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #23262d;background:#1c1f25}.code-run .btn{background:var(--forest);color:#fff}.code-run .btn:hover{background:var(--forest-dark)}.code-run .status{font-family:var(--font-mono);font-size:12.5px;color:#8b909c}.code-run .status b{color:var(--signal-bright)}.try-points{display:flex;flex-direction:column;gap:18px;margin-top:24px}.try-points .tp{display:flex;gap:14px}.try-points .tp .n{font-family:var(--font-mono);font-size:13px;color:var(--forest);font-weight:600;flex:none;width:24px}.try-points .tp h4{font-size:16px;font-weight:600}.try-points .tp p{font-size:14.5px;color:var(--fg-2);margin-top:3px}#toast-layer{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;gap:12px;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-lg);min-width:300px;max-width:340px;transform:translateX(120%);opacity:0;transition:transform .35s var(--ease),opacity .35s var(--ease)}.toast.show{transform:translateX(0);opacity:1}.toast .ti{width:38px;height:38px;border-radius:10px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.toast .ti svg{width:20px;height:20px}.toast .tt{font-size:11px;color:var(--fg-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.toast .th{font-size:15px;font-weight:600;margin-top:2px}.toast .tb{font-size:13.5px;color:var(--fg-2);margin-top:2px;line-height:1.4}.toast .tm{font-size:11px;color:var(--fg-4);margin-left:auto}.faq-wrap{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-1)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;text-align:left;font-size:17px;font-weight:600;color:var(--fg-1)}.faq-q .ic{width:26px;height:26px;flex:none;color:var(--forest);transition:transform var(--dur)}.faq-item.open .faq-q .ic{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur) var(--ease)}.faq-a p{padding:0 4px 22px;font-size:15.5px;color:var(--fg-2);line-height:1.6;max-width:680px}.cta-band{background:linear-gradient(150deg,#3f5cad,#2c3f7e 68%,#26356b);border-radius:var(--radius-xl);padding:64px 56px;text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(240,81,44,.3),transparent 52%)}.cta-band h2{position:relative;color:#fff;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.08}.cta-band p{position:relative;color:hsla(0,0%,100%,.8);font-size:18px;margin-top:14px;max-width:520px;margin-inline:auto}.cta-band .hero-actions{position:relative;justify-content:center;margin-top:30px}.cta-band .btn-primary{background:#fff;color:var(--forest-deep)}.cta-band .btn-primary:hover{background:var(--forest-soft)}.cta-band .btn-ghost{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.4)}.cta-band .btn-ghost:hover{border-color:#fff;background:hsla(0,0%,100%,.08)}footer.ft{background:var(--bg-surface);border-top:1px solid var(--border-1);padding:64px 0 40px}.ft-logo{margin-bottom:56px}.ft-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 32px}.ft-social{display:flex;gap:10px}.ft-social a{width:38px;height:38px;border-radius:10px;border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--fg-2);transition:border-color var(--dur),color var(--dur),background var(--dur)}.ft-social a:hover{color:var(--forest);border-color:var(--forest);background:var(--forest-soft)}.ft-social svg{width:18px;height:18px}.ft-col h4{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:18px}.ft-col a{display:block;font-size:14.5px;color:var(--fg-1);padding:7px 0;transition:color var(--dur)}.ft-col a:hover{color:var(--forest)}.ft-col a.ft-dl{display:flex;align-items:center;gap:9px}.ft-dl{--dl-ico:18px}.ft-dl svg{width:var(--dl-ico);height:var(--dl-ico);flex:none}.ft-dl svg[viewBox^="0 0 28"]{width:12px;height:12px;margin:0 3px}.ft-bottom{max-width:var(--content);margin:56px auto 0;padding:24px 24px 0;border-top:1px solid var(--border-1);justify-content:space-between;gap:18px;color:var(--fg-3);font-size:13.5px}.ft-bottom,.ft-bottom-left{display:flex;align-items:center;flex-wrap:wrap}.ft-bottom-left{gap:20px}.ft-bottom .addr{font-family:var(--font-mono);font-size:12.5px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in{opacity:1;transform:none}.page-hero{padding:64px 0 36px}.page-hero .eyebrow{margin-bottom:16px}.page-hero h1{font-size:clamp(38px,5.5vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.page-hero p.sub{margin-top:16px;font-size:19px;color:var(--fg-2);max-width:560px;text-wrap:pretty}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.tagpill{font-size:13.5px;font-weight:600;color:var(--fg-2);background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-full);padding:8px 16px;cursor:pointer;transition:color var(--dur),background var(--dur),border-color var(--dur)}.tagpill:hover{border-color:var(--ink-900)}.tagpill.on{background:var(--forest);color:#fff;border-color:var(--forest)}.blog-feat{margin-bottom:48px}.feat-card{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur),box-shadow var(--dur)}.feat-card:hover{border-color:hsla(0,0%,8%,.2);box-shadow:var(--shadow-md)}.feat-card .img{background:#10182e 50%/cover no-repeat;min-height:320px}.feat-card .body{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}.feat-card .tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.feat-card h2{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.feat-card p{margin-top:14px;font-size:16px;color:var(--fg-2);line-height:1.6;text-wrap:pretty}.feat-card .more{margin-top:24px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--forest);font-size:15px}.feat-card .more svg{width:17px;height:17px;transition:transform var(--dur)}.feat-card:hover .more svg{transform:translateX(4px)}.tag-mini{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--forest);background:var(--forest-soft);padding:4px 9px;border-radius:var(--radius-full)}.tag-mini.coral{color:var(--coral);background:var(--coral-soft)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur)}.post:hover{border-color:hsla(0,0%,8%,.2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.post .img{aspect-ratio:16/9;background:#10182e 50%/cover no-repeat}.post .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.post .tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.post h3{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.25}.post p{margin-top:9px;font-size:14px;color:var(--fg-2);line-height:1.55;flex:1}.post .meta{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--fg-4);font-family:var(--font-mono)}.post .meta .rd{margin-left:auto;color:var(--forest);font-weight:600;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:5px}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.feat-card{grid-template-columns:1fr}.feat-card .img{min-height:220px}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.article{max-width:760px;margin:0 auto;padding:8px 0 0}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--fg-2);margin-bottom:28px;transition:color var(--dur)}.back-link:hover{color:var(--forest)}.back-link svg{width:16px;height:16px}.article .tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.article h1{font-size:clamp(32px,4.5vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}.article .byline{margin-top:20px;display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:14px}.article .byline .av{width:40px;height:40px;border-radius:50%;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.article .byline b{color:var(--fg-1);font-weight:600;display:block}.article-hero-img{width:100%;aspect-ratio:1200/630;background:#10182e 50%/cover no-repeat;border-radius:var(--radius-lg);margin:32px 0 8px;border:1px solid var(--border-1)}.prose{font-size:17px;line-height:1.7;color:var(--fg-2)}.prose h2{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--fg-1);margin:40px 0 4px}.prose h3{font-size:20px;letter-spacing:-.01em;margin:34px 0 0}.prose h3,.prose h4{font-weight:600;color:var(--fg-1)}.prose h4{font-size:17px;margin:26px 0 0}.prose p{margin-top:14px;text-wrap:pretty}.prose ol,.prose ul{margin:14px 0 0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:11px}.prose ul li{position:relative;padding-left:28px}.prose ul li:before{content:"";position:absolute;left:6px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--coral)}.prose ol{counter-reset:n}.prose ol li{position:relative;padding-left:38px;counter-increment:n}.prose ol li:before{content:counter(n);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:8px;background:var(--forest);color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center}.prose a{color:var(--forest);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.5px}.prose a:hover{color:var(--forest-dark)}.prose strong{color:var(--fg-1);font-weight:600}.prose img,.prose img.inline{width:100%;height:auto;border-radius:var(--radius-md);margin:24px 0 0;border:1px solid var(--border-1);background:#10182e}.prose .shots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0 4px}.prose .shot{position:relative;display:block;margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-1);background:#10182e;aspect-ratio:16/10;cursor:zoom-in}.prose .shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;margin:0;border:0;border-radius:0;transition:transform .45s var(--ease)}.prose .shot:hover img{transform:scale(1.045)}.prose .shot:after{content:"⤢";position:absolute;top:9px;right:9px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,8%,.55);color:#fff;border-radius:8px;font-size:15px;opacity:0;transition:opacity .2s}.prose .shot:hover:after{opacity:1}.prose .shot-cap{margin:8px 0 0;font-size:13px;color:var(--fg-3);text-align:center}@media(max-width:560px){.prose .shots{grid-template-columns:1fr}}.prose pre{background:#16181d;color:#cfd3da;font-size:13.5px;line-height:1.6;padding:18px 20px;border-radius:var(--radius-md);overflow-x:auto;margin:20px 0 0}.prose code,.prose pre{font-family:var(--font-mono)}.prose code{font-size:.92em;background:var(--ink-100);padding:2px 6px;border-radius:5px}.prose pre code{background:none;padding:0}.prose blockquote{border-left:3px solid var(--moss);padding-left:18px;margin:20px 0 0;color:var(--fg-2);font-style:italic}.prose.legal>b{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1);margin:34px 0 6px}.prose.legal>b:first-child{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:0}.prose.legal p{margin-top:12px}.callout{margin-top:26px;background:var(--forest-soft);border:1px solid var(--moss);border-radius:var(--radius-md);padding:18px 20px;font-size:15px;color:var(--forest-deep);display:flex;gap:13px}.callout svg{width:22px;height:22px;color:var(--forest);flex:none;margin-top:1px}.article-share{max-width:760px;margin:44px auto 0;padding-top:26px;border-top:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.article-share .sh{display:flex;gap:9px}.article-share .sh a{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--fg-2);transition:border-color var(--dur),color var(--dur)}.article-share .sh a:hover{color:var(--forest);border-color:var(--forest)}.article-share .sh svg{width:18px;height:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.contact-cards{display:flex;flex-direction:column;gap:14px}.cc{display:flex;gap:16px;align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:20px 22px;transition:border-color var(--dur),box-shadow var(--dur)}.cc:hover{border-color:hsla(0,0%,8%,.18);box-shadow:var(--shadow-sm)}.cc .ico{width:44px;height:44px;border-radius:11px;background:var(--forest-soft);color:var(--forest);display:flex;align-items:center;justify-content:center;flex:none}.cc .ico svg{width:21px;height:21px}.cc h3{font-size:16px;font-weight:600}.cc a,.cc p{font-size:14.5px;color:var(--fg-2);margin-top:3px;line-height:1.5}.cc a{display:block;color:var(--forest);font-weight:500}.cc a:hover{text-decoration:underline}.contact-form{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:34px 36px;box-shadow:var(--shadow-sm)}.contact-form h2{font-size:24px;font-weight:700;letter-spacing:-.02em}.contact-form .fdesc{font-size:15px;color:var(--fg-2);margin-top:6px;margin-bottom:24px}.field{margin-bottom:18px}.field.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--fg-1);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--fg-1);background:var(--ink-50);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:var(--fg-4)}.field input::placeholder,.field textarea::placeholder{color:var(--fg-4)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--forest);background:var(--bg-surface);box-shadow:0 0 0 3px var(--forest-tint)}.field textarea{resize:vertical;min-height:130px;line-height:1.55}.contact-form .btn{width:100%;margin-top:4px}.form-note{font-size:13px;color:var(--fg-4);text-align:center;margin-top:14px}.form-ok{display:none;text-align:center;padding:30px 10px}.form-ok.show{display:block}.form-ok .ck{width:64px;height:64px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.form-ok .ck svg{width:30px;height:30px}.form-ok h3{font-size:22px;font-weight:700}.form-ok p{font-size:15px;color:var(--fg-2);margin-top:8px}.map-embed{margin-top:14px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-1);height:200px;background:var(--ink-100)}.map-embed iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(.95)}@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:36px}.contact-form{padding:26px 22px}.field.row{grid-template-columns:1fr}}@media(max-width:1000px){.feat-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.code-grid,.steps{grid-template-columns:1fr}.steps{gap:20px}.step .line{display:none}}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:8px}.pager-stage{order:-1;margin-bottom:18px}.app-grid,.split{grid-template-columns:1fr;gap:36px}.nav-cta .btn-primary,.nav-cta .signin,.nav-links{display:none}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--fg-1)}.ft-cols{grid-template-columns:repeat(3,1fr);gap:32px}section.block{padding:64px 0}}@media(max-width:560px){.feat-grid,.price-grid{grid-template-columns:1fr}.bt-save{display:none}.ft-cols{grid-template-columns:1fr 1fr}.hero{padding:48px 0 40px}.cta-band{padding:44px 24px}.nav-cta .signin{display:none}}.auth-wrap{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center;padding:56px 24px}.auth-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:36px 36px 32px;box-shadow:var(--shadow-md)}.auth-head{text-align:center;margin-bottom:26px}.auth-head .brand{justify-content:center;margin-bottom:18px}.auth-head h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.auth-head p{margin-top:6px;font-size:15px;color:var(--fg-2)}.auth-social{display:flex;flex-direction:column;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-weight:600;font-size:14.5px;border-radius:var(--radius-sm);padding:12px 18px;background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border-2);transition:border-color var(--dur),background var(--dur)}.social-btn:hover{border-color:var(--ink-900);background:var(--ink-50)}.social-btn svg{width:18px;height:18px;flex:none}.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--fg-4);font-size:13px;font-weight:500}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border-2)}.auth-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;margin-bottom:18px}.auth-form .field:last-of-type{margin-bottom:20px}.auth-form .btn{width:100%}.auth-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border-1);font-size:14px;color:var(--fg-3)}.auth-footer a{color:var(--forest);font-weight:600}.auth-footer a:hover{text-decoration:underline}.nav-mobile{display:none}@media(max-width:860px){.nav-mobile{display:flex;flex-direction:column;gap:2px;padding:12px 24px 20px;border-top:1px solid var(--border-1);background:hsla(36,24%,96%,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-mobile a{font-size:16px;font-weight:500;color:var(--fg-1);padding:12px 6px;border-radius:var(--radius-sm)}.nav-mobile a:hover{background:var(--forest-tint)}.nav-mobile-cta{display:flex;flex-direction:column;gap:10px;margin-top:14px}.nav-mobile-cta .btn{width:100%}}:root[data-theme=dark] header.nav.scrolled{background:rgba(21,20,15,.82)}:root[data-theme=dark] .nav-mobile{background:rgba(21,20,15,.96)}:root[data-theme=dark] .btn-dark{background:#f5f1e9;color:#15140f}:root[data-theme=dark] .btn-dark:hover{background:#fff}:root[data-theme=dark] .store{background:#2a2823;border:1px solid var(--ink-200);color:var(--fg-1)}:root[data-theme=dark] .store:hover{background:#322f28}:root[data-theme=dark] .step .num{background:#322f28;color:var(--fg-1)}:root[data-theme=dark] .cc:hover,:root[data-theme=dark] .feat-card:hover,:root[data-theme=dark] .feat:hover,:root[data-theme=dark] .post:hover{border-color:hsla(0,0%,100%,.22)}:root[data-theme=dark] .pager-glow{opacity:.6}