:root{--dev-olive:#2e2910;--dev-olive-dark:#19160a;--dev-olive-deep:#100f06;--dev-forest:#2c5745;--dev-forest-dark:#173024;--dev-forest-glow:#2c574566;--dev-cream:#ebe3a7;--dev-cream-dim:#ebe3a7b8;--dev-cream-subtle:#ebe3a71f;--dev-amber:#eb7d00;--dev-amber-hover:#ff911a;--dev-amber-glow:#eb7d0066;--dev-surface:#1e1a0bd9;--dev-surface-card:#191609eb;--dev-border:#ebe3a724;--dev-border-active:#eb7d0099}body.webdev-page{background-color:var(--dev-olive-deep);color:var(--dev-cream);font-family:var(--font-main);position:relative;overflow-x:clip}.webdev-bg-pattern{z-index:-3;pointer-events:none;background:radial-gradient(circle at 20% 15%,#2c574559 0%,#0000 45%),radial-gradient(circle at 80% 60%,#eb7d001f 0%,#0000 50%),radial-gradient(circle at 50% 90%,#2c574533 0%,#0000 40%),linear-gradient(#141208 0%,#1f1b0b 45%,#100f06 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.webdev-bg-grid-overlay{z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#ebe3a708 1px,#0000 1px),linear-gradient(#ebe3a708 1px,#0000 1px);background-size:60px 60px;width:100vw;height:100vh;position:fixed;top:0;left:0}.webdev-page-container{max-width:1280px;margin:0 auto;padding:140px 24px 80px;position:relative}@media (width<=768px){.webdev-page-container{padding:100px 16px 60px}}.webdev-hero-section{margin-bottom:50px;position:relative}.webdev-hero-cinematic-bg{z-index:-1;pointer-events:none;width:100vw;height:720px;position:absolute;top:-120px;left:50%;overflow:hidden;transform:translate(-50%)}.webdev-hero-cinematic-bg img{-o-object-fit:cover;object-fit:cover;opacity:.38;filter:contrast(1.1)brightness(.85);width:100%;height:100%;animation:24s ease-in-out infinite alternate cinematicDrift}.webdev-hero-cinematic-bg:after{content:"";background:radial-gradient(#0000 20%,#100f06 75%),linear-gradient(#100f0633 0%,#100f06 100%);position:absolute;inset:0}@keyframes cinematicDrift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1%,-1.5%)}}.webdev-hero-header{text-align:center;flex-direction:column;align-items:center;max-width:980px;margin:0 auto 36px;display:flex}.webdev-hero-title{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--dev-cream);text-wrap:balance;margin-bottom:22px;font-size:clamp(2.6rem,5.8vw,4.6rem);font-weight:800;line-height:1.08}.webdev-hero-sub{color:var(--dev-cream-dim);max-width:760px;margin-bottom:34px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.webdev-hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.dev-btn-primary{background:var(--dev-amber);color:#120e00;box-shadow:0 4px 20px var(--dev-amber-glow);border:1px solid var(--dev-amber);letter-spacing:.3px;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:14px 28px;font-size:.98rem;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex}.dev-btn-primary:hover:not(:disabled){background:var(--dev-amber-hover);color:#000;transform:translateY(-2px);box-shadow:0 8px 30px #eb7d0099}.dev-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dev-btn-secondary{color:var(--dev-cream);border:1px solid var(--dev-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c57454d;border-radius:6px;align-items:center;gap:10px;padding:14px 28px;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .22s;display:inline-flex}.dev-btn-secondary:hover{border-color:var(--dev-cream);color:#fff;background:#2c57458c;transform:translateY(-2px)}.webdev-hero-status{color:var(--dev-cream-dim);align-items:center;gap:8px;font-size:.86rem;font-weight:500;display:inline-flex}.status-dot-square{background-color:#2ed573;border-radius:2px;width:8px;height:8px;box-shadow:0 0 10px #2ed573}.laptop-builder-wrapper{perspective:1500px;width:100%;margin:10px auto 80px;padding-bottom:20px;position:relative}.laptop-aura-glow{filter:blur(65px);z-index:0;pointer-events:none;background:radial-gradient(circle,#eb7d0029 0%,#2c574540 40%,#0000 70%);width:75%;height:440px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.laptop-stage-nav{z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1060px;margin:0 auto 26px;display:flex;position:relative}.stage-nav-tab-group{border:1px solid var(--dev-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161308e6;border-radius:8px;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.stage-tab-btn{color:var(--dev-cream-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.stage-tab-btn .tab-idx{color:var(--dev-amber);font-family:monospace;font-weight:700}.stage-tab-btn.active{background:var(--dev-forest);color:#fff;box-shadow:0 4px 15px var(--dev-forest-glow);border-color:#ebe3a747}.stage-tab-btn:hover:not(.active){color:var(--dev-cream);background:#ebe3a70f}.stage-tour-btn{border:1px solid var(--dev-amber);color:var(--dev-amber);cursor:pointer;background:#eb7d0026;border-radius:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s}.stage-tour-btn:hover,.stage-tour-btn.active{background:var(--dev-amber);color:#120e00;box-shadow:0 4px 20px var(--dev-amber-glow)}.laptop-scene{z-index:2;max-width:1040px;margin:0 auto;position:relative}.laptop-chassis{transform-style:preserve-3d;transition:transform .15s ease-out}.laptop-screen-bezel{background:#080703;border:14px solid #1f1b0a;border-bottom:2px solid #141206;border-radius:16px 16px 0 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #443c19,0 0 0 2.5px #151307,inset 0 0 0 1.5px #ffffff14,inset 0 0 0 3px #050502,0 28px 80px #000000f2}.laptop-camera-bar{z-index:20;background:#141206;border:1px solid #ebe3a71f;border-top:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:120px;height:12px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.camera-housing{align-items:center;gap:8px;display:flex}.camera-lens{background:#090909;border:1px solid #2e2b20;border-radius:50%;width:6px;height:6px;box-shadow:inset 0 0 2px #000}.camera-led{background:#2b281b;border-radius:50%;width:4px;height:4px;transition:all .3s}.camera-led.active{background:#2ed573;box-shadow:0 0 8px #2ed573}.laptop-screen-glare{pointer-events:none;z-index:15;background:linear-gradient(125deg,#ffffff09 0%,#0000 55%);width:45%;height:100%;position:absolute;top:0;right:0}.laptop-screen-content{height:580px;min-height:560px;color:var(--dev-cream);background:#121006;flex-direction:column;display:flex;position:relative;overflow:hidden auto}@media (width<=768px){.laptop-screen-content{height:500px;min-height:500px}}.laptop-keyboard-deck{background:linear-gradient(#332d13 0%,#1a1608 50%,#100e05 100%);border:1px solid #ebe3a72e;border-top-color:#4a411e;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;height:28px;padding:0 30px;display:flex;position:relative;box-shadow:0 0 0 1px #110f05,inset 0 1px #ffffff1f,0 15px 40px #000c}.keyboard-hinge{background:#090803;border-radius:2px;width:320px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000}.laptop-speaker-grille{opacity:.6;background-image:radial-gradient(#050502 35%,#0000 35%);background-size:3px 3px;width:70px;height:6px}.trackpad-indent{border-top:1px solid #ebe3a733;border-radius:2px 2px 0 0;width:140px;height:6px}.laptop-notch-opener{background:#080703;border:1px solid #ebe3a726;border-top:none;border-radius:0 0 6px 6px;width:90px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.laptop-desk-shadow{filter:blur(16px);background:radial-gradient(#000000f2 0%,#2c574540 50%,#0000 80%);width:92%;height:38px;margin:0 auto}.stage-screen{flex-direction:column;height:100%;padding:22px;display:flex}.stage-panel-header{border-bottom:1px solid #ebe3a71f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.step-count-pill{color:var(--dev-amber);border:1px solid var(--dev-amber);background:#eb7d0026;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-family:monospace;font-size:.68rem;font-weight:800;display:inline-block}.stage-panel-header h4{font-family:var(--font-heading);color:var(--dev-cream);margin:0;font-size:1.15rem}.mini-tool-btn{border:1px solid var(--dev-border);color:var(--dev-cream);cursor:pointer;background:#2c57454d;border-radius:4px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .2s}.mini-tool-btn.active{color:#fff;background:#ff4757;border-color:#ff4757}.stage-research{position:relative}.virtual-research-mouse{z-index:40;pointer-events:none;align-items:center;gap:6px;transition:all .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.mouse-audit-tag{background:var(--dev-amber);color:#000;border-radius:3px;padding:2px 6px;font-size:.68rem;font-weight:800;box-shadow:0 4px 12px #0009}.research-layout-grid{flex-grow:1;grid-template-columns:1.2fr 1fr;gap:16px;display:grid}@media (width<=750px){.research-layout-grid{grid-template-columns:1fr}}.competitors-list{flex-direction:column;gap:10px;display:flex}.competitor-card{border:1px solid var(--dev-border);cursor:pointer;background:#0006;border-radius:8px;padding:12px 14px;transition:all .2s}.competitor-card:hover{border-color:var(--dev-cream-dim)}.competitor-card.active{border-color:var(--dev-amber);background:#2c574540}.competitor-card.heatmap-hot{border-color:#ff4757;box-shadow:inset 0 0 20px #ff475759}.comp-card-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.comp-name{color:var(--dev-cream);font-size:.88rem;font-weight:700}.comp-score-badge{border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:800}.score-100{color:#000;background:#2ed573}.score-bad{color:#fff;background:#ff4757}.comp-url{color:var(--dev-cream-dim);margin-bottom:6px;font-family:monospace;font-size:.7rem;display:block}.comp-issues{color:var(--dev-cream-dim);font-size:.76rem;line-height:1.4}.research-inspector-pane{border:1px solid var(--dev-border);background:#090803;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.inspector-head{border-bottom:1px solid #ebe3a71a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.ins-title{color:var(--dev-cream);font-size:.78rem;font-weight:700}.ins-status{color:var(--dev-amber);font-size:.65rem;font-weight:700}.inspector-radar-box{flex-direction:column;gap:8px;display:flex}.radar-metric-row{color:var(--dev-cream-dim);justify-content:space-between;font-size:.74rem;display:flex}.developer-notes-box{border-left:3px solid var(--dev-amber);background:#2c574533;border-radius:0 6px 6px 0;margin-top:auto;padding:10px 12px}.developer-notes-box strong{color:var(--dev-amber);margin-bottom:4px;font-size:.74rem;display:block}.developer-notes-box p{color:var(--dev-cream);margin:0;font-size:.75rem;line-height:1.4}.stage-tokens-workbench{position:relative}.workbench-grid{flex-grow:1;grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=750px){.workbench-grid{grid-template-columns:1fr}}.wb-label{color:var(--dev-cream);margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.wb-swatches-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wb-swatch-box{border:1px solid var(--dev-border);cursor:pointer;background:#0006;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:all .15s;display:flex}.wb-swatch-box:hover,.wb-swatch-box.active-accent{border-color:var(--dev-amber)}.wb-swatch-chip{border:1px solid #fff3;border-radius:4px;width:24px;height:24px}.wb-swatch-info strong{color:var(--dev-cream);font-size:.78rem;display:block}.wb-swatch-info small{color:var(--dev-cream-dim);font-size:.65rem}.wb-copied-alert{color:#000;text-align:center;background:#2ed573;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:.72rem;font-weight:700}.wb-font-pair-list{flex-direction:column;gap:6px;display:flex}.wb-font-card{border:1px solid var(--dev-border);cursor:pointer;background:#00000059;border-radius:6px;padding:8px 12px}.wb-font-card.selected{border-color:var(--dev-amber);background:#eb7d001f}.wb-font-card strong{color:var(--dev-cream);font-size:.8rem;display:block}.wb-font-card small{color:var(--dev-cream-dim);font-size:.68rem}.workbench-preview-pane{border:1px solid var(--dev-border);border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.wb-preview-header{border-bottom:1px solid #ebe3a71a;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.live-pill{color:#2ed573;background:#2ed57326;border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:800}.wb-sliders{color:var(--dev-cream-dim);align-items:center;gap:8px;font-size:.68rem;display:flex}.wb-sliders input{width:60px}.wb-preview-body h2{margin-bottom:8px;font-size:1.8rem;line-height:1.1}.wb-preview-body p{margin-bottom:16px;font-size:.85rem;line-height:1.5}.wb-contrast-badge{color:#2ed573;background:#00000080;border:1px solid #2ed57366;border-radius:4px;padding:6px 10px;font-size:.72rem;display:inline-block}.stage-ai-workspace{position:relative}.dev-tool-tabs{gap:4px;display:flex}.tool-tab-btn{border:1px solid var(--dev-border);color:var(--dev-cream-dim);cursor:pointer;background:#0006;border-radius:4px;padding:4px 10px;font-size:.72rem;font-weight:700}.tool-tab-btn.active{background:var(--dev-forest);border-color:var(--dev-amber);color:#fff}.ai-workspace-split{flex-grow:1;grid-template-columns:1.35fr 1fr;gap:16px;display:grid}@media (width<=750px){.ai-workspace-split{grid-template-columns:1fr}}.ai-chat-column{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.ai-chat-box{border:1px solid var(--dev-border);background:#090803;border-radius:8px;flex-direction:column;flex-grow:1;gap:10px;padding:14px;display:flex}.chat-msg{align-items:flex-start;gap:10px;display:flex}.chat-avatar{background:var(--dev-forest);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;display:flex}.agent-av{background:var(--dev-amber);color:#000}.chat-bubble{background:#ebe3a70f;border-radius:6px;flex-grow:1;padding:10px 12px}.chat-bubble strong{color:var(--dev-cream);margin-bottom:3px;font-size:.74rem;display:block}.chat-bubble p{color:var(--dev-cream-dim);margin-bottom:6px;font-size:.76rem;line-height:1.4}.streamed-code-block{color:#2ed573;background:#000;border:1px solid #ebe3a726;border-radius:4px;margin:0;padding:8px 10px;font-family:Geist Mono,monospace;font-size:.7rem;overflow-x:auto}.streaming-indicator{color:var(--dev-amber);align-items:center;gap:6px;margin-top:6px;font-size:.68rem;display:flex}.stream-dot{background:var(--dev-amber);border-radius:50%;width:6px;height:6px;animation:.8s infinite blink}.ai-prompt-quick-actions{border:1px solid var(--dev-border);background:#0006;border-radius:6px;padding:10px}.qa-label{color:var(--dev-cream-dim);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.qa-buttons-row{flex-wrap:wrap;gap:6px;display:flex}.qa-btn{border:1px solid var(--dev-border);color:var(--dev-cream);cursor:pointer;background:#2c57454d;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .15s}.qa-btn.active{background:var(--dev-amber);color:#000;border-color:var(--dev-amber)}.ai-telemetry-column{flex-direction:column;gap:12px;display:flex}.telemetry-card{border:1px solid var(--dev-border);background:#090803;border-radius:8px;padding:14px}.telemetry-card h6{color:var(--dev-amber);margin-bottom:10px;font-family:monospace;font-size:.78rem}.telemetry-list{flex-direction:column;gap:6px;list-style:none;display:flex}.telemetry-list li{color:var(--dev-cream-dim);align-items:center;gap:8px;font-size:.74rem;display:flex}.status-dot-green{background:#2ed573;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #2ed573}.figma-sync-card{border:1px solid var(--dev-border);background:#2c574533;border-radius:8px;padding:14px}.figma-header{color:var(--dev-cream);justify-content:space-between;margin-bottom:6px;font-size:.74rem;font-weight:700;display:flex}.sync-tag{color:#2ed573;font-size:.65rem}.figma-sync-card p{color:var(--dev-cream-dim);margin:0;font-size:.72rem;line-height:1.4}.stage-dns-propagation{position:relative}.dns-dashboard-grid{flex-grow:1;grid-template-columns:1.3fr 1fr;gap:16px;display:grid}@media (width<=750px){.dns-dashboard-grid{grid-template-columns:1fr}}.dns-records-card{border:1px solid var(--dev-border);background:#090803;border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.dns-domain-row{border-bottom:1px solid #ebe3a71a;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.domain-globe{font-size:1.2rem}.dns-domain-row strong{color:var(--dev-cream);font-size:.95rem;display:block}.dns-domain-row small{color:var(--dev-cream-dim);font-size:.68rem}.ssl-secured-badge{color:#2ed573;background:#2ed57326;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700}.dns-table{border-collapse:collapse;width:100%;margin-bottom:14px;font-size:.72rem}.dns-table th{text-align:left;color:var(--dev-cream-dim);border-bottom:1px solid #ebe3a71a;padding:6px 4px}.dns-table td{color:var(--dev-cream);padding:6px 4px}.dns-table code{color:var(--dev-amber);font-family:monospace}.table-status-green{color:#2ed573;font-weight:700}.dns-security-status{background:#2c574540;border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;font-size:.7rem;display:flex}.dns-security-status strong{color:var(--dev-cream)}.dns-security-status span{color:var(--dev-cream-dim)}.dns-nodes-card{border:1px solid var(--dev-border);background:#090803;border-radius:8px;flex-direction:column;padding:16px;display:flex}.dns-nodes-card h6{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:12px;font-size:.85rem}.dns-nodes-list{flex-direction:column;gap:8px;display:flex}.dns-node-item{border:1px solid var(--dev-border);background:#0006;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.node-city{color:var(--dev-cream);font-size:.76rem;font-weight:700;display:block}.node-ip{color:var(--dev-cream-dim);font-family:monospace;font-size:.65rem}.node-status-wrap{align-items:center;gap:8px;display:flex}.node-lat{color:var(--dev-amber);font-family:monospace;font-size:.7rem}.node-indicator{border-radius:50%;width:8px;height:8px}.node-indicator.online{background:#2ed573;box-shadow:0 0 6px #2ed573}.node-indicator.checking{background:#ffa502;animation:.5s infinite blink}.stage-macos-browser{background:#0d0c05;flex-direction:column;height:100%;padding:0;display:flex;position:relative}.macos-window-header{-webkit-user-select:none;user-select:none;background:#1c1809;border-bottom:1px solid #ebe3a724;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.macos-traffic-lights{align-items:center;gap:7px;display:flex}.traffic-light{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.tl-red{background:#ff5f56;border:1px solid #e0443e}.tl-yellow{background:#ffbd2e;border:1px solid #dea123}.tl-green{background:#27c93f;border:1px solid #1aab29}.tl-icon{color:#000000a6;opacity:0;font-size:8px;font-weight:900;line-height:1;transition:opacity .15s}.macos-traffic-lights:hover .tl-icon{opacity:1}.macos-nav-arrows{align-items:center;gap:4px;display:flex}.macos-icon-btn{color:var(--dev-cream-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.macos-icon-btn:hover:not(:disabled){color:var(--dev-cream);background:#ebe3a71a}.macos-icon-btn:disabled{opacity:.3;cursor:default}.macos-search-bar{cursor:pointer;background:#0d0c05;border:1px solid #ebe3a729;border-radius:6px;flex-grow:1;justify-content:space-between;align-items:center;gap:8px;max-width:480px;padding:4px 12px;transition:all .2s;display:flex}.macos-search-bar:hover{border-color:var(--dev-amber);background:#141207}.macos-padlock{opacity:.8;font-size:.72rem}.macos-url-text{color:var(--dev-cream);white-space:nowrap;text-overflow:ellipsis;font-family:Geist Mono,Consolas,Monaco,monospace;font-size:.76rem;font-weight:500;overflow:hidden}.macos-ssl-badge{color:#2ed573;white-space:nowrap;background:#2ed57326;border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:700}.macos-copied-badge{color:#000;background:var(--dev-amber);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:700}.macos-window-right-actions{align-items:center;gap:8px;display:flex}.macos-lang-toggle{color:var(--dev-cream);cursor:pointer;background:#ebe3a71f;border:1px solid #ebe3a733;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.macos-lang-toggle:hover{background:var(--dev-forest);color:#fff}.macos-tab-strip{background:#141207;border-bottom:1px solid #ebe3a71a;align-items:center;gap:4px;padding:0 10px;display:flex}.macos-tab{background:#0d0c05;border:1px solid #ebe3a71f;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:8px;max-width:220px;padding:5px 14px;display:flex}.tab-favicon{color:var(--dev-amber);font-size:.7rem}.tab-title{color:var(--dev-cream);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.tab-close{color:var(--dev-cream-dim);cursor:pointer;font-size:.65rem}.macos-tab-new{color:var(--dev-cream-dim);cursor:pointer;padding:2px 8px;font-size:.9rem}.macos-browser-viewport{scroll-behavior:smooth;background:#0e0d05;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.macos-browser-viewport::-webkit-scrollbar{width:8px}.macos-browser-viewport::-webkit-scrollbar-track{background:#0d0c05}.macos-browser-viewport::-webkit-scrollbar-thumb{background:var(--dev-forest);border-radius:4px}.demo-site-hero{background:linear-gradient(#2c574540 0%,#0e0d05 100%);border-bottom:1px solid #ebe3a71a;padding:20px 24px 24px}.demo-site-nav{border-bottom:1px solid #ebe3a714;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.demo-brand{color:var(--dev-cream);letter-spacing:.5px;cursor:pointer;font-size:1rem;font-weight:800}.demo-nav-anchors{gap:6px;display:flex}.demo-nav-anchors button{color:var(--dev-cream-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.74rem;transition:all .15s}.demo-nav-anchors button:hover{color:var(--dev-cream);background:#ebe3a714}.demo-nav-cta{font-weight:700;color:var(--dev-amber)!important}.demo-hero-body{max-width:600px}.demo-hero-kicker{color:var(--dev-amber);letter-spacing:.8px;margin-bottom:4px;font-family:monospace;font-size:.68rem;font-weight:700;display:block}.demo-hero-body h4{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:2px;font-size:1.6rem;line-height:1.1}.demo-hero-author{color:var(--dev-amber);margin-bottom:8px;font-size:.82rem;font-weight:600}.demo-hero-desc{color:var(--dev-cream-dim);font-size:.8rem;line-height:1.5}.demo-section{border-bottom:1px solid #ebe3a714;padding:24px}.demo-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.demo-section-header h5{font-family:var(--font-heading);color:var(--dev-cream);font-size:1.05rem}.demo-filter-tabs{gap:4px;display:flex}.demo-filter-btn{color:var(--dev-cream-dim);cursor:pointer;background:#0006;border:1px solid #ebe3a71f;border-radius:4px;padding:4px 10px;font-size:.72rem;transition:all .15s}.demo-filter-btn:hover{color:var(--dev-cream);border-color:var(--dev-cream-dim)}.demo-filter-btn.active{background:var(--dev-forest);border-color:var(--dev-amber);color:#fff;font-weight:700}.demo-masonry-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=700px){.demo-masonry-grid{grid-template-columns:repeat(2,1fr)}}.demo-photo-item{cursor:pointer;background:#141207;border:1px solid #ebe3a71f;border-radius:6px;height:120px;transition:all .2s;position:relative;overflow:hidden}.demo-photo-item:hover{border-color:var(--dev-amber);transform:translateY(-2px)}.demo-photo-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.demo-photo-item:hover img{transform:scale(1.06)}.demo-photo-overlay{background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:8px;display:flex;position:absolute;inset:0}.demo-photo-overlay strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.demo-photo-overlay small{color:var(--dev-amber);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.photo-loc{color:var(--dev-cream-dim);font-size:.58rem}.demo-bento-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=650px){.demo-bento-grid{grid-template-columns:1fr}}.demo-bento-card{background:#2c57452e;border:1px solid #ebe3a71f;border-radius:8px;padding:16px}.demo-bento-card.span-2{grid-column:span 2}@media (width<=650px){.demo-bento-card.span-2{grid-column:span 1}}.demo-bento-author-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.demo-bento-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid var(--dev-amber);border-radius:6px;width:44px;height:44px}.demo-bento-card h6{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:2px;font-size:.95rem}.demo-bento-sub{color:var(--dev-amber);font-size:.72rem}.demo-bento-text{color:var(--dev-cream-dim);font-size:.76rem;line-height:1.5}.demo-gear-items{flex-direction:column;gap:4px;margin-top:8px;list-style:none;display:flex}.demo-gear-items li{color:var(--dev-cream);align-items:center;gap:6px;font-size:.74rem;display:flex}.demo-band-row{align-items:center;gap:12px;display:flex}.demo-band-thumb{-o-object-fit:cover;object-fit:cover;border:1px solid #ebe3a733;border-radius:6px;width:48px;height:48px}.demo-band-desc{color:var(--dev-cream-dim);font-size:.74rem;line-height:1.4}.demo-mini-score-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.demo-score-chip{background:#0006;border:1px solid #2ed57366;border-radius:4px;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.score-num{color:#2ed573;font-size:.92rem;font-weight:800}.score-lbl{color:var(--dev-cream-dim);font-size:.6rem}.demo-contact-strip{background:linear-gradient(90deg,#2c57454d 0%,#eb7d0026 100%);border-bottom:1px solid #ebe3a714;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.demo-contact-strip h6{color:var(--dev-cream);margin-bottom:2px;font-size:.92rem}.demo-contact-strip p{color:var(--dev-cream-dim);font-size:.74rem}.demo-contact-cta-btn{background:var(--dev-amber);color:#120e00;white-space:nowrap;border-radius:4px;padding:6px 14px;font-size:.78rem;font-weight:700;text-decoration:none}.demo-mini-footer{color:var(--dev-cream-dim);background:#090803;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.7rem;display:flex}.demo-mini-footer button{color:var(--dev-amber);cursor:pointer;background:0 0;border:none;font-size:.7rem;font-weight:700}.macos-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#000000e0;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.macos-modal-card{border:1px solid var(--dev-amber);background:#141208;border-radius:8px;flex-direction:column;max-width:90%;max-height:90%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000e6}.macos-modal-header{background:#1c1809;border-bottom:1px solid #ebe3a726;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.modal-title{color:var(--dev-cream);font-size:.84rem;font-weight:700}.macos-modal-close{color:var(--dev-cream-dim);cursor:pointer;background:0 0;border:none;font-size:.85rem}.macos-modal-close:hover{color:#fff}.macos-modal-body{flex-direction:column;display:flex}.macos-modal-body img{-o-object-fit:contain;object-fit:contain;background:#000;max-width:100%;max-height:250px}.macos-modal-meta{background:#121006;border-top:1px solid #ebe3a71a;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 14px;display:grid}.meta-col{flex-direction:column;display:flex}.meta-label{color:var(--dev-cream-dim);font-size:.65rem}.meta-col strong{color:var(--dev-cream);font-size:.75rem}.webdev-section{margin-bottom:100px}.section-header-clean{text-align:center;max-width:840px;margin:0 auto 40px}.section-title-clean{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:14px;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:800;line-height:1.18}.section-desc-clean{color:var(--dev-cream-dim);font-size:1.05rem;line-height:1.6}.case-study-hero-card{background:var(--dev-surface-card);border:1px solid var(--dev-border);border-radius:12px;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:32px;display:grid;overflow:hidden;box-shadow:0 16px 50px #000000b3}@media (width<=900px){.case-study-hero-card{grid-template-columns:1fr}}.case-study-media-pane{background:#0c0b04;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.case-study-media-pane img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.case-study-hero-card:hover .case-study-media-pane img{transform:scale(1.03)}.case-study-info-pane{border-left:1px solid var(--dev-border);background:linear-gradient(135deg,#1e1a0bf2 0%,#141207f2 100%);flex-direction:column;justify-content:center;padding:36px 32px;display:flex}@media (width<=900px){.case-study-info-pane{border-left:none;border-top:1px solid var(--dev-border);padding:24px}}.case-study-info-pane h3{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:12px;font-size:1.7rem}.case-study-info-pane p{color:var(--dev-cream-dim);margin-bottom:22px;font-size:.95rem;line-height:1.65}.case-study-tech-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tech-box-tag{color:var(--dev-cream);background:#2c57454d;border:1px solid #ebe3a726;border-radius:4px;padding:4px 10px;font-size:.76rem;font-weight:600}.case-study-meta-row{border-top:1px solid #ebe3a71a;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.meta-score-highlight{color:var(--dev-cream-dim);font-size:.85rem}.meta-score-highlight strong{color:#2ed573}.architecture-breakdown-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.architecture-breakdown-grid{grid-template-columns:1fr}}.arch-card{background:var(--dev-surface-card);border:1px solid var(--dev-border);border-radius:10px;flex-direction:column;padding:28px 22px;transition:all .25s;display:flex}.arch-card:hover{border-color:var(--dev-amber);transform:translateY(-3px);box-shadow:0 12px 30px #00000080}.arch-card h4{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:10px;font-size:1.2rem}.arch-card p{color:var(--dev-cream-dim);flex-grow:1;margin-bottom:14px;font-size:.9rem;line-height:1.6}.arch-tech-list{border-top:1px solid #ebe3a714;flex-direction:column;gap:6px;padding-top:10px;list-style:none;display:flex}.arch-tech-list li{color:var(--dev-cream);align-items:center;gap:8px;font-size:.8rem;display:flex}.arch-bullet{color:var(--dev-amber);font-weight:700}.pillars-clean-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1024px){.pillars-clean-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pillars-clean-grid{grid-template-columns:1fr}}.pillar-clean-card{background:var(--dev-surface-card);border:1px solid var(--dev-border);border-radius:10px;flex-direction:column;padding:24px 20px;transition:all .2s;display:flex}.pillar-clean-card:hover{border-color:var(--dev-amber);transform:translateY(-3px)}.pillar-clean-card h4{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:8px;font-size:1.15rem}.pillar-clean-card p{color:var(--dev-cream-dim);font-size:.88rem;line-height:1.55}.tech-arsenal-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.tech-arsenal-grid{grid-template-columns:1fr}}.tech-group-card{background:var(--dev-surface-card);border:1px solid var(--dev-border);border-radius:10px;padding:26px 22px}.tech-group-card h4{font-family:var(--font-heading);color:var(--dev-cream);border-bottom:1px solid #ebe3a71a;margin-bottom:12px;padding-bottom:8px;font-size:1.15rem}.tech-group-card p{color:var(--dev-cream-dim);font-size:.9rem;line-height:1.6}.estimator-container{border:1px solid var(--dev-border);background:linear-gradient(135deg,#1e1a0bf2 0%,#141207f2 100%);border-radius:14px;padding:36px;box-shadow:0 20px 60px #000000b3}@media (width<=768px){.estimator-container{padding:20px 16px}}.estimator-header{text-align:center;max-width:680px;margin:0 auto 32px}.estimator-header h3{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.3rem)}.estimator-header p{color:var(--dev-cream-dim);font-size:.94rem;line-height:1.5}.estimator-grid{grid-template-columns:1.3fr 1fr;gap:28px;display:grid}@media (width<=960px){.estimator-grid{grid-template-columns:1fr}}.estimator-step-label{color:var(--dev-cream);align-items:center;gap:10px;margin-bottom:12px;font-size:.92rem;font-weight:700;display:flex}.step-badge{background:var(--dev-amber);color:#120e00;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72rem;font-weight:800;display:flex}.tier-cards-grid{flex-direction:column;gap:10px;display:flex}.tier-select-card{border:1px solid var(--dev-border);cursor:pointer;background:#0006;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.tier-select-card:hover{background:#2c57452e;border-color:#eb7d0066}.tier-select-card.active{border-color:var(--dev-amber);background:#2c57454d}.tier-radio{border:2px solid var(--dev-cream-dim);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.tier-select-card.active .tier-radio{border-color:var(--dev-amber)}.radio-dot{background:var(--dev-amber);opacity:0;border-radius:2px;width:8px;height:8px;transition:opacity .2s}.tier-select-card.active .radio-dot{opacity:1}.tier-card-body h4{color:var(--dev-cream);margin-bottom:2px;font-size:.96rem}.tier-card-body p{color:var(--dev-cream-dim);font-size:.8rem;line-height:1.4}.addons-checkbox-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.addons-checkbox-grid{grid-template-columns:1fr}}.addon-item-box{border:1px solid var(--dev-border);cursor:pointer;background:#0006;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.addon-item-box:hover{border-color:var(--dev-cream-dim)}.addon-item-box.checked{border-color:var(--dev-amber);background:#eb7d001f}.addon-title{color:var(--dev-cream);font-size:.8rem}.addon-status{color:var(--dev-amber);font-size:.85rem;font-weight:700}.estimator-summary-card{border:1px solid var(--dev-amber);background:#121007f2;border-radius:10px;flex-direction:column;padding:24px;display:flex;box-shadow:0 10px 35px #0009}.summary-selected-tier{border-bottom:1px solid #ebe3a726;margin-bottom:16px;padding-bottom:14px}.summary-selected-tier small{color:var(--dev-cream-dim);font-size:.72rem}.summary-selected-tier h3{font-family:var(--font-heading);color:var(--dev-cream);margin-top:2px;font-size:1.2rem}.summary-metric-box{background:#2c574538;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;padding:12px;display:grid}.metric-lbl{color:var(--dev-cream-dim);margin-bottom:2px;font-size:.7rem;display:block}.metric-val{color:var(--dev-cream);font-size:1.05rem}.summary-deliverables{flex-grow:1;margin-bottom:20px}.summary-deliverables h5{color:var(--dev-cream);margin-bottom:8px;font-size:.82rem}.summary-deliverables ul{flex-direction:column;gap:6px;list-style:none;display:flex}.summary-deliverables li{color:var(--dev-cream-dim);align-items:flex-start;gap:8px;font-size:.78rem;display:flex}.check-icon{color:#2ed573;font-size:.8rem}.addon-deliverable{color:var(--dev-amber)!important}.estimator-cta-button{background:var(--dev-amber);color:#120e00;cursor:pointer;box-shadow:0 4px 18px var(--dev-amber-glow);border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:13px;font-size:.95rem;font-weight:700;transition:all .2s}.estimator-cta-button:hover{background:var(--dev-amber-hover);transform:translateY(-2px)}.summary-disclaimer{color:var(--dev-cream-dim);text-align:center;font-size:.7rem;line-height:1.4}.faq-accordion-list{flex-direction:column;gap:12px;max-width:840px;margin:0 auto;display:flex}.faq-item{background:var(--dev-surface-card);border:1px solid var(--dev-border);border-radius:8px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:var(--dev-cream-dim)}.faq-trigger{width:100%;color:var(--dev-cream);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 22px;font-size:1rem;font-weight:700;display:flex}.faq-icon{color:var(--dev-amber);font-size:1.1rem;transition:transform .2s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-body{color:var(--dev-cream-dim);padding:0 22px 18px;font-size:.9rem;line-height:1.6;display:none}.faq-item.open .faq-body{display:block}.webdev-cta-banner{border:1px solid var(--dev-border);text-align:center;background:linear-gradient(135deg,#2c574566 0%,#141207f2 100%);border-radius:12px;margin-top:30px;padding:50px 28px;box-shadow:0 20px 50px #000000b3}.webdev-cta-banner h2{font-family:var(--font-heading);color:var(--dev-cream);margin-bottom:12px;font-size:clamp(2rem,3.8vw,2.8rem)}.webdev-cta-banner p{color:var(--dev-cream-dim);max-width:640px;margin:0 auto 28px;font-size:1.05rem;line-height:1.6}