: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, .56);--t3: rgba(244, 246, 255, .3);--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}*{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}.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)}.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}.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-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 svg{width:11px;height:11px}.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;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:6px;right:8px;width:92px;height:92px;pointer-events:none;opacity:.92;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}.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}.mock-browser-bar{display:flex;gap:5px;margin-bottom:10px}.mock-browser-bar span{width:7px;height:7px;border-radius:50%;background:var(--b2)}.mock-build-body{background:var(--bg-deep);border-radius:var(--r-sm);padding:12px;border:1px solid var(--b1);position:relative}.mock-build-live{position:absolute;top:-21px;right:0;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)}}.mock-block{border-radius:6px;background:linear-gradient(100deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:200% 100%;transform-origin:left;animation:shimmer 2.6s ease-in-out infinite,build-grow 5.5s cubic-bezier(.65,0,.35,1) infinite}.mock-nav{height:10px;width:55%;margin-bottom:10px;animation-delay:0s,0s}.mock-row{display:flex;gap:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes build-grow{0%{transform:scaleX(0);opacity:.25}10%{transform:scaleX(1);opacity:1}75%{transform:scaleX(1);opacity:1}90%{transform:scaleX(.1);opacity:.25}to{transform:scaleX(0);opacity:.25}}.mock-hero-content{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;margin-bottom:10px;animation:build-reveal 5.5s cubic-bezier(.65,0,.35,1) infinite;animation-delay:.45s}.mock-hero-heading{font-size:clamp(10px,3.6cqw,14px);font-weight:800;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.mock-hero-cta{flex-shrink:0;font-size:clamp(9px,2.6cqw,11px);font-weight:700;color:#fff;padding:6px 12px;border-radius:8px;background:var(--grad-org);white-space:nowrap;box-shadow:0 2px 10px #ff6b1a40}.mock-feat-chip{flex:1;height:26px;border-radius:6px;background:var(--s2);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;font-size:clamp(8px,2.4cqw,10px);font-weight:600;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;animation:build-reveal 5.5s cubic-bezier(.65,0,.35,1) infinite}.mock-row .mock-feat-chip:nth-child(1){animation-delay:.95s}.mock-row .mock-feat-chip:nth-child(2){animation-delay:1.1s}.mock-row .mock-feat-chip:nth-child(3){animation-delay:1.25s}@keyframes build-reveal{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}90%{opacity:0;transform:translateY(4px)}to{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.mock-block{animation:shimmer 2.6s ease-in-out infinite;transform:none}.mock-build-live-dot{animation:none;opacity:1}.mock-hero-content,.mock-feat-chip{animation:none;opacity:1;transform:none}}.demo-corner-badge{position:absolute;bottom:10px;right:10px;width:clamp(30px,16cqw,46px);aspect-ratio:1;border-radius:50%;background:var(--bg-deep);border:1px solid var(--b2);box-shadow:0 4px 14px #00000059;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-spinner{width:55%;aspect-ratio:1;border-radius:50%;border:2.5px solid var(--b2);border-top-color:var(--blue-l);animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.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}}.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)}@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}}.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:0 8px 32px #00000080}.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)}