/* ORMIZ Works website (ormizsystems.io). Same tokens and fonts as ormizsystems.com: dark mission-control deck by
   default, a full light theme behind the header switch (remembered per browser). App tiles and screens stay dark in
   light mode, like a console on a bright desk. */
@font-face{font-family:"Michroma";font-weight:400;font-display:swap;src:url(../fonts/michroma-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-weight:500;font-display:swap;src:url(../fonts/rajdhani-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-weight:600;font-display:swap;src:url(../fonts/rajdhani-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-weight:700;font-display:swap;src:url(../fonts/rajdhani-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Orbitron";font-weight:600;font-display:swap;src:url(../fonts/orbitron-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:400;font-display:swap;src:url(../fonts/exo-2-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:500;font-display:swap;src:url(../fonts/exo-2-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:600;font-display:swap;src:url(../fonts/exo-2-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --void:#030812; --deck:#081428;
  --line:rgba(98,170,255,.14); --line2:rgba(98,170,255,.30);
  --ink:#eef6ff; --soft:#cfe0f5; --dim:#a6bcdc; --faint:#7b93b6;
  --scan:#4cd6ff; --scan-rgb:76,214,255; --ice:#b8f0ff;
  --azure:#2f8cff; --azure-rgb:47,140,255;
  --clean:#2cf5b0; --warn:#ffc24d;
  --card:linear-gradient(180deg,rgba(13,30,60,.62),rgba(6,16,34,.78));
  --card-hi:linear-gradient(180deg,rgba(13,30,60,.72),rgba(6,16,34,.88));
  --head:rgba(3,8,18,.78);
  --metal:linear-gradient(180deg,#ffffff 0%,#dff6ff 38%,#8ec9ee 72%,#5d9cc9 100%);
  --accent-text:linear-gradient(180deg,#e9fbff,#4cd6ff 70%,#2f8cff);
  --brand:'Michroma','Rajdhani',system-ui,sans-serif;
  --disp:'Rajdhani','Exo 2',system-ui,sans-serif;
  --num:'Orbitron','Rajdhani',system-ui,sans-serif;
  --body:'Exo 2',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 30px 80px rgba(0,0,0,.45);
  color-scheme:dark;
}
:root[data-theme=light]{
  --void:#eef3fa; --deck:#ffffff;
  --line:rgba(22,64,128,.13); --line2:rgba(22,64,128,.26);
  --ink:#0b1a33; --soft:#22385b; --dim:#40577a; --faint:#5d7192;
  --scan:#0078b0; --scan-rgb:0,134,195; --ice:#0a5f8c;
  --azure:#1f6fe0; --azure-rgb:31,111,224;
  --clean:#067a52; --warn:#9a5f00;
  --card:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,250,255,.94));
  --card-hi:linear-gradient(180deg,#ffffff,#f3f8ff);
  --head:rgba(238,243,250,.86);
  --metal:linear-gradient(180deg,#0b1f3f 0%,#163a6b 55%,#1f5a96 100%);
  --accent-text:linear-gradient(180deg,#0aa3e0,#0078c2 60%,#1f5ad6);
  --shadow:0 24px 60px -24px rgba(20,50,100,.35);
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}
body{margin:0;font-family:var(--body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--void);overflow-x:hidden;
  background-image:radial-gradient(1100px 620px at 78% -8%,rgba(var(--azure-rgb),.16),transparent 60%),radial-gradient(800px 520px at 6% 4%,rgba(var(--scan-rgb),.08),transparent 60%);
  background-repeat:no-repeat}
:root[data-theme=light] body{background-image:radial-gradient(1300px 760px at 78% -10%,rgba(var(--azure-rgb),.10),transparent 62%),radial-gradient(900px 620px at -6% 2%,rgba(var(--scan-rgb),.07),transparent 58%)}
img,svg{display:block;max-width:100%}
a{color:var(--scan);text-decoration:none}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--scan);outline-offset:3px;border-radius:6px}
::selection{background:rgba(var(--scan-rgb),.35)}
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--deck);padding:10px 14px;border-radius:8px}
.skip:focus{left:16px}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:.01em;margin:0;line-height:1.05;text-wrap:balance}
p{margin:0}
.mono{font-family:var(--mono)}
.metal{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.accent{background:var(--accent-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--dim);font-size:18px;max-width:660px}
.ch{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--scan);display:flex;align-items:center;gap:12px}
.ch::after{content:"";flex:1;max-width:220px;height:1px;background:linear-gradient(90deg,rgba(var(--scan-rgb),.5),transparent)}
.sec{padding:80px 0}
[id]{scroll-margin-top:84px}
.sec h2{font-size:48px}
.head-block{display:flex;flex-direction:column;gap:16px;max-width:780px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border-radius:12px;
  font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--line2);color:var(--ink);background:rgba(var(--scan-rgb),.04);cursor:pointer;transition:border-color .2s,filter .2s,transform .2s}
.btn:hover{color:var(--ink);border-color:rgba(var(--scan-rgb),.7)}
.btn.pri{background:linear-gradient(180deg,#5fdcff,#2f8cff);color:#021024;border-color:transparent;box-shadow:0 10px 30px rgba(47,140,255,.35)}
.btn.pri:hover{color:#021024;filter:brightness(1.08);transform:translateY(-1px)}
.iconbtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:rgba(var(--scan-rgb),.04);color:var(--dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.iconbtn:hover{color:var(--ink);border-color:rgba(var(--scan-rgb),.6)}
.theme-sun{display:none}
:root[data-theme=light] .theme-sun{display:block}
:root[data-theme=light] .theme-moon{display:none}

/* header */
.hdr{position:sticky;top:0;z-index:20;background:var(--head);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:16px;min-height:76px}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink)}
.logo img{width:44px;height:44px;filter:drop-shadow(0 0 14px rgba(var(--scan-rgb),.5))}
.logo .word{font-family:var(--brand);font-size:17px;letter-spacing:.22em;line-height:1}
.logo .sub{display:block;font-family:var(--disp);font-weight:600;font-size:11px;letter-spacing:.42em;color:var(--scan);margin-top:6px}
.vtag{font-family:var(--mono);font-size:10.5px;line-height:1;letter-spacing:.04em;color:var(--faint);border:1px solid var(--line2);border-radius:5px;padding:3px 6px;white-space:nowrap}
.nav{display:flex;gap:2px;margin-left:12px}
.nav a{font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.06em;color:var(--dim);padding:10px 12px;border-radius:8px}
.nav a:hover{color:var(--ink);background:rgba(var(--scan-rgb),.06)}
.spacer{flex:1}
.menu-btn{display:none}
.mnav{display:none}

/* hero */
.intro{padding:88px 0 40px}
.intro .wrap{display:flex;flex-direction:column;gap:28px}
.intro h1{font-size:clamp(44px,7vw,80px);max-width:1000px}
.intro .lead{font-size:20px;max-width:780px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.facts{display:flex;gap:10px 22px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
.facts span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--scan);margin-right:9px;vertical-align:2px;box-shadow:0 0 8px var(--scan)}

/* the Works desktop (always a dark screen) */
.desk{position:relative;height:600px;margin-top:26px;border-radius:20px;border:1px solid rgba(98,170,255,.30);overflow:hidden;color:#eef6ff;
  background:radial-gradient(700px 380px at 70% 30%,rgba(47,140,255,.22),transparent 70%),radial-gradient(500px 300px at 20% 80%,rgba(76,214,255,.10),transparent 70%),linear-gradient(160deg,#0b1d3c,#050d1d);
  box-shadow:0 40px 120px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.03)}
.desk-top{white-space:nowrap;position:absolute;left:0;right:0;top:0;height:40px;display:flex;align-items:center;gap:14px;padding:0 16px;background:rgba(3,8,18,.7);border-bottom:1px solid rgba(98,170,255,.14)}
.desk-top img{width:20px;height:20px}
.desk-top .w{font-family:var(--brand);font-size:11px;letter-spacing:.2em;color:#cfe0f5}
.desk-search{white-space:nowrap;overflow:hidden;flex:0 1 380px;margin:0 auto;height:26px;border-radius:8px;border:1px solid rgba(98,170,255,.22);display:flex;align-items:center;gap:8px;padding:0 10px;font-family:var(--mono);font-size:11px;color:#7b93b6}
.desk-search kbd{margin-left:auto;font-family:var(--mono)}
.win{position:absolute;border-radius:14px;border:1px solid rgba(98,170,255,.28);background:rgba(8,20,40,.94);box-shadow:0 20px 50px rgba(0,0,0,.45);overflow:hidden}
.wbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(98,170,255,.14);font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.06em;color:#cfe0f5}
.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:rgba(166,188,220,.35)}
.w-chat{left:4%;top:72px;width:38%;height:330px}
.w-pipe{left:44%;top:96px;width:52%;height:300px}
.w-max{right:3%;bottom:96px;width:330px;border-color:rgba(76,214,255,.55);background:rgba(6,18,38,.96)}
.msgs{padding:14px;display:flex;flex-direction:column;gap:12px;font-size:13px}
.msg{display:flex;gap:10px}
.av{width:28px;height:28px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.msg b{font-size:12px;color:#cfe0f5}.msg div div{color:#a6bcdc}
.mine{align-self:flex-end;max-width:80%;background:rgba(47,140,255,.22);border:1px solid rgba(76,214,255,.3);border-radius:12px 12px 4px 12px;padding:8px 12px}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--dim)}
.desk .pill{border-color:rgba(98,170,255,.3);color:#a6bcdc}
.pill.ok,.desk .pill.ok{color:#2cf5b0;border-color:rgba(44,245,176,.4)}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}
.col{display:flex;flex-direction:column;gap:8px}
.col>span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#7b93b6}
.deal{padding:10px;border-radius:10px;font-size:12px;border:1px solid rgba(98,170,255,.14);background:linear-gradient(180deg,rgba(13,30,60,.62),rgba(6,16,34,.78))}
.deal span{display:block;color:#7b93b6}
.max-card{padding:16px;display:flex;gap:14px;align-items:flex-start;font-size:13px}
.orb{width:44px;height:44px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8f0ff,#2f8cff 60%,#0b1d3c);box-shadow:0 0 24px rgba(76,214,255,.6);animation:orb 3.2s ease-in-out infinite}
@keyframes orb{50%{box-shadow:0 0 38px rgba(76,214,255,.85)}}
.max-card .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#4cd6ff;display:block;margin-bottom:6px}
.dock{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;padding:8px 12px;border-radius:18px;background:rgba(3,8,18,.72);border:1px solid rgba(98,170,255,.22);backdrop-filter:blur(10px)}

/* app tiles (always dark, like app icons) */
.tile{--s:52px;width:var(--s);height:var(--s);flex:none;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--s) * .27);color:#c6f4ff;--ica:#4cd6ff;
  background:radial-gradient(circle at 28% 16%,rgba(76,214,255,.24),transparent 58%),linear-gradient(160deg,#12305c 0%,#0a1a36 55%,#060f22 100%);
  border:1px solid rgba(98,170,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 18px rgba(0,0,0,.30)}
.tile svg{width:58%;height:58%}
.tile.hero{color:#fff;--ica:#fff;border-color:rgba(184,240,255,.75);
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.55),transparent 46%),linear-gradient(150deg,#6fe3ff 0%,#2f8cff 52%,#1336a6 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 calc(var(--s) * .4) rgba(76,214,255,.45)}
.tile.hero svg{width:60%;height:60%}
.t40{--s:40px}.t30{--s:30px}.t44{--s:44px}.t28{--s:28px}
.glyph{width:26px;height:26px;flex:none;color:var(--scan);--ica:var(--scan)}
.dock .tile{transition:transform .18s}
.dock .tile:hover{transform:translateY(-6px) scale(1.12)}

/* cards and grids */
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ticks{padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.tick{display:flex;gap:12px;align-items:flex-start;color:var(--soft);font-size:15px}
.tick>svg{flex:none;margin-top:4px;width:16px;height:16px;color:var(--clean)}
.tick.c>svg{color:var(--scan)}
.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.app{padding:22px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s}
.app:hover{border-color:rgba(var(--scan-rgb),.45);transform:translateY(-2px)}
.app b{font-family:var(--disp);font-size:20px;letter-spacing:.03em}
.app p{color:var(--dim);font-size:14px}
.voice{padding:30px;display:flex;flex-direction:column;gap:16px;border-color:rgba(var(--scan-rgb),.35);background:linear-gradient(180deg,rgba(13,30,60,.92),rgba(6,16,34,.96));color:#eef6ff}
.voice .orb{width:56px;height:56px}
.voice .t{font-family:var(--mono);font-size:13px;line-height:1.7;display:flex;flex-direction:column;gap:10px}
.voice .you{color:#a6bcdc}.voice .max{color:#eef6ff}.voice .done{color:#2cf5b0}.voice .src{color:#4cd6ff}
.voice hr{border:0;height:1px;background:rgba(98,170,255,.16);margin:0}
.ai-list{display:flex;flex-direction:column;gap:14px}
.ai-list .tick{color:var(--dim)}
.ai-list .tick b{color:var(--ink)}

/* OrDrop */
.drop{padding:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center;border-color:rgba(var(--scan-rgb),.3);
  background:radial-gradient(520px 360px at 22% 50%,rgba(var(--scan-rgb),.16),transparent 70%),var(--card-hi)}
.radar{position:relative;height:360px;display:flex;align-items:center;justify-content:center}
.radar .ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--scan-rgb),.22)}
.radar .r1{width:330px;height:330px;border-color:rgba(var(--scan-rgb),.12)}.radar .r2{width:240px;height:240px}.radar .r3{width:160px;height:160px;border-color:rgba(var(--scan-rgb),.34)}
.radar .sweep{position:absolute;width:330px;height:330px;border-radius:50%;background:conic-gradient(from 0deg,rgba(var(--scan-rgb),.30),transparent 22%,transparent);animation:sweep 6s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.radar .tile{--s:120px;z-index:1}
.radar .who{position:absolute;z-index:2}
.ordrop-mark .handoff{stroke-dasharray:12;animation:handoff 2.4s ease-in-out infinite}
@keyframes handoff{0%{stroke-dashoffset:12}60%,100%{stroke-dashoffset:0}}
.ordrop-mark .recv{animation:recv 2.4s ease-in-out infinite}
@keyframes recv{0%,55%{opacity:.35}70%,100%{opacity:1}}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}

/* flow */
.flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:32px}
.step{padding:18px 16px;display:flex;flex-direction:column;gap:6px;position:relative}
.step .n{font-family:var(--mono);font-size:11px;color:var(--scan)}
.step b{font-family:var(--disp);font-size:19px}
.step span{color:var(--dim);font-size:14px}
.step.last{border-color:rgba(44,245,176,.4)}.step.last .n{color:var(--clean)}
.rule{margin-top:16px;padding:22px 26px;font-family:var(--mono);font-size:14px;line-height:1.8;color:var(--soft)}
.rule .k{color:var(--scan)}.rule small{display:block;color:var(--faint);font-size:12.5px}

/* trust */
.tcard{padding:26px;display:flex;flex-direction:column;gap:12px}
.tcard b{font-family:var(--disp);font-size:21px}
.tcard p{color:var(--dim);font-size:15px}
.three.trust{margin-top:32px}

/* everywhere */
.devices{display:flex;gap:20px;align-items:flex-end;justify-content:center}
.devices .desk{height:270px;margin:0;width:100%;max-width:420px}
.devices .w1{left:6%;top:14%;width:56%;height:58%}.devices .w2{left:40%;top:30%;width:52%;height:50%}
.phone{width:130px;height:250px;flex:none;border-radius:26px;border:1px solid rgba(98,170,255,.4);background:linear-gradient(170deg,#0b1d3c,#050d1d);padding:16px 12px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start;justify-items:center}
.chips{display:flex;gap:10px;flex-wrap:wrap}

/* pricing */
.price{padding:30px;display:flex;flex-direction:column;gap:14px}
.price .k{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--scan)}
.price .amt{font-family:var(--num);font-size:32px}
.price .per{color:var(--dim)}
.price p{color:var(--soft);font-size:15px;flex:1}
.price.best{border-color:rgba(var(--scan-rgb),.55);box-shadow:0 0 0 1px rgba(var(--scan-rgb),.25),0 30px 80px rgba(47,140,255,.18)}
.three.prices{margin-top:32px}

/* CTA + footer */
.cta{padding:56px 48px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;border-color:rgba(var(--scan-rgb),.35);
  background:radial-gradient(600px 300px at 90% 0%,rgba(var(--azure-rgb),.28),transparent 70%),var(--card-hi)}
.cta h2{font-size:44px}
.foot{border-top:1px solid var(--line);padding:40px 0 48px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;justify-content:space-between}
.foot .brand{display:flex;flex-direction:column;gap:10px;max-width:360px;color:var(--faint);font-size:14px}
.foot .brand span:first-child{display:flex;align-items:center;gap:10px}
.foot .brand img{width:30px;height:30px}
.foot nav{display:flex;gap:56px;flex-wrap:wrap}
.foot nav div{display:flex;flex-direction:column;gap:8px}
.foot nav .h{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--faint)}
.foot nav a{color:var(--dim);font-size:14px}.foot nav a:hover{color:var(--ink)}
.legal{margin-top:32px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}

/* reveal on scroll */
/* visible by default; site.js only hides what is still below the screen, then eases it in */
.rv.wait{opacity:0;transform:translateY(16px)}
.rv.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}

@media (max-width:1060px){
  .apps{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav a{padding:10px 8px;font-size:14px}
}
@media (max-width:900px){
  .wrap{padding:0 max(16px,env(safe-area-inset-left))}
  .nav,.hdr .btn.ghost-sm{display:none}
  .menu-btn{display:inline-flex}
  .mnav{display:none;flex-direction:column;padding:8px 16px 16px;border-top:1px solid var(--line)}
  .mnav.open{display:flex}
  .mnav a{font-family:var(--disp);font-weight:600;font-size:17px;letter-spacing:.05em;color:var(--soft);padding:12px 4px;border-bottom:1px solid var(--line)}
  .two{grid-template-columns:minmax(0,1fr);gap:36px}.three{grid-template-columns:minmax(0,1fr)}
  .apps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drop{grid-template-columns:minmax(0,1fr);padding:28px}
  .sec{padding:56px 0}.sec h2{font-size:34px}.cta h2{font-size:32px}.cta{padding:32px 24px}
  .intro{padding:48px 0 24px}.intro .lead{font-size:17px}
  .desk{height:500px}.w-pipe{display:none}.w-chat{width:auto;left:4%;right:4%;top:56px;height:214px}.w-max{left:4%;right:4%;width:auto;bottom:84px}
  .desk-search span{display:none}
  .dock{gap:6px;padding:6px 8px}.dock .tile{--s:32px}
  .ticks{grid-template-columns:minmax(0,1fr)}
  .radar{height:300px}.radar .r1,.radar .sweep{width:280px;height:280px}
}
@media (max-width:560px){
  .apps,.feat{grid-template-columns:minmax(0,1fr)}
  .hdr .btn.pri{display:none}
  .logo .vtag{display:none}
  .dock .tile:nth-child(n+7){display:none}
  .devices .desk{display:none}
}