/* Imast AI — static site. Visual language inspired by a grid/mono editorial layout; all code original. */
:root{
  --bg:#f2f0ee; --bg-2:#e2e0d9; --paper:#fff; --ink:#1f1f1f; --ink-2:#5f5e5d; --ink-3:#9a9a98;
  --dark:#1c1c1c; --dark-2:#2a2a2a; --accent:#ec4e00; --rule:rgba(31,31,31,.14); --rule-d:rgba(255,255,255,.14);
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pad:32px; --navh:72px; --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--navh);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--sans);letter-spacing:-.02em;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
button,input,textarea{font:inherit;color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mono{font-family:var(--mono);font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0;text-transform:uppercase}
.muted{color:var(--ink-3)}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.col-a{grid-column:1}
.col-bcd{grid-column:2 / 5}

/* rails: dashed vertical grid lines */
.rails{position:fixed;inset:0;pointer-events:none;z-index:40}
.rails-in{max-width:1440px;height:100%;margin:0 auto;padding:0 var(--pad);position:relative;display:flex;justify-content:space-between}
.rails-in i{width:1px;height:100%;background:linear-gradient(to bottom,rgba(110,110,110,.4) 50%,transparent 50%) 0 0/1px 8px;transform-origin:top;animation:rail 1.4s var(--ease) both}
.rails-in i:nth-child(2){animation-delay:.1s}.rails-in i:nth-child(3){animation-delay:.2s}.rails-in i:nth-child(4){animation-delay:.3s}
@keyframes rail{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* tag */
.tag{display:inline-flex;align-items:center;gap:10px;background:var(--bg-2);font:500 14px/1 var(--mono);text-transform:uppercase;padding:0 12px 0 0;height:30px;margin-bottom:22px}
.tag-n{background:var(--accent);color:#fff;height:100%;display:grid;place-items:center;padding:0 7px}
.tag-dark{background:var(--dark-2);color:#ddd}

/* nav */
.nav{position:sticky;top:0;z-index:50;height:var(--navh);background:rgba(242,240,238,.82);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav-in{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.brand{display:inline-flex;align-items:center;gap:10px;font:700 19px/1 var(--sans);letter-spacing:.04em}
.brand b{font-weight:700;color:var(--accent);margin-left:5px}
.mark{width:22px;height:22px;transition:transform .6s var(--ease)}
.brand:hover .mark{transform:rotate(90deg)}
.nav-links{grid-column:2 / 4;display:flex;gap:26px;font:500 13px/1 var(--mono);text-transform:uppercase}
.nav-links a{position:relative;padding:6px 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{justify-self:end;display:flex;gap:0}
.burger{display:none;width:46px;height:46px;background:var(--ink);border:0;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:1.5px;background:#fff;transition:transform .3s var(--ease)}
.burger span:first-child{top:19px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:absolute;top:var(--navh);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--rule);padding:12px var(--pad) 24px;display:grid}
.menu[hidden]{display:none}
.menu a{font:500 26px/1 var(--sans);letter-spacing:-.04em;padding:14px 0;border-bottom:1px dashed var(--rule)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;font:500 14px/1 var(--mono);text-transform:uppercase;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:none}
.btn-light{background:var(--paper);color:var(--ink)} .btn-light::before{background:var(--accent)} .btn-light:hover{color:#fff}
.btn-dark{background:var(--ink);color:#fff} .btn-dark::before{background:var(--accent)}
.btn-accent{background:var(--accent);color:#fff} .btn-accent::before{background:var(--ink)}
.btn-line{background:var(--paper);color:var(--ink);border-color:var(--rule);height:46px} .btn-line::before{background:var(--ink)} .btn-line:hover{color:#fff}
.arr{transition:transform .35s var(--ease)} .btn:hover .arr{transform:translateX(4px)}
.cta-row{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}
.cta-row .btn{width:100%;height:56px}

/* hero */
.hero{position:relative;padding:72px 0 0;overflow:hidden}
.hero-side{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.hud-list{display:grid;gap:10px;font:500 13px/1.3 var(--mono);text-transform:uppercase;color:var(--ink-2)}
.hud-list li{display:flex;align-items:center;gap:10px}
.sq{width:8px;height:8px;background:var(--accent);display:inline-block}
.hud-list li:nth-child(2) .sq{background:var(--ink)} .hud-list li:nth-child(3) .sq{background:transparent;outline:1px solid var(--ink);outline-offset:-1px}
h1{font:500 clamp(44px,6.2vw,92px)/.96 var(--sans);letter-spacing:-.055em;color:var(--ink);max-width:12.5ch;text-wrap:balance}
h2{font:500 clamp(36px,3.6vw,52px)/1 var(--sans);letter-spacing:-.05em;margin-bottom:22px;text-wrap:balance}
h2.xl{font-size:clamp(44px,6vw,88px);line-height:.96;letter-spacing:-.055em;max-width:14ch}
h3{font:500 14px/1.35 var(--mono);text-transform:uppercase;letter-spacing:0}
.lead{max-width:48ch;margin-top:30px;color:var(--ink)}
.hero-visual-row{margin-top:56px;position:relative;z-index:2}
.facts{display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding:0 24px 32px 0}
.fact{position:relative;padding-top:12px;max-width:22ch}
.corner{position:absolute;left:0;top:0;width:7px;height:7px;border-left:1.5px solid var(--accent);border-top:1.5px solid var(--accent)}
.pov{position:relative;aspect-ratio:16/8.2;background:#e9e7e3;overflow:hidden}
.pov canvas{width:100%;height:100%}
.pov-hud{position:absolute;inset:0;font:500 12px/1 var(--mono);color:var(--ink);pointer-events:none}
.br{position:absolute;width:22px;height:22px;border:2px solid var(--accent)}
.tl{left:18px;top:18px;border-right:0;border-bottom:0}.tr{right:18px;top:18px;border-left:0;border-bottom:0}
.bl{left:18px;bottom:18px;border-right:0;border-top:0}.br-{right:18px;bottom:18px;border-left:0;border-top:0}
.hud-top,.hud-bot{position:absolute;left:52px;right:52px;display:flex;justify-content:space-between;gap:12px}
.hud-top{top:26px}.hud-bot{bottom:26px;color:var(--ink-2);align-items:flex-start}
.hud-bot span{background:rgba(255,255,255,.8);padding:4px 6px}
.rec{display:inline-flex;align-items:center;gap:7px;background:var(--paper);padding:5px 8px}
.rec i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
#tc{background:var(--paper);padding:5px 8px;font-variant-numeric:tabular-nums}
.reticle{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px}
.reticle::before,.reticle::after{content:"";position:absolute;background:var(--accent)}
.reticle::before{left:13px;top:0;width:2px;height:100%}.reticle::after{top:13px;left:0;height:2px;width:100%}
.fic{position:absolute;right:0;bottom:-26px;font-size:11px;color:var(--ink-3)}
.pov .fic{top:60px;bottom:auto;right:52px;background:rgba(255,255,255,.8);padding:4px 6px}
.dots-band{position:absolute;left:0;right:0;bottom:0;height:300px;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(31,31,31,.22) 1.1px,transparent 1.5px) 0 0/7px 7px;
  -webkit-mask:radial-gradient(60% 60% at 18% 80%,#000 10%,transparent 70%),radial-gradient(40% 50% at 60% 100%,#000,transparent 70%);
  mask:radial-gradient(60% 60% at 18% 80%,#000 10%,transparent 70%),radial-gradient(40% 50% at 60% 100%,#000,transparent 70%)}
.hero{padding-bottom:72px}

/* marquee */
.marquee{border-block:1px solid var(--rule);background:var(--paper);overflow:hidden;height:64px;display:flex;align-items:center;position:relative;z-index:2}
.mq-track{display:flex;gap:40px;white-space:nowrap;font:500 15px/1 var(--mono);text-transform:uppercase;animation:mq 38s linear infinite;padding-left:40px}
.mq-track span:nth-child(even){color:var(--accent)}
@keyframes mq{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:120px 0;position:relative}
.sec-alt{background:var(--bg-2)}
.sec-alt .tag{background:#d3d1c9}
.sec-dark{background:var(--dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color:#f2f0ee}
.side-note{color:var(--ink-2);max-width:26ch;padding-right:24px}
.sec-dark .side-note{color:#a9a9a6}

/* env grid */
.env-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px dashed var(--rule)}
.env{padding:28px 24px 34px 0;border-bottom:1px dashed var(--rule);min-height:300px;display:flex;flex-direction:column}
.env+.env{padding-left:24px}
.env:nth-child(4){padding-left:0}
.env-wide{grid-column:span 2}
.env-wide ul{columns:2;column-gap:24px}
.ico{width:56px;height:56px;background:var(--paper);display:grid;place-items:center;margin-bottom:auto;transition:transform .5s var(--ease),background .3s}
.ico svg{width:38px;height:38px;fill:none;stroke:var(--ink);stroke-width:1.5}
.ico .o{fill:var(--accent);stroke:none}.ico .o-f{fill:var(--accent);stroke:none}
.ico circle.o{fill:none;stroke:var(--accent);stroke-width:2}
.env:hover .ico{transform:translateY(-4px)}
.env h3{margin:56px 0 14px}
.env li,.priv-list p,.step p:not(.k),.ps p{color:var(--ink-2);font-size:16px;letter-spacing:-.025em}
.env li{padding-left:18px;position:relative;margin:5px 0;break-inside:avoid}
.env li::before{content:">";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}

/* steps */
.steps{border-top:1px dashed var(--rule);counter-reset:s}
.step{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:26px 0;border-bottom:1px dashed var(--rule);row-gap:8px}
.step .num{grid-row:span 2;font:400 26px/1 var(--mono);letter-spacing:-.03em;background:var(--paper);justify-self:start;padding:10px 10px}
.step .num em{font-style:normal;color:var(--accent)}
.step h3{grid-column:2;padding-right:24px}
.step .k{grid-column:2;font:500 12px/1.4 var(--mono);color:var(--ink-3);text-transform:uppercase}
.step p:not(.k){grid-column:3;grid-row:1 / span 2;max-width:34ch}
.flow{position:absolute;left:0;right:0;bottom:40px;width:100%;height:20px;opacity:.6}
.flow path{stroke:var(--accent);stroke-width:1;stroke-dasharray:4 6;fill:none;animation:dash 12s linear infinite}
@keyframes dash{to{stroke-dashoffset:-200}}

/* spec */
.spec{border-top:1px dashed var(--rule-d)}
.spec-row{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:0 24px;padding:22px 0;border-bottom:1px dashed var(--rule-d);align-items:baseline}
.s-k{color:#fff}.s-v{color:#bdbcb8}
.s-t{justify-self:end;font-size:12px;padding:5px 8px;background:var(--dark-2);color:#ddd}
.spec-row:nth-child(4) .s-t,.spec-row:nth-child(5) .s-t{background:var(--accent);color:#fff}
.code{margin-top:48px;background:#121212;border:1px solid var(--rule-d)}
.code-h{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule-d);font-size:12px;color:#9a9a98}
.fic-d{color:var(--accent)}
.code pre{margin:0;padding:20px 16px;overflow-x:auto;font:400 13.5px/1.65 var(--mono);color:#cfcfcb}
.code i{font-style:normal;color:#fff}.code b{font-weight:400;color:#ff9a62}.code u{text-decoration:none;color:#8fd0a8}

/* pilot */
.pilot-big{display:flex;align-items:flex-end;gap:20px;padding-bottom:30px;border-bottom:1px dashed var(--rule)}
.big{font:500 clamp(84px,12vw,190px)/.82 var(--sans);letter-spacing:-.07em}
.unit{color:var(--ink-2);padding-bottom:10px}
.pilot-copy{font-size:clamp(19px,1.7vw,24px);line-height:1.3;letter-spacing:-.035em;max-width:36ch;margin:34px 0 46px}
.pilot-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px dashed var(--rule)}
.ps{padding:22px 20px 26px 0;border-right:1px dashed var(--rule)}
.ps+.ps{padding-left:20px}.ps:last-child{border-right:0}
.ps .k{display:block;font-size:12px;color:var(--ink-3);margin-bottom:28px}
.ps h3{margin-bottom:8px}
.ps p{font-size:15px}

/* privacy */
.priv{display:grid;grid-template-columns:1fr 2fr;gap:0}
.priv-vis{position:relative;background:var(--paper);aspect-ratio:3/4;align-self:start;margin-right:24px;overflow:hidden}
.priv-vis canvas{width:100%;height:100%}
.priv-vis .fic{right:10px;bottom:10px;font-size:10px;background:rgba(255,255,255,.8);padding:3px 5px}
.priv-list{border-top:1px dashed var(--rule)}
.priv-list li{display:grid;grid-template-columns:28px 1fr;padding:22px 0 24px 24px;border-bottom:1px dashed var(--rule)}
.gt{font-family:var(--mono);color:var(--accent)}
.priv-list h3{margin-bottom:6px}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed var(--rule);column-gap:0}
.faq details{border-bottom:1px dashed var(--rule);padding:0 24px 0 0}
.faq details:nth-child(even){padding:0 0 0 24px;border-left:1px dashed var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font:500 19px/1.25 var(--sans);letter-spacing:-.035em}
.faq summary::-webkit-details-marker{display:none}
.pm{flex:0 0 14px;height:14px;position:relative;margin-top:4px}
.pm::before,.pm::after{content:"";position:absolute;background:var(--ink-3);transition:transform .35s var(--ease)}
.pm::before{left:0;top:6.5px;width:14px;height:1px}.pm::after{left:6.5px;top:0;width:1px;height:14px}
details[open] .pm::after{transform:rotate(90deg)}
details[open] summary{color:var(--accent)}
.faq p{color:var(--ink-2);padding:0 0 26px;max-width:46ch;animation:fadeup .4s var(--ease)}
@keyframes fadeup{from{opacity:0;transform:translateY(-6px)}}

/* contact */
.contact{overflow:hidden;padding-bottom:100px}
.contact-links{display:flex;flex-wrap:wrap;gap:16px 64px;padding-top:6px}
.contact-links a{border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.contact-links a:hover{color:var(--accent);border-color:var(--accent)}
.contact-head{grid-column:2 / 5;margin:80px 0 70px;position:relative;z-index:2}
.dots-band-2{top:240px;bottom:auto;height:360px}
.contact-row{position:relative;z-index:2}
.form{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.form label{display:grid;gap:8px}
.form label span{font-size:11px;color:var(--ink-3)}
.form input,.form textarea{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px 0 12px;font-size:17px;letter-spacing:-.02em;border-radius:0;resize:vertical;outline-offset:2px}
.form input::placeholder,.form textarea::placeholder{color:#8f8e8b}
.wide{grid-column:1 / -1}
.form-actions{display:grid;grid-template-columns:1fr 1fr}
.form-actions .btn{width:100%}
.form-note{font-size:11px;color:var(--ink-3)}
.form-note.err{color:var(--accent)}

/* footer */
.foot{border-top:1px solid var(--rule);padding:36px 0 44px;position:relative;z-index:2;background:var(--bg)}
.foot .grid{align-items:center;row-gap:20px}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px}
.foot-nav a:hover{color:var(--accent)}
.foot p{font-size:12px}

/* reveal + split: content is visible by default. main.js adds .js to <html>,
   and only then are below-the-fold blocks hidden and animated in. */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.split.in .w>span{transform:none}

/* sub-pages */
.page-hero{padding:72px 0 88px;position:relative}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink-3);margin-bottom:22px}
.crumbs a{border-bottom:1px solid var(--rule)}
.crumbs a:hover{color:var(--accent);border-color:var(--accent)}
.page-hero h1{max-width:16ch}
.prose{max-width:62ch}
.prose p,.prose li{color:var(--ink-2);font-size:17px;line-height:1.5;letter-spacing:-.02em}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:16px}
.prose ul li{padding-left:18px;position:relative;margin:8px 0}
.prose ul li::before{content:">";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}
.prose a{color:var(--ink);border-bottom:1px solid var(--accent)}
.prose a:hover{color:var(--accent)}
.prose h3{margin:32px 0 10px;color:var(--ink)}
.cmp{width:100%;border-collapse:collapse;margin-top:8px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:16px 16px 16px 0;border-bottom:1px dashed var(--rule);font-size:15px;line-height:1.45}
.cmp th{font:500 12px/1.4 var(--mono);text-transform:uppercase;color:var(--ink-3)}
.cmp td:first-child{font:500 13px/1.4 var(--mono);text-transform:uppercase;color:var(--ink)}
.cmp td{color:var(--ink-2)}
.table-scroll{overflow-x:auto}
.side-note a{border-bottom:1px solid var(--accent)}
.side-note a:hover{color:var(--accent)}
.cta-band .cta-row{max-width:640px}

/* tablet */
@media (max-width:1100px){
  .nav-links{display:none}
  .burger{display:block}
  .nav-cta{grid-column:4}
}
@media (max-width:900px){
  :root{--pad:24px;--navh:64px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-a,.col-bcd,.contact-head{grid-column:1 / -1}
  .rails-in i:nth-child(2),.rails-in i:nth-child(4){display:none}
  .nav-in{grid-template-columns:1fr auto}
  .nav-cta{grid-column:auto}
  .sec{padding:88px 0}
  .side-note{margin-bottom:36px;max-width:40ch}
  .hero{padding-top:48px}
  .hero-side{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
  .hero-visual-row{margin-top:44px}
  .facts{order:2;flex-direction:row;justify-content:flex-start;padding:28px 0 0;gap:20px}
  .fact{flex:1;font-size:12px}
  .env-grid{grid-template-columns:1fr 1fr}
  .env,.env+.env{padding:26px 20px 30px 0;min-height:260px}
  .env:nth-child(even){padding-left:20px;padding-right:0;border-left:1px dashed var(--rule)}
  .env-wide{grid-column:1 / -1;border-left:0!important;padding-left:0!important}
  .priv{grid-template-columns:1fr}
  .priv-vis{aspect-ratio:16/9;margin:0 0 28px}
  .pilot-steps{grid-template-columns:1fr 1fr}
  .ps:nth-child(2){border-right:0}
  .ps:nth-child(3){padding-left:0;border-top:1px dashed var(--rule)}.ps:nth-child(4){border-top:1px dashed var(--rule)}
  .contact-head{margin:56px 0}
}
@media (max-width:600px){
  :root{--pad:18px}
  .mono{font-size:12.5px}
  .grid{grid-template-columns:1fr}
  .rails-in i:nth-child(3){display:none}
  .btn-line.nav-book{display:none}
  .nav-cta .btn-line{display:none}
  .hero-side{flex-direction:column;gap:18px}
  h1{font-size:44px;letter-spacing:-.05em}
  .lead{margin-top:22px}
  .cta-row,.form-actions{grid-template-columns:1fr}
  .pov{aspect-ratio:1/1}
  .hud-top,.hud-bot{left:44px;right:44px;font-size:10px}
  .hud-bot span{padding:3px 4px}
  .pov .fic{right:44px;top:56px;font-size:9.5px}
  .facts{flex-direction:column;gap:18px}
  .env-grid{grid-template-columns:1fr}
  .env,.env+.env,.env:nth-child(even){padding:24px 0 26px;border-left:0;min-height:0}
  .env h3{margin-top:28px}
  .env-wide ul{columns:1}
  .step{grid-template-columns:auto 1fr;column-gap:18px}
  .step .num{grid-row:span 3;font-size:20px}
  .step h3,.step .k{grid-column:2}
  .step p:not(.k){grid-column:2;grid-row:auto}
  .spec-row{grid-template-columns:1fr auto;row-gap:8px}
  .s-v{grid-column:1 / -1;grid-row:2}
  .s-t{grid-column:2;grid-row:1}
  .code pre{font-size:12px}
  .pilot-big{flex-direction:column;align-items:flex-start;gap:10px}
  .pilot-steps{grid-template-columns:1fr}
  .ps,.ps+.ps{padding:20px 0;border-right:0;border-top:1px dashed var(--rule)}
  .ps:first-child{border-top:0}
  .ps .k{margin-bottom:12px}
  .priv-list li{padding-left:0}
  .faq{grid-template-columns:1fr}
  .faq details,.faq details:nth-child(even){padding:0;border-left:0}
  .faq summary{font-size:17px}
  .form{grid-template-columns:1fr}
  .contact-links{flex-direction:column;gap:14px}
  h2.xl{font-size:44px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js .reveal{opacity:1;transform:none}
  .split .w>span{transform:none}
  .mq-track{animation:none}
}