*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f4;--surface:#fff;--surface2:#f1f3f7;--border:#e3e7ef;--border2:#d0d5e0;--text1:#0f1520;--text2:#3d4a5c;--text3:#6b7a8d;--text4:#a0afbf;--accent:#1a56db;--accent-l:#eff6ff;--accent-h:#1244b8;--green:#0d9b5a;--green-bg:#ecfdf5;--amber:#d97706;--amber-bg:#fffbeb;--red:#dc2626;--red-bg:#fef2f2;--navy:#0f1520;--navy-deep:#070f1a;--gold:#c9a55c;--gold-lt:#d4b47a;--cream:#f4f0e8;--font-sans:"Inter",sans-serif;--font-mono:"DM Mono","Courier New",monospace;--font-logo:"Playfair Display",Georgia,serif}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--text1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.65}.hover-surface:hover{background:#fafbfd!important}.hover-bg:hover{background:var(--bg)!important}.hover-accent-border:hover{border-color:#1a56db59!important;box-shadow:0 4px 20px #1a56db14!important}.hover-opacity:hover{opacity:.88!important}.hover-underline:hover{text-decoration:underline!important}@media (prefers-reduced-motion:no-preference){.fade-in{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-in.visible{opacity:1;transform:none}}.page-body{max-width:1080px;margin:0 auto;padding:0 40px}@media (max-width:600px){.page-body{padding:0 20px}}.px-section{padding-left:48px;padding-right:48px}.grid-3col{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;display:grid}.grid-2col-wide{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.grid-2col-med{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.grid-2col-asymm{grid-template-columns:1.4fr 1fr;display:grid}.grid-timeline{grid-template-columns:120px 1fr;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);display:grid}.py-section{padding-top:88px;padding-bottom:88px}.py-section-sm{padding-top:64px;padding-bottom:64px}.py-hero{padding-top:80px;padding-bottom:88px}@media (max-width:767px){.px-section{padding-left:20px;padding-right:20px}.py-section{padding-top:56px;padding-bottom:56px}.py-section-sm{padding-top:44px;padding-bottom:44px}.py-hero{padding-top:80px;padding-bottom:56px}.grid-3col,.grid-2col{grid-template-columns:1fr}.grid-2col-wide{grid-template-columns:1fr;gap:40px}.grid-2col-med{grid-template-columns:1fr;gap:32px}.grid-2col-asymm,.grid-timeline{grid-template-columns:1fr}.grid-4col{grid-template-columns:1fr 1fr}.timeline-labels{display:none}.hero-px-mobile{padding-left:20px!important;padding-right:20px!important}}@media (min-width:768px) and (max-width:1023px){.px-section{padding-left:28px;padding-right:28px}.grid-3col,.grid-4col{grid-template-columns:1fr 1fr}.grid-2col-wide{gap:40px}}.site-footer{padding:28px 48px}@media (max-width:767px){.site-footer{text-align:left;flex-direction:column;align-items:flex-start;padding:28px 20px}}.epic-row{grid-template-columns:1fr 64px 72px 60px;display:grid}@media (max-width:767px){.epic-row{grid-template-columns:1fr auto}.epic-row>:nth-child(3),.epic-row>:nth-child(4){display:none}}.section{border-bottom:1px solid var(--border);padding:72px 0}.section:last-child{border-bottom:none}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px;font-weight:500}.section-title{letter-spacing:-.02em;color:var(--text1);margin-bottom:16px;font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.15}.section-lead{color:var(--text2);max-width:640px;margin-bottom:48px;font-size:16px;font-weight:400;line-height:1.75}.btn-primary{background:var(--gold);color:var(--navy);font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;text-align:center;cursor:pointer;border:none;border-radius:3px;padding:14px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.btn-primary:hover{opacity:.88}.btn-secondary{color:#f4f0e8a6;font-family:var(--font-sans);text-align:center;cursor:pointer;background:0 0;border:1px solid #f4f0e833;border-radius:3px;padding:13px 28px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.btn-secondary:hover{color:#f4f0e8;border-color:#f4f0e880}.btn-outline{border:1px solid var(--border2);color:var(--text2);font-family:var(--font-sans);text-align:center;cursor:pointer;background:0 0;border-radius:3px;padding:11px 22px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.nav-spacer{height:60px}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (min-width:768px) and (max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0c15201a}.portfolio-preview{flex-shrink:0;height:160px;position:relative;overflow:hidden}.portfolio-browser-bar{z-index:3;background:#00000059;align-items:center;gap:4px;height:22px;padding:0 8px;display:flex;position:absolute;top:0;left:0;right:0}.portfolio-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.portfolio-dot-r{background:#ff6464bf}.portfolio-dot-y{background:#ffc83cbf}.portfolio-dot-g{background:#3cc864bf}.portfolio-url-bar{background:#ffffff1a;border-radius:2px;flex:1;align-items:center;height:12px;padding:0 6px;display:flex;overflow:hidden}.portfolio-url-bar span{font-family:var(--font-mono);color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.portfolio-preview-body{position:absolute;inset:22px 0 0;overflow:hidden}.portfolio-overlay{opacity:0;z-index:5;background:#070f1ac7;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay-btn{color:var(--gold);font-family:var(--font-mono);letter-spacing:.07em;border:1px solid var(--gold);border-radius:2px;padding:8px 18px;font-size:11px;font-weight:500}.portfolio-meta{flex:1;padding:14px 16px}.portfolio-industry{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:9px}.portfolio-name{letter-spacing:-.01em;color:var(--text1);margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.2}.portfolio-desc{color:var(--text3);font-size:12px;line-height:1.55}.portfolio-tags{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.portfolio-tag{font-size:9px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text3);background:var(--bg);border:1px solid var(--border);border-radius:2px;padding:2px 7px}.portfolio-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.portfolio-status{font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:9px;display:inline-flex}.portfolio-status:before{content:"";border-radius:50%;width:5px;height:5px;display:inline-block}.portfolio-status-live{color:#22c55e}.portfolio-status-live:before{background:#22c55e}.portfolio-status-pending{color:var(--gold)}.portfolio-status-pending:before{background:var(--gold)}.portfolio-url-label{font-family:var(--font-mono);color:var(--gold);opacity:.7;font-size:9px}