@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/fa-solid-orbitax.woff2?v=20260807-5") format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/fa-brands-orbitax.woff2?v=20260807-5") format("woff2")}.fa,.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;line-height:1}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400;font-style:normal;line-height:1}.fa-car:before{content:"\f1b9"}.fa-chart-line:before{content:"\f201"}.fa-wallet:before{content:"\f555"}.fa-receipt:before{content:"\f543"}.fa-calendar-days:before{content:"\f073"}.fa-users:before{content:"\f0c0"}.fa-bullseye:before{content:"\f140"}.fa-route:before{content:"\f4d7"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-book-open:before{content:"\f518"}.fa-shield:before{content:"\f132"}.fa-circle-check:before{content:"\f058"}.fa-mobile-screen:before{content:"\f3cf"}.fa-google-play:before{content:"\f3ab"}.fa-bars:before{content:"\f0c9"}.fa-xmark:before{content:"\f00d"}.fa-sun:before{content:"\f185"}.fa-moon:before{content:"\f186"}.fa-magnifying-glass:before{content:"\f002"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-up-right-from-square:before{content:"\f35d"}.fa-circle-question:before{content:"\f059"}.fa-paper-plane:before{content:"\f1d8"}.fa-lock:before{content:"\f023"}.fa-database:before{content:"\f1c0"}.fa-user-shield:before{content:"\f505"}.fa-trash-can:before{content:"\f2ed"}.fa-credit-card:before{content:"\f09d"}.fa-cloud-arrow-up:before{content:"\f0ee"}.fa-rotate:before{content:"\f2f1"}.fa-location-dot:before{content:"\f3c5"}.fa-phone:before{content:"\f095"}.fa-chevron-down:before{content:"\f078"}.fa-circle-info:before{content:"\f05a"}.fa-house:before{content:"\f015"}.fa-globe:before{content:"\f0ac"}.fa-check:before{content:"\f00c"}

/* ORBITAX Website V5
   Shared production theme for landing, support, legal and account deletion pages.
   Typography scale: 13 / 15 / 17 / 19 / 21 / 23 / 25 / 27 / 29 / 31 / 33 px.
*/

:root{
  color-scheme:light;
  --bg:#f4f1e8;
  --surface:#fffdf8;
  --surface-2:#f0ece2;
  --surface-3:#e7e1d5;
  --text:#201d17;
  --muted:#655f54;
  --border:rgba(65,55,39,.14);
  --border-strong:rgba(65,55,39,.25);
  --primary:#4500A8;
  --primary-hover:#5700CC;
  --primary-active:#360083;
  --primary-soft:rgba(69,0,168,.09);
  --primary-soft-2:rgba(69,0,168,.15);
  --primary-border:rgba(69,0,168,.34);
  --on-primary:#fff;
  --success:#267a3c;
  --danger:#b83255;
  --shadow:0 22px 55px rgba(66,53,34,.14);
  --shadow-card:0 8px 24px rgba(66,53,34,.07);
  --container:1180px;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-xl:40px;
  --fs-1:13px;
  --fs-2:15px;
  --fs-3:17px;
  --fs-4:19px;
  --fs-5:21px;
  --fs-6:23px;
  --fs-7:25px;
  --fs-8:27px;
  --fs-9:29px;
  --fs-10:31px;
  --fs-11:33px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#181a1b;
  --surface:#181a1b;
  --surface-2:#202324;
  --surface-3:#292c2d;
  --text:#f7f8f8;
  --muted:#a2a8ab;
  --border:rgba(255,255,255,.09);
  --border-strong:rgba(255,255,255,.17);
  --primary:#B682FF;
  --primary-hover:#C69FFF;
  --primary-active:#9C5BEF;
  --primary-soft:rgba(182,130,255,.14);
  --primary-soft-2:rgba(182,130,255,.22);
  --primary-border:rgba(182,130,255,.48);
  --on-primary:#21102F;
  --success:#00ffbf;
  --danger:#ff497b;
  --shadow:0 24px 64px rgba(0,0,0,.42);
  --shadow-card:0 10px 28px rgba(0,0,0,.2);
}

*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;background:var(--bg)}
body{
  min-height:100%;
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:var(--fs-3);
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{color:inherit}
p,li{line-height:1.65}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.section{padding:72px 0}
.alt-section{
  background:color-mix(in srgb,var(--surface-2) 68%,var(--bg));
  border-block:1px solid var(--border);
}
.skip-link{
  position:fixed;
  left:16px;
  top:16px;
  z-index:999;
  transform:translateY(-180%);
  padding:10px 14px;
  border-radius:10px;
  background:var(--primary);
  color:var(--on-primary);
  font-size:var(--fs-1);
  font-weight:800;
}
.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--primary);
  outline-offset:3px;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  overflow:visible;
  background:color-mix(in srgb,var(--bg) 84%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);
}
.nav-wrap{
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.brand{display:flex;align-items:center;width:168px}
.brand-logo{width:100%;height:auto}
.logo-dark{display:none}
html[data-theme="dark"] .logo-light{display:none!important}
html[data-theme="dark"] .logo-dark{display:block!important}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:27px;
}
.main-nav a{
  color:var(--muted);
  font-size:var(--fs-1);
  font-weight:760;
  transition:color .18s ease;
}
.main-nav a:hover,.main-nav a.active{color:var(--primary)}
.nav-actions{
  display:flex;
  align-items:center;
  gap:9px;
  overflow:visible;
}
.theme-toggle,.icon-btn{
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:50%;
  background:var(--surface-2);
  color:var(--text);
  cursor:pointer;
  box-shadow:var(--shadow-card);
}
.menu-btn{display:none}
.language-control{position:relative}
.language-toggle{
  width:42px;
  min-width:0;
  padding:0;
}
.lang-code{
  font-size:var(--fs-1);
  font-weight:850;
  letter-spacing:.04em;
}
.language-menu{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  z-index:140;
  width:190px;
  display:grid;
  gap:4px;
  padding:7px;
  background:var(--surface);
  border:1px solid var(--border-strong);
  border-radius:16px;
  box-shadow:var(--shadow);
}
.language-menu[hidden]{display:none}
.language-menu button{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 11px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:var(--text);
  font-size:var(--fs-1);
  font-weight:760;
  text-align:left;
  cursor:pointer;
}
.language-menu button:hover,.language-menu button.active{
  background:var(--primary-soft);
  color:var(--primary);
}
.language-menu button.active::after{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
}

/* Buttons */
.btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 22px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:var(--fs-1);
  font-weight:820;
  cursor:pointer;
  transition:transform .15s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
  color:var(--on-primary);
  box-shadow:0 12px 26px var(--primary-soft-2);
}
.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn-secondary{
  background:var(--surface);
  border-color:var(--border-strong);
  color:var(--text);
  box-shadow:var(--shadow-card);
}
.btn-danger{
  background:color-mix(in srgb,var(--danger) 10%,var(--surface));
  border-color:color-mix(in srgb,var(--danger) 35%,var(--border));
  color:var(--danger);
}
.btn-small{min-height:42px;padding-inline:18px}
.btn-full{width:100%}
.btn:disabled{opacity:.62;cursor:not-allowed;transform:none}

/* Shared labels */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid var(--primary-border);
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:var(--fs-1);
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Landing hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:68px 0 72px;
  background:
    radial-gradient(circle at 78% 18%,var(--primary-soft-2),transparent 26%),
    linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--surface-2) 58%,var(--bg)));
}
.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:58px;
}
.hero h1{
  max-width:760px;
  margin:20px 0 24px;
  font-size:71px;
  line-height:.95;
  letter-spacing:-.055em;
}
.hero h1 span{color:var(--primary)}
.hero-lead{
  max-width:670px;
  margin:0 0 28px;
  color:var(--muted);
  font-size:var(--fs-4);
  line-height:1.65;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.hero-points span{
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  background:color-mix(in srgb,var(--surface) 70%,transparent);
  color:var(--muted);
  font-size:var(--fs-1);
  font-weight:750;
}
.hero-visual{
  position:relative;
  min-height:565px;
  display:grid;
  place-items:center;
}
.phone{
  position:relative;
  width:250px;
  aspect-ratio:402/874;
  overflow:hidden;
  padding:7px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:36px;
  background:#090a0b;
  box-shadow:0 28px 64px rgba(0,0,0,.24),0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent);
}
.phone::before{
  content:"";
  position:absolute;
  z-index:3;
  top:6px;
  left:50%;
  width:68px;
  height:17px;
  transform:translateX(-50%);
  border-radius:0 0 13px 13px;
  background:#090a0b;
}
.phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:29px;
}
.floating-card{
  position:absolute;
  z-index:3;
  min-width:142px;
  padding:12px 14px;
  border:1px solid var(--border-strong);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px);
}
.floating-card span,.floating-card strong{display:block}
.floating-card span{color:var(--muted);font-size:var(--fs-1)}
.floating-card strong{margin-top:2px;font-size:var(--fs-4)}
.floating-a{left:3%;top:126px}
.floating-b{right:1%;bottom:116px}
.hero-marquee{
  position:absolute;
  left:-2%;
  bottom:0;
  white-space:nowrap;
  pointer-events:none;
  color:var(--text);
  opacity:.032;
  font-size:clamp(82px,12vw,185px);
  font-weight:900;
  letter-spacing:-.06em;
  line-height:.8;
}

/* Proof strip */
.proof-strip{
  padding:25px 0;
  border-block:1px solid var(--border);
  background:var(--surface);
}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof-grid div{padding:4px 20px;border-right:1px solid var(--border)}
.proof-grid div:last-child{border-right:0}
.proof-grid b,.proof-grid span{display:block}
.proof-grid b{font-size:var(--fs-4)}
.proof-grid span{color:var(--muted);font-size:var(--fs-1)}

/* Section headings */
.section-head{max-width:680px}
.section-head.centered{max-width:770px;margin:0 auto 36px;text-align:center}
.section-head h2{
  margin:15px 0 16px;
  font-size:clamp(38px,4.8vw,62px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.section-head p{margin:0;color:var(--muted);font-size:var(--fs-3)}

/* Feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{
  padding:26px;
  border:1px solid var(--border);
  border-radius:22px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.feature-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid var(--primary-border);
  border-radius:15px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:var(--fs-4);
}
.feature-card h3{margin:16px 0 6px;font-size:var(--fs-5)}
.feature-card p{margin:0;color:var(--muted);font-size:var(--fs-2)}

/* Real app screen slider */
.screen-showcase{
  display:grid;
  grid-template-columns:1fr .82fr;
  align-items:center;
  gap:42px;
  padding:30px;
  border:1px solid var(--border);
  border-radius:32px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.screen-copy h3{
  margin:14px 0;
  font-size:clamp(34px,4vw,52px);
  line-height:1.04;
  letter-spacing:-.04em;
}
.screen-copy>p{max-width:600px;color:var(--muted);font-size:var(--fs-3)}
.screen-checks{display:grid;gap:9px;margin-top:22px}
.screen-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:var(--muted);
  font-size:var(--fs-2);
}
.screen-check i{margin-top:5px;color:var(--success)}
.screen-stage{
  min-height:475px;
  display:grid;
  place-items:center;
  position:relative;
}
.screen-stage .phone{width:216px}
.screen-stage img{transition:opacity .10s ease,transform .10s ease}
.screen-stage.is-switching img{opacity:.72;transform:translateY(2px)}
.screen-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.screen-tab{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 13px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:var(--fs-1);
  font-weight:800;
  cursor:pointer;
}
.screen-tab:hover{border-color:var(--primary-border);color:var(--primary)}
.screen-tab.active{
  background:var(--primary);
  border-color:var(--primary);
  color:var(--on-primary);
  box-shadow:0 8px 20px var(--primary-soft-2);
}

/* Workflow */
.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:start}
.steps-list{display:grid;gap:10px}
.step-card{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.step-card>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--primary-border);
  border-radius:13px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:var(--fs-1);
  font-weight:900;
}
.step-card h3{margin:1px 0 4px;font-size:var(--fs-4)}
.step-card p{margin:0;color:var(--muted);font-size:var(--fs-2)}

/* Support CTA */
.support-tease{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:30px;
  padding:38px 42px;
  border-radius:30px;
  background:linear-gradient(135deg,var(--primary-active),var(--primary),var(--primary-hover));
  color:var(--on-primary);
  box-shadow:0 22px 56px var(--primary-soft-2);
}
.support-tease h2{margin:5px 0;font-size:var(--fs-10);line-height:1.1}
.support-tease p{margin:6px 0 0;font-size:var(--fs-3);opacity:.8}
.support-tease .btn{background:#fff;border-color:#fff;color:#28005e}

/* FAQ */
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px}
.faq-list,.kb-list{display:grid;gap:9px}
.faq-list details,.kb-item{
  padding:0 18px;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.faq-list summary,.kb-item summary{
  position:relative;
  padding:17px 34px 17px 0;
  list-style:none;
  font-size:var(--fs-1);
  font-weight:800;
  cursor:pointer;
}
.faq-list summary::-webkit-details-marker,.kb-item summary::-webkit-details-marker{display:none}
.faq-list summary::after{
  content:"+";
  position:absolute;
  right:0;
  top:10px;
  color:var(--primary);
  font-size:var(--fs-7);
}
.faq-list details[open] summary::after{content:"−"}
.faq-list p,.kb-item .answer{
  margin:0;
  padding:0 0 17px;
  color:var(--muted);
  font-size:var(--fs-2);
}
.kb-item summary::after{
  content:"\f078";
  position:absolute;
  right:0;
  top:18px;
  color:var(--primary);
  font-family:"Font Awesome 6 Free";
  font-size:var(--fs-1);
  font-weight:900;
  transition:transform .18s ease;
}
.kb-item[open] summary::after{transform:rotate(180deg)}
.kb-item.is-hidden{display:none}

/* Download */
.download{padding:50px 0 80px}
.download-card{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:42px;
  padding:44px 48px;
  border-radius:32px;
  background:linear-gradient(135deg,var(--primary-active),var(--primary) 55%,var(--primary-hover));
  color:var(--on-primary);
  box-shadow:0 26px 65px var(--primary-soft-2);
}
.download-card h2{
  margin:9px 0;
  font-size:clamp(36px,5vw,58px);
  line-height:1;
}
.download-card p{max-width:680px;font-size:var(--fs-3);opacity:.82}
.download-card .btn{background:#fff;border-color:#fff;color:#28005e}

/* Footer */
.site-footer{
  padding:48px 0 22px;
  border-top:1px solid var(--border);
  background:var(--surface);
}
.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}
.footer-brand img{
  width:168px;
  height:auto;
  aspect-ratio:1343 / 316;
  object-fit:contain;
  display:block;
}
.footer-brand p{max-width:340px;color:var(--muted);font-size:var(--fs-1)}
.footer-col{display:grid;align-content:start;gap:7px}
.footer-col b{margin-bottom:5px;font-size:var(--fs-1)}
.footer-col a{color:var(--muted);font-size:var(--fs-1)}
.footer-col a:hover{color:var(--primary)}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:38px;
  padding-top:18px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--fs-1);
}

/* Inner page hero */
.page-hero{
  padding:54px 0 34px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 55%,transparent),transparent);
}
.page-hero .container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.page-hero .inner{width:100%;max-width:none;margin:0}
.page-hero h1{
  margin:14px 0;
  font-size:clamp(42px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.page-hero p{max-width:900px;margin-bottom:0;color:var(--muted);font-size:var(--fs-3)}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:var(--fs-1);
}

/* Support */
.support-layout{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:34px;
  align-items:start;
}
.support-side{position:sticky;top:98px}
.support-search{position:relative}
.support-search i{
  position:absolute;
  left:15px;
  top:17px;
  color:var(--muted);
}
.support-search input{
  width:100%;
  height:50px;
  padding:0 14px 0 43px;
  outline:none;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  color:var(--text);
  font-size:var(--fs-2);
}
.support-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.support-nav{display:grid;gap:5px;margin-top:11px}
.support-nav a{
  padding:9px 11px;
  border-radius:11px;
  color:var(--muted);
  font-size:var(--fs-1);
  font-weight:760;
}
.support-nav a:hover{background:var(--primary-soft);color:var(--primary)}
.support-section{margin-bottom:30px;scroll-margin-top:100px}
.support-section h2{margin:0 0 12px;font-size:var(--fs-7)}
.contact-card{
  padding:28px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:var(--fs-1);font-weight:800}
.field input,.field select,.field textarea{
  width:100%;
  padding:11px 12px;
  outline:none;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface-2);
  color:var(--text);
  font-size:var(--fs-2);
}
.field input,.field select{height:48px}
.field textarea{min-height:135px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.form-note{margin-top:9px;color:var(--muted);font-size:var(--fs-1)}
.form-status{display:none;margin-top:12px;padding:11px 13px;border-radius:12px;font-size:var(--fs-1)}
.form-status.show{display:block}
.form-status.success{
  color:var(--success);
  background:color-mix(in srgb,var(--success) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));
}
.form-status.error{
  color:var(--danger);
  background:color-mix(in srgb,var(--danger) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));
}
.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}

/* Legal */
.legal-wrap{
  width:min(var(--container),calc(100% - 48px));
  display:grid;
  grid-template-columns:235px minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.legal-toc{
  position:sticky;
  top:98px;
  display:grid;
  gap:6px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
}
.legal-toc a{
  padding:5px 7px;
  border-radius:8px;
  color:var(--muted);
  font-size:var(--fs-1);
}
.legal-toc a:hover{background:var(--primary-soft);color:var(--primary)}
.legal-doc{
  width:100%;
  max-width:none;
  padding:34px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.legal-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}
.tag{
  padding:5px 8px;
  border:1px solid var(--primary-border);
  border-radius:999px;
  background:var(--primary-soft);
  color:var(--primary);
  font-size:var(--fs-1);
  font-weight:850;
}
.legal-doc h2{
  margin-top:32px;
  font-size:var(--fs-7);
  scroll-margin-top:105px;
}
.legal-doc h2:first-of-type{margin-top:0}
.legal-doc h3{margin-top:23px;font-size:var(--fs-4)}
.legal-doc p,.legal-doc li{color:var(--muted);font-size:var(--fs-2)}
.legal-doc strong{color:var(--text)}
.legal-doc a{color:var(--primary);text-decoration:underline}
.callout{
  margin:16px 0;
  padding:15px 16px;
  border:1px solid var(--primary-border);
  border-radius:14px;
  background:var(--primary-soft);
  font-size:var(--fs-2);
}
.danger-callout{
  background:color-mix(in srgb,var(--danger) 8%,var(--surface));
  border-color:color-mix(in srgb,var(--danger) 30%,var(--border));
}
.delete-card{max-width:none}

/* Account deletion steps */
.steps{counter-reset:steps;display:grid;gap:10px;margin:18px 0}
.step{
  position:relative;
  padding:16px 16px 16px 58px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface-2);
}
.step::before{
  counter-increment:steps;
  content:counter(steps);
  position:absolute;
  left:15px;
  top:14px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:var(--primary);
  color:var(--on-primary);
  font-size:var(--fs-1);
  font-weight:900;
}

/* 404 */
.notfound{
  min-height:64vh;
  display:grid;
  place-items:center;
  padding:60px 24px;
  text-align:center;
}
.notfound h1{
  margin:0;
  color:var(--primary);
  font-size:90px;
  line-height:1;
}
.notfound h2{font-size:var(--fs-8)}

/* Animation */
.fa-spin{animation:orbitax-spin .85s linear infinite}
@keyframes orbitax-spin{to{transform:rotate(360deg)}}

/* Tablet */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  .hero-copy .eyebrow{margin-inline:auto}
  .hero-lead{margin-inline:auto}
  .hero-actions,.hero-points{justify-content:center}
  .hero-visual{min-height:540px}
  .floating-a{left:14%}
  .floating-b{right:12%}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .screen-showcase{grid-template-columns:1fr;gap:22px}
  .screen-copy{text-align:center}
  .screen-copy>p{margin-inline:auto}
  .screen-checks{max-width:600px;margin-inline:auto;text-align:left}
  .screen-tabs{justify-content:center}
  .screen-stage{min-height:460px}
  .split-layout,.faq-layout{grid-template-columns:1fr}
  .support-layout{grid-template-columns:1fr}
  .support-side{position:static}
  .support-nav{grid-template-columns:repeat(2,1fr)}
  .legal-wrap{grid-template-columns:1fr;width:min(var(--container),calc(100% - 48px))}
  .legal-toc{position:static;grid-template-columns:repeat(2,1fr)}
  .support-tease,.download-card{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-grid div:nth-child(2){border-right:0}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

/* Mobile */
@media(max-width:760px){
  .container,.page-hero .container,.legal-wrap{width:min(var(--container),calc(100% - 28px))}
  .nav-wrap{min-height:70px;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .brand{width:122px;justify-self:start}
  .nav-actions{justify-self:end;margin-left:auto}
  .main-nav{
    display:none;
    position:absolute;
    left:14px;
    right:14px;
    top:73px;
    padding:11px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:stretch;
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:8px 9px}
  .nav-actions{gap:5px}
  .nav-actions .btn{display:none}
  .theme-toggle,.icon-btn{width:40px;min-width:40px;height:40px}
  .menu-btn{display:grid}
  .language-toggle{width:40px;min-width:0;padding:0}
  .language-toggle .lang-code{display:inline}
  .language-menu{right:-42px;width:180px}
  .hero{padding:52px 0 58px}
  .hero h1{font-size:clamp(47px,14vw,63px)}
  .hero-lead{font-size:var(--fs-3)}
  .hero-visual{min-height:480px}
  .hero .phone{width:214px}
  .floating-card{display:none}
  .section{padding:58px 0}
  .feature-grid{grid-template-columns:1fr}
  .screen-showcase{padding:22px 17px;border-radius:24px}
  .screen-stage{min-height:420px}
  .screen-stage .phone{width:190px}
  .support-tease,.download-card{padding:28px;border-radius:24px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .legal-doc{padding:24px}
  .legal-toc{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid div{border-right:0;border-bottom:1px solid var(--border)}
  .proof-grid div:last-child{border-bottom:0}
  .support-nav{grid-template-columns:1fr}
  .page-hero{padding-top:44px}
  .page-hero h1{font-size:42px}
}

@media(max-width:430px){
  .legal-toc{grid-template-columns:1fr}
  .legal-doc{padding:20px}
  .download-card h2{font-size:36px}
}

@media(max-width:360px){
  .brand{width:112px}
  .nav-wrap{gap:5px}
  .theme-toggle,.icon-btn{width:38px;min-width:38px;height:38px}
  .language-toggle{width:38px;min-width:0;height:38px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ===== Crafto Application motion layer — restored in ORBITAX v4 ===== */
/* The original Application demo used staged entrance animation, floating elements,
   particles, parallax movement and Atropos-style 3D interaction. This lightweight
   layer restores those behaviours without pulling the full template runtime. */

.hero,.download{isolation:isolate}
.hero::before,.hero::after{
  content:"";
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
  will-change:transform;
}
.hero::before{
  width:180px;height:180px;left:-86px;top:8%;
  background:var(--primary-soft-2);
  animation:orbitax-orb-a 7s ease-in-out infinite alternate;
}
.hero::after{
  width:106px;height:106px;right:4%;bottom:8%;
  background:var(--primary-soft);
  animation:orbitax-orb-b 5.6s ease-in-out .4s infinite alternate;
}
.hero-grid,.download>.container{position:relative;z-index:2}
.hero-marquee{z-index:0;animation:orbitax-marquee 54s linear infinite;will-change:transform}

.particle-field{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
}
.motion-particle{
  position:absolute;
  left:var(--particle-x);
  top:var(--particle-y);
  width:var(--particle-size);
  height:var(--particle-size);
  border-radius:50%;
  background:var(--primary);
  opacity:var(--particle-opacity,.22);
  filter:blur(var(--particle-blur,0));
  animation:orbitax-particle-drift var(--particle-duration,18s) linear var(--particle-delay,0s) infinite;
  will-change:transform;
}
.download{position:relative;overflow:hidden}
.download .particle-field{opacity:.78}

.download-card,.support-tease{position:relative;overflow:hidden;isolation:isolate}
.download-card{z-index:2}
.download-card::before,.support-tease::before{
  content:"";position:absolute;z-index:-1;inset:-65%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),rgba(255,255,255,0) 38%);
  opacity:.58;transform:translate3d(-18%,0,0) scale(1);
  animation:orbitax-cta-glow 10.5s ease-in-out infinite alternate;will-change:transform;
}
.support-tease::before{animation-delay:-2.2s}


.phone-motion{
  width:max-content;
  max-width:100%;
  display:grid;
  place-items:center;
  position:relative;
  animation:orbitax-phone-float 4.6s ease-in-out .35s infinite alternate both;
  transform-style:preserve-3d;
  will-change:transform;
}
/* Stable pointer target: the transformed phone can move inside it without
   changing the hit area that owns pointerenter/pointerleave. */
.phone-motion::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:0;
}
.phone-motion>.phone{position:relative;z-index:1}
.screen-stage .phone-motion{animation-delay:-1.25s}
.phone{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --tilt-scale:1;
  transform:perspective(1150px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--tilt-scale));
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform;
  transition:box-shadow .35s ease,border-color .35s ease;
}
.phone img{
  transform:translateZ(16px) scale(1.002);
  backface-visibility:hidden;
  transition:transform .42s cubic-bezier(.22,1,.36,1),filter .35s ease;
  will-change:transform;
}
@media(hover:hover) and (pointer:fine){
  /* Pause the autonomous float while the pointer controls the phone.
     This prevents two independent motion systems from fighting each other. */
  .phone-motion.is-interacting{animation-play-state:paused}
  .phone-motion.is-interacting .phone{
    --tilt-scale:1.018;
    border-color:color-mix(in srgb,var(--primary) 58%,rgba(255,255,255,.17));
    box-shadow:0 36px 82px rgba(0,0,0,.32),0 0 0 7px color-mix(in srgb,var(--primary) 14%,transparent),0 0 34px color-mix(in srgb,var(--primary) 18%,transparent);
  }
  .phone-motion.is-interacting .phone img{
    transform:translateZ(23px) scale(1.006);
    filter:saturate(1.025) contrast(1.01);
  }
  .feature-card,.step-card,.faq-list details,.kb-item,.support-nav a,.legal-toc,.legal-doc,.contact-card{
    transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
  }
  .feature-card:hover,.step-card:hover,.faq-list details:hover,.kb-item:hover,.support-nav a:hover{
    transform:translateY(-6px);
    border-color:var(--primary-border);
    box-shadow:0 20px 48px color-mix(in srgb,var(--primary) 9%,rgba(0,0,0,.18));
  }
  .feature-icon{transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .28s ease,box-shadow .28s ease}
  .feature-card:hover .feature-icon{transform:translateY(-3px) rotate(-5deg) scale(1.06);background:var(--primary);color:var(--on-primary);box-shadow:0 12px 28px var(--primary-soft-2)}
  .screen-tab{transition:transform .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}
  .screen-tab:hover{transform:translateY(-2px)}
  .theme-toggle,.icon-btn,.language-toggle{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}
  .theme-toggle:hover,.icon-btn:hover,.language-toggle:hover{transform:translateY(-2px);border-color:var(--primary-border);box-shadow:0 10px 24px var(--primary-soft)}
}

.floating-a{animation:orbitax-float-a 3.2s ease-in-out .25s infinite alternate both}
.floating-b{animation:orbitax-float-b 3.6s ease-in-out .75s infinite alternate both}

/* Entrance animation is only armed after JS marks elements, so content stays visible without JS. */
.motion-ready [data-reveal]{
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:
    opacity .78s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
    transform .86s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
    filter .78s ease var(--reveal-delay,0ms);
  filter:blur(2px);
  will-change:opacity,transform,filter;
}
.motion-ready [data-reveal="left"]{transform:translate3d(-42px,0,0)}
.motion-ready [data-reveal="right"]{transform:translate3d(42px,0,0)}
.motion-ready [data-reveal="scale"]{transform:translate3d(0,20px,0) scale(.94)}
.motion-ready [data-reveal="card3d"]{transform:perspective(1200px) translate3d(0,42px,0) rotateX(9deg) scale(1.045);transform-origin:50% 100%}
.motion-ready [data-reveal="hero3d"]{transform:perspective(1200px) translate3d(42px,58px,0) rotateY(-16deg) scale(1.075);transform-origin:50% 50%}
.motion-ready [data-reveal].is-visible{
  opacity:1;
  transform:none;
  filter:none;
}

/* Slight parallax targets, inspired by the Application demo's scroll transforms. */
[data-parallax-soft]{will-change:transform;transition:transform .12s linear}

@keyframes orbitax-phone-float{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,7px,0)}
  100%{transform:translate3d(0,14px,0)}
}
@keyframes orbitax-float-a{from{transform:translate3d(0,0,0) rotate(-1deg)}to{transform:translate3d(0,18px,0) rotate(1.5deg)}}
@keyframes orbitax-float-b{from{transform:translate3d(0,10px,0) rotate(1deg)}to{transform:translate3d(0,-12px,0) rotate(-1.5deg)}}
@keyframes orbitax-orb-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(48px,38px,0) scale(1.12)}}
@keyframes orbitax-orb-b{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(-44px,-34px,0) scale(1.16)}}
@keyframes orbitax-particle-drift{
  0%{transform:translate3d(-55px,8px,0) scale(.86)}
  35%{transform:translate3d(15px,-18px,0) scale(1.04)}
  70%{transform:translate3d(86px,14px,0) scale(.94)}
  100%{transform:translate3d(155px,-24px,0) scale(1.08)}
}
@keyframes orbitax-marquee{from{transform:translate3d(18%,0,0)}to{transform:translate3d(-68%,0,0)}}
@keyframes orbitax-cta-glow{from{transform:translate3d(-18%,0,0) scale(1)}to{transform:translate3d(22%,4%,0) scale(1.08)}}

@media(max-width:760px){
  .hero::before{width:130px;height:130px}
  .hero::after{width:82px;height:82px}
  .motion-particle:nth-child(n+9){display:none}
  .phone-motion{animation-duration:5.2s}
}

@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after,.hero-marquee,.motion-particle,.phone-motion,.floating-a,.floating-b,.download-card::before,.support-tease::before{animation:none!important}
  .motion-ready [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  [data-parallax-soft]{transform:none!important;translate:none!important;transition:none!important}
  .phone{transform:none!important}
}

[data-parallax-soft]{transform:translate3d(0,var(--parallax-shift,0px),0)}


/* V5 performance polish */
.particle-field{contain:layout paint style;pointer-events:none}
.motion-particle{contain:paint}
.screen-stage{contain:layout paint}
@media (min-width:761px){.home-page .section,.home-page .download{content-visibility:auto;contain-intrinsic-size:1px 760px}}