:root{--bg:#04060e;--bg2:#070a14;--surface:#0a0f1e;--surface2:#0d1428;--teal2:#06b6d4;--teal-glow:rgba(34,211,238,0.12);--teal-bdr:rgba(34,211,238,0.18);--amber:#f59e0b;--red:#ef4444;--green:#10b981;--muted:rgba(200,215,235,0.85);--dim:rgba(200,215,235,0.55);--dim2:rgba(200,215,235,0.32);--border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.1);--grid-line:rgba(34,211,238,0.04)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:Syne,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--teal-bdr);border-radius:1px}body:before{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0,black 0,transparent 70%);mask-image:radial-gradient(ellipse 100% 80% at 50% 0,black 0,transparent 70%)}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{background:radial-gradient(ellipse 80% 50% at 20% 0,rgba(34,211,238,.04) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(6,182,212,.03) 0,transparent 55%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(34,211,238,.02) 0,transparent 60%)}.hero-wrap,footer,nav,section{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:0 5vw;height:58px;background:rgba(4,6,14,.7);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.logo,nav{display:flex;align-items:center}.logo{gap:.55rem;text-decoration:none;cursor:pointer}.logo-wordmark{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--white)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--teal)}.nav-cta{font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--teal);border:none;padding:.5rem 1.2rem;cursor:pointer;transition:opacity .2s;border-radius:3px;text-decoration:none}.nav-cta:hover{opacity:.85}.nav-login{font-family:DM Mono,monospace;font-size:.68rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:none;border:1px solid var(--border2);padding:.48rem 1rem;cursor:pointer;border-radius:3px;transition:all .2s}.nav-login:hover{color:var(--white);border-color:rgba(255,255,255,.25)}.nav-auth{display:flex;align-items:center;gap:.5rem}.nav-hamburger{display:none;flex-direction:column;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;justify-content:center}.nav-hamburger span{display:block;height:1px;background:var(--white);transition:transform .3s,opacity .3s}.nav-hamburger span:nth-child(2){width:70%}.nav-hamburger.open span:first-child{transform:translateY(6px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:58px;left:0;right:0;z-index:99;background:rgba(4,6,14,.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-direction:column;padding:1.5rem 5vw 2rem;gap:1.2rem}.mobile-menu.open{display:flex}.mobile-menu a{font-family:DM Mono,monospace;font-size:.85rem;color:var(--muted);text-decoration:none;letter-spacing:.06em}.mobile-menu-auth{display:flex;gap:.8rem;margin-top:.8rem}.inner{max-width:1100px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.22em;margin-bottom:1.4rem}.eyebrow:before{content:"";display:block;width:16px;height:1px;background:var(--teal);opacity:.6}.preview-shell{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 0 60px rgba(34,211,238,.1)}.preview-bar{justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.04);font-size:12px}.preview-dots span{background:#22D3EE;display:inline-block;margin-right:6px}.preview-body{padding:20px}.preview-prompt-box{background:rgba(255,255,255,.05);padding:14px;border-radius:10px;margin-top:8px}.preview-output{margin-top:16px;font-size:13px;opacity:.8}.preview-cursor{animation:blink 1s infinite}.div-line{height:1px;max-width:1100px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--border2) 30%,var(--border2) 70%,transparent);position:relative;z-index:1}h1{font-family:Syne,sans-serif;font-size:clamp(2rem,3.8vw,3.4rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--white)}h1 em{font-style:normal;color:var(--teal)}h2{font-family:Syne,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--white)}h2 em{font-style:normal;color:var(--teal)}h3{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;color:var(--white);letter-spacing:-.01em}section{padding:7rem 5vw}#hero{min-height:100vh;display:flex;padding:5rem 5vw 3rem;overflow:hidden}#hero,.hero-inner{align-items:center}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;width:100%}.hero-left{display:flex;flex-direction:column;align-items:flex-start}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal-bdr);padding:.3rem .8rem;border-radius:2px;margin-bottom:1.2rem;background:rgba(34,211,238,.04)}.hero-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(34,211,238,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,211,238,0)}}.hero-left h1{margin-bottom:.9rem}.hero-sub{font-size:.95rem;color:var(--muted);line-height:1.75;max-width:420px;margin-bottom:1.8rem}.hero-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-bottom:1.6rem}.btn-primary{font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--teal);border:none;padding:.85rem 2rem;cursor:pointer;border-radius:3px;transition:opacity .2s,box-shadow .2s;text-decoration:none;display:inline-block;box-shadow:0 0 24px rgba(34,211,238,.25)}.btn-primary:hover{opacity:.88;box-shadow:0 0 40px rgba(34,211,238,.4)}.btn-secondary{font-family:DM Mono,monospace;font-size:.72rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--border2);padding:.82rem 1.6rem;cursor:pointer;border-radius:3px;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{color:var(--white);border-color:rgba(255,255,255,.28)}.hero-meta{gap:.8rem;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.06em;color:var(--dim)}.hero-meta,.hero-meta span{display:flex;align-items:center}.hero-meta span{gap:.4rem}.hero-meta span:before{display:none}.hero-preview{position:relative;width:100%;max-width:520px;margin-left:auto}.preview-shell{border:1px solid rgba(34,211,238,.22);border-radius:8px;background:rgba(5,8,18,.98);box-shadow:0 0 0 1px rgba(34,211,238,.04),0 0 40px rgba(34,211,238,.06),0 32px 80px rgba(0,0,0,.8),inset 0 1px 0 rgba(34,211,238,.08);overflow:hidden;position:relative}.preview-shell:after,.preview-shell:before{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:2}.preview-shell:before{top:-1px;left:-1px;border-top:2px solid var(--teal);border-left:2px solid var(--teal);border-radius:8px 0 0 0}.preview-shell:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--teal);border-right:2px solid var(--teal);border-radius:0 0 8px 0}.preview-bar{display:flex;align-items:center;gap:.7rem;padding:.7rem 1.1rem;background:rgba(8,12,24,.98);border-bottom:1px solid rgba(34,211,238,.08);position:relative}.preview-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2) 40%,rgba(34,211,238,.2) 60%,transparent)}.preview-dots{display:flex;gap:.35rem}.preview-dots span{width:8px;height:8px;border-radius:50%}.preview-dots span:first-child{background:rgba(239,68,68,.55)}.preview-dots span:nth-child(2){background:rgba(245,158,11,.55)}.preview-dots span:nth-child(3){background:rgba(16,185,129,.55)}.preview-title{letter-spacing:.12em;color:rgba(200,215,235,.3);flex:1;text-align:center;text-transform:uppercase}.preview-status,.preview-title{font-family:DM Mono,monospace;font-size:.6rem}.preview-status{letter-spacing:.06em;color:var(--green);display:flex;align-items:center;gap:.3rem}.preview-body{padding:1.4rem 1.5rem}.preview-prompt-label{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.5);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.preview-prompt-label:before{content:"";width:12px;height:1px;background:var(--teal);opacity:.5}.preview-prompt-box{background:rgba(34,211,238,.03);border:1px solid rgba(34,211,238,.15);border-radius:5px;padding:.85rem 1.1rem;margin-bottom:1.2rem;font-family:DM Mono,monospace;font-size:.82rem;color:rgba(200,215,235,.9);line-height:1.6;min-height:3.2rem;box-shadow:inset 0 1px 0 rgba(34,211,238,.05);position:relative}.preview-prompt-box:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.12),transparent);animation:prompt-scan 3s ease-in-out infinite;pointer-events:none}@keyframes prompt-scan{0%{top:20%}50%{top:75%}to{top:20%}}.preview-typed{color:rgba(200,215,235,.9)}.preview-cursor{color:var(--teal);animation:blink .7s infinite;font-weight:300;font-size:.9rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.preview-output{display:flex;flex-direction:column;gap:.45rem}.preview-line{display:flex;align-items:flex-start;gap:.65rem;font-family:DM Mono,monospace;font-size:.74rem;line-height:1.55;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;padding:.35rem .5rem;border-radius:3px}.preview-line.show{opacity:1;transform:translateY(0)}.preview-line:hover{background:rgba(255,255,255,.025)}.preview-line-icon{flex-shrink:0;margin-top:.1rem;font-size:.72rem}.preview-line-icon.ok{color:var(--teal)}.preview-line-icon.warn{color:var(--amber)}.preview-line-icon.safe{color:var(--green)}.preview-line-icon.dim{color:rgba(200,215,235,.2)}.preview-line-text{color:rgba(200,215,235,.6)}.preview-line-text strong{color:rgba(255,255,255,.92)}.preview-line-text .tag{display:inline-block;font-size:.58rem;padding:.1rem .42rem;border-radius:2px;margin-left:.35rem;vertical-align:middle;letter-spacing:.06em}.tag-changed{background:rgba(34,211,238,.1);color:var(--teal);border:1px solid rgba(34,211,238,.2)}.tag-warn{background:rgba(245,158,11,.08);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.tag-safe{background:rgba(16,185,129,.07);color:var(--green);border:1px solid rgba(16,185,129,.18)}.preview-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.12),transparent);margin:.3rem 0}.preview-apply{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:.7rem 1rem;background:rgba(34,211,238,.04);border:1px solid rgba(34,211,238,.15);border-radius:4px;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s;box-shadow:inset 0 1px 0 rgba(34,211,238,.06)}.preview-apply.show{opacity:1;transform:translateY(0)}.preview-apply-text{font-family:DM Mono,monospace;font-size:.7rem;color:rgba(34,211,238,.8);letter-spacing:.04em}.preview-apply-btn{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--teal);border:none;padding:.38rem .85rem;border-radius:3px;cursor:pointer;box-shadow:0 0 12px rgba(34,211,238,.3);transition:opacity .2s}.preview-apply-btn:hover{opacity:.85}#replace{padding:2rem 5vw}.replace-strip{grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--surface)}.replace-item{padding:1.4rem 1.6rem;border-right:1px solid var(--border);transition:background .2s}.replace-item:last-child{border-right:none}.replace-item:hover{background:var(--surface2)}.replace-label{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.4rem}.replace-name{font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:.3rem}.replace-desc{font-size:.75rem;color:var(--dim);line-height:1.5}.replace-arrow{display:none}#problem{background:var(--bg2)}.prob-layout{grid-template-columns:5fr 4fr;gap:5rem}.fail-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.fail-list li{display:flex;align-items:flex-start;gap:.8rem;font-size:.9rem;color:var(--muted);padding:.7rem .9rem;background:rgba(239,68,68,.04);border-radius:3px;border:1px solid rgba(239,68,68,.1);border-left:2px solid rgba(239,68,68,.4)}.prob-cards{display:flex;flex-direction:column;gap:.8rem}.prob-card{padding:1.4rem 1.5rem;border-radius:4px}.prob-card:hover{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.02)}.prob-card h4{font-size:.88rem;font-weight:700;color:var(--white);margin-bottom:.4rem}.prob-card p{font-size:.8rem;color:var(--dim);line-height:1.65}#mockup{padding:5rem 5vw;background:var(--bg2)}.mock-label{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:1.4rem;text-align:center}.product-mockup{border:1px solid var(--border2);border-radius:6px;background:var(--surface);max-width:900px;margin:0 auto;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(34,211,238,.05)}:root{--bg2:#0f1117;--border:rgba(255,255,255,.08);--surface:rgba(255,255,255,.02);--white:#ffffff;--teal:#22D3EE}#problem{padding:6rem 5vw}.prob-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start}.eyebrow{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}.fail-list{margin-top:1.2rem;padding-left:1.2rem;line-height:1.8;color:var(--white)}.fail-list li{margin-bottom:.6rem}.prob-cards{display:grid;gap:1.2rem}.prob-card{background:var(--surface);border:1px solid var(--border);padding:1.4rem;border-radius:6px}.prob-card h4{margin-bottom:.6rem}.prob-card p{font-size:.88rem;line-height:1.6;color:var(--muted)}#solution{padding:6rem 5vw}.sol-feats{margin-top:2.5rem;grid-template-columns:repeat(2,1fr);gap:2rem}.sol-feat{background:var(--surface);border:1px solid var(--border);padding:1.6rem;border-radius:6px}.sol-feat h4{margin-top:.6rem;margin-bottom:.5rem}.sol-feat p{font-size:.88rem;line-height:1.7;color:var(--muted)}.sf-icon{font-size:1.3rem}.sol-close{margin-top:2.5rem;font-size:1rem;color:var(--white)}.mock-bar{gap:.8rem;padding:.7rem 1rem;background:var(--surface2);border-bottom:1px solid var(--border)}.mock-dots{display:flex;gap:.35rem}.mock-dots span{width:9px;height:9px;background:rgba(255,255,255,.1)}.mock-dots span:first-child{background:rgba(239,68,68,.5)}.mock-dots span:nth-child(2){background:rgba(245,158,11,.5)}.mock-dots span:nth-child(3){background:rgba(16,185,129,.5)}.mock-title{font-size:.65rem;letter-spacing:.08em;color:var(--dim);flex:1;text-align:center}.mock-badge,.mock-title{font-family:DM Mono,monospace}.mock-badge{font-size:.6rem;color:var(--green);letter-spacing:.06em;display:flex;align-items:center;gap:.3rem}.mock-panel{padding:1.4rem}.mock-panel-label{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.mock-panel-right{border-left:1px solid var(--border)}.mock-tree{display:flex;flex-direction:column;gap:.5rem}.mock-node{display:flex;align-items:center;gap:.6rem;font-family:DM Mono,monospace;font-size:.72rem;color:var(--muted);padding:.5rem .7rem;border-radius:3px;border:1px solid var(--border)}.mock-node-root{background:rgba(34,211,238,.05);border-color:var(--teal-bdr);color:var(--white)}.mock-node-child{margin-left:1.2rem;font-size:.68rem}.mock-node-icon{color:var(--teal);opacity:.6;font-size:.7rem}.mock-chip{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:2px;margin-left:auto}.mock-chip-changed{background:rgba(34,211,238,.12);color:var(--teal);border:1px solid var(--teal-bdr)}.mock-chip-warn{background:rgba(245,158,11,.1);color:var(--amber);border:1px solid rgba(245,158,11,.25)}.mock-chip-safe{background:rgba(16,185,129,.1);color:var(--green);border:1px solid rgba(16,185,129,.25)}.mock-impact-title{font-size:.78rem;color:var(--muted);margin-bottom:.9rem;line-height:1.5}.mock-impact-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mock-impact-row{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .7rem;border-radius:3px;font-size:.73rem;color:var(--muted);line-height:1.5}.mock-impact-row.warn{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15)}.mock-impact-row.ok{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15)}.mock-impact-icon{flex-shrink:0;font-weight:700;font-family:DM Mono,monospace;font-size:.7rem}.mock-impact-row.warn .mock-impact-icon{color:var(--amber)}.mock-impact-row.ok .mock-impact-icon{color:var(--green)}.mock-actions{gap:.6rem}.mock-btn-ghost{color:var(--dim);border:1px solid var(--border2)}.mock-btn-ghost,.mock-btn-solid{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .8rem;border-radius:3px}.mock-btn-solid{color:var(--bg);background:var(--teal)}.sol-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-top:2.8rem}.sol-feat{padding:1.8rem 1.5rem;background:var(--bg);transition:background .2s}.sol-feat:hover{background:var(--surface)}.sf-icon{font-size:1.1rem;color:var(--teal);margin-bottom:.8rem;font-family:DM Mono,monospace}.sol-feat h4{font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:.4rem}.sol-feat p{font-size:.78rem;color:var(--dim);line-height:1.65}.sol-close{margin-top:2.2rem;padding:1.2rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--teal);border-radius:0 4px 4px 0;font-size:.9rem;color:var(--muted);line-height:1.7}#how{background:var(--bg2)}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;position:relative}.how-steps:before{content:"";position:absolute;top:2.2rem;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--teal-bdr) 20%,var(--teal-bdr) 80%,transparent);z-index:0}.how-step{padding:0 1.5rem;text-align:center;position:relative;z-index:1}.how-step-num{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}.how-step-dot{width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--teal-bdr);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;position:relative;z-index:1}.how-step-dot svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.how-step h4{font-size:.88rem;font-weight:700;color:var(--white);margin-bottom:.5rem}.how-step p{font-size:.78rem;color:var(--dim);line-height:1.65}.diff-compare{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:3rem}.diff-col{padding:1.8rem 1.5rem;background:var(--bg)}.diff-col.artivex{background:rgba(34,211,238,.025);border-top:2px solid var(--teal)}.diff-cat{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.4rem}.diff-tools{font-size:.78rem;color:rgba(200,215,235,.4);margin-bottom:.8rem;line-height:1.4}.diff-divider{height:1px;background:var(--border);margin-bottom:.8rem}.diff-they{font-size:.8rem;color:var(--dim);line-height:1.6;margin-bottom:.8rem}.diff-we{color:var(--teal);font-style:italic;line-height:1.5;font-family:"Instrument Serif",serif;font-size:.95rem}.diff-deep{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}.diff-deep-card{padding:1.8rem;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.diff-deep-card.accent{border-color:var(--teal-bdr);background:rgba(34,211,238,.03)}.diff-deep-card h3{font-size:.9rem;margin-bottom:.5rem}.diff-deep-card.accent h3{color:var(--teal)}.diff-deep-card p{font-size:.8rem;color:var(--dim);line-height:1.65}#example{background:var(--bg2)}.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}.ex-col{padding:2rem}.ex-col.today{background:rgba(239,68,68,.02)}.ex-col.artvx{background:rgba(34,211,238,.02)}.ex-head{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.ex-col.today .ex-head{color:var(--red)}.ex-col.artvx .ex-head{color:var(--teal)}.ex-items{list-style:none;display:flex;flex-direction:column;gap:.5rem}.ex-items li{display:flex;align-items:flex-start;gap:.7rem;font-size:.83rem;color:var(--muted);line-height:1.6}.ei{flex-shrink:0;font-family:DM Mono,monospace;font-size:.7rem;margin-top:.15rem}.pricing-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}.price-card{padding:2.6rem 2.2rem;background:var(--surface);display:flex;flex-direction:column;position:relative;transition:background .2s}.price-card.featured,.price-card:hover{background:var(--surface2)}.price-card.featured{border-top:2px solid var(--teal)}.price-tier-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.2rem}.price-card:first-child .price-tier-label{color:var(--teal)}.price-card:nth-child(2) .price-tier-label{color:rgba(139,92,246,.9)}.price-card:nth-child(3) .price-tier-label{color:var(--dim)}.price-card h3{font-size:1.1rem;margin-bottom:.5rem;line-height:1.3}.price-card-desc{font-size:.82rem;color:var(--dim);line-height:1.65;margin-bottom:1.6rem;flex:1}.price-rows{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.6rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.price-row:last-child{border-bottom:none}.price-row-label{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.price-row-val{font-size:.88rem;font-weight:700;color:var(--white)}.price-scope{padding:.8rem;background:rgba(34,211,238,.03);border:1px solid rgba(34,211,238,.08);border-radius:3px;margin-bottom:1.4rem;font-size:.75rem;color:var(--dim);line-height:1.6}.price-scope-head{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.35rem}.price-scope-agency{border-color:rgba(139,92,246,.12);background:rgba(139,92,246,.03)}.price-scope-agency .price-scope-head{color:rgba(139,92,246,.8)}.price-cta{display:block;text-align:center;text-decoration:none;padding:.7rem;border-radius:3px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .2s}.price-cta-primary{background:var(--teal);color:var(--bg);box-shadow:0 0 20px rgba(34,211,238,.2)}.price-cta-primary:hover{opacity:.88;box-shadow:0 0 32px rgba(34,211,238,.35)}.price-cta-purple{color:rgba(139,92,246,.9);border:1px solid rgba(139,92,246,.3)}.price-cta-purple:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.5)}.price-cta-ghost{color:var(--dim);border:1px solid var(--border2)}.price-cta-ghost:hover{color:var(--white);border-color:rgba(255,255,255,.25)}.faq-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.faq-group-label{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);padding:.8rem 1.2rem;background:rgba(34,211,238,.03)}.faq-group-label,.faq-item{border-bottom:1px solid var(--border)}.faq-item{cursor:pointer;transition:background .2s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:rgba(255,255,255,.02)}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:.88rem;color:var(--white);font-weight:600}.faq-icon{color:var(--teal);font-size:1rem;font-weight:300;transition:transform .25s;font-family:DM Mono,monospace}.faq-a{display:none;padding:0 1.2rem 1rem;font-size:.83rem;color:var(--muted);line-height:1.8}.faq-a ul{margin:.4rem 0 .4rem 1rem;display:flex;flex-direction:column;gap:.2rem}.faq-item.open .faq-a{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}#social{background:var(--bg2);text-align:center}.quotes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:820px;margin:0 auto}.quote-card{padding:2rem;text-align:left;border:1px solid var(--border);border-radius:4px;background:var(--surface);position:relative;overflow:hidden}.quote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal-bdr) 50%,transparent)}.quote-mark{font-size:3rem;color:var(--teal);opacity:.2;line-height:.5;margin-bottom:1.2rem}.quote-card blockquote,.quote-mark{font-family:"Instrument Serif",serif}.quote-card blockquote{font-size:1rem;color:var(--white);line-height:1.75;font-style:italic}.quote-attr{margin-top:1rem;font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.08em;color:rgba(34,211,238,.5)}#contact{background:var(--bg2)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.contact-card{padding:2.2rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);display:flex;flex-direction:column}.contact-card.teal-accent{border-top:2px solid var(--teal)}.contact-card.purple-accent{border-top:2px solid rgba(139,92,246,.7)}.contact-card-tag{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8rem}.contact-card.teal-accent .contact-card-tag{color:var(--teal)}.contact-card.purple-accent .contact-card-tag{color:rgba(139,92,246,.85)}.contact-card h3{font-size:1.15rem;margin-bottom:.6rem;line-height:1.3}.contact-card-desc{font-size:.85rem;color:var(--muted);line-height:1.75;margin-bottom:1.4rem;flex:1}.contact-points{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.6rem}.contact-point{display:flex;align-items:flex-start;gap:.65rem;font-size:.82rem;color:var(--muted);line-height:1.6}.contact-point-icon{flex-shrink:0;margin-top:.18rem;font-size:.7rem}.contact-card.teal-accent .contact-point-icon{color:var(--teal)}.contact-card.purple-accent .contact-point-icon{color:rgba(139,92,246,.7)}.contact-price-strip{display:flex;gap:.6rem;padding:.9rem;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:3px;margin-bottom:1.4rem;flex-wrap:wrap}.contact-price-item{flex:1;min-width:70px}.contact-price-label{font-family:DM Mono,monospace;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:.25rem}.contact-price-val{font-size:.85rem;font-weight:700;color:var(--white)}.contact-who{padding:1rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:3px;margin-bottom:1.4rem}.contact-who-label{font-family:DM Mono,monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:.6rem}.contact-who ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.contact-who li{font-size:.8rem;color:var(--dim);padding-left:.8rem;position:relative;line-height:1.5}.contact-who li:before{content:"—";position:absolute;left:0;color:var(--border2)}.contact-btn{display:block;text-align:center;text-decoration:none;padding:.75rem;border-radius:3px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .2s;margin-top:auto}.contact-btn-teal{background:var(--teal);color:var(--bg);box-shadow:0 0 20px rgba(34,211,238,.18)}.contact-btn-teal:hover{opacity:.88}.contact-btn-purple{color:rgba(139,92,246,.85);border:1px solid rgba(139,92,246,.3)}.contact-btn-purple:hover{background:rgba(139,92,246,.07);border-color:rgba(139,92,246,.5)}.contact-form-wrap{max-width:620px;margin:0 auto}.contact-form-card{padding:2rem;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.contact-form-card h3{margin-bottom:.4rem;font-size:1.1rem}.contact-form-card p{font-size:.82rem;color:var(--dim);margin-bottom:1.4rem;line-height:1.65}.form-row{display:flex;gap:.6rem}.form-input,.form-select,.form-textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border2);border-radius:3px;padding:.7rem .9rem;font-family:Syne,sans-serif;font-size:.85rem;color:var(--white);outline:none;transition:border-color .2s;margin-bottom:.6rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal-bdr)}.form-textarea{resize:none;line-height:1.6;min-height:90px}.form-select{color:rgba(200,215,235,.55);cursor:pointer}.form-note{font-family:DM Mono,monospace;font-size:.62rem;color:var(--dim);margin-top:.6rem;letter-spacing:.04em}#cta,.form-note{text-align:center}#cta{padding:8rem 5vw;position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(34,211,238,.06) 0,transparent 65%);pointer-events:none}.cta-scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.5) 50%,transparent);animation:scan 5s ease-in-out infinite;opacity:.4}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(600px)}}#cta h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1rem}#cta h2,#cta p{position:relative;z-index:1}#cta p{font-size:1rem;color:var(--muted);max-width:480px;margin:0 auto 2rem;line-height:1.8}.cta-pills{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.4rem;position:relative;z-index:1}.cta-pill{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.08em;color:var(--dim);display:flex;align-items:center;gap:.4rem}.cta-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.5}.cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.cta-btns,.cta-close{position:relative;z-index:1}.cta-close{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);font-size:.88rem;color:var(--dim);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-close strong{color:var(--white)}footer{border-top:1px solid var(--border);background:var(--bg);padding:3.5rem 5vw 2rem;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.footer-brand{display:flex;flex-direction:column;gap:.8rem}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo-text{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--white)}.footer-tagline{font-size:.82rem;color:var(--dim);line-height:1.65;max-width:240px}.footer-socials{display:flex;gap:.5rem;margin-top:.2rem}.footer-social{width:32px;height:32px;border-radius:3px;background:rgba(255,255,255,.04);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.footer-social:hover{background:rgba(34,211,238,.08);border-color:var(--teal-bdr)}.footer-social svg{width:14px;height:14px;fill:var(--dim);transition:fill .2s}.footer-social:hover svg{fill:var(--teal)}.footer-col h5{font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col a{font-size:.82rem;color:var(--dim);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--white)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;flex-wrap:wrap;gap:.8rem}.footer-copy{font-family:DM Mono,monospace;font-size:.65rem;color:rgba(200,215,235,.25);letter-spacing:.06em}.footer-legal{display:flex;gap:1.2rem}.footer-legal a{font-family:DM Mono,monospace;font-size:.65rem;color:rgba(200,215,235,.25);text-decoration:none;letter-spacing:.06em;transition:color .2s}.footer-legal a:hover{color:var(--dim)}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-preview{max-width:460px;margin:0 auto}.hero-left{align-items:center;text-align:center}.hero-sub{text-align:center;margin-left:auto;margin-right:auto}.hero-actions,.hero-meta{justify-content:center}}@media(max-width:860px){.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.prob-layout{grid-template-columns:1fr;gap:3rem}.how-steps{grid-template-columns:1fr 1fr;gap:2rem}.how-steps:before{display:none}.diff-compare,.sol-feats{grid-template-columns:1fr 1fr}.contact-grid,.quotes-grid{grid-template-columns:1fr}.pricing-wrap{grid-template-columns:1fr!important}.diff-deep{grid-template-columns:1fr 1fr}section{padding:5rem 5vw}}@media(max-width:600px){nav .nav-links{display:none}.nav-hamburger{display:flex}.nav-auth{display:none}.replace-strip{grid-template-columns:1fr 1fr!important}.diff-compare,.diff-deep,.ex-grid,.mock-body,.sol-feats{grid-template-columns:1fr}.mock-panel-right{border-left:none;border-top:1px solid var(--border)}.form-row{flex-direction:column}h1{font-size:clamp(1.8rem,8vw,2.8rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}.contact-price-strip{flex-direction:column;gap:.5rem}.preview-shell{font-size:.9em}section{padding:4rem 5vw}}.replace-strip{display:grid;gap:1.2rem}.replace-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:1.4rem;border-radius:14px;transition:all .3s ease}.replace-item:hover{border-color:rgba(34,211,238,.4);box-shadow:0 0 30px rgba(34,211,238,.08);transform:translateY(-4px)}.replace-desc{font-size:.78rem;opacity:.75;line-height:1.4}.product-mockup{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden}.mock-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(255,255,255,.04);font-size:13px}.mock-dots span{width:8px;height:8px;background:#22D3EE;border-radius:50%;display:inline-block;margin-right:6px}.mock-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.mock-panel-label{font-size:12px;opacity:.6;margin-bottom:12px;font-family:DM Mono,monospace}.mock-chip{margin-left:10px;font-size:11px;padding:3px 8px;border-radius:20px}.mock-chip-changed{background:rgba(255,0,0,.15);color:#ff6b6b}.mock-chip-warn{background:rgba(255,165,0,.15);color:orange}.mock-chip-safe{background:rgba(34,211,238,.15);color:#22D3EE}.mock-impact-row.warn .mock-impact-icon{color:orange}.mock-impact-row.ok .mock-impact-icon{color:#22D3EE}.mock-actions{margin-top:20px;display:flex;gap:12px}.mock-btn-ghost{border:1px solid rgba(255,255,255,.2)}.mock-btn-ghost,.mock-btn-solid{padding:10px 16px;border-radius:8px;cursor:pointer}.mock-btn-solid{background:#22D3EE;color:black}