:root{--bg: #06080f;--bg-deep: #030508;--s1: rgba(255, 255, 255, .035);--s2: rgba(255, 255, 255, .06);--s3: rgba(255, 255, 255, .095);--b1: rgba(255, 255, 255, .07);--b2: rgba(255, 255, 255, .13);--t1: #f4f6ff;--t2: rgba(244, 246, 255, .66);--t3: rgba(244, 246, 255, .5);--blue: #1e5eff;--blue-l: #4d7fff;--blue-dim: rgba(30, 94, 255, .14);--blue-glow: rgba(30, 94, 255, .35);--orange: #ff6b1a;--orange-dim: rgba(255, 107, 26, .14);--orange-glow: rgba(255, 107, 26, .32);--ok: #22c55e;--danger: #ff4444;--grad: linear-gradient(135deg, #1e5eff 0%, #4d7fff 50%, #ff6b1a 100%);--grad-text: linear-gradient(120deg, #4d7fff 0%, #f4f6ff 45%, #ff6b1a 100%);--grad-org: linear-gradient(135deg, #ff6b1a, #e8520a);--touch: 44px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;--mono: "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--e1: 0 1px 2px rgba(0, 0, 0, .3);--e2: 0 4px 18px rgba(0, 0, 0, .35);--e3: 0 8px 32px rgba(0, 0, 0, .5);--dur-fast: .15s;--dur: .22s;--dur-slow: .36s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-emphasized: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--t1);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body.landing-mode{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}button{font-family:var(--font);cursor:pointer}:focus-visible{outline:2px solid var(--blue-l);outline-offset:2px;border-radius:4px}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px)}.orb-1{width:400px;height:400px;background:var(--blue);top:-160px;right:-70px;opacity:.1}.orb-2{width:320px;height:320px;background:var(--orange);bottom:-110px;left:-70px;opacity:.08}@media (prefers-reduced-motion: no-preference){.orb{animation:drift 22s ease-in-out infinite}.orb-2{animation-delay:-9s}@keyframes drift{0%,to{transform:translate(0) scale(1)}40%{transform:translate(22px,-18px) scale(1.05)}70%{transform:translate(-16px,22px) scale(.95)}}}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh;width:100%;max-width:780px;margin:0 auto}@media (min-width: 720px){.app{border-left:1px solid var(--b1);border-right:1px solid var(--b1)}}.app.app--landing{height:auto;min-height:100dvh}.demo-banner{flex-shrink:0;font-size:11px;color:var(--t2);background:var(--blue-dim);border-bottom:1px solid rgba(30,94,255,.18);padding:6px 14px;text-align:center}.install-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:#1e5eff14;border-bottom:1px solid rgba(30,94,255,.18);font-size:13px;flex-shrink:0}.ib-text{flex:1;color:var(--t2);line-height:1.4}.ib-text strong{color:var(--t1)}.ib-btn{background:var(--grad-org);border:none;color:#fff;padding:0 16px;height:36px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.ib-x{background:none;border:none;color:var(--t3);font-size:20px;width:var(--touch);height:var(--touch);display:flex;align-items:center;justify-content:center}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}.logo{display:flex;align-items:center;gap:9px;min-height:var(--touch);background:none;border:none}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;box-shadow:0 0 20px var(--blue-glow)}.logo-name{font-size:17px;font-weight:700;letter-spacing:-.4px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue-l);background:var(--blue-dim);border:1px solid rgba(30,94,255,.22);padding:2px 5px;border-radius:4px}.hdr-r{display:flex;align-items:center;gap:6px}.btn-ghost{background:var(--s1);border:1px solid var(--b1);color:var(--t2);height:var(--touch);padding:0 14px;border-radius:var(--r-xs);font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center}.btn-ghost:hover{background:var(--s2);color:var(--t1);border-color:var(--b2)}.btn-cta{background:var(--grad-org);border:none;color:#fff;height:var(--touch);padding:0 16px;border-radius:var(--r-xs);font-size:14px;font-weight:700;transition:opacity .2s,transform .15s;box-shadow:0 0 16px var(--orange-glow);display:flex;align-items:center}.btn-cta:hover{opacity:.88}.btn-cta:active{transform:scale(.97)}@media (max-width: 560px){.header{gap:8px}.header .logo-badge,.hdr-lang,.hdr-pricing{display:none}.hdr-r{gap:5px}.btn-ghost,.btn-cta{padding:0 12px;font-size:13px}}@media (max-width: 400px){.header{padding-left:12px;padding-right:12px;gap:6px}.hdr-r{gap:4px}.btn-ghost,.btn-cta{padding:0 10px}}.mode-tabs{display:flex;padding:6px 10px 0;gap:2px;flex-shrink:0;overflow-x:auto}.mode-tab{flex:1;min-width:88px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border-radius:var(--r-xs);font-size:13px;font-weight:500;color:var(--t3);transition:all .2s;border:1px solid transparent;background:none;white-space:nowrap;touch-action:manipulation}.mode-tab svg{width:15px;height:15px}.mode-tab.active{background:var(--s2);border-color:var(--b2);color:var(--t1)}.mode-tab.active.m-build{border-color:#1e5eff59;color:var(--blue-l)}.mode-tab.active.m-audit{border-color:#ff6b1a59;color:var(--orange)}.mode-tab.active.m-prompts{border-color:#1e5eff40;color:var(--blue-l)}.chat{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 12px 8px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app--landing .chat{flex:none;overflow:visible}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:16px 10px;gap:18px;min-height:0}.app--landing .welcome{flex:none;padding-top:28px;padding-bottom:28px;min-height:auto}.welcome-lottie{width:96px;height:96px}.orb-mark-glow{filter:blur(14px);opacity:.4}.orb-mark-spin,.orb-mark-core{transform-box:fill-box;transform-origin:center}.spinner{display:inline-block;border-radius:50%;box-sizing:border-box;border:2.5px solid var(--b2);border-top-color:var(--blue-l)}.agent-hdr .lottie-inline.spinner{width:22px;height:22px}.robot-mark-float,.robot-mark-antenna,.robot-mark-eyes{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion: no-preference){.orb-mark-spin{animation:orb-spin 2s linear infinite}.orb-mark-core{animation:orb-pulse 2.4s var(--ease) infinite}.spinner{animation:demo-spin .8s linear infinite}.robot-mark-float{animation:robot-float 3.8s var(--ease) infinite}.robot-mark-eyes{animation:robot-blink 4.2s steps(1,end) infinite}.robot-mark-antenna{animation:robot-antenna 1.6s var(--ease) infinite}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.14);opacity:1}}@keyframes robot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes robot-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes robot-antenna{0%,to{opacity:.5}50%{opacity:1}}}.welcome-h{font-size:clamp(26px,7vw,38px);font-weight:700;letter-spacing:-.8px;line-height:1.15}.welcome-h span{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-sub{font-size:14px;color:var(--t2);line-height:1.65;max-width:320px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:440px}.chip{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);padding:14px 12px;transition:all .2s;text-align:left;min-height:80px;touch-action:manipulation}.chip:hover,.chip:active{background:var(--s2);border-color:#1e5eff4d;transform:translateY(-1px);box-shadow:0 4px 18px #1e5eff1a}.chip-ico{margin-bottom:8px;display:block;color:var(--blue-l)}.chip-ico svg{width:20px;height:20px}.chip:nth-child(2n) .chip-ico{color:var(--orange)}.chip-t{font-size:12px;font-weight:600;color:var(--t1);display:block;margin-bottom:3px;line-height:1.3}.chip-d{font-size:11px;color:var(--t3);line-height:1.4;display:block}.msg-wrap{display:flex;gap:8px}@media (prefers-reduced-motion: no-preference){.msg-wrap,.agent-box,.result-card,.audit-result,.prompt-output{animation:msg-in .26s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.msg-wrap.user{flex-direction:row-reverse}.msg-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:2px}.msg-av.ai{background:var(--grad);box-shadow:0 0 10px var(--blue-glow);color:#fff}.msg-av.user{background:var(--s2);border:1px solid var(--b2);color:var(--t2)}.msg-bub{max-width:calc(100% - 74px);padding:11px 13px;border-radius:var(--r-md);font-size:14px;line-height:1.65;word-break:break-word;overflow-wrap:anywhere}.msg-wrap.ai .msg-bub{background:var(--s1);border:1px solid var(--b1);border-bottom-left-radius:4px}.msg-wrap.user .msg-bub{background:linear-gradient(135deg,#1e5eff33,#ff6b1a1a);border:1px solid rgba(30,94,255,.28);border-bottom-right-radius:4px}.msg-bub code{background:var(--blue-dim);padding:1px 5px;border-radius:4px;font-size:12px;font-family:var(--mono)}.agent-box{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);padding:13px;margin-left:36px}.agent-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px}.agent-hdr .lottie-inline{width:22px;height:22px}.agent-lbl{font-size:10px;font-weight:700;color:var(--blue-l);text-transform:uppercase;letter-spacing:1px}.agent-steps{display:flex;flex-direction:column;gap:5px}.agent-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3);transition:color .3s}.agent-step.active{color:var(--t1)}.step-dot{width:5px;height:5px;border-radius:50%;background:var(--b2);flex-shrink:0;transition:all .3s}.agent-step.active .step-dot{background:var(--blue);box-shadow:0 0 5px var(--blue-glow)}.agent-step.done{color:var(--t2)}.agent-step.done .step-dot{background:var(--ok)}.thinking{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}.thinking span{width:5px;height:5px;border-radius:50%;background:var(--blue)}@media (prefers-reduced-motion: no-preference){.thinking span{animation:tdot 1.1s ease-in-out infinite}.thinking span:nth-child(2){animation-delay:.18s}.thinking span:nth-child(3){animation-delay:.36s}@keyframes tdot{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}}.build-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);overflow:hidden;margin-left:36px}.build-hdr{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--b1)}.build-dots{display:flex;gap:5px;flex-shrink:0}.build-dots i{width:8px;height:8px;border-radius:50%;background:var(--s3);display:block}.build-title{flex:1;font-size:13px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-meta{font-size:11px;color:var(--t3);white-space:nowrap}.build-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;border-radius:var(--r-xs);font-size:12px;font-weight:600;background:var(--s2);border:1px solid var(--b2);color:var(--t2);touch-action:manipulation;flex-shrink:0}.build-btn:hover{background:var(--s3)}.build-tabs{display:flex;align-items:center;gap:4px;padding:8px 10px 0}.build-tab{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:8px 13px;border:none;border-radius:8px 8px 0 0;background:none;color:var(--t3);touch-action:manipulation}.build-tab svg{width:13px;height:13px}.build-tab.on{color:var(--t1);background:var(--s2);box-shadow:inset 0 -2px 0 var(--blue)}.build-tab-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--blue-dim);color:var(--blue-l)}.build-devices{margin-left:auto;display:flex;gap:2px}.build-dev{border:none;background:none;color:var(--t3);cursor:pointer;padding:5px 8px;border-radius:8px;touch-action:manipulation}.build-dev svg{width:14px;height:14px;display:block}.build-dev.on{color:var(--t1);background:var(--s2)}.build-dev-open{margin-left:4px;padding-left:8px;border-left:1px solid var(--b1);border-radius:0}.build-dev-open:hover{color:var(--blue-l)}.build-saved{margin-left:auto;font-size:11px;color:var(--t3);display:flex;align-items:center;gap:4px;transition:color .2s}.build-saved.on{color:var(--ok)}.build-saved.err{color:var(--danger, #ff6b6b)}.build-saved svg{width:11px;height:11px}.build-retry{font:inherit;font-size:11px;color:var(--danger, #ff6b6b);background:transparent;border:1px solid currentColor;border-radius:5px;padding:1px 7px;cursor:pointer;transition:background .15s,color .15s}.build-retry:hover{background:var(--danger, #ff6b6b);color:#fff}.build-preview{background:#fff;border-top:1px solid var(--b1);display:flex;justify-content:center;max-height:70vh;overflow-y:auto}.build-frame{border:0;width:100%;min-height:260px;display:block;background:#fff;transition:height .25s ease}.build-preview.mobile .build-frame{width:220px;border-inline:1px solid rgba(0,0,0,.1)}.build-editor{border-top:1px solid var(--b1)}.build-files{display:flex;gap:2px;overflow-x:auto;padding:8px 10px 0;border-bottom:1px solid var(--b1)}.build-file{font-size:11px;font-family:var(--mono);padding:7px 11px;border:none;border-radius:8px 8px 0 0;background:none;color:var(--t3);white-space:nowrap;touch-action:manipulation}.build-file.on{color:var(--orange);background:var(--s2);box-shadow:inset 0 -2px 0 var(--orange)}.build-code{display:flex;max-height:260px;overflow:auto;background:var(--bg-deep)}.build-gutter{margin:0;padding:12px 8px 12px 13px;font:12px/1.65 var(--mono);color:var(--t3);text-align:right;user-select:none;border-right:1px solid var(--b1);flex-shrink:0}.build-textarea{flex:1;min-height:200px;padding:12px 13px;border:none;resize:vertical;background:transparent;color:var(--t1);font:12px/1.65 var(--mono);outline:none;white-space:pre;overflow-wrap:normal;tab-size:2}.build-hint{padding:8px 13px 11px;font-size:11px;color:var(--t3)}.rbtn:hover{opacity:.85;transform:translateY(-1px)}.rbtn:active{transform:scale(.97)}.audit-result{margin-left:36px;display:flex;flex-direction:column;gap:8px}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media (min-width: 540px){.score-grid{grid-template-columns:repeat(5,1fr)}}.score-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);padding:12px}.score-lbl{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;font-weight:600}.score-val{font-size:24px;font-weight:700;letter-spacing:-1px;margin-bottom:5px;font-variant-numeric:tabular-nums}.score-bar{height:3px;background:var(--b1);border-radius:2px;overflow:hidden}.score-fill{height:100%;border-radius:2px;transition:width 1.1s cubic-bezier(.4,0,.2,1)}.s-good .score-fill{background:var(--ok)}.s-good .score-val{color:var(--ok)}.s-mid .score-fill{background:var(--orange)}.s-mid .score-val{color:var(--orange)}.s-bad .score-fill{background:var(--danger)}.s-bad .score-val{color:var(--danger)}.findings{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);overflow:hidden}.finding{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-bottom:1px solid var(--b1);font-size:12px}.finding:last-child{border-bottom:none}.fic{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.fic svg{width:10px;height:10px}.fic.high{background:#ff44441f;color:var(--danger)}.fic.medium{background:var(--orange-dim);color:var(--orange)}.fic.low,.fic.pass{background:#22c55e1f;color:var(--ok)}.ftxt{flex:1;color:var(--t2);line-height:1.55}.ftxt strong{color:var(--t1);display:block;margin-bottom:2px}.fpri{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;flex-shrink:0;text-transform:capitalize}.fpri.high{background:#ff44441a;color:var(--danger)}.fpri.medium{background:#ff6b1a1a;color:var(--orange)}.fpri.low,.fpri.pass{background:#22c55e1a;color:var(--ok)}.audit-actions{display:flex;gap:7px;flex-wrap:wrap}.prompt-output{margin-left:36px;display:flex;flex-direction:column;gap:7px}.prompt-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);overflow:hidden}.prompt-hdr{padding:9px 12px;border-bottom:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between}.prompt-plat{font-size:11px;font-weight:700;color:var(--blue-l)}.pcopy{background:none;border:1px solid var(--b1);color:var(--t3);padding:0 12px;height:30px;border-radius:6px;font-size:11px;transition:all .2s;touch-action:manipulation}.pcopy:hover{border-color:var(--b2);color:var(--t1)}.prompt-body{padding:10px 12px;font-size:11px;font-family:var(--mono);color:var(--t2);line-height:1.75;max-height:92px;overflow:hidden;position:relative;white-space:pre-wrap}.prompt-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:34px;background:linear-gradient(transparent,var(--bg))}.input-area{flex-shrink:0;padding:6px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.app--landing .input-area{position:sticky;top:0;z-index:5;background:var(--bg)}.input-wrap{background:var(--s1);border:1px solid var(--b2);border-radius:var(--r-xl);transition:all .25s}.input-wrap:focus-within{border-color:#1e5eff80;box-shadow:0 0 0 3px #1e5eff12,0 0 24px #1e5eff1a}.input-row{display:flex;align-items:flex-end;padding:8px 8px 8px 14px;gap:6px}.msg-input{flex:1;background:none;border:none;outline:none;color:var(--t1);font-size:16px;font-family:var(--font);resize:none;min-height:24px;max-height:120px;line-height:1.5}.msg-input::placeholder{color:var(--t3)}.send-btn{width:42px;height:42px;border-radius:50%;background:var(--grad-org);border:none;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 0 12px var(--orange-glow);touch-action:manipulation}.send-btn:hover{transform:scale(1.08)}.send-btn:active{transform:scale(.93)}.send-btn:disabled{opacity:.35;transform:none;box-shadow:none}.send-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}.input-foot{padding:0 14px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.usage-hint{font-size:10px;color:var(--t3);font-variant-numeric:tabular-nums}.input-hint{font-size:10px;color:var(--t3);white-space:nowrap}@media (max-width: 640px){.build-frame{min-height:220px}.build-preview.mobile .build-frame{width:100%}}.landing{position:relative;isolation:isolate;flex-shrink:0;overflow-y:visible;overflow-x:hidden;border-top:1px solid var(--b1);background:radial-gradient(ellipse 100% 40% at 50% 0%,rgba(30,94,255,.05),transparent 70%)}.land-divider{display:flex;align-items:center;gap:10px;padding:10px 16px 6px;opacity:.35}.hero-lottie-wrap{position:absolute;top:-8px;right:2px;width:72px;height:72px;pointer-events:none;opacity:.5;z-index:-1}.hero-lottie{width:100%;height:100%}.land-divider-line{flex:1;height:1px;background:var(--b2)}.land-divider-text{font-size:10px;color:var(--t3);letter-spacing:.5px;white-space:nowrap}.stats-row{display:flex;border:1px solid var(--b1);border-radius:var(--r-md);overflow:hidden;margin:6px 16px 16px}.stat-item{flex:1;padding:12px 8px;text-align:center;border-right:1px solid var(--b1)}.stat-item:last-child{border-right:none}.stat-num{font-size:18px;font-weight:800;letter-spacing:-1px;color:var(--blue-l);font-variant-numeric:tabular-nums}.stat-lbl{font-size:10px;color:var(--t3);margin-top:2px;line-height:1.3}.url-section{padding:0 16px 16px;border-bottom:1px solid var(--b1)}.url-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.url-eyebrow-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.url-bar{display:flex;align-items:center;background:var(--s2);border:1px solid var(--b2);border-radius:var(--r-xl);padding:5px 5px 5px 13px;gap:7px;transition:all .25s}.url-bar:focus-within{border-color:#1e5eff80;box-shadow:0 0 0 3px #1e5eff12}.url-bar svg{width:15px;height:15px;color:var(--t3);flex-shrink:0}.url-input{flex:1;background:none;border:none;outline:none;color:var(--t1);font-size:15px;font-family:var(--font);min-width:0;padding:8px 0}.url-input::placeholder{color:var(--t3)}.url-btn{background:var(--grad-org);border:none;color:#fff;height:38px;padding:0 16px;border-radius:20px;font-size:12px;font-weight:700;flex-shrink:0;touch-action:manipulation;white-space:nowrap}.url-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;align-items:center}.url-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--s2);border:1px solid var(--b1);color:var(--t2)}.url-tag-sep{color:var(--t3);font-size:11px}.section-block{padding:24px 16px 20px;border-bottom:1px solid var(--b1)}.section-eyebrow{font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1.1px;margin-bottom:8px}.section-title{font-size:clamp(19px,5vw,25px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:18px}.section-title span{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--b1);border-radius:var(--r-md);background:var(--s1);overflow:hidden;transition:border-color .2s}.faq-item.on{border-color:var(--b2)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:none;border:none;padding:13px 14px;font-size:14px;font-weight:600;color:var(--t1);cursor:pointer;touch-action:manipulation}.faq-chevron{flex-shrink:0;color:var(--t3);transition:transform .25s ease}.faq-item.on .faq-chevron{transform:rotate(180deg);color:var(--blue-l)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.on .faq-a{max-height:220px}.faq-a p{margin:0;padding:0 14px 14px;font-size:13px;line-height:1.6;color:var(--t2)}.step-row{display:flex;gap:13px;align-items:flex-start}.step-badge{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--blue-dim);border:1px solid rgba(30,94,255,.3);color:var(--blue-l);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.step-text{padding-bottom:16px;flex:1}.step-name{font-size:13px;font-weight:700;margin-bottom:3px}.step-body{font-size:12px;color:var(--t2);line-height:1.65}.step-line{width:1px;height:12px;margin-left:13px;background:linear-gradient(to bottom,rgba(30,94,255,.2),transparent)}.demo-card{display:flex;flex-direction:column;gap:16px;margin-bottom:26px;border:1px solid var(--b1);border-radius:var(--r-lg);overflow:hidden;background:var(--s1)}.demo-card:last-child{margin-bottom:4px}.demo-card-rev{flex-direction:column}.demo-mock{position:relative;container-type:inline-size;padding:16px;background:linear-gradient(160deg,#1e5eff14,#ff6b1a0a);min-height:150px;overflow:hidden}.demo-text{padding:4px 16px 18px}.demo-tag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:8px;margin-bottom:9px}.demo-tag-blue{background:var(--blue-dim);color:var(--blue-l)}.demo-tag-orange{background:var(--orange-dim);color:var(--orange)}.demo-text h3{font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.2px}.demo-text p{font-size:12.5px;color:var(--t2);line-height:1.65}.demo-mock-build{padding-top:34px}.mock-ide{position:relative;background:var(--s1);border:1px solid var(--b2);border-radius:12px;overflow:hidden;box-shadow:var(--e2);container-type:inline-size}.mock-ide-hdr{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid var(--b1)}.mock-ide-dots{display:flex;gap:5px;flex-shrink:0}.mock-ide-dots i{width:8px;height:8px;border-radius:50%;background:var(--s3);display:block}.mock-ide-title{flex:1;font-size:12px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.mock-ide-meta{font-size:10px;color:var(--t3);white-space:nowrap}.mock-ide-dl{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;font-size:10.5px;font-weight:600;background:var(--s2);border:1px solid var(--b2);color:var(--t2);white-space:nowrap}.mock-ide-dl svg{width:12px;height:12px}.mock-ide-tabs{display:flex;align-items:center;gap:4px;padding:7px 9px 0}.mock-ide-tab{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:7px 11px;border-radius:8px 8px 0 0;color:var(--t3)}.mock-ide-tab svg{width:12px;height:12px}.mock-ide-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:999px;background:var(--blue-dim);color:var(--blue-l)}.mock-ide-devs{margin-left:auto;display:flex;gap:2px}.mock-ide-dev{display:inline-flex;padding:5px 7px;border-radius:8px;color:var(--t3)}.mock-ide-dev svg{width:13px;height:13px;display:block}.mock-ide-dev.md-on{color:var(--t1);background:var(--s2)}.mt-preview{animation:mock-tab-a 8s ease-in-out infinite}.mt-code{animation:mock-tab-b 8s ease-in-out infinite}@keyframes mock-tab-a{0%,42%{color:var(--t1);background:var(--s2);box-shadow:inset 0 -2px 0 var(--blue)}50%,92%{color:var(--t3);background:transparent;box-shadow:none}to{color:var(--t1);background:var(--s2);box-shadow:inset 0 -2px 0 var(--blue)}}@keyframes mock-tab-b{0%,42%{color:var(--t3);background:transparent;box-shadow:none}50%,92%{color:var(--t1);background:var(--s2);box-shadow:inset 0 -2px 0 var(--blue)}to{color:var(--t3);background:transparent;box-shadow:none}}.mock-ide-stage{position:relative;min-height:158px;background:var(--bg-deep);border-top:1px solid var(--b1)}.mock-ide-panel{position:absolute;inset:0}.mp-preview{padding:14px;background:#0b0d12;animation:mock-fade-a 8s ease-in-out infinite}.mp-code{animation:mock-fade-b 8s ease-in-out infinite}@keyframes mock-fade-a{0%,44%{opacity:1}50%,94%{opacity:0}to{opacity:1}}@keyframes mock-fade-b{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}.mock-pv-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mock-pv-brand{width:34px;height:9px;border-radius:3px;background:var(--grad-org)}.mock-pv-links{display:flex;gap:6px}.mock-pv-links i{width:20px;height:6px;border-radius:3px;background:#ffffff1f;display:block}.mock-pv-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.mock-pv-heading{font-size:clamp(11px,3.6cqw,15px);font-weight:800;color:#fff;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-pv-cta{flex-shrink:0;font-size:clamp(9px,2.6cqw,11px);font-weight:700;color:#fff;padding:6px 13px;border-radius:8px;background:var(--grad-org);box-shadow:0 2px 12px #ff6b1a47;white-space:nowrap}.mock-pv-chips{display:flex;gap:8px}.mock-pv-chip{flex:1;height:30px;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:clamp(8px,2.4cqw,10px);font-weight:600;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.mock-ide-files{display:flex;gap:2px;padding:7px 9px 0;border-bottom:1px solid var(--b1);background:var(--s1)}.mock-ide-file{font-size:10px;font-family:var(--mono);padding:5px 9px;border-radius:7px 7px 0 0;color:var(--t3);white-space:nowrap}.mock-ide-file.on{color:var(--orange);background:var(--bg-deep);box-shadow:inset 0 -2px 0 var(--orange)}.mock-code{display:flex}.mock-code-gutter{margin:0;padding:10px 8px 12px 11px;font:11px/1.7 var(--mono);color:var(--t3);text-align:right;border-right:1px solid var(--b1);user-select:none}.mock-code-text{margin:0;padding:10px 12px 12px;font:11px/1.7 var(--mono);color:var(--t2);white-space:pre;overflow:hidden}.ct-p{color:var(--t3)}.ct-t{color:var(--blue-l)}.ct-a{color:var(--orange)}.ct-s{color:#7fd58a}.ct-x{color:var(--t1)}.mock-ide-live{position:absolute;top:12px;right:4px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.6px;color:var(--blue-l);text-transform:uppercase}.mock-build-live-dot{width:5px;height:5px;border-radius:50%;background:var(--blue-l);animation:live-dot-pulse 1.3s ease-in-out infinite;box-shadow:0 0 6px var(--blue-glow)}@keyframes live-dot-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion: reduce){.mt-preview,.mt-code,.mp-preview,.mp-code{animation:none}.mt-preview{color:var(--t1);background:var(--s2);box-shadow:inset 0 -2px 0 var(--blue)}.mp-code{opacity:0}.mock-build-live-dot{animation:none;opacity:1}}.demo-icon-badge{width:clamp(48px,18cqw,72px);height:clamp(48px,18cqw,72px);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:icon-badge-pop .5s cubic-bezier(.22,1,.36,1)}.demo-icon-badge svg{width:52%;height:52%}.demo-icon-orange{background:var(--orange-dim);color:var(--orange)}.demo-icon-blue{background:var(--blue-dim);color:var(--blue-l)}@keyframes icon-badge-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.demo-mock-audit{display:flex;flex-direction:column;align-items:center;gap:10px}.mock-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.mock-score{display:flex;flex-direction:column;align-items:center;gap:3px}.mock-score-ring{width:40px;height:40px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--b1);stroke-width:3.4}.ring-fg{fill:none;stroke:var(--orange);stroke-width:3.4;stroke-linecap:round;animation:ring-fill 1.4s ease-out}@keyframes ring-fill{0%{stroke-dasharray:0,100}}.mock-score-num{font-size:12px;font-weight:800;color:var(--t1);margin-top:-26px}.mock-score-lbl{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-top:12px}.demo-mock-prompts{display:flex;flex-direction:column;align-items:center;gap:12px}.mock-prompt-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.mock-prompt-chip{font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;background:var(--s2);border:1px solid var(--b1);color:var(--t2)}@media (min-width: 700px){.demo-card{flex-direction:row;align-items:stretch}.demo-card-rev{flex-direction:row-reverse}.demo-mock{flex:1;min-height:200px}.demo-text{flex:1;padding:22px 24px;display:flex;flex-direction:column;justify-content:center}}.tpl-sub{font-size:13px;color:var(--t2);line-height:1.6;max-width:460px;margin:-8px 0 18px}.tpl-group-hdr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.tpl-group-hdr-app{margin-top:30px}.tpl-group-label{font-size:13px;font-weight:700;color:var(--t1);letter-spacing:-.2px}.tpl-group-note{font-size:11px;color:var(--t3)}.a-blue{--acc: #4d7fff;--acc-2: #1e5eff;--acc-dim: rgba(77, 127, 255, .16)}.a-violet{--acc: #a78bfa;--acc-2: #7c5cff;--acc-dim: rgba(167, 139, 250, .16)}.a-orange{--acc: #ff8a3d;--acc-2: #ff6b1a;--acc-dim: rgba(255, 138, 61, .16)}.a-pink{--acc: #ff6f9c;--acc-2: #ff4d84;--acc-dim: rgba(255, 111, 156, .16)}.a-green{--acc: #34d399;--acc-2: #10b981;--acc-dim: rgba(52, 211, 153, .16)}.a-amber{--acc: #f5c542;--acc-2: #eab308;--acc-dim: rgba(245, 197, 66, .16)}.tpl-cats{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 16px;margin:-4px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tpl-cats::-webkit-scrollbar{display:none}.tpl-cat{flex:0 0 auto;font:inherit;font-size:12px;font-weight:600;color:var(--t2);background:var(--s1);border:1px solid var(--b1);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background var(--dur),color var(--dur),border-color var(--dur)}.tpl-cat:hover{background:var(--s2);color:var(--t1)}.tpl-cat.on{background:var(--t1);color:var(--bg);border-color:var(--t1)}.tpl-web-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 520px){.tpl-web-grid{grid-template-columns:1fr 1fr}}@media (min-width: 760px){.tpl-web-grid{grid-template-columns:1fr 1fr 1fr}}.tpl-web-card{display:block;width:100%;text-align:left;padding:0;font:inherit;color:inherit;background:var(--s1);border:1px solid var(--b1);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform var(--dur) var(--ease-emphasized),border-color var(--dur),box-shadow var(--dur)}.tpl-web-card:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:0 10px 30px #0006,0 0 0 1px var(--acc-dim)}.tpl-web-frame{position:relative;display:flex;flex-direction:column;aspect-ratio:16 / 11;background:var(--bg-deep)}.tpl-web-chrome{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--s1);border-bottom:1px solid var(--b1)}.tpl-dots{display:flex;gap:4px}.tpl-dots i{width:6px;height:6px;border-radius:50%;background:var(--s3);display:block}.tpl-url{flex:1;max-width:60%;font-size:7.5px;color:var(--t3);background:var(--s2);border-radius:5px;padding:2px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-web-page{flex:1;min-height:0;padding:11px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(120% 80% at 50% 0%,var(--acc-dim),transparent 62%)}.tpl-web-nav{display:flex;align-items:center;justify-content:space-between}.tpl-web-brand{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800;color:var(--t1);letter-spacing:-.1px}.tpl-web-fav{width:11px;height:11px;border-radius:3px;background:linear-gradient(150deg,var(--acc),var(--acc-2));display:block}.tpl-web-links{display:flex;gap:8px}.tpl-web-links i{font-style:normal;font-size:7px;font-weight:600;color:var(--t3)}.tpl-web-hero{flex:1;display:flex;gap:10px;align-items:center}.tpl-web-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start}.tpl-web-head{display:block;font-size:12px;font-weight:800;line-height:1.15;color:var(--t1);letter-spacing:-.3px}.tpl-web-sub{display:block;font-size:8px;color:var(--t2);margin-top:3px}.tpl-web-cta2{display:inline-block;margin-top:8px;font-size:8px;font-weight:700;color:#fff;background:var(--acc);padding:4px 9px;border-radius:5px}.tpl-web-art{width:36%;align-self:stretch;border-radius:8px;overflow:hidden}.tpl-web-art svg{width:100%;height:100%;display:block}.tpl-web-h2{display:block;font-size:9px;font-weight:700;color:var(--t1)}.tpl-web-tiles{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tpl-tile{position:relative;overflow:hidden;border-radius:6px;border:1px solid var(--b1);display:flex;align-items:flex-end;justify-content:flex-end;padding:4px}.tpl-tile svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tpl-price{position:relative;z-index:1;font-style:normal;font-size:7px;font-weight:700;color:#fff;background:#0000008c;padding:1px 4px;border-radius:4px}.tpl-web-rows{flex:1;display:flex;flex-direction:column;gap:6px}.tpl-lrow{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;background:var(--s1);border:1px solid var(--b1);border-left:3px solid var(--acc)}.tpl-lrow em{font-style:normal;font-size:8.5px;font-weight:600;color:var(--t1)}.tpl-lrow i{font-style:normal;font-size:7.5px;font-weight:700;color:var(--acc)}.tpl-web-foot{display:flex;align-items:center;gap:8px;padding:10px 12px}.tpl-web-name{font-size:13px;font-weight:600;color:var(--t1)}.tpl-web-tag{font-size:10px;font-weight:600;color:var(--acc);background:var(--acc-dim);padding:2px 8px;border-radius:999px}.tpl-web-use{margin-left:auto;font-size:11px;font-weight:600;color:var(--acc);opacity:0;transform:translate(-4px);transition:opacity var(--dur),transform var(--dur)}.tpl-web-card:hover .tpl-web-use{opacity:1;transform:none}.tpl-count{position:absolute;top:6px;right:9px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#06080f9e;backdrop-filter:blur(5px);border:1px solid var(--b2);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:3}.tpl-count-app{top:30px;right:9px}.tpl-open{position:absolute;bottom:9px;right:9px;width:22px;height:22px;border-radius:50%;background:#06080f9e;backdrop-filter:blur(5px);border:1px solid var(--b2);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:3;transition:background var(--dur),border-color var(--dur)}.tpl-web-card:hover .tpl-open,.tpl-app-card:hover .tpl-open{background:var(--acc);border-color:var(--acc)}.tpl-appicon{position:absolute;bottom:9px;left:9px;width:27px;height:27px;border-radius:8px;background:linear-gradient(150deg,var(--acc),var(--acc-2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000073;z-index:3}.tpl-appicon svg{width:16px;height:16px}.tpl-ic{width:1em;height:1em;display:block}.tpl-app-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tpl-app-row::-webkit-scrollbar{display:none}.tpl-app-card{flex:0 0 auto;scroll-snap-align:start;width:158px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;font:inherit;color:inherit;background:none;border:none;cursor:pointer}.tpl-app-caption{min-height:32px;display:flex;align-items:center;font-size:12.5px;font-weight:700;color:var(--t1);text-align:center;letter-spacing:-.2px;line-height:1.2}.tpl-phone{position:relative;width:158px;aspect-ratio:1 / 2;border-radius:27px;padding:6px;background:linear-gradient(160deg,#1a1d27,#0a0c12);border:1px solid var(--b2);box-shadow:0 12px 30px #00000073,inset 0 0 0 1px #ffffff0a;transition:transform var(--dur) var(--ease-emphasized),box-shadow var(--dur)}.tpl-app-card:hover .tpl-phone{transform:translateY(-4px);box-shadow:0 18px 42px #0000008c,0 0 0 1px var(--acc-dim)}.tpl-phone-notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:46px;height:14px;border-radius:0 0 10px 10px;background:#0a0c12;z-index:4}.tpl-phone-screen{position:relative;width:100%;height:100%;border-radius:21px;overflow:hidden;background:radial-gradient(120% 55% at 50% 0%,var(--acc-dim),var(--bg-deep) 55%);display:flex;flex-direction:column}.tpl-app-status{display:flex;align-items:center;justify-content:space-between;padding:8px 13px 2px}.tpl-app-time{font-size:8px;font-weight:700;color:var(--t2)}.tpl-app-icons{display:flex;gap:3px}.tpl-app-icons i{width:5px;height:5px;border-radius:1.5px;background:var(--t3);display:block}.tpl-app-ui{flex:1;min-height:0;padding:4px 13px 13px;display:flex;flex-direction:column;gap:9px}.tpl-app-hdr{display:flex;align-items:center}.tpl-app-h{display:block;font-size:12px;font-weight:800;color:var(--t1);letter-spacing:-.2px}@property --pct{syntax: "<number>"; inherits: false; initial-value: 0;}.tpl-ring{position:relative;align-self:center;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--acc) calc(var(--pct) * 1%),var(--s2) 0);display:flex;align-items:center;justify-content:center;margin:2px 0;animation:tpl-ringfill 1.1s var(--ease-emphasized) both}@keyframes tpl-ringfill{0%{--pct: 0}}.tpl-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg-deep)}.tpl-ring span{position:relative;font-size:13px;font-weight:800;color:var(--t1)}.tpl-statrow{display:flex;gap:8px}.tpl-stat{flex:1;background:var(--s1);border:1px solid var(--b1);border-radius:9px;padding:5px 8px}.tpl-stat b{display:block;font-size:11px;font-weight:800;color:var(--t1)}.tpl-stat i{font-style:normal;font-size:7px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}.tpl-bars{flex:1;display:flex;align-items:flex-end;gap:5px;min-height:30px}.tpl-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(var(--acc),var(--acc-2));opacity:.9;display:block;transform-origin:bottom;animation:tpl-bargrow .7s var(--ease-emphasized) both}@keyframes tpl-bargrow{0%{transform:scaleY(0);opacity:0}}.tpl-bars i:nth-child(1){height:45%;animation-delay:.05s}.tpl-bars i:nth-child(2){height:70%;animation-delay:.1s}.tpl-bars i:nth-child(3){height:55%;animation-delay:.15s}.tpl-bars i:nth-child(4){height:88%;animation-delay:.2s}.tpl-bars i:nth-child(5){height:62%;animation-delay:.25s}.tpl-bars i:nth-child(6){height:96%;animation-delay:.3s}.tpl-bars i:nth-child(7){height:74%;animation-delay:.35s}.tpl-bal-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.tpl-balance{display:block;font-size:17px;font-weight:800;color:var(--t1);letter-spacing:-.4px;white-space:nowrap}.tpl-delta{font-size:9px;font-weight:700;color:var(--ok);white-space:nowrap}.tpl-spark{display:block;width:100%;height:26px;color:var(--acc);margin:-2px 0 2px}.tpl-spark-line{stroke-dasharray:160;stroke-dashoffset:160;animation:tpl-draw 1.2s var(--ease-emphasized) .15s forwards}.tpl-spark-fill{opacity:0;animation:tpl-fade .6s ease .75s forwards}@keyframes tpl-draw{to{stroke-dashoffset:0}}@keyframes tpl-fade{to{opacity:1}}.tpl-tx{display:flex;flex-direction:column;gap:6px}.tpl-txrow{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;background:var(--s1);border:1px solid var(--b1)}.tpl-txico{width:19px;height:19px;border-radius:6px;background:var(--acc-dim);color:var(--acc);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tpl-txico svg{width:12px;height:12px}.tpl-txrow em{flex:1;font-style:normal;font-size:9px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-txrow i{flex-shrink:0;font-style:normal;font-size:8.5px;font-weight:700;color:var(--t2);white-space:nowrap}.tpl-search{display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:8px;background:var(--s2);border:1px solid var(--b1);font-size:8px;color:var(--t3)}.tpl-search svg{width:11px;height:11px;flex-shrink:0}.tpl-cards{display:flex;flex-direction:column;gap:7px}.tpl-fcard{display:flex;align-items:center;gap:8px;padding:5px;border-radius:10px;background:var(--s1);border:1px solid var(--b1)}.tpl-fthumb{width:32px;height:32px;border-radius:8px;background:linear-gradient(150deg,var(--acc),var(--acc-2));flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000047}.tpl-fthumb svg{width:18px;height:18px}.tpl-fmeta{display:flex;flex-direction:column;gap:2px}.tpl-fmeta em{font-style:normal;font-size:8.5px;font-weight:700;color:var(--t1)}.tpl-fmeta i{font-style:normal;font-size:7.5px;color:var(--t3)}.tpl-stories{display:flex;gap:8px}.tpl-story{width:26px;height:26px;border-radius:50%;padding:2px;flex-shrink:0;background:conic-gradient(from 210deg,var(--acc),var(--acc-2),var(--acc));box-shadow:0 0 0 1.5px var(--bg-deep) inset}.tpl-story .tpl-av{width:100%;height:100%;display:block;border-radius:50%;border:1.5px solid var(--bg-deep)}.tpl-post{flex:1;display:flex;flex-direction:column;gap:6px}.tpl-post-hd{display:flex;align-items:center;gap:6px}.tpl-post-av{width:18px;height:18px;border-radius:50%;overflow:hidden;flex-shrink:0}.tpl-post-av .tpl-av{width:100%;height:100%;display:block}.tpl-post-name{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:700;color:var(--t1)}.tpl-post-name i{font-style:normal;font-size:7px;font-weight:500;color:var(--t3)}.tpl-post-img{position:relative;flex:1;min-height:54px;border-radius:10px;overflow:hidden;border:1px solid var(--b1)}.tpl-post-img svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tpl-post-ft{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700;color:var(--t2)}.tpl-heart{color:var(--acc);font-size:10px}.tpl-app-name{font-size:11px;font-weight:600;color:var(--t2)}.tpl-cta-wrap{display:flex;justify-content:center;margin-top:16px}.tpl-cta{font-size:13px;font-weight:600;color:var(--t1);background:var(--s2);border:1px solid var(--b2);border-radius:10px;padding:10px 18px;cursor:pointer;transition:background var(--dur),transform var(--dur)}.tpl-cta:hover{background:var(--s3);transform:translateY(-2px)}.tpl-web-grid>.tpl-web-card,.tpl-app-row>.tpl-app-card{animation:tpl-in .5s var(--ease-emphasized) both}.tpl-web-grid>.tpl-web-card:nth-child(2),.tpl-app-row>.tpl-app-card:nth-child(2){animation-delay:.06s}.tpl-web-grid>.tpl-web-card:nth-child(3),.tpl-app-row>.tpl-app-card:nth-child(3){animation-delay:.12s}.tpl-web-grid>.tpl-web-card:nth-child(4),.tpl-app-row>.tpl-app-card:nth-child(4){animation-delay:.18s}.tpl-web-grid>.tpl-web-card:nth-child(5){animation-delay:.24s}.tpl-web-grid>.tpl-web-card:nth-child(6){animation-delay:.3s}@keyframes tpl-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion: reduce){.tpl-web-card:hover,.tpl-app-card:hover .tpl-phone,.tpl-cta:hover{transform:none}.tpl-ring,.tpl-bars i,.tpl-spark-line,.tpl-spark-fill,.tpl-web-grid>.tpl-web-card,.tpl-app-row>.tpl-app-card{animation:none}.tpl-spark-line{stroke-dashoffset:0}.tpl-spark-fill{opacity:1}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px}.ctable{width:100%;min-width:560px;border-collapse:collapse}.ctable thead td{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;padding:7px 11px;border-bottom:2px solid var(--b2);white-space:nowrap}.ctable thead td.us{color:var(--blue-l)}.ctable tbody td{padding:9px 11px;border-bottom:1px solid var(--b1);font-size:12px;color:var(--t2);white-space:nowrap}.ctable tbody td.feat-col{white-space:normal;min-width:138px;font-weight:500}.ctable tbody td.us{background:#1e5eff0a}.ctable tbody tr:last-child td{border-bottom:none}.ck{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.ck svg{width:10px;height:10px}.ck.y{background:#22c55e1f;color:var(--ok)}.ck.n{background:#ff444414;color:var(--danger)}.ck.p{background:var(--orange-dim);color:var(--orange);font-size:11px;font-weight:800}.price-val{font-size:13px;font-weight:700;color:var(--t1);font-variant-numeric:tabular-nums}.price-val span{font-size:10px;color:var(--t3);font-weight:400}.us .price-val{color:var(--blue-l)}.table-key{font-size:10px;color:var(--t3);margin-top:9px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.table-key span{display:inline-flex;align-items:center;gap:5px}.landing-footer{padding:32px 16px calc(42px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px;background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(30,94,255,.07),transparent 70%)}.lf-badge{font-size:10px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:1px}.lf-title{font-size:clamp(20px,5vw,28px);font-weight:700;letter-spacing:-.5px}.lf-sub{font-size:13px;color:var(--t2);max-width:280px;line-height:1.6}.lf-btn{background:var(--grad-org);border:none;color:#fff;height:48px;padding:0 30px;border-radius:var(--r-xl);font-size:15px;font-weight:700;box-shadow:0 4px 24px var(--orange-glow);transition:all .22s;touch-action:manipulation}.lf-btn:hover{opacity:.88;transform:translateY(-1px)}.lf-note{font-size:11px;color:var(--t3)}.trust-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:9px 16px;margin-top:6px;padding:0;max-width:480px}.trust-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);font-weight:500}.trust-ico{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;background:#22c55e24;color:var(--ok);flex-shrink:0}.trust-ico svg{width:9px;height:9px}@media (min-width: 540px){.url-section,.section-block{padding-left:22px;padding-right:22px}.table-wrapper{margin:0 -22px}.stats-row{margin-left:22px;margin-right:22px}}@media (max-width: 560px){.table-wrapper{margin:0;overflow-x:visible}.ctable{min-width:0;table-layout:fixed;width:100%}.ctable thead td,.ctable tbody td{padding:8px 2px;text-align:center}.ctable thead td.feat-col,.ctable tbody td.feat-col{width:33%;min-width:0;text-align:left;white-space:normal;padding-left:2px}.ctable thead td{font-size:9px;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;line-height:1.15;vertical-align:bottom}.ctable tbody td{font-size:11px}.ck{width:18px;height:18px}.price-val{font-size:11px}.price-val span{display:none}}@media (max-width: 360px){.ctable thead td{font-size:8px}.ctable tbody td,.price-val{font-size:10px}}.modal-root{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none}.modal-sheet{position:relative;z-index:1;width:100%;max-width:780px;background:var(--bg-deep);border-radius:24px 24px 0 0;border:1px solid var(--b2);border-bottom:none;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(20px,env(safe-area-inset-bottom))}@media (prefers-reduced-motion: no-preference){.modal-backdrop{animation:backdrop-in .36s ease-out}.modal-sheet{animation:sheet-in .42s cubic-bezier(.22,1,.36,1)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media (min-width: 540px){.modal-root{align-items:center}.modal-sheet{border-radius:var(--r-xl);max-height:88dvh;border-bottom:1px solid var(--b2)}}.sheet-handle{width:36px;height:4px;background:var(--b2);border-radius:2px;margin:12px auto 0}.modal-head{padding:16px 16px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-size:20px;font-weight:700;letter-spacing:-.5px}.modal-sub{font-size:13px;color:var(--t2);margin-top:3px}.modal-close{background:var(--s2);border:1px solid var(--b1);color:var(--t2);width:var(--touch);height:var(--touch);border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-toggle{display:flex;margin:14px 16px 0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:3px;width:fit-content}.btgl{height:38px;padding:0 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;transition:all .2s;color:var(--t3);background:none;border:none;display:flex;align-items:center;gap:7px;white-space:nowrap}.btgl.active{background:var(--s3);color:var(--t1)}.save-pill{background:var(--orange);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px}.auth-tabs{display:flex;margin:14px 16px 0;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-lg);padding:3px}.auth-tab{flex:1;height:40px;border-radius:var(--r-md);font-size:13px;font-weight:600;transition:all .2s;color:var(--t3);background:none;border:none}.auth-tab.active{background:var(--s3);color:var(--t1)}.auth-form{display:flex;flex-direction:column;gap:12px;padding:18px 16px 4px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:12px;font-weight:600;color:var(--t2)}.auth-field input{height:var(--touch);background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-xs);padding:0 14px;color:var(--t1);font-size:15px;font-family:var(--font);outline:none;transition:border-color .2s}.auth-field input:focus{border-color:var(--blue, #1e5eff)}.auth-error{font-size:13px;color:#ff5c5c;background:#ff5c5c14;border:1px solid rgba(255,92,92,.25);border-radius:var(--r-xs);padding:10px 12px}.auth-submit{height:48px;border-radius:var(--r-xl);background:var(--grad-org);border:none;color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 24px var(--orange-glow);transition:opacity .2s}.auth-submit:hover{opacity:.88}.auth-submit:disabled{opacity:.55}.auth-trial-note{font-size:12px;color:var(--t3);text-align:center;padding:0 16px 18px}.user-chip{display:flex;align-items:center;gap:8px;height:var(--touch);padding:0 12px 0 4px;border-radius:var(--r-xs);background:var(--s1);border:1px solid var(--b1);font-size:13px;font-weight:600;color:var(--t1)}.user-avatar{width:26px;height:26px;border-radius:50%;background:var(--grad-org);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.plans-wrap{display:flex;flex-direction:column;gap:10px;padding:14px 12px 0}@media (min-width: 540px){.plans-wrap{display:grid;grid-template-columns:1fr 1fr;padding:14px 16px 0}}.plan-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-md);padding:16px;position:relative}.plan-card.featured{border-color:#1e5eff73;background:linear-gradient(135deg,#1e5eff12,#ff6b1a0a)}.plan-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.plan-name{font-size:16px;font-weight:700}.plan-desc{font-size:12px;color:var(--t2);margin-top:2px}.plan-hot{background:var(--grad-org);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:10px}.price-curr{font-size:16px;font-weight:600;color:var(--t2)}.price-amt{font-size:34px;font-weight:800;letter-spacing:-1.5px;line-height:1;font-variant-numeric:tabular-nums}.price-period{font-size:12px;color:var(--t3);margin-left:2px}.plan-limits{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.limit-pill{background:var(--s2);border:1px solid var(--b1);border-radius:8px;padding:3px 8px;font-size:11px;color:var(--t2);font-weight:500}.plan-feats{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.feat-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2)}.feat-row.dim{opacity:.45}.feat-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feat-icon svg{width:9px;height:9px}.feat-icon.yes{background:var(--blue-dim);color:var(--blue-l)}.feat-icon.no{background:#ffffff0a;color:var(--t3)}.plan-cta{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:var(--r-sm);font-size:15px;font-weight:700;transition:all .22s;text-decoration:none;touch-action:manipulation;border:none}.plan-cta.grad{background:var(--grad-org);color:#fff;box-shadow:0 0 16px var(--orange-glow)}.plan-cta.outline{background:transparent;border:1px solid rgba(30,94,255,.4);color:var(--blue-l)}.plan-cta.ghost{background:var(--s2);color:var(--t2)}.plan-cta:active{transform:scale(.97)}.modal-footer{padding:14px 16px;text-align:center}.modal-footer p{font-size:11px;color:var(--t3);line-height:1.8}.modal-footer a{color:var(--blue-l);text-decoration:none}.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--bg-deep);border:1px solid var(--b2);border-radius:var(--r-sm);padding:10px 16px;font-size:13px;z-index:11000;box-shadow:var(--e3)}.cmdk-root{position:fixed;inset:0;z-index:10500;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.cmdk-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none}.cmdk-panel{position:relative;z-index:1;width:100%;max-width:560px;max-height:66vh;display:flex;flex-direction:column;background:var(--bg-deep);border:1px solid var(--b2);border-radius:var(--r-lg);box-shadow:var(--e3);overflow:hidden}@media (prefers-reduced-motion: no-preference){.cmdk-panel{animation:cmdk-in .18s var(--ease-emphasized)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}}.cmdk-search{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--b1)}.cmdk-search svg{width:18px;height:18px;color:var(--t3);flex-shrink:0}.cmdk-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--t1);font-size:16px;font-family:var(--font)}.cmdk-input::placeholder{color:var(--t3)}.cmdk-esc{font-size:10px;font-weight:600;color:var(--t3);border:1px solid var(--b1);border-radius:5px;padding:2px 6px;flex-shrink:0}.cmdk-list{overflow-y:auto;padding:6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.cmdk-empty{padding:26px 16px;text-align:center;color:var(--t3);font-size:13px}.cmdk-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px;border-radius:var(--r-sm);background:none;border:none;color:var(--t2);font-size:14px;text-align:left;transition:background var(--dur-fast)}.cmdk-ico{width:17px;height:17px;color:var(--t3);flex-shrink:0;display:flex;align-items:center}.cmdk-ico svg{width:17px;height:17px}.cmdk-label{flex:1}.cmdk-item.active{background:var(--s2);color:var(--t1)}.cmdk-item.active .cmdk-ico{color:var(--blue-l)}.cmdk-hint{margin-left:auto;font-size:11px;color:var(--t3);font-variant-numeric:tabular-nums}.kbd-hint{background:var(--s2);border:1px solid var(--b1);color:var(--t3);font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;font-family:var(--font);transition:color var(--dur),border-color var(--dur)}.kbd-hint:hover{color:var(--t1);border-color:var(--b2)}.site-footer-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 4px;margin-top:18px}.site-footer-nav button{background:none;border:none;color:var(--t3);font-size:12px;padding:6px 8px;transition:color .2s}.site-footer-nav button:hover{color:var(--t1)}.site-footer-nav .fsep{color:var(--b2);font-size:12px}.site-footer-copy{font-size:11px;color:var(--t3);margin-top:4px}.legal-page{min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.legal-header{border-bottom:1px solid var(--b1);position:sticky;top:0;background:var(--bg);z-index:10}.legal-body{max-width:680px;margin:0 auto;padding:28px 20px calc(60px + env(safe-area-inset-bottom))}.legal-title{font-size:clamp(24px,6vw,32px);font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.legal-updated{font-size:12px;color:var(--t3);margin-bottom:28px}.legal-section{margin-bottom:22px}.legal-section h2{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--t1)}.legal-section p{font-size:14px;line-height:1.7;color:var(--t2)}