.wd-page{--accent:#f06820;--accent-rgb:240,104,32}.wd-hero-visual{flex-shrink:0;width:420px;display:flex;flex-direction:column;gap:14px}.wd-browser{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;backdrop-filter:blur(16px)}.wd-browser-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)}.wd-dots{display:flex;gap:5px}.wd-dots span{width:9px;height:9px;border-radius:50%}.wd-dots span:first-child{background:#f87171}.wd-dots span:nth-child(2){background:#fbbf24}.wd-dots span:nth-child(3){background:#34d399}.wd-url-bar{flex:1;font-size:11px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);border-radius:20px;padding:4px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wd-lighthouse{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(240,104,32,.12);border:1px solid rgba(240,104,32,.25);border-radius:8px;padding:4px 8px;flex-shrink:0}.wd-score{font-size:14px;font-weight:900;color:#f06820;line-height:1}.wd-score-label{font-size:8px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px}.wd-browser-content{padding:0}.wd-split{display:grid;grid-template-columns:1fr 1fr;min-height:180px}.wd-code-pane{padding:16px;background:#0d1117;font-family:Courier New,monospace;font-size:11px;line-height:1.6;position:relative;border-right:1px solid rgba(255,255,255,.06)}.wd-code-line{white-space:nowrap}.wd-code-line.i1{padding-left:12px}.wd-code-line.i2{padding-left:24px}.wd-code-line.i3{padding-left:36px}.kw{color:#ff79c6}.fn{color:#50fa7b}.tag{color:#8be9fd}.attr{color:#ffb86c}.str{color:#f1fa8c}.wd-cursor{display:inline-block;width:2px;height:12px;background:#f06820;animation:wd-blink 1s ease-in-out infinite;vertical-align:middle}@keyframes wd-blink{0%,to{opacity:1}50%{opacity:0}}.wd-preview-pane{padding:16px;background:#f8f8f6;justify-content:center}.wd-preview-hero,.wd-preview-pane{display:flex;flex-direction:column}.wd-preview-hero{gap:8px}.wd-preview-logo{width:40px;height:8px;border-radius:4px;background:#f06820;opacity:.7}.wd-preview-h1{width:90%;height:10px;border-radius:4px;background:#0a0a0a}.wd-preview-h2{width:70%;height:7px;border-radius:4px;background:#666;opacity:.5}.wd-preview-btn{margin-top:6px;display:inline-block;padding:6px 12px;background:#f06820;color:#fff;font-size:10px;font-weight:700;border-radius:5px;width:fit-content}.wd-metric-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wd-chip{padding:8px 10px;border-radius:8px;font-size:10.5px;font-weight:700;text-align:center}.wd-chip.blue,.wd-chip.green,.wd-chip.orange,.wd-chip.purple{background:rgba(240,104,32,.1);border:1px solid rgba(240,104,32,.28);color:#f06820}.wd-tech-section{padding:90px 24px;background:#f8f8f6}.wd-tech-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto}.wd-tech-chip{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e8e8e8;border-radius:100px;font-size:14px;font-weight:600;color:#0a0a0a;transition:border-color .2s,box-shadow .2s,transform .2s}.wd-tech-chip:hover{border-color:var(--chip-color,#f06820);box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-2px)}.wd-tech-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width:1024px){.wd-hero-visual{width:100%;max-width:440px}}@media (max-width:600px){.wd-metric-chips{grid-template-columns:repeat(2,1fr)}.wd-split{grid-template-columns:1fr}.wd-preview-pane{display:none}}