/* FRONTIER SYSTEMS / DESIGN SYSTEM v1.0 */
:root{
--fs-bg:#050608;--fs-surface:#080a0d;--fs-surface-2:#0d1116;--fs-fg:#f5f7fa;--fs-muted:#8d96a3;--fs-line:#202630;
--fs-accent:#9fd8ff;--fs-success:#9de2b0;--fs-radius:2px;
--fs-max:1240px;--fs-gutter:clamp(14px,3vw,48px);--fs-section:clamp(90px,10vw,140px);
--fs-type-display:clamp(3.2rem,10vw,10rem);--fs-type-section:clamp(2.6rem,5vw,5rem);
--fs-ease:cubic-bezier(.2,.8,.2,1);
}

/* Shared page shell */
html{background:var(--fs-bg);color-scheme:dark}
body{margin:0;background:var(--fs-bg);color:var(--fs-fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--fs-max),calc(100% - var(--fs-gutter)*2));margin-inline:auto}
header{position:fixed;top:0;left:0;right:0;height:78px;z-index:80;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,6,8,.72);backdrop-filter:blur(18px)}
header nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:.72rem;font-weight:800;letter-spacing:.16em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:20px;font-size:.68rem;color:var(--fs-muted);text-transform:uppercase;letter-spacing:.09em}
.nav a{transition:color .2s var(--fs-ease)}
.nav a:hover{color:var(--fs-fg)}
.lang{display:flex;align-items:center;margin-left:4px}
.lang select{appearance:none;background:#080a0d;border:1px solid #303742;color:#c8d0d8;border-radius:999px;padding:7px 21px 7px 9px;font-size:.6rem;letter-spacing:.08em;outline:0}
.lang select:focus-visible{outline:2px solid var(--fs-accent);outline-offset:3px}
main{position:relative;z-index:1}
@media(max-width:900px){header{height:70px}.nav{display:none}.lang{margin-left:auto}.brand{font-size:.66rem}}
@media(max-width:520px){.wrap{width:calc(100% - 24px)}.lang select{padding:7px 18px 7px 8px}}

*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{min-width:320px;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
.fs-shell{width:min(var(--fs-max),calc(100% - var(--fs-gutter)*2));margin-inline:auto}
.fs-section{padding-block:var(--fs-section);border-top:1px solid var(--fs-line)}
.fs-display{font-size:var(--fs-type-display);line-height:.84;letter-spacing:-.07em}
.fs-title{font-size:var(--fs-type-section);line-height:.94;letter-spacing:-.055em}
.fs-muted{color:var(--fs-muted)}
.fs-grid{display:grid;gap:clamp(24px,5vw,70px)}
.fs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fs-panel{border:1px solid var(--fs-line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}
.fs-kicker{font-size:.65rem;color:var(--fs-muted);letter-spacing:.2em;text-transform:uppercase}
.fs-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #63707c;transition:background .25s var(--fs-ease),color .25s var(--fs-ease)}
.fs-cta:hover{background:var(--fs-fg);color:var(--fs-bg)}
.fs-focus:focus-visible{outline:2px solid var(--fs-accent);outline-offset:4px}
@media(max-width:900px){.fs-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:620px){:root{--fs-gutter:12px;--fs-section:88px}.fs-grid-2,.fs-grid-3,.fs-grid-4{grid-template-columns:1fr}.fs-display{font-size:clamp(3.1rem,17vw,6rem)}.fs-panel{min-width:0}}
@media(orientation:landscape) and (max-height:560px){:root{--fs-section:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media(prefers-contrast:more){:root{--fs-line:#59636e;--fs-muted:#b6bec7}.fs-cta{border-width:2px}}
