:root {
  --navy: #101a31;
  --navy-2: #172440;
  --ink: #121827;
  --muted: #667085;
  --paper: #f7f4ed;
  --paper-2: #f0ede5;
  --white: #fffefd;
  --coral: #ff6646;
  --coral-dark: #e94c2d;
  --coral-soft: #fff0e9;
  --mint: #57d7a0;
  --gold: #e6ad37;
  --lavender: #8879f2;
  --line: rgba(18, 24, 39, .12);
  --line-light: rgba(255, 255, 255, .13);
  --radius: 24px;
  --shadow: 0 30px 80px rgba(28, 31, 43, .14);
  --max: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
p, h1, h2, h3 { margin-top: 0; }
p { color: var(--muted); }
ul, ol { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--coral); color: white; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: -60px; left: 18px; z-index: 999; padding: 10px 15px; border-radius: 9px; background: white; color: var(--navy); font-weight: 800; transition: top .2s ease; }
.skip-link:focus { top: 16px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; border-bottom: 1px solid transparent; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled { border-color: rgba(255,255,255,.09); background: rgba(16,26,49,.91); box-shadow: 0 12px 40px rgba(9,15,30,.14); backdrop-filter: blur(18px); }
.nav-shell { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; color: white; }
.brand-mark { width: 41px; height: 41px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: linear-gradient(145deg, var(--coral), #ff855f); box-shadow: 0 10px 24px rgba(255,102,70,.2); color: white; font-size: 12px; font-weight: 950; letter-spacing: -.04em; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.1; }
.brand strong { font-size: 13px; letter-spacing: .01em; }
.brand small { margin-top: 5px; color: #8190aa; font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; gap: 28px; }
.primary-nav > a { color: #a8b2c5; font-size: 12px; font-weight: 750; transition: color .2s ease; }
.primary-nav > a:hover { color: white; }
.primary-nav .nav-github { padding: 9px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.04); color: white; }
.primary-nav .nav-github:hover { border-color: rgba(255,102,70,.55); background: rgba(255,102,70,.11); }
.nav-toggle { display: none; width: 43px; height: 43px; padding: 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.05); cursor: pointer; }
.nav-toggle i { width: 100%; height: 2px; display: block; margin: 5px 0; border-radius: 2px; background: white; transition: transform .2s ease, opacity .2s ease; }
.nav-toggle[aria-expanded="true"] i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] i:nth-of-type(2){opacity:0}.nav-toggle[aria-expanded="true"] i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}

.hero { position: relative; overflow: hidden; padding: 150px 0 0; background: var(--navy); color: white; }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.085) 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(to bottom, #000, transparent 82%); opacity: .35; }
.hero-orb { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(5px); }
.hero-orb-one { width: 620px; height: 620px; right: -240px; top: -260px; background: radial-gradient(circle, rgba(255,102,70,.24), transparent 67%); }
.hero-orb-two { width: 480px; height: 480px; left: -300px; bottom: -230px; background: radial-gradient(circle, rgba(136,121,242,.16), transparent 67%); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.82fr) minmax(560px,1.18fr); align-items: center; gap: 60px; min-height: 590px; }
.hero-copy { padding-bottom: 55px; }
.eyebrow, .overline { color: var(--coral); font-size: 10px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; color: #ffc1b2; }
.eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(87,215,160,.08), 0 0 17px rgba(87,215,160,.44); }
.hero h1 { max-width: 630px; margin-bottom: 25px; color: #fff; font-size: clamp(54px,5.3vw,80px); font-weight: 760; letter-spacing: -.065em; line-height: .98; }
.hero h1 em { color: var(--coral); font-style: normal; }
.hero-lede { max-width: 570px; margin-bottom: 31px; color: #aeb8cb; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 49px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg,var(--coral),#ff7b55); color: white; box-shadow: 0 14px 34px rgba(255,102,70,.24); }
.button-primary:hover { box-shadow: 0 18px 42px rgba(255,102,70,.37); }
.button-ghost { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.035); color: white; }
.button-ghost:hover { border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.08); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 27px; margin-top: 30px; color: #7f8da6; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hero-proof li { display: flex; align-items: center; gap: 6px; }
.hero-proof span { color: white; font-size: 14px; letter-spacing: -.03em; }

.hero-stage { position: relative; min-width: 0; padding-top: 46px; }
.stage-controls { position: absolute; top: 0; right: 0; display: inline-flex; gap: 5px; padding: 5px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.04); }
.stage-controls button { padding: 6px 10px; border: 0; border-radius: 6px; background: transparent; color: #7f8ca4; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; cursor: pointer; }
.stage-controls button.is-active { background: rgba(255,255,255,.11); color: white; }
.browser-frame { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: #0d1629; box-shadow: 0 42px 90px rgba(3,8,19,.52); }
.browser-bar { height: 40px; display: grid; grid-template-columns: 70px 1fr 50px; align-items: center; gap: 10px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.09); background: #17223a; }
.browser-bar > span { display: flex; gap: 5px; }.browser-bar i { width:7px;height:7px;border-radius:50%;background:#ff745d}.browser-bar i:nth-child(2){background:#e7b64b}.browser-bar i:nth-child(3){background:#58cf9a}
.browser-bar b { height: 23px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.07); border-radius: 5px; background: rgba(4,9,20,.17); color: #697892; font-size: 7px; font-weight: 700; }
.browser-bar em { color: var(--mint); font-size: 6px; font-style: normal; font-weight: 900; letter-spacing: .1em; text-align: right; }
.browser-frame > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; background: #f7f7f8; transition: opacity .16s ease; }
.browser-frame > img.is-switching { opacity: .25; }
.float-card { position: absolute; z-index: 4; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(22,35,60,.95); box-shadow: 0 18px 42px rgba(4,8,17,.4); backdrop-filter: blur(12px); }
.order-card { left: -35px; bottom: -28px; gap: 11px; padding: 12px 14px; }
.order-card > i { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(87,215,160,.26); border-radius: 50%; background: rgba(87,215,160,.08); color: var(--mint); font-size: 10px; font-style: normal; }
.order-card > span { display: flex; flex-direction: column; line-height: 1.35; }.order-card small,.stock-card small{color:#71809a;font-size:6px;font-weight:900;letter-spacing:.1em}.order-card strong{color:#e9eef7;font-size:9px}
.stock-card { right: -20px; top: 105px; width: 145px; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 11px 12px; }
.stock-card strong { color: white; font-size: 15px; }.stock-card > span { height: 4px; grid-column: 1/-1; overflow:hidden;border-radius:3px;background:rgba(255,255,255,.08)}.stock-card > span i{width:var(--w);height:100%;display:block;background:linear-gradient(90deg,var(--coral),var(--mint))}
.platform-strip { position: relative; z-index: 3; min-height: 88px; display: flex; align-items: center; gap: 40px; margin-top: 75px; border: 1px solid rgba(255,255,255,.11); border-bottom: 0; border-radius: 16px 16px 0 0; background: rgba(255,255,255,.035); }
.platform-strip > span { flex: 0 0 auto; padding-left: 30px; color: #667590; font-size: 7px; font-weight: 900; letter-spacing: .15em; }
.platform-strip ul { display: flex; flex: 1; justify-content: space-around; gap: 15px; padding-right: 30px; }
.platform-strip li { color: #adb8ca; font-size: 10px; font-weight: 800; }

.section { position: relative; padding: 125px 0; }
.section-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); align-items: end; gap: 70px; margin-bottom: 55px; }
.section-heading h2, .engineering h2, .cta-card h2 { margin-bottom: 0; color: var(--ink); font-size: clamp(36px,4.2vw,56px); font-weight: 730; letter-spacing: -.055em; line-height: 1.05; }
.section-heading > p { max-width: 500px; margin: 0; font-size: 14px; line-height: 1.82; }
.experience { background: var(--paper); }
.journey { position: relative; display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 100px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.45); }
.journey::before { content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,rgba(255,102,70,.65),rgba(18,24,39,.1)); }
.journey li { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 8px 18px; }
.journey li > span { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,102,70,.28); border-radius: 50%; background: var(--paper); color: var(--coral); font-size: 8px; font-weight: 900; box-shadow: 0 0 0 7px var(--paper); }
.journey li > div { display: flex; flex-direction: column; }.journey strong{font-size:11px}.journey small{color:#8a909d;font-size:8px}
.showcase { display: grid; grid-template-columns: minmax(0,1.17fr) minmax(350px,.83fr); align-items: center; gap: 95px; }
.showcase-visual { position: relative; padding: 42px 38px 38px; border: 1px solid var(--line); border-radius: var(--radius); background: #ebe7de; box-shadow: 0 28px 75px rgba(28,31,43,.09); }
.visual-label { position: absolute; inset: 0 0 auto; height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #8c8d8e; font-size: 7px; font-weight: 900; letter-spacing: .11em; }
.visual-label b { color: #6e7075; font-weight: 750; letter-spacing:0;text-transform:none; }
.showcase-visual > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; border: 1px solid rgba(18,24,39,.1); border-radius: 11px; background: white; }
.phone-frame { position: absolute; right: -47px; bottom: -54px; width: 140px; overflow: hidden; padding: 8px; border: 1px solid rgba(18,24,39,.14); border-radius: 24px; background: #172038; box-shadow: 0 25px 55px rgba(17,24,39,.25); }
.phone-frame > div { width: 40px; height: 5px; margin: 0 auto 6px; border-radius: 4px; background: #34415e; }
.phone-frame img { width: 100%; height: 230px; object-fit: cover; object-position: top; border-radius: 15px; }
.showcase-copy h3 { max-width: 480px; margin-bottom: 18px; font-size: clamp(30px,3.3vw,44px); font-weight: 720; letter-spacing: -.048em; line-height: 1.08; }
.showcase-copy > p:not(.overline) { margin-bottom: 32px; font-size: 14px; line-height: 1.82; }
.feature-lines { display: grid; border-top: 1px solid var(--line); }
.feature-lines > div { display: grid; grid-template-columns: 33px 1fr; gap: 13px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.feature-lines > div > span { color: var(--coral); font-size: 8px; font-weight: 900; }
.feature-lines p { display:flex;flex-direction:column;margin:0}.feature-lines strong{font-size:11px}.feature-lines small{color:#888d98;font-size:9px}

.operations { overflow: hidden; background: var(--navy); }
.operations::before { content:"";position:absolute;width:800px;height:800px;right:-430px;top:-360px;border-radius:50%;background:radial-gradient(circle,rgba(255,102,70,.13),transparent 68%); }
.section-heading-light h2 { color: white; }.section-heading-light > p{color:#939fb5}.operations .overline{color:#ff9d87}
.operations-stage { position: relative; margin-bottom: 22px; padding: 38px; border: 1px solid var(--line-light); border-radius: 25px; background: rgba(255,255,255,.035); }
.admin-frame { overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: #151f35; box-shadow: 0 35px 90px rgba(2,7,17,.42); }
.admin-frame-bar { height: 42px; display: grid; grid-template-columns: 70px 1fr 60px; align-items: center; padding: 0 13px; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-frame-bar > span{display:flex;gap:5px}.admin-frame-bar i{width:7px;height:7px;border-radius:50%;background:#ff745d}.admin-frame-bar i:nth-child(2){background:#e7b64b}.admin-frame-bar i:nth-child(3){background:#58cf9a}.admin-frame-bar strong{color:#71809a;font-size:7px;letter-spacing:.13em;text-align:center}.admin-frame-bar em{color:var(--mint);font-size:6px;font-style:normal;font-weight:900;letter-spacing:.12em;text-align:right}
.admin-frame img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; background: #f6f7fa; }
.operations-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 30px; background: rgba(255,255,255,.08); }
.operations-stats div { display: flex; flex-direction: column; min-width: 0; padding: 19px; background: #19253e; }
.operations-stats span { color: #ff967f; font-size: 7px; font-weight:900;letter-spacing:.12em}.operations-stats strong{margin:5px 0 3px;color:#ecf0f7;font-size:10px}.operations-stats small{color:#73829b;font-size:8px}
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.capability { position: relative; min-height: 330px; padding: 31px; overflow: hidden; border: 1px solid var(--line-light); border-radius: 18px; background: rgba(255,255,255,.035); transition: transform .22s ease, border-color .22s ease; }
.capability:hover { transform: translateY(-3px); border-color: rgba(255,102,70,.4); }
.capability > span { position:absolute;top:24px;right:27px;color:#485670;font-size:8px;font-weight:900}.capability h3{margin-bottom:12px;color:white;font-size:24px;letter-spacing:-.035em}.capability > p:not(.overline){font-size:12px;line-height:1.75}.capability ul{display:grid;gap:8px;margin-top:27px;padding-top:20px;border-top:1px solid var(--line-light)}.capability li{position:relative;padding-left:14px;color:#8e9bb0;font-size:9px}.capability li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--coral)}

.engineering { background: #eeeae1; }
.engineering-layout { display: grid; grid-template-columns: minmax(0,.65fr) minmax(580px,1.35fr); gap: 100px; align-items: center; }
.engineering-copy > p:not(.overline) { margin: 24px 0 30px; font-size:14px;line-height:1.82}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--coral-dark);font-size:11px;font-weight:850}.text-link span{transition:transform .2s ease}.text-link:hover span{transform:translateX(4px)}
.architecture-card { display: grid; grid-template-columns: 1fr 95px 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--white); box-shadow: var(--shadow); }
.arch-column { padding: 32px; }.arch-column h3{margin-bottom:25px;font-size:20px;letter-spacing:-.035em}.arch-column ul{display:grid;gap:11px}.arch-column li{position:relative;padding-left:14px;color:#717683;font-size:9px}.arch-column li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.frontend-column li::before{background:var(--lavender)}.frontend-column .overline{color:var(--lavender)}
.arch-flow { display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-inline:1px solid var(--line);background:#f3f0e9;color:#9b9b9c}.arch-flow span{font-size:7px;font-weight:900;letter-spacing:.12em}.arch-flow i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:white;color:var(--coral);font-style:normal}.arch-flow small{font-size:5px;font-weight:800;letter-spacing:.08em}
.quality-rail { display: grid; grid-template-columns: repeat(4,1fr); grid-column: 1/-1; margin-top: 5px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.46); }
.quality-rail > div { min-height: 98px; display:flex;justify-content:center;flex-direction:column;padding:0 27px;border-right:1px solid var(--line)}.quality-rail > div:last-child{border-right:0}.quality-rail strong{color:var(--navy);font-size:23px;letter-spacing:-.045em}.quality-rail span{color:#4d5361;font-size:9px;font-weight:850}.quality-rail small{color:#9b9c9f;font-size:7px;text-transform:uppercase;letter-spacing:.09em}

.gallery { background: var(--white); }
.gallery-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.gallery-card{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:18px;background:#f2efe8;cursor:zoom-in;text-align:left;box-shadow:0 20px 55px rgba(26,31,40,.08);transition:transform .22s ease,border-color .22s ease}.gallery-card:hover{transform:translateY(-3px);border-color:rgba(255,102,70,.4)}.gallery-card > span{height:46px;display:flex;align-items:center;gap:9px;padding:0 15px;border-bottom:1px solid var(--line);background:white}.gallery-card > span i{color:#a3a5aa;font-size:7px;font-style:normal}.gallery-card > span strong{font-size:9px}.gallery-card > span b{margin-left:auto;color:#a2a4a8;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.gallery-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e8e8e8;transition:transform .45s ease}.gallery-card:hover img{transform:scale(1.01)}

.final-cta { padding-top: 20px; background: var(--white); }
.cta-card { min-height: 260px; display:flex;align-items:center;justify-content:space-between;gap:55px;padding:55px 60px;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(255,102,70,.26),transparent 34%),var(--coral);box-shadow:0 28px 70px rgba(255,102,70,.2)}.cta-card .overline{color:#771f0d}.cta-card h2{max-width:720px;color:white}.cta-card p:not(.overline){max-width:620px;margin:13px 0 0;color:#ffe1d9;font-size:12px}.button-dark{flex:0 0 auto;background:var(--navy);color:white;box-shadow:0 15px 34px rgba(10,17,32,.22)}
.site-footer { padding:30px 0;background:var(--navy); }.footer-layout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.footer-layout .brand-mark{width:34px;height:34px;border-radius:10px;font-size:10px}.footer-layout p{margin:0;color:#6f7d95;font-size:8px;font-weight:700;letter-spacing:.03em}.footer-layout p:last-child{justify-self:end}.footer-layout p a{color:#aeb8c8}.footer-layout p a:hover{color:white}

.to-top{position:fixed;right:24px;bottom:24px;z-index:80;width:52px;height:52px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,102,70,.42);border-radius:15px;background:rgba(16,26,49,.93);box-shadow:0 18px 42px rgba(10,16,30,.28);color:#ff8a70;font-size:23px;font-weight:850;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);cursor:pointer;backdrop-filter:blur(14px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease,border-color .2s ease}.to-top.is-shown{opacity:1;visibility:visible;pointer-events:auto;transform:none}.to-top:hover{border-color:var(--coral);background:#202e4a}
.image-dialog { width:min(94vw,1500px);max-width:none;padding:0;overflow:visible;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:#121b30;box-shadow:0 45px 130px rgba(0,0,0,.65)}.image-dialog::backdrop{background:rgba(8,12,22,.86);backdrop-filter:blur(9px)}.image-dialog img{width:100%;height:auto;max-height:88vh;object-fit:contain;border-radius:13px}.dialog-close{position:absolute;top:-17px;right:-17px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:#202d47;color:white;font-size:23px;line-height:1;cursor:pointer}
.reveal { opacity:0;transform:translateY(22px);transition:opacity .68s cubic-bezier(.2,.7,.2,1),transform .68s cubic-bezier(.2,.7,.2,1)}.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.2s}.reveal.is-visible{opacity:1;transform:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:4px}

/* Readability scale */
body{font-size:17px}
.brand strong{font-size:15px}.brand small{font-size:11px}
.primary-nav>a{font-size:14px}
.eyebrow,.overline{font-size:12px}
.hero-lede{font-size:18px}
.hero-proof{font-size:11px}.hero-proof span{font-size:16px}
.stage-controls button{font-size:10px}
.platform-strip>span{font-size:9px}.platform-strip li{font-size:12px}
.section-heading>p{font-size:16px}
.journey li>span{font-size:10px}.journey strong{font-size:13px}.journey small{font-size:11px}
.visual-label{font-size:10px}
.showcase-copy>p:not(.overline){font-size:16px}
.feature-lines>div>span{font-size:10px}.feature-lines strong{font-size:13px}.feature-lines small{font-size:11px}
.operations-stats span{font-size:9px}.operations-stats strong{font-size:12px}.operations-stats small{font-size:10px}
.capability>p:not(.overline){font-size:14px}.capability li{font-size:11px}
.engineering-copy>p:not(.overline){font-size:16px}.text-link{font-size:13px}
.arch-column li{font-size:11px}
.quality-rail span{font-size:11px}.quality-rail small{font-size:9px}
.gallery-card>span i,.gallery-card>span b{font-size:9px}.gallery-card>span strong{font-size:11px}
.cta-card p:not(.overline){font-size:14px}
.footer-layout p{font-size:10px}

@media (max-width:1050px){
  .hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:760px;padding-bottom:0}.hero-stage{width:min(100%,820px);margin:0 auto}.platform-strip{margin-top:100px}.showcase{gap:55px}.engineering-layout{grid-template-columns:1fr;gap:55px}.engineering-copy{max-width:720px}.architecture-card{max-width:820px}
}
@media (max-width:820px){
  .container{width:min(calc(100% - 30px),var(--max))}.nav-shell{min-height:70px}.nav-toggle{display:block}.primary-nav{position:absolute;top:70px;left:15px;right:15px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(16,26,49,.98);box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.primary-nav>a{padding:12px}.primary-nav .nav-github{margin-top:6px;text-align:center}.hero{padding-top:120px}.hero-grid{min-height:auto}.hero h1{font-size:clamp(48px,11vw,72px)}.platform-strip{align-items:flex-start;flex-direction:column;gap:18px;padding:24px}.platform-strip>span{padding:0}.platform-strip ul{width:100%;justify-content:flex-start;flex-wrap:wrap;padding:0;gap:12px 25px}.section{padding:90px 0}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.journey{grid-template-columns:repeat(2,1fr);gap:22px}.journey::before{display:none}.showcase{grid-template-columns:1fr}.showcase-copy{max-width:640px}.operations-stats{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:1fr}.capability{min-height:auto}.architecture-card{grid-template-columns:1fr}.arch-flow{min-height:90px;border-inline:0;border-block:1px solid var(--line);flex-direction:row}.quality-rail{grid-template-columns:repeat(2,1fr)}.quality-rail>div:nth-child(2){border-right:0}.quality-rail>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.gallery-grid{grid-template-columns:1fr}.cta-card{align-items:flex-start;flex-direction:column;padding:45px}.footer-layout{grid-template-columns:1fr;text-align:center}.footer-layout .brand{justify-self:center}.footer-layout p:last-child{justify-self:center}
}
@media (max-width:560px){
  .hero{padding-top:110px}.hero h1{font-size:clamp(43px,14vw,60px)}.hero-lede{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-proof{align-items:flex-start;flex-direction:column;gap:10px}.stage-controls{position:relative;top:auto;right:auto;width:100%;justify-content:flex-end;margin-bottom:10px}.hero-stage{padding-top:0}.browser-bar{grid-template-columns:45px 1fr 35px}.float-card{display:none}.platform-strip{margin-top:55px}.section-heading h2,.engineering h2{font-size:37px}.journey{grid-template-columns:1fr;padding:17px;margin-bottom:65px}.showcase-visual{padding:40px 12px 12px}.phone-frame{display:none}.operations-stage{padding:13px}.admin-frame-bar{grid-template-columns:45px 1fr 40px}.operations-stats{grid-template-columns:1fr}.architecture-card{border-radius:17px}.arch-column{padding:27px}.quality-rail{grid-template-columns:1fr}.quality-rail>div{border-right:0;border-bottom:1px solid var(--line)}.quality-rail>div:last-child{border-bottom:0}.cta-card{padding:35px 27px}.cta-card h2{font-size:36px}.dialog-close{top:-12px;right:-6px}.to-top{right:16px;bottom:16px;width:48px;height:48px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}