:root{
  --navy:#071c33;
  --navy-2:#0d2b4d;
  --red:#d71920;
  --red-dark:#b90f17;
  --blue:#164b83;
  --green:#278c52;
  --amber:#b76b13;
  --ink:#10243a;
  --muted:#627080;
  --paper:#f4f6f8;
  --line:#dce2e8;
  --white:#fff;
  --max:1180px;
  --shadow:0 18px 60px rgba(7,28,51,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;min-width:0;overflow-x:clip;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
main,section,footer,.container{min-width:0;max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
section[id],footer[id]{scroll-margin-top:88px}

.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#000;padding:.75rem 1rem}
.skip-link:focus{top:1rem}

/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,22,41,.96);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:20px}
.brand{flex:0 0 auto;min-width:0;display:flex;align-items:center;background:#fff;border-radius:10px;padding:5px 9px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.brand-logo{display:block;width:205px;height:auto;max-height:56px;object-fit:contain;object-position:left center}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:19px;margin-left:auto;min-width:0}
.site-nav a{font-size:12px;font-weight:750;color:#dce6f0;white-space:nowrap}
.site-nav a:hover,.site-nav a:focus{color:#fff}
.mobile-menu-cta{display:none}
.nav-toggle{display:none;border:0;background:transparent;padding:8px;margin:0;cursor:pointer}
.nav-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px 0}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:7px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent;transition:transform .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 25px rgba(215,25,32,.25)}
.btn-primary:hover{background:var(--red-dark)}
.btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff}
.btn-demo{background:#fff;color:var(--navy);border-color:#fff}
.btn-block{width:100%}
.nav-cta{flex:0 0 auto;min-height:42px;padding:0 15px;font-size:11px;line-height:1.2;text-align:center;max-width:170px}

/* HERO */
.hero{min-height:650px;position:relative;color:#fff;display:grid;align-items:center;overflow:hidden}
.hero-media{position:absolute;inset:0;background:url('https://cctvmonitoring.com.my/wp-content/uploads/2026/02/Industrial-project.webp') center/cover no-repeat;transform:scale(1.02)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,36,.98) 0%,rgba(4,19,36,.88) 42%,rgba(4,19,36,.48) 72%,rgba(4,19,36,.72) 100%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);gap:70px;align-items:end;padding:90px 0 76px}
.hero-copy{max-width:700px;min-width:0}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#ff646a;margin-bottom:10px}
.eyebrow.dark{color:var(--red)}
.hero h1{font-size:clamp(42px,5.4vw,74px);line-height:.95;margin:0 0 16px;letter-spacing:-.04em;font-weight:500}
.hero h1 strong{display:block;font-weight:850}
.hero h2{font-size:22px;margin:0 0 10px}
.hero p{font-size:18px;max-width:700px;color:#dce6f0}
.credentials{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.cred{min-width:86px;padding:10px 12px;border-radius:7px;color:#fff;display:grid;line-height:1}
.cred b{font-size:18px}.cred small{font-size:8px;margin-top:5px;text-transform:uppercase}
.cred.g3{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08)}
.cred.b04{background:#c31920}.cred.ce21{background:#205f9c}.cred.m15{background:#2b8b55}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}
.text-link{font-weight:700;font-size:13px}.text-link.light{color:#fff}
.hero-card{background:rgba(7,28,51,.84);border:1px solid rgba(255,255,255,.18);padding:26px;border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.hero-card>span{font-size:11px;color:#aebdcb;text-transform:uppercase;letter-spacing:.1em}
.hero-card h3{font-size:25px;margin:5px 0 8px}.hero-card p{font-size:14px;color:#ccd8e4}
.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.mini-metrics div{border-top:1px solid rgba(255,255,255,.2);padding-top:12px;min-width:0}
.mini-metrics b,.mini-metrics span{display:block}.mini-metrics b{font-size:17px}.mini-metrics span{font-size:9px;color:#9fb1c4}

/* GENERIC SECTIONS */
.section-light{background:#fff;padding:84px 0}
.section-dark{background:var(--navy);color:#fff;padding:84px 0}
.section-heading h2,.section-title h2,.why h2,.evidence-copy h2,.assessment-copy h2,.demo-bridge-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.03;letter-spacing:-.035em;margin:0 0 14px}
.section-heading p,.section-title p,.evidence-copy>p{color:var(--muted);font-size:16px;line-height:1.65}
.section-title.center{text-align:center;max-width:780px;margin:0 auto 38px}
.section-title.center.light p,.section-title.light p{color:#c8d5e2}

/* SYSTEM CHAIN */
.split-intro{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);gap:50px;align-items:center}
.split-intro>*{min-width:0}
.chain-wrap{min-width:0;max-width:100%}
.chain{display:grid;grid-template-columns:repeat(13,minmax(0,auto));align-items:start;justify-content:space-between;gap:0;width:100%}
.chain-item{display:grid;justify-items:center;align-content:start;gap:11px;text-align:center;min-width:0}
.chain-item span{width:64px;height:64px;border:1.5px solid #c8d1da;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#fff;color:var(--navy)}
.chain-item b{max-width:104px;font-size:12px;text-transform:uppercase;line-height:1.22;letter-spacing:.01em}
.chain>i{font-style:normal;color:var(--red);font-weight:900;font-size:26px;line-height:64px;text-align:center;width:22px}
.issues{margin-top:20px;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:10px 20px;flex-wrap:wrap;font-size:14px;line-height:1.55}
.issues b{color:var(--red);text-transform:uppercase;font-size:13px}.issues span:before{content:"•";color:var(--red);margin-right:8px}

/* CORE CAPABILITIES */
.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cap-card{min-width:0;background:#0b2746;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}
.cap-image{aspect-ratio:4/3;background-size:cover;background-position:center}
.img-cctv{background-image:linear-gradient(rgba(7,28,51,.22),rgba(7,28,51,.22)),url('../images/cap-cctv-monitoring-systems.png')}
.img-network{background-image:linear-gradient(rgba(7,28,51,.16),rgba(7,28,51,.16)),url('../images/cap-low-voltage-network-infrastructure.png')}
.img-civil{background-image:linear-gradient(rgba(7,28,51,.10),rgba(7,28,51,.10)),url('../images/cap-civil-structural-support.png')}
.img-rectify{background-image:linear-gradient(rgba(7,28,51,.16),rgba(7,28,51,.16)),url('../images/cap-system-rectification-operational-continuity.png')}
.cap-body{padding:20px}.cap-body>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--red);font-weight:900}
.cap-card:nth-child(2) .cap-body>span{background:#1c63a6}.cap-card:nth-child(3) .cap-body>span{background:#2b8b55}.cap-card:nth-child(4) .cap-body>span{background:#b76b13}
.cap-body h3{font-size:19px;line-height:1.12;margin:14px 0 8px}.cap-body p{font-size:14px;line-height:1.55;color:#c6d2df;margin:0}

/* SERVICE SCOPE */
.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden}
.service-grid article{min-width:0;padding:28px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px}
.service-grid article:nth-child(5n){border-right:0}
.service-grid span{font-size:42px;color:var(--navy);display:inline-block;line-height:1}
.service-grid h3{font-size:18px;line-height:1.25;text-transform:uppercase;margin:14px 0 10px}.service-grid p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}

/* INDUSTRY APPLICATIONS */
.applications{background:var(--navy);padding:84px 0;color:#fff}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:14px;overflow:hidden}
.industry-card{min-width:0;min-height:430px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,25,.08) 18%,rgba(2,13,25,.92) 86%)}
.industry-card>div{position:absolute;z-index:1;left:20px;right:18px;bottom:20px}
.industry-card span{display:grid;place-items:center;background:var(--red);width:42px;height:42px;border-radius:50%;font-weight:900;font-size:19px;margin-bottom:10px}
.industry-card h3{font-size:23px;line-height:1.08;margin:0 0 10px;word-break:normal;overflow-wrap:normal;hyphens:none}
.industry-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.55;color:#d9e2ec}
.industry-card li{margin:2px 0}
.app-construction{background-image:url('../images/industry-construction-development.png')}
.app-defence{background-image:url('../images/industry-defence-restricted.png')}
.app-renewables{background-image:url('../images/industry-utilities-renewable-energy.png')}
.app-industrial{background-image:url('https://cctvmonitoring.com.my/wp-content/uploads/2026/02/Warehouse-1024x576.webp')}

/* PROJECT DELIVERY */
.process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.process article{min-width:0;position:relative;padding:0 22px;text-align:center}
.process article:not(:last-child):after{content:"→";position:absolute;right:-8px;top:48px;font-size:28px;color:#8090a0}
.process b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;margin:0 auto 12px}
.process span{font-size:32px}.process h3{font-size:16px;line-height:1.25;text-transform:uppercase}.process p{font-size:14px;line-height:1.55;color:var(--muted)}

/* WHY / COMPARISON */
.diff-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:56px;align-items:center}
.why-list{display:grid;gap:8px}.why-list article{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.why-list b{font-size:17px}.why-list p{margin:6px 0 0;color:#bdcad7;font-size:15px;line-height:1.6}
.comparison{background:#fff;color:var(--ink);padding:42px 38px 40px;border-radius:20px}
.comparison h3{text-align:center;font-size:clamp(30px,2.45vw,38px);line-height:1.1;margin:4px 0 32px}
.compare-cols{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr);gap:22px;align-items:stretch}
.standard,.structured{border:1px solid var(--line);padding:26px 24px 30px;border-radius:14px;text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:500px}
.standard>span,.structured>span{display:block;margin:-26px -24px 22px;padding:16px 14px;font-size:15px;line-height:1.3;text-transform:uppercase;font-weight:900}
.standard>span{background:#e7ebef}.structured>span{background:var(--red);color:#fff}
.standard p,.structured p{font-weight:850;font-size:18px;line-height:1.35;margin:15px 0}.standard i,.structured i{display:block;color:var(--muted);font-style:normal;font-size:29px;line-height:1}.structured p{color:var(--red)}

/* EVIDENCE */
.evidence-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;align-items:center}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.metrics div{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px}.metrics b{display:block;font-size:25px;color:var(--navy)}.metrics span{font-size:13px;line-height:1.45;color:var(--muted)}
.image-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px}.image-stack div{min-height:220px;border-radius:12px;background-size:cover;background-position:center}
.stack-a{background-image:url('https://cctvmonitoring.com.my/wp-content/uploads/2026/02/Warehouse-1024x576.webp')}.stack-b{background-image:url('https://cctvmonitoring.com.my/wp-content/uploads/2026/02/Industrial-project.webp')}
.evidence-visual p{font-size:15px;line-height:1.65;color:var(--muted)}

/* DEMO BRIDGE */
.demo-bridge{padding:84px 0}.demo-bridge-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:54px;align-items:center}
.demo-bridge-copy p{font-size:17px;line-height:1.7;color:#c7d4e1;max-width:700px}.demo-bridge-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.demo-bridge-panel{background:#fff;color:var(--ink);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.demo-bridge-panel h3{font-size:27px;line-height:1.1;margin:12px 0}.demo-bridge-panel p{font-size:15px;line-height:1.65;color:var(--muted)}
.demo-label{display:inline-block;padding:7px 10px;border-radius:99px;background:#e8edf2;color:var(--navy);font-size:11px;font-weight:850;letter-spacing:.08em}
.demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.demo-tags span{padding:7px 9px;border-radius:99px;background:#f0f3f6;font-size:11px;font-weight:750}

/* ASSESSMENT */
.assessment{background:linear-gradient(120deg,var(--navy),#0d335b);padding:84px 0;color:#fff}
.assessment-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;align-items:start}
.assessment-copy p{color:#c7d4e1;font-size:17px;line-height:1.65}.assessment-copy .small{font-size:14px;line-height:1.6}
.assessment-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.assessment-points span{font-size:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px}
.form-route-note{margin-top:14px;padding:12px 14px;border-left:3px solid #ff646a;background:rgba(255,255,255,.07);border-radius:4px;font-size:13px!important;line-height:1.55!important;color:#d8e4ef!important}
.assessment-form{min-width:0;background:#fff;color:var(--ink);padding:26px;border-radius:16px;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{min-width:0;display:grid;gap:8px;font-size:13px;line-height:1.35;font-weight:800}.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea{min-width:0;width:100%;max-width:100%;border:1px solid #ccd5de;border-radius:7px;padding:13px;background:#fff;color:#14283d;font-size:15px;line-height:1.4}.form-grid textarea{resize:vertical}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;margin:14px 0}.consent input{margin-top:2px}.hp{position:absolute!important;left:-9999px!important}.form-status{font-size:12px;min-height:22px;margin-top:8px}.form-status.is-error{color:var(--red-dark);font-weight:800}

/* FOOTER */
.site-footer{background:#041426;color:#fff;padding:56px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.05fr .9fr 1.15fr .8fr;gap:35px}.footer-grid>*{min-width:0}.footer-grid h3{font-size:13px;text-transform:uppercase}.footer-grid p,.footer-grid a,.footer-grid .contact-text{font-size:13px;line-height:1.55;color:#b7c6d5}
.footer-brand{display:inline-flex;margin-bottom:18px;padding:8px 10px}.footer-logo{width:250px;max-height:none}.muted{color:#8899aa!important}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;font-size:10px;color:#8597a8}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border-radius:50%;background:#1db954;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.22)}

.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.in-view{opacity:1;transform:none}

/* TABLET / COMPACT DESKTOP */
@media (max-width:1080px){
  .container{width:min(var(--max),calc(100% - 32px))}
  .nav-wrap{gap:14px}.brand-logo{width:180px}.site-nav{gap:13px}.site-nav a{font-size:11px}.nav-cta{max-width:150px;padding-inline:12px;font-size:10px}
  .hero-grid{gap:40px}.hero h1{font-size:58px}
  .split-intro{grid-template-columns:1fr;gap:30px}.section-heading{max-width:760px}
  .chain{max-width:900px;margin-inline:auto}
  .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid article{border-right:1px solid var(--line)}.service-grid article:nth-child(2n){border-right:0}
  .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible;border-radius:0}.industry-card{border-radius:14px}.industry-card h3{font-size:22px}.industry-card ul{font-size:14px}
  .process{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 0}.process article:nth-child(3):after,.process article:last-child:after{display:none}
  .diff-grid{grid-template-columns:1fr;gap:34px}.compare-cols{grid-template-columns:.8fr 1.2fr}
  .evidence-grid,.assessment-grid,.demo-bridge-grid{grid-template-columns:1fr;gap:36px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* MOBILE / TABLET */
@media (max-width:920px){
  .container{width:calc(100% - 28px)}
  .nav-wrap{min-height:82px;position:relative;gap:12px}
  .site-header .brand{padding:4px 7px}.brand-logo{width:205px;max-height:54px}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{position:absolute;top:100%;left:-14px;right:-14px;margin:0;background:#071c33;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 18px 20px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 18px 32px rgba(0,0,0,.2)}
  .site-nav.open{display:flex}.site-nav a{font-size:15px;padding:11px 4px;white-space:normal;border-bottom:1px solid rgba(255,255,255,.08)}
  .site-nav .mobile-menu-cta{display:flex;justify-content:center;margin-top:14px;padding:12px 14px;border:0;border-radius:7px;background:var(--red);color:#fff;font-size:13px;font-weight:850;text-transform:uppercase;text-align:center}
  .nav-cta{display:none}

  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:68px 0 52px}.hero-card{display:none}.hero h1{font-size:clamp(42px,11vw,58px)}.hero p{font-size:17px}.hero-actions{max-width:520px}
  .section-light,.section-dark,.applications,.assessment,.demo-bridge{padding:68px 0}
  .section-title.center{margin-bottom:30px}.section-heading h2,.section-title h2,.why h2,.evidence-copy h2,.assessment-copy h2,.demo-bridge-copy h2{font-size:clamp(34px,7vw,46px)}

  /* Monitoring chain becomes a vertical process; no horizontal scroll. */
  .chain{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:520px;margin:0 auto}
  .chain-item{width:100%;display:grid;grid-template-columns:64px 1fr;align-items:center;justify-items:start;text-align:left;gap:16px;padding:8px 0}
  .chain-item span{width:58px;height:58px;font-size:25px}.chain-item b{max-width:none;font-size:14px;text-align:left}
  .chain>i{width:58px;height:28px;line-height:28px;font-size:0;display:grid;place-items:center}.chain>i::before{content:"↓";font-size:22px;line-height:1;color:var(--red)}
  .issues{margin-top:24px;font-size:14px}

  .cap-grid{grid-template-columns:1fr 1fr}.cap-body h3{font-size:20px}.cap-body p{font-size:15px}
  .service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:0;padding:24px 20px}.service-grid span{font-size:38px}.service-grid h3{font-size:18px}.service-grid p{font-size:15px}

  /* Critical fix: Industry Applications stack one card per row. */
  .industry-grid{grid-template-columns:1fr;gap:18px;overflow:visible;border-radius:0}
  .industry-card{width:100%;min-width:0;min-height:420px;border-radius:16px;display:flex;align-items:flex-end;padding:24px 22px;background-size:cover;background-position:center;overflow:hidden}
  .industry-card:after{background:linear-gradient(180deg,rgba(2,13,25,.06) 12%,rgba(2,13,25,.92) 79%)}
  .industry-card>div{position:relative;inset:auto;z-index:1;width:100%;max-width:100%}
  .industry-card span{width:42px;height:42px;font-size:19px;margin:0 0 12px}
  .industry-card h3{font-size:25px;line-height:1.08;margin:0 0 12px;max-width:100%;word-break:normal;overflow-wrap:normal;hyphens:none}
  .industry-card ul{font-size:16px;line-height:1.55;padding-left:20px;max-width:100%}.industry-card li{margin:4px 0}

  .process{grid-template-columns:1fr 1fr;gap:24px 0}.process article{padding:0 18px}.process article:not(:last-child):after{display:none}
  .compare-cols{grid-template-columns:1fr 1.15fr;gap:14px}.standard,.structured{min-height:auto;padding:23px 18px 26px}.standard>span,.structured>span{margin:-23px -18px 20px;font-size:14px}.standard p,.structured p{font-size:16px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-grid label{font-size:14px}
  .footer-bottom{flex-direction:column}
}

/* PHONE */
@media (max-width:560px){
  .container{width:calc(100% - 32px)}
  .nav-wrap{min-height:78px}.brand-logo{width:178px;max-height:48px}.site-header .brand{padding:3px 6px;border-radius:8px}
  .hero-grid{padding:54px 0 46px}.hero h1{font-size:42px;line-height:.98}.hero h2{font-size:19px}.hero p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .btn{width:100%}
  .credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cred{min-width:0}
  .section-light,.section-dark,.applications,.assessment,.demo-bridge{padding:60px 0}
  .eyebrow{font-size:13px;line-height:1.35;letter-spacing:.13em}.section-title.center{padding-inline:4px}.section-heading h2,.section-title h2,.why h2,.evidence-copy h2,.assessment-copy h2,.demo-bridge-copy h2{font-size:40px;line-height:1.04}
  .section-title p,.section-heading p{font-size:16px}

  .chain-item{grid-template-columns:58px 1fr;gap:14px}.chain-item span{width:54px;height:54px;font-size:23px}.chain-item b{font-size:13px}.chain>i{width:54px}
  .issues{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:14px}.issues b{grid-column:1/-1;margin-bottom:4px}

  .cap-grid,.service-grid,.process,.footer-grid{grid-template-columns:1fr}.cap-image{aspect-ratio:16/10}.cap-body{padding:20px}.cap-body h3{font-size:21px}.cap-body p{font-size:16px}
  .service-grid{border-radius:12px}.service-grid article{border-right:0!important;min-height:0;padding:24px 18px}.service-grid span{font-size:40px}.service-grid h3{font-size:19px}.service-grid p{font-size:16px}

  .applications .section-title{margin-bottom:26px}.applications .section-title h2{font-size:42px;line-height:1.02}.applications .eyebrow{font-size:13px}
  .industry-grid{gap:16px}.industry-card{min-height:390px;padding:22px 20px}.industry-card h3{font-size:25px}.industry-card ul{font-size:16px}

  .process article{padding:16px 4px 26px;border-bottom:1px solid var(--line)}.process article:last-child{border-bottom:0}.process h3{font-size:18px}.process p{font-size:16px}
  .comparison{padding:25px 16px}.comparison h3{font-size:29px}.compare-cols{grid-template-columns:1fr}.standard,.structured{padding:22px 18px 25px}.standard>span,.structured>span{margin:-22px -18px 19px;font-size:14px;padding:14px 12px}.standard p,.structured p{font-size:17px;margin:13px 0}.standard i,.structured i{font-size:27px}
  .metrics{grid-template-columns:1fr 1fr}.metrics div{padding:15px}.metrics b{font-size:23px}.metrics span{font-size:13px}
  .image-stack{grid-template-columns:1fr}.image-stack div{min-height:190px}
  .demo-bridge-actions{display:grid}.demo-bridge-actions .btn{width:100%;white-space:normal;text-align:center;padding-block:12px}.demo-bridge-panel{padding:24px 20px}
  .assessment-copy>p{font-size:16px}.assessment-points span{font-size:13px}.assessment-form{padding:20px 16px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
  .footer-logo{width:220px}.footer-bottom{gap:10px}.whatsapp-float{width:50px;height:50px;right:14px;bottom:14px}
}

@media (max-width:360px){
  .container{width:calc(100% - 24px)}
  .brand-logo{width:160px}.nav-toggle span{width:25px}
  .hero h1{font-size:38px}.section-heading h2,.section-title h2,.why h2,.evidence-copy h2,.assessment-copy h2,.demo-bridge-copy h2{font-size:36px}.applications .section-title h2{font-size:38px}
  .issues{grid-template-columns:1fr}.issues b{grid-column:auto}
  .metrics{grid-template-columns:1fr}
  .industry-card{min-height:400px;padding:20px 18px}.industry-card h3{font-size:23px}.industry-card ul{font-size:15px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}