:root{
      --bg:#030305;
      --panel:#0a0a12;
      --panel-2:#10101b;
      --text:#f7f7fb;
      --muted:#a7a7b4;
      --violet:#b743ff;
      --magenta:#e43dff;
      --blue:#3a78ff;
      --cyan:#3edcff;
      --line:rgba(130,90,255,.25);
      --line-strong:rgba(181,85,255,.5);
      --shadow-violet:0 0 36px rgba(183,67,255,.22);
      --shadow-blue:0 0 36px rgba(58,120,255,.18);
      --radius:18px;
      --max:1480px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at 68% 8%, rgba(100,38,255,.10), transparent 30%),
        radial-gradient(circle at 38% 0%, rgba(220,40,255,.05), transparent 26%),
        var(--bg);
      color:var(--text);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.5;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    :where(a,button){-webkit-tap-highlight-color:transparent;transition:color .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease,text-shadow .22s ease}
    :where(a,button):focus-visible{outline:2px solid var(--cyan);outline-offset:4px;text-shadow:0 0 14px rgba(74,209,255,.8)}
    input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:rgba(104,211,255,.8);box-shadow:0 0 18px rgba(51,147,255,.25)}
    .wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
    .topbar{
      position:sticky;top:0;z-index:40;
      background:rgba(3,3,5,.72);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(255,255,255,.045);
    }
    nav{
      min-height:76px;
      display:flex;align-items:center;justify-content:space-between;gap:24px;
    }
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}
    .logo{
      width:42px;height:42px;border:1px solid rgba(126,81,255,.55);border-radius:12px;
      display:grid;place-items:center;position:relative;overflow:hidden;
      box-shadow:0 0 30px rgba(96,65,255,.18)
    }
    .logo:before,.logo:after{
      content:"";position:absolute;inset:8px;border:2px solid var(--blue);transform:rotate(45deg);
      border-radius:4px
    }
    .logo:after{inset:13px;border-color:var(--magenta)}
    .brand-word{font-size:1.16rem}
    .brand-word span{background:linear-gradient(90deg,var(--violet),var(--blue));-webkit-background-clip:text;color:transparent}
    .navlinks{display:flex;align-items:center;gap:26px;color:#d7d7df;font-size:.9rem}
    .navlinks a{position:relative}
    .navlinks a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--magenta),var(--cyan));transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px var(--blue);transition:transform .22s ease}
    .navlinks a:hover{color:#fff;text-shadow:0 0 13px rgba(202,127,255,.85)}
    .navlinks a:not(.nav-cta):hover:after,.navlinks a:not(.nav-cta):focus-visible:after{transform:scaleX(1)}
    .nav-cta{
      padding:10px 16px;border-radius:11px;border:1px solid var(--line-strong);
      background:rgba(139,64,255,.08);box-shadow:var(--shadow-violet)
    }
    .nav-cta:hover,.nav-cta:focus-visible{background:rgba(139,64,255,.2);box-shadow:0 0 20px rgba(220,61,255,.44),0 0 40px rgba(58,120,255,.22)}
    .mobile-menu{display:none;background:none;border:0;color:#fff;font-size:1.35rem}

    .hero{padding:34px 0 18px;min-height:720px;position:relative}
    .hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(3,3,5,.72) 30%,rgba(3,3,5,0) 60%)}
    .hero-grid{
      display:grid;grid-template-columns:minmax(330px,.92fr) minmax(560px,1.28fr) 300px;
      gap:28px;align-items:center;min-height:615px;
    }
    .hero-copy{z-index:3}
    h1{
      margin:0 0 20px;
      font-size:clamp(3.1rem,5.35vw,6rem);
      line-height:.94;letter-spacing:0;font-weight:800;
    }
    .gradient-text{
      display:inline;
      background:linear-gradient(90deg,var(--magenta),#8c52ff 48%,var(--blue));
      -webkit-background-clip:text;color:transparent;
    }
    .lede{color:#c7c7d2;font-size:1.07rem;max-width:600px}
    .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
    .btn{
      border:1px solid rgba(255,255,255,.15);border-radius:12px;
      background:#0d0d14;color:#fff;padding:14px 18px;font-weight:650;
      transition:.22s ease;display:inline-flex;align-items:center;gap:10px;
    }
    .btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:rgba(185,126,255,.82);box-shadow:0 0 22px rgba(181,67,255,.32),0 0 42px rgba(58,120,255,.16)}
    .btn.primary{
      background:linear-gradient(100deg,#8f2cff,#356dff);
      border-color:rgba(190,120,255,.65);
      box-shadow:0 0 28px rgba(147,56,255,.28)
    }
    .voice-actions button:hover,.voice-actions button:focus-visible,.text-row button:hover,.text-row button:focus-visible,.solution-path:hover,.solution-path:focus-visible{border-color:rgba(116,212,255,.78);box-shadow:0 0 18px rgba(63,145,255,.24),0 0 30px rgba(200,68,255,.16);transform:translateY(-1px)}
    .hero-kicker{margin:0 0 18px;color:#d36cff;font-size:.7rem;font-weight:750;letter-spacing:.2em}
    .micro-benefits{display:flex;gap:0;flex-wrap:wrap;margin-top:28px;color:#aeb0be;font-size:.77rem}
    .micro-benefits span{display:flex;align-items:center;gap:8px;padding:0 17px;border-left:1px solid rgba(255,255,255,.12)}
    .micro-benefits span:first-child{padding-left:0;border-left:0}
    .micro-benefits b{display:block;color:#e7e5ef;font-weight:650}
    .micro-benefits i{font-style:normal;color:#d45eff;font-size:1.15rem;line-height:1}

    .brain-stage{height:620px;position:relative;min-width:0}
    #brainCanvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 24px rgba(92,85,255,.25))}
    .service-node{
      position:absolute;z-index:5;
      width:29px;height:29px;display:grid;place-items:center;
      color:#f9f7ff;background:rgba(9,9,17,.74);backdrop-filter:blur(12px);
      border:1px solid rgba(129,91,255,.58);
      box-shadow:0 0 18px rgba(120,65,255,.36);
      border-radius:50%;padding:0;font-size:.77rem;
      transition:.22s ease;
    }
    .service-node i{
      width:11px;height:11px;border-radius:50%;display:block;font-size:0;
      background:radial-gradient(circle,#fff 0 12%,var(--magenta) 24%,rgba(183,67,255,.3) 65%);
      box-shadow:0 0 11px rgba(220,55,255,.9)
    }
    .service-node span{
      position:absolute;left:39px;top:50%;width:max-content;max-width:170px;transform:translateY(-50%) translateX(-5px);
      padding:8px 11px;border:1px solid rgba(137,95,255,.6);border-radius:8px;
      background:rgba(8,8,15,.9);box-shadow:0 0 22px rgba(120,65,255,.19);
      opacity:0;pointer-events:none;transition:.2s ease;white-space:nowrap
    }
    .service-node.node-label-left span{left:auto;right:39px;transform:translateY(-50%) translateX(5px)}
    .service-node:hover,.service-node:focus-visible,.service-node.active{
      transform:scale(1.16);
      border-color:#e06dff;
      box-shadow:0 0 28px rgba(216,65,255,.48),0 0 50px rgba(54,111,255,.16)
    }
    .service-node:hover span,.service-node:focus-visible span,.service-node.active span{opacity:1;transform:translateY(-50%) translateX(0)}
    .node-websites{left:26%;top:10%}
    .node-business{right:3%;top:16%}
    .node-apps{left:6%;top:34%}
    .node-strategy{left:45%;top:29%}
    .node-content{right:2%;top:41%}
    .node-google{left:23%;bottom:18%}
    .node-learn{right:17%;bottom:20%}

    .voice-card{
      align-self:center;background:linear-gradient(180deg,rgba(9,9,15,.94),rgba(4,4,8,.96));
      border:1px solid rgba(196,184,225,.38);border-radius:16px;padding:22px;
      box-shadow:0 0 44px rgba(93,64,255,.1)
    }
    .voice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
    .live{font-size:.7rem;color:#8ef7c1}
    .live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#3ff69b;margin-right:6px;box-shadow:0 0 8px #3ff69b}
    .voice-card h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#c682ff;margin:0}
    .voice-orb{
      width:128px;height:128px;border-radius:50%;margin:20px auto 14px;display:grid;place-items:center;
      background:radial-gradient(circle at 43% 36%,rgba(255,255,255,.9) 0 2%,#a44cff 12%,#4322a8 42%,#0a1022 72%);
      border:1px solid rgba(230,116,255,.65);
      box-shadow:0 0 22px rgba(210,61,255,.45),0 0 55px rgba(50,110,255,.38),inset 0 0 28px rgba(255,255,255,.18);
      transition:.2s ease;
    }
    .voice-orb.listening{animation:voicePulse 1.2s infinite}
    @keyframes voicePulse{50%{transform:scale(1.06);box-shadow:0 0 32px rgba(210,61,255,.68),0 0 70px rgba(50,110,255,.48)}}
    .mic{font-size:2.2rem}
    .voice-question{text-align:center;font-size:1.04rem;line-height:1.35;margin:2px 0 12px;color:#e7e5ee}
    .voice-status{text-align:center;color:#dcb6ff;font-size:.82rem;min-height:22px}
    .transcript{
      margin-top:14px;min-height:70px;padding:12px;border:1px solid rgba(255,255,255,.08);
      border-radius:12px;background:#08080e;color:#aaaaba;font-size:.78rem
    }
    .voice-actions{display:flex;gap:9px;margin-top:12px}
    .voice-actions button,.text-row button{
      flex:1;padding:10px;border:1px solid rgba(140,87,255,.33);border-radius:10px;background:#10101a;color:#fff
    }
    .text-row{display:flex;gap:8px;margin-top:8px}
    .text-row input{
      min-width:0;flex:1;background:#08080e;color:#fff;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px
    }
    .text-row button{flex:0 0 auto}
    .voice-utility{display:flex;justify-content:center;gap:14px;margin-top:12px}
    .voice-utility button{padding:0;border:0;background:none;color:#9fa0b4;font-size:.73rem}
    .voice-utility button:hover{color:#fff}
    .route-feedback{display:none;margin-top:12px;padding:11px 12px;border:1px solid rgba(100,205,255,.24);border-radius:10px;background:rgba(44,91,255,.08);font-size:.76rem;color:#d8e7ff}
    .route-feedback.visible{display:block}
    .route-feedback a{display:inline-block;margin-top:7px;color:#b98bff;font-weight:700}

    section{padding:84px 0}
    .section-title{text-align:center;max-width:760px;margin:0 auto 40px}
    .section-title h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 12px;letter-spacing:-.04em}
    .section-title p{color:var(--muted);margin:0}
    .benefit-strip{
      display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
      background:rgba(10,10,17,.65);border-radius:18px;overflow:hidden
    }
    .benefit{padding:24px;display:flex;gap:14px;align-items:center}
    .benefit+.benefit{border-left:1px solid var(--line)}
    .benefit b{display:block}
    .benefit small{color:var(--muted)}
    .benefit .ico{font-size:1.4rem;color:#c45dff}

    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .step,.case,.path-card{
      border:1px solid var(--line);border-radius:var(--radius);
      background:linear-gradient(180deg,rgba(16,16,27,.9),rgba(8,8,13,.9));
      padding:24px;position:relative;overflow:hidden;
      box-shadow:0 14px 40px rgba(0,0,0,.24)
    }
    .step:before,.case:before,.path-card:before{
      content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-100px;
      background:radial-gradient(circle,rgba(180,67,255,.18),transparent 66%)
    }
    .step .num{color:#b897ff;font-size:.75rem;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;margin-bottom:42px}
    .step h3,.case h3,.path-card h3{margin:0 0 10px}
    .step p,.case p,.path-card p{color:var(--muted);font-size:.9rem;margin:0}
    .center-cta{text-align:center;margin-top:28px}

    .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .case-visual{
      height:180px;border-radius:14px;margin-bottom:22px;display:grid;place-items:center;
      background:
        radial-gradient(circle at 50% 45%,rgba(153,54,255,.32),transparent 30%),
        linear-gradient(135deg,#10101b,#07070d);
      border:1px solid rgba(255,255,255,.06);font-size:3rem
    }
    .case-tag{display:inline-flex;margin-top:18px;border:1px solid rgba(168,86,255,.28);padding:5px 9px;border-radius:999px;color:#c9a6ff;font-size:.7rem}

    .callout{
      padding:44px;border:1px solid var(--line-strong);border-radius:28px;
      background:
        radial-gradient(circle at 15% 50%,rgba(97,59,255,.24),transparent 25%),
        radial-gradient(circle at 80% 50%,rgba(220,50,255,.11),transparent 28%),
        #080810;
      display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:48px
    }
    .call-orb{
      width:190px;height:190px;border-radius:50%;margin:auto;
      display:grid;place-items:center;font-size:3rem;
      border:1px solid rgba(181,97,255,.62);
      background:radial-gradient(circle,#6e3de0 0 3%,#22105f 25%,#0c0c19 70%);
      box-shadow:0 0 40px rgba(130,63,255,.34)
    }
    .callout h2{font-size:2.4rem;margin:0 0 12px}
    .callout p{color:#c1c1cc}
    .solution-finder{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:stretch}
    .solution-copy{padding:18px 0}
    .solution-copy h2{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1;margin:0 0 18px;letter-spacing:0}
    .solution-copy p{max-width:570px;color:var(--muted);font-size:1.02rem}
    .solution-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
    .solution-path{
      min-height:58px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:9px;
      color:#eceaf5;background:rgba(14,14,24,.78);transition:.2s ease
    }
    .solution-path:hover,.solution-path.active{border-color:rgba(219,104,255,.8);background:rgba(102,42,184,.16);box-shadow:0 0 24px rgba(172,62,255,.15)}
    .solution-path span{display:block;color:#a6a4b3;font-size:.72rem;margin-top:2px}
    .finder-panel{border:1px solid var(--line-strong);border-radius:16px;padding:28px;background:linear-gradient(150deg,rgba(18,14,34,.9),rgba(6,8,16,.94));display:flex;flex-direction:column;justify-content:space-between;min-height:360px}
    .finder-panel strong{font-size:.74rem;letter-spacing:.16em;color:#cb80ff}
    .finder-panel h3{font-size:1.65rem;line-height:1.15;margin:18px 0 12px}
    .finder-panel p{margin:0;color:#bbb9c9;font-size:.91rem}
    .finder-panel .btn{margin-top:24px;align-self:flex-start}
    .finder-panel .talk-link{margin-top:15px;background:none;border:0;color:#b9a4ff;padding:0;font-size:.84rem;text-align:left}

    .dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .path-card{padding:34px}
    .path-card strong{color:#bd91ff;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}
    .path-card h3{font-size:1.7rem;margin-top:10px}
    .path-card .btn{margin-top:22px}

    .store-teaser{
      border:1px solid rgba(177,80,255,.38);border-radius:28px;overflow:hidden;
      background:
        radial-gradient(circle at 75% 40%,rgba(227,51,255,.25),transparent 28%),
        radial-gradient(circle at 62% 70%,rgba(46,106,255,.22),transparent 36%),
        linear-gradient(110deg,#080810,#0b0714 70%,#071020);
      display:grid;grid-template-columns:1fr 1fr;min-height:360px
    }
    .store-copy{padding:56px}
    .store-copy h2{font-size:3rem;margin:0 0 10px;background:linear-gradient(90deg,var(--magenta),var(--cyan));-webkit-background-clip:text;color:transparent}
    .store-copy p{color:#c2c2ce;max-width:530px}
    .mushroom-scene{--cursor-x:72%;--cursor-y:50%;position:relative;overflow:hidden;min-height:330px;background:url('../images/neon-mushroom-grove-v1.png') center right/cover no-repeat;isolation:isolate}
    .mushroom-scene:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 150px at var(--cursor-x) var(--cursor-y),rgba(174,72,255,.15),rgba(35,132,255,.07) 30%,transparent 70%);mix-blend-mode:screen;transition:background .12s ease-out}
    .mushroom-scene:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b0714 0%,rgba(11,7,20,.15) 34%,transparent 72%)}
    .mushroom-hotspot{position:absolute;z-index:2;border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;outline-offset:4px;transition:.2s ease}
    .mushroom-hotspot:before{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.56) 0 4%,rgba(224,67,255,.34) 17%,rgba(58,184,255,.11) 45%,transparent 74%);opacity:.14;transform:scale(.78);transition:.22s ease}
    .mushroom-hotspot:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(2px);padding:7px 9px;border:1px solid rgba(122,202,255,.28);border-radius:7px;background:rgba(5,6,14,.68);color:rgba(234,247,255,.72);font-size:.68rem;white-space:nowrap;opacity:.58;pointer-events:none;transition:.2s ease}
    .mushroom-hotspot:hover:before,.mushroom-hotspot:focus-visible:before{opacity:.65;transform:scale(1.06)}
    .mushroom-hotspot:hover:after,.mushroom-hotspot:focus-visible:after{border-color:rgba(122,202,255,.68);background:rgba(5,6,14,.94);color:#fff;opacity:1;transform:translateX(-50%) translateY(0)}
    .mushroom-hotspot:hover,.mushroom-hotspot:focus-visible{filter:drop-shadow(0 0 12px rgba(88,200,255,.58));transform:scale(1.025)}
    .mushroom-primary{width:46%;height:72%;left:38%;bottom:4%}
    .mushroom-secondary{width:27%;height:43%;left:24%;bottom:5%}
    .mushroom-tertiary{width:22%;height:35%;right:6%;bottom:8%}
    .stars{position:absolute;z-index:1;inset:0;background-image:radial-gradient(circle,rgba(180,215,255,.8) 0 1px,transparent 1.4px);background-size:36px 36px;opacity:.24;pointer-events:none}

    footer{border-top:1px solid rgba(255,255,255,.07);padding:46px 0 60px;color:#a6a6b2}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
    footer h4{color:#fff;margin:0 0 14px}
    footer a{display:block;margin:8px 0;font-size:.85rem}
    footer a:hover,footer a:focus-visible{color:#fff;text-shadow:0 0 14px rgba(133,173,255,.85);transform:translateX(3px)}

    @media(hover:hover){
      :where(a,button):not(.mushroom-hotspot):hover{filter:brightness(1.12)}
      .brand:hover .logo{border-color:var(--cyan);box-shadow:0 0 18px rgba(63,193,255,.5),0 0 34px rgba(203,72,255,.25)}
      .brand:hover .brand-word{text-shadow:0 0 15px rgba(128,184,255,.72)}
      .mobile-menu:hover{color:var(--cyan);text-shadow:0 0 16px rgba(60,207,255,.9);transform:scale(1.12)}
      .voice-utility button:hover{color:#fff;text-shadow:0 0 12px rgba(192,104,255,.9)}
      .talk-link:hover{color:#fff;text-shadow:0 0 13px rgba(107,204,255,.82);transform:translateX(3px)}
    }
    .footer-brand p{max-width:330px;font-size:.9rem}

    @media(max-width:1180px){
      .hero-grid{grid-template-columns:.95fr 1.3fr}
      .voice-card{grid-column:1/-1;display:grid;grid-template-columns:180px 160px 1fr;align-items:center;gap:20px}
      .voice-top{margin:0}.voice-orb{width:110px;height:110px;margin:0}.voice-status{text-align:left}.transcript{margin:0}
      .voice-actions,.text-row{grid-column:3}
    }
    @media(max-width:900px){
      .navlinks{display:none}.mobile-menu{display:block}
      .hero{padding-top:28px}
      .hero-grid{grid-template-columns:1fr}
      .hero-copy{text-align:center}.lede{margin:auto}.actions,.micro-benefits{justify-content:center}
      .brain-stage{height:520px}
      .voice-card{display:block}.voice-orb{margin:18px auto}.voice-status{text-align:center}.voice-actions,.text-row{display:flex}
      .benefit-strip{grid-template-columns:1fr 1fr}.benefit:nth-child(3){border-left:0}.benefit:nth-child(n+3){border-top:1px solid var(--line)}
      .steps{grid-template-columns:1fr 1fr}.cases{grid-template-columns:1fr}.callout,.solution-finder,.dual,.store-teaser{grid-template-columns:1fr}
      .mushroom-scene{min-height:360px}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:560px){
      .wrap{width:min(100% - 26px,var(--max))}
      h1{font-size:3.25rem}
      .hero-copy{text-align:left}.actions,.micro-benefits{justify-content:flex-start}
      .brain-stage{height:470px;margin-inline:-12px}
      .service-node{font-size:.64rem;padding:7px 8px}.service-node i{width:19px;height:19px}
      .node-business{right:0}.node-content{right:0}.node-apps{left:0}.node-google{left:10%}
      .benefit-strip,.steps{grid-template-columns:1fr}.benefit+.benefit{border-left:0;border-top:1px solid var(--line)}
      .callout{padding:28px}.call-orb{width:140px;height:140px}.callout h2{font-size:2rem}
      .solution-paths{grid-template-columns:1fr}.finder-panel{min-height:280px}
      .store-copy{padding:34px 26px}.store-copy h2{font-size:2.3rem}
      .footer-grid{grid-template-columns:1fr}
    }
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    }


/* WordPress navigation behavior */
@media(max-width:900px){
  .navlinks.is-open{display:flex;position:absolute;left:13px;right:13px;top:68px;padding:18px;flex-direction:column;align-items:stretch;gap:16px;background:rgba(6,6,14,.98);border:1px solid var(--line-strong);box-shadow:0 16px 42px rgba(0,0,0,.42)}
  .navlinks.is-open .nav-cta{text-align:center}
}

/* Branded storefront construction screen */
.glowartaz-store-building .topbar{background:rgba(5,5,13,.8);backdrop-filter:blur(18px)}
.store-construction{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 86px);padding:96px 0 72px;background:#05050d}
.store-construction:before,.store-construction:after{content:"";position:absolute;z-index:-2;border-radius:50%;pointer-events:none}
.store-construction:before{width:680px;height:680px;left:-340px;top:-250px;background:radial-gradient(circle,rgba(123,54,255,.25),transparent 68%)}
.store-construction:after{width:760px;height:760px;right:-350px;bottom:-420px;background:radial-gradient(circle,rgba(16,176,255,.2),transparent 66%)}
.store-construction__aurora{position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.store-construction__card{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:center;gap:48px;min-height:560px;padding:clamp(42px,6vw,78px);overflow:hidden;border:1px solid rgba(177,92,255,.34);border-radius:32px;background:linear-gradient(135deg,rgba(18,13,31,.92),rgba(7,9,20,.94));box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}
.store-construction__card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 48%,rgba(191,60,255,.14),transparent 28%),radial-gradient(circle at 85% 62%,rgba(30,168,255,.13),transparent 32%)}
.store-construction__copy{position:relative;z-index:2}
.store-construction__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 13px;border:1px solid rgba(113,203,255,.24);border-radius:999px;background:rgba(25,62,89,.18);color:#a8dcff;font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.store-construction__pulse{width:8px;height:8px;border-radius:50%;background:#72dcff;box-shadow:0 0 0 0 rgba(114,220,255,.5);animation:store-pulse 2s ease-out infinite}
.store-construction h1{max-width:760px;margin:0;font-size:clamp(3.25rem,6.7vw,6.5rem);line-height:.93;letter-spacing:-.055em}
.store-construction h1 span{display:block;background:linear-gradient(92deg,#f05cff 4%,#9a79ff 48%,#57d8ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.store-construction__lede{max-width:680px;margin:28px 0 0;color:#c7c5d2;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}
.store-construction__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.store-construction__actions .btn{min-width:164px;text-align:center}
.store-construction__note{margin:30px 0 0;color:#898795;font-size:.84rem}
.store-construction__art{position:relative;z-index:1;display:grid;place-items:center;min-height:380px}
.store-construction__art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(209,77,255,.38),rgba(99,60,221,.13) 38%,transparent 70%);filter:blur(10px)}
.store-construction__art>p{position:absolute;bottom:22px;margin:0;color:#bbb8ca;font-size:.7rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.store-construction__core{position:relative;display:grid;place-items:center;width:154px;height:154px;border:1px solid rgba(196,120,255,.65);border-radius:48% 52% 55% 45%;background:radial-gradient(circle at 35% 30%,#cb5cff,#5126ae 42%,#14142b 72%);box-shadow:0 0 36px rgba(186,69,255,.42),0 0 100px rgba(48,132,255,.2);animation:store-core 8s ease-in-out infinite}
.store-construction__core:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.22);border-radius:52% 48% 43% 57%}
.store-construction__core span{font-size:2.1rem;font-weight:900;letter-spacing:-.08em;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.75)}
.store-construction__orbit{position:absolute;border:1px solid rgba(110,181,255,.22);border-radius:50%;transform:rotate(-18deg)}
.store-construction__orbit:after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:#5fdcff;box-shadow:0 0 14px #5fdcff}
.store-construction__orbit--one{width:266px;height:160px;animation:store-orbit 13s linear infinite}
.store-construction__orbit--two{width:330px;height:230px;border-color:rgba(234,86,255,.18);transform:rotate(42deg);animation:store-orbit-alt 18s linear infinite reverse}
.store-construction__orbit--two:after{left:auto;right:20px;top:8%;background:#ef65ff;box-shadow:0 0 14px #ef65ff}
.store-construction__spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px #86cfff}
.store-construction__spark--one{left:14%;top:20%}.store-construction__spark--two{right:13%;top:34%;width:6px;height:6px}.store-construction__spark--three{left:22%;bottom:24%;background:#e989ff}
.store-construction__preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.08)}
.store-construction__preview>div{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:25px 28px;background:#090911}
.store-construction__preview span{grid-row:1/3;color:#936dcd;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.store-construction__preview strong{color:#f0edf8;font-size:.94rem}.store-construction__preview small{color:#8e8c99;font-size:.77rem;line-height:1.5}
@keyframes store-pulse{0%{box-shadow:0 0 0 0 rgba(114,220,255,.5)}70%{box-shadow:0 0 0 9px rgba(114,220,255,0)}100%{box-shadow:0 0 0 0 rgba(114,220,255,0)}}
@keyframes store-core{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.035)}}
@keyframes store-orbit{to{transform:rotate(342deg)}}@keyframes store-orbit-alt{to{transform:rotate(402deg)}}
@media(max-width:900px){.store-construction{padding-top:54px}.store-construction__card{grid-template-columns:1fr;padding:46px 34px;gap:20px}.store-construction__copy{text-align:center}.store-construction__lede{margin-inline:auto}.store-construction__actions{justify-content:center}.store-construction__art{min-height:320px}.store-construction__preview{grid-template-columns:1fr}}
@media(max-width:560px){.store-construction{padding:32px 0 46px}.store-construction__card{min-height:0;padding:36px 22px;border-radius:24px}.store-construction h1{font-size:clamp(2.75rem,14vw,4rem)}.store-construction__actions{display:grid}.store-construction__art{min-height:280px;transform:scale(.88);margin:-10px}.store-construction__preview>div{padding:21px}}
@media(prefers-reduced-motion:reduce){.store-construction__pulse,.store-construction__core,.store-construction__orbit{animation:none}}