:root{color-scheme:light;--paper:#f3f2ec;--ink:#171b1c;--muted:#545a59;--line:#c8cbc5;--signal:#ff7547;--edge:clamp(20px,5vw,82px);--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid #ed5f35;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.052em}a.brand{text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-.075em}.brand img{width:29px;height:29px}.nav{padding:14px var(--edge);min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav nav,.footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,30px)}nav a{text-decoration:none;font-size:.89rem;font-weight:620}nav a:hover{text-decoration:underline}.lang{font:700 .75rem var(--mono);border:1px solid var(--line);padding:6px 9px}.hero{position:relative;isolation:isolate;display:grid;align-content:end;background:#111923;color:#fff;min-height:clamp(430px,55vw,630px);padding:clamp(32px,6vw,86px) var(--edge);overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(82deg,#080e18e8 3%,#0c142899 43%,#09132310 83%),linear-gradient(0deg,#05101c8c,transparent 50%)}.eyebrow,.tag,.meta,figcaption{font:600 .75rem/1.5 var(--mono);letter-spacing:.075em}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow:before{content:"";background:var(--signal);width:22px;height:4px}.hero h1{font-size:clamp(55px,7.4vw,110px);max-width:800px;margin:20px 0 15px;line-height:.98}.hero p:not(.eyebrow){font-size:clamp(16px,1.5vw,20px);max-width:49ch;color:#f3f5f9}.cta{display:inline-flex;align-items:center;gap:18px;justify-self:start;text-decoration:none;font-weight:720;padding:10px 17px;margin-top:23px;background:var(--signal);color:#161a1c;border:1px solid transparent}.cta:hover{background:#ffa37f}.section{padding:clamp(38px,5vw,72px) var(--edge)}.section h2{font-size:clamp(34px,4vw,60px);margin:12px 0 28px}.feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#e7e8e0;border:1px solid var(--line)}.feature figure{min-height:290px;position:relative;background:#111923}.feature figure img{position:absolute;width:100%;height:100%;object-fit:cover}.feature article{padding:clamp(24px,4vw,62px);align-self:center}.feature h3{font-size:clamp(32px,4vw,62px);margin:13px 0}.feature p,.intro p,.support p{max-width:62ch;color:var(--muted)}.text-link{display:inline-block;margin:16px 18px 0 0;font-weight:700}.meta{color:#485253}.studio,.support{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.studio h2,.support h2{margin-bottom:0}.studio p{max-width:60ch}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#191f21;color:#f3f2ec;padding:21px var(--edge)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.gallery img{width:100%;height:auto}.gallery figcaption{color:var(--muted);margin-top:7px}.app-hero h1 span{display:block;font-size:.46em;letter-spacing:-.035em;margin-top:.15em}.tag{display:inline-block;padding:3px 9px;border:1px solid var(--line);margin:18px 4px 0 0}.skip{position:absolute;left:12px;top:-100px;z-index:4;background:white;color:black;padding:10px}.skip:focus{top:8px}
@media(max-width:680px){.nav{align-items:flex-start;gap:8px}.nav nav{justify-content:flex-end;gap:8px 12px}.nav nav a{font-size:.77rem}.feature,.studio,.support,.gallery{grid-template-columns:1fr}.feature figure{min-height:0;aspect-ratio:1.7}.hero{min-height:440px}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(0deg,#08101bf2 1%,#08101ba8 48%,#08101b10)}.hero h1{font-size:clamp(46px,12vw,76px)}.section{padding-block:36px}.gallery{gap:16px}.studio,.support{gap:18px}.app-hero .eyebrow{font-size:.66rem}.footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}