:root{--bg:#020617;--panel:rgba(15,23,42,.68);--panel2:rgba(15,23,42,.88);--line:rgba(148,163,184,.18);--text:#f8fafc;--muted:#cbd5e1;--soft:#94a3b8;--blue:#38bdf8;--blue2:#2563eb;--orange:#ff7a1a;--green:#22c55e;--radius:30px;--shadow:0 30px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 7%,rgba(56,189,248,.18),transparent 28%),radial-gradient(circle at 86% 18%,rgba(255,122,26,.14),transparent 28%),radial-gradient(circle at 50% 96%,rgba(37,99,235,.14),transparent 32%),var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.18));pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:auto -18% 16% -18%;height:28vh;background:linear-gradient(105deg,transparent 8%,rgba(255,122,26,.9) 24%,rgba(56,189,248,.86) 52%,rgba(255,122,26,.82) 78%,transparent 94%);filter:blur(24px);opacity:.42;transform:rotate(-7deg);pointer-events:none;z-index:-1;animation:flow 10s ease-in-out infinite alternate}@keyframes flow{from{transform:translateX(-3%) rotate(-7deg);opacity:.35}to{transform:translateX(3%) rotate(-5deg);opacity:.55}}a{color:inherit;text-decoration:none}.section{width:min(1180px,calc(100% - 42px));margin:auto;padding:120px 0}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:26px;justify-content:space-between;padding:14px max(22px,calc((100vw - 1180px)/2));background:rgba(2,6,23,.62);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.brand img{width:190px;display:block;border-radius:10px}.site-nav{display:flex;gap:24px;align-items:center;color:var(--muted);font-weight:700;font-size:14px}.site-nav a:hover{color:#fff}.header-cta,.btn,.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:1px solid rgba(148,163,184,.22);padding:14px 20px;font-weight:800;transition:.25s;background:rgba(15,23,42,.72)}.header-cta,.btn.primary,.lang-btn.primary{background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 18px 45px rgba(37,99,235,.35);border-color:rgba(56,189,248,.48)}.btn:hover,.lang-btn:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(56,189,248,.22)}.btn.secondary{color:#dbeafe;background:rgba(15,23,42,.68)}.nav-toggle{display:none;background:transparent;border:0;color:#fff}.nav-toggle span{display:block;width:26px;height:2px;margin:6px;background:#fff}.intro-page{min-height:100vh;display:grid;place-items:center}.intro-wrap{position:relative;min-height:100vh;width:100%;display:grid;place-items:center;padding:24px;overflow:hidden}.intro-card{width:min(980px,100%);text-align:center;padding:44px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.64));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.intro-logo{width:min(640px,92%);border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.34);animation:float 5s ease-in-out infinite}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-size:12px;font-weight:900}.intro-card h1{font-size:clamp(3.5rem,8vw,8.7rem);line-height:.88;letter-spacing:-.07em;margin:24px 0}.intro-card h1 span,.hero h1 span{background:linear-gradient(100deg,#fff,var(--blue),#ffbe7a);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-copy{max-width:740px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7}.intro-points{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0}.intro-points span,.trust-pill{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.65);border-radius:999px;padding:9px 13px;color:#dbeafe;font-weight:800;font-size:13px}.language-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.lang-btn{min-width:170px}.light-orbit{position:absolute;width:130vw;height:180px;background:linear-gradient(90deg,transparent,var(--orange),var(--blue),var(--orange),transparent);filter:blur(16px);opacity:.58;transform:rotate(-8deg);animation:lightmove 7s ease-in-out infinite alternate}.orbit-two{top:22%;opacity:.23;animation-delay:-2s}.orbit-one{top:45%}@keyframes lightmove{to{transform:translateX(8%) rotate(-5deg)}}@keyframes float{50%{transform:translateY(-10px)}}.hero{min-height:88vh;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:60px;padding-top:86px}.hero h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.9;margin:12px 0 18px;letter-spacing:-.075em}.hero h2{font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.04;margin:0 0 22px}.hero p{color:var(--muted);font-size:18px;line-height:1.75}.hero-checks{display:grid;gap:11px;margin:28px 0}.hero-checks span{display:flex;gap:8px;color:#e2e8f0}.hero-checks span:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(34,197,94,.12);color:var(--green)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.device-frame{padding:14px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(226,232,240,.25);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:.35s;animation:float 6s ease-in-out infinite}.device-frame:hover{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-6px)}.device-frame img,.feature-grid img,.showcase-grid img{display:block;width:100%;border-radius:22px}.split,.tech-section{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.section h2{font-size:clamp(2rem,4vw,4.4rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 18px}.section-head{text-align:center;max-width:800px;margin:0 auto 42px}.section p{color:var(--muted);line-height:1.7}.comparison-grid,.pricing-grid,.road-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.comparison-grid article,.pricing-grid article,.road-grid article,.feature-grid article,.benefit-list article,.final-cta,.pill-grid span{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.23);backdrop-filter:blur(18px);transition:.25s}.comparison-grid article:hover,.pricing-grid article:hover,.feature-grid article:hover,.pill-grid span:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.34)}.comparison-grid strong{display:block;font-size:36px;margin:10px 0}.positive,.featured{box-shadow:0 26px 80px rgba(56,189,248,.16)!important;border-color:rgba(56,189,248,.32)!important}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.feature-grid article{grid-column:span 2;padding:18px}.feature-grid article:first-child,.feature-grid article:nth-child(2){grid-column:span 3}.feature-grid h3{font-size:24px;margin:18px 8px 6px}.feature-grid p{margin:0 8px 8px}.showcase-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.showcase-grid img{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);height:100%;object-fit:cover}.showcase-grid img:first-child{grid-row:span 2}.pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pill-grid span{text-align:center;font-weight:900}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid article{min-height:210px;display:flex;flex-direction:column;justify-content:center}.pricing-grid h3{font-size:28px;margin:0 0 10px}.pricing-grid .featured span{align-self:flex-start;border-radius:999px;background:rgba(56,189,248,.15);color:#7dd3fc;padding:8px 12px;margin-bottom:18px;font-weight:900}.road-grid{grid-template-columns:repeat(3,1fr)}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:80px;background:linear-gradient(135deg,rgba(37,99,235,.23),rgba(15,23,42,.75),rgba(255,122,26,.11))}.btn.large{font-size:18px;padding:18px 26px}.site-footer{display:flex;justify-content:space-between;gap:22px;padding:34px max(22px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:rgba(2,6,23,.72);color:var(--muted)}.site-footer div{display:grid;gap:8px}.site-footer strong{color:#fff;font-size:22px}.site-footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease, transform .75s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:900px){.site-header{align-items:center}.nav-toggle{display:block}.site-nav{position:absolute;left:20px;right:20px;top:76px;display:none;flex-direction:column;background:rgba(2,6,23,.94);padding:22px;border:1px solid var(--line);border-radius:22px}.site-nav.open{display:flex}.header-cta{display:none}.hero,.split{grid-template-columns:1fr;min-height:auto}.hero{padding-top:58px}.device-frame{transform:none;animation:none}.feature-grid,.showcase-grid,.pricing-grid,.road-grid,.pill-grid,.comparison-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:first-child,.feature-grid article:nth-child(2){grid-column:auto}.section{padding:76px 0}.intro-card{padding:28px 18px}.site-footer,.final-cta{display:grid}.brand img{width:150px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* === ORLENE V2 Intro Override === */
.intro-page{
  min-height:100vh;
  display:block;
  background:
    radial-gradient(circle at 50% 8%,rgba(56,189,248,.18),transparent 24%),
    radial-gradient(circle at 12% 55%,rgba(255,122,26,.14),transparent 30%),
    radial-gradient(circle at 88% 48%,rgba(255,122,26,.12),transparent 28%),
    #020617;
}
.intro-page:after{display:none;}
.intro-hero{
  min-height:100vh;
  width:100%;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:38px 22px;
  isolation:isolate;
}
.intro-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(148,163,184,.055) 1px, transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.045) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 42%,black 0%,rgba(0,0,0,.7) 38%,transparent 78%);
  opacity:.9;
  z-index:-4;
}
.particle-field{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 45% 44%,rgba(56,189,248,.55) 0 1px,transparent 2px),
    radial-gradient(circle at 48% 48%,rgba(125,211,252,.45) 0 1px,transparent 2px),
    radial-gradient(circle at 55% 39%,rgba(255,255,255,.45) 0 1px,transparent 2px),
    radial-gradient(circle at 62% 47%,rgba(56,189,248,.35) 0 1px,transparent 2px),
    radial-gradient(circle at 51% 57%,rgba(255,255,255,.28) 0 1px,transparent 2px);
  background-size:120px 120px,170px 170px,210px 210px,150px 150px,260px 260px;
  opacity:.45;
  filter:blur(.2px);
  animation:particles 12s ease-in-out infinite alternate;
  z-index:-2;
}
@keyframes particles{to{transform:translate3d(14px,-12px,0);opacity:.7}}
.energy-arc{
  position:absolute;
  left:-13vw;
  right:-13vw;
  height:185px;
  top:38%;
  transform:rotate(-6deg);
  z-index:-1;
  pointer-events:none;
}
.energy-arc:before,
.energy-arc:after{
  content:"";
  position:absolute;
  inset:70px 0 auto 0;
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,122,26,.98) 12%,rgba(255,180,92,.92) 28%,rgba(56,189,248,1) 50%,rgba(125,211,252,.86) 63%,rgba(255,122,26,1) 86%,transparent 100%);
  filter:blur(3px);
  box-shadow:
    0 0 24px rgba(255,122,26,.85),
    0 0 54px rgba(56,189,248,.65),
    0 0 90px rgba(255,122,26,.35);
  animation:arcFlow 8s ease-in-out infinite alternate;
}
.energy-arc:after{
  height:2px;
  top:76px;
  filter:blur(0);
  opacity:.95;
}
.arc-soft{top:33%;opacity:.28;transform:rotate(-9deg) scaleY(.7);}
.arc-soft:before,.arc-soft:after{animation-delay:-3s;}
@keyframes arcFlow{
  from{transform:translateX(-5%) scaleX(1.02);}
  to{transform:translateX(5%) scaleX(1.08);}
}
.intro-content{
  width:min(1180px,100%);
  text-align:center;
  display:grid;
  justify-items:center;
  padding-top:6px;
}
.intro-logo-card{
  width:min(680px,88vw);
  padding:15px 24px;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 26px 80px rgba(0,0,0,.42),0 0 55px rgba(56,189,248,.12);
  position:relative;
  overflow:hidden;
  animation:logoFloat 5.5s ease-in-out infinite;
}
.intro-logo-card:after{
  content:"";
  position:absolute;
  inset:0 auto 0 100%;
  width:16px;
  background:rgba(226,232,240,.88);
  box-shadow:18px 0 0 rgba(226,232,240,.72);
  animation:shineEdge 4.8s ease-in-out infinite;
}
@keyframes shineEdge{50%{left:96%;}}
@keyframes logoFloat{50%{transform:translateY(-8px);}}
.intro-logo{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
  box-shadow:none;
  animation:none;
}
.intro-content .kicker{
  margin-top:28px;
  font-size:12px;
  color:#38bdf8;
  letter-spacing:.32em;
  text-shadow:0 0 18px rgba(56,189,248,.75);
}
.intro-content h1{
  margin:22px 0 16px;
  font-size:clamp(3.8rem,8.6vw,9.2rem);
  line-height:.88;
  letter-spacing:-.075em;
  text-shadow:0 22px 80px rgba(0,0,0,.72);
}
.intro-content h1 span{
  background:linear-gradient(95deg,#f8fafc 0%,#38bdf8 38%,#dbeafe 57%,#ff9d4d 92%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.intro-copy{
  max-width:780px;
  margin:0 auto 24px;
  color:#dbeafe;
  font-size:clamp(1rem,1.4vw,1.22rem);
  line-height:1.65;
  text-shadow:0 4px 24px rgba(0,0,0,.55);
}
.intro-facts{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:0;
  margin:8px auto 32px;
  border-radius:999px;
}
.intro-facts span{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 20px;
  color:#f8fafc;
  font-size:14px;
  font-weight:800;
  border-right:1px solid rgba(148,163,184,.34);
  background:linear-gradient(180deg,rgba(15,23,42,.24),rgba(15,23,42,.04));
}
.intro-facts span:first-child{border-radius:999px 0 0 999px;}
.intro-facts span:last-child{border-right:0;border-radius:0 999px 999px 0;}
.intro-facts i{
  font-style:normal;
  color:#7dd3fc;
  filter:drop-shadow(0 0 10px rgba(56,189,248,.6));
}
.language-actions{
  gap:18px;
}
.lang-btn{
  min-width:176px;
  min-height:56px;
  font-size:18px;
  border-radius:16px;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 50px rgba(0,0,0,.28);
}
.lang-btn.primary{
  box-shadow:0 18px 55px rgba(37,99,235,.52),0 0 26px rgba(56,189,248,.24);
}
@media (max-width:760px){
  .intro-hero{padding:28px 16px;align-items:start;place-items:start center;}
  .intro-logo-card{width:min(520px,94vw);padding:12px 16px;margin-top:28px;}
  .energy-arc{top:33%;height:130px;}
  .intro-content h1{font-size:clamp(3.2rem,16vw,5.6rem);margin-top:26px;}
  .intro-facts{display:grid;grid-template-columns:1fr;gap:8px;width:min(430px,100%);}
  .intro-facts span{border:1px solid rgba(148,163,184,.22);border-radius:999px!important;justify-content:center;background:rgba(15,23,42,.58);}
  .language-actions{width:min(430px,100%);}
  .lang-btn{width:100%;}
}

/* === ORLENE screenshot polish update: real anonymized images === */
.device-frame img,.feature-grid img,.showcase-grid img{filter:saturate(.98) contrast(1.02);}
.hero-visual .device-frame{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.05));}
.hero-visual .device-frame img{min-height:420px;object-fit:cover;object-position:center;}
@media (max-width:900px){.hero-visual .device-frame img{min-height:0;}}


/* Legal / Contact pages */
.contact-line{margin-top:12px;color:var(--muted)}
.contact-line a{color:#7dd3fc;font-weight:900}.contact-line a:hover{color:#fff}
.legal-main{width:min(960px,calc(100% - 42px));margin:0 auto;padding:96px 0 120px}.legal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:42px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.legal-card h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:0 0 20px}.legal-card h2{font-size:clamp(1.45rem,3vw,2.2rem);margin:38px 0 12px;letter-spacing:-.035em}.legal-card h3{font-size:1.15rem;margin:24px 0 8px}.legal-card p,.legal-card li{color:var(--muted);line-height:1.75}.legal-card a{color:#7dd3fc;font-weight:800}.legal-card a:hover{color:#fff}.legal-meta{display:grid;gap:8px;padding:20px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:rgba(15,23,42,.55);margin:24px 0}.legal-note{margin-top:28px;padding:18px;border-radius:18px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#cbd5e1}@media(max-width:900px){.legal-card{padding:26px 18px}.legal-main{padding-top:60px}}


/* === ORLENE MOBILE INTRO FIX 2026-06-08 === */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.intro-hero {
  min-height: 100svh;
  height: auto;
}

.intro-content {
  max-width: 100%;
}

.intro-content h1 {
  max-width: 100%;
  overflow-wrap: normal;
}

@media (max-width: 760px) {
  body.intro-page {
    min-height: 100svh;
    overflow-x: hidden;
  }

  .intro-hero {
    min-height: 100svh;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 18px 14px 36px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .intro-content {
    width: 100%;
    max-width: 430px;
    padding: 0;
  }

  .intro-logo-card {
    width: 100%;
    max-width: 360px;
    padding: 10px 12px;
    margin-top: 8px;
    border-radius: 22px;
  }

  .intro-content .kicker {
    margin-top: 22px;
    font-size: 11px;
    letter-spacing: .22em;
    line-height: 1.5;
  }

  .intro-content h1 {
    font-size: clamp(2.55rem, 12vw, 4.25rem);
    line-height: .94;
    letter-spacing: -0.055em;
    margin: 18px auto 14px;
    width: 100%;
    max-width: 100%;
  }

  .intro-copy {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 18px;
    font-size: 1rem;
    line-height: 1.55;
  }

  .intro-facts {
    width: 100%;
    max-width: 360px;
    margin: 4px auto 22px;
    gap: 8px;
  }

  .intro-facts span {
    min-height: 46px;
    padding: 0 14px;
    font-size: 0.95rem;
    line-height: 1.2;
  }

  .language-actions {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .lang-btn {
    width: 100%;
    min-height: 52px;
    font-size: 1rem;
  }

  .energy-arc {
    top: 38%;
    left: -40vw;
    right: -40vw;
    height: 120px;
  }

  .energy-arc:before {
    height: 8px;
  }
}

@media (max-width: 420px) {
  .intro-logo-card {
    max-width: 335px;
  }

  .intro-content h1 {
    font-size: clamp(2.35rem, 11.5vw, 3.75rem);
    letter-spacing: -0.05em;
  }

  .intro-copy {
    max-width: 330px;
    font-size: .96rem;
  }

  .intro-facts,
  .language-actions {
    max-width: 330px;
  }
}

@media (max-height: 760px) and (max-width: 760px) {
  .intro-logo-card {
    max-width: 310px;
    margin-top: 0;
  }

  .intro-content .kicker {
    margin-top: 16px;
  }

  .intro-content h1 {
    font-size: clamp(2.15rem, 10.5vw, 3.35rem);
    margin: 14px auto 10px;
  }

  .intro-copy {
    font-size: .92rem;
    line-height: 1.45;
    margin-bottom: 12px;
  }

  .intro-facts span {
    min-height: 40px;
    font-size: .88rem;
  }

  .lang-btn {
    min-height: 46px;
  }
}

/* === ORLENE Demo section 2026-06-19 === */
.demo-section{
  padding-top:86px;
}
.demo-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:22px;
  align-items:stretch;
}
.demo-video,
.demo-steps{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.58));
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.demo-video{
  overflow:hidden;
  background:#020617;
  position:relative;
}
.demo-video video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  min-height:0;
  max-height:72vh;
  object-fit:contain;
  background:#020617;
}
.video-cta{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:13px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--orange),#ff9c3f);
  color:#fff;
  font-weight:900;
  box-shadow:0 18px 42px rgba(255,122,26,.35);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:.25s ease;
}
.demo-video:hover .video-cta,
.demo-video.cta-visible .video-cta{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.video-cta:hover{
  transform:translateY(-2px);
}
.demo-steps{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px;
}
.demo-steps article{
  padding:18px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:22px;
  background:rgba(15,23,42,.48);
}
.demo-steps span{
  display:inline-flex;
  margin-bottom:8px;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.demo-steps h3{
  margin:0 0 7px;
  font-size:22px;
}
.demo-steps p{
  margin:0;
}
.demo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:auto;
  padding-top:4px;
}
.request-section{
  min-height:calc(100vh - 180px);
  padding-top:92px;
}
.request-section h1{
  font-size:clamp(2.7rem,5vw,5.4rem);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0 0 18px;
}
.request-form{
  width:min(780px,100%);
  margin:0 auto;
  display:grid;
  gap:16px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.66));
  box-shadow:var(--shadow);
}
.request-form label{
  display:grid;
  gap:8px;
  color:#e2e8f0;
  font-weight:800;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.human-check{
  padding:16px;
  border:1px solid rgba(255,122,26,.28);
  border-radius:18px;
  background:rgba(255,122,26,.08);
}
.request-form input,
.request-form textarea{
  width:100%;
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  background:rgba(2,6,23,.62);
  color:#fff;
  padding:14px 15px;
  font:inherit;
  outline:none;
}
.datetime-picker{
  display:grid;
  grid-template-columns:1fr 58px;
  gap:10px;
  align-items:center;
}
.appointment-picker{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 110px 110px;
  gap:10px;
  align-items:center;
}
.date-picker{
  display:grid;
  grid-template-columns:1fr 58px;
  gap:10px;
  align-items:center;
}
.datetime-picker input{
  min-height:58px;
}
.appointment-picker input,
.appointment-picker select{
  min-height:58px;
}
.datetime-picker input::-webkit-calendar-picker-indicator{
  opacity:0;
}
.date-picker input::-webkit-calendar-picker-indicator{
  opacity:0;
}
.request-form select{
  width:100%;
  border:1px solid rgba(148,163,184,.28);
  border-radius:16px;
  background:rgba(2,6,23,.72);
  color:#fff;
  padding:14px 15px;
  font:inherit;
  font-weight:900;
  outline:none;
  cursor:pointer;
}
.request-form select:focus{
  border-color:rgba(56,189,248,.72);
  box-shadow:0 0 0 4px rgba(56,189,248,.12);
}
.datetime-open{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(255,122,26,.52);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,122,26,.96),rgba(37,99,235,.9));
  color:#fff;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(255,122,26,.22);
  transition:.22s ease;
}
.datetime-open:hover,
.datetime-open:focus{
  transform:translateY(-2px);
  box-shadow:0 22px 48px rgba(37,99,235,.28);
  outline:none;
}
.request-form input:focus,
.request-form textarea:focus{
  border-color:rgba(56,189,248,.72);
  box-shadow:0 0 0 4px rgba(56,189,248,.12);
}
.request-form input[name="website"]{
  display:none;
}
.form-note{
  margin:0;
  font-size:14px;
}
.request-summary{
  width:min(780px,100%);
  margin:0 auto 28px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.66));
  box-shadow:var(--shadow);
}
.request-summary h2{
  margin:0 0 18px;
  font-size:clamp(1.6rem,3vw,2.4rem);
}
.request-summary dl{
  margin:0;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:12px 18px;
}
.request-summary dt{
  color:var(--soft);
  font-weight:900;
}
.request-summary dd{
  margin:0;
  color:#fff;
  line-height:1.55;
}
.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,122,26,.96),rgba(37,99,235,.94));
  color:#fff;
  font:inherit;
  font-weight:900;
  box-shadow:0 22px 55px rgba(0,0,0,.34);
  cursor:pointer;
  opacity:0;
  transform:translateY(16px) scale(.96);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, box-shadow .22s ease;
}
.back-to-top span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:18px;
  line-height:1;
}
.back-to-top.is-visible{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.back-to-top:hover{
  box-shadow:0 28px 70px rgba(37,99,235,.3);
  transform:translateY(-3px);
}
@media (max-width:900px){
  .demo-grid{
    grid-template-columns:1fr;
  }
  .demo-video video{
    max-height:68vh;
  }
  .video-cta{
    left:14px;
    right:14px;
    bottom:14px;
    font-size:15px;
  }
  .demo-actions,
  .demo-actions .btn{
    width:100%;
  }
  .request-form{
    padding:20px;
  }
  .form-row{
    grid-template-columns:1fr;
  }
  .datetime-picker{
    grid-template-columns:1fr 54px;
  }
  .appointment-picker{
    grid-template-columns:1fr;
  }
  .date-picker{
    grid-template-columns:1fr 54px;
  }
  .datetime-open{
    width:54px;
    height:54px;
  }
  .request-summary dl{
    grid-template-columns:1fr;
  }
  .request-summary dt{
    margin-top:8px;
  }
  .back-to-top{
    right:14px;
    bottom:14px;
    width:48px;
    height:48px;
    min-height:48px;
    padding:0;
    justify-content:center;
  }
  .back-to-top strong{
    display:none;
  }
}