:root{--paper:#eaeff1;--paper-alt:#e1e8ea;--panel:#fbfcfc;--ink:#10222b;--ink-soft:#4e6169;--ink-faint:#7c8c92;--line:#b7c4c8;--line-strong:#8fa1a6;--signal:#ff6a2b;--signal-ink:#7a2e0c;--operational:#1e7f5c;--operational-bg:#e4f1ea;--dev:#a9791f;--dev-bg:#f3ecdc;--deck:#0e1b22;--deck-line:#26414b;--deck-text:#d9e4e6;--deck-text-soft:#8fa4aa;--display:"Space Grotesk", "Inter", sans-serif;--body:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--max:1180px;--edge:clamp(20px, 5vw, 64px);--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.site{background:linear-gradient(var(--paper-alt) 1px, transparent 1px) 0 0 / 100% 44px, var(--paper);flex-direction:column;min-height:100vh;display:flex}main{flex:1}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font-family:var(--body);cursor:pointer}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--signal);border-radius:50%;flex-shrink:0;width:6px;height:6px}.wrap{max-width:var(--max);padding:0 var(--edge);margin:0 auto}.btn{border-radius:var(--radius);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:10px;padding:13px 22px;font-size:13px;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:var(--signal);border-color:var(--signal);color:#fff}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--ink)}.btn-on-deck{color:var(--deck-text);border-color:var(--deck-line);background:0 0}.btn-on-deck:hover{border-color:var(--signal);color:#fff}.status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;display:inline-flex}.status:before{content:"";border-radius:50%;width:6px;height:6px}.status-live{background:var(--operational-bg);color:var(--operational)}.status-live:before{background:var(--operational);box-shadow:0 0 0 3px #1e7f5c26}.status-dev{background:var(--dev-bg);color:var(--dev)}.status-dev:before{background:var(--dev);box-shadow:0 0 0 3px #a9791f26}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.section{border-bottom:1px solid var(--line);padding:clamp(56px,8vw,104px) 0}.section-head{max-width:640px;margin-bottom:44px}.section-head h2{margin-top:14px;font-size:clamp(28px,3.4vw,40px)}.section-head p{color:var(--ink-soft);margin-top:16px;font-size:17px}a:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=720px){.section{padding:48px 0}}.nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#eaeff1e0;position:sticky;top:0}.nav-row{align-items:center;gap:28px;height:68px;display:flex}.nav-mark{color:var(--ink);align-items:center;gap:10px;margin-right:auto;display:flex}.nav-mark-glyph{color:var(--signal);display:flex}.nav-mark-text{font-family:var(--mono);letter-spacing:.06em;font-size:13px;font-weight:600;line-height:1.2}.nav-mark-text span{color:var(--ink-soft);letter-spacing:.14em;font-size:10px;display:block}.nav-links{align-items:center;gap:26px;display:flex}.nav-link{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-soft);white-space:nowrap;border-bottom:1px solid #0000;padding:6px 2px;font-size:13px}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);border-bottom-color:var(--signal)}.nav-cta{flex-shrink:0}.nav-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);background:0 0;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;display:none}.nav-toggle span{background:var(--ink);width:16px;height:1.4px;margin:0 auto;display:block}.nav-mobile{padding:8px var(--edge) 20px;border-top:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.nav-mobile .nav-link{border-bottom:1px solid var(--line);padding:10px 0}@media (width<=860px){.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}}.hub-diagram{width:100%;height:auto;overflow:visible}.hub-ring{fill:none;stroke:var(--line);stroke-width:1px}.hub-connector{stroke:var(--line-strong);stroke-width:1.2px}.hub-core{fill:var(--ink);stroke:var(--signal);stroke-width:1.4px}.hub-core-label{font-family:var(--mono);fill:var(--paper);letter-spacing:.04em;font-size:11px;font-weight:600}.hub-core-sub{font-family:var(--mono);fill:var(--paper);letter-spacing:.08em;opacity:.75;font-size:7.5px}.hub-node-link{cursor:pointer}.hub-node-halo{fill:none;stroke:#0000;transition:stroke .15s}.hub-node-link:hover .hub-node-halo{stroke:var(--line-strong)}.hub-node-link:hover .hub-node-label{fill:var(--ink)}.hub-node{stroke:var(--panel);stroke-width:2px}.hub-node-live{fill:var(--operational)}.hub-node-dev{fill:var(--dev)}.hub-node-label{font-family:var(--display);fill:var(--ink-soft);font-size:15px;font-weight:600;transition:fill .15s}.hub-node-domain{font-family:var(--mono);fill:var(--ink-faint);font-size:10.5px}.trace-diagram{width:100%;height:auto;overflow:visible}.trace-line{stroke:var(--deck-line);stroke-width:1.2px}.trace-hub{fill:var(--signal)}.trace-hub-label{font-family:var(--mono);letter-spacing:.06em;fill:var(--deck-text-soft);font-size:10px}.trace-node-link{cursor:pointer}.trace-node{stroke:var(--deck);stroke-width:2px}.trace-node-live{fill:var(--operational)}.trace-node-dev{fill:var(--dev)}.trace-node-label{font-family:var(--display);fill:var(--deck-text);font-size:13px;font-weight:600}.trace-node-domain{font-family:var(--mono);fill:var(--deck-text-soft);font-size:9.5px}.trace-node-link:hover .trace-node-label{fill:var(--signal)}@media (width<=600px){.hub-node-label{font-size:12px}.hub-node-domain{font-size:9px}}.deck{background:var(--deck);color:var(--deck-text);margin-top:auto}.deck-top{border-bottom:1px solid var(--deck-line);grid-template-columns:260px 1fr;align-items:end;gap:40px;padding:52px 0 30px;display:grid}.deck-eyebrow{color:var(--deck-text-soft)}.deck-eyebrow:before{background:var(--signal)}.deck-copy{color:var(--deck-text-soft);margin-top:14px;font-size:14px;line-height:1.6}.deck-diagram{padding-bottom:4px;overflow-x:auto}.deck-grid{border-bottom:1px solid var(--deck-line);grid-template-columns:repeat(3,minmax(160px,220px));gap:32px;padding:40px 0;display:grid}.deck-col{flex-direction:column;gap:11px;display:flex}.deck-col-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--deck-text-soft);margin-bottom:4px;font-size:11px}.deck-link{color:var(--deck-text);align-items:center;gap:8px;width:fit-content;font-size:14.5px;display:flex}.deck-link:hover{color:var(--signal)}.deck-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dev);background:#a9791f26;border-radius:10px;padding:2px 6px;font-size:9.5px}.deck-note{color:var(--deck-text-soft);font-size:13px}.deck-bottom{font-family:var(--mono);color:var(--deck-text-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:20px 0 28px;font-size:12px;display:flex}@media (width<=780px){.deck-top{grid-template-columns:1fr}.deck-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.deck-grid{grid-template-columns:1fr}}.hero{border-bottom:1px solid var(--line);padding:clamp(48px,8vw,88px) 0 clamp(40px,6vw,72px)}.hero-row{grid-template-columns:minmax(0,460px) 1fr;align-items:center;gap:48px;display:grid}.hero-copy h1{margin-top:18px;font-size:clamp(34px,4.6vw,54px);line-height:1.06}.hero-sub{color:var(--ink-soft);max-width:46ch;margin-top:22px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-diagram{padding:8px}.domain-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.domain-card{background:var(--panel);border:none;border-radius:0;padding:26px 22px}.domain-code{font-family:var(--mono);color:var(--signal);letter-spacing:.08em;font-size:11px}.domain-card h3{margin-top:14px;font-size:18px}.domain-card p{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.55}.site-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.site-card{flex-direction:column;gap:8px;padding:24px;transition:border-color .15s,transform .12s;display:flex}.site-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.site-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.site-card-top h3{font-size:19px}.site-card-domain{font-family:var(--mono);color:var(--ink-faint);font-size:12px}.site-card p{color:var(--ink-soft);margin-top:2px;font-size:14.5px}.site-card-stack{font-family:var(--mono);color:var(--ink-faint);margin-top:6px;font-size:11.5px}.cta-band{background:var(--deck);color:var(--deck-text);padding:56px 0}.cta-band-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cta-band h2{color:#fff;margin-top:10px;font-size:clamp(24px,3vw,32px)}.deck-eyebrow-light{color:var(--deck-text-soft)}.deck-eyebrow-light:before{background:var(--signal)}@media (width<=940px){.hero-row{grid-template-columns:1fr}.hero-diagram{order:-1;max-width:480px;margin:0 auto}.domain-grid{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:1fr}}@media (width<=520px){.domain-grid{grid-template-columns:1fr}}.services-hero h1{max-width:16ch;margin-top:16px;font-size:clamp(30px,4vw,44px)}.services-hero .hero-sub{max-width:56ch;margin-top:18px}.service-row-grid{grid-template-columns:minmax(0,320px) 1fr;gap:40px;display:grid}.service-row-head h2{margin-top:12px;font-size:24px}.service-row-head p{color:var(--ink-soft);margin-top:10px;font-size:15px}.service-list{grid-template-columns:repeat(2,1fr);align-content:start;gap:14px 28px;margin:0;padding:0;list-style:none;display:grid}.service-list li{color:var(--ink);padding-left:20px;font-size:15px;line-height:1.5;position:relative}.service-list li:before{content:"";background:var(--signal);width:8px;height:1.4px;position:absolute;top:8px;left:0}@media (width<=780px){.service-row-grid,.service-list{grid-template-columns:1fr}}.portfolio-list{flex-direction:column;gap:16px;display:flex}.portfolio-row{grid-template-columns:64px 1fr;gap:20px;padding:28px;display:grid}.portfolio-row-index{font-family:var(--mono);color:var(--line-strong);padding-top:4px;font-size:13px}.portfolio-row-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.portfolio-row-top h2{font-size:24px}.portfolio-row-category{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.03em;margin-top:6px;font-size:12px;display:block}.portfolio-row-body p{color:var(--ink-soft);max-width:62ch;margin-top:14px;font-size:15px}.portfolio-row-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.portfolio-row-stack{font-family:var(--mono);color:var(--ink-faint);font-size:12px}.portfolio-row-soon{font-family:var(--mono);color:var(--dev);font-size:12px}.portfolio-visit{padding:10px 18px}@media (width<=600px){.portfolio-row{grid-template-columns:1fr}.portfolio-row-index{display:none}}.about-hero h1{max-width:18ch;margin-top:16px;font-size:clamp(30px,4vw,44px)}.about-hero .hero-sub{max-width:58ch;margin-top:18px}.about-split-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about-card{padding:30px}.about-card h3{margin-top:12px;font-size:21px}.about-card p{color:var(--ink-soft);margin-top:12px;font-size:15px;line-height:1.6}.about-principles-list{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.about-principle h4{font-family:var(--display);font-size:17px;font-weight:600}.about-principle p{color:var(--ink-soft);margin-top:10px;font-size:14.5px;line-height:1.55}@media (width<=780px){.about-split-grid{grid-template-columns:1fr}.about-principles-list{grid-template-columns:1fr;gap:22px}}.contact-section h1{margin-top:16px;font-size:clamp(30px,4vw,44px)}.contact-section .hero-sub{max-width:48ch;margin-top:16px}.contact-grid{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}.contact-checklist{margin-top:40px}.contact-checklist ul{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.contact-checklist li{color:var(--ink-soft);padding-left:20px;font-size:14.5px;position:relative}.contact-checklist li:before{content:"";background:var(--signal);width:8px;height:1.4px;position:absolute;top:8px;left:0}.contact-card{flex-direction:column;gap:16px;padding:30px;display:flex}.contact-email{font-family:var(--display);word-break:break-all;font-size:20px;font-weight:600}.contact-email:hover{color:var(--signal)}.contact-btn{justify-content:center;margin-top:4px}.contact-meta{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:10px;padding-top:16px;display:flex}.contact-meta>div{justify-content:space-between;font-size:13.5px;display:flex}.contact-meta-label{color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}@media (width<=780px){.contact-grid{grid-template-columns:1fr}}