:root {
  --brand-950:#081b2e;
  --brand-900:#0b3a66;
  --brand-700:#0f5ea8;
  --brand-500:#1f7dd9;
  --ink-900:#0b1220;
  --ink-700:#2b3a55;
  --ink-500:#6b7a90;
  --bg:#eef2f7;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 18px 45px rgba(15,23,42,0.12);
}
* {box-sizing:border-box;}
.hidden {display:none !important;}
html {scroll-behavior:smooth;}
body {margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink-900);background:radial-gradient(circle at 10% 0%,#f7fbff,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;}
a {color:inherit;text-decoration:none;}
.container {max-width:1200px;margin:0 auto;padding:0 40px;}
.pill {display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.14);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,0.2);padding:6px 14px;border-radius:999px;font-size:13px;letter-spacing:0.2px;}
header {background:linear-gradient(135deg,var(--brand-950),var(--brand-700));color:white;padding:20px 0 96px;position:relative;overflow:hidden;}
header::before {content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,22,40,0.92),rgba(10,58,102,0.72)),url("Img/Banner.png") center/cover no-repeat;mix-blend-mode:screen;opacity:0.6;}
header::after {content:"";position:absolute;right:-140px;top:-160px;width:360px;height:360px;background:radial-gradient(circle,#ffffff22,transparent 65%);}
header > * {position:relative;z-index:1;}
.nav {display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:22px;padding:12px 22px;border-radius:999px;background:rgba(8,20,36,0.35);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);box-shadow:0 18px 40px rgba(2,6,23,0.25);width:fit-content;}
.hero {display:grid;grid-template-columns:1.15fr 0.85fr;gap:46px;align-items:center;}
.hero-left {max-width:560px;}
.hero-right {position:relative;}
.hero-top {display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.logo {height:60px;object-fit:contain;padding:6px 10px;border-radius:12px;background:white;border:1px solid rgba(255,255,255,0.18);box-shadow:0 10px 24px rgba(2,6,23,0.25);}
.hero h1 {font-size:54px;line-height:1.02;margin:14px 0 16px;letter-spacing:-0.7px;}
.hero p {font-size:18px;line-height:1.7;color:#e2e8f0;margin:0 0 24px;}
.hero-actions {display:flex;flex-wrap:nowrap;gap:12px;}
.btn {display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:600;border:1px solid transparent;transition:transform 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;}
.btn.primary {background:linear-gradient(135deg,#ffffff,#dbeafe);color:var(--brand-900);box-shadow:0 16px 30px rgba(2,6,23,0.25);}
.btn.ghost {border-color:rgba(255,255,255,0.5);color:#fff;background:transparent;}
.btn:hover {transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,0.2);}
.hero-card {background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.25);border-radius:var(--radius);padding:18px;font-size:14px;}
.hero-card h3 {margin:0 0 8px;font-size:16px;}
.hero-card ul {margin:0;padding-left:18px;color:#e2e8f0;line-height:1.5;}
.hero-media {border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,0.18);box-shadow:0 28px 60px rgba(2,6,23,0.45);position:relative;z-index:1;}
.hero-media::before {content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 30% 10%,rgba(31,125,217,0.35),transparent 60%);z-index:0;}
.hero-media img {width:100%;height:303px;display:block;object-fit:contain;background:rgba(10,14,44,0.6);}
.hero-media img {position:relative;z-index:1;}
.hero-stats {display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.hero-stat {background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:14px;padding:10px 14px;font-size:13px;color:#e2e8f0;}

section {padding:80px 0;}
.section-alt {background:linear-gradient(180deg,#f1f5f9,transparent);}
.section-tight {padding:50px 0;}
h2 {font-size:34px;margin:0 0 18px;color:var(--brand-900);letter-spacing:-0.3px;position:relative;}
h2::after {content:"";display:block;width:46px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand-500),transparent);margin-top:12px;}
p {font-size:17px;line-height:1.6;color:var(--ink-700);}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;}
.split {display:grid;grid-template-columns:1.1fr 0.9fr;gap:32px;align-items:center;}
.step-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.step {background:#ffffff;border-radius:18px;padding:18px;border:1px solid #e2e8f0;}
.step span {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:700;margin-bottom:10px;}
.flow {position:relative;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px;margin-top:18px;}
.flow::before {content:"";position:absolute;top:18px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,#cbd5f5,transparent 80%);}
.flow-step {position:relative;background:#ffffff;border-radius:16px;padding:18px;border:1px solid #e2e8f0;box-shadow:0 12px 24px rgba(15,23,42,0.08);}
.flow-step b {display:block;margin-bottom:6px;}
.flow-dot {width:36px;height:36px;border-radius:50%;background:#e0f2fe;color:#075985;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;border:2px solid #cbd5f5;}
.card {background:var(--card);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:transform 0.2s ease, box-shadow 0.2s ease;}
.card:hover {transform:translateY(-6px);box-shadow:0 26px 50px rgba(15,23,42,0.16);}
.card h3 {margin:0 0 12px;color:var(--brand-700);}
.muted {color:var(--ink-500);}
.tag {display:inline-block;background:#e0f2fe;color:#075985;font-size:12px;padding:4px 10px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.6px;}
.eyebrow {display:inline-flex;align-items:center;gap:8px;color:#1f7dd9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:10px;}
.section-head {max-width:760px;margin-bottom:28px;}
.logo-strip {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.logo-chip {padding:8px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;font-size:13px;color:#64748b;}
.logo-wall {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;}
.logo-item {background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;text-align:center;font-weight:700;color:#4b5563;letter-spacing:0.3px;box-shadow:var(--shadow);}
.image-card {border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,0.08);background:#fff;}
.image-card img {width:100%;height:320px;object-fit:cover;display:block;}
.customer-card {max-width:880px;margin:18px auto 0;padding:10px;}
.customer-card img {height:auto;object-fit:contain;background:#ffffff;}
.media {position:relative;border-radius:24px;overflow:hidden;}
.media::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,0.08),rgba(2,6,23,0.5));}
.media img {width:100%;height:340px;object-fit:cover;display:block;}
.media-content {position:absolute;left:24px;bottom:20px;color:#fff;z-index:1;}
.media-content p {color:#ffffff;}
.media-content h3 {margin:0 0 6px;}
.metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:18px;}
.metric {background:#f8fafc;border-radius:14px;padding:14px;border:1px solid #e2e8f0;font-size:13px;color:#64748b;}
.metric strong {display:block;font-size:20px;color:#0b3a66;margin-bottom:4px;}
.icon-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;}
.icon-item {display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;}
.icon-item span {width:34px;height:34px;border-radius:10px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;}
.badge-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.badge {background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:var(--shadow);font-size:14px;}
.certifications-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px;}
.certification-card {background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 32px rgba(15,23,42,0.08);border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;transition:box-shadow 0.2s;}
.certification-card:hover {box-shadow:0 18px 40px rgba(15,23,42,0.12);}
.certification-logo-wrap {min-height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.certification-logo {height:48px;width:auto;object-fit:contain;}
.certification-icon {width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:var(--brand-700);font-weight:700;font-size:18px;}
.certification-title {display:block;font-size:15px;color:var(--brand-900);margin-bottom:8px;}
.certification-card .muted {font-size:14px;line-height:1.5;margin:0;}
@media (max-width:900px) {.certifications-grid {grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px) {.certifications-grid {grid-template-columns:1fr;gap:16px;}.certification-card {min-height:auto;padding:22px;}}
.project-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.project {background:#ffffff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;}
.list {margin:0;padding-left:18px;line-height:1.6;color:var(--ink-700);}

.stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.stat {background:linear-gradient(135deg,var(--brand-900),var(--brand-500));color:white;padding:22px;border-radius:18px;text-align:left;border:1px solid rgba(255,255,255,0.2);box-shadow:0 18px 40px rgba(2,6,23,0.35);}
.stat h3 {margin:0 0 6px;font-size:28px;letter-spacing:-0.3px;}
.stat p {margin:0;color:#ffffff;}
.highlight-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.highlight {background:linear-gradient(135deg,var(--brand-900),var(--brand-700));color:white;border-radius:20px;padding:22px;display:flex;gap:12px;align-items:flex-start;}
.highlight-icon {width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;font-weight:700;}
.highlight strong {display:block;font-size:22px;margin-bottom:6px;}

.timeline {border-left:3px solid #cbd5f5;padding-left:22px;}
.timeline-item {margin-bottom:18px;}
.timeline-item strong {color:var(--brand-700);}

.timeline-section {padding-bottom:100px;}
.timeline-horizontal {margin-top:40px;overflow-x:auto;padding:24px 16px 20px;scrollbar-width:thin;scrollbar-color:var(--brand-500) #e2e8f0;background:rgba(255,255,255,0.6);border-radius:20px;border:1px solid rgba(226,232,240,0.8);}
.timeline-horizontal::-webkit-scrollbar {height:8px;}
.timeline-horizontal::-webkit-scrollbar-track {background:#e2e8f0;border-radius:4px;}
.timeline-horizontal::-webkit-scrollbar-thumb {background:var(--brand-500);border-radius:4px;}
.timeline-grid {display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));grid-template-rows:auto auto auto;gap:0 14px;min-width:800px;}
.timeline-row {display:contents;}
.timeline-row .timeline-cell {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:95px;padding:0 6px;}
.timeline-above .timeline-cell {justify-content:flex-start;}
.timeline-above .timeline-cell:empty {min-height:0;}
.timeline-bar {grid-column:1/-1;display:flex;background:linear-gradient(90deg,var(--brand-900) 0%,var(--brand-700) 50%,var(--brand-500) 100%);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(11,58,102,0.3);position:relative;margin:4px 0;}
.timeline-bar::after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:20px solid rgba(255,255,255,0.5);}
.timeline-year {flex:1;display:flex;align-items:center;justify-content:center;padding:18px 8px;color:#fff;font-weight:700;font-size:15px;letter-spacing:0.3px;border-right:1px solid rgba(255,255,255,0.2);text-shadow:0 1px 2px rgba(0,0,0,0.2);}
.timeline-year:last-child {border-right:none;}
.timeline-connector-down {width:2px;height:22px;margin:0 auto 8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,#dc2626 4px,#dc2626 8px);position:relative;flex-shrink:0;}
.timeline-connector-down::after {content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#dc2626;border:3px solid #fff;box-shadow:0 2px 8px rgba(220,38,38,0.4);}
.timeline-connector-up {width:2px;height:22px;margin:8px auto 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,#dc2626 4px,#dc2626 8px);position:relative;flex-shrink:0;}
.timeline-connector-up::after {content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#dc2626;border:3px solid #fff;box-shadow:0 2px 8px rgba(220,38,38,0.4);}
.timeline-card-content {background:#fff;border-radius:14px;padding:18px 16px;box-shadow:0 6px 24px rgba(15,23,42,0.1);border:1px solid #e2e8f0;min-height:62px;display:flex;flex-direction:column;align-items:center;width:100%;gap:12px;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.timeline-card-content:hover {transform:translateY(-2px);box-shadow:0 12px 32px rgba(15,23,42,0.15);border-color:#cbd5e1;}
.timeline-card-content p {margin:0;font-size:14px;line-height:1.5;color:var(--ink-700);text-align:center;font-weight:500;}
.timeline-card-media {display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;}
.timeline-media-item {display:flex;flex-direction:column;align-items:center;gap:4px;}
.timeline-media-item img {width:40px;height:40px;object-fit:contain;}
.timeline-directive img {width:60px;height:auto;min-height:40px;}
.timeline-media-item span {font-size:9px;color:var(--ink-500);text-align:center;max-width:75px;line-height:1.2;}
.timeline-logo {width:36px;height:36px;object-fit:contain;}
.timeline-logo-tall {width:44px;height:auto;max-height:52px;}
.timeline-logo-wide {width:76px;height:auto;max-height:40px;}
.timeline-photo {width:52px;height:52px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}

.standards {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.standard {background:#f8fafc;border-radius:14px;padding:18px;border:1px solid #e2e8f0;}
.standard h4 {margin:0 0 6px;color:var(--brand-900);}

.team-section {background:linear-gradient(180deg,#f1f5f9,transparent);}
.team-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.team-card {background:var(--card);border-radius:20px;padding:0;overflow:hidden;border:1px solid #e2e8f0;box-shadow:var(--shadow);transition:transform 0.25s ease,box-shadow 0.25s ease;}
.team-card:hover {transform:translateY(-4px);box-shadow:0 24px 48px rgba(15,23,42,0.14);border-color:#cbd5e1;}
.team-photo {width:100%;max-width:140px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:24px auto 18px;border:3px solid #e0f2fe;box-shadow:0 8px 24px rgba(15,23,42,0.1);}
.team-photo-placeholder {background:linear-gradient(135deg,#e0f2fe,#f1f5f9);display:flex;align-items:center;justify-content:center;}
.team-photo-placeholder::after {content:"Photo";font-size:11px;color:var(--ink-500);}
.team-photo img {width:100%;height:100%;display:block;object-fit:cover;}
.team-info {padding:0 24px 24px;text-align:center;}
.team-card h3 {margin:0 0 6px;color:var(--brand-700);font-size:20px;letter-spacing:-0.2px;}
.team-role {display:inline-block;background:#e0f2fe;color:var(--brand-900);font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px;}
.team-edu {font-size:13px;color:var(--ink-500);margin:0 0 12px;line-height:1.4;}
.team-list {margin:0;padding-left:18px;text-align:left;font-size:14px;line-height:1.55;color:var(--ink-700);}
.team-list li {margin-bottom:6px;}

.cta {background:linear-gradient(135deg,#e2e8f0,#ffffff);border-radius:28px;padding:36px;display:grid;grid-template-columns:1.2fr 0.8fr;gap:24px;align-items:center;box-shadow:var(--shadow);}
.cta .btn {background:var(--brand-700);color:#fff;}

.contact-wrap {display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;max-width:1000px;margin:0 auto;}
.contact-info {position:sticky;top:24px;}
.contact-info .eyebrow {margin-bottom:8px;}
.contact-info h2 {margin-bottom:12px;}
.contact-info p {margin-bottom:24px;max-width:360px;}
.contact-details {display:flex;flex-direction:column;gap:10px;}
.contact-link {color:var(--brand-700);font-weight:600;font-size:16px;transition:color 0.2s;}
.contact-link:hover {color:var(--brand-900);}
.contact-meta {font-size:15px;color:var(--ink-500);font-weight:500;}
.inquiry-form {background:#fff;border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);border:1px solid #e2e8f0;position:relative;overflow:hidden;}
.inquiry-form::before {content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand-500),var(--brand-700));}
.form-row {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-group {margin-bottom:20px;}
.form-group label {display:block;font-size:14px;font-weight:600;color:var(--ink-700);margin-bottom:8px;}
.form-group .required {color:#dc2626;}
.form-group input,.form-group textarea {width:100%;padding:14px 18px;border:1px solid #e2e8f0;border-radius:14px;font-size:15px;font-family:inherit;transition:all 0.2s;background:#f8fafc;}
.form-group input:hover,.form-group textarea:hover {border-color:#cbd5e1;}
.form-group input:focus,.form-group textarea:focus {outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(31,125,217,0.12);background:#fff;}
.form-group input::placeholder,.form-group textarea::placeholder {color:#94a3b8;}
.form-group textarea {resize:vertical;min-height:120px;}
.btn-primary-form {background:linear-gradient(135deg,var(--brand-700),var(--brand-500));color:#fff;border:none;padding:14px 28px;font-size:16px;font-weight:600;border-radius:999px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 8px 24px rgba(15,94,168,0.35);}
.btn-primary-form:hover {transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,94,168,0.4);}
.btn-primary-form:disabled {opacity:0.7;cursor:not-allowed;transform:none;}
.form-status {margin:12px 0 0;font-size:14px;font-weight:500;}
@media (max-width:900px) {.contact-wrap {grid-template-columns:1fr;}.contact-info {position:static;}}
@media (max-width:600px) {.form-row {grid-template-columns:1fr;}.inquiry-form {padding:24px;}.inquiry-form::before {width:3px;}}
.gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.gallery img {width:100%;height:180px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,0.12);}
.product-image {width:100%;height:180px;object-fit:contain;border-radius:14px;background:transparent;margin-bottom:12px;}
.example-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.example-grid img {width:100%;height:300px;object-fit:contain;border-radius:16px;background:transparent;box-shadow:0 12px 30px rgba(15,23,42,0.12);}
.video-wrap {position:relative;padding-top:56.25%;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#0b1220;}
.video-wrap iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}

footer {background:#070a1e;color:#ffffff;padding:52px 0;text-align:center;}
footer, footer a {color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.6);}
.footer-grid {display:grid;gap:12px;justify-items:center;}
.footer-grid p {font-size:16px;margin:0;}
.footer-meta {font-size:15px;color:#ffffff;}
.footer-links {display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:15px;}
.footer-links a, .footer-links span {font-weight:600;}
.footer-links span {opacity:0.9;}

@media (max-width:900px) {
  .hero {grid-template-columns:1fr;}
  .nav {flex-direction:column;align-items:flex-start;}
  .hero-stats {flex-direction:column;}
  .hero-actions {flex-wrap:wrap;}
  .cta {grid-template-columns:1fr;}
  .split {grid-template-columns:1fr;}
  .flow {grid-template-columns:1fr;}
  .flow::before {display:none;}
  .media img {height:260px;}
  .image-card img {height:240px;}
  .container {padding:0 24px;}
  header {padding:24px 0 60px;}
  .team-grid {grid-template-columns:1fr;}
  .timeline-grid {min-width:640px;grid-template-columns:repeat(7,minmax(88px,1fr));gap:0 10px;}
  .timeline-year {font-size:13px;padding:14px 6px;}
  .timeline-card-content {padding:14px 12px;}
  .timeline-card-content p {font-size:13px;}
  .timeline-row .timeline-cell {min-height:85px;}
  .timeline-logo-wide {width:64px;max-height:36px;}
}

@media (max-width:600px) {
  .container {padding:0 18px;}
  .hero h1 {font-size:34px;line-height:1.15;}
  .hero p {font-size:15px;}
  .hero-actions {flex-direction:column;align-items:flex-start;}
  .btn {width:100%;justify-content:center;}
  .hero-media img {height:220px;}
  .stats {grid-template-columns:1fr;}
  .gallery img {height:160px;}
  .example-grid img {height:220px;}
  .video-wrap {border-radius:16px;}
  h2 {font-size:26px;}
  .footer-links {flex-direction:column;gap:6px;}
}