@font-face{font-family:"Saira Condensed";src:url(fonts/SairaCondensed-SemiBold.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Saira Condensed";src:url(fonts/SairaCondensed-ExtraBold.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"Saira Condensed";src:url(fonts/SairaCondensed-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--bg:#070A10;--panel:#0E141F;--alt:#0B1019;--foot:#05070B;--ink:#F5F7FA;--soft:#D5DDE6;--muted:#C5CFDB;--dim:#8FA0B4;
--or:#FF5B14;--or2:#FF8A57;--or3:#B83A0A;--cy:#19C3FF;--cy2:#8FDFFF;--li:#B8F135;--line:rgba(255,255,255,.12);
--cond:"Saira Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
--text:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--cond);font-weight:600;line-height:1.2}
img{max-width:100%;height:auto;display:block}
a{color:var(--or2)}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--cy);outline-offset:3px}
[id]{scroll-margin-top:24px}
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:16px;top:16px;z-index:20;background:var(--ink);color:var(--bg);padding:10px 14px;font-weight:800}
.page{overflow-x:hidden;overflow-x:clip}
.wrap{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:72px;padding-right:72px}
.kicker{display:flex;align-items:center;gap:14px;margin:0;font-weight:800;font-size:20px;letter-spacing:.2em;color:var(--or2)}
.kicker::before{content:"";flex:none;width:40px;height:7px;background:var(--or);transform:skewX(-30deg)}
.title{margin:14px 0 0;font-weight:900;font-size:clamp(42px,5.3vw,76px);line-height:.92;text-transform:uppercase}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.sec-head>p{margin:0;max-width:460px;font-family:var(--text);font-weight:400;font-size:18px;line-height:1.55;color:var(--muted)}
.section{padding-top:120px;padding-bottom:110px}
.band{background:var(--alt);border-top:2px solid rgba(255,255,255,.08);border-bottom:2px solid rgba(255,255,255,.08)}

/* header */
.site-header{position:relative;z-index:3;width:100%;max-width:1440px;margin:0 auto;height:104px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;flex:none}
.logo img{width:92px;height:92px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.nav-sec{display:flex;gap:30px;font-weight:800;font-size:18px;letter-spacing:.14em}
.nav-sec a{color:var(--muted);text-decoration:none;padding:8px 0}.nav-sec a:hover{color:#fff}
.langs{display:flex;flex:none;transform:skewX(-12deg);background:rgba(7,10,16,.7);border:2px solid rgba(255,255,255,.28)}
.langs a{width:52px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:.06em;text-decoration:none}
.langs a:hover{background:rgba(255,255,255,.16);color:#fff}
.langs a[aria-current]{background:var(--or);color:var(--bg);font-weight:900}

/* hero */
.hero{position:relative;min-height:820px;display:flex;flex-direction:column}
.hero-media{position:absolute;inset:0;overflow:hidden;background:#0d1a26}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,16,.95) 0%,rgba(7,10,16,.86) 34%,rgba(7,10,16,.25) 62%,rgba(7,10,16,0) 80%),linear-gradient(180deg,rgba(7,10,16,.8) 0%,rgba(7,10,16,0) 18%,rgba(7,10,16,0) 66%,rgba(7,10,16,.92) 100%)}
.streaks{position:absolute;left:52%;top:0;width:60%;height:100%;background:repeating-linear-gradient(100deg,rgba(255,255,255,0) 0 52px,rgba(255,255,255,.05) 52px 54px);pointer-events:none}
.streak{position:absolute;height:4px;transform:skewX(-40deg);pointer-events:none}
.streak.a{left:56%;top:300px;width:420px;background:linear-gradient(90deg,rgba(255,91,20,0),var(--or))}
.streak.b{left:62%;top:314px;width:320px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75))}
.hero-body{position:relative;z-index:2;width:100%;padding-top:64px}
.hero h1{margin:18px 0 0;font-weight:900;font-size:clamp(58px,9.4vw,136px);line-height:.86;letter-spacing:-.005em}
.lead{margin:26px 0 0;max-width:580px;font-family:var(--text);font-weight:400;font-size:21px;line-height:1.5;color:var(--soft)}
.ctas{margin-top:38px;display:flex;flex-wrap:wrap;gap:26px;align-items:center}
.btn{min-height:78px;display:inline-flex;align-items:center;gap:16px;padding:8px 30px 8px 24px;transform:skewX(-12deg);text-decoration:none;transition:filter .15s ease}
a.btn:hover{filter:brightness(1.12)}
.btn svg{flex:none}
.btn .t{display:flex;flex-direction:column;line-height:1}
.btn .s{font-weight:800;font-size:15px;letter-spacing:.18em}
.btn .b{font-weight:900;font-size:34px}
.btn-play{background:var(--ink);color:var(--bg);box-shadow:6px 6px 0 var(--or)}
.btn-play:hover{color:var(--bg)}
.btn-play .s{color:var(--or3)}
.btn-ghost{background:rgba(7,10,16,.72);border:2px solid rgba(255,255,255,.55);color:var(--ink)}
.btn-ghost .s{color:var(--cy)}
.btn.soon{border-style:dashed;cursor:default}
.btn-lime{background:var(--li);color:var(--bg);box-shadow:6px 6px 0 rgba(184,241,53,.3)}
.btn-lime:hover{color:var(--bg)}
.btn-lime .s{color:#3A4A0E}
.status{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font-weight:800;font-size:18px;letter-spacing:.1em;color:var(--muted)}
.chip-lime{height:30px;padding:0 12px;display:inline-flex;align-items:center;background:var(--li);color:var(--bg);font-weight:900;letter-spacing:.12em;transform:skewX(-12deg);text-decoration:none}
a.chip-lime:hover{color:var(--bg);filter:brightness(1.1)}
.dl-note{margin:12px 0 0;max-width:580px;font-family:var(--text);font-weight:400;font-size:14px;line-height:1.4;color:var(--soft)}
.lang-note{margin:18px 0 0;max-width:580px;padding:10px 14px;border-left:4px solid var(--cy);background:rgba(7,10,16,.75);font-family:var(--text);font-weight:400;font-size:16px;line-height:1.45;color:var(--soft)}
.stats{position:relative;z-index:2;width:100%;margin:auto auto 0;padding-top:48px;padding-bottom:40px;list-style:none;display:flex;flex-wrap:wrap;gap:16px 22px}
.stat{height:64px;display:flex;transform:skewX(-12deg);background:rgba(7,10,16,.78);border:2px solid rgba(255,255,255,.22)}
.stat b{min-width:70px;padding:0 8px;display:flex;align-items:center;justify-content:center;color:var(--bg);font-weight:900;font-size:38px}
.stat span{padding:0 18px;display:flex;align-items:center;font-weight:800;font-size:17px;letter-spacing:.1em}
.stat .short{display:none}
.bg-cy{background:var(--cy)}.bg-or{background:var(--or)}.bg-li{background:var(--li)}.bg-ink{background:var(--ink)}

/* disciplines */
.cards{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.card{background:var(--panel);border:2px solid var(--line);display:flex;flex-direction:column}
.card-media{position:relative;aspect-ratio:410/252;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.num-tag{position:absolute;left:18px;top:18px;height:34px;padding:0 14px;display:flex;align-items:center;color:var(--bg);font-weight:900;font-size:18px;letter-spacing:.12em;transform:skewX(-12deg)}
.card-body{padding:26px 28px 30px;display:flex;flex-direction:column;gap:14px}
.card h3{margin:0;font-weight:900;font-size:42px;line-height:1}
.card p{margin:0;font-family:var(--text);font-weight:400;font-size:17px;line-height:1.55;color:var(--muted)}
.chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{height:32px;padding:0 12px;display:flex;align-items:center;border:2px solid;font-weight:800;font-size:16px;letter-spacing:.08em}
.c-cy .chips li{border-color:rgba(25,195,255,.6);color:var(--cy2)}
.c-or .chips li{border-color:rgba(255,91,20,.7);color:var(--or2)}
.c-li .chips li{border-color:rgba(184,241,53,.7);color:var(--li)}

/* modes */
.modes-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center}
.mode-list{margin:44px 0 0;padding:0 0 0 24px;list-style:none;display:flex;flex-direction:column;gap:20px}
.mode{max-width:660px;min-height:116px;display:grid;grid-template-columns:100px minmax(0,1fr) 170px;transform:skewX(-12deg);background:var(--panel);border:2px solid rgba(255,255,255,.2);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.mode:hover{transform:skewX(-12deg) translateX(10px)}
.mode .n{display:flex;align-items:center;justify-content:center;color:var(--bg);font-weight:900;font-size:60px}
.mode .t{padding:12px 20px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.mode h3{margin:0;font-weight:900;font-size:38px;line-height:1}
.mode .d{margin:0;font-weight:600;font-size:19px;line-height:1.2;color:var(--muted)}
.mode .tag{padding:12px 22px 12px 0;display:flex;align-items:center;justify-content:flex-end;text-align:right;font-weight:800;font-size:15px;line-height:1.25;letter-spacing:.1em}
.mode.hl{max-width:700px;min-height:128px;grid-template-columns:112px minmax(0,1fr) 170px;background:var(--ink);color:var(--bg);border:0;box-shadow:0 0 0 3px var(--or),12px 12px 0 rgba(255,91,20,.4)}
.mode.hl .n{font-size:68px}.mode.hl h3{font-size:44px}.mode.hl .d{color:#3A4452}.mode.hl .tag{color:var(--or3)}
.tag-cy{color:var(--cy)}.tag-li{color:var(--li)}
.shots{display:flex;flex-direction:column;gap:22px}
.shots figure{margin:0}
.shots img{width:100%;aspect-ratio:16/9;object-fit:cover;border:2px solid rgba(255,255,255,.2)}
.shots figcaption{margin-top:8px;font-weight:800;font-size:16px;letter-spacing:.14em;color:var(--dim)}

/* spots */
.spots{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.spot{position:relative;height:380px;overflow:hidden;background:var(--panel)}
.spot img{width:100%;height:100%;object-fit:cover}
.op-ll img{object-position:6% 50%}.op-l img{object-position:30% 50%}.op-cl img{object-position:42% 50%}.op-c img{object-position:50% 50%}.op-cr img{object-position:60% 50%}.op-r img{object-position:74% 50%}
.spot .cap{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 18px;background:linear-gradient(180deg,rgba(7,10,16,0),rgba(7,10,16,.92) 55%)}
.spot .r{font-weight:800;font-size:14px;letter-spacing:.18em;color:var(--or2)}
.spot h3{margin:2px 0 0;font-weight:900;font-size:30px;line-height:1}
.spot .c{margin:4px 0 0;font-weight:600;font-size:16px;line-height:1.2;color:var(--muted)}

/* galerie */
.gallery{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,250px);gap:16px}
.gallery li{position:relative;overflow:hidden;background:var(--panel)}
.gallery figure{margin:0;height:100%}
.gallery img{width:100%;height:100%;object-fit:cover}
.g-big{grid-column:span 2;grid-row:span 2}.g-wide{grid-column:span 2}
.gallery figcaption{position:absolute;left:16px;bottom:14px;min-height:30px;padding:4px 12px;display:flex;align-items:center;background:rgba(7,10,16,.82);font-weight:800;font-size:15px;letter-spacing:.12em}

/* avis */
.fb{background:linear-gradient(180deg,#0B1019,#0A0F17);border-top:2px solid rgba(184,241,53,.35);border-bottom:2px solid rgba(255,255,255,.08)}
.fb .kicker{color:var(--li)}.fb .kicker::before{background:var(--li)}
.fb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.fb .lead{max-width:600px;font-size:19px}
.steps{margin:0;padding:0 0 0 18px;list-style:none;display:flex;flex-direction:column;gap:16px}
.steps li{min-height:84px;display:grid;grid-template-columns:70px minmax(0,1fr);transform:skewX(-12deg);background:var(--panel);border:2px solid rgba(255,255,255,.2)}
.steps b{display:flex;align-items:center;justify-content:center;background:var(--li);color:var(--bg);font-weight:900;font-size:42px}
.steps span{padding:12px 20px;display:flex;align-items:center;font-weight:600;font-size:21px;line-height:1.25}
.fb .ctas{margin-top:34px}
.note{margin:22px 0 0;max-width:600px;font-family:var(--text);font-weight:400;font-size:15px;line-height:1.5;color:var(--dim)}

/* version PC */
.pc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:start}
.pc-grid .lead{max-width:620px;font-size:19px}
.feats{margin:36px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.feats li{display:grid;grid-template-columns:64px minmax(0,1fr);background:var(--panel);border:2px solid var(--line)}
.feats b{display:flex;align-items:center;justify-content:center;background:var(--cy);color:var(--bg);font-weight:900;font-size:34px}
.feats li:nth-child(4n+2) b{background:var(--or)}.feats li:nth-child(4n+3) b{background:var(--li)}.feats li:nth-child(4n+4) b{background:var(--ink)}
.feats div{padding:14px 20px}
.feats h3{margin:0;font-weight:900;font-size:24px;letter-spacing:.06em;color:var(--ink)}
.feats p{margin:4px 0 0;font-family:var(--text);font-weight:400;font-size:16px;line-height:1.5;color:var(--soft)}
.pc-side{padding-top:34px}
.pc-side .note{margin-top:18px}
.pc-side .pad{margin-top:34px}

/* a propos */
.about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:72px;align-items:center}
.about .title{margin-bottom:26px}
.about p:not(.kicker){margin:0 0 16px;font-family:var(--text);font-weight:400;font-size:19px;line-height:1.6;color:var(--soft)}
.about p a{font-weight:600}
.spec{transform:skewX(-6deg);background:var(--panel);border:2px solid rgba(255,255,255,.18);border-left:8px solid var(--or)}
.spec h3{margin:0;padding:18px 30px;font-weight:800;font-size:17px;letter-spacing:.2em;color:var(--or2);border-bottom:2px solid rgba(255,255,255,.1)}
.spec dl{margin:0;padding:8px 30px 18px}
.spec dl div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.spec dl div:last-child{border-bottom:0}
.spec dt{font-weight:800;font-size:17px;letter-spacing:.12em;color:var(--dim)}
.spec dd{margin:0;font-weight:800;font-size:20px;text-align:right}

/* pied de page */
.footer{border-top:2px solid rgba(255,255,255,.1);background:var(--foot)}
.footer .wrap{padding-top:44px;padding-bottom:44px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 32px}
.f-id{display:flex;align-items:center;gap:18px}
.f-id img{width:64px;height:64px}
.f-id p{margin:0;font-family:var(--text);font-weight:400;font-size:15px;line-height:1.5;color:var(--dim)}
.f-links{display:flex;flex-wrap:wrap;gap:10px 28px;font-weight:800;font-size:18px;letter-spacing:.1em}
.f-links a{text-decoration:none;padding:6px 0}
.f-links a.m{color:var(--muted)}.f-links a.m:hover{color:#fff}
.f-langs{display:flex;gap:6px;font-weight:800;font-size:17px;letter-spacing:.1em}
.f-langs a{color:var(--dim);text-decoration:none;padding:8px}
.f-langs a:hover{color:#fff}
.f-langs a[aria-current]{color:var(--or2)}

/* pages de texte */
.sub-top{border-bottom:2px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0B1019,var(--bg))}
.sub-top .logo img{width:72px;height:72px}
.sub-top .site-header{height:96px}
.back{font-weight:800;font-size:18px;letter-spacing:.14em;color:var(--muted);text-decoration:none;padding:8px 0}
.doc{max-width:980px;padding-top:64px;padding-bottom:100px}
.doc h1{margin:14px 0 36px;font-weight:900;font-size:clamp(44px,6vw,80px);line-height:.92;text-transform:uppercase}
.prose{font-family:var(--text);font-weight:400;font-size:17px;line-height:1.65;color:var(--soft)}
.prose article,.prose section{background:var(--panel);border:2px solid var(--line);border-left:6px solid var(--or);padding:10px 30px 26px;margin:0 0 28px}
.prose section.site{border-left-color:var(--cy)}
.prose h2{margin:22px 0 8px;font-family:var(--cond);font-weight:900;font-size:34px;line-height:1.05;color:var(--ink);text-transform:uppercase}
.prose h3{margin:26px 0 6px;font-family:var(--cond);font-weight:800;font-size:23px;letter-spacing:.04em;color:var(--or2)}
.prose p,.prose li{overflow-wrap:anywhere}
.prose ul{padding-left:1.2em}
.prose .meta{color:var(--dim);font-size:15px;margin-top:0}
.prose code{font-family:ui-monospace,monospace;font-size:.9em;background:rgba(255,255,255,.08);padding:1px 6px;overflow-wrap:anywhere}
.prose code{font-family:ui-monospace,monospace;font-size:.9em;background:rgba(255,255,255,.08);padding:1px 6px;overflow-wrap:anywhere}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px;padding:0;list-style:none}
.jump a{display:inline-flex;align-items:center;height:44px;padding:0 18px;transform:skewX(-12deg);border:2px solid rgba(255,255,255,.28);color:var(--ink);text-decoration:none;font-weight:800;font-size:18px;letter-spacing:.08em}
.jump a:hover{background:rgba(255,255,255,.12)}
.choose{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 20px;text-align:center}
.choose img{width:150px;height:150px}
.choose h1{margin:0;font-weight:900;font-size:56px;line-height:1}
.choose p{margin:0;font-weight:800;font-size:18px;letter-spacing:.16em;color:var(--or2)}
.choose .jump{justify-content:center;margin:0}
.nf-list{display:flex;flex-direction:column;gap:6px;margin:0 0 30px;padding:0;list-style:none}
.nf-list li{font-family:var(--text);font-size:17px;color:var(--soft)}

/* responsive */
@media (max-width:1240px){.nav-sec{display:none}}
@media (max-width:1100px){
 .wrap{padding-left:40px;padding-right:40px}.site-header{padding:0 32px}
 .spots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .modes-grid,.fb-grid,.about,.pc-grid{grid-template-columns:minmax(0,1fr);gap:48px}
 .pc-side{padding-top:0;max-width:640px}
 .shots{flex-direction:row}.shots figure{flex:1;min-width:0}
}
@media (max-width:1000px){.cards{grid-template-columns:minmax(0,1fr);max-width:640px}}
@media (max-width:900px){
 .section{padding-top:72px;padding-bottom:72px}
 .sec-head{flex-direction:column;align-items:flex-start;gap:18px}
 .sec-head>p{font-size:17px}
 .hero{min-height:0}
 .hero-media{position:relative;inset:auto;height:330px}
 .hero-media::after{background:linear-gradient(180deg,rgba(7,10,16,.55) 0%,rgba(7,10,16,0) 32%,rgba(7,10,16,0) 62%,var(--bg) 100%)}
 .streaks{display:none}.streak.a{left:auto;right:-60px;top:248px;width:260px}.streak.b{display:none}
 .site-header{position:absolute;left:0;right:0;top:0;height:88px;padding:0 20px}
 .logo img{width:64px;height:64px}
 .langs a{width:40px;height:40px;font-size:16px}
 .hero-body{padding-top:0;margin-top:-34px}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:170px;gap:10px}
}
@media (max-width:700px){
 .wrap{padding-left:20px;padding-right:20px}
 .kicker{font-size:16px;gap:10px;letter-spacing:.18em}.kicker::before{width:28px;height:6px}
 .hero h1{font-size:62px}
 .lead{font-size:17px;margin-top:20px}
 .ctas{flex-direction:column;align-items:stretch;gap:18px;padding-right:12px}
 .btn{min-height:68px;padding:8px 20px}.btn .b{font-size:28px}.btn .s{font-size:13px}
 .status{font-size:15px}
 .lang-note{font-size:15px}
 .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:32px;padding-bottom:8px}
 .stat{height:60px}.stat b{min-width:50px;font-size:28px;padding:0 6px}.stat span{padding:0 10px;font-size:14px;letter-spacing:.08em;line-height:1.1}
 .stat .long{display:none}.stat .short{display:inline}
 .cards{margin-top:36px;gap:24px}
 .card-body{padding:22px 20px 24px}.card h3{font-size:34px}.card p{font-size:16px}
 .chips li{font-size:15px;height:30px;padding:0 10px}
 .mode-list{padding-left:8px;gap:16px;margin-top:32px}
 .mode,.mode.hl{grid-template-columns:70px minmax(0,1fr);min-height:0}
 .mode .n,.mode.hl .n{grid-row:span 2;font-size:44px}
 .mode h3,.mode.hl h3{font-size:30px}
 .mode .t{padding:12px 14px 4px}.mode .d{font-size:16px}
 .mode .tag{grid-column:2;justify-content:flex-start;text-align:left;padding:0 14px 12px;font-size:13px}
 .mode.hl{margin-right:12px}
 .shots{flex-direction:column}
 .spots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:36px}
 .spot{height:230px}.spot .cap{padding:50px 12px 12px}.spot h3{font-size:23px}.spot .r{font-size:12px}.spot .c{font-size:14px}
 .gallery figcaption{left:8px;bottom:8px;font-size:13px;padding:3px 8px;min-height:26px}
 .steps{padding-left:8px}.steps li{grid-template-columns:52px minmax(0,1fr);min-height:72px}.steps b{font-size:32px}.steps span{font-size:18px;padding:10px 14px}
 .feats li{grid-template-columns:48px minmax(0,1fr)}.feats b{font-size:26px}.feats div{padding:12px 14px}.feats h3{font-size:21px}.feats p{font-size:15px}
 .about p{font-size:17px}
 .spec{transform:skewX(-4deg)}.spec h3{padding:16px 18px}.spec dl{padding:6px 18px 14px}.spec dt{font-size:15px}.spec dd{font-size:17px}
 .footer .wrap{flex-direction:column;align-items:flex-start}
 .f-links{flex-direction:column;gap:6px}
 .f-langs{margin-left:-8px}
 .sub-top .site-header{position:relative;height:84px;padding:0 20px}
 .sub-top .logo img{width:56px;height:56px}
 .back{display:none}
 .doc{padding-top:40px}
 .prose{font-size:16px}.prose article,.prose section{padding:6px 18px 20px}.prose h2{font-size:28px}
}
@media (max-width:420px){.hero h1{font-size:56px}.langs a{width:36px}}