:root{
    --bg:#0A1220;
    --bg-panel:#101C30;
    --bg-panel-alt:#0D1728;
    --grid-line: rgba(150,180,210,0.055);
    --border: rgba(150,180,210,0.16);
    --border-soft: rgba(150,180,210,0.09);
    --accent:#E8A33D;
    --accent-soft: rgba(232,163,61,0.13);
    --accent-dim: rgba(232,163,61,0.55);
    --live:#6FCF97;
    --delayed:#D9714E;
    --text:#EDEFF4;
    --text-mute:#94A0B4;
    --text-dim:#5B6577;
    --radius: 2px;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    position:relative;
    min-height:100vh;
    overflow-x:hidden;
    background:
      linear-gradient(var(--grid-line) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid-line) 1px, transparent 1px),
      var(--bg);
    background-size: 42px 42px, 42px 42px, cover;
    color:var(--text);
    font-family:'IBM Plex Sans', sans-serif;
    -webkit-font-smoothing:antialiased;
    line-height:1.55;
  }
  h1,h2,h3,h4{
    font-family:'Space Grotesk', sans-serif;
    margin:0;
    letter-spacing:-0.01em;
  }
  .mono{
    font-family:'IBM Plex Mono', monospace;
    letter-spacing:0.06em;
  }
  a{color:inherit; text-decoration:none;}
  :focus-visible{outline:2px solid var(--accent); outline-offset:3px;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
  section{position:relative;}

  /* ---------- NAV ---------- */
  nav{
    position:sticky; top:0; z-index:50;
    background:rgba(10,18,32,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border-soft);
  }
  .nav-inner{
    max-width:var(--maxw); margin:0 auto; padding:18px 32px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .logo{display:flex; align-items:center; gap:12px; font-size:18px; font-weight:600;}
  .logo .mark{
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    background:url("/assets/logo.png") center / contain no-repeat;
    flex:0 0 46px;
  }
  .logo .mark span{display:none;}
  .navlinks{display:flex; gap:34px; align-items:center;}
  .navlinks a{
    font-size:13px; color:var(--text-mute); text-transform:uppercase;
    letter-spacing:0.08em; font-family:'IBM Plex Mono',monospace;
    transition:color .15s;
  }
  .navlinks a:hover{color:var(--text);}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:11px 20px; font-family:'IBM Plex Mono',monospace;
    font-size:12.5px; text-transform:uppercase; letter-spacing:0.08em;
    border:1px solid var(--accent-dim); color:var(--accent);
    transition:all .18s; white-space:nowrap;
  }
  .btn:hover{background:var(--accent-soft); border-color:var(--accent);}
  .btn.solid{background:var(--accent); color:#1A1204; border-color:var(--accent);}
  .btn.solid:hover{background:#f0b357;}
  .navcta{display:none;}
  @media(min-width:860px){.navcta{display:inline-flex;}}
  .navlinks{display:none;}
  @media(min-width:860px){.navlinks{display:flex;}}

  /* ---------- HERO ---------- */
  .hero{
    padding:72px 32px 58px;
    display:grid;
    grid-template-columns:1fr;
    gap:38px;
    align-items:center;
  }
  @media(min-width:960px){
    .hero{
      grid-template-columns:minmax(0, 1.05fr) minmax(390px, 520px);
      min-height:560px;
      gap:56px;
    }
  }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.1em;
    color:var(--accent); text-transform:uppercase; margin-bottom:22px;
  }
  .eyebrow::before{content:''; width:16px; height:1px; background:var(--accent-dim);}
  .hero h1{
    font-size:clamp(34px, 5vw, 58px);
    font-weight:600; max-width:720px; line-height:1.08;
  }
  .hero h1 em{font-style:normal; color:var(--accent);}
  .hero p.lead{
    max-width:520px; color:var(--text-mute); font-size:16.5px; margin-top:22px;
  }
  .hero-ctas{display:flex; gap:14px; margin-top:34px; flex-wrap:wrap;}

  .hero-grid{
    display:grid; grid-template-columns:1fr; gap:40px; margin-top:60px;
  }
  @media(min-width:960px){.hero-grid{grid-template-columns: 1.05fr 1fr; align-items:center; gap:20px;}}

  .schema-panel{
    border:1px solid var(--border); background:var(--bg-panel-alt);
    padding:18px;
    box-shadow:0 24px 70px rgba(0,0,0,0.22);
  }
  .hero .schema-panel{align-self:center;}
  .schema-head{
    display:flex; justify-content:space-between; align-items:center;
    font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim);
    text-transform:uppercase; letter-spacing:0.1em; margin-bottom:10px;
    padding-bottom:10px; border-bottom:1px solid var(--border-soft);
  }
  svg.network{width:100%; height:auto; display:block;}
  .network-link{cursor:pointer;}
  .network-link:hover .n-node,
  .network-link:focus-visible .n-node{fill:var(--accent-soft); stroke:var(--accent);}
  .network-link:hover .n-label,
  .network-link:focus-visible .n-label{fill:var(--accent);}
  .n-line{stroke:var(--border); stroke-width:1.4; fill:none;}
  .n-line.live{stroke:rgba(150,180,210,0.4);}
  .n-line.plan{stroke:rgba(150,180,210,0.28); stroke-dasharray:4 4;}
  .n-node{fill:var(--bg-panel); stroke:var(--border); stroke-width:1.3;}
  .n-node.hub{fill:var(--accent-soft); stroke:var(--accent-dim);}
  .n-dot{fill:var(--live);}
  .n-dot.plan{fill:var(--text-dim);}
  .n-dot.delay{fill:var(--delayed);}
  .n-label{font-family:'IBM Plex Mono', monospace; fill:var(--text); font-size:11.5px;}
  .n-sub{font-family:'IBM Plex Mono', monospace; fill:var(--text-dim); font-size:9px; letter-spacing:.05em;}

  @media (prefers-reduced-motion: no-preference){
    .n-line{stroke-dasharray:340; stroke-dashoffset:340; animation:draw 1.4s ease forwards;}
    .n-line.plan{animation:draw 1.4s ease forwards;}
    .n-node{opacity:0; animation:fadein .5s ease forwards;}
    .n-node:nth-of-type(1){animation-delay:.1s;}
    .n-node:nth-of-type(2){animation-delay:.5s;}
    .n-node:nth-of-type(3){animation-delay:.65s;}
    .n-node:nth-of-type(4){animation-delay:.8s;}
    .n-node:nth-of-type(5){animation-delay:.95s;}
    .n-node:nth-of-type(6){animation-delay:1.1s;}
    .n-node:nth-of-type(7){animation-delay:1.25s;}
    .n-dot.live-pulse{animation:pulse 2.2s ease-in-out infinite;}
  }
  @keyframes draw{to{stroke-dashoffset:0;}}
  @keyframes fadein{to{opacity:1;}}
  @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:.35;}}

  /* ---------- STATS STRIP ---------- */
  .stats{
    border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft);
    padding:26px 0;
  }
  .stats .wrap{
    display:grid; grid-template-columns:repeat(2,1fr); gap:20px;
  }
  @media(min-width:760px){.stats .wrap{grid-template-columns:repeat(4,1fr);}}
  .stat{padding:0 18px; border-left:1px solid var(--border-soft);}
  .stat:first-child{border-left:none; padding-left:0;}
  .stat .num{font-family:'Space Grotesk',sans-serif; font-size:26px; font-weight:600; color:var(--accent);}
  .stat .lbl{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px;}

  /* ---------- SECTION HEADERS ---------- */
  .sec-head{padding:70px 0 34px; max-width:600px;}
  .sec-head .mono.tag{font-size:12px; color:var(--accent); text-transform:uppercase; display:block; margin-bottom:14px;}
  .sec-head h2{font-size:clamp(26px,3vw,34px); font-weight:600;}
  .sec-head p{color:var(--text-mute); margin-top:12px; font-size:15px;}

  /* ---------- SERVICE / CARD GRID ---------- */
  .grid4{display:grid; grid-template-columns:1fr; gap:1px; background:var(--border-soft); border:1px solid var(--border-soft); margin-bottom:70px;}
  @media(min-width:700px){.grid4{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:1000px){.grid4{grid-template-columns:repeat(4,1fr);}}
  .card{background:var(--bg-panel-alt); padding:28px 24px; position:relative;}
  .card .id{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); margin-bottom:16px; display:block;}
  .card h3{font-size:17px; font-weight:600; margin-bottom:10px;}
  .card p{font-size:14px; color:var(--text-mute); margin:0;}

  /* ---------- BRAND / NETWORK CARDS ---------- */
  .brandgrid{display:grid; grid-template-columns:1fr; gap:1px; background:var(--border-soft); border:1px solid var(--border-soft); margin-bottom:70px;}
  @media(min-width:700px){.brandgrid{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:1100px){.brandgrid{grid-template-columns:repeat(3,1fr);}}
  .brand-card{background:var(--bg-panel-alt); padding:26px 24px 24px; display:flex; flex-direction:column; gap:14px;}
  .brand-top{display:flex; justify-content:space-between; align-items:flex-start;}
  .status-pill{
    font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:0.08em;
    padding:3px 8px; border:1px solid var(--border); text-transform:uppercase;
    display:inline-flex; align-items:center; gap:6px;
  }
  .status-pill .dot{width:6px; height:6px; border-radius:50%; background:var(--live);}
  .status-pill.plan .dot{background:var(--text-dim);}
  .status-pill.delay .dot{background:var(--delayed);}
  .status-pill.plan{color:var(--text-dim);}
  .status-pill.delay{color:var(--delayed);}
  .status-pill.live{color:var(--live); border-color:rgba(111,207,151,0.3);}
  .brand-card h3{font-size:18px; font-weight:600;}
  .brand-card p{font-size:13.5px; color:var(--text-mute); margin:0; flex-grow:1;}
  .brand-card .stack{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); margin-top:6px;}
  .brand-card .go{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--accent); margin-top:4px;}

  /* ---------- BLOG ---------- */
  .blog-preview-grid,
  .blog-listing{
    display:grid;
    grid-template-columns:1fr;
    gap:1px;
    background:var(--border-soft);
    border:1px solid var(--border-soft);
  }
  .blog-preview-grid{margin-bottom:22px;}
  .blog-listing{margin:60px 0 70px;}
  @media(min-width:760px){
    .blog-preview-grid{grid-template-columns:1.15fr 1fr 1fr;}
    .blog-listing{grid-template-columns:repeat(2, minmax(0, 1fr));}
  }
  @media(min-width:1080px){
    .blog-listing{grid-template-columns:1.2fr 1fr 1fr;}
  }
  .blog-card{
    background:linear-gradient(180deg, rgba(232,163,61,0.025), var(--bg-panel-alt));
    min-height:230px;
    position:relative;
  }
  .blog-card.featured{
    background:
      radial-gradient(circle at 18% 0%, rgba(232,163,61,0.15), transparent 34%),
      var(--bg-panel-alt);
  }
  .blog-card-link{
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:30px 26px;
  }
  .blog-meta{
    color:var(--accent);
    font-size:11px;
    text-transform:uppercase;
    margin-bottom:20px;
  }
  .blog-card h2,
  .blog-card h3{
    font-size:clamp(20px, 2vw, 27px);
    font-weight:600;
    line-height:1.18;
    margin-bottom:14px;
  }
  .blog-card:not(.featured) h2,
  .blog-card:not(.featured) h3{font-size:20px;}
  .blog-card p{
    color:var(--text-mute);
    font-size:14px;
    margin:0 0 24px;
    flex-grow:1;
  }
  .blog-card .go{
    color:var(--accent);
    font-size:12px;
  }
  .blog-card:hover{
    background:
      linear-gradient(180deg, rgba(232,163,61,0.075), var(--bg-panel-alt));
  }
  .blog-more{margin:-4px 0 70px;}
  .blog-hero{overflow:hidden;}

  /* ---------- PROCESS ---------- */
  .process{display:grid; grid-template-columns:1fr; gap:0; margin-bottom:70px; border-top:1px solid var(--border-soft);}
  .p-row{
    display:grid; grid-template-columns:60px 1fr; gap:24px;
    padding:26px 0; border-bottom:1px solid var(--border-soft); align-items:start;
  }
  @media(min-width:700px){.p-row{grid-template-columns:60px 220px 1fr;}}
  .p-row .pnum{font-family:'IBM Plex Mono',monospace; color:var(--accent); font-size:15px;}
  .p-row h4{font-size:16.5px; font-weight:600;}
  .p-row p{font-size:14px; color:var(--text-mute); margin:6px 0 0;}

  /* ---------- CAREERS / CTA ---------- */
  .split{
    display:grid; grid-template-columns:1fr; gap:1px; background:var(--border-soft);
    border:1px solid var(--border-soft); margin-bottom:80px;
  }
  @media(min-width:800px){.split{grid-template-columns:1fr 1fr;}}
  .split-panel{background:var(--bg-panel-alt); padding:38px 32px;}
  .split-panel .mono.tag{font-size:12px; color:var(--accent); text-transform:uppercase; display:block; margin-bottom:14px;}
  .split-panel h3{font-size:22px; font-weight:600; margin-bottom:12px;}
  .split-panel p{color:var(--text-mute); font-size:14.5px; margin-bottom:20px;}
  .job-list{list-style:none; margin:0 0 22px; padding:0; border-top:1px solid var(--border-soft);}
  .job-list li{display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--border-soft);}
  .job-list strong{font-size:14px; color:var(--text); font-weight:600;}
  .job-list span{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.06em; text-align:right;}
  @media(max-width:560px){.job-list li{display:block;}.job-list span{display:block; margin-top:4px; text-align:left;}}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--border-soft); padding:50px 0 30px;}
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; margin-bottom:40px;}
  @media(max-width:700px){.foot-grid{grid-template-columns:1fr;}}
  .foot-grid h5{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:14px;}
  .foot-grid a{display:block; font-size:13.5px; color:var(--text-mute); margin-bottom:9px;}
  .foot-grid a:hover{color:var(--text);}
  .foot-bottom{
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
    padding-top:20px; border-top:1px solid var(--border-soft);
    font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--text-dim);
  }

/* ---------- INTERIOR PAGE HERO ---------- */
.page-hero{padding:64px 0 50px; border-bottom:1px solid var(--border-soft);}
.page-hero h1{font-size:clamp(30px,4.2vw,46px); font-weight:600; max-width:640px;}
.page-hero p.lead{max-width:540px; color:var(--text-mute); font-size:15.5px; margin-top:16px;}
.crumbs{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:18px;}
.crumbs a{color:var(--text-dim);}
.crumbs a:hover{color:var(--accent);}

/* ---------- PROSE (legal pages) ---------- */
.prose{max-width:760px; padding:60px 0 90px;}
.prose h2{font-size:20px; font-weight:600; margin-top:42px; margin-bottom:12px; padding-top:16px; border-top:1px solid var(--border-soft);}
.prose h2:first-of-type{margin-top:0; padding-top:0; border-top:none;}
.prose p{color:var(--text-mute); font-size:14.5px; margin:0 0 14px;}
.prose ul{color:var(--text-mute); font-size:14.5px; padding-left:20px; margin:0 0 14px;}
.prose li{margin-bottom:6px;}
.prose .updated{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:30px; display:block;}

/* ---------- ABOUT ---------- */
.about-grid{display:grid; grid-template-columns:1fr; gap:40px; padding:20px 0 70px;}
@media(min-width:900px){.about-grid{grid-template-columns:1.1fr 0.9fr;}}
.about-grid p{color:var(--text-mute); font-size:15px; margin:0 0 16px;}
.value-list{border-top:1px solid var(--border-soft);}
.value-row{padding:20px 0; border-bottom:1px solid var(--border-soft); display:grid; grid-template-columns:80px 1fr; gap:16px;}
.value-row .vid{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--accent);}
.value-row h4{font-size:15.5px; font-weight:600; margin-bottom:4px;}
.value-row p{font-size:13.5px; color:var(--text-mute); margin:0;}
.founder-card{border:1px solid var(--border); background:var(--bg-panel-alt); padding:24px; margin-top:24px;}
.founder-card .role{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--accent); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px; display:block;}
.founder-card h4{font-size:17px; font-weight:600; margin-bottom:8px;}
.founder-card p{font-size:13.5px; color:var(--text-mute); margin:0;}

/* ---------- CONTACT ---------- */
.contact-grid{display:grid; grid-template-columns:1fr; gap:1px; background:var(--border-soft); border:1px solid var(--border-soft); margin:20px 0 80px;}
@media(min-width:900px){.contact-grid{grid-template-columns:1.1fr 0.9fr;}}
.contact-form{background:var(--bg-panel-alt); padding:32px;}
.contact-info{background:var(--bg-panel-alt); padding:32px; display:flex; flex-direction:column; gap:26px;}
.field{margin-bottom:18px;}
.field label{display:block; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.07em; margin-bottom:8px;}
.field input, .field textarea, .field select{
  width:100%; background:var(--bg); border:1px solid var(--border); color:var(--text);
  padding:11px 12px; font-family:'IBM Plex Sans',sans-serif; font-size:14px; border-radius:var(--radius);
}
.field input:focus, .field textarea:focus, .field select:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
.field textarea{resize:vertical; min-height:120px;}
.info-block h5{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px;}
.info-block a, .info-block span.val{font-size:15px; color:var(--text);}
.info-block p{font-size:13px; color:var(--text-mute); margin-top:6px;}

/* ---------- SERVICE CARD LIST ---------- */
  .card ul{margin:14px 0 0; padding-left:16px; font-size:12.5px; color:var(--text-mute);}
  .card ul li{margin-bottom:5px;}

/* ---------- MOTION / DELIGHT ---------- */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
  filter:blur(8px);
}
body::before{
  width:420px;
  height:420px;
  right:-180px;
  top:90px;
  background:radial-gradient(circle, rgba(232,163,61,0.16), transparent 65%);
  animation:ambientFloat 14s ease-in-out infinite alternate;
}
body::after{
  width:360px;
  height:360px;
  left:-160px;
  bottom:12vh;
  background:radial-gradient(circle, rgba(111,207,151,0.09), transparent 68%);
  animation:ambientFloat 18s ease-in-out infinite alternate-reverse;
}

.hero,
.stats,
main,
footer,
.page-hero{
  position:relative;
  z-index:1;
}

.pointer-glow{
  position:fixed;
  left:0;
  top:0;
  width:220px;
  height:220px;
  border-radius:50%;
  pointer-events:none;
  z-index:2;
  opacity:0;
  transform:translate3d(-50%, -50%, 0);
  background:radial-gradient(circle, rgba(232,163,61,0.13), transparent 64%);
  transition:opacity .25s ease;
  mix-blend-mode:screen;
}

.logo .mark{
  filter:drop-shadow(0 0 18px rgba(232,163,61,0.18));
  transition:transform .25s ease, filter .25s ease;
}
.logo:hover .mark{transform:translateY(-1px) scale(1.04); filter:drop-shadow(0 0 24px rgba(232,163,61,0.34));}

.hero .eyebrow,
.hero h1,
.hero .lead,
.hero-ctas,
.hero-copy,
.hero .schema-panel,
.hero-grid{
  animation:riseIn .75s ease both;
}
.hero h1{animation-delay:.08s;}
.hero .lead{animation-delay:.16s;}
.hero-ctas{animation-delay:.24s;}
.hero .schema-panel,
.hero-grid{animation-delay:.32s;}
.hero h1 em{
  background:linear-gradient(90deg, var(--accent), #fff1a8, var(--accent));
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:goldSweep 4.5s ease-in-out infinite;
}

.schema-panel,
.split,
.contact-grid{
  position:relative;
  overflow:hidden;
}
.schema-panel::after,
.split::after,
.contact-grid::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(232,163,61,0.08) 45%, transparent 60%);
  transform:translateX(-120%);
  animation:panelScan 7s ease-in-out infinite;
}

.card,
.brand-card,
.blog-card,
.split-panel,
.contact-form,
.contact-info,
.info-block,
.founder-card,
.value-row,
.p-row{
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.card:hover,
.brand-card:hover,
.blog-card:hover,
.split-panel:hover,
.contact-form:hover,
.contact-info:hover,
.founder-card:hover{
  transform:translateY(-4px);
  background:linear-gradient(180deg, rgba(232,163,61,0.055), var(--bg-panel-alt));
  box-shadow:0 18px 44px rgba(0,0,0,0.22);
}
.p-row:hover,
.value-row:hover{
  transform:translateX(6px);
  background:rgba(232,163,61,0.035);
}
.btn{position:relative; overflow:hidden;}
.btn::after{
  content:"";
  position:absolute;
  inset:-30% auto -30% -45%;
  width:35%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.32), transparent);
  opacity:0;
}
.btn:hover::after{animation:buttonSheen .75s ease;}

.reveal-target{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease, transform .7s ease;
  transition-delay:var(--reveal-delay, 0ms);
}
.reveal-visible{
  opacity:1;
  transform:none;
}

@keyframes riseIn{
  from{opacity:0; transform:translateY(18px);}
  to{opacity:1; transform:none;}
}
@keyframes goldSweep{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}
@keyframes ambientFloat{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-36px,28px,0) scale(1.08);}
}
@keyframes panelScan{
  0%,62%{transform:translateX(-120%);}
  82%,100%{transform:translateX(120%);}
}
@keyframes buttonSheen{
  from{left:-45%; opacity:0;}
  20%{opacity:1;}
  to{left:115%; opacity:0;}
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
  }
  .reveal-target{opacity:1; transform:none;}
  .pointer-glow{display:none;}
}