*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a1628;--bg-deep: #06101f;--grid-line: rgba(96, 208, 255, .06);--grid-line-major: rgba(96, 208, 255, .12);--cyan: #60d0ff;--cyan-dim: rgba(96, 208, 255, .3);--cyan-glow: rgba(96, 208, 255, .15);--cyan-bright: #90e0ff;--white: #e8f0ff;--white-dim: rgba(232, 240, 255, .6);--label: rgba(96, 208, 255, .55);--border: rgba(96, 208, 255, .18);--border-strong: rgba(96, 208, 255, .35);--font-mono: "DM Mono", "Space Mono", "Courier New", monospace;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-tech: "Space Mono", "DM Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--bg);color:var(--white);overflow-x:hidden;line-height:1.6;font-size:14px}.blueprint-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blueprint-bg canvas{width:100%;height:100%}section{position:relative;z-index:1}.container{max-width:1000px;margin:0 auto;padding:0 28px}a{color:var(--cyan);text-decoration:none;transition:color .3s}a:hover{color:var(--cyan-bright)}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 28px;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,var(--bg) 50%,transparent);backdrop-filter:blur(8px);border-bottom:1px dashed var(--border)}.topbar .back{font-family:var(--font-mono);font-size:12px;color:var(--label);letter-spacing:.5px;display:flex;align-items:center;gap:8px}.topbar .back:before{content:"";display:inline-block;width:18px;height:1px;background:var(--cyan-dim)}.topbar .back:hover{color:var(--cyan)}.topbar-right{display:flex;align-items:center;gap:24px}.topbar nav{display:flex;gap:24px}.topbar nav a{font-family:var(--font-mono);font-size:11px;color:var(--white-dim);letter-spacing:1.5px;text-transform:uppercase;position:relative;padding-bottom:2px}.topbar nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--cyan);transition:width .3s}.topbar nav a:hover{color:var(--cyan)}.topbar nav a:hover:after{width:100%}.lang-switcher{position:relative;font-family:var(--font-mono)}.lang-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px dashed var(--border-strong);background:#60d0ff0a;color:var(--cyan);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;cursor:pointer;transition:all .3s;text-transform:uppercase}.lang-btn:hover{background:#60d0ff14;border-color:var(--cyan)}.lang-btn .lang-arrow{font-size:8px;transition:transform .3s}.lang-btn.open .lang-arrow{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;border:1px dashed var(--border-strong);background:var(--bg);backdrop-filter:blur(12px);z-index:200;display:none;flex-direction:column}.lang-dropdown.open{display:flex}.lang-dropdown-header{padding:8px 14px 6px;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--label);border-bottom:1px dashed var(--border)}.lang-option{padding:8px 14px;font-family:var(--font-mono);font-size:11px;color:var(--white-dim);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;border:none;background:none;width:100%;text-align:left}.lang-option:hover{background:#60d0ff0f;color:var(--cyan)}.lang-option.active{color:var(--cyan)}.lang-option.active:after{content:"✓";font-size:10px;color:var(--cyan)}.lang-option+.lang-option{border-top:1px dotted var(--border)}.coord-marker{position:absolute;font-family:var(--font-mono);font-size:9px;color:var(--label);letter-spacing:1px;pointer-events:none;opacity:.6}.annotation-line{position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.annotation-line.visible{opacity:1;transform:translateY(0)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 28px 80px;position:relative}.hero-content{width:100%;max-width:880px;position:relative}.hero-frame{border:1px dashed var(--border-strong);padding:48px 52px;position:relative;background:#0a162880}.hero-frame:before,.hero-frame:after{content:"+";position:absolute;font-family:var(--font-mono);font-size:16px;color:var(--cyan-dim);line-height:1}.hero-frame:before{top:-9px;left:-6px}.hero-frame:after{bottom:-9px;right:-6px}.corner-bl,.corner-tr{position:absolute;font-family:var(--font-mono);font-size:16px;color:var(--cyan-dim);line-height:1}.corner-bl{bottom:-9px;left:-6px}.corner-tr{top:-9px;right:-6px}.dim-top{position:absolute;top:-28px;left:20px;right:20px;display:flex;align-items:center;gap:8px}.dim-top .line{flex:1;height:1px;background:var(--cyan-dim);position:relative}.dim-top .line:before,.dim-top .line:after{content:"";position:absolute;width:1px;height:8px;background:var(--cyan-dim)}.dim-top .line:before{left:0;top:-3.5px}.dim-top .line:after{right:0;top:-3.5px}.dim-top .label{font-family:var(--font-mono);font-size:9px;color:var(--label);white-space:nowrap;letter-spacing:1px}.dim-right{position:absolute;top:20px;bottom:20px;right:-38px;display:flex;flex-direction:column;align-items:center;gap:6px}.dim-right .line{flex:1;width:1px;background:var(--cyan-dim);position:relative}.dim-right .line:before,.dim-right .line:after{content:"";position:absolute;height:1px;width:8px;background:var(--cyan-dim)}.dim-right .line:before{top:0;left:-3.5px}.dim-right .line:after{bottom:0;left:-3.5px}.dim-right .label{font-family:var(--font-mono);font-size:9px;color:var(--label);writing-mode:vertical-lr;letter-spacing:1px}.hero-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border);padding:4px 14px;margin-bottom:24px;position:relative}.hero-badge:before{content:"";position:absolute;left:-20px;top:50%;width:14px;height:1px;background:var(--cyan-dim)}.hero h1{font-family:var(--font-heading);font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;color:var(--white);margin-bottom:20px;letter-spacing:-1px}.hero h1 span{color:var(--cyan);position:relative}.hero-desc{font-size:14px;color:var(--white-dim);max-width:520px;line-height:1.8;margin-bottom:36px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.hero-cta{display:inline-flex;align-items:center;gap:12px;padding:14px 36px;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:1px;background:#60d0ff0d;cursor:pointer;transition:all .4s;text-decoration:none;position:relative}.hero-cta-primary{background:#60d0ff14}.hero-cta-secondary{border-color:var(--border-strong);color:var(--white);background:#60d0ff05}.hero-cta:before{content:"";position:absolute;inset:3px;border:1px dashed var(--border);pointer-events:none;transition:border-color .4s}.hero-cta:hover{background:var(--cyan);color:var(--bg-deep);box-shadow:0 0 30px #60d0ff33,0 0 60px #60d0ff1a}.hero-cta-secondary:hover{background:#60d0ff1a;color:var(--white);box-shadow:0 0 24px #60d0ff1f}.hero-cta:hover:before{border-color:transparent}.hero-cta .arrow{transition:transform .3s}.hero-cta:hover .arrow{transform:translate(4px)}.hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:720px;border:1px dashed var(--border-strong);background:var(--border)}.hero-trust-item{padding:14px 16px;background:#0a1628b8}.hero-trust-label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--label);margin-bottom:6px}.hero-trust-value{display:block;color:var(--white);font-size:12px;line-height:1.6}.hero-blueprint{position:absolute;right:-30px;bottom:-20px;width:260px;height:200px;border:1px dashed var(--border);opacity:.5;display:none}@media (min-width: 860px){.hero-blueprint{display:block}}.bp-browser-bar{height:16px;border-bottom:1px dashed var(--border);display:flex;align-items:center;gap:4px;padding:0 8px}.bp-dot{width:4px;height:4px;border-radius:50%;border:1px solid var(--cyan-dim)}.bp-content{padding:12px;position:relative}.bp-nav{width:100%;height:8px;border:1px dashed var(--cyan-dim);margin-bottom:10px;position:relative}.bp-hero-block{width:60%;height:24px;border:1px dashed var(--cyan-dim);margin-bottom:10px}.bp-cols{display:flex;gap:8px}.bp-col{flex:1;height:50px;border:1px dashed var(--cyan-dim)}.bp-scanner{position:absolute;border:2px solid var(--cyan);box-shadow:0 0 12px #60d0ff4d;pointer-events:none;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:2}.bp-xpath-label{position:absolute;bottom:-22px;left:0;font-family:var(--font-mono);font-size:8px;color:var(--cyan);white-space:nowrap;background:var(--bg);padding:2px 6px;border:1px solid var(--border)}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--label);margin-bottom:12px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:30px;height:1px;background:var(--cyan-dim)}.section-title{font-family:var(--font-heading);font-size:clamp(24px,3.5vw,36px);font-weight:600;color:var(--white);margin-bottom:16px;letter-spacing:-.5px}.section-desc{font-size:13px;color:var(--white-dim);max-width:500px;line-height:1.8;margin-bottom:48px}.features-section{padding:100px 0 80px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px dashed var(--border-strong);position:relative}.features-grid:before{content:attr(data-annotation);position:absolute;top:-30px;right:0;font-family:var(--font-mono);font-size:9px;color:var(--label);letter-spacing:1.5px}.feature-card{padding:32px 24px;background:var(--bg);position:relative;transition:background .4s}.feature-card:hover{background:#60d0ff08}.feature-card:before{content:attr(data-index);position:absolute;top:12px;right:14px;font-family:var(--font-mono);font-size:9px;color:var(--label);opacity:.5}.feature-icon{width:36px;height:36px;border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--cyan);font-size:15px;position:relative}.feature-icon:after{content:"";position:absolute;top:50%;right:-16px;width:12px;height:1px;background:var(--cyan-dim)}.feature-card h3{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--white);margin-bottom:10px}.feature-card p{font-size:12px;color:var(--white-dim);line-height:1.7}.demo-section{padding:100px 0}.demo-frame{border:1px dashed var(--border-strong);position:relative;background:#0a162866}.demo-frame-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px dashed var(--border);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--label)}.demo-frame-header .status{display:flex;align-items:center;gap:6px}.demo-frame-header .status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.demo-grid{display:grid;grid-template-columns:1fr 1fr}.demo-panel{padding:24px}.demo-panel:first-child{border-right:1px dashed var(--border)}.demo-panel-label{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--label);margin-bottom:16px;display:flex;align-items:center;gap:8px}.demo-panel-label:after{content:"";flex:1;height:1px;background:var(--border)}.demo-html-line{padding:3px 8px;font-size:12px;color:var(--white-dim);border-left:2px solid transparent;transition:all .4s;font-family:var(--font-mono);position:relative}.demo-html-line.highlight{color:var(--cyan-bright);background:#60d0ff0f;border-left-color:var(--cyan)}.demo-html-line .tag-name{color:#7eb8da}.demo-html-line .attr-name{color:#90e0ff}.demo-html-line .attr-val{color:var(--cyan)}.demo-html-line .text-content{color:var(--white)}.demo-xpath-block{margin-top:16px;padding:14px 16px;border:1px dashed var(--border);position:relative}.demo-xpath-block:before{content:"";position:absolute;top:-8px;left:20px;width:1px;height:8px;background:var(--cyan-dim)}.demo-xpath-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--label);margin-bottom:8px}.demo-xpath-value{font-size:12px;color:var(--cyan);word-break:break-all;font-family:var(--font-mono)}.demo-xpath-alt{margin-top:6px;font-size:11px;color:var(--white-dim);font-family:var(--font-mono)}.demo-info{margin-top:20px;font-size:12px;color:var(--white-dim);line-height:1.8}.demo-info .key{display:inline-block;padding:2px 8px;border:1px solid var(--border-strong);font-size:10px;color:var(--cyan);font-family:var(--font-mono);background:#60d0ff0d}.install-section{padding:100px 0 120px}.spec-sheet{max-width:680px;margin:0 auto;border:1px dashed var(--border-strong);position:relative;background:#0a162866}.spec-header{padding:24px 32px;border-bottom:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between}.spec-header-left h3{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--white)}.spec-header-left .spec-subtitle{font-size:10px;color:var(--label);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}.spec-header-right{text-align:right;font-family:var(--font-mono);font-size:9px;color:var(--label);letter-spacing:1px;line-height:1.8}.spec-body{padding:28px 32px}.spec-row{display:flex;align-items:baseline;padding:8px 0;border-bottom:1px dotted var(--border);font-size:12px}.spec-row:last-child{border-bottom:none}.spec-label{width:160px;flex-shrink:0;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--label)}.spec-value{color:var(--white);font-family:var(--font-mono)}.spec-footer{padding:24px 32px;border-top:1px dashed var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.install-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--cyan);color:var(--bg-deep);font-family:var(--font-mono);font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .4s;text-decoration:none;letter-spacing:.5px}.install-btn:hover{box-shadow:0 0 30px #60d0ff4d,0 0 60px #60d0ff1a;color:var(--bg-deep);transform:translateY(-2px)}.spec-note{font-size:10px;color:var(--label);letter-spacing:.5px}.stack-section{padding:60px 0 20px}.stack-bar{display:flex;justify-content:center;gap:1px;background:var(--border);border:1px dashed var(--border-strong);max-width:680px;margin:0 auto}.stack-item{flex:1;text-align:center;padding:18px 12px;background:var(--bg);font-size:11px;color:var(--white-dim);transition:all .3s;font-family:var(--font-mono)}.stack-item:hover{background:#60d0ff08;color:var(--cyan)}.stack-item .logo{display:block;font-size:16px;color:var(--cyan);margin-bottom:6px;font-weight:700}footer{position:relative;z-index:1;border-top:1px dashed var(--border);padding:40px 28px;font-size:11px;color:var(--label);letter-spacing:.5px}footer .footer-inner{max-width:680px;margin:0 auto;display:grid;gap:12px;justify-items:center}footer .footer-meta{text-align:center}footer a{color:var(--cyan)}footer .footer-brand-link{display:inline-grid;grid-template-columns:auto auto;gap:6px 14px;align-items:center;padding:14px 18px;border:1px dashed var(--border-strong);background:#60d0ff06;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}footer .footer-brand-link:hover{background:#60d0ff0f;border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 0 18px #60d0ff14}footer .footer-brand-name{font-family:var(--font-heading);font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--cyan);grid-column:1}footer .footer-brand-copy{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--label);grid-column:1}footer .footer-brand-arrow{grid-column:2;grid-row:1 / span 2;font-size:18px;color:var(--cyan)}footer .divider{display:inline-block;width:30px;height:1px;background:var(--border);vertical-align:middle;margin:0 12px}.hero-typewriter{font-family:var(--font-mono);font-size:13px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;min-height:20px}.typewriter-cursor{display:inline-block;width:1px;color:var(--cyan);animation:blink-cursor .8s step-end infinite;margin-left:1px}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.mobile-install-bar{display:none}.draw-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.draw-in.visible{opacity:1;transform:translateY(0)}.stagger-children .feature-card{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible .feature-card{opacity:1;transform:translateY(0)}.stagger-children.visible .feature-card:nth-child(1){transition-delay:0s}.stagger-children.visible .feature-card:nth-child(2){transition-delay:.08s}.stagger-children.visible .feature-card:nth-child(3){transition-delay:.16s}.stagger-children.visible .feature-card:nth-child(4){transition-delay:.24s}.stagger-children.visible .feature-card:nth-child(5){transition-delay:.32s}.stagger-children.visible .feature-card:nth-child(6){transition-delay:.4s}@keyframes draw-line-h{0%{width:0}to{width:100%}}@keyframes draw-line-v{0%{height:0}to{height:100%}}.line-draw-h{overflow:hidden}.line-draw-h:after{content:"";display:block;width:0;height:1px;background:var(--cyan-dim)}.line-draw-h.visible:after{animation:draw-line-h 1s ease forwards}@media (max-width: 768px){.demo-grid{grid-template-columns:1fr}.demo-panel:first-child{border-right:none;border-bottom:1px dashed var(--border)}.features-grid{grid-template-columns:repeat(2,1fr)}.hero-frame{padding:32px 28px}.hero-trust{grid-template-columns:1fr}.dim-right{display:none}.topbar nav{display:none}.spec-header{flex-direction:column;align-items:flex-start;gap:12px}.spec-footer{flex-direction:column;align-items:flex-start}.stack-bar{flex-wrap:wrap}.stack-item{min-width:30%}.mobile-install-bar{display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:150}.mobile-install-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 18px;border:1px solid var(--cyan);background:#0a1628f0;color:var(--cyan);text-decoration:none;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;box-shadow:0 10px 30px #00000059;backdrop-filter:blur(10px)}.install-section{padding-bottom:160px}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}.hero-frame{padding:24px 20px}.hero-actions{flex-direction:column}.hero-cta{width:100%;justify-content:center}.dim-top{display:none}.spec-body,.spec-header,.spec-footer{padding:20px}.spec-row{flex-direction:column;gap:4px}.spec-label{width:auto}footer .footer-brand-link{grid-template-columns:1fr;justify-items:center;text-align:center}footer .footer-brand-arrow{grid-column:1;grid-row:auto}}