/* Shared subpage system for the robot catalogue, services and news routes. */
:root{--sub-bg:#020817;--sub-panel:#071a35;--sub-panel-2:#0a2444;--sub-line:rgba(133,190,231,.24);--sub-text:#f5fbff;--sub-muted:#a7bfd2;--sub-accent:#38b8ff}
body.subpage{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(20,157,255,.14),transparent 28%),linear-gradient(145deg,#02050d 0%,#06152d 56%,#020817 100%);color:var(--sub-text)}
.subpage .site-header{background:rgba(2,8,20,.82);border-bottom-color:var(--sub-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.subpage .brand-logo{width:124px;height:48px;object-fit:contain}.subpage .nav-link{color:#dceeff}.subpage .nav-link:hover,.subpage .nav-link.is-active{color:var(--sub-accent)}
.subpage .header-actions .btn-outline{border-color:rgba(229,246,255,.76);color:#f5fbff}.subpage .header-actions .btn-outline:hover{border-color:var(--sub-accent);color:var(--sub-accent)}
.subpage .nav-toggle{border-color:var(--sub-line);background:#071426}.subpage .nav-toggle span{background:#f5fbff}
.subpage-hero{position:relative;isolation:isolate;min-height:390px;display:grid;align-items:end;padding:calc(var(--header) + 56px) 0 58px;overflow:hidden;border-bottom:1px solid var(--sub-line)}
.subpage-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,5,13,.97) 0%,rgba(2,5,13,.84) 38%,rgba(2,5,13,.3) 72%,rgba(2,5,13,.7) 100%),linear-gradient(180deg,rgba(2,5,13,.1),#020817)}
.subpage-hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(88,184,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(88,184,255,.09) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 84%);opacity:.45}
.subpage-hero img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.92)}
.subpage-hero .container{width:min(calc(100% - 64px),var(--container))}.subpage-kicker{display:flex;align-items:center;gap:14px;color:var(--sub-accent);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.subpage-kicker:after{content:"";width:76px;height:1px;background:linear-gradient(90deg,var(--sub-accent),transparent)}
.subpage-hero h1{max-width:760px;margin-top:18px;color:var(--sub-text);font-size:clamp(3rem,6.8vw,6.4rem);line-height:.96;letter-spacing:-.07em;text-transform:uppercase}.subpage-hero p{max-width:590px;margin-top:22px;color:#c8daea;font-size:17px;line-height:28px}
.subpage-main{padding-block:clamp(64px,8vw,112px)}.subpage-main>.container{width:min(calc(100% - 64px),var(--container))}.subpage-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.subpage-intro h2{max-width:650px;color:var(--sub-text);font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.06em;text-transform:uppercase}.subpage-intro p{max-width:380px;color:var(--sub-muted);font-size:14px;line-height:23px}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalogue-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px;border:1px solid var(--sub-line);border-radius:14px;background:linear-gradient(180deg,rgba(8,29,57,.82),rgba(4,15,32,.96));transition:transform .34s cubic-bezier(.22,1,.36,1),border-color .34s,box-shadow .34s}.catalogue-card:hover{transform:translateY(-7px);border-color:rgba(88,184,255,.78);box-shadow:0 24px 52px rgba(0,0,0,.28),0 0 28px rgba(20,157,255,.1)}.catalogue-media{position:relative;aspect-ratio:1.2;overflow:hidden;background:#0b2340}.catalogue-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,8,20,.54))}.catalogue-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.catalogue-card:hover .catalogue-media img{transform:scale(1.07)}.catalogue-index{position:absolute;z-index:1;left:16px;top:16px;color:#9de3ff;font-size:11px;font-weight:700;letter-spacing:.16em}.catalogue-body{display:flex;flex:1;flex-direction:column;padding:21px 22px 23px}.catalogue-body h2{color:var(--sub-text);font-size:22px;line-height:1.1;text-transform:uppercase}.catalogue-body p{margin-top:10px;color:var(--sub-muted);font-size:14px;line-height:21px}.catalogue-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:var(--sub-accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.catalogue-link span{font-size:18px;transition:transform .25s}.catalogue-card:hover .catalogue-link span{transform:translateX(5px)}
.service-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:30px}.service-tab{min-height:58px;padding:11px 12px;border:1px solid var(--sub-line);border-radius:9px;background:rgba(7,25,50,.75);color:#b8d1e3;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .25s,border-color .25s,color .25s,transform .25s}.service-tab:hover{transform:translateY(-2px);border-color:rgba(88,184,255,.6);color:#fff}.service-tab.is-active{border-color:var(--sub-accent);background:linear-gradient(135deg,#149dff,#0874bb);color:#fff;box-shadow:0 10px 24px rgba(20,157,255,.2)}.service-panel{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:420px;border:1px solid var(--sub-line);border-radius:14px;overflow:hidden;background:rgba(6,22,45,.76)}.service-panel-media{min-height:420px;overflow:hidden}.service-panel-media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}.service-panel-copy{display:flex;flex-direction:column;padding:clamp(26px,4vw,54px)}.service-panel-copy .subpage-kicker{font-size:10px}.service-panel-copy h2{margin-top:0;color:var(--sub-text);font-size:clamp(2rem,4vw,3.8rem);line-height:.98;letter-spacing:-.06em;text-transform:uppercase}.service-panel-copy p{max-width:520px;margin-top:20px;color:#c5d8e7;font-size:16px;line-height:26px}.service-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}.service-points li{padding:11px 12px;border-top:1px solid rgba(133,190,231,.23);color:#b5cde0;font-size:12px;line-height:19px}.service-points li:before{content:"/";margin-right:8px;color:var(--sub-accent);font-weight:700}.service-panel-copy .btn{width:max-content;margin-top:auto;min-width:180px}.service-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:46px;padding:clamp(24px,4vw,40px);border:1px solid var(--sub-line);border-radius:14px;background:rgba(6,22,45,.72)}.service-form h2{grid-column:1/-1;color:var(--sub-text);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;letter-spacing:-.05em;text-transform:uppercase}.service-form .field{display:grid;gap:7px;color:#9fbcd2;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.service-form .field--wide{grid-column:1/-1}.service-form input,.service-form textarea{width:100%;border:1px solid rgba(133,190,231,.28);border-radius:8px;background:rgba(2,8,20,.6);padding:12px 13px;color:#f5fbff;font:inherit;font-size:14px;outline:0;transition:border-color .25s,box-shadow .25s}.service-form textarea{min-height:118px;resize:vertical}.service-form input:focus,.service-form textarea:focus{border-color:var(--sub-accent);box-shadow:0 0 0 3px rgba(20,157,255,.12)}.service-form .form-foot{display:flex;align-items:center;gap:16px;grid-column:1/-1}.service-form .form-status{min-height:20px;color:#8fd5f6;font-size:12px}.service-form .form-status.is-error{color:#ff9eb1}.service-form .form-status.is-success{color:#81dbb5}
.news-grid--four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.news-card-new{overflow:hidden;border:1px solid var(--sub-line);border-radius:13px;background:rgba(6,22,45,.78);transition:transform .34s cubic-bezier(.22,1,.36,1),border-color .34s,box-shadow .34s}.news-card-new:hover{transform:translateY(-7px);border-color:rgba(88,184,255,.8);box-shadow:0 22px 48px rgba(0,0,0,.26)}.news-card-new>a{display:block}.news-card-new .news-media{position:relative;aspect-ratio:1.28;overflow:hidden;background:#0b2340}.news-card-new .news-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.news-card-new:hover .news-media img{transform:scale(1.07)}.news-card-new .news-tag{position:absolute;left:12px;top:12px;padding:5px 8px;border:1px solid rgba(132,215,255,.5);border-radius:999px;background:rgba(2,8,20,.74);color:#a9e2ff;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-card-new .news-content{padding:17px 17px 20px}.news-card-new time{color:#63c8ff;font-size:9px;font-weight:700;letter-spacing:.15em}.news-card-new h2{margin-top:10px;color:var(--sub-text);font-size:17px;line-height:1.3;font-weight:600}.news-card-new p{margin-top:10px;color:var(--sub-muted);font-size:13px;line-height:20px}.news-card-new .news-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#bde9ff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-card-new .news-link span{font-size:16px;transition:transform .25s}.news-card-new:hover .news-link span{transform:translateX(4px)}
.subpage .site-footer{border-top:1px solid var(--sub-line);background:linear-gradient(180deg,#02050d,#06142b)}.subpage .site-footer .footer-grid{border-bottom-color:var(--sub-line)}.subpage .site-footer .footer-grid a,.subpage .site-footer .footer-grid span{color:#b7cde0}.subpage .site-footer .footer-grid a:hover{color:var(--sub-accent)}.subpage .site-footer .footer-bottom{color:#88a5bd}
.subpage-reveal{opacity:0;transform:translateY(20px);animation:subpage-reveal .7s cubic-bezier(.22,1,.36,1) forwards}.subpage-reveal:nth-child(2){animation-delay:.08s}.subpage-reveal:nth-child(3){animation-delay:.16s}.subpage-reveal:nth-child(4){animation-delay:.24s}.subpage-reveal:nth-child(5){animation-delay:.32s}.subpage-reveal:nth-child(6){animation-delay:.4s}@keyframes subpage-reveal{to{opacity:1;transform:none}}
@media (max-width:1100px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.service-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:800px){.subpage .brand-logo{width:106px;height:42px}.subpage-hero{min-height:420px;padding-top:calc(var(--header) + 38px);padding-bottom:42px}.subpage-hero .container,.subpage-main>.container{width:min(calc(100% - 40px),var(--container))}.subpage-hero h1{font-size:clamp(2.8rem,13vw,4.8rem)}.subpage-hero p{font-size:15px;line-height:24px}.subpage-intro{display:block;margin-bottom:28px}.subpage-intro p{margin-top:16px}.catalogue-grid{grid-template-columns:1fr;gap:14px}.catalogue-card{min-height:380px}.service-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-tab{min-height:52px;font-size:10px}.service-panel{grid-template-columns:1fr}.service-panel-media{min-height:270px;max-height:360px}.service-panel-copy h2{font-size:clamp(2.2rem,10vw,3.8rem)}.service-points{grid-template-columns:1fr}.service-panel-copy .btn{margin-top:28px}.service-form{grid-template-columns:1fr;margin-top:32px}.service-form .field,.service-form .field--wide,.service-form .form-foot{grid-column:1/-1}.service-form .form-foot{align-items:stretch;flex-direction:column}.service-form .form-foot .btn{width:100%}.news-grid--four{grid-template-columns:1fr;gap:14px}.news-card-new{display:grid;grid-template-columns:38% 1fr}.news-card-new .news-media{aspect-ratio:auto;min-height:190px}.news-card-new .news-content{display:flex;flex-direction:column;justify-content:center}}
@media (max-width:500px){.subpage-hero .container,.subpage-main>.container{width:min(calc(100% - 32px),var(--container))}.news-card-new{display:block}.news-card-new .news-media{aspect-ratio:1.35;min-height:0}}
@media (prefers-reduced-motion:reduce){/* Motion remains enabled by product direction. */}

/* Keep subpages on the homepage's typography, spacing and motion tokens. */
.subpage,
.subpage input,
.subpage textarea,
.subpage button{font-family:BeVietnam,system-ui,sans-serif}
.subpage{font-size:16px;line-height:1.6}
.subpage-hero{min-height:clamp(390px,45vw,600px);padding:calc(var(--header) + 52px) 0 52px}
.subpage-hero .container,
.subpage-main>.container{width:min(calc(100% - 64px),var(--container))}
.subpage-kicker{gap:14px;font-size:13px;line-height:18px;letter-spacing:.1em}
.subpage-hero h1{font-size:clamp(3.35rem,5.3vw,4.75rem);line-height:1.03;letter-spacing:-.045em}
.subpage-hero p{max-width:460px;margin-top:28px;font-size:18px;line-height:28px}
.subpage-main{padding-block:var(--section)}
.subpage-intro{display:grid;grid-template-columns:4fr 7fr;align-items:start;gap:80px;margin-bottom:42px}
.subpage-intro h2{max-width:650px;font-size:clamp(2.25rem,3.2vw,2.75rem);line-height:1.12;letter-spacing:-.035em}
.subpage-intro p{max-width:620px;font-size:16px;line-height:26px}
.catalogue-grid{gap:24px}
.catalogue-card{min-height:320px;border-radius:var(--radius);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.catalogue-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.22),0 0 24px rgba(20,157,255,.08)}
.catalogue-media{border-radius:0}
.catalogue-media img{transition:transform .5s var(--ease)}
.catalogue-card:hover .catalogue-media img{transform:scale(1.04)}
.catalogue-body{padding:22px 24px 24px}
.catalogue-body h2{font-size:22px;line-height:28px}
.catalogue-body p{margin-top:9px;font-size:14px;line-height:22px}
.catalogue-link{gap:14px;padding-top:20px;font-size:11px;letter-spacing:.12em}
.catalogue-link span{transition:transform .3s var(--ease)}
.service-switcher{gap:16px;margin-bottom:42px}
.service-tab{transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s}
.service-panel-media img{transition:opacity .3s,transform .5s var(--ease)}
.service-form{gap:18px;margin-top:56px;padding:28px}
.news-grid--four{gap:18px}
.news-card-new{border-radius:var(--radius);transition:transform .34s var(--ease),border-color .34s var(--ease),box-shadow .34s var(--ease)}
.news-card-new .news-media img{transition:transform .6s var(--ease)}
.news-card-new:hover .news-media img{transform:scale(1.05)}
.subpage-hero img{animation:subpage-hero-image 1.2s var(--ease) both}
.subpage-hero .subpage-kicker{animation:subpage-hero-copy .65s .08s var(--ease) both}
.subpage-hero h1{animation:subpage-hero-copy .75s .16s var(--ease) both}
.subpage-hero .container>p:last-child{animation:subpage-hero-copy .75s .24s var(--ease) both}
.subpage-js .subpage-motion{opacity:0;transform:translateY(22px);animation:none;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--motion-order,0) * 60ms)}
.subpage-js .subpage-motion.is-inview{opacity:1;transform:none}
@keyframes subpage-hero-image{from{opacity:.72;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes subpage-hero-copy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

@media (max-width:800px){
  .subpage-hero{min-height:420px;padding-top:calc(var(--header) + 44px);padding-bottom:64px}
  .subpage-hero .container,.subpage-main>.container{width:min(calc(100% - 40px),var(--container))}
  .subpage-hero h1{font-size:clamp(2.75rem,12vw,4rem);line-height:1.03}
  .subpage-hero p{font-size:16px;line-height:25px}
  .subpage-intro{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:32px}
  .subpage-intro h2{font-size:clamp(2.1rem,9vw,2.75rem)}
  .subpage-intro p{font-size:16px;line-height:25px}
  .catalogue-grid,.news-grid--four{gap:16px}
  .service-switcher{gap:10px;margin-bottom:32px}
  .service-form{margin-top:40px;padding:20px}
}

@media (max-width:500px){
  .subpage-hero .container,.subpage-main>.container{width:min(calc(100% - 32px),var(--container))}
  .subpage-intro{gap:20px}
}

.article-shell{width:min(86vw,900px);margin:0 auto;padding:calc(var(--header) + 52px) 0 72px}.article-back{display:inline-flex;align-items:center;gap:9px;color:#4abaff;font-size:12px;font-weight:500;letter-spacing:.06em;text-decoration:none}.article-header{padding:46px 0 30px}.article-header h1{max-width:800px;margin-top:18px;color:var(--ink);font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.08;font-weight:500}.article-header time{display:block;margin-top:20px;color:var(--muted);font-size:12px;letter-spacing:.06em}.article-cover{margin:0;overflow:hidden;border-radius:var(--radius);background:#06152d}.article-cover img{display:block;width:100%;max-height:620px;object-fit:cover}.article-body{max-width:700px;margin:42px auto 0;color:var(--body);font-size:18px;line-height:1.7}.article-body p{margin:0 0 24px}.article-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:13px 18px;border-radius:999px;background:#149dff;color:#fff;font-size:12px;font-weight:500;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.article-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,157,255,.24)}
@media (max-width:800px){.article-shell{padding-top:calc(var(--header) + 34px);padding-bottom:48px}.article-header{padding:32px 0 22px}.article-header h1{font-size:32px;line-height:1.2}.article-body{margin-top:28px;font-size:16px;line-height:1.6}.article-cover img{max-height:420px}}

@media (prefers-reduced-motion:reduce){
  .subpage-hero img{animation:subpage-hero-image 1.2s var(--ease) both!important}
  .subpage-hero .subpage-kicker{animation:subpage-hero-copy .65s .08s var(--ease) both!important}
  .subpage-hero h1{animation:subpage-hero-copy .75s .16s var(--ease) both!important}
  .subpage-hero .container>p:last-child{animation:subpage-hero-copy .75s .24s var(--ease) both!important}
  .subpage-js .subpage-motion{transition:opacity .7s var(--ease),transform .7s var(--ease)!important;transition-delay:calc(var(--motion-order,0) * 60ms)!important}
  .catalogue-card,.news-card-new,.service-tab{transition-property:transform,border-color,box-shadow,background,color!important}
  .catalogue-media img,.news-card-new .news-media img,.service-panel-media img{transition-property:transform,opacity!important}
}

/* Documented subpage structure: white content canvas, full-screen banner and a compact type scale. */
@font-face{font-family:MontserratSub;src:url('../fonts/montserrat-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:InterSub;src:url('../fonts/inter-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:InterSub;src:url('../fonts/inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:InterSub;src:url('../fonts/inter-500.ttf') format('truetype');font-style:normal;font-weight:500 700;font-display:swap}
:root{--bg:#fff;--ink:#080b0e;--body:#303840;--muted:#687581;--soft:#f6fafd;--tint:#eaf7ff;--line:#dce7f0;--sub-space-desktop:46px;--sub-space-mobile:24px;--sub-display:56px;--sub-section-title:42px;--sub-heading:36px;--sub-body:15px;--sub-caption:14px}
.subpage,.category-page{font-family:InterSub,BeVietnam,system-ui,sans-serif;background:#fff;color:#303840}
.subpage h1,.subpage h2,.subpage h3,.category-page h1,.category-page h2,.category-page h3{font-family:MontserratSub,BeVietnam,system-ui,sans-serif;font-weight:500;letter-spacing:0}
.subpage p,.category-page p{font-family:InterSub,BeVietnam,system-ui,sans-serif;font-weight:300;letter-spacing:-.03em}
.subpage .site-header,.category-page .site-header{background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .34s var(--ease),border-color .34s var(--ease),box-shadow .34s var(--ease),transform .35s var(--ease)}
.subpage .site-header.header-scrolled,.category-page .site-header.header-scrolled{background:rgba(2,8,20,.9);border-bottom-color:var(--sub-line);box-shadow:0 10px 30px rgba(2,8,20,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.subpage-hero{min-height:100dvh;padding:calc(var(--header) + 52px) 0 52px}
.subpage-hero h1{font-size:var(--sub-display);line-height:1.3;letter-spacing:0}
.subpage-hero p{font-size:var(--sub-body);line-height:1.5;letter-spacing:-.03em}
.subpage-main{padding-block:var(--sub-space-desktop);background:#fff;color:#303840}
.subpage-main>.container{width:min(86vw,var(--container))}
.subpage-intro{grid-template-columns:1fr 1fr;gap:var(--sub-space-desktop);margin-bottom:var(--sub-space-desktop)}
.subpage-intro h2{font-size:var(--sub-section-title);line-height:1.28;letter-spacing:0;color:var(--ink)}
.subpage-intro p{font-size:var(--sub-body);line-height:1.5;color:var(--body)}
.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sub-space-desktop)}
.catalogue-card,.news-card-new,.service-panel,.service-form{border-color:var(--line);background:#fff;color:var(--body);border-radius:var(--radius)}
.catalogue-card{min-height:0;transition:transform .34s var(--ease),border-color .34s var(--ease),box-shadow .34s var(--ease)}
.catalogue-card:hover,.news-card-new:hover{box-shadow:0 16px 44px rgba(21,58,82,.08)}
.catalogue-body h2,.news-card-new h2{font-size:var(--sub-heading);line-height:1.28;color:var(--ink)}
.catalogue-body p,.news-card-new p{font-size:var(--sub-body);line-height:1.5;color:var(--body)}
.catalogue-link,.news-card-new .news-link{font-size:var(--sub-caption);line-height:1.47}
.service-switcher{gap:var(--sub-space-mobile);margin-bottom:var(--sub-space-desktop)}
.service-tab{font-family:InterSub,BeVietnam,system-ui,sans-serif;font-size:var(--sub-caption);font-weight:300;letter-spacing:-.03em}
.service-panel{background:#fff}
.service-panel-copy h2,.service-form h2{font-size:var(--sub-heading);line-height:1.28;letter-spacing:0;color:var(--ink)}
.service-panel-copy p,.service-form input,.service-form textarea{font-size:var(--sub-body);line-height:1.5}
.service-form{margin-top:var(--sub-space-desktop);padding:var(--sub-space-desktop)}
.news-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sub-space-desktop)}
.news-card-new .news-content{padding:var(--sub-space-mobile)}
.news-card-new time,.news-card-new .news-tag{font-size:var(--sub-caption);line-height:1.47;font-weight:300;letter-spacing:-.03em}
.subpage .site-footer{background:linear-gradient(180deg,#02050d,#06142b);color:var(--sub-text)}
.is-subpage-splashing{overflow:hidden}
.subpage-splash{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;background:#020817;pointer-events:auto}
.subpage-splash-panel{position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#020817,#06152d);transition:transform .82s cubic-bezier(.76,0,.24,1)}
.subpage-splash-panel--bottom{inset:50% 0 0;background:linear-gradient(180deg,#06152d,#020817)}
.subpage-splash-brand{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;color:#f5fbff;animation:subpage-splash-brand .65s .2s var(--ease) both}
.subpage-splash-brand span{color:#63c8ff;font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase}
.subpage-splash-brand img{width:min(230px,58vw);height:auto;margin-top:22px;filter:drop-shadow(0 14px 24px rgba(20,157,255,.22))}
.subpage-splash-brand i{width:min(250px,62vw);height:1px;margin-top:22px;background:linear-gradient(90deg,transparent,#58b8ff,transparent);box-shadow:0 0 16px rgba(88,184,255,.6);animation:subpage-splash-pulse 1.1s ease-in-out infinite alternate}
.subpage-splash.is-leaving{pointer-events:none}
.subpage-splash.is-leaving .subpage-splash-panel--top{transform:translateY(-101%)}
.subpage-splash.is-leaving .subpage-splash-panel--bottom{transform:translateY(101%)}
.subpage-splash.is-leaving .subpage-splash-brand{opacity:0;transform:scale(.88);transition:opacity .3s,transform .4s}
@keyframes subpage-splash-brand{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes subpage-splash-pulse{from{transform:scaleX(.55);opacity:.55}to{transform:scaleX(1);opacity:1}}
.partner-rail{padding-block:var(--sub-space-desktop);background:#fff;color:var(--ink);overflow:hidden}
.partner-rail-inner{width:min(86vw,var(--container));margin-inline:auto}
.partner-rail h2{font-size:var(--sub-section-title);line-height:1.28;text-align:center}
.partner-marquee{margin-top:var(--sub-space-mobile);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.partner-track{display:flex;align-items:center;gap:clamp(30px,5vw,74px);width:max-content;animation:partner-marquee 30s linear infinite}
.partner-track img{width:auto;height:42px;max-width:160px;object-fit:contain;opacity:.7;filter:grayscale(1);transition:opacity .25s,filter .25s}
.partner-track img:hover{opacity:1;filter:grayscale(0)}
@keyframes partner-marquee{to{transform:translateX(-50%)}}

@media (max-width:1100px){
  .catalogue-grid,.news-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sub-space-mobile)}
}
@media (max-width:800px){
  :root{--sub-display:36px;--sub-section-title:32px;--sub-heading:26px;--sub-body:14px;--sub-caption:12px}
  .subpage-hero{min-height:100dvh;padding-top:calc(var(--header) + 44px);padding-bottom:var(--sub-space-mobile)}
  .subpage-hero h1{font-size:var(--sub-display);line-height:1.2}
  .subpage-hero p{font-size:var(--sub-body);line-height:1.55}
  .subpage-main{padding-block:var(--sub-space-mobile)}
  .subpage-main>.container{width:86vw}
  .subpage-intro{gap:var(--sub-space-mobile);margin-bottom:var(--sub-space-mobile)}
  .subpage-intro h2{font-size:var(--sub-section-title);line-height:1.25}
  .subpage-intro p{font-size:var(--sub-body);line-height:1.55}
  .catalogue-grid,.news-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sub-space-mobile)}
  .catalogue-body{padding:var(--sub-space-mobile)}
  .catalogue-body h2,.news-card-new h2{font-size:var(--sub-heading);line-height:1.25}
  .catalogue-body p,.news-card-new p{font-size:var(--sub-body);line-height:1.55}
  .service-switcher{gap:10px;margin-bottom:var(--sub-space-mobile)}
  .service-form{margin-top:var(--sub-space-mobile);padding:var(--sub-space-mobile)}
  .news-card-new{display:block}
  .news-card-new .news-media{aspect-ratio:1.35;min-height:0}
  .news-card-new .news-content{padding:var(--sub-space-mobile)}
  .partner-rail{padding-block:var(--sub-space-mobile)}
  .partner-rail h2{font-size:var(--sub-section-title)}
  .partner-track img{height:32px;max-width:118px}
}
@media (max-width:500px){
  .subpage-main>.container{width:86vw}
  .catalogue-grid,.news-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .catalogue-card{min-width:0}
  .catalogue-body{padding:16px 12px}
  .catalogue-body h2,.news-card-new h2{font-size:var(--sub-heading);overflow-wrap:anywhere}
}

/* Compact editorial news cards: image, date, title and a single action. */
.news-grid--four{gap:24px;align-items:stretch}
.news-card-new{display:flex;height:100%;min-width:0;flex-direction:column;border-color:#d9e4ec;box-shadow:0 1px 0 rgba(21,58,82,.02)}
.news-card-new>a.news-card-image-link{display:block;height:auto;flex:none}
.news-card-new .news-media{aspect-ratio:4/3}
.news-card-new .news-content{display:flex;flex:1;flex-direction:column;min-height:154px;padding:18px}
.news-card-new time{font-size:11px;line-height:1.4;font-weight:400;letter-spacing:.01em}
.news-card-new h2{display:-webkit-box;min-height:4.35em;margin-top:9px;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.45;font-weight:500;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-card-new h2 a{color:inherit;text-decoration:none;transition:color .25s}.news-card-new h2 a:hover{color:#149dff}
.news-card-new .news-link{margin-top:auto;padding-top:16px;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.08em}
.news-card-new .news-tag{font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.02em}

@media (max-width:800px){
  .news-grid--four{gap:18px}
  .news-card-new .news-content{min-height:146px;padding:16px 14px}
  .news-card-new h2{font-size:14px;line-height:1.42}
  .news-card-new .news-link{padding-top:14px;font-size:10px}
}

@media (max-width:500px){
  .news-grid--four{gap:14px}
  .news-card-new .news-media{aspect-ratio:1/1}
  .news-card-new .news-content{min-height:138px;padding:13px 11px}
  .news-card-new time{font-size:10px}
  .news-card-new h2{min-height:4.26em;margin-top:7px;font-size:14px;line-height:1.42}
  .news-card-new .news-link{padding-top:12px;font-size:9px;letter-spacing:.04em}
  .news-card-new .news-tag{left:8px;top:8px;padding:4px 6px;font-size:9px}
}

/* Keep accented Vietnamese headings legible when they wrap. */
.subpage-hero h1,.subpage-intro h2,.service-panel-copy h2,.service-form h2,.article-header h1{line-height:1.2;letter-spacing:-.02em}
@media (max-width:800px){
  .subpage-hero h1,.subpage-intro h2,.service-panel-copy h2,.service-form h2,.article-header h1{line-height:1.28;letter-spacing:-.01em}
}

/* Document spacing: sections breathe through margins while their canvas stays white. */
.subpage-main,.partner-rail{padding-block:0;margin-block:0 160px;background:#fff}
.subpage-main>.container,.partner-rail-inner{width:min(86vw,var(--container))}
@media (max-width:800px){
  .subpage-main,.partner-rail{margin-block-end:60px}
}

/* Article routes use the same documented type scale as the other subpages. */
.article-page .article-header h1{font-family:MontserratSub,BeVietnam,system-ui,sans-serif;font-size:56px;font-weight:500;line-height:1.3;letter-spacing:0;color:var(--ink)}
.article-page .article-header time{font-family:InterSub,BeVietnam,system-ui,sans-serif;font-size:14px;font-weight:300;line-height:1.47;letter-spacing:-.03em;color:var(--muted)}
.article-page .article-body{font-family:InterSub,BeVietnam,system-ui,sans-serif;font-size:15px;font-weight:300;line-height:1.5;letter-spacing:-.03em;color:var(--body)}
body.subpage{background:#fff;color:var(--body)}
body.article-page{background:#fff}
.partner-track img{filter:grayscale(1) brightness(.52);opacity:.72}
.partner-track img:hover{filter:grayscale(0) brightness(1);opacity:1}
@media (max-width:800px){
  .subpage-intro{display:grid;grid-template-columns:1fr;gap:var(--sub-space-mobile)}
  .article-page .article-header h1{font-size:36px;line-height:1.2;letter-spacing:0}
  .article-page .article-header time{font-size:12px;line-height:1.5;letter-spacing:-.02em}
  .article-page .article-body{font-size:14px;line-height:1.55;letter-spacing:-.02em}
}

/* ---- Services page: per-tab image + video gallery -------------------- */
.service-experience{margin-top:clamp(28px,4vw,44px)}
.service-experience-head{margin-bottom:clamp(18px,2.4vw,26px)}
.service-experience-head h2{margin:6px 0 0;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.15;letter-spacing:-.03em}
.service-gallery[hidden]{display:none}
@media (max-width:800px){.service-experience{margin-top:26px}}
.service-panel[hidden]{display:none}
.news-empty{grid-column:1 / -1;padding:40px 0;color:#8fa6bb;font-size:14px;text-align:center}
/* Article body styles produced by the CMS editor toolbar. */
.article-body [data-style=lead]{margin-bottom:22px;color:#cfe4f5;font-size:19px;line-height:1.7}
.article-body [data-style=note]{margin:22px 0;padding:14px 18px;border-left:3px solid #f0b429;border-radius:0 10px 10px 0;background:rgba(240,180,41,.09);color:#e6dcc6;font-size:14px;line-height:1.65}
.article-body [data-align=center]{text-align:center}
.article-body [data-align=right]{text-align:right}
.article-body [data-align=left]{text-align:left}
.article-body img{display:block;width:100%;height:auto;margin:26px auto;border-radius:12px}
.article-body h2{margin:34px 0 12px;font-size:26px;line-height:1.3}
.article-body h3{margin:28px 0 10px;font-size:20px;line-height:1.35}
.article-body b,.article-body strong{font-weight:600;color:#fff}
/* Status badge on a news card. */
.news-badge{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.4}
.news-badge.is-hot{background:#ff4d4d;color:#fff}
.news-badge.is-new{background:#48bfff;color:#03203a}
.news-card-new .news-media{position:relative}
.news-excerpt{margin:8px 0 0;color:#91abc1;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Text tokens the CMS toolbar writes. Values live here, never in the article,
   so a post can restyle its words without being able to inject CSS. */
.article-body [data-size=sm]{font-size:.85em}
.article-body [data-size=lg]{font-size:1.25em}
.article-body [data-size=xl]{font-size:1.55em;line-height:1.35}
.article-body [data-color=white]{color:#fff}
.article-body [data-color=muted]{color:#8fa6bb}
.article-body [data-color=accent]{color:#48bfff}
.article-body [data-color=gold]{color:#f0b429}
.article-body [data-color=danger]{color:#ff6b6b}
.article-body [data-font=heading]{font-family:MontserratSub,MontserratDoc,Montserrat,BeVietnam,sans-serif}
.article-body [data-font=body]{font-family:InterSub,InterDoc,Inter,BeVietnam,sans-serif}
/* Card tin tức không còn đoạn mô tả, nên bỏ phần chiều cao vốn dành cho nó. */
.news-card-new .news-content{min-height:0}
.news-card-new h2{min-height:0}