/* VUSEIND — sitio estático, sin frameworks ni dependencias externas */
:root {
  --navy:#102b52;
  --navy-deep:#081b36;
  --blue:#254f8b;
  --blue-light:#779fcf;
  --ink:#172438;
  --muted:#627185;
  --soft:#f3f6fa;
  --line:#dce4ec;
  --white:#fff;
  --container:1200px;
  --shadow:0 24px 58px rgba(11,35,68,.08);
}
*,*::before,*::after {box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;height:auto;display:block}
svg{display:block}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #5e9ee9;outline-offset:4px}
::selection{background:#bad5f8;color:#0e2951}
.container{width:min(calc(100% - 96px),var(--container));margin-inline:auto}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.skip-link{position:fixed;z-index:9999;top:-80px;left:14px;background:white;color:var(--navy);padding:12px 20px;border:2px solid var(--blue);border-radius:4px}
.skip-link:focus{top:14px}
.reading-progress{position:fixed;z-index:110;top:0;left:0;height:3px;background:#90b7e8;width:0;pointer-events:none;transition:width .08s linear}
/* HEADER */
.site-header{height:98px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(15,48,89,.1);transition:box-shadow .25s,background .25s}
.site-header.is-scrolled{box-shadow:0 9px 30px rgba(7,32,66,.075);background:rgba(255,255,255,.985)}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;justify-content:center;width:216px;flex:0 0 216px;align-self:stretch;padding:7px 0;overflow:hidden}
.brand img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;gap:37px;align-items:center;margin-left:auto;height:100%}
.nav-link{font-size:13px;font-weight:750;letter-spacing:.01em;position:relative;transition:color .2s}
.nav-link:hover,.nav-link.is-active{color:var(--blue)}
.nav-link::after{content:"";position:absolute;bottom:-13px;left:0;width:0;height:2px;background:var(--blue);transition:width .2s}
.nav-link:hover::after,.nav-link.is-active::after{width:100%}
.header-action{min-height:44px;display:flex;align-items:center;justify-content:center;gap:17px;color:white;background:var(--navy);border:1px solid var(--navy);padding:12px 17px;font-weight:750;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}
.header-action .icon{width:17px;height:17px}
.header-action:hover{background:var(--blue);transform:translateY(-2px)}
.menu-toggle,.mobile-nav{display:none}
/* HERO */
.hero{min-height:655px;background:var(--navy-deep);position:relative;overflow:hidden;color:white;isolation:isolate}
.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 78% 41%,#254b80 0%,transparent 46%),linear-gradient(113deg,#0a1f3d 1%,#122f59 58%,#0b2447 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(172,206,245,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(172,206,245,.043) 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(to right,transparent 7%,black 82%)}
.hero-orb{position:absolute;width:800px;height:800px;border-radius:50%;right:-220px;top:-140px;border:1px solid rgba(174,211,252,.12);box-shadow:0 0 0 98px rgba(122,177,238,.025),0 0 0 199px rgba(122,177,238,.02)}
.hero-layout{min-height:655px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:0;position:relative;padding-top:55px;padding-bottom:76px}
.hero-copy{position:relative;z-index:2;padding-bottom:25px}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:850;letter-spacing:.18em;line-height:1.6}
.eyebrow.light{color:#b6c9e3}
.eyebrow-line{width:30px;height:2px;background:#9ec6f0;flex:none}
.hero h1{font-family:"Arial Narrow",Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(51px,5.15vw,79px);font-weight:900;letter-spacing:-.066em;line-height:1.055;margin:29px 0 23px;max-width:665px;text-wrap:balance}
.hero h1>span{display:block;color:#c9ddf5}
.hero-period{color:#76a9e2}
.hero-subtitle{font-size:15px;font-weight:700;letter-spacing:.085em;line-height:1.8;max-width:440px;color:#d5e4f5;margin:0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:35px}
.btn{min-height:53px;display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:14px 22px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.01em;transition:background .22s,transform .22s,box-shadow .22s}
.btn-primary{background:white;color:#163a6a;box-shadow:0 14px 35px rgba(3,18,38,.18)}
.btn-primary:hover{background:#daeaff;transform:translateY(-3px);box-shadow:0 17px 35px rgba(3,18,38,.24)}
.btn .icon{width:18px}
.hero-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:#e2ebf6;border-bottom:1px solid rgba(255,255,255,.36);padding:5px 0;transition:color .22s,border-color .22s}
.hero-text-link:hover{color:white;border-color:white}
.hero-text-link .icon{width:15px;height:15px}
.hero-caption{display:flex;gap:12px;align-items:center;margin-top:69px;font-size:9px;font-weight:800;letter-spacing:.17em;color:#adc4e1}
.hero-caption em{font-style:normal;margin:0 7px;color:#6799cf}
.caption-mark{width:9px;height:9px;border:1px solid #bed7f5;transform:rotate(45deg)}
.hero-visual{position:relative;isolation:isolate;width:calc(100% + 36px);min-height:500px;display:flex;align-items:center;justify-content:center;margin-left:-16px}
.hero-visual::before{content:"";position:absolute;inset:16% 5% 8%;border:1px solid rgba(149,192,241,.17);background:linear-gradient(145deg,rgba(102,159,217,.085),rgba(5,24,50,.04));clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%)}
.hero-visual::after{content:"";position:absolute;width:60%;height:50%;inset:25% auto auto 20%;background:#3164a5;filter:blur(80px);opacity:.17;z-index:-1}
.conveyor-graphic{width:100%;height:auto;max-height:510px;position:relative;z-index:1;filter:drop-shadow(0 16px 15px rgba(0,10,29,.2));animation:visual-float 7s ease-in-out infinite}
@keyframes visual-float{50%{transform:translateY(-8px)}}
.belt-lines{animation:belt-motion 15s linear infinite;transform-origin:center}
@keyframes belt-motion{50%{opacity:.28}}
.visual-frame-corner{position:absolute;width:35px;height:35px;border:2px solid rgba(164,199,239,.58)}
.corner-tl{top:13%;left:4%;border-right:0;border-bottom:0}
.corner-br{bottom:9%;right:4%;border-left:0;border-top:0}
.tech-label{position:absolute;display:flex;align-items:center;gap:10px;color:#bed5ed;font-family:"Courier New",monospace;font-size:10px;letter-spacing:.12em;font-weight:700;z-index:2}
.tech-label-top{top:11%;right:5%}
.tech-dot{width:6px;height:6px;background:#a3c8f0;border-radius:50%;box-shadow:0 0 0 4px rgba(163,200,240,.13)}
.tech-dash{height:1px;width:14px;background:#658fbe}
.tech-label-bottom{bottom:5%;left:12%;font-size:9px}
.tech-rule{width:30px;height:1px;background:#79a6d5}
.visual-index{position:absolute;left:5%;bottom:5%;font-family:"Courier New",monospace;font-size:11px;color:#80a8d6;letter-spacing:.1em}
.hero-bottom-rule{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(166,205,248,.18);color:#8daed1}
.hero-bottom-rule>.container{display:flex;justify-content:space-between;align-items:center;min-height:46px;font-size:9px;font-weight:800;letter-spacing:.22em}
.capability-strip{background:#eff3f8;border-bottom:1px solid #e4eaf1}
.strip-content{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:76px;color:#456186;font-size:10px;font-weight:900;letter-spacing:.15em;white-space:nowrap}
.strip-content i{height:5px;width:5px;background:#93aac8;transform:rotate(45deg);flex:none}
/* COMMON SECTION */
.section-pad{padding:112px 0 126px}
.section-kicker{display:flex;align-items:center;gap:12px;color:#315985;font-weight:850;font-size:11px;letter-spacing:.17em;margin:0 0 20px}
.section-kicker span{font-family:"Courier New",monospace;font-size:13px;color:#8ca3bd;letter-spacing:0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:49px}
.section-head h2,.categories-intro h2{font-size:clamp(36px,4.3vw,62px);max-width:770px;line-height:1.11;letter-spacing:-.055em;margin:0;font-weight:850;color:#162d4c}
.section-head h2 span,.categories-intro h2 span{color:#41699c}
.section-head-side{display:flex;align-items:end;gap:24px;padding-bottom:5px;flex-shrink:0}
.section-total{display:flex;align-items:center;gap:7px;color:#1b4377;border-right:1px solid #cad7e4;padding-right:21px}
.section-total strong{font-size:54px;letter-spacing:-.075em;font-weight:850;line-height:1}
.section-total span{font-size:9px;font-weight:900;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.section-head-side p{font-size:10px;line-height:1.8;font-weight:750;letter-spacing:.035em;color:#718199;margin:0}
/* FILTERS / CARDS */
.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}
.filter-chip{cursor:pointer;display:inline-flex;align-items:center;gap:14px;min-height:42px;padding:10px 16px;border:1px solid #dce6ef;background:#fff;color:#426182;font-size:11px;font-weight:800;letter-spacing:.012em;transition:background .2s,color .2s,border-color .2s,transform .2s}
.filter-chip span{font-family:"Courier New",monospace;font-size:10px;color:#8da1b8}
.filter-chip:hover{border-color:#7fa0c7;transform:translateY(-2px)}
.filter-chip.active{background:#173c70;color:white;border-color:#173c70}
.filter-chip.active span{color:#c3d7ee}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{display:flex;flex-direction:column;position:relative;isolation:isolate;min-height:265px;padding:30px;background:linear-gradient(140deg,#fff 55%,#f8fafc);border:1px solid #dde6ef;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.service-card::before{content:"";position:absolute;right:-45px;bottom:-80px;width:180px;height:180px;border:1px solid rgba(74,120,172,.13);border-radius:50%;box-shadow:0 0 0 23px rgba(74,120,172,.035),0 0 0 49px rgba(74,120,172,.026);z-index:-1;transition:transform .35s}
.service-card::after{content:"";position:absolute;height:3px;left:0;bottom:0;width:0;background:#3264a2;transition:width .3s}
.service-card:hover{transform:translateY(-6px);border-color:#b4cce4;box-shadow:var(--shadow)}
.service-card:hover::before{transform:scale(1.18)}
.service-card:hover::after{width:100%}
.service-card.is-hidden{display:none}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:29px}
.card-num{font-family:"Courier New",monospace;font-size:11px;font-weight:800;color:#91a1b4;letter-spacing:.09em}
.service-icon{width:51px;height:51px;stroke:#37659c;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;background:#e9f1f9;padding:10px;border:1px solid #dce7f2;transition:background .25s,stroke .25s,transform .25s}
.service-card:hover .service-icon{stroke:white;background:#245389;transform:translateY(-2px)}
.service-card h3{font-size:19px;line-height:1.38;letter-spacing:-.027em;font-weight:800;max-width:285px;margin:0 0 24px;color:#1e3552;text-wrap:pretty}
.card-bottom{display:flex;align-items:center;gap:14px;margin-top:auto;color:#91a4b9;font-size:9px;letter-spacing:.15em;font-weight:850}
.card-line{height:1px;flex:1;background:#d8e4f0}
.filter-status:empty{display:none}
.filter-status{color:#67809c;font-size:12px;margin-top:14px;min-height:0}
/* DARK STATEMENT */
.statement{background:#0f2b51;color:white;position:relative;overflow:hidden;isolation:isolate}
.statement::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#10294e 15%,#194477 86%)}
.statement-graphic{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.statement-grid{position:absolute;inset:0;opacity:.6;background-image:linear-gradient(90deg,rgba(180,210,244,.06) 1px,transparent 1px);background-size:100px 100px;transform:skewX(-16deg)}
.cog{position:absolute;border:1px solid rgba(172,208,247,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(172,208,247,.035),0 0 0 71px rgba(172,208,247,.035),0 0 0 106px rgba(172,208,247,.027)}
.cog-one{width:390px;height:390px;right:-50px;top:-130px}
.cog-two{width:300px;height:300px;left:-140px;bottom:-230px;opacity:.7}
.statement-inner{padding-top:102px;padding-bottom:105px}
.statement-marker{display:flex;align-items:center;gap:11px;color:#bad1ed;font-size:10px;font-weight:850;letter-spacing:.13em}
.statement-square{height:10px;width:10px;border:2px solid #bed8f4;transform:rotate(45deg)}
.statement h2{font-weight:900;letter-spacing:-.072em;font-size:clamp(60px,8.6vw,126px);line-height:1.03;max-width:1060px;margin:35px 0 44px}
.statement h2 span{display:block;color:#bdd5f2}
.statement-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(255,255,255,.24);padding-top:20px}
.statement-foot p{font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:850;color:#c5d9f2;margin:0}
.statement-link{width:52px;height:52px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.6);transition:background .2s,transform .2s}
.statement-link:hover{background:rgba(255,255,255,.15);transform:translateX(3px)}
/* ACCORDION */
.categories-section{background:#f4f7fb;border-bottom:1px solid #e0e7f0}
.categories-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:80px;align-items:start}
.categories-intro{position:sticky;top:146px}
.categories-intro h2{font-size:clamp(39px,4.5vw,64px)}
.categories-intro h2 span{display:block}
.category-intro-sub{max-width:260px;color:#6d829c;font-size:12px;font-weight:850;letter-spacing:.13em;line-height:1.8;margin:27px 0}
.intro-lines{display:grid;gap:9px;width:185px;margin-top:50px}
.intro-lines span{height:2px;background:#d6e2ef}
.intro-lines span:nth-child(2){width:70%;background:#709bc9}
.intro-lines span:nth-child(3){width:45%;background:#a2bdd9}
.accordion-list{border-top:1px solid #cddae8}
.accordion-item{border-bottom:1px solid #cddae8;background:transparent;transition:background .25s}
.accordion-item[open]{background:rgba(255,255,255,.62)}
.accordion-item summary{list-style:none;display:flex;align-items:center;gap:20px;min-height:100px;cursor:pointer;padding:20px 17px 20px 22px}
.accordion-item summary::-webkit-details-marker{display:none}
.accordion-index{font-family:"Courier New",monospace;font-size:11px;color:#8aa1bb;font-weight:800;flex:0 0 27px}
.accordion-name{font-weight:820;color:#1d3657;font-size:20px;letter-spacing:-.025em;flex:1;min-width:0}
.accordion-count{font-family:"Courier New",monospace;color:#849db8;font-size:10px;font-weight:800;letter-spacing:.045em;white-space:nowrap}
.accordion-toggle{display:grid;place-items:center;width:35px;height:35px;background:#e5ecf5;color:#275489;transition:background .2s,color .2s;flex:none}
.accordion-toggle .icon{width:18px;height:18px;transition:transform .2s}
.accordion-item[open] .accordion-toggle{background:#173f73;color:#fff}
.accordion-item[open] .accordion-toggle .icon{transform:rotate(180deg)}
.accordion-body{padding:0 63px 30px 68px}
.accordion-body ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.accordion-body li{position:relative;padding-left:19px;font-size:14px;line-height:1.55;color:#435a76}
.accordion-body li::before{content:"";position:absolute;top:.69em;left:0;width:7px;height:7px;background:#648fbf;transform:rotate(45deg)}
/* FOOTER */
.site-footer{background:#091b33;color:#c1d0e3;position:relative}
.footer-top{padding:49px 0;display:flex;align-items:center;gap:46px;border-bottom:1px solid rgba(255,255,255,.15)}
.footer-logo{background:white;display:grid;place-items:center;width:206px;height:105px;padding:4px 7px}
.footer-logo img{width:100%;height:100%;object-fit:contain}
.footer-brand p{font-size:10px;font-weight:850;letter-spacing:.13em;margin:12px 0 0;color:#a8bfda}
.footer-links{display:flex;gap:33px;margin-left:auto;font-size:12px;font-weight:750}
.footer-links a{transition:color .2s}
.footer-links a:hover{color:white}
.back-to-top{border:1px solid rgba(218,232,249,.4);height:46px;width:46px;display:grid;place-items:center;flex:none;transition:background .2s}
.back-to-top:hover{background:rgba(255,255,255,.13)}
.back-to-top .icon{transform:rotate(-90deg)}
.footer-bottom{min-height:62px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;letter-spacing:.16em;font-weight:800;color:#738fae}
/* REVEAL */
.reveal{opacity:1;transform:none}
.js-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(23px)}
.js-enabled .reveal{transition:opacity .55s ease,transform .55s ease}
.js-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:1100px){
  .container{width:min(calc(100% - 64px),var(--container))}
  .header-inner{gap:18px}
  .brand{width:181px;flex-basis:181px}
  .desktop-nav{gap:23px}
  .header-action{padding-inline:13px;gap:9px}
  .hero-layout{grid-template-columns:1.04fr .96fr}
  .hero h1{font-size:clamp(49px,5.2vw,70px)}
  .hero-visual{width:calc(100% + 30px)}
  .section-head-side p{display:none}
  .categories-layout{gap:50px}
}
@media (max-width:820px){
  .site-header{height:83px}
  .header-inner{justify-content:space-between}
  .brand{width:175px;flex-basis:175px}
  .desktop-nav,.header-action{display:none}
  .menu-toggle{display:grid;place-items:center;position:relative;width:45px;height:45px;border:1px solid #d7e2ed;background:#f6f9fc;color:var(--navy);cursor:pointer}
  .menu-toggle .icon{width:23px;height:23px}
  .menu-toggle .close-icon{display:none}
  .menu-toggle[aria-expanded="true"] .menu-icon{display:none}
  .menu-toggle[aria-expanded="true"] .close-icon{display:block}
  .mobile-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:8px max(32px,calc((100% - 1200px)/2)) 20px;background:white;border-top:1px solid #e4ebf3;border-bottom:1px solid #dce7f1;box-shadow:0 18px 30px rgba(18,40,75,.09);opacity:0;visibility:hidden;transform:translateY(-9px);pointer-events:none;transition:opacity .2s,visibility .2s,transform .2s}
  .mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .mobile-nav a{min-height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7;font-weight:750;font-size:15px;color:#1c385e}
  .mobile-nav a span{font:700 11px "Courier New",monospace;color:#8ba0b8}
  .hero-layout{min-height:auto;grid-template-columns:1fr;gap:16px;padding-top:76px;padding-bottom:72px}
  .hero{min-height:auto}
  .hero h1{font-size:clamp(55px,9vw,80px);max-width:650px}
  .hero-copy{padding-bottom:0}
  .hero-caption{margin-top:35px}
  .hero-visual{width:min(100%,620px);min-height:400px;margin:0 auto}
  .conveyor-graphic{max-height:430px}
  .strip-content{flex-wrap:wrap;justify-content:center;padding:17px 0;gap:13px 19px;min-height:60px}
  .section-pad{padding:86px 0 94px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{gap:20px}
  .section-head h2{font-size:clamp(38px,6vw,57px)}
  .statement-inner{padding-top:84px;padding-bottom:90px}
  .statement h2{font-size:clamp(60px,10vw,88px)}
  .categories-layout{grid-template-columns:1fr;gap:33px}
  .categories-intro{position:static}
  .categories-intro h2 span{display:inline}
  .category-intro-sub{margin:18px 0 0}
  .intro-lines{display:none}
  .footer-top{gap:27px}
  .footer-links{gap:19px}
}
@media (max-width:600px){
  .container{width:calc(100% - 36px)}
  html{scroll-padding-top:91px}
  .site-header{height:76px}
  .brand{width:152px;flex-basis:152px}
  .mobile-nav{padding-left:18px;padding-right:18px}
  .hero-layout{padding-top:64px;padding-bottom:68px}
  .eyebrow{font-size:9px;letter-spacing:.1em;gap:9px}
  .eyebrow-line{width:21px}
  .hero h1{font-size:clamp(45px,11vw,65px);margin:24px 0 23px;letter-spacing:-.061em}
  .hero-subtitle{font-size:12px;letter-spacing:.095em;line-height:1.8;max-width:300px}
  .hero-actions{gap:18px;margin-top:29px}
  .btn{min-height:51px;padding:12px 16px;gap:13px;font-size:12px}
  .hero-text-link{font-size:11px}
  .hero-caption{font-size:8px;letter-spacing:.08em;margin-top:40px}
  .hero-visual{min-height:280px;width:calc(100% + 15px);margin-left:-7px}
  .conveyor-graphic{max-height:305px}
  .tech-label{font-size:8px}
  .tech-label-bottom{bottom:6%;left:9%;font-size:8px}
  .visual-index{font-size:9px;left:1%}
  .hero-bottom-rule>.container{font-size:7px;letter-spacing:.1em;min-height:41px}
  .strip-content{font-size:9px;letter-spacing:.055em;gap:7px 12px}
  .strip-content i{width:4px;height:4px}
  .section-pad{padding:72px 0 80px}
  .section-head{align-items:flex-start;margin-bottom:32px}
  .section-head h2,.categories-intro h2{font-size:clamp(36px,9vw,49px)}
  .section-head-side{align-self:flex-start;padding-top:33px}
  .section-total{padding-right:0;border-right:0;display:block;text-align:right}
  .section-total strong{font-size:38px}
  .section-total span{display:block;writing-mode:initial;transform:none;font-size:8px;letter-spacing:.055em}
  .filter-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 0 13px;margin-right:-18px;margin-bottom:16px;scroll-snap-type:x proximity}
  .filter-chip{flex:none;scroll-snap-align:start;min-height:39px;padding:9px 12px;gap:8px;font-size:10px}
  .services-grid{grid-template-columns:1fr;gap:12px}
  .service-card{min-height:217px;padding:25px}
  .card-top{margin-bottom:24px}
  .service-card h3{max-width:360px;font-size:19px}
  .statement-inner{padding-top:75px;padding-bottom:75px}
  .statement-marker{font-size:8px;letter-spacing:.07em}
  .statement h2{font-size:clamp(53px,12vw,78px);margin:25px 0 35px}
  .statement-foot p{font-size:10px;letter-spacing:.07em}
  .statement-link{height:44px;width:44px}
  .category-intro-sub{font-size:11px}
  .accordion-item summary{gap:11px;min-height:85px;padding:16px 9px 16px 10px}
  .accordion-index{flex-basis:22px;font-size:10px}
  .accordion-name{font-size:17px;line-height:1.35}
  .accordion-count{display:none}
  .accordion-toggle{width:31px;height:31px}
  .accordion-body{padding:0 13px 24px 42px}
  .accordion-body li{font-size:13px}
  .footer-top{padding:37px 0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px 20px}
  .footer-logo{width:184px;height:93px}
  .footer-brand p{font-size:8px;letter-spacing:.12em}
  .footer-links{order:3;flex:1 0 100%;margin:0;gap:26px;font-size:12px;flex-wrap:wrap}
  .back-to-top{order:2}
  .footer-bottom{min-height:66px;font-size:8px;letter-spacing:.06em}
}
@media (max-width:370px){
  .hero h1{font-size:43px}
  .hero-actions{gap:13px}
  .hero-text-link{font-size:10px}
  .section-head-side{display:none}
  .statement h2{font-size:48px}
  .footer-bottom span:last-child{max-width:145px;text-align:right}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js-enabled .reveal:not(.is-visible){opacity:1;transform:none}
}