/* =========================================================
   isteOne — Coming Soon
   ========================================================= */

:root{
  /* base */
  --bg:          #05070f;
  --bg-2:        #080c18;
  --surface:     rgba(255,255,255,.035);
  --surface-2:   rgba(255,255,255,.06);
  --line:        rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);

  --text:        #eef1f8;
  --text-dim:    #a3abc2;
  --text-faint:  #6b7490;

  /* brand (one.svg) */
  --one-blue:    #425ffe;
  --one-violet:  #8030fd;
  --one-cyan:    #0ab8ed;

  /* products */
  --pos:  #2a8c68;
  --erp:  #5a6ca8;
  --hr:   #fc6102;
  --crm:  #ff70d2;

  --radius:   18px;
  --radius-lg:26px;

  --ff: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-mono: 'JetBrains Mono', ui-monospace, monospace;

  --maxw: 1200px;
  --gut:  clamp(20px, 5vw, 56px);

  --ease: cubic-bezier(.22,.68,0,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  overflow-x:clip;   /* guard: orbit satellites may reach past the layout edge */
}

body{
  margin:0;
  font-family:var(--ff);
  background:var(--bg);
  color:var(--text);
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; }

h1,h2,h3{ margin:0; line-height:1.08; letter-spacing:-.025em; font-weight:700; }
p{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }

.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

::selection{ background:rgba(66,95,254,.4); color:#fff; }

/* scrollbar */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:#05070f; }
::-webkit-scrollbar-thumb{
  background:linear-gradient(var(--one-blue),var(--one-violet));
  border-radius:99px; border:3px solid #05070f;
}

/* =========================================================
   BACKGROUND
   ========================================================= */
.bg{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }

.bg__grid{
  position:absolute; inset:-10%;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 85% 70% at 50% 35%, #000 20%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%, #000 20%, transparent 75%);
}

.bg__aurora{
  position:absolute; border-radius:50%;
  filter:blur(110px); opacity:.5;
  will-change:transform;
}
.bg__aurora--1{
  width:62vw; height:62vw; left:-14vw; top:-22vw;
  background:radial-gradient(circle at 50% 50%, rgba(66,95,254,.75), transparent 68%);
  animation:drift1 24s ease-in-out infinite alternate;
}
.bg__aurora--2{
  width:54vw; height:54vw; right:-16vw; top:-6vw;
  background:radial-gradient(circle at 50% 50%, rgba(128,48,253,.6), transparent 68%);
  animation:drift2 30s ease-in-out infinite alternate;
}
.bg__aurora--3{
  width:70vw; height:52vw; left:18vw; top:46vh;
  background:radial-gradient(circle at 50% 50%, rgba(10,184,237,.3), transparent 70%);
  animation:drift3 36s ease-in-out infinite alternate;
}
@keyframes drift1{ to{ transform:translate3d(10vw,8vh,0) scale(1.15); } }
@keyframes drift2{ to{ transform:translate3d(-9vw,12vh,0) scale(1.1); } }
@keyframes drift3{ to{ transform:translate3d(6vw,-10vh,0) scale(1.2); } }

.bg__stars{ position:absolute; inset:0; width:100%; height:100%; opacity:.6; }

.bg__noise{
  position:absolute; inset:0; opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}

.bg__vignette{
  position:absolute; inset:0;
  background:radial-gradient(ellipse 100% 80% at 50% 0%, transparent 35%, rgba(5,7,15,.75) 100%);
}

/* =========================================================
   BUTTONS / BITS
   ========================================================= */
.btn{
  --h:52px;
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  height:var(--h); padding:0 1.5rem;
  border-radius:99px; border:1px solid transparent;
  font-size:.975rem; font-weight:600; letter-spacing:-.01em;
  cursor:pointer; white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease),
             background .3s ease, border-color .3s ease, opacity .3s ease;
}
.btn svg{ width:18px; height:18px; transition:transform .35s var(--ease); }
.btn:hover svg{ transform:translateX(4px); }
.btn--sm{ --h:42px; padding:0 1.1rem; font-size:.9rem; }

.btn--primary{
  position:relative; color:#fff;
  background:linear-gradient(100deg, var(--one-blue), var(--one-violet) 55%, #a22dfd);
  box-shadow:0 10px 30px -10px rgba(90,70,254,.75), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn--primary::after{
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(100deg, var(--one-cyan), var(--one-blue) 60%, var(--one-violet));
  opacity:0; transition:opacity .4s ease;
}
.btn--primary:hover{ transform:translateY(-2px); box-shadow:0 16px 40px -12px rgba(90,70,254,.95); }
.btn--primary:hover::after{ opacity:1; }
.btn--primary > *{ position:relative; z-index:1; }
.btn--primary svg{ position:relative; z-index:1; }

.btn--ghost{
  background:var(--surface); border-color:var(--line);
  color:var(--text); backdrop-filter:blur(12px);
}
.btn--ghost:hover{
  background:var(--surface-2); border-color:var(--line-strong);
  transform:translateY(-2px);
}

.btn:focus-visible,
a:focus-visible,
input:focus-visible,
.sat__btn:focus-visible{
  outline:2px solid var(--one-cyan); outline-offset:3px;
}

.pill{
  display:inline-flex; align-items:center; gap:.6em;
  padding:.42em 1em .42em .8em;
  border:1px solid var(--line); border-radius:99px;
  background:var(--surface); backdrop-filter:blur(12px);
  font-size:.82rem; font-weight:500; color:var(--text-dim);
  letter-spacing:.02em;
}
.pill__dot{
  width:7px; height:7px; border-radius:50%; flex:none;
  background:#3ddc84;
  box-shadow:0 0 0 0 rgba(61,220,132,.6);
  animation:beat 2.4s ease-out infinite;
}
@keyframes beat{
  0%{ box-shadow:0 0 0 0 rgba(61,220,132,.55); }
  70%{ box-shadow:0 0 0 9px rgba(61,220,132,0); }
  100%{ box-shadow:0 0 0 0 rgba(61,220,132,0); }
}

.grad-text{
  background:linear-gradient(100deg, var(--one-cyan), var(--one-blue) 42%, var(--one-violet) 78%, #d05cff);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

.eyebrow{
  display:inline-block;
  font-family:var(--ff-mono); font-size:.76rem; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--one-cyan); margin-bottom:1rem;
}

/* =========================================================
   HEADER
   ========================================================= */
.header{
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; gap:2rem;
  padding:1.1rem var(--gut);
  transition:background .4s ease, backdrop-filter .4s ease,
             border-color .4s ease, padding .4s ease;
  border-bottom:1px solid transparent;
}
.header.is-stuck{
  background:rgba(5,7,15,.72);
  backdrop-filter:blur(18px) saturate(160%);
  border-bottom-color:var(--line);
  padding-top:.7rem; padding-bottom:.7rem;
}

.brand{ display:flex; align-items:center; gap:.65rem; margin-right:auto; }
.brand__mark{
  display:grid; place-items:center;
  width:42px; height:42px; border-radius:13px;
  background:var(--surface); border:1px solid var(--line);
  transition:transform .4s var(--ease), box-shadow .4s ease;
}
.brand:hover .brand__mark{
  transform:translateY(-2px) rotate(-5deg);
  box-shadow:0 8px 24px -8px rgba(66,95,254,.6);
}
.brand__mark img{ width:24px; height:auto; }
.brand__text{ font-size:1.22rem; font-weight:400; letter-spacing:-.03em; }
.brand__text strong{
  font-weight:800;
  background:linear-gradient(100deg, var(--one-blue), var(--one-violet));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

.nav{ display:flex; gap:.35rem; }
.nav a{
  position:relative; padding:.5rem .85rem; border-radius:99px;
  font-size:.925rem; font-weight:500; color:var(--text-dim);
  transition:color .25s ease, background .25s ease;
}
.nav a:hover{ color:var(--text); background:var(--surface); }

@media (max-width:900px){
  .nav{ display:none; }
}
@media (max-width:520px){
  .header__cta{ display:none; }
}

/* =========================================================
   HERO
   ========================================================= */
main{ position:relative; z-index:1; }

.hero{
  min-height:100svh;
  display:flex; align-items:center;
  padding:clamp(120px,15vh,180px) var(--gut) clamp(60px,8vh,100px);
}
.hero__inner{
  width:100%; max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.02fr .98fr;
  gap:clamp(32px,5vw,72px); align-items:center;
}

.hero__title{
  font-size:clamp(2.5rem, 6.2vw, 4.6rem);
  font-weight:700; margin:1.35rem 0 1.4rem;
}
.hero__lede{
  font-size:clamp(1rem,1.15vw,1.12rem);
  color:var(--text-dim); max-width:50ch;
}
.hero__lede strong{ color:var(--text); font-weight:600; }

.hero__stats{
  display:flex; flex-wrap:wrap; gap:clamp(1.5rem,3vw,2.75rem);
  margin:2.1rem 0;
}
.hero__stats li{ display:flex; flex-direction:column; }
.hero__stats b{
  font-size:1.95rem; font-weight:700; letter-spacing:-.04em; line-height:1;
  background:linear-gradient(130deg, #fff, var(--text-dim));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-variant-numeric:tabular-nums;
}
.hero__stats span{
  font-size:.82rem; color:var(--text-faint);
  letter-spacing:.04em; margin-top:.35rem;
}

.hero__actions{ display:flex; flex-wrap:wrap; gap:.75rem; }

/* "Bir Giz Yazılım … ürünüdür" */
.byline{
  margin-top:1.9rem;
  font-size:.86rem; color:var(--text-faint);
}
.byline a{
  display:inline-flex; align-items:center; gap:.3em;
  position:relative;
  font-weight:600; color:var(--text-dim);
  transition:color .3s ease;
}
.byline a::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px;
  height:1px; border-radius:1px;
  background:linear-gradient(90deg, var(--one-cyan), var(--one-violet));
  transform:scaleX(0); transform-origin:left;
  transition:transform .45s var(--ease);
}
.byline a:hover{ color:#fff; }
.byline a:hover::after{ transform:scaleX(1); }
.byline a svg{
  width:13px; height:13px; opacity:.6;
  transition:transform .35s var(--ease), opacity .3s ease;
}
.byline a:hover svg{ transform:translate(2px,-2px); opacity:1; }

/* ---------- visual wrapper ---------- */
.hero__visual{
  position:relative; z-index:2;   /* keeps the tooltip above .hero__copy */
  display:flex; flex-direction:column; align-items:center;
}
/* reserved slot under the orbit for the product tooltip */
.orbit__footer{
  position:relative;
  width:100%; min-height:104px;
  margin-top:.75rem;
}

/* =========================================================
   ORBIT SYSTEM
   ========================================================= */
.orbit{
  --size: clamp(300px, 40vw, 520px);
  --r-inner: calc(var(--size) * .255);
  --r-outer: calc(var(--size) * .425);
  --spin-inner: 26s;
  --spin-outer: 42s;

  position:relative;
  width:var(--size); height:var(--size);
  display:grid; place-items:center;
  transform:translate3d(var(--px,0),var(--py,0),0);
  transition:transform .9s var(--ease);
}

/* rings ------------------------------------------------- */
.orbit__ring{
  position:absolute; top:50%; left:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.orbit__ring--inner{
  width:calc(var(--r-inner) * 2); height:calc(var(--r-inner) * 2);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:inset 0 0 50px rgba(66,95,254,.1);
}
.orbit__ring--outer{
  width:calc(var(--r-outer) * 2); height:calc(var(--r-outer) * 2);
  border:1px solid rgba(255,255,255,.07);
}
.orbit__ring--dashed{
  width:calc(var(--r-outer) * 2 + 42px); height:calc(var(--r-outer) * 2 + 42px);
  border:1px dashed rgba(255,255,255,.07);
  animation:spin 110s linear infinite;
}

/* gradient sweep on the inner ring */
.orbit__ring--inner::after,
.orbit__ring--outer::after{
  content:''; position:absolute; inset:-1px; border-radius:50%;
  background:conic-gradient(from 0deg,
    transparent 0deg,
    rgba(10,184,237,.55) 30deg,
    rgba(66,95,254,.1) 70deg,
    transparent 110deg);
  -webkit-mask:
    radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));
  mask:
    radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));
  animation:spin var(--spin-inner) linear infinite;
}
.orbit__ring--outer::after{
  animation-duration:var(--spin-outer);
  animation-direction:reverse;
  background:conic-gradient(from 0deg,
    transparent 0deg,
    rgba(255,112,210,.4) 26deg,
    rgba(252,97,2,.14) 64deg,
    transparent 100deg);
}

/* pulse waves ------------------------------------------- */
.orbit__pulse{
  position:absolute; top:50%; left:50%;
  width:calc(var(--size) * .2); height:calc(var(--size) * .2);
  border-radius:50%;
  border:1px solid rgba(66,95,254,.5);
  transform:translate(-50%,-50%) scale(.5);
  animation:pulseOut 4.8s var(--d,0s) ease-out infinite;
  pointer-events:none;
}
@keyframes pulseOut{
  0%  { transform:translate(-50%,-50%) scale(.5);  opacity:.85; }
  70% { opacity:.08; }
  100%{ transform:translate(-50%,-50%) scale(4.3); opacity:0; }
}

/* core -------------------------------------------------- */
.orbit__core{
  position:relative; z-index:3;
  width:calc(var(--size) * .265); height:calc(var(--size) * .265);
  display:grid; place-items:center;
  animation:float 7s ease-in-out infinite;
}
.orbit__core-glow{
  position:absolute; inset:-38%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(128,48,253,.55), transparent 62%),
    radial-gradient(circle at 35% 70%, rgba(10,184,237,.4), transparent 60%);
  filter:blur(26px);
  animation:breathe 5.5s ease-in-out infinite;
}
.orbit__core-img{
  position:relative;
  width:100%; height:auto;
  filter:drop-shadow(0 16px 36px rgba(66,95,254,.55));
}
@keyframes float{
  0%,100%{ transform:translateY(-7px); }
  50%    { transform:translateY(7px);  }
}
@keyframes breathe{
  0%,100%{ opacity:.65; transform:scale(.94); }
  50%    { opacity:1;   transform:scale(1.08); }
}

/* tracks ------------------------------------------------ */
.track{
  position:absolute; inset:0;
  pointer-events:none;
}
.track--inner{ animation:spin var(--spin-inner) linear infinite; }
.track--outer{ animation:spin var(--spin-outer) linear infinite reverse; }

/* counter-rotation keeps icons upright */
.track__counter--inner{ animation:spin var(--spin-inner) linear infinite reverse; }
.track__counter--outer{ animation:spin var(--spin-outer) linear infinite; }

.sat{
  position:absolute; top:50%; left:50%;
  width:0; height:0;
}
.track--inner .sat{ transform:rotate(var(--a)) translateY(calc(-1 * var(--r-inner))); }
.track--outer .sat{ transform:rotate(var(--a)) translateY(calc(-1 * var(--r-outer))); }

.sat__spin,
.sat__tilt{ position:absolute; top:0; left:0; }
.sat__tilt{ transform:rotate(calc(-1 * var(--a))); }

/* satellite button -------------------------------------- */
.sat__btn{
  position:absolute; top:0; left:0;
  transform:translate(-50%,-50%);
  width:clamp(56px, 7.4vw, 86px); height:clamp(56px, 7.4vw, 86px);
  display:grid; place-items:center;
  padding:clamp(9px,1.2vw,15px);
  border-radius:24%;
  border:1px solid var(--line);
  background:
    linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.015));
  backdrop-filter:blur(14px);
  box-shadow:
    0 10px 28px -14px rgba(0,0,0,.9),
    inset 0 1px 0 rgba(255,255,255,.14);
  cursor:pointer;
  pointer-events:auto;
  transition:transform .4s var(--ease), box-shadow .4s ease,
             border-color .4s ease, background .4s ease;
}
.sat__btn::before{
  content:''; position:absolute; inset:-30%;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, transparent), transparent 65%);
  filter:blur(18px); opacity:.5; z-index:-1;
  transition:opacity .4s ease, inset .4s ease;
}
.sat__btn img{
  width:100%; height:auto;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));
  transition:transform .4s var(--ease);
}
.sat__btn:hover,
.sat__btn.is-on{
  transform:translate(-50%,-50%) scale(1.16);
  border-color:color-mix(in srgb, var(--accent2) 55%, transparent);
  background:linear-gradient(160deg,
    color-mix(in srgb, var(--accent) 25%, transparent),
    rgba(255,255,255,.02));
  box-shadow:
    0 18px 44px -16px color-mix(in srgb, var(--accent) 80%, transparent),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.sat__btn:hover::before,
.sat__btn.is-on::before{ opacity:1; }
.sat__btn:hover img{ transform:scale(1.05); }

.sat__label{
  position:absolute; bottom:-1.65em; left:50%;
  transform:translateX(-50%) translateY(4px);
  font-family:var(--ff-mono); font-size:.66rem; font-weight:500;
  letter-spacing:.16em; color:var(--accent2);
  opacity:0; transition:opacity .35s ease, transform .35s var(--ease);
  pointer-events:none; white-space:nowrap;
}
.sat__btn:hover .sat__label,
.sat__btn.is-on .sat__label{ opacity:1; transform:translateX(-50%) translateY(0); }

/* paused state (hover anywhere on a satellite) */
.orbit.is-paused .track,
.orbit.is-paused .track__counter--inner,
.orbit.is-paused .track__counter--outer,
.orbit.is-paused .orbit__ring--inner::after,
.orbit.is-paused .orbit__ring--outer::after,
.orbit.is-paused .orbit__ring--dashed{
  animation-play-state:paused;
}

/* tooltip ----------------------------------------------- */
.orbit__tip{
  position:absolute; left:50%; top:0; z-index:6;
  transform:translate(-50%, 14px);
  width:min(320px, 86vw);
  padding:.85rem 1.1rem;
  border-radius:16px; border:1px solid var(--line-strong);
  background:rgba(10,13,24,.88);
  backdrop-filter:blur(20px) saturate(170%);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.95);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .3s ease, transform .4s var(--ease), visibility .3s;
  text-align:left;
}
.orbit__tip.is-on{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.orbit__tip-title{
  display:block; font-size:.95rem; font-weight:700; letter-spacing:-.01em;
  margin-bottom:.15rem; color:var(--tip,#fff);
}
.orbit__tip-text{ display:block; font-size:.82rem; line-height:1.5; color:var(--text-dim); }

@keyframes spin{ to{ transform:rotate(360deg); } }

/* =========================================================
   SECTIONS
   ========================================================= */
.section{
  position:relative;
  max-width:var(--maxw); margin:0 auto;
  padding:clamp(70px,11vh,130px) var(--gut);
}
.section--tight{ padding-top:clamp(40px,6vh,70px); }

.section__head{ max-width:640px; margin-bottom:clamp(2.5rem,5vw,3.75rem); }
.section__head h2{ font-size:clamp(1.95rem,4.2vw,3rem); }
.section__head p{ margin-top:1.1rem; color:var(--text-dim); font-size:1.05rem; }

/* ---------- product cards ---------- */
.cards{
  display:grid; gap:1.1rem;
  grid-template-columns:repeat(auto-fit, minmax(234px, 1fr));
}
.card{
  position:relative; overflow:hidden;
  padding:1.6rem 1.5rem 1.7rem;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:linear-gradient(170deg, rgba(255,255,255,.05), rgba(255,255,255,.012));
  backdrop-filter:blur(10px);
  transition:transform .5s var(--ease), border-color .4s ease, box-shadow .5s ease;
}
.card::before{
  content:''; position:absolute; inset:0; border-radius:inherit;
  background:radial-gradient(420px circle at 50% -10%,
    color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%);
  opacity:0; transition:opacity .5s ease; pointer-events:none;
}
.card::after{
  content:''; position:absolute; top:0; left:12%; right:12%; height:1px;
  background:linear-gradient(90deg, transparent, var(--accent2), transparent);
  opacity:.35; transition:opacity .5s ease;
}
.card:hover{
  transform:translateY(-7px);
  border-color:color-mix(in srgb, var(--accent2) 40%, transparent);
  box-shadow:0 28px 60px -30px color-mix(in srgb, var(--accent) 85%, transparent);
}
.card:hover::before{ opacity:1; }
.card:hover::after{ opacity:1; }

.card__icon{
  width:62px; height:62px; margin-bottom:1.2rem;
  display:grid; place-items:center; padding:9px;
  border-radius:17px; border:1px solid var(--line);
  background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  transition:transform .5s var(--ease);
}
.card:hover .card__icon{ transform:translateY(-3px) rotate(-6deg) scale(1.05); }
.card__icon img{ width:100%; height:auto; }

.card h3{ font-size:1.22rem; font-weight:500; }
.card h3 span{ font-weight:800; color:var(--accent2); }
.card > p{ margin:.65rem 0 1.15rem; color:var(--text-dim); font-size:.925rem; }

.card__list{ display:flex; flex-direction:column; gap:.45rem; }
.card__list li{
  position:relative; padding-left:1.35rem;
  font-size:.86rem; color:var(--text-faint);
}
.card__list li::before{
  content:''; position:absolute; left:.1rem; top:.62em;
  width:6px; height:6px; border-radius:50%;
  background:var(--accent2); opacity:.85;
}

/* ---------- features ---------- */
.features{
  display:grid; gap:1px;
  grid-template-columns:repeat(auto-fit, minmax(270px,1fr));
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.feature{
  padding:1.9rem 1.6rem;
  background:rgba(8,11,22,.72);
  transition:background .4s ease;
}
.feature:hover{ background:rgba(255,255,255,.04); }
.feature__ic{
  width:40px; height:40px; margin-bottom:1.1rem;
  display:grid; place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg, rgba(66,95,254,.22), rgba(128,48,253,.16));
  border:1px solid rgba(255,255,255,.1);
  color:var(--one-cyan);
}
.feature__ic svg{ width:20px; height:20px; }
.feature h3{ font-size:1.05rem; font-weight:600; margin-bottom:.5rem; }
.feature p{ font-size:.9rem; color:var(--text-dim); }

/* ---------- timeline ---------- */
.timeline{ position:relative; padding-left:0; }
.timeline__item{
  position:relative;
  display:grid; grid-template-columns:28px 1fr; gap:1.25rem;
  padding-bottom:2.2rem;
}
.timeline__item:not(:last-child)::before{
  content:''; position:absolute; left:13px; top:26px; bottom:0;
  width:1px; background:linear-gradient(var(--line-strong), transparent);
}
.timeline__dot{
  width:27px; height:27px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.04);
  position:relative;
}
.timeline__dot::after{
  content:''; width:9px; height:9px; border-radius:50%;
  background:var(--text-faint);
}
.timeline__item.is-done .timeline__dot::after{ background:#3ddc84; }
.timeline__item.is-done .timeline__dot{ border-color:rgba(61,220,132,.45); }
.timeline__item.is-active .timeline__dot::after{
  background:var(--one-cyan);
  box-shadow:0 0 0 0 rgba(10,184,237,.6);
  animation:beat 2.2s ease-out infinite;
}
.timeline__item.is-active .timeline__dot{ border-color:rgba(10,184,237,.5); }

.timeline__tag{
  display:inline-block; margin-bottom:.45rem;
  font-family:var(--ff-mono); font-size:.68rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--text-faint);
}
.timeline__item.is-done .timeline__tag{ color:#3ddc84; }
.timeline__item.is-active .timeline__tag{ color:var(--one-cyan); }
.timeline__item h3{ font-size:1.12rem; font-weight:600; }
.timeline__item p{ margin-top:.4rem; color:var(--text-dim); font-size:.92rem; max-width:52ch; }

/* =========================================================
   NOTIFY
   ========================================================= */
.notify{ padding:clamp(40px,6vh,70px) var(--gut) clamp(70px,10vh,120px); }
.notify__box{
  position:relative; overflow:hidden;
  max-width:860px; margin:0 auto;
  padding:clamp(2.2rem,5vw,3.5rem);
  text-align:center;
  border-radius:clamp(24px,3vw,34px);
  border:1px solid var(--line);
  background:linear-gradient(170deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
  backdrop-filter:blur(16px);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.95);
}
.notify__glow{
  position:absolute; left:50%; top:-60%;
  width:120%; height:140%; transform:translateX(-50%);
  background:
    radial-gradient(circle at 30% 50%, rgba(66,95,254,.28), transparent 55%),
    radial-gradient(circle at 70% 45%, rgba(128,48,253,.26), transparent 55%);
  filter:blur(40px); pointer-events:none;
}
.notify__box > *{ position:relative; }
.notify__box h2{ font-size:clamp(1.8rem,4vw,2.6rem); }
.notify__box > p{
  margin:1rem auto 2rem; max-width:48ch;
  color:var(--text-dim); font-size:1.02rem;
}

.form__row{
  display:flex; gap:.6rem; max-width:470px; margin:0 auto;
}
.form input{
  flex:1; min-width:0; height:52px;
  padding:0 1.25rem;
  border-radius:99px; border:1px solid var(--line-strong);
  background:rgba(0,0,0,.35); color:var(--text);
  font-family:inherit; font-size:.975rem;
  transition:border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.form input::placeholder{ color:var(--text-faint); }
.form input:focus{
  outline:none; border-color:var(--one-blue);
  background:rgba(0,0,0,.5);
  box-shadow:0 0 0 4px rgba(66,95,254,.15);
}
.form.is-error input{ border-color:#ff5c7a; box-shadow:0 0 0 4px rgba(255,92,122,.14); }

.form__msg{
  min-height:1.4em; margin-top:.9rem;
  font-size:.875rem; color:var(--text-faint);
  opacity:0; transform:translateY(-4px);
  transition:opacity .3s ease, transform .3s ease;
}
.form__msg.is-on{ opacity:1; transform:translateY(0); }
.form__msg.is-ok{ color:#3ddc84; }
.form__msg.is-err{ color:#ff7d93; }

.notify__foot{
  display:flex; align-items:center; justify-content:center; gap:.8rem;
  margin-top:2.1rem; flex-wrap:wrap;
  font-size:.86rem; color:var(--text-faint);
}
.notify__foot b{ color:var(--text); font-weight:600; }
.avatars{ display:flex; }
.avatars i{
  width:26px; height:26px; border-radius:50%;
  border:2px solid #0a0d17;
  margin-left:-9px;
  background:linear-gradient(135deg,
    hsl(calc(225 + var(--i) * 34) 85% 62%),
    hsl(calc(260 + var(--i) * 34) 85% 50%));
}
.avatars i:first-child{ margin-left:0; }

/* =========================================================
   FOOTER
   ========================================================= */
.footer{
  position:relative; z-index:1;
  border-top:1px solid var(--line);
  background:rgba(5,7,15,.6);
  backdrop-filter:blur(10px);
}
.footer__inner{
  max-width:var(--maxw); margin:0 auto;
  padding:2.6rem var(--gut) 2rem;
  display:flex; flex-wrap:wrap; gap:2rem;
  align-items:flex-start; justify-content:space-between;
}
.footer__brand{ display:flex; align-items:center; gap:.8rem; }
.footer__brand .brand__mark{ width:38px; height:38px; border-radius:11px; }
.footer__brand .brand__mark img{ width:21px; }
.footer__brand p{ font-size:.84rem; color:var(--text-faint); margin-top:.1rem; }

.footer__links{ display:flex; flex-wrap:wrap; gap:1.4rem; }
.footer__links a{
  font-size:.9rem; color:var(--text-dim);
  transition:color .25s ease;
}
.footer__links a:hover{ color:var(--one-cyan); }

/* parent-company badge */
.footer__parent{
  display:inline-flex; align-items:center; gap:.45em;
  flex-wrap:wrap;
  padding:.6rem 1.05rem;
  border:1px solid var(--line); border-radius:99px;
  background:linear-gradient(140deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  font-size:.84rem; color:var(--text-faint);
  transition:border-color .35s ease, background .35s ease, transform .35s var(--ease);
}
.footer__parent:hover{
  border-color:rgba(66,95,254,.5);
  background:linear-gradient(140deg, rgba(66,95,254,.16), rgba(128,48,253,.08));
  transform:translateY(-2px);
}
.footer__parent-label{ display:inline-flex; align-items:center; gap:.35em; }
.footer__parent-name{
  font-weight:600;
  background:linear-gradient(100deg, var(--one-cyan), var(--one-blue) 50%, var(--one-violet));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.footer__parent svg{
  width:13px; height:13px; opacity:.55;
  transition:transform .35s var(--ease), opacity .3s ease;
}
.footer__parent:hover svg{ transform:translate(2px,-2px); opacity:1; }

.footer__bar{
  max-width:var(--maxw); margin:0 auto;
  padding:1.1rem var(--gut) 1.6rem;
  border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:.8rem;
  align-items:center; justify-content:space-between;
  font-size:.8rem; color:var(--text-faint);
}
.footer__status{ display:inline-flex; align-items:center; gap:.55em; }

/* =========================================================
   REVEAL
   ========================================================= */
[data-reveal]{
  opacity:0; transform:translateY(26px);
  transition:opacity .85s var(--ease), transform .85s var(--ease);
  transition-delay:calc(var(--rd,0) * 90ms);
}
[data-reveal].is-in{ opacity:1; transform:none; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:980px){
  .hero__inner{ grid-template-columns:1fr; text-align:center; justify-items:center; }
  .hero__lede{ margin-inline:auto; }
  .hero__stats, .hero__actions{ justify-content:center; }
  .hero__visual{ order:-1; margin-bottom:0; }
  /* stacked layout: let the tooltip overlay instead of reserving a slot */
  .orbit__footer{ min-height:14px; margin-top:0; }
  .orbit{ --size: clamp(290px, 74vw, 430px); }
  .section__head{ margin-inline:auto; text-align:center; }
  .section__head p{ margin-inline:auto; }
}

@media (max-width:620px){
  .hero{ padding-top:110px; }
  .orbit{
    --size: min(86vw, 330px);
    --r-inner: calc(var(--size) * .24);
    --r-outer: calc(var(--size) * .395);
  }
  .footer__links{ gap:.6rem 1.1rem; }
  .footer__parent{ align-self:flex-start; border-radius:16px; font-size:.8rem; }
  .hero__stats{ gap:1.4rem; }
  .hero__stats b{ font-size:1.6rem; }
  .form__row{ flex-direction:column; border-radius:20px; }
  .form input, .form .btn{ width:100%; }
  .footer__inner{ flex-direction:column; }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal]{ opacity:1; transform:none; }
  .track--inner .sat{ transform:rotate(var(--a)) translateY(calc(-1 * var(--r-inner))); }
  .orbit__pulse{ display:none; }
}