.theme-toggle,
.language-toggle {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  cursor: pointer;
  font-size: 19px;
  transition: .25s;
  margin-right: 12px;
}

.theme-toggle:hover,
.language-toggle:hover { transform: translateY(-2px); border-color: rgba(117,89,255,.5); }
.language-toggle { width: auto; padding: 0 11px; display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.language-code { font-size: 10px; font-weight: 800; letter-spacing: .8px; }
.language-flag { font-size: 16px; line-height: 1; }
.mobile-language { display: none; }
.mobile-theme { display: none; }

.project-link { display: block; transition: transform .3s, border-color .3s, box-shadow .3s; }
.project-link:hover { transform: translateY(-7px); border-color: rgba(117,89,255,.42); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.project-photo { background: #171a27; }
.project-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.project-link:hover .project-photo img { transform: scale(1.035); }
.scan-photo img { object-fit: contain; padding: 26px; background: linear-gradient(145deg,#fff7eb,#e9f4ff); }
.visit-badge { position: absolute; right: 18px; top: 18px; padding: 10px 13px; border-radius: 22px; background: rgba(8,10,18,.78); backdrop-filter: blur(12px); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .3px; }
.project-features { list-style: none; padding: 18px 0 0; margin: 20px 0 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.9; }
.project-features li::before { content: "↗"; color: var(--purple); margin-right: 9px; }
.real-device-art { isolation: isolate; }
.trip-card-art { background: radial-gradient(circle at 48% 44%,#365eb0 0,#171d42 49%,#0c1020 100%); }
.scan-card-art { background: radial-gradient(circle at 50% 45%,#553188 0,#241534 50%,#100d19 100%); }
.card-phone { position:absolute; height:92%; width:auto; object-fit:contain; filter:drop-shadow(0 24px 32px rgba(0,0,0,.48)); transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.card-phone-left { z-index:2; transform:translateX(-31%) translateY(5%) rotate(-8deg); }
.card-phone-right { z-index:1; transform:translateX(31%) translateY(7%) rotate(8deg); }
.project-link:hover .card-phone-left { transform:translateX(-35%) translateY(1%) rotate(-10deg); }
.project-link:hover .card-phone-right { transform:translateX(35%) translateY(3%) rotate(10deg); }
.case-page-link { display:inline-flex; margin-top:20px; color:var(--text); font-size:13px; font-weight:800; }
.case-page-link:hover { color:#8d77ff; }

body.light {
  --bg: #f5f6fa;
  --surface: #ffffff;
  --surface2: #eef0f7;
  --text: #131522;
  --muted: #62687a;
  --line: rgba(18,21,35,.11);
  background: var(--bg);
  color: var(--text);
}
body.light .nav-wrap.scrolled { background: rgba(245,246,250,.84); }
body.light .menu span { background:#171a27; }
body.light .mobile-menu { background:rgba(255,255,255,.97); border-color:rgba(18,21,35,.12); box-shadow:0 20px 55px rgba(36,42,68,.16); }
body.light .mobile-menu a { color:#171a27; }
body.light .brand-mark span { background: #f5f6fa; }
body.light .nav-links a,
body.light .text-link { color: #3e4353; }
body.light h1 span { background: linear-gradient(100deg,#34384d 5%,#6757d8 48%,#178fc1); background-clip: text; }
body.light .hero-copy { color: #535a6e; }
body.light .eyebrow { color: #575d70; }
body.light .kicker { color: #6651d1; }
body.light .cap-card,
body.light .pilot-card { background: linear-gradient(145deg,#fff,#f0f2f8); }
body.light .work-section { background: #eceef5; }
body.light .case,
body.light .small-case { background: #fff; }
body.light .product-window { background: linear-gradient(145deg,#fff,#e7eaf3); border-color: rgba(26,30,48,.13); box-shadow: 0 45px 100px rgba(36,42,68,.18),0 0 90px rgba(101,73,255,.12); }
body.light .metric-row div,
body.light .chart { background: rgba(255,255,255,.52); border-color: rgba(26,30,48,.12); }
body.light .window-bar b,
body.light .metric-row strong { color: #1a1d2b; }
body.light .window-body aside i { border-color: #a4a9b8; }
body.light .steps > div { background: #f5f6fa; }
body.light .cta-section { background: #eef0f7; }
body.light .button-light { background: #151827; color: #fff; }
body.light footer .brand { color: #151827; }
body.light .noise { opacity: .012; }

@media (max-width: 800px) {
  .nav > .language-toggle { margin-left: auto; margin-right: 6px; }
  .nav > .theme-toggle { margin-left: 0; margin-right: 8px; }
  .mobile-language { display: none; }
  .card-phone { height:88%; }
}

.footer-meta { display: flex; align-items: center; gap: 20px; }

@media (max-width: 800px) {
  .footer-meta { flex-direction: column; gap: 8px; text-align: center; }
}

.pulse-visual { position: relative; min-width: 0; margin: 36px 0; border-radius: 16px 0 0 16px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background: #08090f; }
.clean-product-visual { background: radial-gradient(circle at 50% 48%,rgba(117,89,255,.12),transparent 48%),linear-gradient(145deg,#111522,#090b12); }
body.light .clean-product-visual { background: radial-gradient(circle at 50% 48%,rgba(117,89,255,.09),transparent 48%),linear-gradient(145deg,#f7f8fc,#e8ebf3); border-color:rgba(18,21,35,.1); }
.pulse-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .72; }
.pulse-screen { position: absolute; width: 82%; left: 10%; top: 20%; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.6); transform: perspective(900px) rotateY(-7deg) rotateX(3deg); animation: screenFloat 6s ease-in-out infinite; }
.pulse-screen img { display: block; width: 100%; }
.laptop-cycle { position: absolute; z-index: 2; inset: 8% 3%; display: grid; place-items: center; }
.laptop-frame { position: absolute; width: 96%; max-height: 94%; object-fit: contain; filter: drop-shadow(0 28px 48px rgba(0,0,0,.52)); }
.laptop-a { animation: laptopA 10s ease-in-out infinite; }
.laptop-b { opacity: 0; animation: laptopB 10s ease-in-out infinite; }
.float-stat { position: absolute; z-index: 2; padding: 10px 13px; border: 1px solid rgba(255,255,255,.15); border-radius: 10px; background: rgba(8,10,18,.72); backdrop-filter: blur(14px); font-size: 10px; color: #b8bed0; box-shadow: 0 14px 35px rgba(0,0,0,.3); }
.float-stat b { color: #fff; margin-right: 4px; }
.float-stat i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #63e3a3; }
.stat-a { left: 5%; bottom: 12%; animation: cardFloat 5s ease-in-out infinite; }
.stat-b { right: 6%; top: 11%; animation: cardFloat 5s ease-in-out 1s infinite; }

.case-study { min-height: 570px; margin-top: 18px; padding: 56px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 55px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,var(--surface),var(--surface2)); overflow: hidden; scroll-margin-top: 95px; }
.case-study.reverse .case-study-copy { order: 2; }
.case-study-copy h3 { margin: 18px 0; font-size: clamp(36px,4.5vw,58px); line-height: 1.02; letter-spacing: -3px; }
.case-study-copy p { color: var(--muted); line-height: 1.75; font-size: 14px; }
.case-study-copy ul { list-style: none; padding: 20px 0; margin: 22px 0; border-block: 1px solid var(--line); color: #c3c6d0; font-size: 12px; line-height: 2.2; }
.case-study-copy li::before { content: "+"; margin-right: 10px; color: var(--purple); }
.device-stage { min-height: 440px; position: relative; display: grid; place-items: center; perspective: 1000px; }
.device { position: absolute; width: 210px; height: 420px; padding: 8px; border-radius: 38px; background: #090a10; border: 1px solid rgba(255,255,255,.22); box-shadow: 0 35px 80px rgba(0,0,0,.48); overflow: hidden; }
.device::after { content: ""; position: absolute; width: 72px; height: 18px; left: 50%; top: 12px; transform: translateX(-50%); border-radius: 14px; background: #05060a; }
.device img { width: 100%; height: 100%; object-fit: cover; border-radius: 31px; }
.phone-one { transform: translateX(-78px) rotate(-8deg); animation: phoneOne 7s ease-in-out infinite; }
.phone-two { transform: translateX(82px) translateY(28px) rotate(8deg); animation: phoneTwo 7s ease-in-out infinite; }
.trip-phone { position: absolute; width: 205px; max-height: 430px; object-fit: contain; filter: drop-shadow(0 28px 38px rgba(0,0,0,.42)); }
.trip-phone-one { z-index: 1; transform: translateX(-125px) translateY(18px) rotate(-8deg); animation: tripOne 7s ease-in-out infinite; }
.trip-phone-two { z-index: 3; transform: translateY(-12px); animation: tripTwo 6.4s ease-in-out .5s infinite; }
.trip-phone-three { z-index: 2; transform: translateX(125px) translateY(20px) rotate(8deg); animation: tripThree 7.2s ease-in-out 1s infinite; }
.scan-phone { width: 225px; transform: rotate(5deg); animation: scanPhone 6s ease-in-out infinite; }
.scan-phone img { object-fit: contain; background: linear-gradient(155deg,#fff8eb,#e9f4ff); }
.scan-carousel { overflow: hidden; }
.scan-slides { position: relative; z-index: 2; width: 235px; height: 475px; }
.scan-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: translateX(55px) scale(.94) rotate(3deg); filter: drop-shadow(0 30px 42px rgba(0,0,0,.42)); transition: opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.scan-slide.active { opacity: 1; transform: translateX(0) scale(1) rotate(1deg); pointer-events: auto; }
.carousel-arrow { position: absolute; z-index: 5; top: 50%; width: 38px; height: 38px; margin-top: -19px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; background: rgba(8,10,18,.72); backdrop-filter: blur(12px); color: #fff; font-size: 25px; cursor: pointer; }
.carousel-prev { left: 5%; }
.carousel-next { right: 5%; }
.carousel-dots { position: absolute; z-index: 5; left: 50%; bottom: 15px; transform: translateX(-50%); display: flex; gap: 7px; }
.carousel-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.3); cursor: pointer; transition: width .25s,background .25s; }
.carousel-dots button.active { width: 23px; border-radius: 8px; background: var(--purple); }
.stage-orbit { position: absolute; width: 390px; height: 390px; border-radius: 50%; border: 1px solid rgba(117,89,255,.22); box-shadow: inset 0 0 80px rgba(117,89,255,.08); }
.floating-receipt { position: absolute; right: 1%; bottom: 12%; z-index: 3; width: 160px; padding: 18px; background: rgba(255,255,255,.92); color: #191b27; border-radius: 13px; transform: rotate(-5deg); box-shadow: 0 25px 60px rgba(0,0,0,.3); animation: cardFloat 5s ease-in-out infinite; }
.floating-receipt b,.floating-receipt span,.floating-receipt small { display: block; }
.floating-receipt span { font-size: 25px; font-weight: 800; margin: 18px 0 4px; }
.floating-receipt small { color: #657080; }
.pulse-detail-art { border-radius: 18px; overflow: hidden; transform: rotate(2deg); box-shadow: 0 30px 70px rgba(0,0,0,.3); animation: cardFloat 6s ease-in-out infinite; }
.pulse-detail-art img { display: block; width: 100%; }
.engageflow-shot { transform: perspective(1100px) rotateY(-4deg) rotateX(2deg); border: 1px solid rgba(255,255,255,.14); background: #07080d; }
.engageflow-shot img { aspect-ratio: 16 / 9; object-fit: cover; }
.engageflow-laptop-stage { min-height: 430px; position: relative; display: grid; place-items: center; overflow: hidden; }
.engageflow-laptop-stage .detail-cycle { inset: 5% -5% 8%; }
.engageflow-laptop-stage .laptop-frame { width: 108%; }
.laptop-label { position: absolute; z-index: 4; right: 4%; bottom: 5%; padding: 9px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; background: rgba(8,10,18,.72); backdrop-filter: blur(12px); color: #c6cada; font-size: 9px; letter-spacing: .7px; }
.laptop-label i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #63e3a3; }
body.light .case-study { background: linear-gradient(145deg,#fff,#eef0f7); }
body.light .case-study-copy ul { color: #4c5262; }

@keyframes screenFloat { 50% { transform: perspective(900px) rotateY(-3deg) rotateX(1deg) translateY(-9px); } }
@keyframes laptopA { 0%,42% { opacity: 1; transform: translateY(0) scale(1); } 50%,92% { opacity: 0; transform: translateY(-8px) scale(.985); } 100% { opacity: 1; } }
@keyframes laptopB { 0%,42% { opacity: 0; transform: translateY(8px) scale(.985); } 50%,92% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; } }
@keyframes cardFloat { 50% { translate: 0 -10px; } }
@keyframes phoneOne { 50% { transform: translateX(-78px) translateY(-12px) rotate(-5deg); } }
@keyframes phoneTwo { 50% { transform: translateX(82px) translateY(17px) rotate(5deg); } }
@keyframes scanPhone { 50% { transform: translateY(-12px) rotate(2deg); } }
@keyframes tripOne { 50% { transform: translateX(-125px) translateY(5px) rotate(-5deg); } }
@keyframes tripTwo { 50% { transform: translateY(-25px); } }
@keyframes tripThree { 50% { transform: translateX(125px) translateY(7px) rotate(5deg); } }

@media (prefers-reduced-motion: reduce) {
  .pulse-screen,.float-stat,.phone-one,.phone-two,.trip-phone,.scan-phone,.floating-receipt,.pulse-detail-art,.laptop-frame { animation: none; }
  .laptop-b { display: none; }
}

@media (max-width: 800px) {
  .language-toggle,.theme-toggle { height: 40px; }
  .language-toggle { padding: 0 8px; }
  .language-code { display: none; }
  .case-study { min-height: 0; padding: 30px; grid-template-columns: 1fr; gap: 35px; }
  .case-study.reverse .case-study-copy { order: 0; }
  .case-study-copy h3 { letter-spacing: -2px; }
  .device-stage { min-height: 370px; }
  .device { width: 165px; height: 330px; border-radius: 31px; }
  .device img { border-radius: 24px; }
  .phone-one { transform: translateX(-55px) rotate(-7deg); }
  .phone-two { transform: translateX(60px) translateY(25px) rotate(7deg); }
  .trip-phone { width: 145px; max-height: 330px; }
  .trip-phone-one { transform: translateX(-83px) translateY(18px) rotate(-7deg); }
  .trip-phone-two { transform: translateY(-8px); }
  .trip-phone-three { transform: translateX(83px) translateY(20px) rotate(7deg); }
  .scan-phone { width: 180px; height: 360px; }
  .scan-slides { width: 180px; height: 365px; }
  .carousel-prev { left: 2%; }
  .carousel-next { right: 2%; }
  .stage-orbit { width: 290px; height: 290px; }
  .floating-receipt { width: 135px; right: -5%; }
  .pulse-visual { height: 350px; margin: 0 0 25px 25px; }
  .engageflow-laptop-stage { min-height: 315px; }
  .engageflow-laptop-stage .detail-cycle { inset: 2% -8% 10%; }
}

.app-lab { background: #090c15; border-block: 1px solid var(--line); }
.app-showcase { min-height: 580px; margin-top: 20px; display: grid; grid-template-columns: .72fr 1.28fr; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--surface); }
.app-copy { position: relative; z-index: 2; padding: 48px; align-self: center; }
.app-copy h3 { margin: 58px 0 16px; font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -4px; }
.app-copy p { color: var(--muted); font-size: 14px; line-height: 1.75; }
.app-index { position: absolute; top: 50px; right: 42px; color: #686e80; font-size: 11px; letter-spacing: 1.5px; }
.app-status { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 99px; color: #aeb3c2; font-size: 9px; font-weight: 800; letter-spacing: 1.1px; }
.app-status i { width: 6px; height: 6px; border-radius: 50%; background: #63e3a3; box-shadow: 0 0 12px rgba(99,227,163,.55); }
.soon-status i { background: #ffd05f; box-shadow: 0 0 12px rgba(255,208,95,.5); }
.build-status i { background: #9a7cff; box-shadow: 0 0 12px rgba(154,124,255,.5); }
.app-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:28px; }
.app-actions .case-page-link { margin-top:0; }
.store-badge { display: inline-flex; align-items:center; gap:9px; padding:9px 14px; border-radius:10px; background:#08090d; border:1px solid rgba(255,255,255,.2); color:#fff; font-size:15px; line-height:1.05; font-weight:700; box-shadow:0 10px 28px rgba(0,0,0,.2); transition:.25s; }
.store-badge:hover { transform:translateY(-2px); }
.store-badge small { display:block; margin-bottom:2px; font-size:8px; font-weight:500; }
.apple-symbol { width:20px; color:#fff; font-size:0; line-height:1; }
.apple-symbol::before { content:""; font:24px/1 -apple-system,BlinkMacSystemFont,sans-serif; }
.app-gallery { min-width: 0; overflow: hidden; position: relative; background: radial-gradient(circle at center,rgba(68,126,210,.25),transparent 65%),#101522; }
.app-gallery::before,.app-gallery::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 70px; pointer-events: none; }
.app-gallery::before { left: 0; background: linear-gradient(90deg,#101522,transparent); }
.app-gallery::after { right: 0; background: linear-gradient(-90deg,#101522,transparent); }
.gallery-track { height: 100%; display: flex; align-items: center; gap: 22px; width: max-content; padding: 34px; animation: galleryDrift 32s ease-in-out infinite alternate; }
.gallery-track img { width: 238px; height: 510px; object-fit: cover; border-radius: 28px; box-shadow: 0 30px 60px rgba(0,0,0,.38); transition: transform .35s; }
.gallery-track img:nth-child(even) { transform: translateY(18px) rotate(2deg); }
.gallery-track img:nth-child(odd) { transform: translateY(-12px) rotate(-2deg); }
.quickround-showcase { background: linear-gradient(145deg,#111728,#0d111d); }
.merge-showcase { grid-template-columns: 1.28fr .72fr; }
.merge-showcase .app-copy { order: 2; }
.merge-showcase .app-gallery { background: radial-gradient(circle at center,rgba(235,61,151,.22),transparent 62%),#1b1024; }
.merge-showcase .app-gallery::before { background: linear-gradient(90deg,#1b1024,transparent); }
.merge-showcase .app-gallery::after { background: linear-gradient(-90deg,#1b1024,transparent); }
.merge-track { animation-direction: alternate-reverse; }
.stack-showcase { background: radial-gradient(circle at 75% 50%,rgba(79,210,227,.13),transparent 35%),linear-gradient(145deg,#101623,#0c1019); }
.stack-devices { min-width: 0; position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; perspective: 1100px; overflow: hidden; }
.stack-phone,.stack-tablet { border: 1px solid rgba(255,255,255,.16); background: #05070b; box-shadow: 0 35px 80px rgba(0,0,0,.45); overflow: hidden; }
.stack-phone { width: 220px; height: 455px; border-radius: 38px; transform: rotate(-5deg); animation: stackPhone 7s ease-in-out infinite; }
.stack-tablet { width: 330px; height: 455px; border-radius: 28px; transform: translateY(25px) rotate(4deg); animation: stackTablet 7s ease-in-out 1s infinite; }
.stack-phone img,.stack-tablet img { width: 100%; height: 100%; object-fit: cover; }
body.light .app-lab { background: #eceef5; }
body.light .app-showcase { background: #fff; }
body.light .quickround-showcase,body.light .stack-showcase { background: linear-gradient(145deg,#fff,#eef2f8); }

@keyframes galleryDrift { from { transform: translateX(0); } to { transform: translateX(-46%); } }
@keyframes stackPhone { 50% { transform: translateY(-12px) rotate(-2deg); } }
@keyframes stackTablet { 50% { transform: translateY(10px) rotate(2deg); } }

@media (prefers-reduced-motion: reduce) {
  .gallery-track,.stack-phone,.stack-tablet { animation: none; }
}

@media (max-width: 800px) {
  .app-showcase,.merge-showcase { min-height: 0; grid-template-columns: 1fr; }
  .merge-showcase .app-copy { order: 0; }
  .app-copy { padding: 30px; }
  .app-copy h3 { margin-top: 42px; letter-spacing: -2.5px; }
  .app-gallery { height: 490px; }
  .gallery-track { padding: 28px; gap: 16px; }
  .gallery-track img { width: 195px; height: 418px; border-radius: 24px; }
  .stack-devices { min-height: 430px; padding: 25px 0; }
  .stack-phone { width: 145px; height: 310px; }
  .stack-tablet { width: 220px; height: 310px; }
}

.founder-section { padding-top:120px; padding-bottom:40px; }
.founder-card { display:grid; grid-template-columns:.82fr 1.18fr; min-height:610px; overflow:hidden; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,var(--surface),var(--surface2)); }
.founder-photo { min-height:610px; position:relative; overflow:hidden; }
.founder-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 70%,var(--surface2)); pointer-events:none; }
.founder-photo img { width:100%; height:100%; object-fit:cover; object-position:center 32%; display:block; }
.founder-copy { align-self:center; padding:70px; }
.founder-copy h2 { margin:18px 0 24px; font-size:clamp(46px,5.5vw,72px); line-height:1; letter-spacing:-4px; }
.founder-copy>p { color:var(--muted); font-size:15px; line-height:1.85; max-width:580px; }
.founder-focus { display:flex; flex-wrap:wrap; gap:8px; padding:27px 0 32px; margin:24px 0; border-block:1px solid var(--line); }
.founder-focus span { padding:8px 11px; border:1px solid var(--line); border-radius:20px; color:var(--muted); font-size:10px; }
.technical-block { margin-top:72px; padding:50px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,var(--surface),var(--surface2)); }
.technical-intro { display:grid; grid-template-columns:1fr 1.35fr; gap:45px; align-items:end; padding-bottom:40px; border-bottom:1px solid var(--line); }
.technical-intro .kicker { grid-column:1/-1; }
.technical-intro h3 { margin:0; font-size:clamp(34px,4vw,52px); line-height:1.04; letter-spacing:-3px; }
.technical-intro p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.technical-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:35px; background:var(--line); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.technical-grid article { min-height:210px; padding:27px; background:var(--surface); }
.technical-grid article>span { color:#8068ff; font-size:10px; }
.technical-grid h4 { margin:44px 0 10px; font-size:17px; }
.technical-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }

@media (max-width:800px) {
  .founder-section { padding-top:80px; }
  .founder-card { grid-template-columns:1fr; min-height:0; }
  .founder-photo { min-height:450px; }
  .founder-photo::after { background:linear-gradient(0deg,var(--surface2),transparent 24%); }
  .founder-copy { padding:34px 26px 42px; }
  .founder-copy h2 { font-size:46px; letter-spacing:-3px; }
  .technical-block { margin-top:50px; padding:28px 20px; }
  .technical-intro { grid-template-columns:1fr; gap:20px; }
  .technical-grid { grid-template-columns:1fr; }
  .technical-grid article { min-height:170px; }
}