:root{--bg: #0A0908;--bg-elevated: #131210;--bg-card: #161513;--fg: #F5F1E8;--fg-muted: #908C82;--fg-dim: #5A5852;--accent: #FF5E1F;--accent-soft: rgba(255, 94, 31, .12);--rule: rgba(245, 241, 232, .08);--rule-strong: rgba(245, 241, 232, .16);--sans: "Geist", -apple-system, sans-serif;--mono: "Geist Mono", "SF Mono", Menlo, monospace;--serif: "Instrument Serif", Georgia, serif;--gutter: clamp(1.25rem, 4vw, 3rem);--max: 1320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;font-feature-settings:"ss01","cv11","kern"}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:0;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:0;left:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;background:var(--accent);color:var(--bg);padding:.5rem 1rem;font-weight:600;z-index:9999;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}.nav{position:sticky;top:0;z-index:50;background:#0a0908d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);padding:14px var(--gutter)}.nav-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.mark{font-family:var(--mono);font-weight:600;font-size:16px;letter-spacing:-.01em;display:inline-flex;align-items:center;color:var(--fg)}.cursor{display:inline-block;width:.45em;height:.95em;background:var(--accent);margin-left:2px;vertical-align:-1px;animation:blink 1.1s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-links{display:flex;gap:2rem;font-size:14px;color:var(--fg-muted)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--fg)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:14px;font-weight:500;border-radius:999px;background:var(--fg);color:var(--bg);border:1px solid var(--fg);transition:all .2s;cursor:pointer;min-height:44px}.btn:hover,.btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--rule-strong)}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--bg-elevated);border-color:var(--fg-muted);color:var(--fg)}.btn-large{padding:1rem 1.6rem;font-size:15px}.btn-large:after{content:"→";transition:transform .2s}.btn-large:hover:after{transform:translate(3px)}.hero{padding:clamp(4rem,12vh,8rem) var(--gutter) clamp(5rem,14vh,9rem);border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:-10%;width:60%;height:100%;background:radial-gradient(ellipse at center,rgba(255,94,31,.08) 0%,transparent 60%);pointer-events:none}.hero-inner{max-width:var(--max);margin:0 auto;position:relative}.hero-tag{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem;border:1px solid var(--rule-strong);border-radius:999px;font-family:var(--mono);font-size:12px;color:var(--fg-muted);margin-bottom:2.5rem}.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 12px var(--accent)}50%{opacity:.5;box-shadow:0 0 6px var(--accent)}}h1.hero-title{font-weight:600;font-size:clamp(2.6rem,7vw,6rem);line-height:.98;letter-spacing:-.035em;margin-bottom:1.75rem;max-width:18ch}h1.hero-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}.hero-sub{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.5;color:var(--fg-muted);max-width:56ch;margin-bottom:2.5rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:4rem}.hero-meta{display:flex;flex-wrap:wrap;gap:2.5rem 4rem;padding-top:2.5rem;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.hero-meta-item strong{display:block;font-family:var(--sans);font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600;color:var(--fg);letter-spacing:-.02em;margin-bottom:.2rem}section{padding:clamp(4rem,9vw,7rem) var(--gutter);border-bottom:1px solid var(--rule)}.section-inner{max-width:var(--max);margin:0 auto}.eyebrow{font-family:var(--mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:18px;height:1px;background:var(--accent)}h2.section-title{font-weight:600;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;letter-spacing:-.028em;margin-bottom:1.25rem;max-width:24ch}h2.section-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.section-sub{font-size:1.1rem;line-height:1.55;color:var(--fg-muted);max-width:62ch;margin-bottom:3.5rem}.metaphor{background:var(--bg-elevated);padding-top:clamp(5rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,8rem)}.metaphor .section-inner{max-width:1100px}.metaphor h2{font-size:clamp(2.2rem,5vw,3.8rem);max-width:22ch;margin-bottom:2rem}.metaphor-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem;align-items:start}.metaphor-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.metaphor-lead{font-size:1.2rem;line-height:1.55;color:var(--fg);font-weight:500;margin-bottom:1.5rem;letter-spacing:-.012em}.metaphor-body{font-size:1rem;line-height:1.6;color:var(--fg-muted)}.promise{margin-top:5rem;padding:2.5rem;background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:14px;position:relative;overflow:hidden}.promise:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent)}.promise-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.35;color:var(--fg);letter-spacing:-.01em;max-width:50ch}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule-strong);border:1px solid var(--rule-strong);border-radius:12px;overflow:hidden}.build-card{background:var(--bg);padding:2.25rem 2rem 2rem;transition:background .25s}.build-card:hover{background:var(--bg-elevated)}.build-card-num{font-family:var(--mono);font-size:11px;color:var(--fg-dim);margin-bottom:2rem;letter-spacing:.05em}.build-card h3{font-weight:600;font-size:1.3rem;line-height:1.2;letter-spacing:-.018em;margin-bottom:.75rem}.build-card p{font-size:.95rem;line-height:1.55;color:var(--fg-muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.step{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:12px;padding:1.75rem 1.5rem;transition:border-color .25s}.step:hover{border-color:var(--fg-muted)}.step-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.step-num{font-family:var(--mono);font-size:11px;color:var(--fg-dim);letter-spacing:.06em}.step-badge{font-family:var(--mono);font-size:10.5px;padding:.25rem .55rem;background:var(--accent-soft);color:var(--accent);border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.step h3{font-weight:600;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.75rem}.step p{font-size:.92rem;line-height:1.55;color:var(--fg-muted)}.filter-bar{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.filter{background:transparent;color:var(--fg-muted);border:1px solid var(--rule-strong);border-radius:999px;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:all .2s;min-height:36px}.filter:hover,.filter:focus-visible{color:var(--fg);border-color:var(--fg-muted)}.filter.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.products[data-active-cat=sheets] .product:not([data-cat=sheets]),.products[data-active-cat=web] .product:not([data-cat=web]),.products[data-active-cat=plumbing] .product:not([data-cat=plumbing]),.products[data-active-cat=ai] .product:not([data-cat=ai]){display:none}.product{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:14px;padding:1.4rem;transition:all .25s;cursor:pointer;display:flex;flex-direction:column;font:inherit;text-align:left;width:100%}.product:hover,.product:focus-visible{transform:translateY(-3px);border-color:var(--accent);background:#1a1916;box-shadow:0 10px 40px #ff5e1f14}.product-preview{height:240px;overflow:hidden;border-radius:8px;border:1px solid var(--rule-strong);margin-bottom:1.25rem;background:#f8f7f3;position:relative}.product-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15));pointer-events:none}.product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;gap:.75rem}.product-cat{font-family:var(--mono);font-size:10.5px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.product-id{font-family:var(--mono);font-size:10.5px;color:var(--fg-dim)}.product h3{font-weight:600;font-size:1.18rem;line-height:1.2;letter-spacing:-.018em;margin-bottom:.55rem}.product>p{font-size:.9rem;line-height:1.5;color:var(--fg-muted);margin-bottom:1.1rem;flex:1}.product-fact{padding-top:.9rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center}.product-fact-text{font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.02em;line-height:1.4;flex:1;padding-right:1rem}.product-fact strong{color:var(--accent);font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;display:block;margin-bottom:.15rem}.see-demo{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--accent);padding:.4rem .7rem;border-radius:4px;transition:all .2s;white-space:nowrap}.see-demo:hover{background:var(--accent);color:var(--bg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-strong);border:1px solid var(--rule-strong);border-radius:12px;overflow:hidden}.pricing-grid .build-card{padding:2.5rem 2rem}.pricing-grid .build-card.featured{background:var(--bg-elevated)}.pricing-grid .build-card h3{font-size:1.55rem;margin-bottom:.5rem}.pricing-grid .price-from,.pricing-grid .build-card.featured .build-card-num{color:var(--accent)}.faq-list{max-width:800px}.faq-item{border-bottom:1px solid var(--rule);padding:1.25rem 0}.faq-item summary{font-weight:600;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;letter-spacing:-.015em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1.4rem;transition:transform .2s;flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin-top:1rem;font-size:1rem;line-height:1.6;color:var(--fg-muted);max-width:70ch}.cta-section{background:var(--bg-elevated);padding:clamp(5rem,10vw,8rem) var(--gutter);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:200%;background:radial-gradient(ellipse at center,rgba(255,94,31,.1) 0%,transparent 50%);pointer-events:none}.cta-inner{max-width:800px;margin:0 auto;position:relative}.cta-inner h2{font-weight:600;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.cta-inner h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.cta-inner p{font-size:1.15rem;color:var(--fg-muted);margin-bottom:2.5rem;line-height:1.55}.cta-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.cta-fineprint{font-family:var(--mono);font-size:12px;color:var(--fg-dim);letter-spacing:.04em}.inquiry{max-width:560px;margin:2.5rem auto 0;text-align:left}.inquiry summary{font-family:var(--mono);font-size:12px;color:var(--fg-muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;padding:.5rem}.inquiry summary:hover,.inquiry summary:focus-visible{color:var(--accent)}.inquiry-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.inquiry-form label{display:block;font-family:var(--mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.inquiry-form input,.inquiry-form textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--rule-strong);border-radius:6px;padding:.75rem .9rem;font-family:var(--sans);font-size:14px;transition:border-color .2s}.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--accent)}.inquiry-form textarea{min-height:110px;resize:vertical}footer{padding:3rem var(--gutter) 2rem;border-top:1px solid var(--rule)}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.footer-mark .mark{font-size:22px;margin-bottom:.65rem}.footer-tag{font-size:14px;color:var(--fg-muted);max-width:40ch;line-height:1.5}.footer-meta{display:flex;flex-direction:column;text-align:right;gap:.45rem;font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.footer-meta a{color:var(--fg);transition:color .15s}.footer-meta a:hover,.footer-meta a:focus-visible{color:var(--accent)}.footer-credit{font-size:10px;color:var(--fg-dim);margin-top:1.5rem;max-width:60ch}.modal-overlay{position:fixed;inset:0;background:#0a0908eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:4vh 3vw;overflow-y:auto}.modal-overlay.open{display:flex}.modal-content{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:1.5rem;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rule-strong)}.modal-title{flex:1}.modal-title-cat{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.modal-title h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;letter-spacing:-.022em;margin-bottom:.5rem}.modal-title p{font-size:.98rem;color:var(--fg-muted);line-height:1.5;max-width:70ch}.modal-close{width:38px;height:38px;border-radius:50%;background:var(--bg-card);border:1px solid var(--rule-strong);color:var(--fg);font-size:18px;line-height:1;display:grid;place-items:center;transition:all .2s;flex-shrink:0;cursor:pointer}.modal-close:hover,.modal-close:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--bg)}.modal-body{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:14px;padding:2rem;overflow:hidden}.modal-body .demo-frame{transform:scale(1);width:100%;max-width:1100px;margin:0 auto;box-shadow:0 20px 80px #0006}.modal-fact{font-family:var(--mono);font-size:13px;color:var(--fg-muted);padding:1.25rem;background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:10px}.modal-fact strong{color:var(--accent);font-family:var(--sans);font-size:22px;font-weight:600;letter-spacing:-.02em;display:block;margin-bottom:.3rem}@media(max-width:1024px){.build-grid,.process{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.products{grid-template-columns:minmax(0,1fr)}.metaphor-grid{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:720px){.nav-links{display:none}.build-grid,.process{grid-template-columns:1fr}.hero-meta{gap:1.5rem 2rem}.hero-meta-item strong{font-size:1.4rem}.footer-inner{grid-template-columns:1fr}.footer-meta{text-align:left}.modal-overlay{padding:2vh 1rem}.modal-body{padding:1rem}.product-preview{height:200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important;scroll-behavior:auto!important}.cursor,.hero-tag-dot,.modal-content{animation:none}}
