/*
Theme Name: AloudSaver
Theme URI: https://aloudsaver.com
Author: AloudSaver Studio
Description: Custom ecosystem storefront theme for AloudSaver, ported 1:1 from the approved design mockups. WooCommerce catalog with a storytelling product template; checkout handed to Paddle.
Version: 1.0.0
Text Domain: aloudsaver
*/

  :root{
    --ink:#0b1220; --ink2:#1e293b; --mut:#5b6b82; --line:#e6eaf2; --bg:#f7f8fc; --card:#ffffff;
    --vio:#7c3aed; --blu:#2563eb; --gold:#f59e0b; --gold2:#fbbf24; --teal:#0ea5b7;
    --grad:linear-gradient(92deg,#7c3aed,#2563eb);
    --shadow:0 1px 2px rgba(11,18,32,.05),0 12px 32px -12px rgba(11,18,32,.14);
    --shadow-lg:0 2px 4px rgba(11,18,32,.06),0 32px 64px -24px rgba(37,60,140,.35);
    --r:18px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Inter","Be Vietnam Pro",system-ui,sans-serif;background:var(--bg);color:var(--ink2);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:13px;font-weight:600;font-size:15px;border:1px solid transparent;transition:.22s;cursor:pointer;font-family:inherit}
  .btn svg{width:17px;height:17px}
  .btn-pri{background:var(--grad);color:#fff;box-shadow:0 10px 24px -8px rgba(99,60,235,.55)}
  .btn-pri:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(99,60,235,.6)}
  .btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}
  .btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
  .btn-gold{background:linear-gradient(92deg,#f59e0b,#d97706);color:#fff;box-shadow:0 10px 24px -8px rgba(217,119,6,.55)}
  .btn-gold:hover{transform:translateY(-2px)}
  /* announcement */
  .bar{background:var(--ink);color:#dbe4f5;font-size:13.5px;text-align:center;padding:9px 16px}
  .bar b{color:var(--gold2)} .bar a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
  /* nav */
  header{position:sticky;top:0;z-index:60;background:rgba(247,248,252,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .25s}
  header.scrolled{box-shadow:0 10px 34px -14px rgba(11,18,32,.22)}
  .nav{display:flex;align-items:center;gap:30px;height:68px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-.01em}
  .brand img{width:36px;height:36px;border-radius:10px;box-shadow:var(--shadow)}
  .brand small{display:block;font-size:10.5px;font-weight:600;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}
  .nav nav{display:flex;gap:6px;margin-left:6px}
  .nav nav>a,.nav nav .has-drop>button{font-size:14.5px;font-weight:600;color:var(--ink2);opacity:.88;padding:9px 13px;border-radius:10px;background:none;border:none;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .nav nav>a:hover,.nav nav .has-drop>button:hover{opacity:1;color:var(--vio);background:#eef1f8}
  .has-drop{position:relative}
  .has-drop>button svg{width:14px;height:14px;transition:transform .2s}
  .has-drop:hover>button svg,.has-drop:focus-within>button svg{transform:rotate(180deg)}
  .drop-wrap{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);padding-top:12px;opacity:0;visibility:hidden;transition:.22s;z-index:70}
  .has-drop:hover .drop-wrap,.has-drop:focus-within .drop-wrap{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .drop{width:348px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px}
  .drop a.row{display:flex;gap:13px;padding:11px;border-radius:12px;align-items:flex-start}
  .drop a.row:hover{background:#f4f6fb}
  .drop .dic{width:40px;height:40px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#94a3b8}
  .drop .dic img{width:40px;height:40px;border-radius:11px}
  .drop .dic svg{width:20px;height:20px}
  .drop h5{font-size:14.5px;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:8px}
  .drop p{font-size:12.5px;color:var(--mut);line-height:1.45}
  .drop .all{display:block;text-align:center;font-size:13.5px;font-weight:700;color:var(--vio);padding:10px;border-top:1px solid var(--line);margin-top:6px}
  .mini{font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:99px}
  .mini-live{background:#dcfce7;color:#15803d}.mini-soon{background:#f1f5f9;color:#94a3b8}
  .nav .right{margin-left:auto;display:flex;align-items:center;gap:12px}
  .lang{display:flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;font-size:12.5px;font-weight:700}
  .lang span{padding:6px 12px;color:var(--mut)} .lang span.on{background:var(--ink);color:#fff}
  .btn-sign{padding:10px 16px;font-size:14px}
  .nav .btn-cta{padding:10px 18px;font-size:14px}
  .burger{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;justify-content:center;cursor:pointer}
  .burger svg{width:20px;height:20px;color:var(--ink)}
  .scrim{position:fixed;inset:0;background:rgba(11,18,32,.5);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:80}
  .scrim.open{opacity:1;visibility:visible}
  .drawer{position:fixed;top:0;right:0;height:100dvh;width:min(320px,86vw);background:#fff;z-index:90;transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.25,1);box-shadow:-24px 0 48px rgba(11,18,32,.2);padding:22px;display:flex;flex-direction:column;gap:6px}
  .drawer.open{transform:none}
  .drawer .d-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .drawer .x{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:18px;color:var(--mut);cursor:pointer}
  .drawer a.dlink{padding:12px 13px;border-radius:11px;font-weight:600;font-size:15.5px;color:var(--ink)}
  .drawer a.dlink:hover{background:#f4f6fb}
  .drawer a.dlink small{display:block;font-weight:500;font-size:12.5px;color:var(--mut)}
  .drawer .d-foot{margin-top:auto;display:grid;gap:10px}
  .drawer .btn{justify-content:center}
  /* hero */
  .hero{background:var(--ink);color:#e8edf7;position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;background:
    radial-gradient(620px 380px at 12% -10%,rgba(124,58,237,.45),transparent 60%),
    radial-gradient(700px 420px at 88% 0%,rgba(37,99,235,.4),transparent 60%),
    radial-gradient(500px 300px at 55% 115%,rgba(14,165,183,.25),transparent 60%);
    animation:drift 16s ease-in-out infinite alternate}
  @keyframes drift{from{transform:scale(1.06) translate(-1.4%,-1%)}to{transform:scale(1.06) translate(1.4%,1.6%)}}
  .hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(70% 60% at 50% 38%,#000 30%,transparent 100%)}
  .hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;padding:70px 0 78px;align-items:center}
  .kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);border-radius:99px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#cdd8ee}
  .kicker i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.25)}
  h1{font-size:47px;line-height:1.22;font-weight:700;letter-spacing:-.02em;color:#fff;margin:24px 0 20px}
  .hero p.lead{font-size:17.5px;line-height:1.72;color:#b9c6de;max-width:520px}
  .hero-cta{display:flex;gap:14px;margin:30px 0 18px;flex-wrap:wrap}
  .hero .btn-ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);color:#fff}
  .hero-note{font-size:13.5px;color:#8fa1c0}
  .hero-note b{color:#e8edf7}
  .trust{display:flex;align-items:center;gap:12px 18px;margin-top:24px;flex-wrap:wrap;color:#8fa1c0;font-size:13.5px}
  .stars{display:inline-flex;gap:2px;color:var(--gold2)}
  .stars svg{width:15px;height:15px;fill:currentColor}
  .trust .sep{width:1px;height:16px;background:rgba(255,255,255,.18)}
  .trust .works b{color:#dbe4f5;font-weight:700}
  /* load motion */
  .h-anim{opacity:0;animation:rise .85s cubic-bezier(.2,.7,.25,1) forwards}
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  /* browser mock */
  .mock-wrap{position:relative}
  .mock{background:#0f172a;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(1.5deg);transition:transform .5s}
  .mock:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
  .mock-bar{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
  .mock-bar i{width:11px;height:11px;border-radius:50%}
  .mock-url{margin-left:10px;background:rgba(255,255,255,.07);border-radius:8px;font-size:12px;color:#93a5c4;padding:4px 12px;flex:1}
  .mock-body{padding:22px 22px 158px;position:relative}
  .msg-q{background:rgba(255,255,255,.06);border-radius:14px;padding:13px 16px;font-size:14px;color:#cbd5e1;width:74%;margin-left:auto}
  .msg-a{font-size:14.5px;color:#e2e8f0;margin-top:18px;line-height:1.65;max-width:88%}
  .msg-a .tools{display:flex;gap:14px;margin-top:14px;color:#7d8fb1}
  .msg-a .tools svg{width:17px;height:17px}
  .fab{position:absolute;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 30px -6px rgba(99,60,235,.7)}
  .fab svg{width:24px;height:24px}
  .fab .bdg{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #0f172a}
  .panel{position:absolute;left:20px;bottom:20px;width:248px;background:#111827;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px;box-shadow:0 24px 48px -16px rgba(0,0,0,.65)}
  .panel h5{color:#fff;font-size:13px;display:flex;gap:7px;align-items:center}
  .panel h5 img{width:18px;height:18px;border-radius:5px}
  .panel .dl{margin-top:10px;background:var(--teal);color:#fff;font-size:13px;font-weight:700;border-radius:10px;padding:9px 12px;display:flex;gap:8px;align-items:center}
  .panel .dl svg{width:15px;height:15px}
  .panel .cap{margin-top:9px;font-size:11.5px;color:#8fa1c0}
  .chip{position:absolute;z-index:3;background:#fff;color:var(--ink2);border-radius:14px;box-shadow:var(--shadow-lg);padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;animation:floaty 5.5s ease-in-out infinite alternate}
  .chip small{display:block;font-weight:500;color:var(--mut);font-size:11.5px}
  .chip .cic{width:31px;height:31px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center}
  .chip .cic svg{width:16px;height:16px}
  .chip-a{top:30px;left:-16px}
  .chip-a .cic{background:#dcfce7;color:#16a34a}
  .chip-b{bottom:118px;right:-14px;animation-delay:1.3s}
  .chip-b .cic{background:#fee2e2;color:#dc2626}
  @keyframes floaty{from{transform:translateY(-4px)}to{transform:translateY(6px)}}
  /* stats */
  .stats{background:linear-gradient(180deg,#ffffff,#f8f9fd);border-bottom:1px solid var(--line)}
  .stat .sic{width:46px;height:46px;border-radius:13px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center}
  .stat .sic svg{width:21px;height:21px}
  @media(min-width:901px){.stat:not(:first-child){border-left:1px solid var(--line)}}
  .stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:36px 0;text-align:center}
  .stat .num{font-size:56px;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.1}
  .stat .num .u{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat p{color:var(--mut);font-size:13.5px;margin-top:5px}
  /* sections */
  section{padding:72px 0}
  .sec-head{max-width:640px;margin:0 auto 44px;text-align:center}
  .sec-head .tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vio);background:#efeafd;padding:6px 13px;border-radius:99px}
  .sec-head h2{font-size:33px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:18px 0 14px;line-height:1.28}
  .sec-head p{color:var(--mut);font-size:16.5px;line-height:1.7}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);transition:.25s;position:relative}
  .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
  .card .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
  .card .ic img{width:52px;height:52px;border-radius:14px}
  .card h3{font-size:17.5px;color:var(--ink);font-weight:600;margin-bottom:8px;letter-spacing:-.01em}
  .card p{font-size:14.5px;color:var(--mut)}
  .card .more{display:inline-flex;gap:7px;align-items:center;font-weight:700;font-size:14px;color:var(--vio);margin-top:16px}
  .pill{position:absolute;top:18px;right:18px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:99px}
  .pill-live{background:#dcfce7;color:#15803d}.pill-soon{background:#f1f5f9;color:#94a3b8}
  .card.soon{opacity:.75;border-style:dashed;box-shadow:none}
  .bp{list-style:none;margin:2px 0 4px;display:grid;gap:7px}
  .bp li{color:var(--mut);font-size:13.5px;display:flex;gap:8px;align-items:center}
  .bp li::before{content:"";width:5px;height:5px;border-radius:50%;background:#b9c6da;flex:none}
  .card.soon .ic{background:#eef2f7;color:#94a3b8}
  .card.soon .ic svg{width:24px;height:24px}
  .band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:radial-gradient(#e4e9f3 1.1px,transparent 1.1px);background-size:22px 22px}
  .card::before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;border-radius:99px;background:var(--grad);opacity:0;transition:.25s}
  .card:hover::before{opacity:1}
  .tile .tic.t-teal{background:#e0f5f8;color:#0e7490}.tile .tic.t-blu{background:#e3ebfd;color:#2563eb}
  .tile .tic.t-amb{background:#fdf0da;color:#b45309}.tile .tic.t-ros{background:#fde7ef;color:#be185d}
  .tile .tic.t-grn{background:#e2f5e6;color:#15803d}
  /* steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;counter-reset:st}
  .steps::before{content:"";position:absolute;top:47px;left:17%;right:17%;border-top:2px dashed #ddd3fa}
  .step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
  .step::after{counter-increment:st;content:counter(st);position:absolute;bottom:0;right:16px;font-size:64px;font-weight:700;color:#f2effd;line-height:1.1;pointer-events:none}
  .step .srow{display:flex;justify-content:space-between;align-items:flex-start}
  .step .sic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
  .step .sic svg{width:19px;height:19px}
  .step .n{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:15px}
  .step h3{color:var(--ink);font-size:16.5px;font-weight:600;margin-bottom:7px}
  .step p{font-size:14.5px;color:var(--mut)}
  /* bento */
  .bento{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);transition:.25s;position:relative;overflow:hidden}
  .tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
  .tile.wide{grid-column:span 2}
  .tile .tic{width:44px;height:44px;border-radius:12px;background:#efeafd;color:var(--vio);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .tile .tic svg{width:21px;height:21px}
  .tile h3{font-size:16.5px;color:var(--ink);font-weight:600;margin-bottom:6px}
  .tile p{font-size:14px;color:var(--mut)}
  .files{display:grid;gap:7px;margin-top:16px}
  .file{display:flex;justify-content:space-between;align-items:center;background:#f4f6fb;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--ink2)}
  .file .z{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:.05em}
  .langchips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
  .langchips span{border:1px solid var(--line);background:#f8fafc;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:700;color:var(--ink2)}
  .minibadges{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
  .mbadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}
  /* pricing */
  .price{display:flex;flex-direction:column}
  .price .amt{font-size:38px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
  .price .amt small{font-size:15px;font-weight:600;color:var(--mut);letter-spacing:0}
  .price ul{list-style:none;margin:18px 0 24px;display:grid;gap:10px;font-size:14.5px;color:var(--ink2)}
  .price ul li{display:flex;gap:9px;align-items:flex-start}
  .price ul svg{width:17px;height:17px;color:#16a34a;flex:none;margin-top:3px}
  .price .btn{margin-top:auto;justify-content:center}
  .price.best{border:2px solid var(--gold);box-shadow:0 24px 48px -20px rgba(217,119,6,.45)}
  .price .pill{background:linear-gradient(92deg,#f59e0b,#d97706);color:#fff}
  .sixstrip{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;border:1.5px solid #bfd7fb;background:linear-gradient(120deg,#eef4fe,#f7faff);border-radius:18px;padding:18px 22px}
  .sixstrip .sx{display:flex;gap:14px;align-items:center}
  .sic6{width:42px;height:42px;border-radius:11px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
  .sixstrip b{display:block;font-size:16.5px;color:var(--ink)}
  .sixstrip .sx span{color:var(--mut);font-size:13.5px}
  .btn-six{background:#fff;border:1.5px solid #2563eb;color:#2563eb}
  .btn-six:hover{background:#2563eb;color:#fff}
  /* blog */
  .post .thumb{height:150px;border-radius:12px;margin-bottom:16px;overflow:hidden}
  .post .thumb svg{width:100%;height:100%;display:block}
  .post .cat{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blu)}
  .post h3{font-size:16.5px;line-height:1.45}
  .post .date{font-size:12.5px;color:#94a3b8;margin-top:8px}
  /* blog scroller */
  .blog-nav{display:flex;gap:9px;justify-content:flex-end;align-items:center;margin:-24px 0 18px}
  .vall{font-weight:700;color:var(--vio);font-size:14.5px;margin-right:6px}
  .vall:hover{text-decoration:underline}
  .snav{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);color:var(--ink);transition:.2s}
  .snav:hover{color:var(--vio);transform:translateY(-2px)}
  .snav svg{width:18px;height:18px}
  .blog-scroll{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px;scroll-behavior:smooth;scrollbar-width:none}
  .blog-scroll::-webkit-scrollbar{display:none}
  .blog-scroll .post{flex:0 0 338px;scroll-snap-align:start}
  .blog-scroll .post{padding:0;overflow:hidden}
  .blog-scroll .post .thumb{height:160px;border-radius:0;margin:0}
  .post-body{padding:20px 24px 24px}
  /* faq */
  .faq-wrap{display:grid;grid-template-columns:1fr 2fr;gap:26px;align-items:start}
  .faq-side{position:sticky;top:96px;background:var(--ink);color:#dbe4f5;border-radius:var(--r);padding:28px;overflow:hidden}
  .faq-side::before{content:"";position:absolute;inset:0;background:radial-gradient(340px 200px at 85% -10%,rgba(124,58,237,.55),transparent 65%)}
  .faq-side>*{position:relative}
  .faq-side .sic{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}
  .faq-side .sic svg{width:22px;height:22px}
  .faq-side h3{color:#fff;font-size:19px;font-weight:700;margin-bottom:8px}
  .faq-side p{font-size:14.5px;color:#aebbd6}
  .faq-side .btn{width:100%;justify-content:center;margin-top:18px}
  .faq-side .smeta{font-size:12.5px;color:#8fa1c0;margin-top:13px;text-align:center}
  .faq-side .slinks{margin-top:20px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;display:grid;gap:9px;font-size:14px}
  .faq-side .slinks a{color:#cdd8ee;display:flex;justify-content:space-between}
  .faq-side .slinks a:hover{color:#fff}
  .faq{max-width:none;margin:0;display:grid;gap:12px}
  .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;box-shadow:var(--shadow)}
  .faq summary{font-weight:600;color:var(--ink);cursor:pointer;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
  .faq summary::-webkit-details-marker{display:none}
  .faq p{color:var(--mut);font-size:14.5px;margin-top:9px}
  /* cta + footer */
  .cta{background:var(--ink);border-radius:26px;padding:48px;text-align:center;color:#dbe4f5;position:relative;overflow:hidden}
  .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 50% -20%,rgba(124,58,237,.5),transparent 65%)}
  .cta h2{color:#fff;font-size:30px;font-weight:700;letter-spacing:-.015em;position:relative}
  .cta p{position:relative;margin:12px auto 26px;max-width:480px;color:#aebbd6}
  .cta .row{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
  .cta form{position:relative;display:flex;gap:10px;max-width:470px;margin:22px auto 0;width:100%}
  .cta input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:13px 16px;color:#fff;font:inherit;font-size:14.5px;min-width:0}
  .cta input::placeholder{color:#8fa1c0}
  .cta input:focus{outline:2px solid var(--vio);border-color:transparent}
  .cta .fine{position:relative;font-size:12.5px;color:#7d8fb1;margin-top:13px}
  .cta .done{position:relative;margin-top:22px;font-weight:600;color:#6ee7b7}
  footer{background:radial-gradient(760px 280px at 50% -70px,rgba(124,58,237,.17),transparent 70%),#070d1a;color:#8fa1c0;font-size:14px;position:relative}
  footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.75),rgba(37,99,235,.75),transparent)}
  .f-grid{display:grid;grid-template-columns:1.55fr .75fr .9fr .75fr 1.25fr;gap:32px;padding:44px 0 28px}
  footer .brand{color:#fff}
  .f-brand p{max-width:300px;margin-top:14px;line-height:1.65}
  .live-pill{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:600;color:#cdd8ee}
  .live-pill i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18)}
  footer h4{color:#e8edf7;font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px}
  footer li{list-style:none;margin-bottom:9px}
  footer li a{color:#94a5c4;transition:.18s}
  footer li a:hover{color:#fff;padding-left:3px}
  .f-news p{line-height:1.6}
  .f-form{display:flex;gap:8px;margin-top:15px}
  .f-form input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:11px 13px;color:#fff;font:inherit;font-size:13.5px}
  .f-form input::placeholder{color:#64748b}
  .f-form input:focus{outline:2px solid var(--vio);border-color:transparent}
  .f-form button{width:44px;border:none;border-radius:11px;background:var(--grad);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
  .f-form button svg{width:17px;height:17px}
  .f-form button:hover{filter:brightness(1.12)}
  .f-news .done{margin-top:15px;color:#6ee7b7;font-weight:600;font-size:14px}
  .f-fine{font-size:12px;color:#5b6b82;margin-top:11px}
  
  .f-bot{border-top:1px solid rgba(255,255,255,.09);margin-top:0;padding:20px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:#7d8fb1}
  .f-bot a{color:#cdd8ee}
  .pays{display:flex;gap:7px;flex-wrap:wrap}
  .pay{border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700;color:#cdd8ee;letter-spacing:.04em;background:rgba(255,255,255,.04)}
  /* popup demo */
  .pop{position:fixed;inset:0;background:rgba(11,18,32,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
  .pop.open{display:flex}
  .pop-card{background:#fff;border-radius:24px;max-width:420px;width:100%;padding:0;overflow:hidden;text-align:center;box-shadow:0 40px 90px -20px rgba(11,18,32,.5);position:relative;animation:pop .38s cubic-bezier(.2,.9,.3,1.22)}
  @keyframes pop{from{transform:scale(.92) translateY(16px);opacity:0}}
  .pop-top{background:var(--grad);padding:28px 30px 22px;color:#fff;position:relative;overflow:hidden}
  .pop-top::before,.pop-top::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.13)}
  .pop-top::before{width:150px;height:150px;top:-70px;right:-40px}
  .pop-top::after{width:90px;height:90px;bottom:-50px;left:-24px}
  .pop-top>*{position:relative}
  .pop-top .plogo{width:54px;height:54px;border-radius:15px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);display:flex;align-items:center;justify-content:center;margin:0 auto 11px}
  .pop-top .plogo img{width:35px;height:35px;border-radius:9px}
  .pop-top .pk{font-size:11px;font-weight:800;letter-spacing:.24em;opacity:.88}
  .pop-top h3{color:#fff;font-size:23px;font-weight:700;margin-top:5px}
  .pop-card .x{position:absolute;top:12px;right:12px;border:none;background:rgba(255,255,255,.16);width:30px;height:30px;border-radius:50%;font-size:16px;color:#fff;cursor:pointer;z-index:2;line-height:1}
  .pop-card .x:hover{background:rgba(255,255,255,.3)}
  .pop-body{padding:24px 30px 28px}
  .pop-body p{color:var(--mut);font-size:14.5px}
  .code-row{display:flex;gap:9px;margin:18px 0 14px}
  .code{flex:1;border:2px dashed var(--gold);background:#fffbeb;border-radius:12px;padding:11px;font-weight:800;letter-spacing:.18em;color:#b45309;font-size:16.5px;display:flex;align-items:center;justify-content:center}
  .copy-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 15px;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
  .copy-btn:hover{border-color:var(--gold);color:#b45309}
  .copy-btn svg{width:15px;height:15px}
  .pop-body .btn{width:100%;justify-content:center}
  .pop .later{display:inline-block;margin-top:13px;font-size:13.5px;color:var(--mut);font-weight:600;cursor:pointer;background:none;border:none;font-family:inherit}
  .pop .later:hover{color:var(--ink)}
  .pop .fine2{font-size:12px;color:#94a3b8;margin-top:11px}
  /* reveal */
  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .rv.in{opacity:1;transform:none}
  .d1{transition-delay:.07s}.d2{transition-delay:.14s}.d3{transition-delay:.21s}
  @media(max-width:1080px){.chip{display:none}}
  @media(max-width:900px){
    .hero-in{grid-template-columns:1fr;padding:60px 0 72px}h1{font-size:37px}
    .grid3,.steps{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.tile.wide{grid-column:span 1}
    .stats-in{grid-template-columns:repeat(2,1fr);padding:36px 0}
    .f-grid{grid-template-columns:1fr 1fr}.nav nav{display:none}.burger{display:inline-flex}
    .nav .btn-cta{display:none}.lang{display:none}section{padding:52px 0}
    .cta form{flex-direction:column}.cta{padding:44px 26px}
    .faq-wrap{grid-template-columns:1fr}.faq-side{position:static}
    .f-bot{justify-content:center;text-align:center}
    .blog-scroll .post{flex-basis:84vw}
    .steps::before{display:none}
  }

  /* product gallery + lightbox */
  .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .gitem{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);cursor:zoom-in;background:#0d1526;padding:0;text-align:left}
  .gitem img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .45s}
  .gitem:hover img{transform:scale(1.045)}
  .gitem figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 15px 12px;background:linear-gradient(transparent,rgba(5,10,24,.82));color:#fff;font-size:13px;font-weight:600;line-height:1.45}
  .gitem .zoom{position:absolute;top:11px;right:11px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.92);color:#33415c;display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s}
  .gitem:hover .zoom{opacity:1}
  .gitem .zoom svg{width:16px;height:16px}
  .lb{position:fixed;inset:0;background:rgba(5,9,20,.9);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:120;padding:26px}
  .lb.open{display:flex}
  .lb figure{max-width:min(1060px,94vw);text-align:center}
  .lb img{max-width:100%;max-height:78vh;border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.55)}
  .lb figcaption{color:#dbe4f5;font-size:14.5px;margin-top:15px;font-weight:600}
  .lb .lbtn{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}
  .lb .lbtn:hover{background:rgba(255,255,255,.2)}
  .lb .lbtn svg{width:20px;height:20px}
  .lb .lx{top:22px;right:22px}.lb .lp{left:22px;top:50%;transform:translateY(-50%)}.lb .ln{right:22px;top:50%;transform:translateY(-50%)}
  @media(max-width:960px){.gal{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.gal{grid-template-columns:1fr}.lb .lp{left:8px}.lb .ln{right:8px}}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    .rv,.h-anim{opacity:1;transform:none}
  }

  /* ===== subpages (product / features / blog) ===== */
  .tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vio);background:#efeafd;padding:6px 13px;border-radius:99px}
  .crumbs{font-size:13px;color:var(--mut);padding:26px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .crumbs a{font-weight:600;color:var(--mut)} .crumbs a:hover{color:var(--vio)} .crumbs b{color:var(--ink);font-weight:600}
  .phero{padding:28px 0 4px;max-width:730px}
  .phero h1{color:var(--ink);font-size:40px;margin:16px 0 14px}
  .phero p{color:var(--mut);font-size:17px;line-height:1.7}
  .prod-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:26px 0 8px}
  .plogo-row{display:flex;align-items:center;gap:14px}
  .plogo-row img{width:54px;height:54px;border-radius:15px;box-shadow:var(--shadow)}
  .plogo-row .pn{font-size:21px;font-weight:700;color:var(--ink)}
  .plogo-row .mini{position:static}
  .prod-hero h1{color:var(--ink);font-size:38px;margin:20px 0 14px}
  .prod-hero .lead{font-size:16.5px;color:var(--mut);line-height:1.72;max-width:520px}
  .price-line{margin:20px 0 4px;font-size:15px;color:var(--mut)} .price-line b{color:var(--ink)}
  .prod-hero .trust{color:var(--mut)} .prod-hero .trust .works b{color:var(--ink)} .prod-hero .trust .sep{background:var(--line)}
  .hl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 4px}
  .hl .hcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
  .hl .sic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:11px}
  .hl .sic svg{width:19px;height:19px}
  .hl b{display:block;color:var(--ink);font-size:15.5px}
  .hl span{font-size:13px;color:var(--mut)}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:36px 0}
  .frow + .frow{border-top:1px solid var(--line)}
  .frow h3{font-size:24px;color:var(--ink);font-weight:700;letter-spacing:-.01em;margin:14px 0 10px}
  .frow p{color:var(--mut);font-size:15.5px;line-height:1.7}
  .frow ul{list-style:none;margin-top:16px;display:grid;gap:9px;font-size:14.5px;color:var(--ink2)}
  .frow ul li{display:flex;gap:9px;align-items:flex-start}
  .frow ul svg{width:17px;height:17px;color:#16a34a;flex:none;margin-top:3px}
  .fvis{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}
  .fvis::before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;border-radius:99px;background:var(--grad)}
  .pmini-head{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);font-size:14.5px}
  .pmini-head img{width:24px;height:24px;border-radius:7px}
  .bdg2{margin-left:auto;background:#ef4444;color:#fff;font-size:11.5px;font-weight:800;border-radius:99px;padding:2px 9px}
  .pmini .dl{margin-top:14px;background:var(--teal);color:#fff;font-size:14px;font-weight:700;border-radius:11px;padding:11px 14px;display:flex;gap:8px;align-items:center;justify-content:center}
  .pmini .dl svg{width:15px;height:15px}
  .pmini .cap{margin-top:11px;font-size:12.5px;color:var(--mut);text-align:center}
  .plist{display:grid;gap:12px}
  .prow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);flex-wrap:wrap}
  .prow .pl b{color:var(--ink);font-size:16px;display:block}
  .prow .pd{font-size:13px;color:var(--mut)}
  .prow .pa{font-size:21px;font-weight:700;color:var(--ink);white-space:nowrap}
  .prow .pa small{font-size:13px;color:var(--mut);font-weight:600}
  .prow.gold{border:2px solid var(--gold)}
  .quotes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}
  .quote p{font-size:16px;color:var(--ink2);line-height:1.65}
  .quote .who{margin-top:14px;font-size:13.5px;color:var(--mut);font-weight:600}
  .cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
  .cmp th,.cmp td{padding:15px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line);color:var(--ink2)}
  .cmp tr:last-child td{border-bottom:none}
  .cmp thead th{background:#f4f6fb;color:var(--ink);font-size:15px}
  .cmp td.c,.cmp th.c{text-align:center}
  .cmp .yes{color:#16a34a;font-weight:700} .cmp .no{color:#c3ccd9}
  .cmp td.pro-col,.cmp th.pro-col{background:#fffbeb}
  .chips{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 30px}
  .chipf{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--mut);cursor:pointer;font-family:inherit}
  .chipf.on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .feat-post{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:26px}
  .feat-art{display:flex;align-items:center;justify-content:center;color:#fff;font-size:64px;font-weight:700;letter-spacing:-.02em;min-height:280px;background:linear-gradient(120deg,#f59e0b,#dc2626);position:relative}
  .feat-art small{position:absolute;bottom:16px;right:18px;font-size:12px;font-weight:800;letter-spacing:.08em;background:rgba(11,18,32,.55);padding:5px 11px;border-radius:99px}
  .feat-post .fb{padding:34px;display:flex;flex-direction:column;justify-content:center}
  .feat-post h3{font-size:23px;color:var(--ink);line-height:1.35;margin:10px 0}
  .feat-post p{color:var(--mut);font-size:15px}
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .art2{height:150px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#fff}
  .art2 svg{width:52px;height:52px}
  .blog-grid .post{padding:0;overflow:hidden}
  .blog-grid .art2{height:175px;border-radius:0;margin:0}
  .post-body{padding:20px 24px 24px}
  .dbadge{position:absolute;top:14px;left:14px;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 8px 20px -6px rgba(11,18,32,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;z-index:2}
  .dbadge b{font-size:17px;color:var(--ink)}
  .dbadge span{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--vio)}
  .shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .prod-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
  .shop-grid .art2{height:175px;border-radius:0;margin:0}
  .shop-grid .art2 img{width:76px;height:76px;border-radius:19px;box-shadow:0 18px 36px -10px rgba(11,18,32,.45)}
  .pstatus{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:99px;background:#dcfce7;color:#15803d;box-shadow:0 8px 18px -6px rgba(11,18,32,.3)}
  .pstatus.soon{background:rgba(255,255,255,.92);color:#64748b}
  .prod-card .pbody{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}
  .prod-card .cat{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blu)}
  .prod-card h3{font-size:18.5px;color:var(--ink);font-weight:600;margin:6px 0 8px}
  .prod-card p{font-size:14.5px;color:var(--mut)}
  .prod-card .pfoot{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
  .prod-card .pprice{font-size:13.5px;font-weight:700;color:var(--ink)}
  .prod-card .more{margin-top:0}
  .gicon{width:42px;height:42px;border-radius:12px;background:#e3ebfd;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .gicon svg{width:20px;height:20px}
  .fvis .sic svg{width:30px;height:30px}
  .shop-grid.two{grid-template-columns:repeat(2,1fr)}
  @media(max-width:900px){.shop-grid.two{grid-template-columns:1fr}}
  @media(max-width:900px){.shop-grid{grid-template-columns:1fr}}
  @media(max-width:900px){
    .prod-hero{grid-template-columns:1fr;gap:30px}.prod-hero h1{font-size:31px}.phero h1{font-size:31px}
    .frow{grid-template-columns:1fr;gap:26px}.hl{grid-template-columns:repeat(2,1fr)}
    .quotes{grid-template-columns:1fr}.feat-post{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}
  }

  /* ===== WordPress adaptations ===== */
  body.admin-bar header{top:32px}
  @media(max-width:782px){body.admin-bar header{top:46px}}
  .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .entry-content{max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.8;color:var(--ink2)}
  .entry-content h2{font-size:27px;color:var(--ink);margin:34px 0 12px;letter-spacing:-.01em}
  .entry-content h3{font-size:21px;color:var(--ink);margin:28px 0 10px}
  .entry-content p{margin:0 0 18px}
  .entry-content ul,.entry-content ol{margin:0 0 18px 22px}
  .entry-content img{max-width:100%;height:auto;border-radius:14px}
  .entry-content blockquote{border-left:3px solid var(--vio);padding:4px 0 4px 18px;margin:24px 0;color:var(--ink);font-size:18px}
  .post-hero-art{height:340px;border-radius:22px;margin:26px 0 8px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}
  .post-hero-art svg{width:92px;height:92px}
  .woocommerce-breadcrumb{display:none}
  .as-subnav{position:sticky;top:68px;z-index:50;background:rgba(247,248,252,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 0}
  .as-subnav .wrap{display:flex;gap:8px;flex-wrap:wrap}
  .as-subnav a{font-size:13.5px;font-weight:700;color:var(--mut);border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px}
  .as-subnav a:hover{color:var(--vio);border-color:#d9cdf8}
  body.admin-bar .as-subnav{top:100px}
  .sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:65;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 0;display:none}
  .sticky-buy .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .sticky-buy b{color:var(--ink)}
  .sticky-buy .btn{padding:10px 18px}
  @media(max-width:900px){.sticky-buy{display:block}body.single-product{padding-bottom:64px}}
  .blog-scroll .post{padding:0;overflow:hidden}
  .blog-scroll .art2{height:160px;border-radius:0;margin:0}

/* Anchor offset under the sticky header (+ sticky subnav on Features) and
   details toggle affordance: QA audit fixes, 2026-10-28 */
html{scroll-padding-top:108px}
.frow[id],#compare,#specs{scroll-margin-top:62px}
details summary>span{display:inline-block;transition:transform .25s ease}
details[open] summary>span{transform:rotate(45deg)}

/* Header robustness: never wrap header controls; compress gracefully
   between the desktop and mobile breakpoints: QA fix 2026-10-28 */
header .btn,.nav nav a,.brand{white-space:nowrap}
@media(max-width:1240px){.nav{gap:20px}.nav .right{gap:9px}header .btn{padding:11px 17px}}
.brand-tx{display:flex;flex-direction:column;justify-content:center;line-height:1.12}
@media(max-width:1024px){.lang{display:none}.nav{gap:16px}}

/* WooCommerce notices: visible and on-brand (the build's chrome reset had
   hidden the wrapper; restored + styled: QA fix 2026-10-28) */
.woocommerce-notices-wrapper{margin:0 0 18px}
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0;padding:14px 18px;background:#fff;border:1px solid var(--line);border-left:4px solid #2563eb;border-radius:12px;font-size:14.5px;line-height:1.55;color:var(--ink);box-shadow:var(--shadow)}
.woocommerce-error{border-left-color:#dc2626}
.woocommerce-message{border-left-color:#16a34a}
.woocommerce-error li,.woocommerce-message li,.woocommerce-info li{margin:0;padding:0}
.woocommerce-error::before,.woocommerce-message::before,.woocommerce-info::before{content:none!important;display:none!important}

/* ===== Account area: auth card, sidebar dashboard (Videmi-inspired layout,
   AloudSaver identity): 2026-10-28 ===== */
.acct-page{padding:36px 0 76px;background:linear-gradient(180deg,#eef1f8,rgba(238,241,248,0) 340px)}
.auth-card{display:grid;grid-template-columns:400px 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,18,32,.25);max-width:1060px;margin:0 auto}
.auth-side{position:relative;background:linear-gradient(165deg,#1b1440 0%,#0d1526 58%,#0a1e3f 100%);color:#dbe4f5;padding:42px 36px;display:flex;flex-direction:column;overflow:hidden}
.auth-side::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 65%);top:-120px;right:-110px}
.auth-side::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 65%);bottom:-130px;left:-90px}
.auth-side>*{position:relative;z-index:1}
.auth-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;color:#fff}
.auth-brand img{width:42px;height:42px;border-radius:11px}
.auth-brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#93a5c9}
.auth-side h3{color:#fff;font-size:25px;line-height:1.25;margin:34px 0 10px}
.auth-side-sub{font-size:14.5px;line-height:1.6;color:#a9bcdc;margin:0 0 24px}
.auth-points{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.auth-points li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:#e6ecfa}
.auth-points svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;margin-top:1px}
.auth-side-foot{margin-top:auto;padding-top:30px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7e93bd}
.auth-main{padding:38px 44px 42px;min-width:0}
.auth-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px}
.auth-tab{appearance:none;background:none;border:0;font:inherit;font-size:16px;font-weight:600;color:var(--mut);padding:0 2px 13px;cursor:pointer;position:relative}
.auth-tab.on{color:var(--ink)}
.auth-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(92deg,#7c3aed,#2563eb)}
.auth-head h2{font-size:26px;margin:0 0 6px}
.auth-head p{color:var(--mut);margin:0 0 24px;font-size:15px}
.acct-page .woocommerce-form-row{margin:0 0 16px}
.acct-page .woocommerce-form-row label{display:block;font-size:13.5px;font-weight:600;color:var(--ink2,#33415c);margin-bottom:7px}
.acct-page .woocommerce-form-row label .required{color:#dc2626;text-decoration:none}
.acct-page .input-text{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;font:inherit;font-size:15px;color:var(--ink);box-sizing:border-box}
.acct-page .input-text:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.14);background:#fff}
.acct-page select.input-text{appearance:auto}
.pw-wrap{position:relative;display:block}
.pw-wrap .input-text{padding-right:46px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:9px;color:#8aa0c2;cursor:pointer}
.pw-toggle:hover{background:#eef2fb;color:var(--ink)}
.auth-row-between{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 18px}
.woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink2,#33415c);cursor:pointer;margin:0}
.lost_password{margin:0;font-size:14px}
.lost_password a{color:#7c3aed;font-weight:600}
.acct-page .woocommerce-form-login__submit,.acct-page .woocommerce-form-register__submit{width:100%;justify-content:center;padding:15px 24px;border:0;border-radius:13px;background:linear-gradient(92deg,#7c3aed,#2563eb);color:#fff;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px -12px rgba(99,60,235,.55);transition:.22s}
.acct-page .woocommerce-form-login__submit:hover,.acct-page .woocommerce-form-register__submit:hover{transform:translateY(-1px)}
.acct-page .woocommerce-privacy-policy-text{font-size:13px;line-height:1.6;color:var(--mut);margin:0 0 16px}
.acct-page .woocommerce-privacy-policy-text a{color:#7c3aed}
/* logged-in shell */
.acct-shell{display:grid;grid-template-columns:296px 1fr;gap:26px;align-items:start}
.acct-nav{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 16px;position:sticky;top:96px}
.acct-user{display:flex;gap:13px;align-items:center;padding:2px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}
.acct-avatar{width:52px;height:52px;border-radius:50%;flex:none}
.acct-user-meta{min-width:0}
.acct-user-meta b{display:block;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-user-meta span{display:block;font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.acct-nav li a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--ink2,#33415c);font-weight:500;font-size:15px}
.acct-nav li a svg{color:#8aa0c2;flex:none}
.acct-nav li a:hover{background:#f4f6fb}
.acct-nav li.is-active a{background:linear-gradient(92deg,rgba(124,58,237,.11),rgba(37,99,235,.11));color:var(--ink);font-weight:600}
.acct-nav li.is-active a svg{color:#7c3aed}
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content>form,.woocommerce-MyAccount-content .woocommerce-address-fields,.woocommerce-MyAccount-content .col2-set{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.woocommerce-MyAccount-content table.shop_table{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;border-collapse:separate;border-spacing:0;box-shadow:var(--shadow);font-size:14.5px}
.woocommerce-MyAccount-content table.shop_table th{background:#f8fafc;text-align:left;padding:13px 16px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.woocommerce-MyAccount-content table.shop_table td{padding:13px 16px;border-top:1px solid var(--line)}
.woocommerce-MyAccount-content .button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}
.woocommerce-MyAccount-content .button:hover{border-color:#c8d2e8}
.woocommerce-MyAccount-content input[type="submit"].button,.woocommerce-MyAccount-content button.button{background:linear-gradient(92deg,#7c3aed,#2563eb);color:#fff;border:0}
/* dashboard blocks */
.dash-banner{background:linear-gradient(120deg,#7c3aed,#2563eb);border-radius:20px;padding:30px 32px;color:#fff;box-shadow:0 24px 44px -22px rgba(99,60,235,.6);margin-bottom:20px}
.dash-banner h2{color:#fff;margin:0 0 8px;font-size:25px}
.dash-banner p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.6;max-width:560px}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.dstat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.dstat-ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.dstat b{display:block;font-size:24px;line-height:1.1}
.dstat span{font-size:13.5px;color:var(--mut)}
.dstat a{margin-top:auto;font-size:14px;font-weight:600;color:#2563eb}
.dash-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.dash-links a{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;font-weight:600;font-size:15.5px;color:var(--ink);box-shadow:var(--shadow)}
.dash-links a svg{color:#7c3aed}
.dash-links a:hover{border-color:#c8b8f5;transform:translateY(-1px)}
.dash-strip{display:flex;gap:16px;align-items:center;background:linear-gradient(92deg,rgba(124,58,237,.07),rgba(37,99,235,.07));border:1px solid #ddd0fa;border-radius:18px;padding:22px 24px}
.dash-strip-ic{width:46px;height:46px;flex:none;border-radius:13px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.dash-strip b{font-size:16px}
.dash-strip p{margin:3px 0 0;color:var(--ink2,#33415c);font-size:14px;line-height:1.55}
.dash-strip .btn{margin-left:auto;flex:none}
@media(max-width:1020px){
  .auth-card{grid-template-columns:1fr}
  .auth-side{padding:28px}
  .auth-side h3{margin-top:22px;font-size:22px}
  .auth-points{grid-template-columns:1fr 1fr}
  .auth-side-foot{padding-top:20px}
  .auth-main{padding:28px 24px 32px}
  .acct-shell{grid-template-columns:1fr}
  .acct-nav{position:static}
  .acct-nav ul{display:flex;overflow-x:auto;padding-bottom:4px}
  .acct-nav li{flex:none}
  .dash-stats{grid-template-columns:1fr}
  .dash-links{grid-template-columns:1fr}
  .dash-strip{flex-direction:column;align-items:flex-start}
  .dash-strip .btn{margin-left:0}
}

/* Account area corrections: neutralize WooCommerce's legacy float layout
   inside the shell, un-box the auth forms, win the submit-button cascade */
.acct-shell .woocommerce-MyAccount-navigation,.acct-shell .woocommerce-MyAccount-content{width:auto;float:none}
.acct-shell>*{min-width:0}
.acct-page .woocommerce form.login,.acct-page .woocommerce form.register{border:0;padding:0;margin:0;background:none;text-align:left}
.acct-page .woocommerce .woocommerce-form-login__submit,.acct-page .woocommerce .woocommerce-form-register__submit{width:100%;justify-content:center;padding:15px 24px;border:0;border-radius:13px;background:linear-gradient(92deg,#7c3aed,#2563eb);color:#fff;font-size:15.5px;font-weight:600;box-shadow:0 12px 24px -12px rgba(99,60,235,.55)}
.acct-avatar{background:linear-gradient(135deg,#7c3aed,#2563eb)}
.dstat a{white-space:nowrap}
.woocommerce-MyAccount-content fieldset{border:1px solid var(--line);border-radius:14px;padding:20px;margin:22px 0 18px}
.woocommerce-MyAccount-content fieldset legend{padding:0 8px;font-weight:700;font-size:15px}

/* Account sub-pages polish: addresses as mini-cards, endpoint intros,
   lost/reset password as a centered card: QA round 2026-10-28 */
.woocommerce-MyAccount-content>p{color:var(--mut);margin:0 0 16px;font-size:15px;line-height:1.6}
.woocommerce-MyAccount-content .woocommerce-Addresses{background:none;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.woocommerce-MyAccount-content .woocommerce-Addresses>*{width:auto;float:none}
.woocommerce-MyAccount-content .woocommerce-Address{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.woocommerce-Address-title h2{font-size:18.5px;margin:0}
.woocommerce-Address-title .edit{float:none;font-size:13.5px;font-weight:600;color:#2563eb;border:1px solid var(--line);padding:7px 13px;border-radius:9px;background:#fff;white-space:nowrap;text-decoration:none}
.woocommerce-Address-title .edit:hover{border-color:#c8d2e8}
.woocommerce-MyAccount-content address{font-style:normal;color:var(--ink2,#33415c);line-height:1.65;font-size:14.5px}
@media(max-width:700px){.woocommerce-MyAccount-content .woocommerce-Addresses{grid-template-columns:1fr}}
.acct-page .woocommerce>p{max-width:520px;margin:0 auto 14px;color:var(--ink2,#33415c);line-height:1.6}
.acct-page form.lost_reset_password{max-width:520px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.acct-page form.lost_reset_password .button{width:100%;justify-content:center;padding:13px 22px;border:0;border-radius:12px;background:linear-gradient(92deg,#7c3aed,#2563eb);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{width:auto;float:none}
.woocommerce-MyAccount-content .woocommerce-Addresses::before,.woocommerce-MyAccount-content .woocommerce-Addresses::after{display:none;content:none}

/* Mobile fixes (real-device QA 2026-10-28): a closed drawer must not paint
   or extend the page: hide it fully and only shadow it while open; clip any
   residual horizontal overflow at the root; compact drawer links */
body.locked{overflow:hidden}
.drawer{box-shadow:none;visibility:hidden;overscroll-behavior:contain;transition:transform .32s cubic-bezier(.2,.8,.25,1),visibility 0s linear .32s}
.drawer.open{box-shadow:-24px 0 48px rgba(11,18,32,.2);visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.25,1),visibility 0s}
.drawer .d-head{margin-bottom:8px}
.drawer a.dlink{padding:10px 12px;font-size:15px}
.drawer a.dlink small{font-size:12px}

/* ===== v1.0.6: mega menu grid, sixstrip icon, footer mobile rows, blog SEO
   layout, product scroller, back-to-top (user QA round, 2026-10-28) ===== */
.drop a.row>span:not(.dic){flex:1;min-width:0}
.drop a.row{min-width:0}
.drop p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.drop.dg{width:624px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px}
.drop.dg .all{grid-column:1/-1}
.drop-wrap.dw{left:-8px;transform:translate(0,10px)}
.has-drop:hover .drop-wrap.dw,.has-drop:focus-within .drop-wrap.dw{transform:translate(0,0)}
.sixstrip .sic6{color:#fff}
.sic6 svg{width:21px;height:21px}
.art2{position:relative}
.art-ghost{position:absolute;right:-12px;bottom:-18px;color:#fff;opacity:.14;transform:rotate(-10deg);pointer-events:none;line-height:0}
.art-ghost svg{width:118px;height:118px}
.prod-scroll{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 20px;scroll-behavior:smooth;scrollbar-width:none}
.prod-scroll::-webkit-scrollbar{display:none}
.prod-scroll .prod-card{flex:0 0 338px;scroll-snap-align:start;padding:0;overflow:hidden;display:flex;flex-direction:column}
.prod-scroll .art2{height:175px;border-radius:0;margin:0}
.prod-scroll .art2>img{width:76px;height:76px;border-radius:19px;box-shadow:0 18px 36px -10px rgba(11,18,32,.45)}
.prod-nav{margin:0 0 18px}
.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 30px -8px rgba(37,99,235,.55);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:60}
.to-top svg{width:20px;height:20px}
.to-top.show{opacity:1;visibility:visible;transform:none}
.f-grid>*{min-width:0}
.f-news input{min-width:0}
.post-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px;align-items:start;padding-top:6px}
.post-main{grid-column:2;grid-row:1;min-width:0}
.post-main .phero{max-width:none}
.post-main .entry-content{max-width:none;margin:0}
.post-side{grid-column:1;grid-row:1;position:sticky;top:118px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.side-h{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 6px;font-weight:700}
.side-item{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);align-items:flex-start}
.side-thumb{width:74px;height:56px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}
.side-thumb svg{width:24px;height:24px}
.side-thumb img{width:100%;height:100%;object-fit:cover}
.side-tx{min-width:0}
.side-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;color:var(--ink);font-weight:600}
.side-tx small{display:block;color:var(--mut);font-size:12px;margin-top:3px}
a.side-item:hover .side-tx b{color:var(--vio)}
.entry-content h2{padding-bottom:10px;border-bottom:1px solid var(--line);position:relative}
.entry-content h2::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,#7c3aed,#2563eb)}
.entry-content h3{padding-bottom:8px;border-bottom:1px solid var(--line)}
.entry-content h4{font-size:17.5px;color:var(--ink);margin:24px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
@media(max-width:900px){
  .f-brand{grid-column:1/-1}
  .post-layout{grid-template-columns:1fr}
  .post-main{grid-column:auto;grid-row:auto}
  .post-side{grid-column:auto;grid-row:auto;position:static;margin-top:10px}
}
.sixstrip .sx .sic6{color:#fff}

/* ===== v1.0.7: mobile strip fix, header hardening, gallery chips,
   (user QA round, 2026-10-28) ===== */
html{background:#070d1a}
.gitem{border-color:#d3dcee}
.gitem .zoom{opacity:1;background:rgba(11,18,32,.55);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(3px)}
@media(max-width:560px){
  header .wrap{width:100%;padding-left:16px;padding-right:16px}
  .nav{gap:12px}
  .nav .right{gap:8px}
  header .btn{padding:10px 14px;font-size:13.5px}
  .burger{width:40px;height:40px}
}

/* ===== v1.0.8: blog featured card uses the post thumbnail when one exists ===== */
.feat-art.feat-img{padding:0;overflow:hidden;display:block}
.feat-art.feat-img img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}

/* ===== v1.1.0: language switcher links (Polylang) styled like the old spans ===== */
.lang a{padding:6px 12px;color:var(--mut);text-decoration:none}
.lang a.on{background:var(--ink);color:#fff}

  /* ---- v1.1.1: richer feature visuals, footer keywords, reviews carousel ---- */
  .fvis{background:linear-gradient(155deg,#f3f1ff 0%,#edf3ff 55%,#f6f9ff 100%);border-color:#e2e6f5;min-height:330px;display:flex;align-items:center;justify-content:center;padding:32px 28px}
  .fvis::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,58,237,.13) 1.1px,transparent 1.2px);background-size:18px 18px;pointer-events:none}
  .fvis>*{position:relative;z-index:1;width:100%}
  .scene{position:relative;max-width:450px;margin:0 auto;padding-top:16px}
  .chatwin{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(15,23,42,.09);padding:14px 16px 15px;margin-right:52px}
  .cw-bar{display:flex;gap:6px;align-items:center;margin-bottom:12px}
  .cw-bar i{width:9px;height:9px;border-radius:50%;background:#e2e8f0;flex:none}
  .cw-bar i.r{background:#fda4af}.cw-bar i.y{background:#fcd34d}.cw-bar i.g{background:#6ee7b7}
  .cw-bar span{margin-left:6px;font-size:11.5px;color:var(--mut);font-weight:600}
  .cw-q{margin-left:auto;width:fit-content;max-width:88%;background:#eef2ff;border:1px solid #e0e7ff;color:var(--ink2);border-radius:13px 13px 4px 13px;padding:8px 12px;font-size:13px;line-height:1.5}
  .cw-a{margin-top:9px;background:#f8fafc;border:1px solid var(--line);color:var(--ink2);border-radius:13px 13px 13px 4px;padding:8px 12px;font-size:13px;line-height:1.5}
  .cw-row{display:flex;align-items:center;gap:10px;margin-top:12px}
  .cw-play{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 6px 14px rgba(124,58,237,.35)}
  .eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}
  .eq i{width:3.5px;border-radius:99px;background:linear-gradient(180deg,#7c3aed,#2563eb)}
  .cw-time{font-size:11.5px;color:var(--mut);font-weight:700}
  .scene .pmini{position:relative;margin:-16px 0 0 auto;width:82%;background:#fff;border:1px solid #e6e9f7;border-radius:16px;box-shadow:0 20px 44px rgba(76,29,149,.18);padding:16px 18px}
  .scene .toast{position:absolute;top:-6px;right:0;z-index:2;background:#fff;border:1px solid #bbf7d0;color:#15803d;box-shadow:0 12px 26px rgba(21,128,61,.16);border-radius:12px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex;gap:7px;align-items:center}
  .scene .toast svg{flex:none}
  .scene .toast span{color:var(--mut);font-weight:600}
  .zipwrap{max-width:450px;margin:0 auto}
  .ziphead{display:flex;align-items:center;gap:12px}
  .zic{width:44px;height:44px;border-radius:13px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 10px 22px rgba(124,58,237,.3)}
  .ziphead b{display:block;color:var(--ink);font-size:15.5px}
  .ziphead span{font-size:12.5px;color:var(--mut)}
  .zchip{margin-left:auto;background:#fef3c7;color:#b45309;font-weight:800;font-size:11.5px;letter-spacing:.06em;border-radius:8px;padding:5px 9px}
  .zipwrap .files{margin-top:16px}
  .zipwrap .file{background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.05)}
  .zipbar{height:8px;border-radius:99px;background:#e3e8f8;margin-top:15px;overflow:hidden}
  .zipbar i{display:block;height:100%;width:100%;border-radius:99px;background:var(--grad)}
  .langrows{display:grid;gap:8px;margin-top:16px}
  .langrow{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:14px;font-weight:600;color:var(--ink2)}
  .langrow svg{width:15px;height:15px;color:#7c3aed;flex:none}
  .langrow .lrdot{width:15px;height:15px;flex:none}
  .langrow.on{border-color:#c4b5fd;background:#f5f3ff;color:var(--ink);box-shadow:0 6px 16px rgba(124,58,237,.1)}
  .lrcode{margin-left:auto;font-size:11px;font-weight:800;color:var(--mut);letter-spacing:.07em}
  .minibadges{justify-content:center}
  .f-keys{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding:18px 0 2px}
  .f-keys a{color:#93a5c4;font-size:12.5px;font-weight:500}
  .f-keys a:hover{color:#fff}
  .fk-sep{color:#43536f;font-size:12px}
  .revcar{position:relative}
  .revview{overflow:hidden;padding:6px 2px 12px;margin:0 -2px}
  .revtrack{display:flex;gap:20px;transition:transform .55s cubic-bezier(.22,.8,.3,1)}
  .revtrack .quote{flex:0 0 calc(50% - 10px)}
  .revnav{position:absolute;top:36%;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0}
  .revnav:hover{color:#7c3aed;border-color:#c4b5fd}
  .revnav svg{width:19px;height:19px}
  .revprev{left:-16px}.revnext{right:-16px}
  .revdots{display:flex;gap:7px;justify-content:center;margin-top:4px}
  .revdot{width:8px;height:8px;border-radius:99px;border:0;background:#cbd5e1;cursor:pointer;padding:0;transition:all .3s}
  .revdot.on{width:22px;background:var(--vio)}
  @media(max-width:900px){ .revprev{left:2px}.revnext{right:2px} .revnav{background:rgba(255,255,255,.94)} }
  @media(max-width:759px){ .revtrack .quote{flex-basis:100%} .chatwin{margin-right:22px} .scene .pmini{width:88%} .fvis{min-height:0} }

  /* ---- v1.1.2: mobile header fit + sticky hardening, drawer language row,
     tidy footer keywords on phones (user phone QA, 2026-10-29) ---- */
  header{position:-webkit-sticky;position:sticky}
  .drawer .d-lang{display:flex;align-items:center;gap:10px;padding:13px 12px;margin-top:8px;border-top:1px solid var(--line)}
  .drawer .d-lang-ic{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#4f46e5;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .drawer .d-lang-tx{font-weight:600;font-size:14.5px;color:var(--ink)}
  .drawer .d-lang .lang{display:flex;margin-left:auto}
  @media(max-width:560px){
    .nav{height:60px;gap:8px}
    .nav .right{gap:6px}
    .brand{gap:7px;min-width:0}
    .brand img{width:32px;height:32px;border-radius:9px}
    .brand-tx{font-size:16px;line-height:1.12;white-space:nowrap}
    .brand-tx small{font-size:7.5px;letter-spacing:.13em}
    .nav .btn-sign{padding:8px 12px;font-size:13px;white-space:nowrap}
    .burger{width:38px;height:38px;flex:none}
  }
  @media(max-width:640px){
    .f-keys{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding-top:16px}
    .f-keys a{font-size:12.5px;line-height:1.4}
    .fk-sep{display:none}
  }

  @media(max-width:560px){ .as-subnav{top:60px} }

  @media(max-width:560px){ .cmp{table-layout:fixed} .cmp th,.cmp td{padding:10px 10px;font-size:13px} }

  /* ---- v1.1.3: fixed top stack driven by JS measurements. Firefox Android
     misplaces position:sticky headers (they detach and float mid-page), so
     when JS is available the bar+header stack is position:fixed instead,
     with body padding set to its exact measured height. The promo bar slides
     away on scroll down and returns on scroll up. Without JS the original
     sticky header remains as the fallback. ---- */
  html.jsfix .topfix{position:fixed;top:0;left:0;right:0;z-index:60;transition:transform .28s ease}
  html.jsfix .topfix.bar-off{transform:translateY(calc(-1 * var(--bar-h,0px)))}
  html.jsfix header{position:relative;top:auto}
  html.jsfix body.admin-bar .topfix{top:32px}
  @media(max-width:782px){ html.jsfix body.admin-bar .topfix{top:46px} }
  html{scroll-padding-top:calc(var(--hdr-h,68px) + 14px)}
  .as-subnav{top:var(--hdr-h,68px)}

  /* ---- v1.1.4: ZIP icon color fix, Contact Form 7 styling ---- */
  .ziphead .zic{color:#fff}
  .wpcf7{max-width:680px}
  .wpcf7 label{display:block;font-weight:600;font-size:14px;color:var(--ink);margin:0 0 16px}
  .wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 select,.wpcf7 textarea{
    width:100%;margin-top:7px;padding:12px 14px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);
    background:#fbfcfe;border:1px solid #dfe4f2;border-radius:12px;box-sizing:border-box}
  .wpcf7 textarea{min-height:150px;resize:vertical}
  .wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--vio);box-shadow:0 0 0 3px rgba(124,58,237,.15);background:#fff;outline:none}
  .wpcf7 input[type="submit"]{
    background:var(--grad);color:#fff;border:0;border-radius:12px;padding:13px 28px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;
    box-shadow:0 14px 28px -10px rgba(124,58,237,.55)}
  .wpcf7 input[type="submit"]:hover{filter:brightness(1.07)}
  .wpcf7 .wpcf7-not-valid-tip{color:#dc2626;font-size:12.5px;font-weight:600;margin-top:5px}
  .wpcf7 form .wpcf7-response-output{border-radius:12px;padding:13px 16px;font-size:14px;font-weight:600;margin:18px 0 0}
  .wpcf7 form.sent .wpcf7-response-output{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}
  .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
  .wpcf7 .wpcf7-spinner{vertical-align:middle}