@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');

:root { --bg:#050607; --panel:#09131d; --line:#203a50; --blue:#119cff; --blue-light:#73d5ff; --text:#f3f8fc; --muted:#a6b5c2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:"DM Sans",Arial,sans-serif; line-height:1.6; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.55; background:linear-gradient(122deg,transparent 0 30%,#119cff00 38%,#119cff20 44%,#a1e6ffad 44.15%,#119cff18 44.3%,transparent 50%),linear-gradient(28deg,transparent 0 76%,#119cff00 82%,#119cff26 85%,#73d5ffb8 85.1%,#119cff24 85.3%,transparent 90%),radial-gradient(ellipse at 80% 13%,#0d407055,transparent 26%); }
.site-header { height:80px; position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:10px clamp(22px,5vw,78px); border-bottom:1px solid #132b40; background:#050607e8; backdrop-filter:blur(15px); }
.brand { width:132px; height:56px; display:flex; align-items:center; }
.brand img { width:100%; height:100%; object-fit:contain; mix-blend-mode:screen; -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,transparent 100%); mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,transparent 100%); }
nav { display:flex; gap:30px; } nav a,.contact-link { color:#d1dde6; font-size:13px; font-weight:600; text-decoration:none; } nav a:hover { color:#fff; } .contact-link { font-weight:700; } .contact-link span { color:var(--blue-light); font-size:17px; }
.hero,.section { max-width:1200px; margin:0 auto; padding-left:clamp(22px,6vw,82px); padding-right:clamp(22px,6vw,82px); }
.hero { min-height:650px; display:flex; align-items:flex-end; padding-top:135px; padding-bottom:90px; border-bottom:1px solid var(--line); }
.hero-copy { max-width:820px; }
.eyebrow { margin:0; color:var(--blue-light); font-size:10px; font-weight:700; letter-spacing:2px; }
h1,h2,h3 { margin:0; font-family:Rajdhani,Arial,sans-serif; text-transform:uppercase; line-height:.9; letter-spacing:-.5px; }
h1 { margin-top:24px; font-size:clamp(62px,10vw,126px); } h1 span { color:var(--blue); }
.hero-text { max-width:560px; margin:28px 0; color:#c4d0da; font-size:17px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; } .button { display:inline-block; padding:13px 18px; color:#00121e; background:var(--blue-light); font-size:13px; font-weight:700; text-decoration:none; } .text-link { color:#e6f2fa; font-size:13px; font-weight:700; text-decoration:none; }
.statement { padding-top:110px; padding-bottom:110px; } .statement-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:70px; align-items:end; margin-top:24px; } .statement h2 { font-size:clamp(38px,5vw,68px); } .statement-grid p { margin:0; color:var(--muted); font-size:15px; }
.services { padding-top:78px; padding-bottom:95px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .section-top { display:flex; align-items:center; justify-content:space-between; } .services .eyebrow { color:white; font-size:20px; letter-spacing:1.5px; font-family:Rajdhani,Arial,sans-serif; } .section-top>span { color:#587187; font:600 22px Rajdhani,Arial,sans-serif; }
.service-list { margin-top:34px; } .service-list article { display:grid; grid-template-columns:55px 1fr; gap:28px; padding:29px 0; border-top:1px solid #1d354b; } .service-list article:last-child { border-bottom:1px solid #1d354b; } .service-list>article>span { color:var(--blue-light); font-size:17px; } .service-list h3 { font-size:clamp(30px,4vw,48px); } .service-list p { max-width:570px; margin:10px 0 0; color:var(--muted); font-size:14px; }
.method { padding-top:105px; padding-bottom:105px; } .method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; } .method-grid article { min-height:245px; padding:23px; border:1px solid #1a354b; background:linear-gradient(145deg,#0d1a25,#081018); } .method-grid b { color:var(--blue-light); font:600 20px Rajdhani,Arial,sans-serif; } .method-grid h3 { margin-top:62px; font-size:32px; } .method-grid p { margin:9px 0 0; color:var(--muted); font-size:13px; }
.project { padding-top:85px; padding-bottom:100px; border-top:1px solid var(--line); } .project-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; } .project-heading h2 { margin-top:14px; font-size:clamp(48px,6vw,78px); } .project-heading>p { max-width:340px; margin:0; color:var(--muted); font-size:14px; } .project-media { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-top:40px; }
figure { margin:0; } .media-card { overflow:hidden; border:1px solid #22405a; background:var(--panel); } .media-card.before { border-color:#765437; } .media-thumb { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; overflow:hidden; } .media-thumb img { display:block; width:100%; height:420px; object-fit:cover; transition:transform .3s; } .media-thumb:hover img,.media-thumb:hover video { transform:scale(1.025); } figcaption { padding:13px 15px; color:#b8c8d5; font-size:12px; } figcaption span { display:block; color:var(--blue-light); font-size:10px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; } .before figcaption span { color:#f0b169; }
.project-video-row { display:grid; grid-template-columns:1fr 1fr; gap:17px; max-width:730px; margin-top:17px; } .video-thumb { position:relative; height:170px; border:1px solid #22405a; cursor:pointer; } .video-thumb video { display:block; width:100%; height:100%; object-fit:cover; opacity:.76; } .video-thumb span { position:absolute; left:15px; bottom:14px; padding:8px 10px; color:#fff; border:1px solid #3478aa; background:#06111dde; font-size:11px; font-weight:700; }
.partner-note { display:flex; align-items:center; gap:25px; width:min(710px,calc(100% - 44px)); min-height:196px; margin:0 auto 105px; padding:28px; color:#a9bac8; border:1px solid #1b405d; background:#08121cad; font-size:15px; } .partner-note img { width:200px; height:140px; object-fit:cover; opacity:.72; filter:saturate(.7); } .partner-note p { margin:0; } .partner-note strong { color:#e0edf6; }
.contact { padding-top:105px; padding-bottom:110px; text-align:center; border-top:1px solid var(--line); } .contact h2 { margin-top:19px; font-size:clamp(44px,6vw,78px); } .contact-intro { max-width:450px; margin:22px auto 0; color:var(--muted); font-size:14px; } .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:790px; margin:42px auto 0; } .contact-grid a { padding:24px; text-align:left; text-decoration:none; border:1px solid #214563; background:#08121c; } .contact-grid a:hover { border-color:var(--blue); } .contact-grid span,.contact-grid strong,.contact-grid b { display:block; } .contact-grid span { color:var(--blue-light); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; } .contact-grid strong { margin:10px 0 18px; font:600 34px Rajdhani,Arial,sans-serif; text-transform:uppercase; } .contact-grid b { font-size:14px; }
footer { display:flex; justify-content:space-between; gap:15px; padding:26px clamp(22px,5vw,78px); border-top:1px solid #162b3c; color:#7f95a7; font-size:11px; }
.lightbox { width:min(1100px,92vw); max-height:90vh; padding:0; border:1px solid #4399d4; background:#020305; box-shadow:0 0 80px #008cff55; } .lightbox::backdrop { background:#000c; } .lightbox #lightbox-content { display:flex; align-items:center; justify-content:center; min-height:160px; } .lightbox img,.lightbox video { display:block; width:auto; max-width:100%; max-height:84vh; object-fit:contain; } .lightbox-close { position:absolute; z-index:1; top:8px; right:8px; width:38px; height:38px; border:1px solid #56c8ff; border-radius:50%; color:white; background:#020b15e6; font-size:27px; cursor:pointer; }
@media(max-width:760px) { .site-header { height:70px; } nav { display:none; } .brand { width:112px; } .hero { min-height:580px; padding-top:100px; padding-bottom:65px; } .statement,.method,.contact { padding-top:72px; padding-bottom:72px; } .statement-grid,.project-heading { display:block; } .statement-grid p,.project-heading>p { margin-top:22px; } .service-list article { grid-template-columns:40px 1fr; gap:15px; } .method-grid,.project-media,.project-video-row,.contact-grid { grid-template-columns:1fr; } .method-grid article { min-height:185px; } .method-grid h3 { margin-top:35px; } .media-thumb img { height:300px; } .partner-note { min-height:0; gap:15px; margin-bottom:70px; padding:16px; font-size:13px; } .partner-note img { width:100px; height:85px; } footer { display:block; } footer span+span { display:block; margin-top:6px; } }
.services .eyebrow { font-size:clamp(36px,4vw,52px); line-height:.9; }
.service-list h3 { font-size:clamp(26px,3vw,42px); }
.services .section-top { justify-content:center; }
.services .eyebrow { color:transparent; background:linear-gradient(180deg,#ffffff 0%,#bec7ce 43%,#727c85 100%); -webkit-background-clip:text; background-clip:text; }
.services .section-top { position:relative; min-height:150px; overflow:hidden; }
.services .section-top::before { content:none; }
.services .eyebrow { position:relative; z-index:1; }
.method .section-top { justify-content:center; }
.method .eyebrow { color:transparent; font-family:Rajdhani,Arial,sans-serif; font-size:clamp(36px,4vw,52px); line-height:.9; letter-spacing:1.5px; background:linear-gradient(180deg,#ffffff 0%,#bec7ce 43%,#727c85 100%); -webkit-background-clip:text; background-clip:text; }
.method .section-top { position:relative; min-height:150px; overflow:hidden; }
.method .section-top::before { content:none; }
.method-mascot { position:absolute; z-index:1; right:8%; bottom:-20px; width:126px; max-height:178px; object-fit:contain; object-position:bottom; filter:drop-shadow(0 12px 16px #000a) drop-shadow(0 0 18px #008dff70); pointer-events:none; }
.services-mascot,.method-mascot { -webkit-mask-image:none; mask-image:none; }
.services-mascot { position:absolute; z-index:1; right:8%; bottom:-14px; width:130px; max-height:180px; object-fit:contain; object-position:bottom; filter:drop-shadow(0 12px 16px #000a) drop-shadow(0 0 18px #008dff70); pointer-events:none; }
@media(max-width:760px) { .services .section-top { min-height:120px; } .services .section-top::before { right:-2px; bottom:-18px; width:140px; height:150px; } .services-mascot { right:0; bottom:-8px; width:96px; max-height:130px; } .method .section-top { min-height:120px; } .method-mascot { right:0; bottom:-8px; width:93px; max-height:128px; } }
.method-grid article>span { color:var(--blue-light); font:600 20px Rajdhani,Arial,sans-serif; }
.method-grid h3 { font-size:28px; }
@media(max-width:760px) { .method-grid h3 { font-size:25px; } }
.method-grid article { display:grid; grid-template-columns:28px 1fr; column-gap:12px; align-content:center; }
.method-grid article>span { grid-column:1; grid-row:1; align-self:center; }
.method-grid h3 { grid-column:2; grid-row:1; margin-top:0; }
.method-grid p { grid-column:2; grid-row:2; }
.site-header { height:250px; justify-content:center; padding:0 clamp(22px,5vw,78px); }
.brand { width:528px; height:224px; }
.site-header nav { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); }
.site-header .contact-link { position:absolute; right:clamp(22px,5vw,78px); bottom:16px; }
@media(max-width:760px) { .site-header { height:168px; } .brand { width:min(360px,76vw); height:145px; } .site-header nav { display:none; } .site-header .contact-link { right:22px; bottom:9px; font-size:11px; } }
.site-header { height:80px; justify-content:center; padding:10px clamp(22px,5vw,78px); }
.site-header nav { position:static; transform:none; }
.site-header .contact-link { position:absolute; right:clamp(22px,5vw,78px); bottom:auto; }
.page-logo { width:825px; height:350px; display:flex; align-items:center; justify-content:center; margin:85px auto -150px; }
.page-logo img { width:100%; height:100%; object-fit:contain; mix-blend-mode:screen; -webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,transparent 100%); mask-image:radial-gradient(ellipse 78% 88% at 50% 50%,#000 55%,transparent 100%); }
@media(max-width:760px) { .site-header { height:70px; justify-content:flex-start; } .site-header nav { display:none; } .site-header .contact-link { right:22px; bottom:auto; } .page-logo { width:min(550px,96vw); height:220px; margin:42px auto -82px; } }
.header-actions { position:absolute; right:clamp(22px,5vw,78px); display:flex; align-items:center; gap:18px; }
.site-header .header-actions .contact-link { position:static; }
.language-switch { display:flex; gap:5px; padding:3px; border:1px solid #24445d; border-radius:22px; background:#09131ccc; }
.language-button { width:34px; height:25px; display:grid; place-items:center; padding:0; border:0; border-radius:16px; background:transparent; cursor:pointer; opacity:.55; transition:opacity .2s,background .2s; }
.language-button:hover,.language-button.active { background:#1977aa; opacity:1; }
.flag { display:block; width:22px; height:14px; overflow:hidden; border-radius:2px; box-shadow:0 0 0 1px #ffffff55; }
.flag-sweden { background:linear-gradient(90deg,#1766a6 0 29%,#f6d34a 29% 38%,#1766a6 38% 100%); position:relative; }
.flag-sweden::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,transparent 0 39%,#f6d34a 39% 59%,transparent 59%); }
.flag-uk { background:linear-gradient(30deg,transparent 43%,#fff 43% 48%,#cf1f3c 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(-30deg,transparent 43%,#fff 43% 48%,#cf1f3c 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(#204d8d,#204d8d); position:relative; }
.flag-uk::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 0 35%,#fff 35% 65%,transparent 65%),linear-gradient(0deg,transparent 0 34%,#fff 34% 66%,transparent 66%),linear-gradient(90deg,transparent 0 42%,#cf1f3c 42% 58%,transparent 58%),linear-gradient(0deg,transparent 0 42%,#cf1f3c 42% 58%,transparent 58%); }
.flag-uk-svg { display:block; width:22px; height:14px; overflow:hidden; border-radius:2px; box-shadow:0 0 0 1px #ffffff55; }
@media(max-width:760px) { .header-actions { right:16px; gap:9px; } .site-header .header-actions .contact-link { font-size:10px; } .language-button { width:30px; height:23px; } }
.method-grid { display:block; margin-top:34px; }
.method-grid article { min-height:0; display:grid; grid-template-columns:55px 1fr; gap:28px; padding:29px 0; border:0; border-top:1px solid #1d354b; background:none; }
.method-grid article:last-child { border-bottom:1px solid #1d354b; }
.method-grid article>span { grid-column:1; grid-row:1; align-self:start; color:var(--blue-light); font-size:17px; }
.method-grid h3 { grid-column:2; grid-row:1; margin:0; font-size:clamp(26px,3vw,42px); }
.method-grid p { grid-column:2; grid-row:2; max-width:570px; margin:10px 0 0; color:var(--muted); font-size:14px; }
@media(max-width:760px) { .method-grid article { grid-template-columns:40px 1fr; gap:15px; } }
.partner-note { width:min(860px,calc(100% - 44px)); min-height:310px; gap:38px; padding:34px; font-size:17px; }
.partner-note img { width:330px; height:250px; opacity:1; filter:none; }
@media(max-width:760px) { .partner-note { min-height:0; gap:18px; padding:18px; font-size:14px; } .partner-note img { width:150px; height:125px; } }
.contact-grid { max-width:640px; gap:12px; margin-top:30px; }
.contact-grid a { padding:18px 20px; border-radius:14px; }
.contact-grid strong { margin:8px 0 10px; color:#fff; font-family:"DM Sans",Arial,sans-serif; font-size:20px; font-weight:600; text-transform:none; line-height:1.2; letter-spacing:0; }
.contact-grid b { color:#fff; font-family:"DM Sans",Arial,sans-serif; font-size:15px; font-weight:500; }
.contact-email { display:block; width:max-content; max-width:100%; margin:18px auto 0; padding:9px 14px; color:#fff; border:1px solid #2b6c97; border-radius:10px; background:#0a1925; font-size:15px; font-weight:600; text-decoration:none; }
.contact-email:hover { color:var(--blue-light); }
.partner-note { min-height:430px; }
.partner-note .partner-image { flex:0 0 390px; overflow:visible; }
.partner-note img { width:390px; height:350px; object-fit:contain; }
@media(max-width:760px) { .partner-note { min-height:0; } .partner-note .partner-image { flex:0 0 160px; } .partner-note img { width:160px; height:160px; } }
@media(max-width:600px) {
  body { overflow-x:hidden; }
  .site-header { min-height:62px; height:62px; padding:8px 14px; }
  .header-actions { right:12px; gap:7px; }
  .site-header .header-actions .contact-link { font-size:0; }
  .site-header .header-actions .contact-link span { font-size:17px; }
  .language-switch { gap:3px; }
  .page-logo { width:min(510px,98vw); height:190px; margin:28px auto -64px; }
  .hero { min-height:500px; padding-top:82px; padding-bottom:52px; }
  .hero-text { max-width:32rem; font-size:15px; }
  .hero-actions { gap:16px; }
  .button { padding:12px 15px; }
  .statement,.services,.method,.project,.contact { padding-left:20px; padding-right:20px; }
  .statement,.method,.contact { padding-top:62px; padding-bottom:62px; }
  .statement-grid { gap:20px; }
  .services .section-top,.method .section-top { min-height:108px; }
  .services .eyebrow,.method .eyebrow { font-size:clamp(30px,9vw,40px); }
  .services-mascot,.method-mascot { width:82px; max-height:110px; right:-4px; bottom:-3px; }
  .service-list,.method-grid { margin-top:18px; }
  .service-list article,.method-grid article { grid-template-columns:28px 1fr; gap:10px; padding:22px 0; }
  .service-list h3,.method-grid h3 { font-size:clamp(25px,8vw,34px); }
  .service-list p,.method-grid p { font-size:14px; }
  .project-heading h2 { font-size:clamp(42px,13vw,60px); }
  .project-media { gap:12px; margin-top:26px; }
  .media-thumb img { height:240px; }
  .project-video-row { gap:12px; }
  .video-thumb { height:150px; }
  .partner-note { flex-direction:column; align-items:stretch; width:calc(100% - 32px); gap:15px; padding:16px; margin-bottom:70px; }
  .partner-note .partner-image { flex:auto; width:100%; }
  .partner-note img { width:100%; height:250px; object-fit:contain; }
  .partner-note p { text-align:center; }
  .contact h2 { font-size:clamp(38px,12vw,58px); }
  .contact-grid { margin-top:24px; }
  .contact-grid a { padding:17px; }
  .contact-email { padding:8px 12px; font-size:13px; }
}
.gallery-heading { margin:0 0 26px; color:transparent; font-family:Rajdhani,Arial,sans-serif; font-size:clamp(36px,4vw,52px); font-weight:700; line-height:.9; letter-spacing:1.5px; text-align:center; background:linear-gradient(180deg,#ffffff 0%,#bec7ce 43%,#727c85 100%); -webkit-background-clip:text; background-clip:text; }
@media(max-width:600px) { .gallery-heading { margin-bottom:20px; font-size:clamp(30px,9vw,40px); } }
.services-mascot { filter:none; }
.method-mascot { filter:none; }
.project-media { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; }
.project-media .media-thumb img { height:220px; }
.gallery-card { border-color:#22405a; }
.project-video-row { grid-template-columns:repeat(2,minmax(0,220px)); max-width:460px; gap:12px; margin-top:12px; }
.video-thumb { height:120px; }
@media(max-width:600px) { .project-media { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .project-media .media-thumb img { height:145px; } .project-video-row { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; gap:10px; } .video-thumb { height:105px; } }
.menu-toggle { position:absolute; left:clamp(18px,4vw,54px); display:grid; gap:5px; width:42px; height:38px; place-content:center; padding:0; border:1px solid #2b536d; border-radius:10px; background:#09131ccc; cursor:pointer; }
.menu-toggle span { display:block; width:20px; height:2px; border-radius:2px; background:#e7f4fb; }
.site-header .site-menu { position:absolute; top:calc(100% + 1px); left:clamp(18px,4vw,54px); display:none; width:220px; padding:9px; border:1px solid #244963; border-radius:0 0 12px 12px; background:#071019f5; box-shadow:0 14px 30px #0009; }
.site-header .site-menu.open { display:grid; gap:2px; }
.site-menu a { padding:11px 12px; border-radius:7px; color:#e5eff6; font-size:14px; text-decoration:none; }
.site-menu a:hover { color:#fff; background:#12334a; }
@media(max-width:600px) { .menu-toggle { left:12px; width:38px; height:35px; } .site-header .site-menu { left:12px; width:205px; } }

/* Sidomeny */
.menu-toggle {
  position:fixed;
  z-index:30;
  left:clamp(16px,3vw,42px);
  top:16px;
  width:46px;
  height:46px;
  gap:6px;
  border:1px solid #3c789d;
  border-radius:50%;
  background:linear-gradient(145deg,#142c3f,#071019);
  box-shadow:0 8px 26px #0009, inset 0 1px #6bc8ff22;
  transition:background .2s,border-color .2s,transform .2s;
}
.menu-toggle:hover { border-color:#78d8ff; transform:translateY(-1px); }
.menu-toggle span { width:21px; height:2px; background:#eaf8ff; transition:transform .22s,opacity .18s; }
.menu-toggle[aria-expanded="true"] { background:#0c314a; border-color:#71d4ff; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
.site-header .site-menu {
  position:fixed;
  z-index:25;
  top:14px;
  bottom:14px;
  left:14px;
  width:min(330px,calc(100vw - 28px));
  padding:76px 16px 20px;
  border:1px solid #2c6283;
  border-radius:18px;
  background:linear-gradient(145deg,#0e2638f7,#05080df7 60%,#07111af7);
  box-shadow:0 24px 60px #000c,0 0 38px #079bff1c;
  backdrop-filter:blur(16px);
}
.site-header .site-menu.open { display:flex; flex-direction:column; gap:5px; animation:menu-in .2s ease-out; }
.site-menu a { padding:14px 14px; border:1px solid transparent; border-radius:10px; color:#eff8fc; font-size:16px; font-weight:600; transition:background .18s,border-color .18s,transform .18s; }
.site-menu a:hover { border-color:#2f7099; color:#fff; background:#12334acc; transform:translateX(3px); }
@keyframes menu-in { from { opacity:0; transform:translateX(-16px); } to { opacity:1; transform:translateX(0); } }
@media(max-width:600px) {
  .menu-toggle { left:12px; top:12px; width:42px; height:42px; }
  .site-header .site-menu { top:8px; bottom:8px; left:8px; width:min(310px,calc(100vw - 16px)); padding-top:68px; }
}
.project-heading { display:block; text-align:center; }
.project-heading>p { max-width:620px; margin:0 auto; }
.scooter-pair { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; border:1px solid #2e6388; border-radius:16px; background:#07131e; }
.scooter-pair .media-card { border-radius:10px; }
.scooter-pair .media-thumb { position:relative; }
.case-label { position:absolute; left:10px; bottom:10px; padding:5px 8px; border:1px solid #6dbde8; border-radius:6px; color:#eaf7ff; background:#07131ee8; font-size:10px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
@media(max-width:600px) { .scooter-pair { gap:8px; padding:8px; border-radius:12px; } .case-label { left:7px; bottom:7px; padding:4px 5px; font-size:8px; letter-spacing:.35px; } }
.subpage-content { min-height:48vh; padding-top:80px; padding-bottom:120px; text-align:center; }
.subpage-content h1 { margin-top:18px; font-size:clamp(58px,10vw,120px); color:#f2f5f7; }
.subpage-content p { max-width:580px; margin:24px auto 30px; color:#b9c9d5; font-size:17px; }