:root { --navy:#06152f; --navy-2:#0b2147; --ink:#0b1731; --blue:#2668f5; --blue-soft:#dfe9ff; --coral:#ff866f; --paper:#f5f7fb; --white:#fff; --muted:#667085; --line:rgba(11,23,49,.13); --font-display:"Manrope",sans-serif; --font-body:"DM Sans",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.65 var(--font-body); -webkit-font-smoothing:antialiased; }
::selection { color:white; background:var(--blue); }
:focus-visible { outline:3px solid var(--coral); outline-offset:4px; }
[id] { scroll-margin-top:90px; }
a { color:inherit; } img { display:block; max-width:100%; }
h1,h2,h3 { font-family:var(--font-display); line-height:1.08; letter-spacing:-.035em; }
h2 { margin:0; max-width:950px; font-size:clamp(2.35rem,4.8vw,4.6rem); font-weight:650; }
.skip-link { position:fixed; top:-4rem; left:1rem; z-index:100; padding:.7rem 1rem; background:white; border-radius:.4rem; }
.skip-link:focus { top:1rem; }
.site-header { position:fixed; inset:0 0 auto; z-index:50; padding:14px 1.5rem 0; color:white; pointer-events:none; }
.header-shell { position:relative; width:min(1280px,100%); height:76px; margin:auto; padding:0 12px 0 16px; display:flex; align-items:center; justify-content:space-between; gap:1.4rem; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:linear-gradient(105deg,rgba(6,21,47,.78),rgba(11,33,71,.64)); box-shadow:0 18px 60px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(22px) saturate(140%); pointer-events:auto; overflow:hidden; transition:height .3s,border-radius .3s,background .3s,box-shadow .3s,transform .3s; }
.header-shell::before { content:""; position:absolute; top:-90px; left:15%; width:260px; height:160px; background:radial-gradient(circle,rgba(38,104,245,.35),transparent 68%); pointer-events:none; }
.site-header.is-scrolled .header-shell { height:66px; border-radius:18px; background:linear-gradient(105deg,rgba(6,21,47,.96),rgba(11,33,71,.92)); box-shadow:0 20px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.09); transform:translateY(-5px); }
.brand { display:flex; align-items:center; gap:.8rem; text-decoration:none; }
.brand-mark { position:relative; width:50px; height:50px; flex:0 0 50px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 24px rgba(0,0,0,.16); overflow:hidden; transition:transform .25s,border-color .25s,background .25s; }
.brand-mark::after { content:""; position:absolute; inset:-45% -15%; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2) 49%,transparent 63%); transform:translateX(-80%) rotate(8deg); transition:transform .55s ease; pointer-events:none; }
.brand:hover .brand-mark { transform:translateY(-2px); border-color:rgba(255,134,111,.5); background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04)); }
.brand:hover .brand-mark::after { transform:translateX(80%) rotate(8deg); }
.brand-mark img { width:44px; height:44px; object-fit:contain; }
.brand-copy { display:flex; flex-direction:column; line-height:1.15; }
.brand-copy strong { font:700 .9rem var(--font-display); letter-spacing:-.02em; white-space:nowrap; }
.brand-copy small { margin-top:.3rem; color:rgba(255,255,255,.44); font:600 .57rem var(--font-display); letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; }
.desktop-nav { display:flex; align-items:center; gap:.25rem; padding:.3rem; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.035); }
.desktop-nav a,.header-cta { text-decoration:none; font-size:.8rem; }
.desktop-nav a { display:flex; align-items:center; gap:.4rem; padding:.52rem .7rem; color:rgba(255,255,255,.62); border-radius:10px; font-weight:600; transition:color .2s,background .2s,transform .2s; }
.desktop-nav a span { color:rgba(255,134,111,.58); font:700 .56rem var(--font-display); }
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a.active { color:white; background:rgba(255,255,255,.09); transform:translateY(-1px); }
.desktop-nav a.active span { color:var(--coral); }
.header-actions { display:flex; align-items:center; gap:.7rem; }
.mini-team { display:flex; align-items:center; padding-left:8px; }
.mini-team img { width:30px; height:30px; object-fit:cover; border:2px solid var(--navy); border-radius:50%; box-shadow:0 4px 14px rgba(0,0,0,.25); }
.mini-team img+img { margin-left:-9px; }
.availability { display:flex; align-items:center; gap:.45rem; color:rgba(255,255,255,.62); font-size:.68rem; font-weight:600; white-space:nowrap; }
.availability i { width:6px; height:6px; border-radius:50%; background:#53dda2; box-shadow:0 0 0 4px rgba(83,221,162,.12); }
.header-cta { display:flex; align-items:center; gap:.75rem; padding:.54rem .55rem .54rem .85rem; border:1px solid rgba(255,134,111,.55); border-radius:13px; color:white; background:linear-gradient(135deg,rgba(255,134,111,.18),rgba(255,134,111,.07)); font-weight:700; white-space:nowrap; transition:transform .2s,background .2s,border-color .2s; }
.header-cta b { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:var(--navy); background:var(--coral); font-size:.85rem; }
.header-cta:hover { transform:translateY(-2px); border-color:var(--coral); background:rgba(255,134,111,.22); }
.hero { position:relative; min-height:930px; overflow:hidden; color:white; background:var(--navy); }
.hero::before { content:""; position:absolute; z-index:1; inset:-20% -5% auto auto; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(38,104,245,.3),transparent 66%); filter:blur(12px); pointer-events:none; }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:240px; background:linear-gradient(transparent,var(--navy)); pointer-events:none; }
.hero-art { position:absolute; inset:0; }
.hero-art img { width:100%; height:100%; object-fit:cover; object-position:center right; }
.hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,21,47,.99) 0%,rgba(6,21,47,.91) 35%,rgba(6,21,47,.43) 66%,rgba(6,21,47,.1) 100%); }
.hero-monogram { position:absolute; z-index:1; top:145px; right:max(1.5rem,calc((100vw - 1380px)/2)); width:clamp(320px,34vw,520px); opacity:.19; filter:drop-shadow(0 28px 80px rgba(0,0,0,.22)); transform:rotate(2deg); pointer-events:none; }
.hero-inner { position:relative; z-index:2; width:min(1280px,calc(100% - 3rem)); min-height:930px; margin:auto; padding:150px 0 58px; display:flex; flex-direction:column; justify-content:space-between; row-gap:clamp(3rem,6vh,5rem); }
.hero-copy { max-width:920px; }
.eyebrow,.overline { margin:0 0 1.3rem; text-transform:uppercase; font:700 .76rem var(--font-display); letter-spacing:.16em; }
.eyebrow { display:flex; align-items:center; gap:.65rem; color:rgba(255,255,255,.72); }
.pulse { width:8px; height:8px; background:var(--coral); border-radius:50%; box-shadow:0 0 0 6px rgba(255,134,111,.12); }
h1 { margin:0; max-width:950px; font-size:clamp(3.25rem,6.1vw,5.8rem); font-weight:700; }
h1 em { color:var(--coral); font-style:normal; }
.hero-lead { max-width:790px; margin:1.8rem 0 0; color:rgba(255,255,255,.76); font-size:clamp(1.05rem,1.35vw,1.22rem); line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; padding:.85rem 1.15rem; border-radius:999px; text-decoration:none; font-weight:600; font-size:.92rem; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button.primary { color:var(--navy); background:white; } .button.secondary { border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,255,255,.16); border-radius:1rem; background:rgba(6,21,47,.36); box-shadow:0 24px 70px rgba(0,0,0,.18); backdrop-filter:blur(14px); overflow:hidden; }
.metric-grid article { min-width:0; min-height:145px; padding:1.55rem 1.55rem 1.4rem; border-right:1px solid rgba(255,255,255,.15); }
.metric-grid article:last-child { border-right:0; }
.metric-grid strong { display:block; color:var(--coral); font:700 clamp(2.6rem,4vw,4.2rem)/1 var(--font-display); letter-spacing:-.06em; }
.metric-grid span { display:block; margin-top:.55rem; font:650 .93rem var(--font-display); text-wrap:balance; }
.metric-grid small { display:block; margin-top:.3rem; color:rgba(255,255,255,.5); font-size:.76rem; line-height:1.45; overflow-wrap:anywhere; }
.section { padding:8rem max(1.5rem,calc((100vw - 1280px)/2)); }
.section-grid { display:grid; grid-template-columns:230px minmax(0,1fr); gap:3rem; }
.section-kicker { display:flex; gap:.8rem; align-items:flex-start; padding-top:.35rem; color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; }
.section-kicker span { color:var(--blue); font-weight:700; } .section-kicker.light { color:rgba(255,255,255,.58); } .section-kicker.light span { color:var(--coral); }
.section-content { max-width:930px; } .overline { color:var(--blue); } .overline.coral { color:var(--coral); }
.section-lead { max-width:850px; margin:1.8rem 0 0; color:var(--muted); font-size:1.13rem; line-height:1.75; } .section-lead.light-copy { color:rgba(255,255,255,.62); }
.cityviz { position:relative; overflow:hidden; background:var(--paper); }
.cityviz::before { content:"CITYVIZ"; position:absolute; top:2.5rem; right:-1rem; color:var(--navy); opacity:.025; font:800 clamp(7rem,17vw,15rem)/1 var(--font-display); letter-spacing:-.08em; pointer-events:none; }
.case-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr); gap:2.5rem; margin-top:5rem; align-items:start; }
.delivery-list { border-top:1px solid var(--line); }
.delivery-list article { display:grid; grid-template-columns:56px 1fr; gap:1.2rem; padding:1.8rem 1rem 1.8rem 0; border-bottom:1px solid var(--line); transition:transform .22s,background .22s,padding .22s; }
.delivery-list article:hover { padding-left:1rem; transform:translateX(6px); background:rgba(255,255,255,.7); }
.delivery-list article.payment-focus { padding-left:1rem; background:linear-gradient(90deg,rgba(38,104,245,.08),rgba(255,255,255,.72)); box-shadow:inset 3px 0 0 var(--coral); }
.delivery-list article:hover h3 { color:var(--blue); }
.delivery-list>article>span { color:var(--blue); font:700 .76rem var(--font-display); }
.item-label { margin:0 0 .35rem; color:var(--coral); font:700 .7rem var(--font-display); letter-spacing:.12em; text-transform:uppercase; }
.delivery-list h3 { margin:0 0 .55rem; font-size:1.4rem; } .delivery-list article p:last-child { max-width:740px; margin:0; color:var(--muted); }
.product-map { position:sticky; top:110px; overflow:hidden; padding:2.2rem; color:white; border-radius:1.2rem; background:linear-gradient(155deg,var(--navy),var(--navy-2)); box-shadow:0 28px 70px rgba(6,21,47,.18); }
.product-map::before { content:""; position:absolute; top:-120px; right:-120px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(38,104,245,.65),transparent 68%); pointer-events:none; }
.product-map>* { position:relative; z-index:1; }
.map-kicker { margin:0 0 1rem; color:var(--coral); font:700 .72rem var(--font-display); text-transform:uppercase; letter-spacing:.14em; }
.product-map h3 { margin:0 0 2rem; font-size:1.75rem; }
.map-node { position:relative; padding:1rem 0 1rem 1.2rem; border-top:1px solid rgba(255,255,255,.14); } .map-node::before { content:""; position:absolute; top:1.45rem; left:0; width:6px; height:6px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 5px rgba(255,134,111,.1); } .map-node span { font:700 .9rem var(--font-display); }
.map-node p { margin:.25rem 0 0; color:rgba(255,255,255,.58); font-size:.88rem; line-height:1.5; }
.delivery-proof { display:grid; grid-template-columns:repeat(4,1fr); margin-top:3rem; border:1px solid var(--line); background:white; }
.delivery-proof div { padding:1.5rem; border-right:1px solid var(--line); } .delivery-proof div:last-child { border-right:0; }
.delivery-proof strong,.delivery-proof span { display:block; } .delivery-proof strong { color:var(--blue); font:700 .95rem var(--font-display); }
.delivery-proof span { margin-top:.35rem; color:var(--muted); font-size:.86rem; }
.duo { color:white; background:var(--navy); }
.profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-top:5rem; }
.profile-card { min-height:610px; padding:2.6rem; border-radius:1.2rem; display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s; }
.profile-card:hover { transform:translateY(-6px); box-shadow:0 30px 80px rgba(0,0,0,.2); }
.profile-card.cobalt { background:var(--blue); } .profile-card.navy { border:1px solid rgba(255,255,255,.16); background:var(--navy-2); }
.profile-top { display:flex; align-items:center; justify-content:space-between; }
.profile-photo { width:108px; height:108px; object-fit:cover; border:3px solid rgba(255,255,255,.25); border-radius:50%; box-shadow:0 16px 38px rgba(2,10,28,.25); }
.profile-years { color:var(--coral); font:700 1rem var(--font-display); }
.profile-role { margin:2.5rem 0 1rem; color:rgba(255,255,255,.64); text-transform:uppercase; font-size:.76rem; letter-spacing:.12em; }
.profile-card h3 { margin:0 0 1.1rem; font-size:clamp(2.1rem,3.4vw,3.4rem); }
.profile-card>p:not(.profile-role) { max-width:570px; margin:0; color:rgba(255,255,255,.74); font-size:1.04rem; }
.profile-card ul { margin:2rem 0; padding:0; list-style:none; } .profile-card li { padding:.45rem 0; border-bottom:1px solid rgba(255,255,255,.14); font-size:.92rem; }
.profile-card li::before { content:"—"; margin-right:.65rem; color:var(--coral); }
.profile-card li.ai-skill { color:white; font-weight:650; }
.profile-card li.ai-skill::before { content:"✦"; }
.profile-links { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; margin-top:auto; } .profile-links a { border-bottom:1px solid rgba(255,255,255,.35); text-decoration:none; font-weight:600; font-size:.88rem; }
.duo-bridge { display:grid; grid-template-columns:210px 1fr; gap:2rem; align-items:center; margin-top:1.2rem; padding:1.5rem 2rem; border:1px solid rgba(255,255,255,.15); border-radius:1rem; }
.duo-bridge span { color:var(--coral); font:700 .76rem var(--font-display); text-transform:uppercase; letter-spacing:.12em; } .duo-bridge p { margin:0; color:rgba(255,255,255,.68); font-size:1.05rem; }
.expertise { background:white; }
.skill-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:5rem; }
.skill-columns article { min-height:500px; padding:2.1rem; border:1px solid var(--line); border-radius:1rem; background:var(--paper); transition:transform .25s,box-shadow .25s,border-color .25s; }
.skill-columns article:hover { transform:translateY(-6px); border-color:rgba(38,104,245,.28); box-shadow:0 24px 70px rgba(11,23,49,.1); }
.skill-columns article.accent-card { position:relative; overflow:hidden; color:white; border-color:transparent; background:linear-gradient(145deg,var(--blue),#1743a4); }
.accent-card>*:not(.card-monogram) { position:relative; z-index:1; }
.card-monogram { position:absolute; right:-105px; bottom:-95px; width:300px; max-width:none; opacity:.1; transform:rotate(-5deg); pointer-events:none; }
.skill-number { color:var(--blue); font:700 .76rem var(--font-display); } .accent-card .skill-number { color:var(--coral); }
.skill-columns h3 { margin:3rem 0 1rem; font-size:1.7rem; } .skill-columns p { margin:0; color:var(--muted); } .accent-card p { color:rgba(255,255,255,.7); }
.skill-columns ul { margin:2rem 0 0; padding:0; list-style:none; } .skill-columns li { padding:.7rem 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.accent-card li { border-bottom-color:rgba(255,255,255,.16); } .skill-columns small { display:block; margin-top:1.4rem; color:rgba(255,255,255,.62); font-size:.76rem; line-height:1.5; }
.beyond { color:white; background:var(--navy-2); }
.project-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:5rem; }
.project-card { position:relative; overflow:hidden; min-height:315px; padding:2rem; border:1px solid rgba(255,255,255,.14); border-radius:1rem; background:rgba(255,255,255,.035); transition:transform .25s,background .25s,border-color .25s; }
.project-card::after { content:""; position:absolute; inset:auto -40px -70px auto; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(38,104,245,.22),transparent 70%); }
.project-card:hover { transform:translateY(-6px); border-color:rgba(255,134,111,.38); background:rgba(255,255,255,.07); }
.project-card>* { position:relative; z-index:1; }
.project-card>span { color:var(--coral); font:700 .72rem var(--font-display); text-transform:uppercase; letter-spacing:.12em; }
.project-card h3 { margin:2.5rem 0 1rem; font-size:1.45rem; } .project-card p { margin:0; color:rgba(255,255,255,.62); }
.project-card small { display:block; margin-top:1.5rem; color:rgba(255,255,255,.44); font-size:.75rem; }
.scale-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:4rem; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.scale-strip div { padding:1.8rem 1.6rem; border-right:1px solid rgba(255,255,255,.14); } .scale-strip div:last-child { border-right:0; }
.scale-strip strong,.scale-strip span { display:block; } .scale-strip strong { color:var(--coral); font:700 2.5rem var(--font-display); }
.scale-strip span { color:rgba(255,255,255,.66); font-size:.86rem; } .scale-note { margin:.8rem 0 0; color:rgba(255,255,255,.38); font-size:.75rem; text-align:right; }
.value { background:var(--paper); }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:5rem; border-top:1px solid var(--line); }
.value-grid article { padding:2rem 2rem 1rem 0; border-right:1px solid var(--line); } .value-grid article:not(:first-child) { padding-left:2rem; } .value-grid article:last-child { border-right:0; }
.value-grid span { display:block; margin-bottom:4rem; color:var(--blue); font-size:.75rem; } .value-grid h3 { margin:0 0 1rem; font-size:1.25rem; }
.value-grid p { margin:0; color:var(--muted); font-size:.95rem; }
.softforge { padding-top:5rem; padding-bottom:5rem; background:white; }
.softforge-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:clamp(2.5rem,6vw,6rem); align-items:center; padding:clamp(2.3rem,5vw,4.5rem); color:white; border-radius:1.35rem; background:linear-gradient(135deg,var(--navy),#0b2d67); box-shadow:0 30px 90px rgba(6,21,47,.18); }
.softforge-card::after { content:""; position:absolute; right:-120px; bottom:-220px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(38,104,245,.4),transparent 68%); pointer-events:none; }
.softforge-card>* { position:relative; z-index:1; }
.softforge-heading p { margin:0 0 1rem; color:var(--coral); font:700 .74rem var(--font-display); letter-spacing:.14em; text-transform:uppercase; }
.softforge-heading h2 { color:white; font-size:clamp(2.7rem,5vw,5rem); }
.softforge-copy>p { max-width:760px; margin:0; color:rgba(255,255,255,.72); font-size:1.02rem; }
.softforge-copy>p+p { margin-top:1rem; }
.softforge-tags { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.7rem; }
.softforge-tags span { padding:.42rem .72rem; border:1px solid rgba(255,255,255,.17); border-radius:999px; color:rgba(255,255,255,.78); background:rgba(255,255,255,.055); font-size:.74rem; font-weight:600; }
.softforge-link { display:inline-flex; gap:.55rem; align-items:center; margin-top:1.8rem; color:white; border-bottom:1px solid rgba(255,134,111,.7); text-decoration:none; font-weight:700; }
.contact { position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(125deg,var(--blue-soft),#eef3ff 66%,#d7e4ff); }
.contact::before { content:""; position:absolute; inset:auto -12% -70% auto; z-index:-1; width:680px; height:680px; border-radius:50%; background:radial-gradient(circle,rgba(38,104,245,.18),transparent 68%); }
.contact-inner { position:relative; z-index:1; max-width:1080px; }
.contact-monogram { position:absolute; z-index:0; top:50%; right:max(1rem,calc((100vw - 1380px)/2)); width:clamp(270px,28vw,430px); opacity:.105; transform:translateY(-47%) rotate(3deg); pointer-events:none; }
.contact h2 { font-size:clamp(2.8rem,6vw,5.7rem); }
.contact p:not(.overline) { max-width:760px; margin:2rem 0 0; color:#4f5f7c; font-size:1.1rem; }
.contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.4rem; margin-top:2.5rem; }
.coral-button { color:var(--navy); background:var(--coral); } .text-link { font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; }
footer { display:grid; grid-template-columns:1.2fr 1fr 2fr; gap:2rem; align-items:center; padding:1.7rem max(1.5rem,calc((100vw - 1280px)/2)); color:rgba(255,255,255,.62); background:var(--navy); font-size:.78rem; } footer p { margin:0; }
.footer-brand { display:flex; align-items:center; gap:.75rem; color:rgba(255,255,255,.82); font-weight:600; }
.footer-brand a { color:white; text-underline-offset:.18em; }
.footer-brand img { width:38px; height:38px; object-fit:contain; }
.reveal { opacity:1; transform:none; } .js .reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; } .js .reveal.visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .js .reveal { opacity:1; transform:none; transition:none; } }
@media (max-width:1050px) {
  .desktop-nav { display:none; } .metric-grid { grid-template-columns:1fr 1fr; } .metric-grid article:nth-child(2) { border-right:0; } .metric-grid article:nth-child(n+3) { border-top:1px solid rgba(255,255,255,.15); }
  .case-layout { grid-template-columns:1fr; } .product-map { position:static; } .skill-columns,.project-grid { grid-template-columns:1fr 1fr; } .skill-columns .accent-card { grid-column:1/-1; min-height:auto; }
  .scale-strip { grid-template-columns:1fr 1fr; } .scale-strip div:nth-child(2) { border-right:0; } .scale-strip div:nth-child(n+3) { border-top:1px solid rgba(255,255,255,.14); }
  .hero-monogram { right:-5rem; opacity:.14; }
}
@media (max-width:800px) {
  .hero,.hero-inner { min-height:1040px; } .hero-inner { padding-top:135px; } .hero-art img { object-position:68% center; opacity:.62; } .hero-art::after { background:linear-gradient(90deg,rgba(6,21,47,.99),rgba(6,21,47,.76)); }
  .section { padding-top:6rem; padding-bottom:6rem; } .section-grid { grid-template-columns:1fr; gap:1.5rem; } .profile-grid { grid-template-columns:1fr; }
  .delivery-proof { grid-template-columns:1fr; } .delivery-proof div { border-right:0; border-bottom:1px solid var(--line); } .delivery-proof div:last-child { border-bottom:0; }
  .value-grid { grid-template-columns:1fr 1fr; } .value-grid article:nth-child(2) { border-right:0; } .softforge-card { grid-template-columns:1fr; gap:2rem; } .hero-monogram { top:155px; right:-7rem; width:390px; opacity:.1; } .contact-monogram { right:-8rem; opacity:.07; } footer { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .site-header { padding:9px .7rem 0; } .header-shell { height:64px; padding:0 8px 0 10px; border-radius:17px; } .site-header.is-scrolled .header-shell { height:60px; transform:translateY(-2px); }
  .brand-mark { width:46px; height:46px; flex-basis:46px; border-radius:14px; } .brand-mark img { width:41px; height:41px; } .brand-copy { display:none; } .availability { display:none; } .mini-team img { width:27px; height:27px; } .header-cta { padding:.45rem .48rem .45rem .68rem; } .header-cta span { font-size:.72rem; } .header-cta b { width:27px; height:27px; }
  .hero-inner { width:min(100% - 2rem,1280px); padding:115px 0 42px; row-gap:2.5rem; } .hero,.hero-inner { min-height:1160px; } h1 { font-size:clamp(2.7rem,13vw,4rem); } .hero-lead { font-size:1rem; }
  .hero-actions { flex-direction:column; align-items:stretch; } .metric-grid { grid-template-columns:1fr; } .metric-grid article { min-height:auto; padding:1.2rem 1.15rem; border-right:0; border-top:1px solid rgba(255,255,255,.15); } .metric-grid article:first-child { border-top:0; }
  .case-layout { margin-top:3.5rem; } .delivery-list article { grid-template-columns:40px 1fr; } .product-map,.profile-card,.skill-columns article,.project-card { padding:1.5rem; }
  .profile-card { min-height:630px; } .duo-bridge { grid-template-columns:1fr; gap:.6rem; } .skill-columns,.project-grid,.scale-strip,.value-grid { grid-template-columns:1fr; } .skill-columns .accent-card { grid-column:auto; }
  .project-card { min-height:auto; } .scale-strip div,.scale-strip div:nth-child(2) { border-right:0; border-top:1px solid rgba(255,255,255,.14); } .scale-strip div:first-child { border-top:0; }
  .value-grid article,.value-grid article:not(:first-child) { padding:2rem 0; border-right:0; border-bottom:1px solid var(--line); } .value-grid span { margin-bottom:2rem; }
  .contact-actions { align-items:stretch; flex-direction:column; }
  .hero-monogram { top:180px; right:-9rem; width:350px; opacity:.075; } .card-monogram { width:250px; } .contact-monogram { width:300px; right:-10rem; }
}
@media (max-width:420px) { .mini-team { display:none; } }