:root{
  --bg:#06100c;
  --bg-2:#0a1711;
  --panel:#0d1d16;
  --panel-2:#11261c;
  --panel-soft:rgba(16,39,28,.76);
  --ink:#f8f4eb;
  --muted:#a9b9b1;
  --faint:#6f8179;
  --emerald:#1ab77b;
  --emerald-2:#0a7e55;
  --emerald-soft:#8ce0ba;
  --gold:#d9ad52;
  --gold-soft:#f3d991;
  --line:rgba(218,178,91,.23);
  --line-green:rgba(55,202,139,.22);
  --danger:#e36b64;
  --shadow:0 22px 70px rgba(0,0,0,.34);
  --radius:24px;
  --radius-sm:16px;
  --max:1180px;
  --header-h:70px;
  --display: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
[data-theme="light"]{
  --bg:#f7f3e9;
  --bg-2:#fffdf8;
  --panel:#ffffff;
  --panel-2:#edf7f1;
  --panel-soft:rgba(255,255,255,.86);
  --ink:#0c1712;
  --muted:#56655e;
  --faint:#78847f;
  --line:rgba(122,92,32,.18);
  --line-green:rgba(23,120,82,.18);
  --shadow:0 22px 70px rgba(30,35,31,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.58;overflow-x:hidden;padding-bottom:76px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background-image:linear-gradient(var(--line-green) 1px,transparent 1px),linear-gradient(90deg,var(--line-green) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 78%);opacity:.22}
body::after{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-3;background:radial-gradient(circle at var(--mx,72%) var(--my,18%),rgba(26,183,123,.16),transparent 30%),radial-gradient(circle at 14% 32%,rgba(217,173,82,.10),transparent 24%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:var(--emerald);color:#04100a}
.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 32px),820px);margin-inline:auto}
.skip-link{position:fixed;top:-50px;left:12px;z-index:999;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:var(--scroll,0%);background:linear-gradient(90deg,var(--emerald),var(--gold));z-index:1000}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup img{width:42px;height:42px;border-radius:12px;box-shadow:0 0 0 1px var(--line)}.brand-word{font-family:var(--display);font-size:20px;line-height:1;font-weight:700;letter-spacing:.01em}.brand-sub{display:block;color:var(--muted);font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-top:5px}
.desktop-nav{display:none;align-items:center;gap:6px}.desktop-nav a{padding:9px 12px;color:var(--muted);border-radius:999px;font-size:14px}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);background:var(--panel-2)}
.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--panel-soft);color:var(--ink);border-radius:13px;display:grid;place-items:center}.menu-btn span,.menu-btn::before,.menu-btn::after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:.25s}.menu-btn{gap:4px}.menu-btn.open span{opacity:0}.menu-btn.open::before{transform:translateY(6px) rotate(45deg)}.menu-btn.open::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{position:fixed;top:var(--header-h);left:12px;right:12px;z-index:90;padding:10px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transform:translateY(-12px) scale(.98);opacity:0;pointer-events:none;transition:.22s}.mobile-nav.open{transform:none;opacity:1;pointer-events:auto}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:12px;color:var(--muted)}.mobile-nav a::after{content:"↗";color:var(--gold)}.mobile-nav a.active{background:var(--panel-2);color:var(--ink)}
.mobile-cta{position:fixed;z-index:80;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;padding:8px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.34)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);font-weight:750;letter-spacing:.01em;transition:transform .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-2px);border-color:var(--gold)}.btn-primary{background:linear-gradient(135deg,var(--emerald),#26c78b);border-color:transparent;color:#04110b;box-shadow:0 10px 30px rgba(26,183,123,.21)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-soft));border-color:transparent;color:#151009}.btn-sm{min-height:40px;padding:9px 13px;border-radius:12px;font-size:13px}.btn-ghost{background:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.19em;color:var(--gold-soft)}.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.hero{position:relative;min-height:calc(100svh - var(--header-h));display:grid;align-items:center;padding:42px 0 24px;overflow:hidden}.hero::before{content:"";position:absolute;inset:4% -40% auto 35%;height:480px;background:radial-gradient(circle,rgba(26,183,123,.24),transparent 62%);filter:blur(30px);z-index:-1}.hero-grid{display:grid;gap:18px;align-items:center}.hero h1{font-family:var(--display);font-weight:600;line-height:.95;letter-spacing:-.045em;font-size:clamp(46px,14vw,84px);margin:15px 0 18px;max-width:760px}.hero h1 .accent{color:var(--emerald-soft);text-shadow:0 0 26px rgba(26,183,123,.22)}.hero p{font-size:clamp(17px,4.5vw,21px);color:var(--muted);max-width:690px;margin:0 0 22px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.micro-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.micro-list li{padding:7px 10px;border-radius:999px;background:var(--panel-soft);border:1px solid var(--line-green);font-size:11px;color:var(--muted)}
.hero-visual{position:relative;min-height:360px;margin-top:8px}.hero-person{position:absolute;left:50%;bottom:-10px;transform:translateX(-48%);height:min(52vh,460px);width:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35));z-index:2}.float-card{position:absolute;z-index:3;padding:11px 13px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-size:12px;max-width:170px;backdrop-filter:blur(14px)}.float-card strong{display:block;color:var(--ink);font-size:12px}.float-card span{color:var(--muted);font-size:10px}.fc-1{top:34px;left:0;animation:float 5s ease-in-out infinite}.fc-2{right:0;top:130px;animation:float 5.8s ease-in-out infinite reverse}.fc-3{left:4%;bottom:28px;animation:float 6.4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-7px)}}
.section{padding:78px 0;position:relative}.section-tight{padding:48px 0}.section-head{display:grid;gap:14px;margin-bottom:28px}.section h2,.page-hero h1{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0;font-size:clamp(36px,9vw,66px)}.section-head p,.page-hero p{color:var(--muted);margin:0;max-width:720px;font-size:17px}.section-kicker{font-size:11px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.18em;font-weight:800}
.page-hero{padding:70px 0 44px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(19,46,33,.42),transparent)}.page-hero-grid{display:grid;gap:24px;align-items:center}.page-hero .hero-thumb{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--panel)}.page-hero .hero-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}
.proof-strip{border-block:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,transparent)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}.proof-item{padding:18px 12px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-item strong{display:block;font-family:var(--display);font-size:25px;color:var(--ink)}.proof-item span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.grid-2,.grid-3,.grid-4{display:grid;gap:14px}.card{position:relative;padding:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel-2) 84%,transparent));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 42px rgba(0,0,0,.12);overflow:hidden}.card::after{content:"";position:absolute;inset:auto -40% -60% 30%;height:180px;background:radial-gradient(circle,rgba(26,183,123,.12),transparent 65%);pointer-events:none}.card h3{margin:12px 0 9px;font-size:22px;line-height:1.15}.card p{margin:0;color:var(--muted)}.card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line-green);color:var(--gold-soft);font-weight:900}.card-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-weight:800;color:var(--emerald-soft);font-size:14px}.card-link::after{content:"→"}
.feature-card{min-height:240px}.feature-card .num{font-family:var(--display);font-size:46px;color:color-mix(in srgb,var(--gold) 72%,transparent);line-height:1}
.split{display:grid;gap:20px;align-items:center}.media-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);position:relative}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-card.tall img{aspect-ratio:4/5}.media-caption{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;background:rgba(3,10,7,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff}.media-caption strong{display:block}.media-caption span{font-size:11px;color:#c4cec9}
.tech-ticker{overflow:hidden;border-block:1px solid var(--line);padding:12px 0;background:rgba(0,0,0,.10)}.ticker-track{display:flex;gap:34px;width:max-content;animation:ticker 28s linear infinite}.ticker-track span{font-size:11px;white-space:nowrap;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.ticker-track b{color:var(--gold)}@keyframes ticker{to{transform:translateX(-50%)}}
.demo-teaser{padding:0}.demo-shell{position:relative;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#0b1a13,#10140f);box-shadow:var(--shadow)}[data-theme="light"] .demo-shell{background:linear-gradient(145deg,#eef8f2,#fffaf0)}.demo-topbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:var(--faint)}.window-dots i:nth-child(1){background:var(--gold)}.window-dots i:nth-child(2){background:var(--emerald)}.demo-live{display:inline-flex;align-items:center;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--emerald-soft)}.demo-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 6px rgba(26,183,123,.12);animation:pulse 1.7s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(26,183,123,0)}}
.demo-teaser-inner{display:grid;gap:18px;padding:18px}.mini-browser{background:#f8f6ef;color:#142019;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.22)}.mini-browser-head{padding:12px 14px;background:#143f2d;color:white;font-weight:800}.mini-browser-body{padding:14px}.mini-job{padding:12px;border:1px solid #d6e3da;border-radius:12px;margin-top:9px;background:#fff}.mini-job strong{display:block}.mini-job span{font-size:11px;color:#627068}.demo-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#9adfbd;padding:14px;background:#07110d;border:1px solid #183729;border-radius:16px;line-height:1.7}.demo-code .gold{color:#e7c575}
.local-band{padding:24px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(26,183,123,.12),rgba(217,173,82,.08));display:grid;gap:12px}.local-band strong{font-family:var(--display);font-size:28px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;background:var(--panel-soft)}
.case-grid{display:grid;gap:14px}.case{position:relative;min-height:330px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.case img{width:100%;height:100%;min-height:330px;object-fit:cover;position:absolute;inset:0}.case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,8,5,.92) 96%)}.case-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;color:#fff}.case-copy h3{font-size:24px;margin:5px 0}.case-copy p{color:#ced7d2;margin:0;font-size:14px}.case-copy .tag{color:#f2d78c;font-size:10px;text-transform:uppercase;letter-spacing:.16em}
.quote-card{padding:28px;background:var(--ink);color:var(--bg);border-radius:28px}.quote-card blockquote{font-family:var(--display);font-size:32px;line-height:1.15;margin:0 0 18px}.quote-card cite{font-style:normal;font-size:12px;opacity:.7}
.process{counter-reset:step;display:grid;gap:12px}.process-item{position:relative;padding:18px 18px 18px 66px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.process-item::before{counter-increment:step;content:"0" counter(step);position:absolute;left:18px;top:18px;font-family:var(--display);font-size:24px;color:var(--gold)}.process-item h3{margin:0 0 4px;font-size:17px}.process-item p{margin:0;color:var(--muted);font-size:14px}
/* Demos */
.demo-lab{border:1px solid var(--line);border-radius:28px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.demo-lab-header{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-lab-header h2{font-family:var(--display);font-size:30px;margin:0}.demo-lab-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.demo-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.demo-tab{flex:1;min-height:42px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-weight:800}.demo-tab.active{background:var(--emerald);color:#06100c;border-color:transparent}.demo-grid{display:grid}.demo-pane{min-width:0}.demo-pane-admin{padding:16px;background:color-mix(in srgb,var(--bg) 80%,transparent)}.demo-pane-public{padding:16px;background:linear-gradient(180deg,#edf6f0,#f9f7ef);color:#132019}
.career-site{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.15);min-height:640px}.career-header{padding:18px;background:#153e2d;color:#fff}.career-brand{display:flex;align-items:center;justify-content:space-between;gap:8px}.career-brand strong{font-size:15px}.career-badge{font-size:9px;text-transform:uppercase;letter-spacing:.14em;background:#e6c264;color:#1a1408;padding:5px 8px;border-radius:999px}.career-hero{padding:22px 18px;background:linear-gradient(135deg,#153e2d,#1f6b4c);color:#fff}.career-hero h3{font-family:Georgia,serif;font-size:31px;line-height:1.02;margin:0 0 9px}.career-hero p{margin:0;color:#d5e7dd}.career-alert{margin:14px 14px 0;padding:11px 12px;background:#fff6da;border:1px solid #f0d47e;color:#473810;border-radius:12px;font-size:12px}.career-section{padding:18px}.career-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.career-section-title h4{margin:0;font-size:16px}.career-section-title span{font-size:10px;color:#60726a}.job-list{display:grid;gap:8px}.job-card{padding:13px;border:1px solid #dce8e0;border-radius:13px;background:#fff}.job-card strong{font-size:14px}.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.job-meta span{font-size:10px;color:#5c6b64}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resource-card{padding:12px;border-radius:12px;background:#eff7f2;border:1px solid #dcebe1}.resource-card strong{font-size:12px}.resource-card p{font-size:10px;margin:4px 0 0;color:#627068}.career-cta{margin:0 18px 18px;padding:14px;border-radius:14px;background:#153e2d;color:#fff;text-align:center;font-weight:800;font-size:12px}
.admin-panel h3{margin:0 0 14px}.control-group{margin-bottom:14px}.control-group label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.field,textarea.field,select.field{width:100%;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);min-height:44px;padding:10px 12px;border-radius:12px;outline:none}.field:focus{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(26,183,123,.12)}textarea.field{min-height:92px;resize:vertical}.admin-row{display:grid;gap:9px}.job-admin-list{display:grid;gap:8px;margin-top:10px}.job-admin-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.job-admin-item strong{font-size:12px}.job-admin-item span{display:block;font-size:10px;color:var(--muted)}.mini-actions{display:flex;gap:6px}.mini-actions button{width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px}.demo-note{padding:12px 14px;border-radius:13px;border:1px dashed var(--line);color:var(--muted);font-size:11px;margin-top:14px}.architecture{display:grid;gap:10px;margin-top:20px}.architecture .node{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.architecture .node strong{display:block}.architecture .node span{font-size:11px;color:var(--muted)}
/* Forms */
.form-card{padding:20px;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow)}.form-grid{display:grid;gap:12px}.form-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-weight:800}.form-status{margin-top:12px;padding:11px 12px;border-radius:12px;display:none}.form-status.show{display:block}.form-status.ok{background:rgba(26,183,123,.14);border:1px solid rgba(26,183,123,.28)}.form-status.error{background:rgba(227,107,100,.13);border:1px solid rgba(227,107,100,.28)}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.contact-cards{display:grid;gap:10px}.contact-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.contact-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact-card strong{font-size:18px}
.footer{border-top:1px solid var(--line);padding:48px 0 100px}.footer-grid{display:grid;gap:24px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:50px;height:50px;border-radius:14px}.footer h3{font-family:var(--display);margin:0}.footer p{color:var(--muted);max-width:500px}.footer-links{display:flex;flex-wrap:wrap;gap:9px}.footer-links a{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.legal{color:var(--faint);font-size:11px;margin-top:20px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-soft);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.badge.green{color:var(--emerald-soft);border-color:var(--line-green)}
.check-list{display:grid;gap:9px;padding:0;margin:18px 0;list-style:none}.check-list li{padding-left:28px;position:relative;color:var(--muted)}.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--emerald);font-weight:900}
.cta-panel{padding:30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(26,183,123,.18),rgba(217,173,82,.09));display:grid;gap:18px}.cta-panel h2{font-size:clamp(34px,9vw,58px)}
.price-card .price{font-family:var(--display);font-size:38px;color:var(--gold-soft);margin:8px 0}.price-card .price small{font-family:var(--sans);font-size:11px;color:var(--muted)}
@media(min-width:720px){
 body{padding-bottom:0}.mobile-cta{display:none}.menu-btn{display:none}.desktop-nav{display:flex}.mobile-nav{display:none!important}.container{width:min(calc(100% - 56px),var(--max))}.hero{padding:70px 0}.hero-grid{grid-template-columns:1.12fr .88fr;gap:26px}.hero-visual{min-height:520px}.hero-person{height:560px;left:54%}.fc-1{left:0;top:70px}.fc-2{right:0;top:180px}.fc-3{left:10%;bottom:60px}.proof-grid{grid-template-columns:repeat(4,1fr)}.proof-item{border-bottom:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1fr 1fr;gap:36px}.split.reverse> :first-child{order:2}.case-grid{grid-template-columns:repeat(2,1fr)}.demo-teaser-inner{grid-template-columns:1.2fr .8fr;align-items:center;padding:28px}.page-hero-grid{grid-template-columns:1.15fr .85fr}.footer-grid{grid-template-columns:1.3fr .7fr}.form-grid.two{grid-template-columns:1fr 1fr}.admin-row.two{grid-template-columns:1fr 1fr}.demo-tabs{display:none}.demo-grid{grid-template-columns:1.08fr .92fr}.demo-pane-admin{border-left:1px solid var(--line)}.career-site{min-height:700px}.architecture{grid-template-columns:repeat(3,1fr)}.cta-panel{grid-template-columns:1.2fr .8fr;align-items:center}
}
@media(min-width:1020px){.case-grid{grid-template-columns:1.2fr .8fr .8fr}.case:first-child{grid-row:span 2;min-height:680px}.case:first-child img{min-height:680px}.section{padding:100px 0}}
@media(max-width:719px){.demo-pane{display:none}.demo-lab[data-view="public"] .demo-pane-public,.demo-lab[data-view="admin"] .demo-pane-admin{display:block}.demo-lab[data-view="public"] .demo-pane-public{padding:12px}.demo-lab[data-view="admin"] .demo-pane-admin{padding:14px}.page-hero{padding-top:45px}.page-hero .hero-thumb{max-height:360px}.page-hero .hero-thumb img{aspect-ratio:5/4}.quote-card blockquote{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* --- Data Architect refinement pass --- */
.theme-text-btn{width:auto;min-width:124px;padding:0 16px;font-size:12px;font-weight:800;letter-spacing:.02em}
.text-balance{text-wrap:balance}
.compact-title{font-size:clamp(34px,6vw,54px);line-height:1.02;text-wrap:balance}
.cta-title{text-wrap:balance;max-width:18ch;font-size:clamp(28px,5.2vw,46px)!important;line-height:1.03}
.compact-cta{align-items:center}
.proof-grid-framed{border-left:1px solid var(--line);border-right:1px solid var(--line)}
.proof-item strong a{text-decoration:none}
.page-hero .hero-thumb.contain{padding:16px;background:linear-gradient(180deg,rgba(18,48,35,.42),rgba(18,48,35,.1));display:grid;place-items:end center}
.page-hero .hero-thumb.contain img{width:auto;max-width:100%;max-height:360px;aspect-ratio:auto;object-fit:contain;object-position:center top}
.page-hero .hero-thumb.transparent-bg{border:none;background:transparent;box-shadow:none;overflow:visible;display:grid;place-items:end center}
.page-hero .hero-thumb.transparent-bg img{width:auto;max-width:100%;max-height:440px;aspect-ratio:auto;object-fit:contain}
.hero-visual-home{overflow:visible}
.hero-person{transition:transform .28s ease,filter .28s ease;will-change:transform}
.hero-person:hover{filter:drop-shadow(0 28px 44px rgba(0,0,0,.42))}
.hover-grow,.float-card{transition:transform .22s ease,box-shadow .22s ease}
.hover-grow:hover,.float-card:hover{transform:scale(1.04)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.media-card img.fit-top,.hero-thumb img.fit-top{object-position:center top}
.media-card img.fit-top{object-fit:cover}
.reveal-right{transform:translateX(38px)}
.reveal-right.in{transform:none}
.about-hero .page-hero-grid{align-items:end}
.bio-stack{display:grid;gap:18px}.bio-stack p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.work-mini-grid .card{min-height:100%}
.contact-card strong a{word-break:break-word}
@media(max-width:719px){
  .theme-text-btn{min-width:0;padding:0 12px;font-size:11px}
  .cta-title{max-width:none;font-size:clamp(26px,8vw,36px)!important}
  .page-hero .hero-thumb.contain img{max-height:300px}
  .page-hero .hero-thumb.transparent-bg img{max-height:340px}
  .hero-person{height:min(50vh,420px)}
  .hero-visual{min-height:420px}
  .float-card{max-width:150px}
}


/* --- Mobile homepage visual-first hero pass --- */
.mobile-home-intro{display:none}
@media(max-width:719px){
  body[data-page="home"] .home-hero{
    min-height:auto;
    padding:10px 0 28px;
    overflow:hidden;
  }
  body[data-page="home"] .home-hero .hero-grid{
    display:grid;
    gap:0;
  }
  body[data-page="home"] .home-hero .hero-visual-home{
    order:1;
    min-height:560px;
    margin:0 -4px 0;
    overflow:visible;
  }
  body[data-page="home"] .home-hero .hero-person{
    height:min(70vh,590px);
    max-height:590px;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    filter:drop-shadow(0 26px 38px rgba(0,0,0,.32));
  }
  body[data-page="home"] .home-hero .fc-1{
    top:54px;
    left:2px;
  }
  body[data-page="home"] .home-hero .fc-2{
    top:196px;
    right:0;
  }
  body[data-page="home"] .home-hero .fc-3{
    left:6px;
    bottom:44px;
  }
  body[data-page="home"] .home-hero .float-card{
    max-width:148px;
    padding:10px 11px;
    background:color-mix(in srgb,var(--panel) 91%,transparent);
  }
  body[data-page="home"] .home-hero .hero-copy{
    order:2;
    margin-top:-6px;
  }
  body[data-page="home"] .home-hero .hero-copy > .eyebrow,
  body[data-page="home"] .home-hero .hero-copy > h1,
  body[data-page="home"] .home-hero .hero-copy > p{
    display:none;
  }
  body[data-page="home"] .home-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin:0;
  }
  body[data-page="home"] .home-hero-actions .btn{
    width:100%;
    min-height:48px;
    padding:10px 11px;
    font-size:12px;
    text-align:center;
  }
  body[data-page="home"] .home-hero-tags{
    margin:12px 0 0;
    gap:6px;
    justify-content:center;
  }
  body[data-page="home"] .home-hero-tags li{
    padding:6px 9px;
    font-size:10px;
  }
  body[data-page="home"] .mobile-home-intro{
    order:3;
    display:block;
    margin:24px 0 2px;
    padding:20px 18px;
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(26,183,123,.10),rgba(217,173,82,.055));
  }
  body[data-page="home"] .mobile-home-intro p{
    margin:8px 0 0;
    max-width:none;
    font-size:15px;
    line-height:1.55;
    color:var(--muted);
  }
}
@media(max-width:420px){
  body[data-page="home"] .home-hero .hero-visual-home{min-height:520px}
  body[data-page="home"] .home-hero .hero-person{height:min(65vh,545px)}
  body[data-page="home"] .home-hero .fc-1{top:42px}
  body[data-page="home"] .home-hero .fc-2{top:172px}
  body[data-page="home"] .home-hero .fc-3{bottom:34px}
}


/* --- V4 consistency + professional work pass --- */
.portfolio-feature{padding-top:52px;padding-bottom:52px}
.portfolio-feature.alt{background:linear-gradient(180deg,rgba(15,43,31,.2),rgba(15,43,31,.06))}
.portfolio-case{display:grid;gap:28px;align-items:center}
.portfolio-media{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.24)}
.portfolio-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.portfolio-copy h2{margin:8px 0 16px;font-size:clamp(34px,5.4vw,58px);line-height:1.01}
.portfolio-copy p{color:var(--muted);font-size:17px;line-height:1.72}
.capability-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.capability-chips span{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:12px;color:var(--muted)}
.professional-work-grid .card{min-height:100%}
@media(min-width:900px){
  .portfolio-case{grid-template-columns:1.35fr .65fr;gap:42px}
  .portfolio-case-reverse{grid-template-columns:.65fr 1.35fr}
  .portfolio-case-reverse .portfolio-media{order:2}
  .portfolio-case-reverse .portfolio-copy{order:1}
}
@media(max-width:719px){
  body[data-page="home"] .hero-visual-home{min-height:470px!important;margin-top:4px}
  body[data-page="home"] .hero-visual-home .hero-person{height:430px!important;max-height:54vh!important;left:52%!important;bottom:8px!important;object-fit:contain!important}
  body[data-page="home"] .hero-visual-home .fc-1{top:54px!important;left:2px!important}
  body[data-page="home"] .hero-visual-home .fc-2{top:185px!important;right:0!important}
  body[data-page="home"] .hero-visual-home .fc-3{left:10%!important;bottom:18px!important}
  .portfolio-feature{padding:36px 0}
  .portfolio-case{gap:18px}
  .portfolio-media{border-radius:20px}
  .portfolio-copy h2{font-size:clamp(30px,9vw,40px)}
  .portfolio-copy p{font-size:15px;line-height:1.65}
}


/* ========================================================================== */
/* DATA ARCHITECT BRAND + SERVICE EXPANSION */
/* ========================================================================== */
.brand-lockup .brand-word{font-size:19px}.brand-lockup img{object-fit:cover;background:#07110d}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex!important;align-items:center;gap:5px}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;padding:8px;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s;z-index:120}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;transform:none;pointer-events:auto}.nav-dropdown-menu a{display:block!important;border-radius:10px!important;padding:10px 12px!important;white-space:nowrap}.mobile-service-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border:0;background:transparent;color:var(--muted);font:inherit;text-align:left}.mobile-service-toggle span{color:var(--gold);font-size:18px}.mobile-subnav{display:none;padding:0 8px 8px}.mobile-subnav.open{display:grid}.mobile-subnav a{padding:10px 14px 10px 24px!important;background:var(--panel-soft);margin-top:4px;font-size:13px}.mobile-subnav a::after{content:"→"!important}.workflow-demo{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel-2) 70%,transparent));padding:18px;margin-bottom:24px;box-shadow:var(--shadow)}.workflow-demo-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.workflow-demo-head strong{font-family:var(--display);font-size:22px}.workflow-lane{display:grid;grid-template-columns:1fr;gap:10px}.workflow-lane>i{display:none}.workflow-step{padding:16px;border:1px solid var(--line);background:var(--panel-soft);border-radius:17px;transition:.25s}.workflow-step span{display:block;color:var(--gold);font-family:var(--display);font-size:20px}.workflow-step strong{display:block;margin:3px 0;font-size:15px}.workflow-step small{color:var(--muted);line-height:1.4}.workflow-step.is-active{border-color:var(--emerald);box-shadow:0 0 0 1px color-mix(in srgb,var(--emerald) 65%,transparent),0 0 30px rgba(26,183,123,.14);transform:translateY(-2px)}.workflow-result{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:14px;padding:14px;border-radius:18px;background:#06150f;border:1px solid var(--line-green)}.workflow-result>div:not(.workflow-arrow){display:grid;gap:3px}.workflow-result strong{font-size:13px}.workflow-result small{color:var(--muted);font-size:10px}.workflow-label{font-size:9px;color:var(--gold-soft);letter-spacing:.14em}.workflow-arrow{color:var(--emerald);font-size:26px}.workflow-services{margin-top:22px}.brand-showcase{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-tile{min-height:150px;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,var(--panel),#10261b);position:relative;overflow:hidden}.design-tile small{position:absolute;left:16px;bottom:13px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.design-logo{grid-row:span 2;display:grid;place-items:center}.design-logo span{font-family:var(--display);font-size:76px;color:var(--gold-soft);text-shadow:0 0 26px rgba(217,173,82,.2)}.design-social{background:linear-gradient(135deg,#073c2a,#0e1f18)}.design-social strong{display:block;font-family:var(--display);font-size:25px;max-width:7ch}.design-social span{display:block;color:var(--emerald-soft);font-size:11px;margin-top:10px}.design-card{background:linear-gradient(135deg,#17130b,#0a1c14)}.design-card strong{font-family:var(--display);color:var(--gold-soft);font-size:19px}.design-card span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.graphic-system{display:grid;grid-template-columns:1fr 1fr;gap:10px}.graphic-system>div{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.graphic-system span{display:block;color:var(--gold);font-size:9px;letter-spacing:.16em}.graphic-system strong{font-size:14px}.print-stage{min-height:360px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 20%,rgba(26,183,123,.18),transparent 50%),var(--panel);overflow:hidden}.flyer-mock,.brochure-mock{display:none}.flyer-mock.is-active,.brochure-mock.is-active{display:grid}.flyer-mock{width:min(250px,70%);aspect-ratio:8.5/11;padding:28px 20px;background:linear-gradient(160deg,#f6f0df 0 48%,#0d3a29 48% 100%);color:#102118;box-shadow:0 24px 60px rgba(0,0,0,.35);align-content:start;gap:10px}.flyer-kicker{font-size:9px;letter-spacing:.17em;color:#987229}.flyer-mock strong{font-family:var(--display);font-size:40px;line-height:.9}.flyer-mock p{font-size:13px;max-width:14ch}.flyer-mock b{align-self:end;margin-top:auto;color:#f5d77d;font-size:10px;letter-spacing:.13em}.brochure-mock{grid-template-columns:repeat(3,1fr);width:min(530px,92%);min-height:245px;background:#f5f0e5;color:#132019;box-shadow:0 24px 60px rgba(0,0,0,.35)}.brochure-mock>div{padding:24px 16px;border-right:1px solid #d8cba9;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,#e7eadf)}.brochure-mock>div:nth-child(2){background:linear-gradient(180deg,#0c3f2d,#173425);color:white}.brochure-mock small{font-size:8px;letter-spacing:.14em;color:#9b792d}.brochure-mock strong{font-family:var(--display);font-size:24px}.print-controls{display:flex;gap:8px;margin-bottom:20px}.event-site-mock{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#f4efe4;color:#102019;box-shadow:var(--shadow)}.event-nav{padding:13px 16px;background:#0c3426;color:white;display:flex;justify-content:space-between;gap:10px;font-size:10px}.event-hero-mock{padding:34px 20px;background:linear-gradient(135deg,#ead8a4,#d6efe1);display:grid;gap:8px}.event-hero-mock small{font-size:9px;letter-spacing:.15em;color:#6f5d27}.event-hero-mock strong{font-family:var(--display);font-size:34px;line-height:.94;max-width:12ch}.event-hero-mock button{justify-self:start;margin-top:8px;border:0;border-radius:999px;padding:10px 14px;background:#0b3c2a;color:#fff;font-weight:800}.event-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6cda9}.event-meta span{padding:12px 8px;text-align:center;font-size:9px;border-right:1px solid #d6cda9}.event-flow{display:grid;gap:10px}.event-flow-item{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.event-flow-item span{color:var(--gold);font-family:var(--display);font-size:22px}.event-flow-item strong{display:block;font-size:16px;margin:3px 0}.event-flow-item p{margin:0;color:var(--muted);font-size:13px}.event-admin-row{display:grid;gap:8px;margin:12px 0}.event-update-result{padding:14px;border-radius:15px;border:1px solid var(--line-green);background:#071b13;display:grid;gap:4px}.event-update-result span{font-size:9px;letter-spacing:.15em;color:var(--gold)}.event-update-result small{color:var(--muted)}.event-update-result.flash{animation:resultFlash .7s ease}@keyframes resultFlash{0%{box-shadow:0 0 0 rgba(26,183,123,0)}50%{box-shadow:0 0 35px rgba(26,183,123,.35)}100%{box-shadow:0 0 0 rgba(26,183,123,0)}}@media(min-width:720px){.workflow-lane{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch}.workflow-lane>i{display:grid;place-items:center;color:var(--gold);font-style:normal}.event-flow{grid-template-columns:repeat(5,1fr)}.brand-showcase{min-height:360px}.event-admin-row{grid-template-columns:1fr auto}}@media(max-width:719px){.brand-lockup .brand-word{font-size:17px}.brand-lockup .brand-sub{font-size:7px;letter-spacing:.11em}.workflow-result{grid-template-columns:1fr}.workflow-arrow{transform:rotate(90deg);text-align:center}.brand-showcase{margin-top:8px}.design-tile{min-height:130px}.design-logo span{font-size:58px}.brochure-mock{min-height:210px}.event-site-mock{margin-top:8px}.event-nav{font-size:8px}.event-hero-mock strong{font-size:30px}.graphic-system{grid-template-columns:1fr}}

.mobile-subnav .service-child{padding-left:38px!important;font-size:12px;opacity:.92}.mobile-subnav .service-child::after{content:""!important}