body.seo-page{min-height:100vh}.seo-page .section-header .tag{display:inline-block;position:relative;border:none;border-radius:0;padding:16px 0 0;color:var(--faint);letter-spacing:.3em}.seo-page .section-header .tag:before{content:"";position:absolute;left:0;top:3.5px;width:min(64px,100%);height:1px;background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan-glow) 100%)}.seo-page .section-header .tag:after{content:"";position:absolute;left:0;top:1px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.seo-page main{position:relative;z-index:1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 28px;border:1px solid var(--cyan);background:var(--cyan);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transition:transform var(--dur-ui) var(--ease-out),background var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out),color var(--dur-ui) var(--ease-out)}.button:hover{background:#3df;border-color:#3df;transform:translateY(-1px)}body.light .button:hover{background:#005f88;border-color:#005f88}.button.secondary:hover,body.light .button.secondary:hover{background:transparent}.button.secondary{border-color:var(--border-hi);background:transparent;color:var(--muted)}.button.secondary:hover{border-color:var(--cyan);color:var(--white)}.page-hero{position:relative;min-height:92vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(42px,7vw,96px);align-items:center;max-width:var(--max);margin:0 auto;padding:140px 48px 88px;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:68px 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 22px var(--cyan);opacity:.3;pointer-events:none}.page-hero .eyebrow,.kicker{margin:0 0 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;color:var(--cyan-dim);text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:900px;font-family:var(--font-head);font-size:clamp(42px,5.6vw,78px);font-weight:700;line-height:1.02;letter-spacing:-.02em;color:var(--white);text-wrap:balance}h3{font-family:var(--font-head);font-size:19px;font-weight:600;line-height:1.15;letter-spacing:.04em;color:var(--white)}.seo-page h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:62ch;margin-top:26px;color:var(--muted);font-size:16px;font-weight:300;line-height:1.75;letter-spacing:.01em;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.visual-panel{position:relative;min-height:430px;border:1px solid var(--border-hi);border-radius:var(--radius-2);background:linear-gradient(135deg,var(--bg2),var(--bg3));overflow:hidden}.visual-panel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.visual-panel:before{content:"";position:absolute;inset:34px;border:1px solid var(--border);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:34px 34px;transform:perspective(620px) rotateX(58deg) rotate(-12deg) translateY(40px);transform-origin:center}.visual-panel:after{content:attr(data-label);position:absolute;left:24px;right:24px;bottom:24px;padding:12px 14px;border:1px solid var(--border-hi);background:var(--nav-bg);color:var(--cyan-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;backdrop-filter:blur(10px)}.section{position:relative;z-index:1;padding:104px max(48px,calc((100vw - var(--max)) / 2 + 48px));border-top:1px solid var(--border)}.section.dark{background:var(--bg2)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.spec,.page-link{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2);transition:background var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),box-shadow var(--dur-ui) var(--ease-out)}body.light .card,body.light .spec,body.light .page-link{box-shadow:var(--shadow-card)}.card{display:grid;gap:14px;align-content:start;min-height:100%;padding:30px 28px}.card:hover,.spec:hover,.page-link:hover{background:var(--card-hover);border-color:var(--border-hi);box-shadow:var(--inset-hi)}body.light .card:hover,body.light .spec:hover,body.light .page-link:hover{box-shadow:0 2px 4px #0c203412,0 16px 40px #0c20341f}.page-link:hover{transform:translateY(-2px)}.page-link strong:after{content:" \2192";font-family:var(--font-mono);color:var(--cyan);display:inline-block;transition:transform var(--dur-ui) var(--ease-out)}.page-link:hover strong:after{transform:translate(4px)}.card p,.muted,.list{color:var(--muted);font-size:14px;font-weight:300;line-height:1.75}.list{display:grid;gap:9px;padding-left:18px}.kicker{color:var(--gold);margin-bottom:0}.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.spec{display:grid;gap:8px;min-height:128px;padding:28px}.spec strong{font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1;color:var(--cyan);font-variant-numeric:tabular-nums}.page-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--card)}body.light .compare-table-wrap{box-shadow:var(--shadow-card)}.compare-table{width:100%;min-width:620px;border-collapse:collapse;font-family:var(--font-body)}.compare-table th,.compare-table td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--border);font-size:13px;font-weight:300;line-height:1.6;color:var(--muted)}.compare-table thead th{background:var(--bg3);font-family:var(--font-head);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--white);border-bottom:1px solid var(--border-hi)}.compare-table td:first-child{color:var(--white);font-weight:400}.compare-table th.win,.compare-table td.win{color:var(--cyan)}.compare-table thead th.win{background:var(--bg2)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.page-link{display:grid;gap:8px;padding:24px 26px;text-decoration:none}.page-link strong{color:var(--white);font-family:var(--font-head);font-size:18px;font-weight:600;letter-spacing:.04em}@media(max-width:1024px){.page-hero{grid-template-columns:1fr;padding:128px 32px 72px}.visual-panel{min-height:300px}.section{padding:82px 32px}.grid.two,.grid.three,.specs,.page-links{grid-template-columns:1fr}}@media(max-width:700px){.button{min-height:40px;padding:11px 16px;font-size:10px}.page-hero{min-height:auto;padding:118px 20px 58px}h1{font-size:clamp(36px,13vw,52px)}.hero-actions{align-items:stretch;flex-direction:column}.visual-panel{min-height:250px}.section{padding:68px 20px}}