:root {
      --bg0:#070314;
      --bg1:#120923;
      --bg2:#21103b;
      --violet:#9d62ff;
      --violet2:#d384ff;
      --pink:#ff62b7;
      --copper:#f0a06f;
      --orange:#ffb06e;
      --cyan:#75e7ff;
      --green:#87ffd5;
      --text:#fff8ff;
      --muted:rgba(255,248,255,.70);
      --soft:rgba(255,248,255,.52);
      --line:rgba(255,255,255,.16);
      --glass:rgba(16,8,32,.62);
      --glass2:rgba(255,255,255,.065);
      --shadow:0 30px 90px rgba(0,0,0,.42);
      --radius:30px;
      --container:min(1180px, calc(100vw - 40px));
    }

    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 18% 18%, rgba(126,75,255,.34), transparent 30%),
        radial-gradient(circle at 82% 16%, rgba(255,98,183,.18), transparent 28%),
        radial-gradient(circle at 78% 84%, rgba(240,160,111,.23), transparent 35%),
        linear-gradient(135deg, #05020f 0%, #100722 38%, #1d0c35 70%, #090311 100%);
      min-height:100vh;
      overflow-x:hidden;
      background-size:160% 160%;
      animation:bgDrift 24s ease-in-out infinite;
    }
    body::before {
      content:"";
      position:fixed;
      inset:-22%;
      pointer-events:none;
      background:
        conic-gradient(from 180deg at 55% 55%, rgba(157,98,255,.18), rgba(255,98,183,.08), rgba(240,160,111,.16), rgba(117,231,255,.07), rgba(157,98,255,.18));
      filter:blur(80px);
      opacity:.64;
      animation:slowNebula 22s linear infinite;
      z-index:-4;
    }
    body::after {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:76px 76px;
      mask-image:radial-gradient(circle at 50% 26%, #000 0%, transparent 68%);
      opacity:.28;
      z-index:-2;
      transform:translate3d(0, var(--grid-shift, 0px), 0);
    }
    @keyframes slowNebula {
      0% { transform:rotate(0deg) scale(1); }
      50% { transform:rotate(180deg) scale(1.08); }
      100% { transform:rotate(360deg) scale(1); }
    }
    @keyframes bgDrift {
      0%,100% { background-position:0% 50%; }
      50% { background-position:100% 50%; }
    }

    a { color:inherit; text-decoration:none; }
    button, input, textarea { font:inherit; }
    ::selection { background:rgba(255,98,183,.45); }

    #stars {
      position:fixed;
      inset:0;
      width:100%;
      height:100%;
      z-index:-3;
      pointer-events:none;
    }
    .ambient {
      position:fixed;
      inset:0;
      overflow:hidden;
      z-index:-1;
      pointer-events:none;
    }
    .orb {
      position:absolute;
      width:38vw;
      aspect-ratio:1;
      border-radius:999px;
      filter:blur(34px);
      opacity:.36;
      transform:translate3d(0,0,0);
      animation:floatOrb 13s ease-in-out infinite;
    }
    .orb.one { left:-12vw; top:12vh; background:radial-gradient(circle, rgba(157,98,255,.64), transparent 66%); }
    .orb.two { right:-16vw; top:35vh; background:radial-gradient(circle, rgba(255,98,183,.38), transparent 66%); animation-delay:-5s; }
    .orb.three { left:38vw; bottom:-20vh; background:radial-gradient(circle, rgba(240,160,111,.36), transparent 70%); animation-delay:-8s; }
    @keyframes floatOrb {
      0%,100% { transform:translate3d(0,0,0) scale(1); }
      50% { transform:translate3d(4vw,-3vh,0) scale(1.12); }
    }

    .site-header {
      position:fixed;
      left:0;
      right:0;
      top:0;
      z-index:80;
      padding:14px 22px;
      transition:transform .42s cubic-bezier(.2,.8,.2,1), opacity .34s ease, padding .25s ease;
    }
    .site-header.hide { transform:translateY(-116%); opacity:0; }
    .site-header.scrolled { padding-top:8px; padding-bottom:8px; }
    .nav-shell {
      width:100%;
      min-height:74px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:18px;
      padding:10px 18px;
      border:1px solid rgba(255,255,255,.18);
      background:linear-gradient(135deg, rgba(19,9,36,.74), rgba(31,14,55,.56));
      backdrop-filter:blur(22px) saturate(150%);
      -webkit-backdrop-filter:blur(22px) saturate(150%);
      box-shadow:0 18px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12);
      border-radius:999px;
      overflow:hidden;
    }
    .nav-shell::before {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
      transform:translateX(-110%);
      animation:headerLight 8s ease-in-out infinite;
      pointer-events:none;
    }
    @keyframes headerLight {
      0%,42% { transform:translateX(-110%); }
      56%,100% { transform:translateX(110%); }
    }

    .brand {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      padding-left:4px;
      position:relative;
      z-index:2;
    }

    .brand-copy {
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:4px;
      min-width:0;
    }
    .brand-slogan {
      color:rgba(255,248,255,.58);
      font-size:.56rem;
      font-weight:850;
      line-height:1;
      letter-spacing:.24em;
      text-transform:none;
      white-space:nowrap;
      margin-left:2px;
      transition:color .22s ease, text-shadow .22s ease;
    }
    .brand:hover .brand-slogan {
      color:#d384ff;
      text-shadow:0 0 10px rgba(168,85,247,.42);
    }
    .brand-logo {
      width:54px;
      height:54px;
      display:grid;
      place-items:center;
      background:transparent;
      box-shadow:none;
      overflow:visible;
    }
    .brand-logo img {
      width:50px;
      height:50px;
      object-fit:contain;
      display:block;
      filter:drop-shadow(0 0 12px rgba(240,160,111,.22));
      transition:transform .22s ease;
    }
    .brand:hover .brand-logo img { transform:translateY(-1px); }
    .brand-word {
      position:relative;
      width:152px;
      height:32px;
      display:block;
      overflow:visible;
      isolation:isolate;
    }
    .brand-word .plain {
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      font-weight:800;
      letter-spacing:-.055em;
      font-size:1.96rem;
      line-height:1;
      background:linear-gradient(95deg, #fff 0%, #fff 58%, #ef9d76 76%, #ff78b3 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      text-shadow:0 0 18px rgba(255,255,255,.08);
      position:relative;
      z-index:2;
    }
    .brand-word svg { display:none; }

    .desktop-nav { display:flex; align-items:center; justify-content:center; gap:3px; z-index:2; }
    .desktop-nav a {
      position:relative;
      padding:12px 13px;
      border-radius:999px;
      font-weight:650;
      font-size:.93rem;
      color:rgba(255,248,255,.72);
      transition:color .2s ease, background .2s ease, transform .2s ease;
      white-space:nowrap;
    }
    .desktop-nav a::after {
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      bottom:7px;
      height:1px;
      transform:scaleX(0);
      transform-origin:left;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      transition:transform .28s ease;
    }
    .desktop-nav a:hover { color:#fff; background:rgba(255,255,255,.075); transform:translateY(-1px); }
    .desktop-nav a:hover::after { transform:scaleX(1); }

    .header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; z-index:2; }
    .cta {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      border:1px solid rgba(255,255,255,.18);
      color:#fff;
      border-radius:999px;
      padding:14px 20px;
      font-weight:850;
      letter-spacing:-.02em;
      background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.35), transparent 30%),
        linear-gradient(115deg, rgba(157,98,255,.92), rgba(255,98,183,.74), rgba(240,160,111,.92));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 30px rgba(255,98,183,.22), 0 14px 35px rgba(0,0,0,.34);
      overflow:hidden;
      cursor:pointer;
      isolation:isolate;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .cta::before {
      content:"";
      position:absolute;
      inset:-40% -70%;
      background:linear-gradient(90deg, transparent 35%, rgba(255,255,255,.78), transparent 65%);
      transform:translateX(-42%) rotate(18deg);
      animation:buttonShine 2.65s ease-in-out infinite;
      z-index:-1;
    }
    .cta::after {
      content:"";
      position:absolute;
      inset:-5px;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(157,98,255,.65), rgba(255,98,183,.65), rgba(240,160,111,.65), rgba(157,98,255,.65));
      filter:blur(14px);
      opacity:.65;
      z-index:-2;
      animation:pulseGlow 2.3s ease-in-out infinite;
    }
    .cta:hover { transform:translateY(-2px) scale(1.015); box-shadow:0 0 0 1px rgba(255,255,255,.1) inset, 0 0 44px rgba(240,160,111,.30), 0 18px 42px rgba(0,0,0,.38); }
    .cta .arrow { transition:transform .2s ease; }
    .cta:hover .arrow { transform:translateX(4px); }
    @keyframes buttonShine { 0%,36% { transform:translateX(-78%) rotate(18deg); opacity:0; } 48% { opacity:.8; } 68%,100% { transform:translateX(74%) rotate(18deg); opacity:0; } }
    @keyframes pulseGlow { 0%,100% { opacity:.44; transform:scale(.98); } 50% { opacity:.9; transform:scale(1.03); } }

    .ghost-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:14px 20px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:999px;
      background:rgba(255,255,255,.055);
      color:#fff;
      font-weight:760;
      backdrop-filter:blur(15px);
      transition:transform .22s ease, background .22s ease, border-color .22s ease;
    }
    .ghost-btn:hover { transform:translateY(-2px); background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.32); }
    .menu-toggle {
      display:none;
      width:48px;
      height:48px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:16px;
      color:#fff;
      background:rgba(255,255,255,.07);
      cursor:pointer;
    }
    .menu-toggle span { display:block; width:20px; height:2px; background:#fff; margin:5px auto; border-radius:999px; }

    main { position:relative; z-index:1; }
    .section {
      position:relative;
      width:var(--container);
      margin:0 auto;
      padding:92px 0;
    }
    .section.min { min-height:100vh; display:flex; flex-direction:column; justify-content:center; }
    .hero {
      min-height:100vh;
      width:var(--container);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0, .92fr) minmax(460px, 1.08fr);
      gap:54px;
      align-items:center;
      padding:138px 0 70px;
    }
    .hero-copy { max-width:650px; }
    .eyebrow {
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:rgba(255,248,255,.78);
      font-weight:740;
      letter-spacing:.04em;
      text-transform:uppercase;
      font-size:.76rem;
      margin-bottom:22px;
      padding:10px 13px;
      border-radius:999px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.12);
    }
    .eyebrow::before {
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--violet), var(--pink), var(--orange));
      box-shadow:0 0 18px rgba(255,98,183,.8);
    }
    h1, h2, h3, p { margin-top:0; }
    h1 {
      font-size:clamp(3.25rem, 6.2vw, 6.9rem);
      line-height:.92;
      letter-spacing:-.082em;
      margin:0 0 26px;
      text-wrap:balance;
    }
    .gradient-text {
      background:linear-gradient(92deg, #fff 0%, #fff 39%, #f0a06f 63%, #ff65ba 87%, #b986ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hero-lead {
      font-size:clamp(1.05rem, 1.7vw, 1.28rem);
      line-height:1.72;
      color:var(--muted);
      max-width:620px;
      margin-bottom:34px;
    }
    .hero-lead strong { color:#fff; font-weight:800; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:28px; }
    .micro-proof { display:flex; flex-wrap:wrap; gap:12px; color:rgba(255,255,255,.68); }
    .micro-proof div {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:9px 10px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:999px;
      background:rgba(255,255,255,.04);
      font-size:.9rem;
    }
    .micro-proof svg { width:17px; height:17px; color:#d896ff; }

    .control-room {
      position:relative;
      min-height:620px;
      perspective:1300px;
    }
    .system-panel {
      position:absolute;
      inset:50px 0 auto auto;
      width:min(680px, 100%);
      transform:rotateX(4deg) rotateY(-9deg) rotateZ(1deg);
      border:1px solid rgba(255,255,255,.17);
      border-radius:34px;
      background:linear-gradient(135deg, rgba(19,9,34,.88), rgba(30,12,50,.68));
      box-shadow:var(--shadow), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 80px rgba(157,98,255,.16), 28px 30px 120px rgba(240,160,111,.12);
      overflow:hidden;
      backdrop-filter:blur(22px);
      animation:panelFloat 7s ease-in-out infinite;
    }
    @keyframes panelFloat {
      0%,100% { transform:rotateX(4deg) rotateY(-9deg) rotateZ(1deg) translateY(0); }
      50% { transform:rotateX(3deg) rotateY(-7deg) rotateZ(.5deg) translateY(-12px); }
    }
    .system-panel::before {
      content:"";
      position:absolute;
      inset:-1px;
      background:linear-gradient(115deg, rgba(157,98,255,.62), transparent 27%, transparent 67%, rgba(240,160,111,.56));
      opacity:.66;
      pointer-events:none;
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      padding:1px;
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      border-radius:34px;
    }
    .panel-top {
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 24px;
      border-bottom:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.025);
    }
    .panel-title { display:flex; align-items:center; gap:10px; font-weight:850; letter-spacing:-.02em; }
    .mini-logo { width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(240,160,111,.22)); }
    .panel-search {
      width:210px;
      max-width:44%;
      height:38px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      background:rgba(0,0,0,.18);
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.42);
      padding:0 14px;
      font-size:.78rem;
    }
    .panel-body { display:grid; grid-template-columns:164px 1fr; min-height:480px; }
    .side-menu {
      padding:20px 14px;
      border-right:1px solid rgba(255,255,255,.10);
      display:flex;
      flex-direction:column;
      gap:9px;
      background:linear-gradient(180deg, rgba(255,255,255,.035), transparent);
    }
    .side-menu div {
      display:flex;
      align-items:center;
      gap:9px;
      padding:10px 11px;
      border-radius:14px;
      color:rgba(255,255,255,.65);
      font-size:.78rem;
      font-weight:650;
    }
    .side-menu div.active {
      color:#fff;
      background:linear-gradient(115deg, rgba(157,98,255,.55), rgba(255,98,183,.13));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);
    }
    .panel-content { padding:20px; }
    .panel-content h3 { margin:0 0 16px; font-size:1.28rem; letter-spacing:-.04em; }
    .metric-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin-bottom:12px; }
    .metric {
      min-height:96px;
      padding:14px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.055);
      border-radius:18px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .metric small { display:block; color:rgba(255,255,255,.52); font-weight:650; font-size:.72rem; margin-bottom:8px; }
    .metric b { display:block; font-size:1.55rem; letter-spacing:-.04em; }
    .metric span { font-size:.72rem; color:#87ffd5; font-weight:740; }
    .work-grid { display:grid; grid-template-columns:1.22fr .88fr; gap:12px; }
    .chart-card, .todo-card, .calendar-card, .notify-card {
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.046);
      border-radius:20px;
      padding:16px;
      min-height:190px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    .chart { height:142px; position:relative; overflow:hidden; border-radius:16px; margin-top:8px; background:linear-gradient(180deg, rgba(157,98,255,.12), transparent); }
    .chart svg { width:100%; height:100%; }
    .todo-list { display:grid; gap:12px; margin-top:10px; }
    .todo { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; color:rgba(255,255,255,.74); font-size:.78rem; }
    .dot { width:9px; height:9px; border-radius:999px; background:linear-gradient(135deg, var(--violet), var(--pink)); box-shadow:0 0 14px rgba(255,98,183,.7); }
    .dash-bottom { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
    .mini-calendar { display:grid; grid-template-columns:repeat(7, 1fr); gap:5px; margin-top:12px; color:rgba(255,255,255,.55); font-size:.68rem; text-align:center; }
    .mini-calendar span { padding:4px 0; border-radius:7px; }
    .mini-calendar .mark { color:#fff; background:linear-gradient(135deg, rgba(157,98,255,.7), rgba(255,98,183,.3)); }
    .notify-row { display:flex; gap:9px; align-items:flex-start; padding:8px 0; color:rgba(255,255,255,.68); font-size:.76rem; border-bottom:1px solid rgba(255,255,255,.06); }
    .notify-row:last-child { border-bottom:0; }

    .floating-note {
      position:absolute;
      right:22px;
      bottom:28px;
      max-width:290px;
      padding:16px 18px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.065);
      backdrop-filter:blur(18px);
      box-shadow:0 18px 45px rgba(0,0,0,.28);
      animation:noteFloat 5.5s ease-in-out infinite;
    }
    @keyframes noteFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
    .floating-note b { display:block; margin-bottom:6px; }
    .floating-note p { color:var(--muted); margin:0; font-size:.9rem; line-height:1.55; }

    .headline-row {
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:28px;
      margin-bottom:32px;
    }
    .section h2 {
      font-size:clamp(2.1rem, 4vw, 4.5rem);
      line-height:.98;
      letter-spacing:-.07em;
      margin:0;
      text-wrap:balance;
    }
    .section-intro {
      color:var(--muted);
      line-height:1.7;
      font-size:1.05rem;
      max-width:440px;
      margin:0;
    }
    .glass-grid {
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:16px;
    }
    .card {
      position:relative;
      min-height:220px;
      padding:24px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:26px;
      background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 50px rgba(0,0,0,.23);
      overflow:hidden;
      transition:transform .25s ease, border-color .25s ease, background .25s ease;
    }
    .card::before {
      content:"";
      position:absolute;
      inset:auto -30% -60% -30%;
      height:120px;
      background:radial-gradient(circle, rgba(157,98,255,.24), transparent 62%);
      opacity:.0;
      transition:opacity .25s ease;
    }
    .card:hover { transform:translateY(-6px); border-color:rgba(255,255,255,.26); background:linear-gradient(145deg, rgba(255,255,255,.098), rgba(255,255,255,.04)); }
    .card:hover::before { opacity:1; }
    .card .icon {
      width:44px;
      height:44px;
      border-radius:15px;
      display:grid;
      place-items:center;
      margin-bottom:18px;
      background:linear-gradient(135deg, rgba(157,98,255,.42), rgba(240,160,111,.20));
      border:1px solid rgba(255,255,255,.13);
      color:#fff;
      box-shadow:0 0 24px rgba(157,98,255,.14);
    }
    .card h3 { margin:0 0 10px; font-size:1.12rem; letter-spacing:-.035em; }
    .card p { margin:0; color:var(--muted); line-height:1.62; font-size:.95rem; }

    .split {
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:24px;
      align-items:stretch;
    }
    .big-copy {
      padding:34px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:32px;
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
      box-shadow:var(--shadow);
    }
    .big-copy p { color:var(--muted); line-height:1.75; font-size:1.05rem; }
    .big-copy p:last-child { margin-bottom:0; }
    .proof-panel {
      padding:26px;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.052);
      box-shadow:var(--shadow);
      display:grid;
      gap:14px;
    }
    .pain-row {
      display:grid;
      grid-template-columns:auto 1fr;
      gap:14px;
      align-items:start;
      padding:18px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:22px;
      background:rgba(0,0,0,.12);
    }
    .pain-row b { display:block; margin-bottom:5px; }
    .pain-row p { margin:0; color:var(--muted); line-height:1.55; }
    .num {
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      border-radius:12px;
      background:linear-gradient(135deg, rgba(157,98,255,.58), rgba(255,98,183,.22));
      font-weight:900;
    }

    .timeline {
      position:relative;
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:16px;
    }
    .step {
      position:relative;
      padding:24px;
      min-height:245px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.038));
      overflow:hidden;
    }
    .step::after {
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:3px;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      opacity:.75;
    }
    .step .kicker { color:var(--copper); font-weight:900; letter-spacing:.05em; font-size:.74rem; text-transform:uppercase; }
    .step h3 { margin:12px 0 10px; font-size:1.2rem; letter-spacing:-.04em; }
    .step p { margin:0; color:var(--muted); line-height:1.62; }

    .gallery { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }
    .mock-shot {
      min-height:360px;
      position:relative;
      padding:18px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:32px;
      background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
      box-shadow:var(--shadow);
      overflow:hidden;
      cursor:pointer;
    }
    .mock-shot.small { min-height:171px; }
    .mock-shot::before {
      content:"";
      position:absolute;
      inset:-40%;
      background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.14), transparent 21%);
      opacity:.0;
      transition:opacity .2s ease;
    }
    .mock-shot:hover::before { opacity:1; }
    .mock-ui { position:absolute; inset:18px; border-radius:24px; background:rgba(9,5,20,.78); border:1px solid rgba(255,255,255,.12); overflow:hidden; }
    .mock-top { height:48px; display:flex; align-items:center; gap:8px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.09); }
    .traffic { width:10px; height:10px; border-radius:999px; background:rgba(255,255,255,.22); }
    .mock-content { display:grid; grid-template-columns:120px 1fr; height:calc(100% - 48px); }
    .mock-side { border-right:1px solid rgba(255,255,255,.08); padding:13px; display:grid; gap:9px; align-content:start; }
    .mock-line { height:13px; border-radius:999px; background:rgba(255,255,255,.12); }
    .mock-line.active { background:linear-gradient(90deg, rgba(157,98,255,.85), rgba(255,98,183,.35)); }
    .mock-main { padding:16px; display:grid; gap:12px; }
    .mock-title { height:20px; width:44%; border-radius:999px; background:rgba(255,255,255,.18); }
    .mock-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
    .mock-card { min-height:74px; border-radius:16px; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.09); }
    .mock-chart { min-height:134px; border-radius:18px; background:linear-gradient(180deg, rgba(157,98,255,.22), rgba(240,160,111,.08)); border:1px solid rgba(255,255,255,.09); position:relative; overflow:hidden; }
    .mock-chart::after { content:""; position:absolute; left:-8%; bottom:28%; width:116%; height:42%; border-radius:50%; border-top:2px solid rgba(255,255,255,.55); transform:rotate(-7deg); filter:drop-shadow(0 0 12px rgba(255,98,183,.45)); }
    .mock-caption { position:absolute; left:34px; bottom:30px; right:34px; display:flex; justify-content:space-between; align-items:end; z-index:2; }
    .mock-caption b { font-size:1.35rem; letter-spacing:-.05em; }
    .mock-caption span { color:rgba(255,255,255,.62); font-size:.92rem; }
    .stack { display:grid; gap:18px; }

    .pricing { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; padding-top:30px; align-items:stretch; }
    .price-card {
      position:relative;
      min-height:510px;
      display:flex;
      flex-direction:column;
      padding:26px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.035));
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .price-card.featured { border-color:rgba(240,160,111,.38); background:linear-gradient(145deg, rgba(240,160,111,.115), rgba(157,98,255,.055)); }
    .price-card h3 { font-size:1.2rem; letter-spacing:-.04em; margin:0 0 14px; }
    .price { margin:0 0 4px; font-size:2rem; line-height:1; letter-spacing:-.06em; font-weight:900; }
    .vat { color:var(--soft); font-weight:650; margin-bottom:18px; }
    .price-card p { color:var(--muted); line-height:1.55; }
    .price-card ul { flex:1 1 auto; list-style:none; padding:0; margin:10px 0 24px; display:grid; gap:10px; }
    .price-card li { display:grid; grid-template-columns:auto 1fr; gap:9px; color:rgba(255,255,255,.77); font-size:.93rem; line-height:1.45; }
    .price-card li::before { content:"✓"; color:var(--green); font-weight:900; }
    .price-card .ghost-btn,
    .price-card .cta { margin-top:auto; width:100%; justify-content:center; min-height:52px; }
    .card-tag {
      position:absolute;
      top:-14px;
      left:50%;
      transform:translateX(-50%);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:28px;
      min-width:auto;
      margin:0;
      padding:0 16px;
      border-radius:999px;
      background:linear-gradient(135deg, #9d62ff 0%, #ff62b7 58%, #f0a06f 100%);
      border:1px solid rgba(255,255,255,.26);
      color:#fff;
      font-size:.68rem;
      font-weight:900;
      letter-spacing:.105em;
      line-height:1;
      text-transform:uppercase;
      white-space:nowrap;
      box-shadow:
        0 8px 22px rgba(0,0,0,.34),
        0 0 26px rgba(255,98,183,.34),
        0 0 34px rgba(157,98,255,.18),
        inset 0 1px 0 rgba(255,255,255,.30);
      z-index:12;
      pointer-events:none;
      backdrop-filter:blur(14px) saturate(145%);
      -webkit-backdrop-filter:blur(14px) saturate(145%);
    }
    .card-tag::before {
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      background:linear-gradient(135deg, rgba(255,255,255,.38), transparent 35%, rgba(255,255,255,.18) 72%, transparent);
      opacity:.42;
      pointer-events:none;
    }
    .card-tag::after {
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:-10px;
      height:12px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(157,98,255,0), rgba(255,98,183,.36), rgba(240,160,111,0));
      filter:blur(8px);
      opacity:.75;
      z-index:-1;
    }
    .price-card.featured h3 { padding-right:0; }
    .price-card.featured { padding-top:26px; }

    .spotlight-card {
      position:relative;
      overflow:hidden;
      isolation:isolate;
      --sx:50%;
      --sy:50%;
    }
    .price-card.featured.spotlight-card { overflow:visible; }
    .spotlight-card::before {
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:radial-gradient(260px circle at var(--sx) var(--sy), rgba(255,255,255,.12), rgba(255,98,183,.08) 18%, rgba(157,98,255,.06) 34%, transparent 62%);
      opacity:0;
      transition:opacity .28s ease;
      z-index:0;
    }
    .spotlight-card::after {
      content:"";
      position:absolute;
      inset:0;
      padding:1px;
      border-radius:inherit;
      pointer-events:none;
      background:radial-gradient(300px circle at var(--sx) var(--sy), rgba(255,255,255,.55), rgba(255,98,183,.28) 18%, rgba(240,160,111,.2) 28%, rgba(255,255,255,0) 58%);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite:exclude;
      opacity:0;
      transition:opacity .28s ease;
      z-index:2;
    }
    .spotlight-card:hover::before,
    .spotlight-card:hover::after {
      opacity:1;
    }
    .spotlight-card > * {
      position:relative;
      z-index:1;
    }
    .addons {
      margin-top:22px;
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:14px;
    }
    .addon {
      padding:20px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.052);
      display:grid;
      gap:8px;
    }
    .addon-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
    .addon b { letter-spacing:-.025em; }
    .addon strong { color:#fff; white-space:nowrap; }
    .addon p { margin:0; color:var(--muted); line-height:1.55; font-size:.94rem; }


    .included-system {
      margin-top:54px;
      position:relative;
      display:grid;
      grid-template-columns:minmax(280px, .78fr) 1.22fr;
      gap:18px;
      align-items:stretch;
    }
    .included-system::before {
      content:"";
      position:absolute;
      inset:-18px;
      border-radius:36px;
      background:
        radial-gradient(circle at 20% 25%, rgba(255,176,110,.16), transparent 34%),
        radial-gradient(circle at 82% 58%, rgba(157,98,255,.18), transparent 34%);
      filter:blur(18px);
      opacity:.86;
      pointer-events:none;
      z-index:-1;
    }
    .included-core {
      position:relative;
      overflow:hidden;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.14);
      background:
        linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035)),
        radial-gradient(circle at 30% 20%, rgba(240,160,111,.20), transparent 38%);
      box-shadow:var(--shadow);
      padding:32px;
      min-height:360px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .included-core::after {
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      right:-80px;
      bottom:-90px;
      border-radius:999px;
      background:conic-gradient(from 130deg, rgba(157,98,255,.45), rgba(255,98,183,.20), rgba(240,160,111,.42), rgba(157,98,255,.45));
      filter:blur(7px);
      opacity:.55;
    }
    .included-core small {
      color:#ffd0a9;
      font-weight:850;
      letter-spacing:.08em;
      text-transform:uppercase;
      font-size:.72rem;
    }
    .included-core h2 {
      position:relative;
      z-index:1;
      margin:16px 0 16px;
      font-size:clamp(2.1rem, 3.7vw, 4rem);
      line-height:.96;
      letter-spacing:-.07em;
    }
    .included-core p {
      position:relative;
      z-index:1;
      margin:0;
      color:var(--muted);
      line-height:1.72;
      font-size:1.02rem;
      max-width:470px;
    }
    .included-promise {
      position:relative;
      z-index:1;
      margin-top:30px;
      display:flex;
      align-items:center;
      gap:10px;
      color:#fff;
      font-weight:820;
    }
    .included-promise span {
      width:10px;
      height:10px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--pink), var(--orange));
      box-shadow:0 0 18px rgba(255,98,183,.7);
    }
    .included-grid {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
    }
    .included-item {
      position:relative;
      overflow:hidden;
      padding:24px;
      min-height:172px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.13);
      background:linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.032));
      box-shadow:0 18px 48px rgba(0,0,0,.22);
    }
    .included-item::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      background:linear-gradient(180deg, var(--violet), var(--pink), var(--orange));
      opacity:.9;
    }
    .included-item .no,
    .included-item .base-icon {
      display:inline-flex;
      width:46px;
      height:46px;
      align-items:center;
      justify-content:center;
      border-radius:16px;
      margin-bottom:18px;
      font-weight:900;
      background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.22), transparent 42%),
        linear-gradient(135deg, rgba(157,98,255,.24), rgba(255,98,183,.14), rgba(240,160,111,.20));
      color:#ffd0a9;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 0 26px rgba(255,98,183,.13), inset 0 1px 0 rgba(255,255,255,.13);
      font-size:1.25rem;
    }
    .included-item h3 {
      margin:0 0 8px;
      font-size:1.12rem;
      letter-spacing:-.035em;
    }
    .included-item p {
      margin:0;
      color:var(--muted);
      line-height:1.58;
      font-size:.95rem;
    }

    .about-panel {
      display:grid;
      grid-template-columns:minmax(320px, .88fr) minmax(0, 1.12fr);
      gap:0;
      align-items:stretch;
      border-radius:38px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 12% 18%, rgba(157,98,255,.18), transparent 30%),
        radial-gradient(circle at 84% 82%, rgba(240,160,111,.12), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
    }
    .portrait-card {
      min-height:100%;
      padding:0;
      display:flex;
      flex-direction:column;
      justify-content:stretch;
      overflow:hidden;
      background:none;
      border:none;
      box-shadow:none;
      position:relative;
      isolation:isolate;
    }
    .executive-photo-side::after {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg, rgba(10,7,22,.06) 0%, rgba(10,7,22,.08) 44%, rgba(10,7,22,.40) 100%),
        radial-gradient(circle at 16% 16%, rgba(157,98,255,.22), transparent 34%);
      pointer-events:none;
      z-index:1;
    }
    .portrait-photo-frame {
      position:relative;
      height:100%;
      min-height:620px;
      border-radius:0;
      aspect-ratio:auto;
      background:linear-gradient(180deg, rgba(12,8,23,.84), rgba(12,8,23,.50));
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:none;
    }
    .portrait-photo-frame img {
      width:100%;
      height:100%;
      display:block;
      object-fit:contain;
      object-position:center center;
      background:linear-gradient(180deg, #e8e3df 0%, #dbd5d1 100%);
    }
    .portrait-meta { display:none; }
    .about-copy {
      padding:42px 44px;
      background:none;
      border:none;
      box-shadow:none;
    }
    .executive-copy h3 {
      margin:18px 0 6px;
      font-size:clamp(1.9rem, 3vw, 2.65rem);
      letter-spacing:-.05em;
      line-height:1.05;
    }
    .about-role {
      margin:0 0 18px;
      color:rgba(255,255,255,.72);
      font-size:1.02rem;
      line-height:1.65;
    }
    .about-copy p {
      color:rgba(255,255,255,.78);
      font-size:1.08rem;
      line-height:1.92;
      margin:0 0 18px;
      max-width:64ch;
    }
    .about-copy strong { color:#fff; font-weight:750; }
    .about-quote {
      margin:0 0 24px;
      padding:18px 20px 18px 24px;
      border-left:3px solid rgba(157,98,255,.74);
      border-radius:18px;
      background:linear-gradient(135deg, rgba(157,98,255,.12), rgba(255,255,255,.03));
      color:#fff;
      font-size:1.02rem;
      line-height:1.82;
      font-weight:650;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
    }
    .skill-strip {
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:24px;
    }
    .skill-strip span {
      padding:11px 14px;
      border:1px solid rgba(210,195,255,.24);
      border-radius:999px;
      background:linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
      color:rgba(255,255,255,.88);
      font-weight:650;
      font-size:.91rem;
      letter-spacing:.01em;
      box-shadow:0 0 0 1px rgba(157,98,255,.05), inset 0 0 18px rgba(157,98,255,.05);
    }

    .faq { display:grid; gap:12px; max-width:960px; margin:0 auto; }
    .faq-item {
      border:1px solid rgba(255,255,255,.13);
      border-radius:24px;
      background:rgba(255,255,255,.052);
      overflow:hidden;
    }
    .faq-q {
      width:100%;
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:center;
      color:#fff;
      background:transparent;
      border:0;
      padding:22px 24px;
      cursor:pointer;
      text-align:left;
      font-weight:830;
      letter-spacing:-.025em;
    }
    .faq-q span:last-child { font-size:1.4rem; color:var(--copper); }
    .faq-a {
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
    }
    .faq-a p { padding:0 24px 22px; color:var(--muted); line-height:1.65; margin:0; }
    .faq-item.open .faq-a { max-height:900px; }

    .wizard-wrapper {
      display:grid;
      grid-template-columns:minmax(0, .95fr) minmax(460px, 1.05fr);
      gap:36px;
      width:100%;
      padding:42px;
      border-radius:38px;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(circle at 8% 10%, rgba(157,98,255,.18), transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(255,98,183,.13), transparent 33%),
        linear-gradient(145deg, rgba(255,255,255,.088), rgba(255,255,255,.036));
      box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
      align-items:center;
      overflow:visible;
      position:relative;
    }
    .wizard-wrapper::before {
      content:"";
      position:absolute;
      inset:1px;
      border-radius:37px;
      pointer-events:none;
      background:linear-gradient(135deg, rgba(255,255,255,.09), transparent 32%, rgba(240,160,111,.07));
      opacity:.72;
    }
    .wizard-left, .wizard-right { position:relative; z-index:2; }
    .wizard-left { display:flex; flex-direction:column; gap:20px; }
    .wizard-left h2 {
      font-size:clamp(2.65rem, 5vw, 5rem);
      line-height:.94;
      letter-spacing:-.078em;
      margin:0;
      text-wrap:balance;
    }
    .wizard-left p {
      font-size:1.08rem;
      line-height:1.72;
      color:var(--muted);
      max-width:520px;
      margin:0;
    }
    .trust-badges { display:grid; gap:14px; margin-top:12px; }
    .badge {
      display:flex;
      align-items:center;
      gap:14px;
      padding:15px 17px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(135deg, rgba(255,255,255,.067), rgba(255,255,255,.032));
      color:rgba(255,248,255,.82);
      font-weight:720;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .badge-icon {
      width:42px;
      height:42px;
      min-width:42px;
      display:grid;
      place-items:center;
      border-radius:15px;
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.16), rgba(240,160,111,.16));
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 0 26px rgba(255,98,183,.10);
      font-size:1.25rem;
    }
    .wizard-right {
      padding:30px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.13);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.14), transparent 38%),
        linear-gradient(145deg, rgba(0,0,0,.28), rgba(0,0,0,.14));
      box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07);
      overflow:visible;
    }
    .progress-container {
      display:flex;
      justify-content:space-between;
      position:relative;
      margin-bottom:34px;
      isolation:isolate;
    }
    .progress-container::before {
      content:"";
      position:absolute;
      top:50%;
      left:0;
      right:0;
      transform:translateY(-50%);
      height:4px;
      border-radius:999px;
      background:rgba(255,255,255,.075);
      z-index:1;
    }
    .progress-bar-fill {
      position:absolute;
      top:50%;
      left:0;
      transform:translateY(-50%);
      height:4px;
      width:0%;
      border-radius:999px;
      background:linear-gradient(90deg, var(--violet), var(--pink), var(--orange));
      box-shadow:0 0 22px rgba(255,98,183,.30);
      z-index:2;
      transition:width .38s cubic-bezier(.2,.8,.2,1);
    }
    .step-indicator {
      width:34px;
      height:34px;
      border-radius:999px;
      display:grid;
      place-items:center;
      z-index:3;
      font-weight:900;
      font-size:.92rem;
      color:rgba(255,248,255,.58);
      background:#13091f;
      border:2px solid rgba(255,255,255,.14);
      transition:all .28s ease;
    }
    .step-indicator.active {
      color:#fff;
      border-color:rgba(255,98,183,.78);
      box-shadow:0 0 0 6px rgba(255,98,183,.10), 0 0 22px rgba(255,98,183,.34);
      background:linear-gradient(135deg, rgba(157,98,255,.42), rgba(255,98,183,.30));
    }
    .step-indicator.completed {
      color:#fff;
      border-color:rgba(157,98,255,.92);
      background:linear-gradient(135deg, var(--violet), var(--pink));
    }
    .wizard-form { display:block; }
    .form-step { display:none; animation:wizardFade .36s ease forwards; }
    .form-step.active { display:block; }
    @keyframes wizardFade { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
    .step-title {
      margin:0 0 22px;
      font-size:1.45rem;
      letter-spacing:-.045em;
    }
    .form-group { display:grid; gap:9px; margin-bottom:18px; }
    .form-group label { color:rgba(255,248,255,.80); font-weight:760; font-size:.92rem; }
    .wizard-form input, .wizard-form textarea, .wizard-form select {
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      border-radius:18px;
      background:rgba(255,255,255,.055);
      color:#fff;
      padding:16px 17px;
      outline:none;
      transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .wizard-form textarea { min-height:166px; resize:vertical; }
    .wizard-form input:focus, .wizard-form textarea:focus, .wizard-form select:focus {
      border-color:rgba(240,160,111,.52);
      background:rgba(255,255,255,.08);
      box-shadow:0 0 0 4px rgba(240,160,111,.08);
    }
    .checkbox-group {
      display:grid;
      grid-template-columns:20px minmax(0,1fr);
      align-items:flex-start;
      gap:12px;
      color:rgba(255,248,255,.78);
      line-height:1.45;
      margin:8px 0 20px;
      cursor:pointer;
    }
    .wizard-form .checkbox-group input[type="checkbox"] {
      width:18px;
      height:18px;
      min-width:18px;
      max-width:18px;
      padding:0;
      margin:3px 0 0;
      flex:0 0 18px;
      accent-color:#a855f7;
      transform:none;
      cursor:pointer;
    }
    .checkbox-group span { display:block; min-width:0; }
    .checkbox-group a {
      color:#fff;
      font-weight:850;
      text-decoration:underline;
      text-decoration-color:rgba(240,160,111,.65);
      text-underline-offset:3px;
    }
    .checkbox-group a:hover { color:#ffd0ac; }
    .button-group { display:flex; justify-content:space-between; gap:14px; margin-top:28px; }
    .btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:54px;
      padding:14px 20px;
      border-radius:999px;
      border:0;
      cursor:pointer;
      font-weight:880;
      color:#fff;
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    }
    .btn-prev {
      color:rgba(255,248,255,.75);
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.14);
    }
    .btn-prev:hover { color:#fff; background:rgba(255,255,255,.085); transform:translateY(-1px); }
    .btn-next, .btn-submit {
      flex:1;
      background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.32), transparent 34%),
        linear-gradient(135deg, rgba(157,98,255,.96), rgba(255,98,183,.82), rgba(240,160,111,.92));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 16px 42px rgba(255,98,183,.22);
    }
    .btn-next:hover, .btn-submit:hover { transform:translateY(-2px); box-shadow:0 0 0 1px rgba(255,255,255,.11) inset, 0 20px 54px rgba(255,98,183,.34); }
    .field-invalid, .select-trigger.field-invalid {
      border-color:rgba(255,98,137,.72) !important;
      box-shadow:0 0 0 4px rgba(255,98,137,.11) !important;
    }
    .wizard-note { display:block; color:rgba(255,248,255,.46); margin-top:14px; line-height:1.45; }

    .contact-box {
      padding:36px;
      border-radius:36px;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
      box-shadow:var(--shadow);
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:26px;
      overflow:visible;
    }
    .contact-box h2 { margin-bottom:20px; }
    .question-list { display:grid; gap:12px; margin-top:22px; }
    .question-list div {
      padding:14px 15px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      color:rgba(255,255,255,.73);
    }
    .form { display:grid; gap:16px; }
    .form-section {
      padding:18px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:24px;
      background:rgba(0,0,0,.13);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .form-section h3 {
      margin:0 0 14px;
      font-size:1rem;
      letter-spacing:-.025em;
      color:#fff;
    }
    .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .form label { display:grid; gap:8px; color:rgba(255,248,255,.78); font-weight:740; font-size:.9rem; }
    .form label.full { grid-column:1 / -1; }
    .form input, .form textarea, .form select {
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      border-radius:18px;
      background:rgba(0,0,0,.18);
      color:#fff;
      padding:16px 17px;
      outline:none;
      transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .form select { appearance:none; background-image:linear-gradient(45deg, transparent 50%, rgba(255,255,255,.75) 50%), linear-gradient(135deg, rgba(255,255,255,.75) 50%, transparent 50%); background-position:calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size:6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:42px; }
    .form option { color:#160b24; background:#fff; }
    .form textarea { min-height:190px; resize:vertical; }
    .form input:focus, .form textarea:focus, .form select:focus { border-color:rgba(240,160,111,.52); background:rgba(0,0,0,.27); box-shadow:0 0 0 4px rgba(240,160,111,.08); }

    .faq-item { transition:border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease; }
    .faq-item:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.22); background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); }
    .faq-item.open { border-color:rgba(240,160,111,.34); background:linear-gradient(145deg, rgba(157,98,255,.12), rgba(255,98,183,.055), rgba(0,0,0,.12)); box-shadow:0 20px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08); }
    .faq-q span:last-child {
      width:auto;
      height:auto;
      min-width:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:0;
      background:transparent;
      border:0;
      box-shadow:none;
      color:var(--copper);
      font-size:1.65rem;
      line-height:1;
      font-weight:420;
      transition:transform .24s ease, color .24s ease, opacity .24s ease;
    }
    .faq-item.open .faq-q span:last-child {
      transform:rotate(45deg);
      color:#fff;
      background:transparent;
      box-shadow:none;
      opacity:.95;
    }

    .form select.native-hidden {
      position:absolute;
      width:1px;
      height:1px;
      opacity:0;
      pointer-events:none;
      left:0;
      bottom:0;
      padding:0;
      border:0;
    }
    .select-ui { position:relative; width:100%; margin-top:0; z-index:3; }
    .select-ui.open { z-index:1000; }
    .form-section.select-parent-open { position:relative; z-index:1000; }
    .select-backdrop {
      position:fixed;
      inset:0;
      display:none;
      background:transparent;
      z-index:50;
      cursor:default;
    }
    .select-ui.open .select-backdrop { display:block; }
    .select-trigger {
      width:100%;
      min-height:56px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:18px;
      padding:15px 16px;
      color:#fff;
      cursor:pointer;
      text-align:left;
      background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.032));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.16);
      transition:border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease;
      position:relative;
      z-index:60;
    }
    .select-trigger:hover { border-color:rgba(255,255,255,.28); transform:translateY(-1px); background:linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.045)); }
    .select-ui.open .select-trigger, .select-trigger:focus-visible {
      border-color:rgba(240,160,111,.55);
      box-shadow:0 0 0 4px rgba(240,160,111,.09), inset 0 1px 0 rgba(255,255,255,.11), 0 18px 48px rgba(0,0,0,.24);
      outline:none;
    }
    .select-trigger .select-value { color:rgba(255,248,255,.92); line-height:1.35; }
    .select-trigger.is-placeholder .select-value { color:rgba(255,248,255,.52); }
    .select-chevron {
      width:34px;
      height:34px;
      min-width:34px;
      display:grid;
      place-items:center;
      border-radius:999px;
      background:rgba(255,255,255,.065);
      border:1px solid rgba(255,255,255,.11);
      color:#ffd0a9;
      transition:transform .24s ease, background .24s ease;
    }
    .select-chevron::before { content:"⌄"; font-size:1.12rem; line-height:1; transform:translateY(-2px); }
    .select-ui.open .select-chevron { transform:rotate(180deg); background:rgba(240,160,111,.15); }
    .select-menu {
      position:absolute;
      left:0;
      right:0;
      top:calc(100% + 10px);
      max-height:315px;
      overflow:auto;
      padding:8px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.18);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.22), transparent 35%),
        radial-gradient(circle at 88% 22%, rgba(255,98,183,.16), transparent 34%),
        linear-gradient(145deg, rgba(20,9,38,.96), rgba(34,14,56,.92));
      backdrop-filter:blur(22px) saturate(150%);
      -webkit-backdrop-filter:blur(22px) saturate(150%);
      box-shadow:0 28px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.10);
      opacity:0;
      visibility:hidden;
      transform:translateY(-8px) scale(.985);
      transform-origin:top;
      transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
      z-index:70;
    }
    .select-ui.open .select-menu { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
    .select-option {
      width:100%;
      display:flex;
      align-items:flex-start;
      gap:10px;
      border:0;
      color:rgba(255,248,255,.84);
      background:transparent;
      text-align:left;
      padding:13px 13px;
      border-radius:15px;
      cursor:pointer;
      line-height:1.42;
      font-weight:700;
      transition:background .18s ease, color .18s ease, transform .18s ease;
    }
    .select-option::before {
      content:"";
      width:8px;
      height:8px;
      min-width:8px;
      margin-top:.45em;
      border-radius:999px;
      background:rgba(255,255,255,.22);
      box-shadow:0 0 0 rgba(255,98,183,0);
      transition:background .18s ease, box-shadow .18s ease;
    }
    .select-option:hover, .select-option:focus-visible { background:rgba(255,255,255,.085); color:#fff; transform:translateX(2px); outline:none; }
    .select-option.selected {
      color:#fff;
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.16), rgba(240,160,111,.14));
    }
    .select-option.selected::before { background:#ffd0a9; box-shadow:0 0 16px rgba(255,98,183,.48), 0 0 22px rgba(240,160,111,.24); }
    .select-menu::-webkit-scrollbar { width:10px; }
    .select-menu::-webkit-scrollbar-track { background:rgba(255,255,255,.05); border-radius:999px; }
    .select-menu::-webkit-scrollbar-thumb { background:linear-gradient(var(--violet), var(--pink), var(--orange)); border-radius:999px; border:2px solid rgba(20,9,38,.94); }
    .checkline { display:flex !important; grid-template-columns:none !important; flex-direction:row; align-items:flex-start; gap:11px !important; font-weight:650 !important; line-height:1.45; }
    .checkline input { width:20px; height:20px; min-width:20px; margin:1px 0 0; accent-color:#ff8fc8; padding:0; }
    .checkline a { color:#ffd0a9; font-weight:850; text-decoration:underline; text-decoration-color:rgba(255,208,169,.35); }
    .form small { color:var(--soft); line-height:1.55; }
    .footer {
      width:var(--container);
      margin:0 auto;
      padding:40px 0 55px;
      color:rgba(255,255,255,.55);
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:20px;
      border-top:1px solid rgba(255,255,255,.10);
    }
    .footer strong { color:#fff; display:block; margin-bottom:8px; }
    .footer a { color:#fff; font-weight:800; }
    .footer small { color:rgba(255,255,255,.48); }

    .lightbox {
      position:fixed;
      inset:0;
      background:rgba(3,1,9,.76);
      backdrop-filter:blur(18px);
      z-index:100;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
    }
    .lightbox.open { display:flex; }
    .lightbox-card {
      width:min(1040px, 96vw);
      min-height:620px;
      border-radius:34px;
      border:1px solid rgba(255,255,255,.15);
      background:linear-gradient(145deg, rgba(16,8,31,.96), rgba(30,12,50,.92));
      box-shadow:0 50px 120px rgba(0,0,0,.55);
      position:relative;
      overflow:hidden;
    }
    .lightbox-close {
      position:absolute;
      top:18px;
      right:18px;
      width:46px;
      height:46px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.08);
      color:#fff;
      cursor:pointer;
      z-index:4;
    }
    .lightbox-content { position:absolute; inset:28px; }

    .mobile-menu {
      position:fixed;
      top:88px;
      left:18px;
      right:18px;
      z-index:79;
      border:1px solid rgba(255,255,255,.15);
      border-radius:28px;
      background:rgba(16,8,32,.9);
      backdrop-filter:blur(22px);
      padding:14px;
      display:none;
      box-shadow:var(--shadow);
    }
    .mobile-menu.open { display:grid; }
    .mobile-menu a { padding:15px 14px; border-radius:16px; color:rgba(255,255,255,.84); font-weight:760; }
    .mobile-menu a:hover { background:rgba(255,255,255,.08); }

    @media (max-width:1100px) {
      .hero { grid-template-columns:1fr; gap:20px; padding-top:128px; }
      .hero-copy { max-width:860px; }
      .control-room { min-height:620px; }
      .system-panel { position:relative; inset:auto; margin:0 auto; }
      .desktop-nav { display:none; }
      .menu-toggle { display:block; }
      .nav-shell { grid-template-columns:auto auto auto; }
      .glass-grid, .pricing { grid-template-columns:repeat(2,1fr); }
      .timeline { grid-template-columns:repeat(2,1fr); }
      .split, .about-panel, .contact-box, .gallery { grid-template-columns:1fr; }
    }
    @media (max-width:700px) {
      :root { --container:min(100vw - 24px, 1180px); }
      .site-header { padding:10px 12px; }
      .nav-shell { min-height:68px; padding:9px 10px; }
      .brand-logo { width:44px; height:44px; }
      .brand-logo img { width:42px; height:42px; }
      .brand-word { width:124px; height:34px; }
      .brand-word .plain { font-size:1.62rem; }
      .brand-word svg { display:none; }
      .header-actions .cta { display:none; }
      .hero { padding-top:110px; }
      h1 { font-size:clamp(3.1rem, 17vw, 4.9rem); }
      .hero-actions { flex-direction:column; }
      .hero-actions .cta, .hero-actions .ghost-btn { width:100%; }
      .micro-proof { gap:8px; }
      .control-room { min-height:470px; margin-left:-10px; margin-right:-10px; }
      .system-panel { width:760px; transform:scale(.58); transform-origin:top left; animation:none; }
      .panel-body { grid-template-columns:126px 1fr; }
      .side-menu { padding:16px 10px; }
      .metric-grid { grid-template-columns:repeat(2,1fr); }
      .work-grid, .dash-bottom { grid-template-columns:1fr; }
      .floating-note { display:none; }
      .section { padding:72px 0; }
      .headline-row { flex-direction:column; align-items:flex-start; }
      .glass-grid, .pricing, .timeline, .addons { grid-template-columns:1fr; }
      .included-system, .included-grid { grid-template-columns:1fr; }
      .included-core { min-height:auto; }
      .gallery { gap:14px; }
      .mock-shot { min-height:320px; }
      .mock-shot.small { min-height:220px; }
      .footer { flex-direction:column; }
      .contact-box, .about-copy, .big-copy { padding:24px; }
      .field-grid { grid-template-columns:1fr; }
    }

    @media (max-width: 900px) {
      .wizard-wrapper { grid-template-columns:1fr; padding:28px 18px; gap:24px; border-radius:30px; }
      .wizard-left h2 { font-size:clamp(2.25rem, 12vw, 3.5rem); }
      .wizard-right { padding:22px 16px; border-radius:24px; }
      .button-group { flex-direction:column; }
      .btn-prev, .btn-next, .btn-submit { width:100%; }
    }

    @media (prefers-reduced-motion: reduce) {
      * { animation:none !important; transition:none !important; }
      .site-header.hide { transform:none; opacity:1; }
    }
  

    /* ===== NEW PROOF / ROI / ECOSYSTEM BLOCKS ===== */
    .ba-shell { display:grid; grid-template-columns: minmax(0,1fr); gap:28px; }
    .ba-slider {
      --split: 52;
      position:relative;
      min-height:560px;
      border-radius:34px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(135deg, rgba(15,8,29,.86), rgba(32,14,58,.76));
      box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.10);
      user-select:none;
      touch-action:none;
      isolation:isolate;
    }
    .ba-slider::before {
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at calc(var(--split) * 1%) 50%, rgba(255,255,255,.10), transparent 28%);
      pointer-events:none;
      z-index:4;
    }
    .ba-pane { position:absolute; inset:0; padding:32px; }
    .ba-chaos {
      background:
        radial-gradient(circle at 10% 16%, rgba(255,184,76,.12), transparent 22%),
        radial-gradient(circle at 88% 18%, rgba(255,89,121,.13), transparent 24%),
        linear-gradient(135deg, #1f1820 0%, #2a2025 40%, #18131c 100%);
    }
    .ba-order {
      clip-path: inset(0 0 0 calc(var(--split) * 1%));
      background:
        radial-gradient(circle at 75% 24%, rgba(255,98,183,.14), transparent 24%),
        radial-gradient(circle at 18% 16%, rgba(157,98,255,.14), transparent 24%),
        linear-gradient(135deg, rgba(11,7,28,.98), rgba(25,13,48,.96) 45%, rgba(19,10,38,.98));
      z-index:2;
    }
    .ba-tag {
      position:absolute; top:22px; padding:10px 14px; border-radius:999px; font-size:.85rem; font-weight:800; letter-spacing:.02em; z-index:5;
      border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(14px);
    }
    .ba-chaos .ba-tag { left:22px; background:rgba(255,98,98,.12); color:#ffd7d7; }
    .ba-order .ba-tag { right:22px; background:rgba(117,231,255,.10); color:#d7ffef; }
    .chaos-board { position:absolute; inset:74px 28px 28px; display:grid; grid-template-columns:1.05fr .95fr; gap:22px; }
    .paper-stack, .chaos-side { position:relative; }
    .paper {
      position:absolute; width:72%; min-height:170px; border-radius:24px; padding:18px; color:#f7efe8;
      background:linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.06));
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 24px 50px rgba(0,0,0,.24);
      backdrop-filter:blur(7px);
    }
    .paper:nth-child(1){ left:2%; top:12%; transform:rotate(-7deg); }
    .paper:nth-child(2){ left:14%; top:0; transform:rotate(5deg); }
    .paper:nth-child(3){ left:8%; top:38%; transform:rotate(-3deg); }
    .paper b { display:block; margin-bottom:14px; color:#fff; }
    .sheet-lines { display:grid; gap:8px; }
    .sheet-lines span { height:10px; border-radius:999px; background:rgba(255,255,255,.16); display:block; }
    .sheet-lines span.short { width:56%; }
    .paper.alert { min-height:98px; width:58%; left:34%; top:58%; background:linear-gradient(135deg, rgba(255,86,116,.24), rgba(255,86,116,.08)); }
    .paper.alert .error-chip { display:inline-flex; padding:7px 10px; border-radius:999px; background:rgba(255,86,116,.18); border:1px solid rgba(255,117,138,.34); font-weight:700; color:#ffe2e7; }
    .messenger-stack { position:absolute; inset:4% 0 0 6%; display:flex; flex-direction:column; gap:14px; justify-content:flex-start; }
    .msg {
      max-width:92%; padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.1);
      box-shadow:0 16px 34px rgba(0,0,0,.22); font-weight:650; color:#fff6f6;
    }
    .msg.red { background:rgba(255,84,102,.17); color:#ffe0e6; }
    .msg.gray { background:rgba(255,255,255,.08); color:#fff5f8; }
    .chaos-mini-grid { position:absolute; right:0; bottom:8%; width:88%; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .chaos-mini { min-height:112px; border-radius:22px; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.05); padding:14px; }
    .chaos-mini .row { display:flex; gap:7px; margin-bottom:8px; }
    .chaos-mini .cell { height:10px; flex:1; border-radius:999px; background:rgba(255,255,255,.12); }
    .chaos-mini .cell.red { background:rgba(255,84,102,.44); }
    .order-stage { position:absolute; inset:84px 30px 28px; display:grid; grid-template-columns:1.08fr .92fr; gap:22px; align-items:center; }
    .device {
      position:relative; min-height:360px; border-radius:32px; padding:18px; background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.16); box-shadow:0 30px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .device::after { content:""; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); width:46%; height:10px; border-radius:999px; background:rgba(255,255,255,.10); filter:blur(10px); }
    .device-top { display:flex; align-items:center; gap:6px; margin-bottom:16px; }
    .dot3 { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.16); }
    .device-ui { display:grid; grid-template-columns:170px 1fr; gap:16px; min-height:280px; }
    .device-side, .device-main { border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
    .device-side { padding:18px 12px; display:grid; align-content:start; gap:12px; }
    .menu-pill { height:14px; border-radius:999px; background:linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.05)); }
    .menu-pill.active { background:linear-gradient(90deg, rgba(157,98,255,.7), rgba(255,98,183,.6)); }
    .device-main { padding:18px; display:grid; gap:16px; }
    .kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .kpi-box { padding:16px; border-radius:18px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.1); }
    .kpi-box b { display:block; font-size:1.4rem; margin-bottom:6px; }
    .kpi-box small { color:var(--muted); }
    .order-chart { min-height:120px; border-radius:20px; background:linear-gradient(180deg, rgba(117,231,255,.06), rgba(157,98,255,.04)); position:relative; overflow:hidden; }
    .order-chart svg { position:absolute; inset:0; width:100%; height:100%; }
    .status-rail { display:flex; gap:10px; flex-wrap:wrap; }
    .status-pill { padding:10px 12px; border-radius:999px; font-weight:800; font-size:.86rem; }
    .status-pill.good { background:rgba(135,255,213,.12); border:1px solid rgba(135,255,213,.28); color:#d9fff1; }
    .status-pill.pink { background:rgba(255,98,183,.12); border:1px solid rgba(255,98,183,.28); color:#ffe4f3; }
    .order-side { display:grid; gap:14px; }
    .signal-card { padding:18px; border-radius:24px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 34px rgba(0,0,0,.18); }
    .signal-card b { display:block; margin-bottom:8px; }
    .signal-card p { margin:0; color:var(--muted); line-height:1.55; }
    .ba-divider {
      position:absolute; top:0; bottom:0; left:calc(var(--split) * 1%); width:2px; transform:translateX(-50%);
      background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.95), rgba(255,255,255,.0)); z-index:6;
      box-shadow:0 0 26px rgba(255,255,255,.45);
    }
    .ba-handle {
      position:absolute; top:50%; left:calc(var(--split) * 1%); transform:translate(-50%, -50%); width:72px; height:72px; border-radius:50%;
      border:1px solid rgba(255,255,255,.22); background:linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
      backdrop-filter:blur(20px); box-shadow:0 22px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.16); z-index:7; cursor:ew-resize;
      display:grid; place-items:center;
    }
    .ba-handle::before, .ba-handle::after { content:""; position:absolute; width:16px; height:16px; border-top:2px solid #fff; border-right:2px solid #fff; opacity:.9; }
    .ba-handle::before { transform:translateX(-9px) rotate(-135deg); }
    .ba-handle::after { transform:translateX(9px) rotate(45deg); }
    .ba-note { margin-top:14px; text-align:center; color:var(--soft); font-size:.95rem; }

    .stories-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .story-card {
      padding:26px; border-radius:28px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 50px rgba(0,0,0,.24); display:flex; flex-direction:column; gap:18px;
    }
    .story-card .sector { display:inline-flex; width:max-content; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:var(--muted); font-weight:800; font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; }
    .story-card h3 { margin:0; font-size:1.45rem; line-height:1.25; }
    .story-point { padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
    .story-point b { display:block; margin-bottom:8px; }
    .story-point p { margin:0; color:var(--muted); line-height:1.6; }
    .story-point.result { background:linear-gradient(160deg, rgba(135,255,213,.10), rgba(255,255,255,.04)); border-color:rgba(135,255,213,.18); }

    .eco-shell { display:grid; gap:24px; }
    .marquee-wrap { position:relative; overflow:hidden; border-radius:26px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
    .marquee-wrap::before, .marquee-wrap::after { content:""; position:absolute; top:0; bottom:0; width:72px; z-index:2; pointer-events:none; }
    .marquee-wrap::before { left:0; background:linear-gradient(90deg, rgba(8,4,18,1), rgba(8,4,18,0)); }
    .marquee-wrap::after { right:0; background:linear-gradient(270deg, rgba(8,4,18,1), rgba(8,4,18,0)); }
    .marquee-track { display:flex; gap:14px; width:max-content; padding:18px 14px; animation:marqueeFlow 26s linear infinite; }
    .tech-pill { display:inline-flex; align-items:center; gap:10px; padding:13px 16px; border-radius:999px; background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.12); font-weight:750; white-space:nowrap; }
    .tech-dot { width:12px; height:12px; border-radius:50%; background:linear-gradient(135deg, var(--violet), var(--pink)); box-shadow:0 0 18px rgba(255,98,183,.45); }
    @keyframes marqueeFlow { from { transform:translateX(0); } to { transform:translateX(-50%); } }
    .eco-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .eco-card { padding:24px; border-radius:28px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.12); }
    .eco-card h3 { margin:0 0 18px; font-size:1.22rem; }
    .eco-list { display:grid; gap:12px; }
    .eco-item { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
    .eco-item b { display:block; margin-bottom:4px; }
    .eco-item span { color:var(--muted); font-size:.94rem; line-height:1.45; }
    .eco-badge { flex:0 0 auto; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); font-size:.82rem; font-weight:800; color:#fff; }

    .roi-card {
      position:relative; padding:34px; border-radius:32px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 70px rgba(0,0,0,.28); display:grid; grid-template-columns:minmax(0, .92fr) minmax(340px, 1.08fr); gap:28px;
      overflow:hidden;
    }
    .roi-card::before {
      content:""; position:absolute; inset:auto -10% -40% auto; width:360px; height:360px; border-radius:50%;
      background:radial-gradient(circle, rgba(255,98,183,.18), transparent 64%); filter:blur(18px); pointer-events:none;
    }
    .roi-card.money-running {
      box-shadow:0 30px 80px rgba(0,0,0,.32), 0 0 56px rgba(135,255,213,.08), inset 0 1px 0 rgba(255,255,255,.12);
    }
    .roi-controls { display:grid; gap:22px; align-content:start; }
    .roi-control { padding:20px; border-radius:24px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); }
    .roi-control label { display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:760; margin-bottom:14px; }
    .roi-value { display:inline-flex; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); font-size:.94rem; }
    .roi-range { -webkit-appearance:none; appearance:none; width:100%; height:12px; border-radius:999px; background:linear-gradient(90deg, rgba(157,98,255,.95), rgba(255,98,183,.95), rgba(240,160,111,.95)); outline:none; }
    .roi-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:30px; height:30px; border-radius:50%; background:#fff; border:4px solid rgba(157,98,255,.95); box-shadow:0 0 0 6px rgba(255,255,255,.06), 0 14px 20px rgba(0,0,0,.25); cursor:pointer; }
    .roi-range::-moz-range-thumb { width:30px; height:30px; border-radius:50%; background:#fff; border:4px solid rgba(157,98,255,.95); box-shadow:0 14px 20px rgba(0,0,0,.25); cursor:pointer; }
    .roi-hint { margin-top:12px; color:var(--soft); font-size:.9rem; }
    .roi-output { position:relative; display:grid; gap:20px; align-content:center; overflow:hidden; border-radius:28px; padding:8px; }
    .roi-output::before {
      content:"";
      position:absolute;
      left:-14%;
      right:-14%;
      top:50%;
      transform:translateY(-50%) translateX(var(--money-flow, 0px));
      color:rgba(154,255,217,.055);
      font-weight:950;
      font-size:clamp(2.1rem, 7vw, 6.4rem);
      letter-spacing:.08em;
      white-space:nowrap;
      opacity:0;
      pointer-events:none;
      filter:blur(.2px);
      transition:opacity .22s ease;
      z-index:0;
    }
    .roi-output::after {
      content:"";
      position:absolute;
      inset:8px;
      border-radius:26px;
      background:radial-gradient(circle at 50% 48%, rgba(135,255,213,.14), rgba(255,98,183,.08) 35%, transparent 70%);
      opacity:0;
      transform:scale(.96);
      transition:opacity .25s ease, transform .25s ease;
      pointer-events:none;
      z-index:0;
    }
    .roi-output.money-running::before { opacity:0; animation:none; display:none; }
    .roi-output.money-running::after { opacity:1; transform:scale(1); }
    .roi-output > * { position:relative; z-index:1; }
    .roi-kicker { color:var(--muted); font-weight:760; text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; }
    .roi-amount {
      font-variant-numeric:tabular-nums;
      font-size:clamp(2.4rem, 6vw, 4.85rem); font-weight:900; line-height:.96; letter-spacing:-.05em;
      color:#9affd9; text-shadow:0 0 24px rgba(154,255,217,.20); animation:roiPulse 2.5s ease-in-out infinite;
      transition:filter .18s ease, text-shadow .18s ease;
    }
    .roi-output.money-running .roi-amount {
      filter:drop-shadow(0 0 18px rgba(154,255,217,.34));
      text-shadow:0 0 12px rgba(154,255,217,.36), 0 0 34px rgba(255,98,183,.22);
    }
    .roi-amount small { font-size:.42em; color:#ddfff3; }
    @keyframes roiPulse { 0%,100% { transform:scale(1); opacity:.98; } 50% { transform:scale(1.02); opacity:1; } }
    @keyframes moneyFlow { from { transform:translateY(-50%) translateX(0); } to { transform:translateY(-50%) translateX(-220px); } }
    .roi-copy { color:var(--muted); line-height:1.7; font-size:1.03rem; }
    .roi-meta { display:flex; gap:12px; flex-wrap:wrap; }
    .roi-meta .status-pill { background:rgba(255,255,255,.06); }
    .roi-cta { width:max-content; }

    @media (max-width: 1100px) {
      .stories-grid, .eco-grid, .roi-card { grid-template-columns:1fr; }
      .order-stage, .chaos-board { grid-template-columns:1fr; }
      .ba-slider { min-height:780px; }
      .order-stage { inset:84px 22px 24px; }
      .chaos-board { inset:74px 22px 22px; }
    }
    @media (max-width: 820px) {
      .ba-slider { min-height:860px; }
      .paper { width:82%; }
      .paper.alert { width:68%; left:26%; }
      .device-ui { grid-template-columns:1fr; }
      .device-side { grid-auto-flow:column; grid-auto-columns:1fr; }
      .kpi-row { grid-template-columns:1fr; }
      .ba-handle { width:60px; height:60px; }
      .marquee-track { animation-duration:34s; }
      .roi-card { padding:24px; }
    }
    @media (max-width: 520px) {
      .pricing { padding-top:18px; }
      .card-tag { top:-13px; height:26px; font-size:.62rem; padding:0 13px; letter-spacing:.09em; }
      .price-card.featured { padding-top:26px; }
    }

  
    /* Soft Lead Magnet / Blog-ajánló bubble */
    .dev-blog-bubble {
      position: fixed;
      right: clamp(16px, 2.4vw, 34px);
      bottom: clamp(16px, 2.4vw, 34px);
      z-index: 9998;
      width: min(392px, calc(100vw - 32px));
      pointer-events: none;
      opacity: 0;
      transform: translate3d(0, 26px, 0) scale(.94);
      transition: opacity .46s ease, transform .58s cubic-bezier(.19,1,.22,1);
      font-family: inherit;
    }
    .dev-blog-bubble.is-visible {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      pointer-events: auto;
    }
    .dev-blog-bubble__inner {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 13px;
      align-items: end;
    }
    .dev-blog-bubble__avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      overflow: hidden;
      color: #fff;
      font-weight: 950;
      letter-spacing: -.03em;
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), transparent 28%),
        linear-gradient(135deg, var(--violet), var(--pink), var(--copper));
      box-shadow:
        0 0 0 1px rgba(255,255,255,.18) inset,
        0 18px 42px rgba(157,98,255,.28),
        0 0 34px rgba(255,98,183,.26);
      animation: devenitBubblePulse 3.2s ease-in-out infinite;
      user-select: none;
    }
    .dev-blog-bubble__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 26%;
      display: block;
    }
    .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;
    }
    .dev-blog-bubble__card {
      position: relative;
      overflow: hidden;
      border-radius: 24px 24px 7px 24px;
      padding: 18px 18px 16px;
      border: 1px solid rgba(255,255,255,.15);
      background:
        linear-gradient(135deg, rgba(20,10,43,.90), rgba(34,15,57,.82)),
        radial-gradient(circle at 15% 0%, rgba(157,98,255,.22), transparent 34%),
        radial-gradient(circle at 90% 100%, rgba(255,98,183,.15), transparent 38%);
      backdrop-filter: blur(22px) saturate(150%);
      -webkit-backdrop-filter: blur(22px) saturate(150%);
      box-shadow:
        0 24px 70px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.04) inset;
    }
    .dev-blog-bubble__card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 72%);
      transform: translateX(-130%);
      animation: devenitBubbleShine 5.8s ease-in-out infinite;
      pointer-events: none;
    }
    .dev-blog-bubble__label {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 8px;
      color: rgba(255,255,255,.72);
      font-size: .72rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .12em;
    }
    .dev-blog-bubble__text {
      position: relative;
      margin: 0 28px 13px 0;
      color: rgba(255,255,255,.93);
      font-size: .96rem;
      line-height: 1.48;
      font-weight: 720;
    }
    .dev-blog-bubble__link {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #fff;
      text-decoration: none;
      font-size: .88rem;
      font-weight: 950;
      padding: 10px 13px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(157,98,255,.40), rgba(255,98,183,.25));
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 12px 32px rgba(255,98,183,.14);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .dev-blog-bubble__link:hover {
      transform: translateY(-2px);
      border-color: rgba(255,255,255,.28);
      box-shadow: 0 18px 42px rgba(255,98,183,.22);
    }
    .dev-blog-bubble__close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      color: rgba(255,255,255,.70);
      background: rgba(255,255,255,.07);
      font-size: 18px;
      line-height: 1;
      display: grid;
      place-items: center;
      transition: background .22s ease, color .22s ease, transform .22s ease;
    }
    .dev-blog-bubble__close:hover {
      color: #fff;
      background: rgba(255,255,255,.14);
      transform: rotate(90deg);
    }
    @keyframes devenitBubblePulse {
      0%,100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-3px) scale(1.045); }
    }
    @keyframes devenitBubbleShine {
      0%, 58% { transform: translateX(-130%); }
      78%, 100% { transform: translateX(130%); }
    }
    @media (max-width: 720px) {
      .dev-blog-bubble {
        right: 12px;
        left: 12px;
        bottom: 12px;
        width: auto;
      }
      .dev-blog-bubble__inner {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
      }
      .dev-blog-bubble__avatar {
        width: 44px;
        height: 44px;
        font-size: .86rem;
      }
      .dev-blog-bubble__card {
        border-radius: 22px 22px 7px 22px;
        padding: 15px 15px 14px;
      }
      .dev-blog-bubble__text {
        font-size: .9rem;
        margin-right: 26px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .dev-blog-bubble,
      .dev-blog-bubble__avatar,
      .dev-blog-bubble__card::before {
        animation: none !important;
        transition: none !important;
      }
    }

  
    /* ===== v54 MOBILE HOME HARDENING PATCH =====
       A főoldali mobilnézet külön logikát kap: nincs több desktop panel lekicsinyítve,
       nincs vízszintes szétcsúszás, a hero és a dashboard valódi mobil kártyává válik. */
    @media (max-width: 760px) {
      :root {
        --container: calc(100vw - 28px);
        --radius: 24px;
      }

      html,
      body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      body {
        background-size: 120% 120%;
      }

      body::after {
        background-size: 54px 54px;
        opacity: .18;
      }

      .orb {
        width: 72vw;
        filter: blur(42px);
        opacity: .24;
      }

      .site-header {
        padding: 10px 12px;
      }

      .site-header.hide {
        transform: none;
        opacity: 1;
      }

      .site-header.scrolled {
        padding-top: 8px;
        padding-bottom: 8px;
      }

      .nav-shell {
        width: 100%;
        min-height: 62px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 22px;
        overflow: visible;
      }

      .brand {
        min-width: 0;
        gap: 8px;
      }

      .brand-logo {
        width: 40px;
        height: 40px;
        flex: 0 0 auto;
      }

      .brand-logo img {
        width: 38px;
        height: 38px;
      }

      .brand-word {
        width: 112px;
        height: 31px;
      }

      .brand-word .plain {
        font-size: 1.46rem;
        letter-spacing: -.058em;
      }

      .desktop-nav,
      .header-actions {
        display: none;
      }

      .menu-toggle {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 16px;
      }

      .mobile-menu {
        top: 78px;
        left: 12px;
        right: 12px;
        border-radius: 24px;
      }

      .section,
      .hero {
        width: var(--container);
        max-width: var(--container);
      }

      .section {
        padding: 58px 0;
      }

      .section.min {
        min-height: auto;
        justify-content: flex-start;
      }

      .hero {
        min-height: auto;
        display: flex;
        flex-direction: column;
        gap: 28px;
        align-items: stretch;
        padding: 106px 0 44px;
      }

      .hero-copy {
        max-width: 100%;
      }

      .eyebrow {
        max-width: 100%;
        align-items: flex-start;
        white-space: normal;
        border-radius: 18px;
        line-height: 1.35;
        font-size: .68rem;
        padding: 9px 11px;
        margin-bottom: 18px;
      }

      h1 {
        font-size: clamp(2.58rem, 13.2vw, 4rem);
        line-height: .95;
        letter-spacing: -.074em;
        margin-bottom: 20px;
      }

      .hero-lead {
        font-size: 1rem;
        line-height: 1.62;
        margin-bottom: 24px;
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-bottom: 18px;
      }

      .hero-actions .cta,
      .hero-actions .ghost-btn,
      .cta,
      .ghost-btn {
        width: 100%;
        justify-content: center;
        min-height: 50px;
        text-align: center;
      }

      .micro-proof {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
      }

      .micro-proof div {
        width: 100%;
        justify-content: flex-start;
        border-radius: 16px;
        font-size: .86rem;
        padding: 9px 11px;
      }

      .control-room {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin: 0;
        perspective: none;
      }

      .system-panel {
        position: relative;
        inset: auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        transform: none !important;
        animation: none !important;
        border-radius: 26px;
        overflow: hidden;
        box-shadow: 0 24px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
      }

      .system-panel::before {
        border-radius: 26px;
        opacity: .48;
      }

      .panel-top {
        height: auto;
        min-height: 62px;
        padding: 14px 14px;
        gap: 12px;
        align-items: flex-start;
      }

      .panel-title {
        min-width: 0;
        font-size: .95rem;
        line-height: 1.22;
      }

      .mini-logo {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
      }

      .panel-search {
        display: none;
      }

      .panel-body {
        display: block;
        min-height: auto;
      }

      .side-menu {
        display: none;
      }

      .panel-content {
        padding: 14px;
      }

      .panel-content h3 {
        font-size: 1.12rem;
        margin-bottom: 12px;
      }

      .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .metric {
        min-height: 82px;
        padding: 12px;
        border-radius: 16px;
      }

      .metric small {
        font-size: .66rem;
        line-height: 1.25;
      }

      .metric b {
        font-size: 1.24rem;
      }

      .work-grid,
      .dash-bottom {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .chart-card,
      .todo-card,
      .calendar-card,
      .notify-card {
        min-height: auto;
        padding: 13px;
        border-radius: 18px;
      }

      .chart {
        height: 118px;
      }

      .todo {
        grid-template-columns: auto minmax(0, 1fr);
        font-size: .76rem;
      }

      .todo span:last-child {
        grid-column: 2;
        justify-self: start;
        opacity: .72;
      }

      .mini-calendar {
        gap: 4px;
        font-size: .62rem;
      }

      .notify-row {
        font-size: .74rem;
      }

      .headline-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 22px;
      }

      .section h2 {
        font-size: clamp(2rem, 10.6vw, 3.15rem);
        line-height: 1.02;
        letter-spacing: -.065em;
      }

      .section-intro {
        max-width: 100%;
        font-size: .98rem;
        line-height: 1.62;
      }

      .glass-grid,
      .timeline,
      .pricing,
      .addons,
      .stories-grid,
      .eco-grid,
      .included-grid,
      .mock-cards,
      .kpi-row {
        grid-template-columns: 1fr !important;
      }

      .card,
      .step,
      .price-card,
      .story-card,
      .eco-card,
      .included-item,
      .big-copy,
      .proof-panel,
      .contact-box,
      .about-copy {
        padding: 20px;
        border-radius: 22px;
      }

      .split,
      .about-panel,
      .contact-box,
      .gallery,
      .roi-card,
      .included-system,
      .order-stage,
      .chaos-board,
      .device-ui {
        grid-template-columns: 1fr !important;
      }

      .gallery,
      .stack {
        gap: 12px;
      }

      .mock-shot {
        min-height: 300px;
        border-radius: 24px;
      }

      .mock-shot.small {
        min-height: 230px;
      }

      .mock-content {
        grid-template-columns: 1fr;
      }

      .mock-side {
        display: none;
      }

      .mock-main {
        padding: 14px;
      }

      .ba-slider {
        min-height: 920px;
        border-radius: 24px;
      }

      .ba-pane {
        padding: 20px;
      }

      .order-stage,
      .chaos-board {
        inset: 76px 14px 18px;
      }

      .paper {
        max-width: 88%;
      }

      .device-side {
        grid-auto-flow: row;
      }

      .roi-card {
        padding: 20px;
        border-radius: 24px;
      }

      .roi-amount {
        font-size: clamp(2.1rem, 12vw, 3.35rem);
        word-break: keep-all;
      }

      .roi-meta {
        display: grid;
        grid-template-columns: 1fr;
      }

      .wizard-wrapper {
        padding: 22px 16px;
        border-radius: 24px;
      }

      .button-group {
        display: grid;
        grid-template-columns: 1fr;
      }

      .footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
      }
    }

    @media (max-width: 420px) {
      :root { --container: calc(100vw - 22px); }

      .site-header { padding-left: 8px; padding-right: 8px; }
      .nav-shell { border-radius: 20px; }
      .brand-word { width: 104px; }
      .brand-word .plain { font-size: 1.36rem; }
      h1 { font-size: clamp(2.42rem, 13.8vw, 3.45rem); }
      .metric-grid { grid-template-columns: 1fr; }
      .panel-top { padding: 12px; }
      .panel-content { padding: 12px; }
      .hero { padding-top: 98px; }
    }


    /* ===== v55 MOBILE LANDING REBUILD =====
       Telefonon nem desktop bemutatót erőltetünk: rövid, gyors, menüvel használható landing flow. */
    @media (max-width: 760px) {
      body { overscroll-behavior-y: none; }
      #stars { display: none !important; }

      .site-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        padding: 8px 10px;
      }

      .site-header.hide,
      .site-header.scrolled {
        transform: none !important;
        opacity: 1 !important;
      }

      .nav-shell {
        min-height: 60px;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px;
        padding: 8px 10px;
        border-radius: 22px;
      }

      .header-actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
        min-width: 44px;
        z-index: 3;
      }

      .header-actions .cta,
      .desktop-nav {
        display: none !important;
      }

      .menu-toggle {
        display: grid !important;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(157,98,255,.22), rgba(255,98,183,.14));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.26);
      }

      .mobile-menu {
        display: grid !important;
        position: fixed;
        top: 76px;
        left: 10px;
        right: 10px;
        z-index: 1001;
        max-height: calc(100vh - 92px);
        overflow: auto;
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 10px;
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(16,8,32,.96), rgba(33,13,57,.94));
        box-shadow: 0 30px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px) scale(.985);
        transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
      }

      .mobile-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
      }

      .mobile-menu a {
        min-height: 46px;
        display: flex;
        align-items: center;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255,255,255,.045);
        border: 1px solid rgba(255,255,255,.07);
      }

      .brand-logo { width: 38px; height: 38px; }
      .brand-logo img { width: 36px; height: 36px; }
      .brand-word { width: 104px; height: 30px; }
      .brand-word .plain { font-size: 1.34rem; letter-spacing: -.06em; }

      .brand-copy { gap:3px; }
      .brand-slogan {
        font-size:.48rem;
        letter-spacing:.19em;
        max-width:128px;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .hero {
        padding-top: 92px !important;
        padding-bottom: 24px !important;
        gap: 16px !important;
      }

      h1 {
        font-size: clamp(2.34rem, 12.4vw, 3.55rem) !important;
        line-height: .97 !important;
        margin-bottom: 16px !important;
      }

      .hero-lead {
        font-size: .98rem !important;
        line-height: 1.58 !important;
        margin-bottom: 18px !important;
      }

      .eyebrow {
        margin-bottom: 14px !important;
      }

      .hero-actions {
        margin-bottom: 12px !important;
      }

      .micro-proof {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
      }

      .micro-proof div:nth-child(n+3) {
        display: none !important;
      }

      /* A desktopos vezérlőpult mobilon túl hosszú és nehéz: telefonon kivesszük. */
      .control-room,
      .floating-note {
        display: none !important;
      }

      .section,
      .section.min {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
        min-height: auto !important;
      }

      .headline-row {
        margin-bottom: 18px !important;
      }

      .section h2 {
        font-size: clamp(1.86rem, 9.4vw, 2.85rem) !important;
        line-height: 1.03 !important;
      }

      .section-intro,
      .big-copy p,
      .card p,
      .step p,
      .story-point p,
      .price-card p,
      .addon p,
      .faq-a {
        font-size: .95rem !important;
        line-height: 1.55 !important;
      }

      /* A hosszú, csúszkás előtte-utána blokk telefonon nem kell. */
      #kaosz-rend,
      #roi-kalkulator {
        display: none !important;
      }

      /* Rövid mobil landing: kevesebb kártya, kevesebb scroll, ugyanaz az üzenet. */
      #szolgaltatasaim .card:nth-child(n+5),
      #esettanulmanyok .story-card:nth-child(n+3),
      #integraciok .eco-card:nth-child(n+4),
      #arak .included-item:nth-child(n+3),
      #__unused_mobile_hide_selector {
        display: none !important;
      }

      #integraciok .marquee-wrap,
      .dev-blog-bubble {
        display: none !important;
      }

      .card,
      .step,
      .price-card,
      .story-card,
      .eco-card,
      .included-item,
      .addon,
      .big-copy,
      .proof-panel,
      .contact-box,
      .about-copy {
        padding: 18px !important;
        border-radius: 22px !important;
      }

      .gallery {
        display: grid !important;
        grid-template-columns: 1fr !important;
      }

      .gallery .stack {
        display: none !important;
      }

      .mock-shot {
        min-height: 250px !important;
      }

      .included-system {
        gap: 14px !important;
      }

      .included-core {
        min-height: auto !important;
        padding: 20px !important;
      }

      .pricing,
      .addons,
      .timeline,
      .stories-grid,
      .eco-grid,
      .included-grid,
      .glass-grid {
        gap: 12px !important;
      }

      .price-card ul {
        padding-left: 18px;
      }

      .price-card li {
        font-size: .9rem;
        line-height: 1.46;
      }

      .footer {
        width: var(--container);
        display: grid !important;
        grid-template-columns: 1fr;
        align-items: flex-start;
        gap: 14px;
        padding: 28px 0 38px;
      }

      .orb,
      .marquee-track,
      .system-panel,
      .mock-shot,
      .spotlight-card,
      .ba-slider,
      .roi-output {
        animation: none !important;
      }
    }


    /* ===== v63 MOBILE-ONLY PROCESS ACCORDION =====
       Csak telefonon: a hosszú folyamatrács progresszív harmonikává alakul. Desktop érintetlen. */
    @media (max-width: 760px) {
      #hogyan .headline-row {
        margin-bottom: 22px !important;
      }

      #hogyan .section-intro {
        font-size: .96rem !important;
        line-height: 1.58 !important;
      }

      #hogyan .timeline {
        position: relative;
        display: flex !important;
        flex-direction: column;
        gap: 12px !important;
        padding-left: 0;
        grid-template-columns: none !important;
      }

      #hogyan .timeline::before {
        content: "";
        position: absolute;
        left: 22px;
        top: 20px;
        bottom: 20px;
        width: 2px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(168,85,247,.48), rgba(244,114,182,.18), rgba(255,255,255,.035));
        pointer-events: none;
        z-index: 0;
      }

      #hogyan .step {
        display: block !important;
        min-height: 0 !important;
        padding: 16px 48px 16px 64px !important;
        border-radius: 18px !important;
        background: linear-gradient(145deg, rgba(255,255,255,.044), rgba(255,255,255,.018)) !important;
        border: 1px solid rgba(255,255,255,.07) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .24s ease;
        z-index: 1;
      }

      #hogyan .step:nth-child(n+5) {
        display: block !important;
      }

      #hogyan .step::after {
        display: none !important;
      }

      #hogyan .step::before {
        content: "";
        position: absolute;
        top: 24px;
        right: 20px;
        width: 9px;
        height: 9px;
        border-right: 2px solid rgba(168,85,247,.92);
        border-bottom: 2px solid rgba(168,85,247,.92);
        transform: rotate(45deg);
        transform-origin: center;
        filter: drop-shadow(0 0 8px rgba(168,85,247,.48));
        transition: transform .28s ease, opacity .28s ease;
        opacity: .85;
      }

      #hogyan .step .kicker {
        position: relative;
        color: #a855f7 !important;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: .78rem !important;
        line-height: 1;
        letter-spacing: .04em;
        text-shadow: 0 0 12px rgba(168,85,247,.48);
        margin: 0 0 8px !important;
      }

      #hogyan .step .kicker::before {
        content: "";
        position: absolute;
        left: -48px;
        top: 50%;
        width: 34px;
        height: 34px;
        border-radius: 999px;
        transform: translateY(-50%);
        background: rgba(12, 8, 26, .96);
        border: 1px solid rgba(168,85,247,.38);
        box-shadow: 0 0 0 5px rgba(7,6,16,.82), 0 0 18px rgba(168,85,247,.22);
      }

      #hogyan .step h3 {
        margin: 0 !important;
        font-size: 1.02rem !important;
        line-height: 1.26 !important;
        letter-spacing: -.035em;
        padding-right: 2px;
      }

      #hogyan .step p {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0 solid transparent;
        transition: max-height .36s ease, opacity .26s ease, margin-top .26s ease, padding-top .26s ease, border-color .26s ease;
      }

      #hogyan .step.is-open {
        border-color: rgba(168,85,247,.36) !important;
        background: linear-gradient(145deg, rgba(168,85,247,.092), rgba(255,255,255,.026)) !important;
        box-shadow: 0 16px 44px rgba(168,85,247,.07), inset 0 1px 0 rgba(255,255,255,.06) !important;
      }

      #hogyan .step.is-open::before {
        transform: rotate(225deg);
        opacity: 1;
      }

      #hogyan .step.is-open p {
        max-height: 360px;
        opacity: 1;
        margin-top: 14px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255,255,255,.075);
      }
    }


    /* ===== v56 MOBILE SCROLL HOTFIX =====
       A v55 mobil rövidítés után a touch-scroll nem maradhat zárolva.
       Mobilon a háttér mindig görgethető, a menü pedig csak saját panelként ül fölé. */
    @media (max-width: 760px) {
      html,
      body {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        position: static !important;
        touch-action: pan-y pinch-zoom !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: auto !important;
      }

      body.menu-open {
        overflow-y: auto !important;
        position: static !important;
        height: auto !important;
        touch-action: pan-y pinch-zoom !important;
      }

      main,
      .section,
      .section.min,
      .hero,
      .glass-grid,
      .pricing,
      .stories-grid,
      .contact-box,
      .about-panel,
      .footer {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        touch-action: pan-y pinch-zoom !important;
      }

      .mobile-menu {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y pinch-zoom !important;
      }

      .select-backdrop,
      .lightbox:not(.open) {
        pointer-events: none !important;
      }

      .select-ui.open .select-backdrop,
      .lightbox.open {
        pointer-events: auto !important;
      }

      .ba-slider,
      .roi-card,
      .marquee-wrap {
        touch-action: pan-y pinch-zoom !important;
      }
    }


    /* ===== v57 GLOBAL NEON OUTLINE CLEANUP =====
       Dobozos ikon/szám chipek helyett tipográfiai és outline kiemelés. */
    .neon-highlight,
    .neon-number,
    .card .icon,
    .included-item .no,
    .included-item .base-icon,
    .badge-icon,
    .eco-badge {
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      border-radius:0 !important;
      padding:0 !important;
      color:#a855f7 !important;
      text-shadow:0 0 12px rgba(168,85,247,.55);
    }

    .card {
      transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
    }
    .card > * { position:relative; z-index:1; }
    .card:hover {
      border-color:rgba(168,85,247,.42);
      background:linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.038));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 54px rgba(168,85,247,.10), 0 24px 64px rgba(0,0,0,.24);
    }

    .card .icon,
    .included-item .base-icon,
    .badge-icon {
      width:48px !important;
      height:48px !important;
      min-width:48px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      margin-bottom:18px;
      filter:drop-shadow(0 0 8px rgba(168,85,247,.55));
      transition:transform .24s ease, filter .24s ease, color .24s ease;
    }
    .card .icon svg,
    .included-item .base-icon svg,
    .badge-icon svg {
      width:100%;
      height:100%;
      display:block;
    }
    .card:hover .icon,
    .included-item:hover .base-icon,
    .badge:hover .badge-icon {
      transform:scale(1.045);
      filter:drop-shadow(0 0 12px rgba(168,85,247,.78));
    }

    .pain-row {
      gap:20px;
      padding:22px 24px;
      background:rgba(255,255,255,.028);
      border-color:rgba(255,255,255,.07);
      transition:border-color .24s ease, background .24s ease, transform .24s ease;
    }
    .pain-row:hover {
      border-color:rgba(168,85,247,.26);
      background:rgba(255,255,255,.045);
      transform:translateY(-2px);
    }
    .num,
    .neon-number {
      width:46px !important;
      height:auto !important;
      min-width:46px;
      display:inline-block !important;
      text-align:left;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:1.48rem;
      font-weight:900;
      line-height:1;
      letter-spacing:-.04em;
      color:#a855f7 !important;
      text-shadow:0 0 14px rgba(168,85,247,.62);
      margin-top:2px;
    }

    .badge {
      gap:18px;
    }
    .badge-icon {
      margin-bottom:0;
      flex:0 0 auto;
    }

    .eco-item {
      align-items:flex-start;
    }
    .eco-badge {
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:.88rem;
      letter-spacing:.06em;
      line-height:1.2;
      margin-top:2px;
      flex:0 0 auto;
    }

    @media (hover:none) {
      .card:hover,
      .pain-row:hover,
      .included-item:hover .base-icon,
      .badge:hover .badge-icon {
        transform:none;
      }
      .card .icon,
      .included-item .base-icon,
      .badge-icon {
        filter:drop-shadow(0 0 6px rgba(168,85,247,.45));
      }
    }

    @media (max-width: 720px) {
      .card .icon,
      .included-item .base-icon,
      .badge-icon {
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
      }
      .pain-row {
        padding:18px 16px;
        gap:16px;
      }
      .num,
      .neon-number {
        min-width:38px;
        width:38px !important;
        font-size:1.25rem;
      }
      .eco-badge {
        font-size:.78rem;
      }
    }


    /* ===== v61 ÁRAK ACCORDION + SZAKMAI MINIMUM REBUILD ===== */
    .pricing.pricing-accordion {
      align-items:start;
      gap:16px;
    }
    .pricing-accordion .price-card {
      min-height:0;
      padding:0 !important;
      border-radius:28px;
      overflow:hidden;
      display:block;
    }
    .pricing-accordion .price-card.featured {
      padding-top:0;
      overflow:visible;
    }
    .pricing-accordion .price-summary {
      position:relative;
      min-height:236px;
      padding:28px 24px 22px;
      list-style:none;
      cursor:pointer;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:22px;
      outline:none;
    }
    .pricing-accordion .price-summary::-webkit-details-marker { display:none; }
    .pricing-accordion .price-summary::marker { content:""; }
    .price-summary-content {
      display:flex;
      flex-direction:column;
      gap:7px;
    }
    .price-title {
      color:#fff;
      font-size:1.2rem;
      font-weight:850;
      line-height:1.12;
      letter-spacing:-.045em;
    }
    .pricing-accordion .price {
      margin:8px 0 0;
      font-size:clamp(1.75rem, 2.2vw, 2.25rem);
    }
    .pricing-accordion .vat {
      margin:0;
      color:var(--soft);
      font-weight:780;
    }
    .price-lead {
      margin-top:10px;
      color:rgba(255,255,255,.76);
      line-height:1.52;
      font-size:.96rem;
    }
    .price-toggle {
      width:100%;
      min-height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      border-radius:999px;
      padding:0 16px;
      color:#fff;
      font-size:.86rem;
      font-weight:850;
      background:rgba(168,85,247,.10);
      border:1px solid rgba(168,85,247,.30);
      box-shadow:0 0 18px rgba(168,85,247,.08);
    }
    .price-toggle::after {
      content:"+";
      width:24px;
      height:24px;
      display:grid;
      place-items:center;
      border-radius:999px;
      color:#a855f7;
      font-size:1.2rem;
      line-height:1;
      text-shadow:0 0 12px rgba(168,85,247,.65);
      transition:transform .22s ease;
    }
    .pricing-accordion .price-card[open] .price-toggle::after {
      content:"−";
      transform:rotate(180deg);
    }
    .pricing-accordion .price-card[open] .price-toggle {
      background:rgba(168,85,247,.18);
      border-color:rgba(168,85,247,.54);
    }
    .price-details {
      padding:0 24px 24px;
      display:grid;
      gap:16px;
      border-top:1px solid rgba(255,255,255,.075);
    }
    .price-details p {
      margin:20px 0 0;
      color:var(--muted);
      line-height:1.56;
    }
    .pricing-accordion .price-card ul {
      margin:0 0 6px;
      padding:0;
    }
    .pricing-accordion .price-card .ghost-btn {
      margin-top:2px;
    }
    .pricing-accordion .card-tag {
      top:-12px;
      left:24px;
      transform:none;
    }
    .pricing-accordion .price-card.featured .price-summary {
      padding-top:36px;
    }

    .minimum-standards-section {
      margin-top:64px;
      position:relative;
    }
    .minimum-standards-section::before {
      content:"";
      position:absolute;
      inset:-36px -18px;
      border-radius:38px;
      background:
        radial-gradient(circle at 18% 18%, rgba(168,85,247,.15), transparent 34%),
        radial-gradient(circle at 90% 68%, rgba(244,114,182,.11), transparent 32%);
      filter:blur(18px);
      opacity:.72;
      pointer-events:none;
      z-index:-1;
    }
    .standards-container {
      display:grid;
      grid-template-columns:minmax(280px, .92fr) 1.2fr;
      gap:60px;
      align-items:start;
    }
    .standards-header-sticky {
      position:sticky;
      top:108px;
      display:flex;
      flex-direction:column;
      gap:24px;
    }
    .category-pill {
      align-self:flex-start;
      color:#e879f9;
      font-size:.78rem;
      font-weight:850;
      text-transform:uppercase;
      letter-spacing:.11em;
      background:transparent;
      border:0;
      padding:0;
    }
    .standards-title {
      margin:0;
      color:#fff;
      font-size:clamp(2.3rem, 4.1vw, 4.15rem);
      font-weight:900;
      line-height:1.02;
      letter-spacing:-.07em;
    }
    .standards-intro {
      margin:0;
      color:var(--muted);
      font-size:1.08rem;
      line-height:1.68;
      max-width:520px;
    }
    .standards-accent-box {
      display:flex;
      align-items:center;
      gap:12px;
      padding-top:22px;
      margin-top:2px;
      border-top:1px solid rgba(255,255,255,.11);
    }
    .pink-dot {
      width:8px;
      height:8px;
      border-radius:999px;
      background:#f472b6;
      box-shadow:0 0 14px rgba(244,114,182,.72);
      flex-shrink:0;
    }
    .standards-accent-box strong {
      color:#fff;
      font-size:.96rem;
      line-height:1.45;
    }
    .standards-grid-col {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:18px;
    }
    .standard-item {
      min-height:0;
      padding:30px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.024));
      box-shadow:0 18px 46px rgba(0,0,0,.18);
      display:flex;
      flex-direction:column;
      gap:15px;
      transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
    }
    .standard-item:hover {
      transform:translateY(-3px);
      border-color:rgba(168,85,247,.30);
      background:rgba(255,255,255,.052);
      box-shadow:0 18px 48px rgba(168,85,247,.08), 0 20px 52px rgba(0,0,0,.18);
    }
    .standard-item .neon-icon {
      width:42px;
      height:42px;
      color:#a855f7;
      filter:drop-shadow(0 0 8px rgba(168,85,247,.58));
      margin:0 0 4px;
      background:transparent;
      border:0;
      padding:0;
      border-radius:0;
      box-shadow:none;
    }
    .standard-item .neon-icon svg {
      width:100%;
      height:100%;
    }
    .standard-item h3 {
      margin:0;
      color:#fff;
      font-size:1.17rem;
      font-weight:800;
      letter-spacing:-.04em;
      line-height:1.18;
    }
    .standard-item p {
      margin:0;
      color:var(--muted);
      font-size:.96rem;
      line-height:1.58;
    }

    @media (max-width:980px) {
      .standards-container { grid-template-columns:1fr; gap:34px; }
      .standards-header-sticky { position:relative; top:0; }
    }
    @media (max-width:760px) {
      .pricing-accordion .price-summary { min-height:0; padding:22px 18px 18px; gap:18px; }
      .pricing-accordion .price-card.featured .price-summary { padding-top:34px; }
      .price-details { padding:0 18px 18px; }
      .pricing-accordion .price { font-size:1.85rem; }
      .price-lead { font-size:.94rem; }
      .minimum-standards-section { margin-top:44px; }
      .standards-title { font-size:clamp(2rem, 10vw, 2.8rem); }
      .standards-intro { font-size:.98rem; }
      .standards-grid-col { grid-template-columns:1fr; gap:12px; }
      .standard-item { padding:20px; border-radius:20px; }
      .standard-item .neon-icon { width:38px; height:38px; filter:drop-shadow(0 0 6px rgba(168,85,247,.42)); }
    }



    /* ===== v62 ÁRAK ACCORDION POLÍR: azonos zárt magasság + folytonos nyitás ===== */
    .pricing-accordion .price-card {
      height:auto;
      display:flex;
      flex-direction:column;
      overflow:hidden !important;
      contain:layout paint;
    }
    .pricing-accordion .price-card.featured {
      overflow:hidden !important;
    }
    .pricing-accordion .price-summary {
      height:268px;
      min-height:268px;
      box-sizing:border-box;
      flex:0 0 268px;
      padding:28px 24px 22px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .pricing-accordion .price-card.featured .price-summary {
      padding-top:28px;
    }
    .pricing-accordion .price-card.featured .price-summary-content {
      padding-top:26px;
    }
    .pricing-accordion .card-tag {
      position:absolute;
      top:18px;
      left:24px;
      transform:none;
      z-index:2;
      pointer-events:none;
    }
    .price-summary-content {
      min-height:170px;
    }
    .price-title {
      min-height:2.7em;
      display:flex;
      align-items:flex-start;
    }
    .price-lead {
      min-height:calc(.96rem * 1.52 * 2);
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .price-toggle {
      flex:0 0 auto;
      user-select:none;
    }
    .price-details {
      height:0;
      overflow:hidden;
      opacity:0;
      padding:0 24px;
      border-top:0 solid rgba(255,255,255,.075);
      display:block;
      transition:
        height .46s cubic-bezier(.22, 1, .36, 1),
        opacity .28s ease,
        padding .46s cubic-bezier(.22, 1, .36, 1),
        border-color .46s ease;
      will-change:height;
    }
    .pricing-accordion .price-card.is-expanded .price-details {
      opacity:1;
      padding:0 24px 24px;
      border-top-width:1px;
    }
    .price-details p {
      margin:20px 0 0;
    }
    .pricing-accordion .price-card.is-expanded .price-toggle::after {
      content:"−";
      transform:rotate(180deg);
    }
    .pricing-accordion .price-card.is-expanded .price-toggle {
      background:rgba(168,85,247,.18);
      border-color:rgba(168,85,247,.54);
    }
    .pricing-accordion .price-card:not(.is-expanded) .price-toggle::after {
      content:"+";
      transform:none;
    }
    .pricing-accordion .price-card:not(.is-expanded) .price-toggle {
      background:rgba(168,85,247,.10);
      border-color:rgba(168,85,247,.30);
    }
    .pricing-accordion .price-card.is-animating {
      pointer-events:auto;
    }
    .pricing-accordion .price-summary:focus-visible {
      outline:2px solid rgba(168,85,247,.72);
      outline-offset:-6px;
      border-radius:26px;
    }
    @media (max-width:760px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:232px;
        min-height:232px;
        flex-basis:232px;
        padding:22px 18px 18px;
        gap:14px;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:24px;
      }
      .pricing-accordion .card-tag {
        top:15px;
        left:18px;
      }
      .price-summary-content {
        min-height:150px;
      }
      .price-title {
        min-height:2.35em;
      }
      .pricing-accordion .price {
        font-size:1.78rem;
      }
      .pricing-accordion .price-card.is-expanded .price-details,
      .price-details {
        padding-left:18px;
        padding-right:18px;
      }
      .pricing-accordion .price-card.is-expanded .price-details {
        padding-bottom:18px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .price-details,
      .price-toggle,
      .price-toggle::after {
        transition:none !important;
      }
    }


    /* ===== v65 ÁRAZÁS GRID + GOMB-IGAZÍTÁS HOTFIX ===== */
    .pricing.pricing-accordion {
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:22px;
      align-items:stretch;
      max-width:1120px;
      margin-left:auto;
      margin-right:auto;
    }
    .pricing-accordion .price-card {
      min-width:0;
      height:100%;
      display:flex !important;
      flex-direction:column;
      border-radius:26px;
    }
    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      height:278px;
      min-height:278px;
      flex:0 0 278px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap:0;
      box-sizing:border-box;
      padding:28px 24px 22px;
    }
    .pricing-accordion .price-card.featured .price-summary-content {
      padding-top:26px;
    }
    .pricing-accordion .price-summary-content {
      flex:1 1 auto;
      min-height:0;
      display:flex;
      flex-direction:column;
      gap:7px;
    }
    .pricing-accordion .price-title {
      min-height:2.65em;
      display:flex;
      align-items:flex-start;
      margin:0;
    }
    .pricing-accordion .price {
      white-space:nowrap;
      overflow-wrap:normal;
      word-break:normal;
      font-size:clamp(1.85rem, 3.1vw, 2.22rem);
      letter-spacing:-.065em;
      line-height:1.02;
      max-width:100%;
    }
    .pricing-accordion .price-lead {
      min-height:calc(.96rem * 1.52 * 2);
      max-height:calc(.96rem * 1.52 * 2);
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .pricing-accordion .price-toggle {
      margin-top:auto;
      flex:0 0 auto;
    }
    .pricing-accordion .price-details {
      flex:0 0 auto;
    }
    @media (min-width:1280px) {
      .pricing.pricing-accordion {
        max-width:1180px;
      }
    }
    @media (max-width:900px) {
      .pricing.pricing-accordion {
        grid-template-columns:1fr;
        max-width:560px;
        gap:16px;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:252px;
        min-height:252px;
        flex-basis:252px;
        padding:22px 18px 18px;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:24px;
      }
      .pricing-accordion .price-title {
        min-height:auto;
      }
      .pricing-accordion .price {
        font-size:clamp(1.68rem, 8vw, 2rem);
        letter-spacing:-.055em;
      }
      .pricing-accordion .price-lead {
        min-height:calc(.94rem * 1.52 * 2);
        max-height:calc(.94rem * 1.52 * 2);
      }
    }
    @media (max-width:380px) {
      .pricing-accordion .price {
        font-size:1.55rem;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        height:246px;
        min-height:246px;
        flex-basis:246px;
      }
    }


    /* ===== v66 KIEGÉSZÍTŐ SZOLGÁLTATÁSOK: 3 TÉTEL + MOBIL ACCORDION ===== */
    .addons.addons-mobile-accordion {
      grid-template-columns:repeat(3, minmax(0, 1fr));
      align-items:stretch;
    }
    .addons-mobile-accordion .addon {
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .addon-toggle {
      appearance:none;
      border:0;
      background:transparent;
      color:inherit;
      padding:0;
      margin:0;
      width:100%;
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      text-align:left;
      cursor:default;
    }
    .addon-title {
      color:#fff;
      font-weight:850;
      letter-spacing:-.03em;
      line-height:1.22;
    }
    .addon-toggle strong {
      color:#fff;
      font-size:.94rem;
      line-height:1.25;
      white-space:normal;
    }
    .addon-chevron { display:none; }
    .addon-body {
      display:grid;
      gap:10px;
    }
    .addon-body p { margin:0; }
    .addon-body strong { color:#fff; }

    @media (max-width:760px) {
      .addons.addons-mobile-accordion {
        grid-template-columns:1fr !important;
        gap:10px !important;
      }
      .addons-mobile-accordion .addon {
        padding:0 !important;
        gap:0;
        overflow:hidden;
      }
      .addons-mobile-accordion .addon-toggle {
        min-height:74px;
        cursor:pointer;
        display:grid;
        grid-template-columns:minmax(0, 1fr) auto;
        align-items:center;
        gap:8px 14px;
        padding:18px;
      }
      .addons-mobile-accordion .addon-title {
        grid-column:1;
        font-size:1rem;
      }
      .addons-mobile-accordion .addon-toggle strong {
        grid-column:1;
        color:var(--violet2);
        font-size:.86rem;
      }
      .addons-mobile-accordion .addon-chevron {
        grid-column:2;
        grid-row:1 / span 2;
        display:grid;
        place-items:center;
        width:34px;
        height:34px;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-size:1.28rem;
        line-height:1;
        transition:transform .24s ease, background .24s ease, border-color .24s ease;
      }
      .addons-mobile-accordion .addon.is-open .addon-chevron {
        transform:rotate(45deg);
        background:rgba(168,85,247,.18);
        border-color:rgba(211,132,255,.52);
      }
      .addons-mobile-accordion .addon-body {
        height:0;
        overflow:hidden;
        opacity:0;
        padding:0 18px;
        transition:height .36s cubic-bezier(.22,1,.36,1), opacity .22s ease, padding .36s cubic-bezier(.22,1,.36,1);
      }
      .addons-mobile-accordion .addon.is-open .addon-body {
        opacity:1;
        padding:0 18px 18px;
      }
    }


    /* ===== v67 PC ÁRAZÁS: LEGNEPSZERUBB BADGE NE TOLJA EL A KÁRTYÁT ===== */
    @media (min-width:901px) {
      .pricing.pricing-accordion {
        padding-top:42px;
      }
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.featured.spotlight-card {
        overflow:visible !important;
      }
      .pricing-accordion .price-card.featured .price-summary,
      .pricing-accordion .price-summary {
        padding-top:28px !important;
      }
      .pricing-accordion .price-card.featured .price-summary-content {
        padding-top:0 !important;
      }
      .pricing-accordion .card-tag {
        top:-16px !important;
        left:24px !important;
        transform:none !important;
        z-index:5;
      }
      .pricing-accordion .price-card.featured .price-title {
        padding-right:0;
      }
    }



    /* v68 – Integrációk szekció: katalógus/kapszulasor helyett szellős, listás rendszer */
    .integrations-section-v68 {
      position:relative;
    }
    .integrations-container-v68 {
      max-width:1200px;
      margin:0 auto;
    }
    .integrations-header-v68 {
      display:grid;
      grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
      gap:clamp(24px, 4vw, 58px);
      align-items:end;
      padding-bottom:30px;
      margin-bottom:42px;
      border-bottom:1px solid rgba(255,255,255,.07);
    }
    .integrations-header-v68 h2 {
      margin:0;
      max-width:760px;
    }
    .integrations-header-v68 p {
      margin:0;
      color:var(--muted);
      font-size:1.05rem;
      line-height:1.68;
      max-width:520px;
    }
    .integrations-grid-v68 {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:clamp(22px, 3vw, 42px);
    }
    .integration-column-v68 {
      position:relative;
      padding:4px 2px 0;
      min-width:0;
    }
    .integration-column-v68::before {
      content:"";
      position:absolute;
      inset:-18px -16px auto;
      height:116px;
      border-radius:26px;
      background:radial-gradient(circle at 18% 0%, rgba(168,85,247,.10), transparent 66%);
      opacity:.72;
      pointer-events:none;
      z-index:0;
    }
    .integration-column-v68 > * {
      position:relative;
      z-index:1;
    }
    .integration-column-v68 h3 {
      margin:0 0 24px;
      padding-bottom:15px;
      border-bottom:1px solid rgba(255,255,255,.07);
      color:#fff;
      font-size:1.14rem;
      line-height:1.25;
      letter-spacing:-.02em;
    }
    .integration-list-v68 {
      display:grid;
      gap:0;
    }
    .integration-item-v68 {
      display:grid;
      grid-template-columns:46px minmax(0, 1fr);
      gap:16px;
      padding:0 0 24px;
      margin:0 0 24px;
      border-bottom:1px dashed rgba(255,255,255,.075);
      transition:transform .24s ease, border-color .24s ease;
    }
    .integration-item-v68:last-child {
      margin-bottom:0;
      padding-bottom:0;
      border-bottom:0;
    }
    .integration-item-v68:hover {
      transform:translateY(-2px);
      border-color:rgba(168,85,247,.24);
    }
    .integration-brand-v68 {
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      color:#fff;
      font-weight:900;
      font-size:.96rem;
      letter-spacing:-.04em;
      background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
      border:1px solid rgba(255,255,255,.09);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 rgba(168,85,247,0);
      transition:color .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease, background .24s ease;
    }
    .integration-brand-v68 svg {
      width:22px;
      height:22px;
      display:block;
    }
    .integration-item-v68:hover .integration-brand-v68 {
      color:#d7b4ff;
      border-color:rgba(168,85,247,.38);
      background:rgba(168,85,247,.075);
      box-shadow:0 0 22px rgba(168,85,247,.20);
      transform:scale(1.045);
    }
    .brand-billingo { color:#6ee7ff; }
    .brand-szamlazz { color:#8affd2; }
    .brand-pay { color:#fbd38d; }
    .brand-google { color:#f8fafc; }
    .brand-docs { color:#93c5fd; }
    .brand-api { color:#c4b5fd; }
    .brand-ai { color:#f0abfc; }
    .brand-db { color:#7dd3fc; }
    .brand-python { color:#fda4af; }
    .integration-copy-v68 {
      min-width:0;
    }
    .integration-row-v68 {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:7px;
    }
    .integration-row-v68 h4 {
      margin:0;
      color:#fff;
      font-size:1.02rem;
      line-height:1.25;
      font-weight:780;
      letter-spacing:-.015em;
    }
    .integration-copy-v68 p {
      margin:0;
      color:var(--muted);
      font-size:.93rem;
      line-height:1.56;
    }
    .tech-badge-v68 {
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:42px;
      padding:4px 8px;
      border-radius:7px;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:.68rem;
      line-height:1;
      font-weight:900;
      letter-spacing:.055em;
      border:1px solid currentColor;
      background:rgba(255,255,255,.025);
    }
    .tech-badge-v68.api { color:#60a5fa; }
    .tech-badge-v68.hu { color:#34d399; }
    .tech-badge-v68.pay { color:#fbbf24; }
    .tech-badge-v68.sync { color:#a78bfa; }
    .tech-badge-v68.docs { color:#f472b6; }
    .tech-badge-v68.open { color:#818cf8; }
    .tech-badge-v68.ai { color:#e879f9; }
    .tech-badge-v68.core { color:#38bdf8; }
    .tech-badge-v68.data { color:#fb7185; }

    @media (max-width: 1100px) {
      .integrations-header-v68,
      .integrations-grid-v68 {
        grid-template-columns:1fr;
      }
      .integrations-header-v68 p {
        max-width:760px;
      }
      .integrations-grid-v68 {
        gap:34px;
      }
    }

    @media (max-width: 640px) {
      .integrations-header-v68 {
        gap:16px;
        margin-bottom:30px;
        padding-bottom:22px;
      }
      .integrations-header-v68 p {
        font-size:.96rem;
      }
      .integration-column-v68 {
        padding:0;
      }
      .integration-column-v68::before {
        display:none;
      }
      .integration-column-v68 h3 {
        margin-bottom:18px;
      }
      .integration-item-v68 {
        grid-template-columns:38px minmax(0, 1fr);
        gap:13px;
        padding-bottom:20px;
        margin-bottom:20px;
      }
      .integration-brand-v68 {
        width:36px;
        height:36px;
        border-radius:12px;
        font-size:.82rem;
      }
      .integration-brand-v68 svg {
        width:19px;
        height:19px;
      }
      .integration-row-v68 {
        align-items:flex-start;
      }
      .integration-row-v68 h4 {
        font-size:.98rem;
      }
      .integration-copy-v68 p {
        font-size:.9rem;
      }
      .tech-badge-v68 {
        min-width:36px;
        padding:4px 6px;
        font-size:.62rem;
      }
    }



    /* ===== v80 – Integrációk: keret nélküli prémium Logo Track ===== */
    .devenit-integration-section-v80 {
      width:100%;
      padding:86px max(20px, calc((100vw - 1180px) / 2));
      margin:0 auto;
      background:
        radial-gradient(ellipse at center, rgba(157,98,255,.16) 0%, rgba(255,98,183,.055) 34%, transparent 72%);
      border-top:0;
      border-bottom:0;
    }
    .integration-container-v80 {
      max-width:1080px;
      margin:0 auto;
      text-align:center;
    }
    .integration-header-v80 {
      max-width:820px;
      margin:0 auto 50px;
    }
    .integration-header-v80 h2 {
      margin:0 0 18px;
      font-size:clamp(2rem, 3.4vw, 3.45rem);
      line-height:1.08;
      letter-spacing:-.055em;
      text-wrap:balance;
    }
    .integration-header-v80 h2 span {
      color:#d7b4ff;
      text-shadow:0 0 24px rgba(168,85,247,.28);
    }
    .integration-header-v80 p {
      margin:0 auto;
      color:var(--muted);
      font-size:1.04rem;
      line-height:1.68;
      max-width:720px;
    }
    .integration-logo-track-v80 {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:16px;
      padding:18px 0 6px;
    }
    .brand-logo-item-v80 {
      min-height:56px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      padding:12px 16px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 34px rgba(8,6,20,.18);
      color:rgba(255,250,255,.88);
      opacity:.92;
      transform:translateY(0) scale(1);
      transition:opacity .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
      will-change:transform, opacity;
      white-space:nowrap;
      cursor:default;
      user-select:none;
      -webkit-user-select:none;
    }
    .brand-logo-item-v80 .logo-mark-v80 {
      width:30px;
      height:30px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 30px;
      color:inherit;
    }
    .brand-logo-item-v80 .logo-mark-v80 svg {
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }
    .brand-logo-item-v80.no-mark {
      padding-left:18px;
      padding-right:18px;
    }
    .logo-wordmark-v80 {
      display:inline-block;
      font-size:clamp(1.05rem, 1.35vw, 1.3rem);
      line-height:1;
      font-weight:800;
      letter-spacing:-.035em;
    }
    .logo-stripe .logo-wordmark-v80 { font-weight:900; font-size:clamp(1.18rem, 1.45vw, 1.45rem); letter-spacing:-.06em; }
    .logo-szamlazz .logo-wordmark-v80 { font-weight:800; letter-spacing:-.03em; }
    .logo-php .logo-wordmark-v80 { font-weight:900; font-style:italic; letter-spacing:-.06em; font-size:clamp(1.18rem, 1.45vw, 1.46rem); }
    .logo-mysql .logo-wordmark-v80 { font-family:Georgia, "Times New Roman", serif; font-weight:700; letter-spacing:-.03em; }
    .logo-google .logo-wordmark-v80 { font-weight:800; letter-spacing:-.045em; }
    .logo-api .logo-wordmark-v80 { font-size:clamp(1rem, 1.25vw, 1.15rem); letter-spacing:-.01em; }
    .logo-billingo { color:#8ef3ff; }
    .logo-szamlazz { color:#e8fff7; }
    .logo-stripe { color:#cfc6ff; }
    .logo-barion { color:#ffe08e; }
    .logo-gemini { color:#ffb8f1; }
    .logo-openai { color:#ffffff; }
    .logo-google { color:#ffffff; }
    .logo-react { color:#7be7ff; }
    .logo-typescript { color:#75b7ff; }
    .logo-php { color:#cdbdff; }
    .logo-python { color:#ffe083; }
    .logo-mysql { color:#8fddff; }
    .logo-api { color:#e0c1ff; }
    .brand-logo-item-v80:hover {
      opacity:1;
      transform:translateY(-3px);
      border-color:rgba(255,255,255,.16);
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 22px 42px rgba(8,6,20,.26), 0 0 0 1px rgba(255,255,255,.03);
    }

    @media (max-width: 768px) {
      .devenit-integration-section-v80 {
        padding:64px 20px;
      }
      .integration-header-v80 {
        margin-bottom:34px;
      }
      .integration-header-v80 h2 {
        font-size:clamp(1.85rem, 8vw, 2.35rem);
        letter-spacing:-.06em;
      }
      .integration-header-v80 p {
        font-size:.96rem;
      }
      .integration-logo-track-v80 {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:14px;
        justify-items:stretch;
      }
      .brand-logo-item-v80 {
        min-height:52px;
        width:100%;
        justify-content:flex-start;
        padding:12px 14px;
        border-radius:16px;
      }
      .brand-logo-item-v80 .logo-mark-v80 {
        width:28px;
        height:28px;
        flex-basis:28px;
      }
      .logo-wordmark-v80 {
        font-size:1.08rem;
      }
      .logo-stripe .logo-wordmark-v80,
      .logo-php .logo-wordmark-v80 {
        font-size:1.2rem;
      }
      .logo-api .logo-wordmark-v80 {
        font-size:.96rem;
      }
    }


    /* ===== v69 ÁRAZÁS PC HOTFIX: 2x2 rács + nem levágott badge + stabil árkártyák ===== */
    @media (min-width:901px) {
      .pricing.pricing-accordion {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:30px !important;
        max-width:1000px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        align-items:stretch !important;
        padding-top:32px !important;
        overflow:visible !important;
      }

      .pricing-accordion .price-card,
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.spotlight-card,
      .pricing-accordion .price-card.featured.spotlight-card {
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        contain:none !important;
        padding:0 !important;
      }

      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        position:relative !important;
        height:268px !important;
        min-height:268px !important;
        flex:0 0 268px !important;
        overflow:visible !important;
        padding:34px 30px 28px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        box-sizing:border-box !important;
      }

      .pricing-accordion .price-card.featured .price-summary-content,
      .pricing-accordion .price-summary-content {
        padding-top:0 !important;
        min-height:176px !important;
        display:flex !important;
        flex-direction:column !important;
      }

      .pricing-accordion .card-tag {
        position:absolute !important;
        top:-16px !important;
        left:30px !important;
        z-index:30 !important;
        transform:none !important;
        pointer-events:none !important;
        white-space:nowrap !important;
        box-shadow:0 8px 20px rgba(168,85,247,.36) !important;
      }

      .pricing-accordion .price-title {
        min-height:2.55em !important;
        display:flex !important;
        align-items:flex-start !important;
        line-height:1.15 !important;
      }

      .pricing-accordion .price {
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
        font-size:clamp(1.9rem, 2.85vw, 2.32rem) !important;
        line-height:1.04 !important;
        letter-spacing:-.055em !important;
      }

      .pricing-accordion .price-card:last-child .price {
        font-size:clamp(1.72rem, 2.35vw, 2.08rem) !important;
        letter-spacing:-.06em !important;
      }

      .pricing-accordion .price-lead {
        min-height:calc(.96rem * 1.52 * 2) !important;
        max-height:calc(.96rem * 1.52 * 2) !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
      }

      .pricing-accordion .price-toggle {
        margin-top:auto !important;
        flex:0 0 auto !important;
      }

      .pricing-accordion .price-details {
        overflow:hidden !important;
        contain:none !important;
      }
    }

    @media (min-width:901px) and (max-width:1080px) {
      .pricing.pricing-accordion {
        max-width:920px !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        padding-left:26px !important;
        padding-right:26px !important;
      }
      .pricing-accordion .price-card:last-child .price {
        font-size:clamp(1.58rem, 2.1vw, 1.9rem) !important;
      }
    }

    @media (max-width:900px) {
      .pricing.pricing-accordion {
        grid-template-columns:1fr !important;
        overflow:visible !important;
        padding-top:22px !important;
      }
      .pricing-accordion .price-card,
      .pricing-accordion .price-card.featured,
      .pricing-accordion .price-card.spotlight-card {
        overflow:visible !important;
        contain:none !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        overflow:visible !important;
      }
      .pricing-accordion .card-tag {
        top:-12px !important;
        left:20px !important;
        z-index:30 !important;
        white-space:nowrap !important;
      }
      .pricing-accordion .price {
        white-space:nowrap !important;
      }
    }



    /* ===== v74 ÁRAZÁS ALAPZAT + TELJES KIEGÉSZÍTŐ SZOLGÁLTATÁSOK ===== */
    #arak .pricing-foundation {
      margin: 34px auto 0;
      max-width: 1100px;
      padding: 28px;
      border-radius: 26px;
      border: 1px solid rgba(168,85,247,.18);
      background:
        radial-gradient(circle at 15% 0%, rgba(168,85,247,.16), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
      box-shadow: 0 22px 80px rgba(0,0,0,.20);
    }
    #arak .foundation-head {
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:22px;
      padding-bottom:18px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    #arak .foundation-head h3 {
      margin:0;
      color:#fff;
      font-size:clamp(1.05rem, 2vw, 1.5rem);
      line-height:1.25;
      letter-spacing:-.035em;
      max-width:760px;
    }
    #arak .foundation-list {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:16px 22px;
    }
    #arak .foundation-item {
      display:grid;
      grid-template-columns:auto 1fr;
      gap:13px;
      align-items:start;
      min-width:0;
    }
    #arak .foundation-check {
      width:28px;
      height:28px;
      border-radius:999px;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      border:1px solid rgba(168,85,247,.45);
      background:rgba(168,85,247,.12);
      box-shadow:0 0 18px rgba(168,85,247,.28);
      flex-shrink:0;
    }
    #arak .foundation-item h4 {
      margin:0 0 6px;
      color:#fff;
      font-size:1rem;
      line-height:1.25;
      letter-spacing:-.025em;
    }
    #arak .foundation-item p {
      margin:0;
      color:var(--muted);
      font-size:.92rem;
      line-height:1.58;
    }
    #arak .addons.addons-mobile-accordion {
      grid-template-columns:repeat(4, minmax(0, 1fr));
    }
    @media (max-width:1100px) {
      #arak .addons.addons-mobile-accordion { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width:760px) {
      #arak .pricing-foundation {
        margin-top:24px;
        padding:22px 18px;
        border-radius:22px;
      }
      #arak .foundation-head {
        display:block;
        margin-bottom:18px;
      }
      #arak .foundation-head .category-pill { margin-bottom:12px; }
      #arak .foundation-list {
        grid-template-columns:1fr;
        gap:16px;
      }
      #arak .foundation-item p { font-size:.9rem; }
    }



    /* ===== v77 ÁRAZÁS HOTFIX: stabil Részletek gomb + gyors kattintás védelem ===== */
    .pricing-accordion .price-card,
    .pricing-accordion .price-card.featured,
    .pricing-accordion .price-card.spotlight-card,
    .pricing-accordion .price-card.featured.spotlight-card {
      contain:none !important;
      overflow:visible !important;
    }

    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      position:relative !important;
      box-sizing:border-box !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:flex-start !important;
      min-height:326px !important;
      height:326px !important;
      flex:0 0 326px !important;
      padding:36px 30px 30px !important;
      gap:16px !important;
      overflow:visible !important;
    }

    .pricing-accordion .price-summary-content,
    .pricing-accordion .price-card.featured .price-summary-content {
      flex:1 1 auto !important;
      min-height:0 !important;
      padding-top:0 !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:flex-start !important;
      gap:8px !important;
    }

    .pricing-accordion .price-title {
      min-height:2.5em !important;
      line-height:1.15 !important;
    }

    .pricing-accordion .price-lead {
      min-height:calc(.96rem * 1.52 * 2) !important;
      max-height:calc(.96rem * 1.52 * 2) !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
      overflow:hidden !important;
    }

    .pricing-accordion .price-toggle {
      position:relative !important;
      z-index:8 !important;
      margin-top:auto !important;
      flex:0 0 auto !important;
      width:100% !important;
      min-height:54px !important;
      box-sizing:border-box !important;
      cursor:pointer !important;
      pointer-events:auto !important;
    }

    .pricing-accordion .price-details {
      height:0;
      overflow:hidden !important;
      opacity:0;
      pointer-events:none;
      transition:
        height .42s cubic-bezier(.22, 1, .36, 1),
        opacity .24s ease,
        padding .42s cubic-bezier(.22, 1, .36, 1),
        border-color .42s ease;
    }

    .pricing-accordion .price-card.is-expanded .price-details {
      opacity:1;
      pointer-events:auto;
    }

    .pricing-accordion .price-card.is-pricing-transitioning .price-summary {
      pointer-events:auto !important;
    }

    @media (max-width:900px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:292px !important;
        height:292px !important;
        flex-basis:292px !important;
        padding:30px 20px 20px !important;
      }
      .pricing-accordion .price-toggle {
        min-height:52px !important;
      }
    }

    @media (max-width:420px) {
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:300px !important;
        height:300px !important;
        flex-basis:300px !important;
      }
    }



    /* v86 – egyedi elképzelések szolgáltatáskártya */
    .custom-service-card-v86 {
      grid-column:span 2;
      min-height:220px;
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.16), transparent 36%),
        radial-gradient(circle at 86% 70%, rgba(240,160,111,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.032));
      border-color:rgba(211,132,255,.22);
    }
    .custom-service-card-v86 h3 { max-width:720px; }
    .custom-service-card-v86 p { max-width:850px; }
    @media (max-width:980px) {
      .custom-service-card-v86 { grid-column:1 / -1; }
    }

    /* ===== v82 – Esettanulmányok / Szolgáltatásaim: rövid Előtte–Utána–Eredmény kártyák ===== */
    .cases-section-v82 {
      overflow:hidden;
    }
    .cases-container-v82 {
      width:100%;
      max-width:1180px;
      margin:0 auto;
    }
    .cases-header-v82 {
      max-width:820px;
      margin:0 0 44px;
    }
    .cases-header-v82 h2 {
      margin:0 0 18px;
      font-size:clamp(2.2rem, 4.2vw, 4.6rem);
      line-height:.98;
      letter-spacing:-.074em;
      text-wrap:balance;
    }
    .cases-header-v82 h2 span {
      color:#d384ff;
      text-shadow:0 0 24px rgba(157,98,255,.34);
    }
    .cases-header-v82 p {
      margin:0;
      max-width:710px;
      color:var(--muted);
      font-size:1.06rem;
      line-height:1.72;
    }
    .cases-track-v82 {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:22px;
      align-items:stretch;
    }
    .case-card-v82 {
      position:relative;
      min-height:470px;
      padding:30px;
      border-radius:30px;
      border:1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.11), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
      box-shadow:0 24px 58px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
      display:flex;
      flex-direction:column;
      gap:22px;
      overflow:hidden;
      transition:transform .25s ease, border-color .25s ease, background .25s ease;
    }
    .case-card-v82:hover {
      transform:translateY(-5px);
      border-color:rgba(157,98,255,.34);
      background:
        radial-gradient(circle at 20% 0%, rgba(157,98,255,.15), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    }
    .case-badge-v82 {
      align-self:flex-start;
      display:inline-flex;
      align-items:center;
      padding:8px 12px;
      border-radius:999px;
      color:rgba(255,248,255,.64);
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.08);
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.105em;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .case-card-v82 h3 {
      margin:0;
      color:#fff;
      font-size:clamp(1.22rem, 1.5vw, 1.55rem);
      line-height:1.25;
      letter-spacing:-.045em;
      text-wrap:balance;
    }
    .case-flow-v82 {
      display:grid;
      gap:16px;
      flex:1 1 auto;
    }
    .case-state-v82 {
      display:grid;
      grid-template-columns:30px 1fr;
      gap:13px;
      align-items:start;
    }
    .state-icon-v82 {
      width:28px;
      height:28px;
      border-radius:999px;
      display:grid;
      place-items:center;
      font-weight:950;
      line-height:1;
      margin-top:1px;
      border:1px solid rgba(255,255,255,.10);
    }
    .case-state-v82.before .state-icon-v82 {
      color:#ff8da7;
      background:rgba(244,63,94,.10);
      box-shadow:0 0 20px rgba(244,63,94,.12);
    }
    .case-state-v82.after .state-icon-v82 {
      color:#b9ffec;
      background:rgba(16,185,129,.12);
      box-shadow:0 0 20px rgba(16,185,129,.14);
    }
    .case-state-v82 p {
      margin:0;
      color:rgba(255,248,255,.70);
      font-size:.96rem;
      line-height:1.55;
    }
    .case-state-v82 strong { color:#fff; font-weight:900; }
    .case-result-v82 {
      margin-top:auto;
      display:grid;
      grid-template-columns:28px 1fr;
      gap:13px;
      align-items:start;
      padding:18px;
      border-radius:20px;
      border:1px solid rgba(157,98,255,.22);
      background:
        radial-gradient(circle at 12% 12%, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(145deg, rgba(157,98,255,.13), rgba(255,98,183,.055), rgba(255,255,255,.028));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .case-result-v82 > span {
      line-height:1.2;
      filter:drop-shadow(0 0 12px rgba(255,98,183,.38));
    }
    .case-result-v82 p {
      margin:0;
      color:#e9c9ff;
      font-size:.98rem;
      line-height:1.5;
    }
    .case-result-v82 strong { color:#fff; font-weight:950; }

    @media (max-width:900px) {
      .cases-section-v82 {
        width:100vw;
        max-width:none;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        padding-left:20px;
        padding-right:0;
      }
      .cases-container-v82 { max-width:none; }
      .cases-header-v82 {
        padding-right:20px;
        margin-bottom:30px;
      }
      .cases-header-v82 h2 { font-size:clamp(2rem, 9vw, 2.7rem); }
      .cases-header-v82 p { font-size:1rem; }
      .cases-track-v82 {
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        gap:18px;
        padding:2px 20px 22px 0;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
      }
      .cases-track-v82::-webkit-scrollbar { display:none; }
      .case-card-v82 {
        min-width:85vw;
        max-width:85vw;
        min-height:455px;
        padding:26px 22px;
        scroll-snap-align:center;
      }
      .case-card-v82 h3 { font-size:1.28rem; }
      .case-result-v82 { padding:16px; }
    }

    @media (max-width:420px) {
      .case-card-v82 {
        min-width:88vw;
        max-width:88vw;
        min-height:470px;
      }
      .case-badge-v82 { font-size:.66rem; }
    }



    /* ===== v83 ÁRAZÁS TARTALMI FRISSÍTÉS: új csomagnevek és hosszabb árak stabil megjelenítése ===== */
    .pricing-accordion .price {
      white-space:nowrap !important;
      font-size:clamp(1.7rem, 2.7vw, 2.2rem) !important;
      letter-spacing:-.055em !important;
    }
    .pricing-accordion .price-title {
      overflow-wrap:normal !important;
      hyphens:none !important;
    }
    .pricing-accordion .price-card:last-child .price-title {
      font-size:clamp(1.05rem, 1.45vw, 1.18rem) !important;
    }
    .pricing-accordion .price-lead {
      -webkit-line-clamp:3 !important;
      min-height:calc(.96rem * 1.52 * 3) !important;
      max-height:calc(.96rem * 1.52 * 3) !important;
    }
    .pricing-accordion .price-summary,
    .pricing-accordion .price-card.featured .price-summary {
      min-height:350px !important;
      height:350px !important;
      flex-basis:350px !important;
    }
    @media (max-width:900px) {
      .pricing-accordion .price {
        font-size:1.72rem !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:330px !important;
        height:330px !important;
        flex-basis:330px !important;
      }
    }
    @media (max-width:420px) {
      .pricing-accordion .price {
        font-size:1.55rem !important;
      }
      .pricing-accordion .price-summary,
      .pricing-accordion .price-card.featured .price-summary {
        min-height:342px !important;
        height:342px !important;
        flex-basis:342px !important;
      }
    }

  



    /* ===== v85 MOBIL KIEGÉSZÍTŐ SZOLGÁLTATÁSOK: GYIK-SZERŰ TELJES BLOKK + BELSŐ ACCORDION ===== */
    .addons-mobile-toggle { display:none; }
    .addons-shell { width:100%; }
    @media (max-width:760px) {
      #addonsExtras .addons-headline-row {
        display:grid;
        gap:16px;
        align-items:start;
      }
      #addonsExtras .addons-headline-row > div { min-width:0; }
      #addonsExtras .addons-mobile-toggle {
        width:100%;
        min-height:56px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:15px 18px;
        border-radius:18px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-weight:850;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
      }
      #addonsExtras .addons-mobile-toggle-icon {
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(255,255,255,.055);
        transition:transform .24s ease;
        flex:0 0 34px;
      }
      #addonsExtras.is-addons-open .addons-mobile-toggle-icon { transform:rotate(45deg); }
      #addonsExtras .addons-shell {
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:max-height .42s cubic-bezier(.22,1,.36,1), opacity .24s ease;
      }
      #addonsExtras.is-addons-open .addons-shell {
        max-height:7000px;
        opacity:1;
      }
      #addonsExtras .addons-mobile-accordion .addon { display:block !important; }
    }

    /* ===== v84 MOBIL GYIK: teljes szekció külön nyitható, minden kérdés látszik ===== */
    .faq-mobile-toggle { display:none; }
    .faq-shell { width:100%; }
    @media (max-width:760px) {
      #gyik .faq-headline-row {
        display:grid;
        gap:16px;
        align-items:start;
      }
      #gyik .faq-headline-row > div { min-width:0; }
      #gyik .faq-mobile-toggle {
        width:100%;
        min-height:56px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:15px 18px;
        border-radius:18px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(168,85,247,.10);
        color:#fff;
        font-weight:850;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
      }
      #gyik .faq-mobile-toggle-icon {
        width:34px;
        height:34px;
        display:grid;
        place-items:center;
        border-radius:999px;
        border:1px solid rgba(168,85,247,.34);
        background:rgba(255,255,255,.055);
        transition:transform .24s ease;
      }
      #gyik.is-faq-open .faq-mobile-toggle-icon { transform:rotate(45deg); }
      #gyik .faq-shell {
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:max-height .42s cubic-bezier(.22,1,.36,1), opacity .24s ease;
      }
      #gyik.is-faq-open .faq-shell {
        max-height:7000px;
        opacity:1;
      }
      #gyik .faq-item { display:block !important; }
      #arak .addon { display:block !important; }
      #hogyan .step { display:block !important; }
    }


    /* ===== v95 CONVERSION PATCH: exit intent + rocket submit ===== */
    .exit-offer {
      position: fixed;
      inset: 0;
      z-index: 10010;
      display: grid;
      place-items: center;
      padding: 22px;
      background: radial-gradient(circle at 50% 18%, rgba(157,98,255,.22), transparent 38%), rgba(4,2,12,.72);
      backdrop-filter: blur(22px) saturate(150%);
      -webkit-backdrop-filter: blur(22px) saturate(150%);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .28s ease, visibility .28s ease;
    }
    .exit-offer.is-open { opacity:1; visibility:visible; pointer-events:auto; }
    .exit-offer__panel {
      width: min(720px, 100%);
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      padding: clamp(26px, 5vw, 46px);
      border: 1px solid rgba(255,255,255,.16);
      background:
        radial-gradient(circle at 86% 18%, rgba(255,98,183,.18), transparent 34%),
        radial-gradient(circle at 8% 78%, rgba(240,160,111,.13), transparent 36%),
        linear-gradient(145deg, rgba(18,8,34,.96), rgba(9,4,20,.94));
      box-shadow: 0 36px 130px rgba(0,0,0,.58), 0 0 90px rgba(157,98,255,.16);
      transform: translateY(16px) scale(.96);
      transition: transform .34s cubic-bezier(.19,1,.22,1);
    }
    .exit-offer.is-open .exit-offer__panel { transform: translateY(0) scale(1); }
    .exit-offer__close {
      position:absolute;
      top:16px;
      right:16px;
      width:38px;
      height:38px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.07);
      color:#fff;
      cursor:pointer;
      font-size:22px;
      line-height:1;
    }
    .exit-offer__eyebrow { color:#d8b4fe; font-weight:900; text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; margin:0 0 12px; }
    .exit-offer h2 { font-size:clamp(2.25rem,5vw,4.7rem); line-height:.93; letter-spacing:-.078em; margin:0 0 18px; }
    .exit-offer p { color:var(--muted); line-height:1.7; font-size:1.05rem; max-width:610px; margin:0 0 24px; }
    .exit-offer__code {
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:11px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.065);
      color:#fff;
      font-weight:900;
      margin-bottom:22px;
    }
    .exit-offer__code b { color:#9affd9; letter-spacing:.08em; }
    .exit-offer__actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
    .exit-offer__fineprint { display:block; margin-top:18px; color:rgba(255,248,255,.48); font-size:.78rem; line-height:1.55; }
    .exit-offer__rocket { position:absolute; right:26px; bottom:22px; font-size:3rem; filter:drop-shadow(0 0 26px rgba(255,98,183,.38)); animation:exitRocketFloat 2.8s ease-in-out infinite; opacity:.86; }
    @keyframes exitRocketFloat { 0%,100%{transform:translateY(0) rotate(-10deg)} 50%{transform:translateY(-8px) rotate(-4deg)} }

    .wizard-right { position:relative; }



    .language-switcher {
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.055);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .lang-option {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 10px;
      border-radius:999px;
      color:rgba(255,248,255,.72);
      font-size:.78rem;
      font-weight:850;
      letter-spacing:.02em;
      line-height:1;
      transition:background .2s ease, color .2s ease, transform .2s ease;
      white-space:nowrap;
    }
    .lang-option:hover { color:#fff; background:rgba(255,255,255,.08); transform:translateY(-1px); }
    .lang-option.is-active {
      color:#fff;
      background:linear-gradient(135deg, rgba(157,98,255,.34), rgba(255,98,183,.20));
      box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
    }
    .lang-flag { font-size:1rem; line-height:1; }
    .mobile-lang-switcher {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      padding:8px 4px 2px;
    }
    .mobile-lang-switcher a {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:13px 14px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      color:rgba(255,255,255,.82);
      font-weight:850;
    }
    .mobile-lang-switcher a.is-active {
      background:linear-gradient(135deg, rgba(157,98,255,.28), rgba(255,98,183,.14));
      color:#fff;
    }
    @media (max-width:700px) {
      .header-actions .language-switcher { display:none; }
    }

    @media (max-width: 980px){
      .about-panel {
        grid-template-columns:1fr;
      }
      .portrait-photo-frame {
        min-height:520px;
      }
      .about-copy {
        padding:28px 24px 30px;
      }
    }
    @media (max-width: 640px){
      .portrait-photo-frame {
        min-height:420px;
      }
      .about-copy p {
        font-size:1rem;
        line-height:1.82;
      }
      .about-quote {
        padding:16px 16px 16px 18px;
        font-size:.98rem;
      }
    }


    /* ===== v121 – Premium Services / SaaS glass 3x3 grid ===== */
    #szolgaltatasaim.service-premium-section {
      position: relative;
    }
    #szolgaltatasaim .service-headline {
      display: block;
      max-width: 760px;
      margin-bottom: 34px;
    }
    #szolgaltatasaim .service-headline h2 {
      margin-bottom: 16px;
    }
    #szolgaltatasaim .service-headline .section-intro {
      max-width: 680px;
      font-size: 1.08rem;
      line-height: 1.78;
      color: rgba(255,248,255,.72);
    }
    #szolgaltatasaim .service-premium-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
    }
    #szolgaltatasaim .service-premium-grid .card {
      min-height: 252px;
      padding: 28px;
      border-radius: 30px;
      border: 1px solid rgba(255,255,255,.105);
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.11), transparent 34%),
        radial-gradient(circle at 90% 105%, rgba(255,98,183,.075), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026));
      box-shadow:
        0 30px 78px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.075);
      backdrop-filter: blur(18px) saturate(145%);
      -webkit-backdrop-filter: blur(18px) saturate(145%);
      isolation: isolate;
      transform: translateZ(0);
      transition:
        transform .34s cubic-bezier(.2,.8,.2,1),
        border-color .34s ease,
        background .34s ease,
        box-shadow .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card::before {
      content: "";
      position: absolute;
      inset: 0;
      height: auto;
      background:
        linear-gradient(115deg, rgba(255,255,255,.16), transparent 30%, transparent 68%, rgba(255,98,183,.10)),
        radial-gradient(circle at 22% 14%, rgba(157,98,255,.20), transparent 34%);
      opacity: .38;
      z-index: -1;
      transition: opacity .34s ease, transform .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card::after {
      content: "";
      position: absolute;
      inset: auto 26px 0 26px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(157,98,255,.62), rgba(255,98,183,.42), transparent);
      opacity: .38;
      transition: opacity .34s ease;
    }
    #szolgaltatasaim .service-premium-grid .card:hover {
      transform: translateY(-8px);
      border-color: rgba(255,98,183,.36);
      background:
        radial-gradient(circle at 18% 0%, rgba(157,98,255,.18), transparent 34%),
        radial-gradient(circle at 90% 105%, rgba(255,98,183,.12), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.032));
      box-shadow:
        0 34px 92px rgba(0,0,0,.42),
        0 0 0 1px rgba(157,98,255,.10),
        0 0 42px rgba(255,98,183,.10),
        inset 0 1px 0 rgba(255,255,255,.10);
    }
    #szolgaltatasaim .service-premium-grid .card:hover::before {
      opacity: .68;
      transform: scale(1.02);
    }
    #szolgaltatasaim .service-premium-grid .card:hover::after {
      opacity: .92;
    }
    #szolgaltatasaim .service-premium-grid .card .icon {
      width: 54px;
      height: 54px;
      border-radius: 18px;
      margin-bottom: 22px;
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, rgba(157,98,255,.42), rgba(255,98,183,.18), rgba(240,160,111,.12));
      border: 1px solid rgba(255,255,255,.16);
      color: #fff;
      box-shadow:
        0 18px 34px rgba(0,0,0,.22),
        0 0 28px rgba(157,98,255,.26),
        inset 0 1px 0 rgba(255,255,255,.18);
    }
    #szolgaltatasaim .service-premium-grid .card .icon svg {
      width: 25px;
      height: 25px;
      filter: drop-shadow(0 0 10px rgba(255,255,255,.16));
    }
    #szolgaltatasaim .service-premium-grid .card h3 {
      font-size: 1.22rem;
      line-height: 1.18;
      letter-spacing: -.045em;
      margin-bottom: 11px;
    }
    #szolgaltatasaim .service-premium-grid .card p {
      font-size: .98rem;
      line-height: 1.68;
      color: rgba(255,248,255,.68);
    }
    #szolgaltatasaim .service-premium-grid .custom-service-card-v86 {
      grid-column: auto;
      min-height: 252px;
    }
    @media (max-width: 1080px) {
      #szolgaltatasaim .service-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 680px) {
      #szolgaltatasaim .service-headline {
        margin-bottom: 24px;
      }
      #szolgaltatasaim .service-premium-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      #szolgaltatasaim .service-premium-grid .card {
        min-height: auto;
        padding: 24px;
        border-radius: 26px;
      }
    }




/* ===== v125 OFFER MAIL-TO-SPACESHIP LAUNCH ===== */
.btn-launch {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  gap: 10px;
}
.btn-launch .btn-text,
.btn-launch .send-envelope {
  position: relative;
  z-index: 1;
}
.send-envelope {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.35));
  transition: transform .28s cubic-bezier(.19,1,.22,1), filter .28s ease;
}
.send-envelope__icon {
  width: 23px;
  height: 23px;
  display: block;
}
.btn-launch:hover .send-envelope {
  transform: translateX(3px) translateY(-2px) rotate(-8deg);
  filter: drop-shadow(0 0 14px rgba(255,98,183,.55));
}
.btn-launch.is-mail-launching,
.launch-preview-btn.is-mail-launching {
  pointer-events: none;
  opacity: .82;
  transform: translateY(-1px) scale(.99);
}
.launch-preview-btn {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  color: #fff;
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.launch-preview-btn::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.20) 48%, transparent 62%);
  transform: translateX(-120%);
  transition: transform .65s cubic-bezier(.19,1,.22,1);
}
.launch-preview-btn:hover::before { transform: translateX(120%); }
.launch-preview-btn:hover {
  border-color: rgba(255,98,183,.38);
  box-shadow: 0 0 30px rgba(157,98,255,.18), inset 0 1px 0 rgba(255,255,255,.10);
}

.offer-launch-stage {
  position: fixed;
  inset: 0;
  z-index: 10050;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: opacity .42s ease, visibility .42s ease;
  --dock-x: 50vw;
  --dock-y: calc(100vh - 150px);
}
.offer-launch-stage.is-active {
  opacity: 1;
  visibility: visible;
}
.offer-launch-stage.is-leaving {
  opacity: 0;
  visibility: hidden;
  transition-duration: .5s;
}
.offer-launch-stage__veil {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 44%, rgba(157,98,255,.22), transparent 28%),
    radial-gradient(circle at 66% 58%, rgba(240,160,111,.14), transparent 32%),
    rgba(7,3,20,.70);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}
.offer-launch-stage__stars {
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(circle, rgba(255,255,255,.70) 0 1px, transparent 1.7px) 0 0 / 96px 96px,
    radial-gradient(circle, rgba(157,98,255,.55) 0 1px, transparent 1.6px) 28px 18px / 132px 132px,
    radial-gradient(circle, rgba(240,160,111,.45) 0 1px, transparent 1.6px) 66px 48px / 154px 154px;
  opacity: .34;
  animation: offerStarsDrift 7.5s linear infinite;
}
.offer-launch-stage__mail {
  position: fixed;
  left: 0;
  top: 0;
  width: 58px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(216,196,255,.86));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.42) inset,
    0 0 34px rgba(255,98,183,.48),
    0 22px 62px rgba(0,0,0,.34);
  transform: translate(var(--mail-start-x), var(--mail-start-y)) translate(-50%, -50%) scale(.86) rotate(-6deg);
  opacity: 0;
  animation: offerMailBoardsShip 1.55s cubic-bezier(.16,.84,.24,1) .22s both;
  z-index: 4;
}
.offer-launch-stage__mail svg {
  width: 31px;
  height: 31px;
  color: #220d3f;
  filter: drop-shadow(0 0 9px rgba(255,255,255,.40));
}
.offer-launch-stage__ship {
  position: fixed;
  left: var(--dock-x);
  top: var(--dock-y);
  width: 142px;
  height: 120px;
  transform: translate(-50%, -50%) scale(.72);
  opacity: 0;
  z-index: 5;
  animation: offerShipArrival 1.15s cubic-bezier(.16,.84,.24,1) .58s both, offerShipDepart 1.35s cubic-bezier(.4,0,.2,1) 2.45s forwards;
  filter: drop-shadow(0 0 34px rgba(157,98,255,.36)) drop-shadow(0 24px 70px rgba(0,0,0,.42));
}
.offer-ship__body {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 94px;
  height: 72px;
  border-radius: 54% 54% 44% 44%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.90), rgba(255,255,255,.16) 24%, transparent 25%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(178,151,255,.76) 48%, rgba(255,98,183,.55));
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -22px 40px rgba(70,30,120,.20);
}
.offer-ship__body span {
  position: absolute;
  left: 50%;
  top: -24px;
  width: 34px;
  height: 42px;
  transform: translateX(-50%);
  border-radius: 50% 50% 38% 38%;
  background: linear-gradient(135deg, #87ffd5, #9d62ff 55%, #ff62b7);
  box-shadow: 0 0 22px rgba(135,255,213,.40);
}
.offer-ship__window {
  position: absolute;
  left: 50%;
  top: 42px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 35% 30%, #fff, #87ffd5 38%, #5531a6 100%);
  box-shadow: 0 0 18px rgba(135,255,213,.58), inset 0 0 0 2px rgba(255,255,255,.50);
}
.offer-ship__thruster {
  position: absolute;
  top: 82px;
  width: 22px;
  height: 22px;
  border-radius: 8px 8px 14px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(157,98,255,.65));
}
.offer-ship__thruster--left { left: 45px; }
.offer-ship__thruster--right { right: 45px; }
.offer-ship__flame {
  position: absolute;
  top: 102px;
  width: 20px;
  height: 76px;
  border-radius: 50% 50% 48% 48%;
  opacity: 0;
  background: linear-gradient(180deg, #fff 0%, #87ffd5 18%, #f0a06f 52%, rgba(255,98,183,0) 100%);
  filter: blur(5px);
  transform-origin: top center;
  animation: offerFlameIgnition .18s ease-in-out 1.72s infinite alternate;
}
.offer-ship__flame--left { left: 46px; }
.offer-ship__flame--right { right: 46px; }
.offer-launch-stage__signal {
  position: fixed;
  left: var(--dock-x);
  top: calc(var(--dock-y) - 270px);
  width: 2px;
  height: 265px;
  transform: translateX(-50%);
  border-radius: 999px;
  z-index: 3;
  opacity: 0;
  background: linear-gradient(180deg, rgba(135,255,213,0), rgba(135,255,213,.74), rgba(255,98,183,.52), rgba(240,160,111,0));
  box-shadow: 0 0 28px rgba(135,255,213,.30), 0 0 58px rgba(157,98,255,.18);
  animation: offerLaunchCorridor .92s ease-out 1.88s both;
}
.offer-launch-stage__signal::before,
.offer-launch-stage__signal::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 150px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(135,255,213,0), rgba(135,255,213,.62), rgba(255,98,183,.45), rgba(135,255,213,0));
  box-shadow: 0 0 22px rgba(135,255,213,.20);
}
.offer-launch-stage__signal::before { top: 54px; }
.offer-launch-stage__signal::after { bottom: 64px; }
.offer-launch-stage__signal span {
  position: absolute;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #87ffd5;
  box-shadow: 0 0 18px rgba(135,255,213,.68), 0 0 34px rgba(255,98,183,.30);
  opacity: 0;
  animation: offerDataSpark .88s cubic-bezier(.2,.8,.2,1) 2.03s both;
}
.offer-launch-stage__signal span:nth-child(1) { top: 210px; }
.offer-launch-stage__signal span:nth-child(2) { top: 154px; animation-delay: 2.13s; background: #ff62b7; }
.offer-launch-stage__signal span:nth-child(3) { top: 92px; animation-delay: 2.23s; background: #f0a06f; }
.offer-launch-stage__message {
  position: fixed;
  left: 50%;
  top: 50%;
  width: min(560px, calc(100vw - 34px));
  transform: translate(-50%, -42%) scale(.94);
  opacity: 0;
  z-index: 10;
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: clamp(24px, 4vw, 38px);
  text-align: center;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 50% 0%, rgba(157,98,255,.26), transparent 40%),
    linear-gradient(145deg, rgba(16,8,32,.94), rgba(7,3,20,.90));
  box-shadow: 0 34px 110px rgba(0,0,0,.48), 0 0 70px rgba(157,98,255,.16), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  pointer-events: auto;
  transition: opacity .62s ease, transform .72s cubic-bezier(.22,1,.36,1);
}
.offer-launch-stage.has-message .offer-launch-stage__message {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.offer-launch-stage__message-icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 2.8rem;
  background: linear-gradient(135deg, rgba(135,255,213,.14), rgba(157,98,255,.26), rgba(255,98,183,.16));
  box-shadow: 0 0 0 1px rgba(255,255,255,.14) inset, 0 0 46px rgba(255,98,183,.24);
  animation: offerMessageFloat 3.2s ease-in-out infinite;
}
.offer-launch-stage__message strong {
  color: #fff;
  font-size: clamp(1.85rem, 4vw, 3rem);
  line-height: 1.02;
  letter-spacing: -.06em;
}
.offer-launch-stage__message p {
  max-width: 430px;
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 1.06rem;
  line-height: 1.68;
}
.offer-launch-stage__close {
  margin-top: 8px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 12px 16px;
  background: rgba(255,255,255,.07);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}
.offer-launch-stage__close:hover {
  border-color: rgba(255,98,183,.44);
  background: rgba(255,255,255,.10);
}
.offer-launch-stage.is-error .offer-launch-stage__message-icon {
  background: linear-gradient(135deg, rgba(255,107,122,.24), rgba(240,160,111,.16));
  animation: none;
}
.offer-launch-stage.is-preview .offer-launch-stage__message-icon {
  background: linear-gradient(135deg, rgba(135,255,213,.15), rgba(157,98,255,.22));
}
@keyframes offerStarsDrift { to { transform: translate3d(2.5%, -3.5%, 0); } }
@keyframes offerMailBoardsShip {
  0% { opacity: 0; transform: translate(var(--mail-start-x), var(--mail-start-y)) translate(-50%, -50%) scale(.72) rotate(-14deg); }
  12% { opacity: 1; }
  58% { opacity: 1; transform: translate(var(--dock-x), calc(var(--dock-y) - 64px)) translate(-50%, -50%) scale(1.02) rotate(2deg); }
  84% { opacity: 1; transform: translate(var(--dock-x), calc(var(--dock-y) - 32px)) translate(-50%, -50%) scale(.58) rotate(0deg); }
  100% { opacity: 0; transform: translate(var(--dock-x), calc(var(--dock-y) - 28px)) translate(-50%, -50%) scale(.12) rotate(0deg); }
}
@keyframes offerShipArrival {
  0% { opacity: 0; transform: translate(-50%, 28%) scale(.46); filter: blur(10px); }
  58% { opacity: 1; transform: translate(-50%, -54%) scale(1.04); filter: blur(0); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes offerFlameIgnition {
  from { opacity: .68; transform: scaleY(.72); }
  to { opacity: 1; transform: scaleY(1.32); }
}
@keyframes offerLaunchCorridor {
  0% { opacity: 0; transform: translateX(-50%) scaleY(.18); filter: blur(8px); }
  45% { opacity: .92; transform: translateX(-50%) scaleY(1); filter: blur(0); }
  100% { opacity: .68; transform: translateX(-50%) scaleY(.92); }
}
@keyframes offerDataSpark {
  0% { opacity: 0; transform: translate(-50%, 28px) scale(.5); }
  22% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -78px) scale(1.05); }
}
@keyframes offerShipDepart {
  0%, 54% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  66% { opacity: 1; transform: translate(-50%, -62%) scale(.98); }
  100% { opacity: 0; transform: translate(-50%, -156vh) scale(.70); }
}
@keyframes offerMessageFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@media (max-width: 720px) {
  .offer-launch-stage { --dock-y: calc(100vh - 116px); }
  .offer-launch-stage__mail { width: 50px; height: 38px; border-radius: 14px; }
  .offer-launch-stage__mail svg { width: 27px; height: 27px; }
  .offer-launch-stage__ship { width: 118px; height: 104px; }
  .offer-ship__body { width: 82px; height: 64px; }
  .offer-ship__window { top: 38px; width: 23px; height: 23px; }
  .offer-ship__thruster--left { left: 37px; }
  .offer-ship__thruster--right { right: 37px; }
  .offer-ship__flame--left { left: 39px; }
  .offer-ship__flame--right { right: 39px; }
  .offer-launch-stage__message { border-radius: 26px; }
  .offer-launch-stage__message p { font-size: .98rem; }
}

/* ===== v124 Admin Chaos premium typography + glass rows ===== */
.admin-chaos-section .admin-chaos-layout {
  grid-template-columns: minmax(0, .92fr) minmax(340px, 1.08fr);
  gap: clamp(34px, 6vw, 78px);
  align-items: center;
}

.admin-chaos-section .admin-chaos-copy {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.admin-chaos-section .admin-chaos-copy h2 {
  margin: 0 0 28px;
  max-width: 900px;
  font-size: clamp(2.9rem, 6vw, 5.8rem);
  line-height: .94;
  letter-spacing: -.085em;
  text-wrap: balance;
}

.admin-chaos-section .chaos-gradient {
  display: inline-block;
  background: linear-gradient(92deg, #9d62ff 0%, #ff62b7 52%, #f0a06f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 32px rgba(255, 98, 183, .18);
}

.admin-chaos-section .admin-chaos-copy p {
  max-width: 660px;
  margin: 0 0 18px;
  color: rgba(255, 248, 255, .70);
  line-height: 1.78;
  font-size: clamp(1.02rem, 1.18vw, 1.15rem);
}

.admin-chaos-section .admin-chaos-copy p:last-child {
  margin-bottom: 0;
}

.admin-chaos-section .admin-chaos-list {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  gap: 16px;
}

.admin-chaos-section .pain-row {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  align-items: start;
  padding: 21px 23px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .115);
  background:
    linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.018)),
    radial-gradient(circle at 8% 0%, rgba(157,98,255,.08), transparent 36%);
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .055);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
  overflow: hidden;
}

.admin-chaos-section .pain-row::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(157,98,255,.0), rgba(255,98,183,.16), rgba(240,160,111,.0));
  opacity: 0;
  transition: opacity .24s ease;
  pointer-events: none;
}

.admin-chaos-section .pain-row:hover {
  transform: translateY(-3px);
  border-color: rgba(157, 98, 255, .48);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .28),
    0 0 44px rgba(157, 98, 255, .13),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.024)),
    radial-gradient(circle at 8% 0%, rgba(157,98,255,.13), transparent 38%);
}

.admin-chaos-section .pain-row:hover::before {
  opacity: 1;
}

.admin-chaos-section .num.neon-number {
  width: auto !important;
  height: auto !important;
  display: block !important;
  place-items: initial !important;
  padding: 2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 1.22rem !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  color: #b995ff !important;
  text-shadow:
    0 0 10px rgba(157, 98, 255, .95),
    0 0 28px rgba(255, 98, 183, .34) !important;
}

.admin-chaos-section .pain-row b {
  display: block;
  margin: 0 0 7px;
  color: #fff;
  font-size: 1.06rem;
  letter-spacing: -.025em;
}

.admin-chaos-section .pain-row p {
  margin: 0;
  color: rgba(255, 248, 255, .64);
  line-height: 1.58;
  font-size: .98rem;
}

@media (max-width: 980px) {
  .admin-chaos-section .admin-chaos-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .admin-chaos-section .admin-chaos-copy h2 {
    font-size: clamp(2.45rem, 10vw, 4.4rem);
  }
}

@media (max-width: 620px) {
  .admin-chaos-section .pain-row {
    grid-template-columns: 48px 1fr;
    padding: 18px;
    border-radius: 20px;
  }
  .admin-chaos-section .num.neon-number {
    font-size: 1.02rem !important;
  }
}

/* v127: mobile/page-scoped audit hotfix moved to assets/css/refactor-v1.css */

/* ===== Quantum connection hero refresh ===== */
.hero.hero-quantum {
  grid-template-columns: minmax(0, .84fr) minmax(520px, 1.16fr);
  gap: 92px;
  padding: 164px 0 96px;
  align-items: center;
}
.hero.hero-quantum .hero-copy {
  max-width: 620px;
  padding: 24px 0 34px;
}
.hero.hero-quantum h1 {
  margin-bottom: 30px;
}
.hero.hero-quantum .hero-lead {
  max-width: 580px;
  margin-bottom: 38px;
}
.hero.hero-quantum .hero-actions {
  gap: 16px;
  margin-bottom: 34px;
}
.hero.hero-quantum .micro-proof {
  gap: 14px;
  max-width: 620px;
}
.hero.hero-quantum .micro-pill {
  appearance: none;
  border: 1px solid rgba(211,132,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-radius: 999px;
  color: rgba(255,255,255,.78);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  font-size: .92rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 0 1px rgba(157,98,255,.04), 0 0 24px rgba(157,98,255,.08);
  transition: transform .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, background .22s ease;
}
.hero.hero-quantum .micro-pill:hover,
.hero.hero-quantum .micro-pill:focus-visible,
.hero.hero-quantum .micro-pill.is-active {
  color: #fff;
  border-color: rgba(211,132,255,.56);
  background: linear-gradient(180deg, rgba(211,132,255,.12), rgba(255,255,255,.04));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px rgba(211,132,255,.12), 0 0 32px rgba(157,98,255,.18);
  transform: translateY(-2px);
}
.hero.hero-quantum .micro-pill svg {
  width: 16px;
  height: 16px;
  color: #d896ff;
  flex: 0 0 auto;
}

/* ===== SAAS APP STACK HERO VISUAL ===== */
#quantumVisual.saas-stack-visual {
  position: relative;
  min-height: 660px;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1200px;
  z-index: 5;
}

.stack-glow {
  position: absolute;
  width: 460px;
  height: 460px;
  background: radial-gradient(circle, rgba(157,98,255,0.22) 0%, rgba(255,98,183,0.08) 40%, transparent 70%);
  filter: blur(40px);
  animation: stackPulse 6s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes stackPulse {
  0% { transform: scale(0.9); opacity: 0.7; }
  100% { transform: scale(1.1); opacity: 1; }
}

.stack-cards {
  position: relative;
  width: 360px;
  height: 380px;
  /* Alap izometrikus beállítás */
  transform: rotateY(-18deg) rotateX(12deg);
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Kártyák közös stílusa */
.s-card {
  position: absolute;
  width: 350px;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(20,9,38,0.85), rgba(30,12,50,0.65));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 24px 60px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Alap pozíciók (Lépcsőzetes elrendezés) */
.s-card-custom {
  transform: translate3d(-30px, -40px, -60px);
  z-index: 1;
  opacity: 0.6;
  animation: floatCard 6s ease-in-out infinite;
}
.s-card-security {
  transform: translate3d(0px, 0px, 0px);
  z-index: 2;
  opacity: 0.8;
  animation: floatCard 6.5s ease-in-out infinite 0.5s;
}
.s-card-reports {
  transform: translate3d(30px, 40px, 60px);
  z-index: 3;
  opacity: 1;
  border-color: rgba(255,98,183,0.3);
  box-shadow: 0 30px 70px rgba(0,0,0,0.5), 0 0 40px rgba(255,98,183,0.15), inset 0 1px 0 rgba(255,255,255,0.15);
  animation: floatCard 7s ease-in-out infinite 1s;
}

@keyframes floatCard {
  0%, 100% { margin-top: 0; }
  50% { margin-top: -12px; }
}

/* Belső tartalmak dizájnja */
.s-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.s-card-header svg { width: 18px; height: 18px; color: #d384ff; }
.s-title { font-size: 0.95rem; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.s-dots { display: flex; gap: 6px; }
.s-dots span { width: 11px; height: 11px; border-radius: 50%; }
.s-dots .red { background: #ff5f56; }
.s-dots .yellow { background: #ffbd2e; }
.s-dots .green { background: #27c93f; }

.s-card-body { padding: 20px; }

/* Kód kártya */
.s-code { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 0.86rem; line-height: 1.7; color: rgba(255,255,255,0.7); }
.s-code .kw { color: #ff62b7; }
.s-code .str { color: #87ffd5; }
.s-code .fn { color: #75e7ff; }
.s-code .indent { padding-left: 20px; }

/* Jogosultságok kártya */
.s-users { display: flex; flex-direction: column; gap: 16px; }
.s-user { display: flex; align-items: center; gap: 14px; }
.s-av { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-weight: 900; font-size: 0.9rem; color: #fff; }
.s-user-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.s-user-info b { font-size: 0.9rem; color: #fff; letter-spacing: -0.01em;}
.s-user-info span { font-size: 0.75rem; color: rgba(255,255,255,0.5); }
.s-toggle { width: 36px; height: 20px; border-radius: 10px; background: rgba(255,255,255,0.1); position: relative; }
.s-toggle::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: 0.25s; }
.s-toggle.on { background: #9d62ff; box-shadow: 0 0 10px rgba(157,98,255,0.4); }
.s-toggle.on.blue { background: #38bdf8; box-shadow: 0 0 10px rgba(56,189,248,0.4); }
.s-toggle.on::after { left: 18px; }

/* Riportok kártya */
.s-stats { display: flex; flex-direction: column; gap: 18px; }
.s-kpi-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.s-kpi { display: flex; flex-direction: column; gap: 6px; padding: 14px; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.06); border-radius: 14px; }
.s-kpi span { font-size: 0.75rem; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; }
.s-kpi b { font-size: 1.35rem; font-weight: 900; }
.s-kpi b.green { color: #87ffd5; text-shadow: 0 0 14px rgba(135,255,213,0.3); }
.s-kpi b.pink { color: #ff62b7; text-shadow: 0 0 14px rgba(255,98,183,0.3); }
.s-chart { height: 70px; border-radius: 10px; overflow: hidden; }
.s-chart svg { width: 100%; height: 100%; }

/* === INTERAKCIÓK (JavaScript által vezérelve) === */

/* Fókusz állapot (Gomb hover -> Kártyák beállnak sorba) */
#quantumVisual.is-focused .stack-cards { transform: rotateY(0deg) rotateX(0deg); }
#quantumVisual.is-focused .s-card-custom { transform: translate3d(0, -100px, 0); opacity: 0.6; z-index: 1; }
#quantumVisual.is-focused .s-card-security { transform: translate3d(0, -15px, 0); opacity: 0.8; z-index: 2; }
#quantumVisual.is-focused .s-card-reports { transform: translate3d(0, 70px, 0); opacity: 1; z-index: 3; }

/* 1. Egyedi fejlesztés kiemelése */
#quantumVisual.feature-custom .stack-cards { transform: rotateY(-8deg) rotateX(4deg); }
#quantumVisual.feature-custom .s-card-custom { 
  transform: translate3d(-50px, -60px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(135,255,213,0.5); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(135,255,213,0.25), inset 0 1px 0 rgba(255,255,255,0.2); 
}
#quantumVisual.feature-custom .s-card-security { transform: translate3d(20px, 20px, 0px); opacity: 0.6; z-index: 2; }
#quantumVisual.feature-custom .s-card-reports { transform: translate3d(70px, 90px, -60px); opacity: 0.4; z-index: 1; border-color: rgba(255,255,255,0.12); box-shadow: 0 24px 60px rgba(0,0,0,0.4); }

/* 2. Jogosultságok kiemelése */
#quantumVisual.feature-security .stack-cards { transform: rotateY(8deg) rotateX(6deg); }
#quantumVisual.feature-security .s-card-custom { transform: translate3d(-60px, -80px, -60px); opacity: 0.4; z-index: 1; }
#quantumVisual.feature-security .s-card-security { 
  transform: translate3d(0px, 0px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(211,132,255,0.6); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(211,132,255,0.3), inset 0 1px 0 rgba(255,255,255,0.2); 
}
#quantumVisual.feature-security .s-card-reports { transform: translate3d(40px, 80px, -40px); opacity: 0.6; z-index: 2; border-color: rgba(255,255,255,0.12); box-shadow: 0 24px 60px rgba(0,0,0,0.4); }

/* 3. Riportok kiemelése */
#quantumVisual.feature-reports .stack-cards { transform: rotateY(12deg) rotateX(-2deg); }
#quantumVisual.feature-reports .s-card-custom { transform: translate3d(-70px, -100px, -80px); opacity: 0.3; }
#quantumVisual.feature-reports .s-card-security { transform: translate3d(-30px, -40px, -40px); opacity: 0.6; }
#quantumVisual.feature-reports .s-card-reports { 
  transform: translate3d(20px, 20px, 80px) scale(1.05); 
  z-index: 4; 
  opacity: 1; 
  border-color: rgba(255,98,183,0.6); 
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 50px rgba(255,98,183,0.3), inset 0 1px 0 rgba(255,255,255,0.2); 
}

/* === Reszponzív beállítások === */
@media (max-width: 1160px) {
  .hero.hero-quantum {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 146px;
  }
  .hero.hero-quantum .hero-copy {
    max-width: 760px;
  }
  #quantumVisual.saas-stack-visual {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    min-height: 600px;
  }
  .stack-cards {
    transform: rotateY(-10deg) rotateX(8deg) scale(0.95);
  }
}

@media (max-width: 760px) {
  .hero.hero-quantum {
    gap: 30px;
    padding: 118px 0 54px;
  }
  .hero.hero-quantum .hero-copy {
    padding: 0;
  }
  #quantumVisual.saas-stack-visual {
    min-height: 440px;
    perspective: 800px;
  }
  .stack-cards {
    transform: rotateY(0deg) rotateX(0deg) scale(0.85);
    margin-left: -20px;
  }
  /* Mobilon egyenesebb oszlop, hogy kiférjen */
  .s-card-custom { transform: translate3d(-10px, -70px, 0); opacity: 0.7;}
  .s-card-security { transform: translate3d(15px, 0px, 0); opacity: 0.9;}
  .s-card-reports { transform: translate3d(40px, 70px, 0); }
  
  /* Mobil hover/focus override-ok */
  #quantumVisual.feature-custom .s-card-custom { transform: translate3d(-10px, -70px, 40px) scale(1.05); }
  #quantumVisual.feature-security .s-card-security { transform: translate3d(15px, 0px, 40px) scale(1.05); }
  #quantumVisual.feature-reports .s-card-reports { transform: translate3d(40px, 70px, 40px) scale(1.05); }
  #quantumVisual.is-focused .s-card-custom { transform: translate3d(0, -90px, 0); }
  #quantumVisual.is-focused .s-card-security { transform: translate3d(0, 0px, 0); }
  #quantumVisual.is-focused .s-card-reports { transform: translate3d(0, 90px, 0); }
}

@media (max-width: 420px) {
  .stack-cards {
    transform: rotateY(0deg) rotateX(0deg) scale(0.72);
    margin-left: -35px;
  }
}

/* ===== Pricing accordion accessibility fix: button-based cards ===== */
.pricing-accordion button.price-summary {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}
.pricing-accordion button.price-summary:focus {
  outline: none;
}
.pricing-accordion button.price-summary:focus-visible {
  outline: 2px solid rgba(211,132,255,.76);
  outline-offset: 4px;
}
.pricing-accordion .price-details[aria-hidden="true"] {
  overflow: hidden;
}


/* ===== homepage cleanup: no marketing tag noise + calmer blog bubble ===== */
.roi-meta-text {
  margin: 14px 0 0;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  font-weight: 650;
}

@media (max-width: 720px) {
  .dev-blog-bubble {
    right: 12px;
    bottom: 12px;
    width: min(320px, calc(100vw - 24px));
    transform: translate3d(0, 18px, 0) scale(.96);
  }

  .dev-blog-bubble__inner {
    align-items: flex-end;
    gap: 8px;
  }

  .dev-blog-bubble__avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .dev-blog-bubble__card {
    padding: 12px 38px 12px 13px;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
  }

  .dev-blog-bubble__label {
    display: none;
  }

  .dev-blog-bubble__text {
    font-size: .78rem;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 7px;
  }

  .dev-blog-bubble__link {
    font-size: .78rem;
    font-weight: 850;
  }

  .dev-blog-bubble__close {
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
}


    /* ===== v154 GLOBAL TAP HIGHLIGHT CLEANUP ===== */
    html,
    body,
    a,
    button,
    [role="button"],
    summary,
    select,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .cta-btn,
    .btn,
    .nav-links a,
    .menu a,
    .price-accordion-toggle,
    .price-toggle,
    .custom-select-trigger,
    .custom-select-option,
    .probapp-select-trigger,
    .probapp-select-option {
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
    }

    a:focus,
    button:focus,
    summary:focus,
    [role="button"]:focus,
    select:focus {
      outline:none;
    }


    /* ===== v155 Billingo/Barion wordmark-only polish ===== */
    .logo-billingo.no-mark,
    .logo-barion.no-mark {
      min-width: 132px;
    }
    .logo-billingo.no-mark .logo-wordmark-v80,
    .logo-barion.no-mark .logo-wordmark-v80 {
      font-weight: 850;
    }


    /* ===== v159 Language switch desktop clean label fix ===== */
    .language-switcher,
    .lang-switch,
    .language-toggle,
    .nav-lang,
    .desktop-lang-switch {
      -webkit-tap-highlight-color: transparent;
    }

    @media (min-width: 769px) {
      .language-switcher .flag,
      .lang-switch .flag,
      .language-toggle .flag,
      .nav-lang .flag,
      .desktop-lang-switch .flag,
      .language-switcher [data-lang-flag],
      .lang-switch [data-lang-flag] {
        display: none !important;
      }

      .language-switcher a,
      .lang-switch a,
      .language-toggle a,
      .nav-lang a,
      .desktop-lang-switch a {
        text-transform: uppercase;
      }
    }


    /* ===== v160 HERO GRADIENT TEXT HARD CLIP FIX ===== */
    .hero h1,
    h1:has(.gradient-text) {
      overflow: visible !important;
      line-height: 1.02 !important;
      padding-right: .12em;
      margin-right: -.12em;
    }

    .gradient-text,
    .hero h1 .gradient-text {
      display: inline;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      padding: .035em .18em .075em .18em;
      margin: -.035em -.18em -.075em -.18em;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      overflow: visible;
      line-height: 1.08;
    }

    @supports not selector(:has(*)) {
      .hero h1 {
        overflow: visible !important;
        line-height: 1.02 !important;
        padding-right: .12em;
        margin-right: -.12em;
      }
    }

    @media (max-width: 768px) {
      .hero h1,
      h1:has(.gradient-text) {
        line-height: 1.06 !important;
        letter-spacing: -.07em;
        padding-right: .16em;
        margin-right: -.16em;
      }
      .gradient-text,
      .hero h1 .gradient-text {
        padding-left: .16em;
        padding-right: .22em;
        margin-left: -.16em;
        margin-right: -.22em;
      }
    }


    /* ===== v162 pricing accordion + blog bubble stability ===== */
    .pricing-accordion .price-summary,
    .pricing-accordion .price-toggle,
    .pricing-accordion .price-details a,
    .dev-blog-bubble button,
    .dev-blog-bubble a {
      -webkit-tap-highlight-color: transparent;
      tap-highlight-color: transparent;
      user-select: none;
      -webkit-user-select: none;
    }

    .pricing-accordion .price-details {
      height: 0;
      overflow: hidden;
      opacity: 0;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      border-top-width: 0 !important;
      transition: height .28s ease, opacity .22s ease, padding .22s ease, border-color .22s ease;
    }

    .pricing-accordion .price-card.is-expanded .price-details {
      opacity: 1;
      padding: 0 24px 24px !important;
      border-top-width: 1px !important;
    }

    @media (max-width: 760px) {
      .pricing-accordion .price-card.is-expanded .price-details {
        padding: 0 18px 20px !important;
      }
    }

    .dev-blog-bubble {
      display: block;
    }


/* ===== v163 DevenIT Cookie Consent + mobile blog bubble polish ===== */
.devenit-cookie {
  position: fixed;
  inset: auto 18px 18px 18px;
  z-index: 10040;
  pointer-events: none;
  font-family: inherit;
}
.devenit-cookie:not(.needs-choice) .devenit-cookie__banner {
  display: none;
}
.devenit-cookie__banner {
  width: min(980px, calc(100vw - 36px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 10% 10%, rgba(168,85,247,.22), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 38%),
    linear-gradient(135deg, rgba(18,10,39,.94), rgba(34,15,57,.90));
  box-shadow: 0 26px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  pointer-events: auto;
}
.devenit-cookie__copy strong {
  display: block;
  color: #fff;
  font-size: 1.02rem;
  letter-spacing: -.02em;
  margin-bottom: 6px;
}
.devenit-cookie__copy p,
.devenit-cookie__intro,
.devenit-cookie__option p {
  margin: 0;
  color: rgba(242,235,255,.74);
  line-height: 1.55;
}
.devenit-cookie__copy p {
  font-size: .92rem;
}
.devenit-cookie__actions,
.devenit-cookie__panel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.devenit-cookie__btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 900;
  letter-spacing: -.02em;
  cursor: pointer;
  color: #fff;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie__btn.is-primary {
  background: linear-gradient(135deg, #ff7abf, #9d62ff, #ffb86b);
  box-shadow: 0 12px 30px rgba(157,98,255,.28), inset 0 0 0 1px rgba(255,255,255,.16);
}
.devenit-cookie__btn.is-secondary {
  background: rgba(255,255,255,.12);
}
.devenit-cookie__btn.is-ghost {
  color: rgba(245,240,255,.78);
  background: transparent;
}
.devenit-cookie__modal {
  position: fixed;
  inset: 0;
  z-index: 10041;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  pointer-events: auto;
}
.devenit-cookie__modal.is-open {
  display: flex;
}
.devenit-cookie__shade {
  position: absolute;
  inset: 0;
  background: rgba(4, 2, 12, .70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.devenit-cookie__panel {
  position: relative;
  width: min(680px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  overflow: auto;
  border-radius: 30px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.15);
  background:
    radial-gradient(circle at 12% 0%, rgba(168,85,247,.26), transparent 34%),
    radial-gradient(circle at 90% 100%, rgba(255,115,179,.18), transparent 34%),
    linear-gradient(135deg, rgba(17,8,38,.98), rgba(33,15,58,.96));
  box-shadow: 0 30px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06);
  color: #fff;
}
.devenit-cookie__panel h2 {
  margin: 0 44px 10px 0;
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -.05em;
}
.devenit-cookie__x {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie__option {
  margin-top: 14px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  cursor: pointer;
}
.devenit-cookie__option strong {
  display: block;
  margin-bottom: 5px;
  font-size: .98rem;
}
.devenit-cookie__option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.devenit-cookie__switch {
  position: relative;
  width: 54px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13);
}
.devenit-cookie__switch::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  transition: transform .22s ease, background .22s ease;
}
.devenit-cookie__option input:checked + .devenit-cookie__switch {
  background: linear-gradient(135deg, #ff7abf, #9d62ff);
}
.devenit-cookie__option input:checked + .devenit-cookie__switch::after {
  transform: translateX(24px);
  background: #fff;
}
.devenit-cookie__locked {
  color: rgba(255,255,255,.70);
  font-size: .82rem;
  font-weight: 900;
  white-space: nowrap;
}
.devenit-cookie__panel-actions {
  margin-top: 20px;
}
.cookie-modal-open {
  overflow: hidden;
}
.devenit-cookie-footer-link {
  appearance: none;
  border: 0;
  background: none;
  color: rgba(255,255,255,.64);
  font: inherit;
  font-size: .88rem;
  cursor: pointer;
  padding: 0;
  margin-left: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
}
.devenit-cookie-footer-link:hover {
  color: #fff;
}
.devenit-cookie-footer-link.is-floating {
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 10010;
  margin: 0;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(18,10,39,.82);
  border: 1px solid rgba(255,255,255,.12);
}

/* Mobile: blog recommendation should be very discreet, not a heavy sales popup. */
@media (max-width: 720px) {
  .dev-blog-bubble {
    right: 12px !important;
    left: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    transform: translate3d(0, 14px, 0) scale(.98);
  }
  .dev-blog-bubble__inner {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: end !important;
  }
  .dev-blog-bubble__avatar {
    width: 34px !important;
    height: 34px !important;
    animation: none !important;
    box-shadow: 0 8px 20px rgba(157,98,255,.20) !important;
  }
  .dev-blog-bubble__card {
    border-radius: 18px 18px 6px 18px !important;
    padding: 11px 42px 11px 13px !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.34) !important;
  }
  .dev-blog-bubble__card::before {
    display: none !important;
  }
  .dev-blog-bubble__label {
    font-size: .62rem !important;
    margin-bottom: 4px !important;
  }
  .dev-blog-bubble__text {
    font-size: .82rem !important;
    line-height: 1.35 !important;
    margin: 0 0 6px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .dev-blog-bubble__link {
    font-size: .78rem !important;
  }
  .dev-blog-bubble__close {
    top: 7px !important;
    right: 7px !important;
    width: 27px !important;
    height: 27px !important;
  }

  .devenit-cookie {
    inset: auto 10px 10px 10px;
  }
  .devenit-cookie__banner {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 15px;
    border-radius: 22px;
  }
  .devenit-cookie__copy strong {
    font-size: .96rem;
  }
  .devenit-cookie__copy p {
    font-size: .84rem;
  }
  .devenit-cookie__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
  .devenit-cookie__actions .is-primary {
    grid-column: 1 / -1;
  }
  .devenit-cookie__btn {
    min-height: 40px;
    padding: 0 12px;
    font-size: .86rem;
  }
  .devenit-cookie__modal {
    padding: 12px;
    align-items: flex-end;
  }
  .devenit-cookie__panel {
    padding: 20px;
    border-radius: 24px;
    max-height: calc(100vh - 24px);
  }
  .devenit-cookie__option {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px;
  }
  .devenit-cookie__switch,
  .devenit-cookie__locked {
    justify-self: start;
  }
}


/* ===== v164 PRICING DETAILS STABILITY + COPY REBUILD ===== */
.pricing.pricing-accordion {
  align-items: start !important;
  gap: 24px !important;
}
.pricing-accordion .price-card,
.pricing-accordion .price-card.featured,
.pricing-accordion .price-card.spotlight-card {
  overflow: hidden !important;
  contain: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}
.pricing-accordion .price-summary,
.pricing-accordion .price-card.featured .price-summary {
  height: auto !important;
  min-height: 306px !important;
  flex: 0 0 auto !important;
  padding: 30px 24px 22px !important;
  gap: 18px !important;
  justify-content: space-between !important;
}
.pricing-accordion .price-card.featured .price-summary-content {
  padding-top: 0 !important;
}
.pricing-accordion .price-summary-content {
  min-height: 0 !important;
  gap: 8px !important;
}
.pricing-accordion .price-title {
  min-height: 0 !important;
  display: block !important;
  line-height: 1.12 !important;
}
.pricing-accordion .price-lead {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.55 !important;
}
.pricing-accordion .price-details {
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  padding: 0 24px !important;
  border-top: 0 solid rgba(255,255,255,.08) !important;
  display: block !important;
  transition: opacity .22s ease, padding .24s ease, border-color .24s ease !important;
}
.pricing-accordion .price-card.is-expanded .price-details {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  padding: 18px 24px 24px !important;
  border-top-width: 1px !important;
}
.pricing-accordion .price-detail-intro {
  margin: 0 0 14px !important;
  color: rgba(245,240,255,.82) !important;
  font-size: .95rem !important;
  line-height: 1.62 !important;
}
.pricing-accordion .price-detail-intro strong {
  color: #fff !important;
}
.pricing-accordion .price-details ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}
.pricing-accordion .price-details li {
  position: relative !important;
  margin: 0 !important;
  padding: 11px 13px 11px 34px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  color: rgba(245,240,255,.82) !important;
  font-size: .94rem !important;
  line-height: 1.45 !important;
}
.pricing-accordion .price-details li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 13px !important;
  top: 11px !important;
  color: #d7b4ff !important;
  font-weight: 900 !important;
}
.pricing-accordion .price-details .ghost-btn {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 2px !important;
}
.pricing-accordion .card-tag {
  position: absolute !important;
  top: 14px !important;
  left: 24px !important;
  z-index: 6 !important;
}
.pricing-accordion .price-card.featured .price-summary {
  padding-top: 46px !important;
}
.pricing-accordion .price-card.featured .price-title {
  padding-right: 0 !important;
}
@media (min-width: 901px) {
  .pricing.pricing-accordion {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 1080px !important;
  }
}
@media (max-width: 900px) {
  .pricing.pricing-accordion {
    grid-template-columns: 1fr !important;
    max-width: 620px !important;
    gap: 16px !important;
  }
  .pricing-accordion .price-summary,
  .pricing-accordion .price-card.featured .price-summary {
    min-height: 0 !important;
    padding: 22px 18px 18px !important;
  }
  .pricing-accordion .price-card.featured .price-summary {
    padding-top: 42px !important;
  }
  .pricing-accordion .card-tag {
    top: 13px !important;
    left: 18px !important;
  }
  .pricing-accordion .price-card.is-expanded .price-details {
    padding: 16px 18px 18px !important;
  }
  .pricing-accordion .price-details {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* ===== v165 Cookie settings footer positioning ===== */
.footer > div:last-child .devenit-cookie-footer-link,
.footer .footer-cookie-target .devenit-cookie-footer-link {
  display: block;
  width: max-content;
  margin: 10px 0 0 auto;
  text-align: right;
  color: rgba(255,255,255,.58);
}
.footer > div:last-child .devenit-cookie-footer-link:hover,
.footer .footer-cookie-target .devenit-cookie-footer-link:hover {
  color: #fff;
}
@media (max-width: 768px) {
  .footer > div:last-child .devenit-cookie-footer-link,
  .footer .footer-cookie-target .devenit-cookie-footer-link {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
  }
}


/* ===== v167 Honeypot field hiding ===== */
.dv-hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  tabindex: -1;
}


/* ===== v169 MOBILE PERFORMANCE + CTA TEXT VISIBILITY HOTFIX ===== */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
    scroll-behavior: auto !important;
    text-rendering: optimizeSpeed;
  }

  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .12s !important;
    scroll-behavior: auto !important;
  }

  .hero,
  .hero *,
  .quantum-visual,
  .quantum-visual *,
  .dev-blog-bubble,
  .dev-blog-bubble *,
  .devenit-cookie,
  .devenit-cookie *,
  .integration-logo-track-v80 *,
  .price-card,
  .price-card *,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn {
    will-change: auto !important;
  }

  .hero::before,
  .hero::after,
  .section::before,
  .section::after,
  .devenit-integration-section-v80::before,
  .devenit-integration-section-v80::after,
  .quantum-visual::before,
  .quantum-visual::after,
  .dev-blog-bubble__card::before {
    animation: none !important;
    transform: none !important;
  }

  .glass,
  .panel,
  .card,
  .roi-card,
  .price-card,
  .ref-card,
  .service-card,
  .about-card,
  .devenit-cookie__banner,
  .devenit-cookie__panel,
  .dev-blog-bubble__card,
  .integration-container-v80,
  .brand-logo-item-v80 {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .price-card,
  .roi-card,
  .service-card,
  .about-card,
  .integration-container-v80,
  .brand-logo-item-v80 {
    box-shadow: 0 12px 32px rgba(0,0,0,.28) !important;
  }

  a,
  button,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn,
  .price-summary,
  .price-toggle {
    -webkit-tap-highlight-color: transparent !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
  }

  a,
  button,
  .cta,
  .btn,
  .ghost-btn,
  .primary-btn,
  .secondary-btn,
  .btn-launch,
  .btn-submit,
  .cta-btn {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    contain: none !important;
    isolation: isolate;
  }

  a *,
  button *,
  .cta *,
  .btn *,
  .ghost-btn *,
  .primary-btn *,
  .secondary-btn *,
  .btn-launch *,
  .btn-submit *,
  .cta-btn * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .cta::before,
  .cta::after,
  .btn::before,
  .btn::after,
  .ghost-btn::before,
  .ghost-btn::after,
  .primary-btn::before,
  .primary-btn::after,
  .secondary-btn::before,
  .secondary-btn::after,
  .btn-launch::before,
  .btn-launch::after,
  .btn-submit::before,
  .btn-submit::after,
  .cta-btn::before,
  .cta-btn::after {
    pointer-events: none !important;
    z-index: -1 !important;
  }

  .price-details {
    overflow: hidden !important;
    contain: none !important;
  }

  .price-card.is-expanded .price-details {
    overflow: visible !important;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
  body.is-fast-scrolling *,
  body.is-fast-scrolling *::before,
  body.is-fast-scrolling *::after {
    animation: none !important;
    transition: none !important;
  }

  body.is-fast-scrolling .dev-blog-bubble,
  body.is-fast-scrolling .devenit-cookie,
  body.is-fast-scrolling .quantum-visual,
  body.is-fast-scrolling .hero-orb,
  body.is-fast-scrolling .floating-orb {
    display: none !important;
  }
}


/* ===== v170 Integration brands: no glass bubbles ===== */
.integration-logo-track-v80 {
  gap: 18px 26px !important;
}

.brand-logo-item-v80 {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.brand-logo-item-v80.no-mark {
  padding: 0 !important;
}

.brand-logo-item-v80 .logo-mark-v80 {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

.brand-logo-item-v80 .logo-wordmark-v80 {
  font-size: clamp(1.02rem, 1.25vw, 1.22rem) !important;
}

.brand-logo-item-v80:hover {
  transform: translateY(-2px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .integration-logo-track-v80 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 16px !important;
    justify-items: start !important;
  }

  .brand-logo-item-v80 {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  .brand-logo-item-v80 .logo-mark-v80 {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }

  .brand-logo-item-v80 .logo-wordmark-v80 {
    font-size: 1rem !important;
  }
}


/* ===== v171 Integration brands: even spacing, tasteful grid ===== */
.integration-logo-track-v80 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px 34px !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 18px 0 6px !important;
}

.brand-logo-item-v80 {
  width: 100% !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

.brand-logo-item-v80.no-mark {
  padding: 0 !important;
}

.brand-logo-item-v80 .logo-mark-v80 {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
}

.brand-logo-item-v80 .logo-wordmark-v80 {
  font-size: clamp(1.02rem, 1.18vw, 1.18rem) !important;
  line-height: 1.05 !important;
}

.brand-logo-item-v80:hover {
  transform: translateY(-2px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

@media (max-width: 1100px) {
  .integration-logo-track-v80 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 28px !important;
    max-width: 920px !important;
  }
}

@media (max-width: 768px) {
  .integration-logo-track-v80 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 18px !important;
    justify-items: start !important;
    max-width: 100% !important;
  }

  .brand-logo-item-v80 {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 28px !important;
  }

  .brand-logo-item-v80 .logo-mark-v80 {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }

  .brand-logo-item-v80 .logo-wordmark-v80 {
    font-size: .98rem !important;
  }
}


/* ===== v178 Hero title gradient ===== */
.hero-title-gradient-v178{
  background: linear-gradient(90deg, #fff6cf 0%, #ffd39f 18%, #ff9dcf 48%, #c79bff 76%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 0 0.12em;
  margin: 0 -0.12em;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .hero-title-gradient-v178{
    color: #ffffff !important;
  }
}


/* ===== v179 Gradient glyph clipping fix ===== */
.gradient-text,
.hero-title-gradient-v178,
.problem-highlight,
.highlight-gradient,
.text-gradient,
.gradient-word,
[class*="gradient-text"],
[class*="highlight-gradient"] {
  display: inline-block;
  padding-left: .16em;
  padding-right: .18em;
  margin-left: -.16em;
  margin-right: -.18em;
  padding-top: .015em;
  padding-bottom: .035em;
  overflow: visible !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.problem-section h2,
.problem-section h1,
.pain-section h2,
.pain-section h1,
.section-problem h2,
.section-problem h1,
.hero-copy h1,
.hero h1 {
  overflow: visible !important;
  padding-right: .04em;
}

.problem-section,
.pain-section,
.section-problem,
.problem-layout,
.problem-copy {
  overflow: visible !important;
}

@media (max-width: 768px) {
  .gradient-text,
  .hero-title-gradient-v178,
  .problem-highlight,
  .highlight-gradient,
  .text-gradient,
  .gradient-word,
  [class*="gradient-text"],
  [class*="highlight-gradient"] {
    padding-left: .18em;
    padding-right: .22em;
    margin-left: -.18em;
    margin-right: -.22em;
  }
}


/* ===== v180 Exact headline glyph clipping fix ===== */
.glyph-safe-headline-v180 {
  display: block !important;
  overflow: visible !important;
  padding-right: .22em !important;
  margin-right: -.22em !important;
  padding-bottom: .08em !important;
  line-height: 1.04 !important;
  contain: none !important;
  text-wrap: balance;
}

.glyph-safe-headline-v180 span,
.glyph-safe-headline-v180 strong,
.glyph-safe-headline-v180 em,
.glyph-safe-headline-v180 .gradient-text,
.glyph-safe-headline-v180 [class*="gradient"],
.glyph-safe-headline-v180 [style*="background"] {
  display: inline-block !important;
  overflow: visible !important;
  padding-left: .08em !important;
  padding-right: .32em !important;
  margin-left: -.08em !important;
  margin-right: -.32em !important;
  padding-bottom: .08em !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  contain: none !important;
}

/* The visible cut in Chrome/Samsung often comes from the parent line box, not the span itself. */
.glyph-safe-headline-v180,
.glyph-safe-headline-v180 *,
.glyph-safe-headline-v180::before,
.glyph-safe-headline-v180::after {
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.glyph-safe-headline-v180 :where(span, strong, em):last-child {
  padding-right: .42em !important;
  margin-right: -.42em !important;
}

@media (max-width: 768px) {
  .glyph-safe-headline-v180 {
    padding-right: .30em !important;
    margin-right: -.30em !important;
    line-height: 1.06 !important;
  }

  .glyph-safe-headline-v180 span,
  .glyph-safe-headline-v180 strong,
  .glyph-safe-headline-v180 em,
  .glyph-safe-headline-v180 .gradient-text,
  .glyph-safe-headline-v180 [class*="gradient"] {
    padding-right: .44em !important;
    margin-right: -.44em !important;
  }
}


/* ===== v181 Descender clipping definitive fix ===== */
.descender-safe-title-v181,
.pricing-header-v181 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.12 !important;
  padding-top: 0 !important;
  padding-bottom: 0.18em !important;
  margin-bottom: 0.16em !important;
  overflow: visible !important;
  contain: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.descender-safe-title-v181 *,
.pricing-header-v181 * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: inherit !important;
  padding-bottom: 0.12em !important;
  overflow: visible !important;
  contain: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}

/* The cut was coming from parent boxes on some large display headings. */
:has(> .descender-safe-title-v181),
:has(.pricing-header-v181),
.pricing-section,
.pricing,
.price-section,
.problem-section,
.pain-section,
.section-problem,
.hero-copy,
.hero {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  contain: none !important;
}

@media (max-width: 768px) {
  .descender-safe-title-v181,
  .pricing-header-v181 {
    line-height: 1.15 !important;
    padding-bottom: 0.22em !important;
    margin-bottom: 0.18em !important;
  }

  .descender-safe-title-v181 *,
  .pricing-header-v181 * {
    padding-bottom: 0.16em !important;
  }
}