/* SimiGon interim site: shared styles (Design B) */
  :root{--bg:#0a0e14;--panel:#0f151e;--line:#1f2a38;--text:#e6ebf2;--muted:#8d9aab;--accent:#3ba3e6;--accent2:#2f6fbf;--g:clamp(16px,4vw,48px)}
  *{box-sizing:border-box}
  body{margin:0;color:var(--text);font:400 16.5px/1.6 "Space Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
    background:var(--bg);background-image:linear-gradient(rgba(59,163,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(59,163,230,.045) 1px,transparent 1px);background-size:56px 56px}
  img,video{display:block;max-width:100%}
  a{color:inherit}
  h1,h2,h3{margin:0 0 .5em;line-height:1.08;letter-spacing:-.02em;font-weight:600}
  .wrap{max-width:1240px;margin:0 auto;padding:0 var(--g)}
  .mono{font-family:"IBM Plex Mono",monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
  .btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.4em;font:500 .95rem "Space Grotesk";text-decoration:none;border:1px solid var(--accent);transition:.2s}
  .btn-p{background:var(--accent);color:#04121f} .btn-p:hover{background:#6cc0f2}
  .btn-g{color:var(--text)} .btn-g:hover{background:rgba(59,163,230,.12)}

  header{position:sticky;top:0;z-index:20;background:rgba(10,14,20,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  header .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}
  .logo img{height:28px;width:auto}
  nav{display:flex;gap:4px}
  nav a{text-decoration:none;font-size:.92rem;padding:8px 14px;color:var(--muted);border:1px solid transparent}
  nav a:hover{color:var(--text)} nav a.on{color:var(--text);border-color:var(--line);background:var(--panel)}
  .burger{display:none;background:none;border:0;color:#fff;cursor:pointer}
  @media(max-width:780px){.burger{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--bg);padding:8px var(--g) 16px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:14px 0}}

  .hero{padding:clamp(48px,8vw,110px) 0 clamp(56px,8vw,100px)}
  .hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
  .hero h1{font-size:clamp(2.3rem,4.6vw,4rem);font-weight:700}
  .hero h1 span{color:var(--accent)}
  .hero .sub{font-size:1.15rem;color:var(--muted);max-width:34rem;margin:0 0 2rem}
  .hero .sub b{color:var(--text);font-weight:500}
  .ctas{display:flex;gap:10px;flex-wrap:wrap}
  .frame{position:relative;padding:14px}
  .frame::before,.frame::after,.frame i::before,.frame i::after{content:"";position:absolute;width:28px;height:28px;border-color:var(--accent);border-style:solid}
  .frame::before{top:0;left:0;border-width:2px 0 0 2px}.frame::after{top:0;right:0;border-width:2px 2px 0 0}
  .frame i::before{bottom:0;left:0;border-width:0 0 2px 2px}.frame i::after{bottom:0;right:0;border-width:0 2px 2px 0}
  .frame img,.frame video{width:100%;aspect-ratio:4/3;object-fit:cover}
  .frame .tag{position:absolute;left:28px;bottom:28px;background:rgba(10,14,20,.85);padding:6px 10px}
  @media(max-width:900px){.hero .wrap{grid-template-columns:1fr}}

  section{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--line)}
  .h2{font-size:clamp(1.9rem,3.6vw,3rem);max-width:20ch}
  .lead{color:var(--muted);font-size:1.1rem;max-width:42rem}
  .head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:3rem}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel)}
  .step{padding:0 0 22px;border-right:1px solid var(--line)}
  .step:last-child{border-right:0}
  .step img,.step video{width:100%;aspect-ratio:16/11;object-fit:cover;filter:saturate(.9);border-bottom:1px solid var(--line)}
  .step .body{padding:18px 20px 0}
  .step h3{font-size:1.25rem;margin:.4em 0 .3em}
  .step p{margin:0;color:var(--muted);font-size:.93rem}
  .bar{height:3px;background:linear-gradient(90deg,var(--accent2),var(--accent));margin-top:16px}
  .bar.s1{width:25%}.bar.s2{width:50%}.bar.s3{width:75%}.bar.s4{width:100%}
  @media(max-width:900px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
  @media(max-width:520px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}}

  .stackwrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
  .layers{display:flex;flex-direction:column;gap:8px;perspective:900px}
  .layer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);transition:.25s;transform-origin:left}
  .layer:hover{transform:translateX(10px);border-color:var(--accent)}
  .layer b{font-weight:500;font-size:1.08rem}
  .layer .mono{color:var(--muted)}
  .layer.top{background:linear-gradient(90deg,rgba(59,163,230,.18),var(--panel))}
  @media(max-width:860px){.stackwrap{grid-template-columns:1fr}}

  .proof{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);background:var(--panel)}
  .proof video{width:100%;height:100%;object-fit:cover;min-height:340px}
  .proof .txt{padding:clamp(28px,4vw,56px)}
  .kv{display:grid;grid-template-columns:auto 1fr;gap:14px 22px;margin-top:2rem;align-items:baseline}
  .kv b{font-size:2.4rem;font-weight:700;color:#fff;line-height:1}
  .kv span{color:var(--muted)}
  @media(max-width:860px){.proof{grid-template-columns:1fr}}

  .vmt{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:center}
  .vmt img{border:1px solid var(--line)}
  @media(max-width:860px){.vmt{grid-template-columns:1fr}.vmt img{order:-1}}
  .link{color:var(--accent);text-decoration:none;font-weight:500}
  .link::after{content:" \2192"}

  .tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
  .tabs button{background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:10px 16px;font:500 .9rem "Space Grotesk";cursor:pointer}
  .tabs button.on{color:#04121f;background:var(--accent);border-color:var(--accent)}
  .player{border:1px solid var(--line);background:#000}
  .player video{width:100%;aspect-ratio:16/9}

  .shift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:2.6rem}
  .shift-card{background:var(--panel);border:1px solid var(--line);padding:26px 24px 28px;position:relative}
  .shift-card::before{content:"";position:absolute;top:-1px;left:-1px;width:40px;height:3px;background:var(--accent)}
  .shift-card .was{color:var(--muted)}
  .shift-card .old{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(141,154,171,.5);margin:.4em 0 1.4em;font-size:.95rem}
  .shift-card h3{font-size:1.3rem;margin:.35em 0 .3em}
  .shift-card p{margin:0}
  .shift-card p:last-child{color:#c6d0dc}
  @media(max-width:900px){.shift-grid{grid-template-columns:1fr}}
  .tagline{color:var(--accent);margin:-.6rem 0 2rem;font-size:.82rem}
  .ways{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:2.4rem}
  .way{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);padding:30px 28px;transition:.2s;position:relative}
  .way:hover{border-color:var(--accent);transform:translateY(-3px)}
  .way::before{content:"";position:absolute;top:-1px;left:-1px;width:56px;height:3px;background:var(--accent)}
  .way h3{font-size:1.6rem;margin:.4em 0 .4em}
  .way p{color:#c6d0dc;margin:0 0 1.2rem}
  .facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 26px;margin:1.6rem 0}
  @media(max-width:420px){.facts{grid-template-columns:1fr 1fr}}
  .facts b{display:block;font-size:2rem;font-weight:700;line-height:1;color:#fff}
  .facts span{color:var(--muted);font-size:.85rem}
  @media(max-width:860px){.ways{grid-template-columns:1fr}}
  .partners{text-align:center}
  .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;margin:2.5rem auto 0;padding:0;max-width:1100px}
  .logos li{flex:0 0 calc((100% - 60px)/6);height:96px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);padding:0 18px;min-width:0}
  .logos li:empty{display:none}
  .logos img{max-height:34px;max-width:100%;width:auto;height:auto;opacity:.82;object-fit:contain}
  .logos img.t{max-height:46px}
  .logos .wm{font:600 1.1rem "Space Grotesk";letter-spacing:.14em;color:rgba(255,255,255,.8)}
  @media(max-width:900px){.logos li{flex-basis:calc((100% - 36px)/4)}}
  @media(max-width:520px){.logos li{flex-basis:calc((100% - 12px)/2)}}
  .cta{text-align:center}
  .cta .lead{margin:0 auto 2rem}
  footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:.88rem;background:var(--bg)}
  footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}
  footer a{text-decoration:none;color:var(--accent)}
  .draft{position:fixed;left:12px;bottom:12px;z-index:50;background:#b7791f;color:#000;font:600 12px "Space Grotesk";padding:6px 10px}

  /* Accessibility: skip link, visible keyboard focus, video pause control */
  .skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:#04121f;padding:10px 16px;font-weight:600;text-decoration:none}
  .skip:focus{top:12px}
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,video:focus-visible{outline:2px solid #6cc0f2;outline-offset:3px}
  #main:focus{outline:none}
  .vid-toggle{position:absolute;right:12px;bottom:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(10,14,20,.6);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
  .vid-toggle:hover{background:var(--accent);border-color:var(--accent);color:#04121f}
  .vid-toggle svg{width:16px;height:16px}
  .opening>.vid-toggle{right:var(--g);bottom:84px}
  @media(max-width:600px){
    .opening>.vid-toggle{bottom:auto;top:84px}
    .devices div{flex:1 1 45%;border-bottom:1px solid var(--line)}
  }