*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --blue:#0078d4;--blue-dark:#005a9e;--cyan:#00b4d8;
  --bg:#f7f9ff;--bg2:#eef4ff;--bg3:#fff;
  --surface:rgba(255,255,255,0.75);--surface2:rgba(255,255,255,0.9);
  --border:rgba(0,0,0,0.07);--border2:rgba(0,120,212,0.2);
  --text:#0a0f1e;--text2:#334155;--muted:#64748b;--subtle:#b0bec5;
  --card:#fff;--card-border:rgba(0,0,0,0.06);
  --nav-bg:rgba(255,255,255,0.72);--nav-border:rgba(255,255,255,0.9);
  --input-bg:rgba(255,255,255,0.9);--input-border:rgba(0,0,0,0.09);
  --tag-bg:rgba(0,120,212,0.07);--tag-border:rgba(0,120,212,0.18);
  --stat-bg:rgba(255,255,255,0.68);
  --flip-f:linear-gradient(135deg,#fff5f3,#fff);
  --flip-b:linear-gradient(135deg,#f0fdf4,#fff);
  --shadow-sm:0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:0 8px 32px rgba(0,0,0,0.09);
  --shadow-lg:0 20px 60px rgba(0,0,0,0.12);
  --glow:0 0 40px rgba(0,120,212,0.18);
  --r-xl:24px;--r-2xl:32px;--r-pill:100px;
}
[data-theme="dark"]{
  --bg:#080d1a;--bg2:#0d1526;--bg3:#111827;
  --surface:rgba(15,25,50,0.75);--surface2:rgba(20,35,65,0.9);
  --border:rgba(255,255,255,0.07);--border2:rgba(0,180,220,0.25);
  --text:#f0f6ff;--text2:#c8d8f0;--muted:#7899c0;--subtle:#3d5a80;
  --card:#111827;--card-border:rgba(255,255,255,0.07);
  --nav-bg:rgba(8,13,26,0.85);--nav-border:rgba(255,255,255,0.08);
  --input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.1);
  --tag-bg:rgba(0,180,220,0.1);--tag-border:rgba(0,180,220,0.25);
  --stat-bg:rgba(255,255,255,0.05);
  --flip-f:linear-gradient(135deg,#1a0f0a,#111827);
  --flip-b:linear-gradient(135deg,#0a1a0f,#111827);
  --shadow-sm:0 2px 12px rgba(0,0,0,0.35);
  --shadow-md:0 8px 32px rgba(0,0,0,0.45);
  --shadow-lg:0 20px 60px rgba(0,0,0,0.55);
  --glow:0 0 40px rgba(0,140,255,0.2);
}
html{scroll-behavior:smooth;background:var(--bg);transition:background 0.4s;}
body{font-family:'Inter',system-ui,sans-serif;background:transparent;color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:color 0.4s;}
/* ── GLOBAL AURORA (fixed, page-wide) ── */
body::before,body::after{content:'';position:fixed;inset:-40%;border-radius:50%;pointer-events:none;z-index:-1;will-change:transform,opacity;}
body::before{
  background:
    radial-gradient(ellipse 55% 40% at 30% 35%, rgba(0,120,212,0.38), transparent 60%),
    radial-gradient(ellipse 45% 55% at 75% 25%, rgba(124,58,237,0.3), transparent 58%),
    radial-gradient(ellipse 60% 35% at 55% 75%, rgba(0,180,216,0.28), transparent 60%);
  filter:blur(48px);
  animation:aurora-a 14s ease-in-out infinite alternate;
}
body::after{
  background:
    radial-gradient(ellipse 50% 45% at 65% 60%, rgba(100,40,220,0.22), transparent 58%),
    radial-gradient(ellipse 55% 35% at 20% 70%, rgba(0,80,200,0.25), transparent 55%),
    radial-gradient(ellipse 40% 50% at 85% 80%, rgba(0,200,230,0.2), transparent 58%);
  filter:blur(56px);
  animation:aurora-b 18s ease-in-out infinite alternate;
}
[data-theme="dark"] body::before{
  background:
    radial-gradient(ellipse 55% 40% at 30% 35%, rgba(0,120,212,0.45), transparent 60%),
    radial-gradient(ellipse 45% 55% at 75% 25%, rgba(124,58,237,0.38), transparent 58%),
    radial-gradient(ellipse 60% 35% at 55% 75%, rgba(0,180,216,0.35), transparent 60%);
}
[data-theme="dark"] body::after{
  background:
    radial-gradient(ellipse 50% 45% at 65% 60%, rgba(100,40,220,0.32), transparent 58%),
    radial-gradient(ellipse 55% 35% at 20% 70%, rgba(0,80,200,0.35), transparent 55%),
    radial-gradient(ellipse 40% 50% at 85% 80%, rgba(0,200,230,0.28), transparent 58%);
}
/* Sections that reveal the aurora behind them */
.section-glass{background:transparent!important;}

/* ── NAV ── */
.nav-wrap{position:fixed;top:20px;left:0;right:0;z-index:200;display:flex;justify-content:center;padding:0 24px;}
nav{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 22px;background:var(--nav-bg);backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--nav-border);border-radius:var(--r-pill);box-shadow:var(--shadow-md);width:100%;max-width:980px;gap:6px;transition:background 0.4s,border-color 0.4s,box-shadow 0.4s;}
nav.scrolled{box-shadow:var(--shadow-lg);}
.nav-logo{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-0.5px;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;}
.nav-logo a{display:flex;align-items:center;gap:6px;}
.nav-logo img{display:block;}
.nav-logo span{color:var(--blue);}
.nav-links{display:flex;gap:2px;list-style:none;position:relative;}
.nav-links a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--r-pill);transition:color 0.18s;white-space:nowrap;position:relative;z-index:1;}
.nav-links a:hover{color:var(--blue);}
.nav-highlight{position:absolute;background:var(--tag-bg);border-radius:var(--r-pill);pointer-events:none;opacity:0;z-index:0;transition:left 0.38s cubic-bezier(0.25,0.46,0.45,0.94),width 0.38s cubic-bezier(0.25,0.46,0.45,0.94),top 0.38s cubic-bezier(0.25,0.46,0.45,0.94),height 0.38s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.18s;}
.nav-controls{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.theme-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--card-border);background:var(--tag-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all 0.22s;flex-shrink:0;}
.theme-btn:hover{transform:rotate(20deg);}
.nav-cta{background:var(--blue);color:#fff;border:none;padding:9px 18px;border-radius:var(--r-pill);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 16px rgba(0,120,212,0.35);white-space:nowrap;transition:all 0.2s;font-family:inherit;}
.nav-cta:hover{background:var(--blue-dark);transform:translateY(-1px);}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 5% 80px;position:relative;overflow:hidden;}
.hero-orb{display:none;}
@keyframes aurora-a{
  0%  {transform:translate(0%,0%) scale(1) rotate(0deg);}
  25% {transform:translate(4%,-3%) scale(1.06) rotate(3deg);}
  50% {transform:translate(-3%,5%) scale(0.96) rotate(-2deg);}
  75% {transform:translate(6%,2%) scale(1.04) rotate(4deg);}
  100%{transform:translate(-2%,-4%) scale(1.08) rotate(-3deg);}
}
@keyframes aurora-b{
  0%  {transform:translate(0%,0%) scale(1) rotate(0deg);}
  30% {transform:translate(-5%,4%) scale(1.07) rotate(-4deg);}
  60% {transform:translate(3%,-5%) scale(0.95) rotate(3deg);}
  100%{transform:translate(-4%,3%) scale(1.05) rotate(-2deg);}
}

.floating-icons{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.fi{position:absolute;width:54px;height:54px;border-radius:18px;background:var(--surface);backdrop-filter:blur(14px);border:1px solid var(--nav-border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;animation:floatAnim ease-in-out infinite;transition:background 0.4s;}
.fi img{width:34px;height:34px;object-fit:contain;}
@keyframes floatAnim{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-22px) rotate(2deg);}}

.hero-content{position:relative;z-index:1;max-width:900px;}
.hero-eyebrow{display:none;}
.eyebrow-dot{background:var(--blue);color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:var(--r-pill);}
.eyebrow-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.4);}}
.hero h1{font-size:clamp(36px,6.5vw,76px);font-weight:900;line-height:1.04;letter-spacing:-3px;margin-bottom:26px;color:var(--text);}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
#typing-text{background:linear-gradient(135deg,var(--blue),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cursor{display:inline-block;width:3px;height:0.8em;background:var(--blue);margin-left:3px;vertical-align:middle;animation:blink 0.75s infinite;border-radius:2px;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.hero-sub{font-size:clamp(15px,1.8vw,19px);color:var(--muted);max-width:580px;margin:0 auto 44px;line-height:1.7;}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:56px;}
.btn-primary{background:var(--blue);color:#fff;padding:14px 30px;border-radius:var(--r-pill);font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 24px rgba(0,120,212,0.4);transition:all 0.22s;font-family:inherit;}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);}
.btn-outline{background:var(--surface);backdrop-filter:blur(10px);color:var(--text);padding:14px 30px;border-radius:var(--r-pill);font-size:15px;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:all 0.22s;font-family:inherit;}
.btn-outline:hover{background:var(--surface2);transform:translateY(-1px);}
.hero-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.stat{background:var(--stat-bg);backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:20px;padding:18px 24px;text-align:center;min-width:115px;box-shadow:var(--shadow-sm);transition:background 0.4s;}
.stat-num{font-size:26px;font-weight:900;color:var(--blue);letter-spacing:-1px;line-height:1;}
.stat-label{font-size:11px;color:var(--muted);margin-top:4px;font-weight:500;}

/* ── TICKER ── */
.ticker-wrap{background:var(--bg3);padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;transition:background 0.4s;}
.ticker-label{text-align:center;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--subtle);margin-bottom:16px;}
.ticker-track{display:flex;overflow:hidden;}
.ticker-inner{display:flex;gap:12px;animation:ticker 26s linear infinite;flex-shrink:0;}
.ticker-inner:hover{animation-play-state:paused;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ticker-item{background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:var(--r-pill);padding:8px 20px;font-size:12px;font-weight:700;color:var(--blue);white-space:nowrap;flex-shrink:0;}

/* ── SECTIONS ── */
section{padding:100px 5%;position:relative;overflow:hidden;}
.tag{display:none;}
h2.title{font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:-1.5px;margin-bottom:14px;color:var(--text);line-height:1.1;}
p.sub{font-size:17px;color:var(--muted);max-width:540px;line-height:1.7;margin-left:auto;margin-right:auto;}
.s-header{margin-bottom:60px;}

/* ── SCROLL ANIMATIONS ── */
/* Fade up (default) */
.sa{opacity:0;transform:translateY(40px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);}
.sa.in{opacity:1;transform:translateY(0);}
/* Fade left */
.sa-left{opacity:0;transform:translateX(-50px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);}
.sa-left.in{opacity:1;transform:translateX(0);}
/* Fade right */
.sa-right{opacity:0;transform:translateX(50px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);}
.sa-right.in{opacity:1;transform:translateX(0);}
/* Scale up */
.sa-scale{opacity:0;transform:scale(0.88);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);}
.sa-scale.in{opacity:1;transform:scale(1);}
/* Stagger children */
.stagger>.sa{transition-delay:var(--delay,0ms);}

/* ── PROBLEM ── */
.problem{background:var(--bg3);transition:background 0.4s;}
.problem-inner{max-width:980px;margin:0 auto;text-align:center;}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;}
.p-card{
  background:var(--card);
  border:1px solid rgba(15,63,163,0.22);
  border-radius:var(--r-xl);
  padding:36px 28px 28px;
  box-shadow:var(--shadow-sm),0 0 0 0 rgba(15,63,163,0);
  transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s,background 0.4s;
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.p-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#0F3FA3,#A8BDE5,#0F3FA3);
  background-size:200% 100%;
  animation:p-shimmer 3s linear infinite;
}
@keyframes p-shimmer{to{background-position:200% 0;}}
.p-card::after{
  content:'';position:absolute;inset:0;border-radius:var(--r-xl);
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(15,63,163,0.07),transparent 70%);
  pointer-events:none;
}
.p-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md),0 0 32px rgba(15,63,163,0.18);border-color:rgba(15,63,163,0.45);}
[data-theme="dark"] .p-card{background:linear-gradient(160deg,rgba(8,16,40,0.9),var(--card));border-color:rgba(15,63,163,0.35);}
[data-theme="dark"] .p-card::after{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(15,63,163,0.18),transparent 70%);}
[data-theme="dark"] .p-card:hover{box-shadow:var(--shadow-md),0 0 40px rgba(168,189,229,0.22);border-color:rgba(168,189,229,0.5);}
.p-eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#0F3FA3;background:rgba(15,63,163,0.1);border:1px solid rgba(15,63,163,0.2);border-radius:100px;padding:3px 12px;margin-bottom:16px;display:inline-block;}
[data-theme="dark"] .p-eyebrow{background:rgba(168,189,229,0.15);border-color:rgba(168,189,229,0.35);color:#A8BDE5;}
.p-num{font-size:68px;font-weight:900;letter-spacing:-3px;line-height:1;background:linear-gradient(135deg,#0F3FA3 30%,#A8BDE5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;}
.p-desc{font-size:14px;color:var(--muted);line-height:1.65;flex:1;}
.p-desc strong{color:var(--text2);font-weight:700;}
[data-theme="dark"] .p-desc strong{color:var(--text);}
.p-source{display:inline-block;margin-top:18px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none;border-top:1px solid var(--card-border);padding-top:14px;width:100%;transition:color 0.2s;}
.p-source:hover{color:#0F3FA3;}
[data-theme="dark"] .p-source:hover{color:#A8BDE5;}

/* ── MARQUEE (removed) ── */
.apps-marquee{display:none;}
/* ── APP SEARCH ── */
.app-search-wrap{position:relative;max-width:480px;margin:0 auto 52px;}
.app-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:0.5;}
.app-search{width:100%;padding:13px 16px 13px 44px;border-radius:var(--r-pill);border:1.5px solid var(--input-border);background:var(--input-bg);font-size:15px;color:var(--text);outline:none;font-family:inherit;transition:all 0.2s;box-shadow:var(--shadow-sm);}
.app-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,120,212,0.1);}
.app-search::placeholder{color:var(--subtle);}
.no-results{display:none;text-align:center;padding:48px 20px;color:var(--muted);font-size:15px;}
.no-results.show{display:block;}
.cat-block.hidden{display:none;}
.cat-block{margin-bottom:56px;}
.cat-block:last-of-type{margin-bottom:0;}
.cat-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.cat-icon{font-size:18px;line-height:1;}
.cat-label{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-0.3px;}
.cat-copilot .cat-heading{border-bottom-color:rgba(124,58,237,0.25);}
.cat-copilot .cat-label{background:linear-gradient(135deg,var(--blue),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.cat-power .cat-heading{border-bottom-color:rgba(116,66,171,0.25);}
.cat-power .cat-label{background:linear-gradient(135deg,#7442ab,#e040a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.power-card{border-color:rgba(116,66,171,0.12);}
.power-card:hover{border-color:rgba(116,66,171,0.35);box-shadow:var(--shadow-lg),0 0 40px rgba(116,66,171,0.12);}

.copilot-card:hover{border-color:rgba(124,58,237,0.35);box-shadow:var(--shadow-lg),0 0 40px rgba(124,58,237,0.15);}
.copilot-card::before{background:radial-gradient(ellipse 90% 80% at 20% 20%,rgba(124,58,237,0.28),transparent 60%),radial-gradient(ellipse 70% 80% at 85% 15%,rgba(0,180,216,0.22),transparent 55%),radial-gradient(ellipse 80% 60% at 70% 90%,rgba(224,64,160,0.2),transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(99,102,241,0.1),transparent 70%)!important;}

/* ── APPS ── */
.apps{background:var(--bg);transition:background 0.4s;}
.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;}
.app-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);padding:24px 18px;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;}
.app-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 44px 50px,var(--app-glow,rgba(0,120,212,0.15)),transparent 65%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;border-radius:inherit;}
.app-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg),var(--glow);border-color:var(--border2);}
.app-card:hover::before{opacity:1;}
.app-icon-img{width:52px;height:52px;margin-bottom:14px;}
.app-icon-img img{width:52px;height:52px;object-fit:contain;transition:transform 0.3s;}
.app-card:hover .app-icon-img img{transform:scale(1.12) rotate(-4deg);}
.app-name{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text);}
.app-desc{font-size:12px;color:var(--muted);line-height:1.5;}

/* ── APPS PAGE — accordion categories ── */
.apps-section{padding:30px 5% 90px;background:var(--bg);}
.apps-categories{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.apps-category{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color 0.22s,box-shadow 0.22s;}
.apps-category[open]{border-color:var(--blue);box-shadow:var(--shadow-md);}
.apps-category-header{cursor:pointer;list-style:none;padding:22px 28px;display:flex;align-items:center;gap:20px;user-select:none;transition:background 0.18s;}
.apps-category-header::-webkit-details-marker{display:none;}
.apps-category-header::marker{display:none;content:'';}
.apps-category-header:hover{background:var(--bg2);}
.apps-category[open] .apps-category-header{border-bottom:1px solid var(--border);}
.apps-category-meta{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;}
.apps-category-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);}
.apps-category-title{font-size:20px;font-weight:900;color:var(--text);letter-spacing:-0.4px;line-height:1.25;}
.apps-category-sub{font-size:13.5px;color:var(--muted);line-height:1.55;margin-top:2px;}
.apps-category-toggle{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;line-height:1;transition:transform 0.3s ease,background 0.18s;}
.apps-category[open] .apps-category-toggle{transform:rotate(45deg);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;}
.apps-category-tag{font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));padding:3px 9px;border-radius:20px;margin-left:6px;vertical-align:middle;box-shadow:0 2px 6px rgba(0,120,212,0.30);}

/* AI variant — featured Copilot section */
.apps-category--ai{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,#7c3aed,var(--cyan)) border-box;box-shadow:0 6px 24px rgba(124,58,237,0.16);}
.apps-category--ai[open]{border-color:transparent;box-shadow:0 10px 36px rgba(124,58,237,0.24);}
.apps-category--ai .apps-category-header{background:linear-gradient(135deg,rgba(124,58,237,0.07),rgba(0,180,216,0.05));}
.apps-category--ai .apps-category-header:hover{background:linear-gradient(135deg,rgba(124,58,237,0.11),rgba(0,180,216,0.08));}
.apps-category--ai[open] .apps-category-header{border-bottom-color:rgba(124,58,237,0.18);}
.apps-category--ai .apps-category-label{background:linear-gradient(135deg,#7c3aed,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-flex;align-items:center;gap:8px;}
.apps-category--ai .apps-category-toggle{background:linear-gradient(135deg,#7c3aed,var(--cyan));color:#fff;box-shadow:0 4px 12px rgba(124,58,237,0.30);}
.apps-category--ai .apps-category-tag{background:linear-gradient(135deg,#7c3aed,var(--cyan));box-shadow:0 2px 6px rgba(124,58,237,0.30);}

/* Power Platform variant */
.apps-category--power[open]{border-color:#7442ab;}
.apps-category--power .apps-category-label{background:linear-gradient(135deg,#7442ab,#e040a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.apps-category--power[open] .apps-category-toggle{background:linear-gradient(135deg,#7442ab,#e040a0);}

/* Rich app card grid */
.apps-grid-rich{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:24px 28px 28px;}
.app-card-rich{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:22px 22px 20px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;box-shadow:var(--shadow-sm);}
.app-card-rich::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 44px 50px,var(--app-glow,rgba(0,120,212,0.15)),transparent 65%);opacity:0.35;transition:opacity 0.4s ease;pointer-events:none;border-radius:inherit;}
.app-card-rich:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border2);}
.app-card-rich:hover::before{opacity:1;}
.app-card-rich > *{position:relative;z-index:1;}
.app-card-rich-head{display:flex;align-items:center;gap:14px;}
.app-card-rich-head .app-icon-img{margin-bottom:0;flex-shrink:0;width:46px;height:46px;}
.app-card-rich-head .app-icon-img img{width:46px;height:46px;}
.app-card-rich:hover .app-icon-img img{transform:scale(1.10) rotate(-4deg);}
.app-card-rich .app-name{font-size:16px;font-weight:900;letter-spacing:-0.3px;margin:0 0 2px;line-height:1.2;}
.app-tagline{font-size:12.5px;color:var(--muted);line-height:1.4;font-weight:600;}
.app-card-rich-desc{font-size:13px;color:var(--text2);line-height:1.65;margin:0;}
.app-card-rich-sessions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px;}
.app-card-rich-sessions-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.8px;color:var(--muted);margin-right:4px;}
.session-pill{font-size:11px;font-weight:700;background:var(--tag-bg);color:var(--blue);border:1px solid var(--border2);border-radius:20px;padding:3px 10px;letter-spacing:0.2px;}
.app-card-rich-cta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue);margin-top:auto;padding-top:12px;border-top:1px solid var(--border);transition:gap 0.2s;}
.app-card-rich:hover .app-card-rich-cta{gap:10px;}

/* Power-card / copilot-card variants on rich cards (tinted hover border) */
.app-card-rich.copilot-card:hover{border-color:rgba(124,58,237,0.35);box-shadow:var(--shadow-lg),0 0 28px rgba(124,58,237,0.12);}
.app-card-rich.power-card:hover{border-color:rgba(116,66,171,0.35);box-shadow:var(--shadow-lg),0 0 28px rgba(116,66,171,0.10);}

@media(max-width:900px){
  .apps-grid-rich{grid-template-columns:1fr;padding:18px 20px 22px;}
  .apps-category-header{padding:18px 20px;gap:14px;}
  .apps-category-title{font-size:17px;}
}
@media(max-width:600px){
  .apps-category-header{padding:16px;}
  .apps-grid-rich{padding:14px 16px 18px;}
  .apps-category-toggle{width:30px;height:30px;font-size:18px;}
  .apps-category-sub{font-size:13px;}
  .app-card-rich{padding:18px;}
}

/* ── MARQUEE APPS (scroll row) ── */
.apps-marquee{overflow:hidden;margin-top:32px;position:relative;}
.apps-marquee::before,.apps-marquee::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.apps-marquee::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
.apps-marquee::after{right:0;background:linear-gradient(-90deg,var(--bg),transparent);}
.apps-marquee-inner{display:flex;gap:14px;animation:marquee 30s linear infinite;}
.apps-marquee-inner:hover{animation-play-state:paused;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.app-chip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--r-pill);padding:10px 18px;flex-shrink:0;white-space:nowrap;font-size:13px;font-weight:700;color:var(--text);transition:all 0.2s;}
.app-chip img{width:24px;height:24px;object-fit:contain;}
.app-chip:hover{background:var(--surface2);border-color:var(--border2);}

/* ── FLIP ── */
.flipcards{background:var(--bg3);transition:background 0.4s;}
.flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;}
.flip-card{height:196px;perspective:1200px;cursor:pointer;}
.flip-inner{position:relative;width:100%;height:100%;transition:transform 0.65s cubic-bezier(0.34,1.2,0.64,1);transform-style:preserve-3d;}
.flip-card:hover .flip-inner{transform:rotateY(180deg);}
.flip-front,.flip-back{position:absolute;inset:0;border-radius:var(--r-xl);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;}
.flip-front{background:var(--flip-f);border:1px solid rgba(224,90,26,0.15);}
.flip-back{background:var(--flip-b);border:1px solid rgba(10,124,69,0.18);transform:rotateY(180deg);}
.flip-label{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;padding:3px 12px;border-radius:var(--r-pill);}
.flip-front .flip-label{color:#c0392b;background:rgba(192,57,43,0.1);}
.flip-back .flip-label{color:#0a7c45;background:rgba(10,124,69,0.1);}
.flip-pct{font-size:46px;font-weight:900;letter-spacing:-2px;line-height:1.1;}
.flip-front .flip-pct{color:#e05a1a;}
.flip-back .flip-pct{color:#0a7c45;}
.flip-desc{font-size:12px;margin-top:6px;line-height:1.5;color:var(--muted);}
.flip-hint{text-align:center;font-size:13px;color:var(--subtle);margin-top:14px;font-style:italic;}

/* ── WHY ── */
.why{background:var(--bg);transition:background 0.4s;}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.why-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s,background 0.4s;position:relative;overflow:hidden;}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border2);}
.why-card:hover::after{transform:scaleX(1);}
.why-icon{width:48px;height:48px;border-radius:14px;background:var(--tag-bg);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;transition:transform 0.3s;}
.why-card:hover .why-icon{transform:scale(1.12) rotate(-5deg);}
.why-title{font-size:16px;font-weight:800;margin-bottom:8px;color:var(--text);}
.why-text{font-size:13px;color:var(--muted);line-height:1.7;}

/* ── HOW ── */
.how{background:var(--bg3);transition:background 0.4s;}
.how-inner{max-width:840px;margin:0 auto;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}
.steps-line{position:absolute;top:34px;left:calc(16.66% + 34px);right:calc(16.66% + 34px);height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:0.3;z-index:0;}
/* Animated progress line */
.steps-line-fill{position:absolute;top:34px;left:calc(16.66% + 34px);width:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width 1.4s cubic-bezier(0.16,1,0.3,1);z-index:0;}
.steps-line-fill.in{width:calc(66.66% - 68px);}
.step-num{position:relative;z-index:2;}
.step{text-align:center;padding:0 20px;}
.step-num{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1;box-shadow:0 4px 20px rgba(0,120,212,0.3);transition:transform 0.3s;}
.step:hover .step-num{transform:scale(1.1);}
.step-title{font-size:17px;font-weight:800;margin-bottom:8px;color:var(--text);}
.step-text{font-size:13px;color:var(--muted);line-height:1.65;}

/* ── TESTIMONIALS ── */
.testimonials{background:var(--bg);transition:background 0.4s;}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.testi{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-sm);transition:transform 0.22s,box-shadow 0.22s,background 0.4s;}
.testi:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.stars{color:#f59e0b;font-size:13px;margin-bottom:14px;letter-spacing:3px;}
.quote{font-size:14px;color:var(--text2);line-height:1.75;margin-bottom:20px;font-style:italic;}
.author{display:flex;align-items:center;gap:12px;}
.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff;flex-shrink:0;}
.author-name{font-size:13px;font-weight:700;color:var(--text);}
.author-role{font-size:11px;color:var(--muted);}

/* ── PRICING ── */
.pricing{background:var(--bg3);transition:background 0.4s;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;}
.p-tier{background:var(--surface);backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:var(--r-2xl);padding:36px 28px;position:relative;box-shadow:var(--shadow-sm);transition:transform 0.22s,box-shadow 0.22s,background 0.4s;}
.p-tier:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.p-tier.feat{background:var(--surface2);border:2px solid var(--border2);box-shadow:var(--shadow-md),var(--glow);}
.feat-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:10px;font-weight:800;padding:4px 18px;border-radius:var(--r-pill);white-space:nowrap;letter-spacing:0.8px;text-transform:uppercase;}
.tier-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);margin-bottom:6px;}
.tier-name{font-size:20px;font-weight:900;margin-bottom:4px;color:var(--text);letter-spacing:-0.5px;}
.tier-dur{font-size:12px;color:var(--muted);margin-bottom:24px;}
.tier-feats{list-style:none;margin-bottom:0;display:flex;flex-direction:column;gap:10px;}
.tier-feats li{font-size:13px;color:var(--text2);display:flex;align-items:flex-start;gap:9px;line-height:1.4;}
.tier-feats li::before{content:'✓';color:var(--blue);font-weight:800;flex-shrink:0;}
.tier-btn{width:100%;padding:12px;border-radius:var(--r-pill);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all 0.2s;font-family:inherit;}
.tier-btn.out{background:transparent;color:var(--blue);border:1.5px solid var(--border2);}
.tier-btn.out:hover{background:var(--tag-bg);}
.tier-btn.fill{background:var(--blue);color:#fff;box-shadow:0 4px 16px rgba(0,120,212,0.35);}
.tier-btn.fill:hover{background:var(--blue-dark);}

/* ── PRICING — new elements ── */
.pricing-header-row{max-width:1100px;margin:0 auto 32px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.currency-toggle{display:flex;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px;}
.cur-btn{padding:6px 18px;border-radius:var(--r-pill);border:none;background:transparent;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;transition:all 0.18s;font-family:inherit;}
.cur-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(0,120,212,0.3);}
/* Always-included icon strip */
.always-included-strip{max-width:1100px;margin:0 auto 24px;background:linear-gradient(135deg,rgba(0,120,212,0.07),rgba(0,180,216,0.04));border:1px solid var(--border2);border-radius:var(--r-xl);padding:32px 36px;position:relative;box-shadow:var(--shadow-sm);}
[data-theme="dark"] .always-included-strip{background:linear-gradient(135deg,rgba(0,120,212,0.12),rgba(0,180,216,0.06));}
.ai-strip-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:var(--blue);margin:0 auto 22px;display:flex;align-items:center;justify-content:center;gap:14px;}
.ai-strip-label::before,.ai-strip-label::after{content:'';flex:0 0 44px;height:1px;background:linear-gradient(90deg,transparent,var(--border2),transparent);}
.ai-strip-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 22px;}
.ai-strip-item{font-size:13px;font-weight:600;color:var(--text2);display:flex;align-items:center;gap:10px;line-height:1.4;}
.ai-strip-item::before{content:'✓';width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(0,120,212,0.28);}
/* Tier card outlined variant */
.p-tier.p-tier-outlined{border:1.5px solid var(--border2);background:var(--surface);}
/* Tier price — new layout */
.tier-price-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:4px;}
.tier-price-primary{font-size:26px;font-weight:900;color:var(--text);letter-spacing:-0.5px;}
.tier-price-secondary{font-size:15px;font-weight:600;color:var(--muted);}
.tier-price-note{font-size:11px;font-weight:600;color:var(--muted);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap;margin-left:4px;}
.tier-copilot-note{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.4;}
.tier-copilot-note strong{color:var(--text2);}
.tier-per-session{font-size:12px;font-weight:700;color:var(--blue);margin-bottom:8px;}
/* Themes collapsible */
.tier-themes{margin:14px 0 16px;border-top:1px solid var(--border);padding-top:12px;}
.tier-themes-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted);gap:8px;}
.tier-themes-toggle:hover{color:var(--blue);}
.themes-chevron{font-size:10px;transition:transform 0.2s;}
.tier-themes-toggle[aria-expanded="true"] .themes-chevron{transform:rotate(90deg);}
.tier-themes-body{padding-top:10px;}
.theme-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);}
.theme-row:last-child{border-bottom:none;}
.theme-name{font-size:12px;font-weight:700;color:var(--text2);}
.theme-apps{font-size:11px;color:var(--muted);text-align:right;}
.theme-apps.copilot-tag{color:var(--blue);font-weight:700;}
/* CTA wrap + trust line */
.tier-cta-wrap{margin-top:auto;padding-top:16px;}
.tier-trust{font-size:11px;color:var(--muted);text-align:center;margin-top:8px;font-style:italic;}
/* Bundle + add-ons */
.bundle-addons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;margin-left:auto;margin-right:auto;}
.bundle-card,.addons-card{background:var(--surface);backdrop-filter:blur(20px);border:1.5px solid var(--border2);border-radius:var(--r-2xl);padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform 0.22s,box-shadow 0.22s,background 0.4s;display:flex;flex-direction:column;}
.bundle-card:hover,.addons-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.bundle-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);margin-bottom:6px;}
.bundle-name{font-size:18px;font-weight:900;color:var(--text);letter-spacing:-0.5px;margin-bottom:10px;}
.bundle-price{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-1px;margin-bottom:10px;}
.bundle-price-secondary{font-size:16px;font-weight:600;color:var(--muted);}
.bundle-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px;}
.addon-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);}
.addon-row:first-of-type{border-top:1px solid var(--border);margin-top:16px;}
.addon-name{font-size:13px;font-weight:700;color:var(--text2);line-height:1.4;}
.addon-sub{font-weight:500;color:var(--muted);}
.addon-price{font-size:13px;font-weight:800;color:var(--blue);white-space:nowrap;}
.eur-disclaimer{max-width:1100px;margin:20px auto 0;font-size:12px;color:var(--subtle);text-align:center;font-style:italic;}

/* ── SIGNUP ── */
.cta-section .signup-card{border-radius:var(--r-2xl);padding:40px 44px;}
.signup-inner{max-width:680px;margin:0 auto;}
.signup-card{background:var(--surface2);backdrop-filter:blur(28px);border:1px solid var(--nav-border);border-radius:var(--r-2xl);padding:52px 48px;box-shadow:var(--shadow-lg);transition:background 0.4s;}
.s-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;}
.f-group{display:flex;flex-direction:column;gap:6px;}
.f-group.full{grid-column:1/-1;}
.f-group label{font-size:11px;font-weight:700;color:var(--text2);letter-spacing:0.5px;text-transform:uppercase;}
.f-group input{padding:12px 16px;border-radius:12px;border:1.5px solid var(--input-border);background:var(--input-bg);font-size:15px;color:var(--text);outline:none;transition:border-color 0.2s,box-shadow 0.2s;font-family:inherit;}
.f-group input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,120,212,0.1);}
.f-group input::placeholder{color:var(--subtle);}
.f-group textarea{padding:12px 16px;border-radius:12px;border:1.5px solid var(--input-border);background:var(--input-bg);font-size:14px;color:var(--text);outline:none;transition:border-color 0.2s,box-shadow 0.2s;font-family:inherit;resize:vertical;line-height:1.6;}
.f-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,120,212,0.1);}
.f-group textarea::placeholder{color:var(--subtle);}
.f-group textarea.input-valid{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.1);}
.f-group input.input-valid{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,0.1);}
.f-group input.input-error{border-color:#e05a1a;box-shadow:0 0 0 3px rgba(224,90,26,0.12);}
.f-error{font-size:11px;font-weight:600;color:#e05a1a;min-height:16px;opacity:0;transform:translateY(-4px);transition:opacity 0.2s,transform 0.2s;}
.f-error.visible{opacity:1;transform:translateY(0);}
.f-submit{grid-column:1/-1;margin-top:8px;}
.f-submit button{width:100%;padding:15px;border-radius:var(--r-pill);background:var(--blue);color:#fff;font-size:15px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 24px rgba(0,120,212,0.4);transition:all 0.22s;font-family:inherit;}
.f-submit button:hover{background:var(--blue-dark);transform:translateY(-2px);}
.f-note{grid-column:1/-1;font-size:12px;color:var(--subtle);text-align:center;margin-top:2px;}
.success-msg{display:none;text-align:center;padding:40px 20px;}
.success-msg.show{display:block;animation:successPop 0.55s cubic-bezier(0.34,1.56,0.64,1) forwards;}
@keyframes successPop{from{opacity:0;transform:translateY(18px) scale(0.93);}to{opacity:1;transform:none;}}
.s-check{width:78px;height:78px;margin:0 auto 24px;}
.s-check svg{width:100%;height:100%;}
.s-circle{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151;animation:drawStroke 0.7s cubic-bezier(0.65,0,0.45,1) 0.1s forwards;transform-origin:26px 26px;transform:rotate(-90deg);}
.s-tick{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:drawStroke 0.4s cubic-bezier(0.65,0,0.45,1) 0.78s forwards;}
@keyframes drawStroke{to{stroke-dashoffset:0;}}
.success-msg h3{font-size:22px;font-weight:900;color:var(--text);margin-bottom:8px;opacity:0;animation:fadeSlideUp 0.4s ease 0.92s forwards;}
.success-msg p{font-size:14px;color:var(--muted);opacity:0;animation:fadeSlideUp 0.4s ease 1.06s forwards;}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.fw-leaving{opacity:0;transform:scale(0.97);transition:opacity 0.28s ease,transform 0.28s ease;pointer-events:none;}

/* ── CTA ── */
.cta-section{background:var(--bg3);border-top:1px solid var(--border);padding:100px 5%;text-align:center;position:relative;overflow:hidden;transition:background 0.4s;}
.cta-dots{position:absolute;inset:0;background-image:radial-gradient(var(--border2) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);}
/* Animated rings */
.cta-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(0,120,212,0.07);animation:ringPulse 4s ease-out infinite;}
.ring:nth-child(1){width:300px;height:300px;animation-delay:0s;}
.ring:nth-child(2){width:500px;height:500px;animation-delay:0.8s;}
.ring:nth-child(3){width:700px;height:700px;animation-delay:1.6s;}
.ring:nth-child(4){width:900px;height:900px;animation-delay:2.4s;}
@keyframes ringPulse{0%{opacity:0.6;transform:scale(0.8);}100%{opacity:0;transform:scale(1.2);}}
.cta-inner{position:relative;z-index:1;}
.cta-section h2{font-size:clamp(28px,4vw,48px);font-weight:900;margin-bottom:14px;color:var(--text);letter-spacing:-1.5px;}
.cta-section p{font-size:18px;color:var(--muted);margin-bottom:40px;}
.cta-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:520px;margin:0 auto;}
.cta-input{flex:1;min-width:220px;padding:14px 20px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);color:#fff;font-size:15px;outline:none;font-family:inherit;}
.cta-input::placeholder{color:rgba(255,255,255,0.55);}
.cta-btn{background:#fff;color:var(--blue);padding:14px 26px;border-radius:var(--r-pill);font-size:14px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:all 0.22s;white-space:nowrap;font-family:inherit;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.2);}

/* ── FOOTER ── */
footer{background:var(--bg3);border-top:1px solid var(--border);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;transition:background 0.4s;}
.f-logo{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-0.5px;display:flex;align-items:center;gap:6px;}
.f-logo img{display:block;}
.f-logo span{color:var(--blue);}
footer p{font-size:12px;color:var(--subtle);}

/* ── SCROLL PROGRESS BAR ── */
#progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));width:0%;z-index:999;transition:width 0.1s linear;border-radius:0 2px 2px 0;}

@media(max-width:720px){
  .problem-grid,.steps,.pricing-grid,.s-form,.bundle-addons-grid{grid-template-columns:1fr;}
  .ai-strip-items{grid-template-columns:repeat(2,1fr);gap:8px 12px;}
  .ai-strip-item{white-space:normal;}
  /* Tier 2 (order:1) floats to top on mobile */
  .pricing-grid{display:flex;flex-direction:column;}
  .p-tier{order:unset!important;}
  .steps-line,.steps-line-fill{display:none;}
  nav .nav-links{display:none;}
  .signup-card{padding:32px 24px;}
  .fi{display:none;}
}

/* ───────────────────────────────────────────────
   HOW IT WORKS — pinned scrollytelling
─────────────────────────────────────────────── */
.how-section{background:var(--bg);position:relative;transition:background 0.4s;overflow:visible;padding:0;}
.how-wrap{position:relative;height:360vh;}
.how-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.how-pin-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 5%;display:flex;flex-direction:column;gap:clamp(28px,4vh,52px);position:relative;}

/* Heading (lives inside the sticky frame) */
.how-heading{text-align:center;}
.how-heading-title{font-size:clamp(24px,3.8vw,46px);font-weight:900;letter-spacing:-1.4px;color:var(--text);margin:10px 0 12px;line-height:1.08;}
.how-heading-sub{font-size:15px;color:var(--muted);max-width:500px;margin:0 auto;line-height:1.65;}

/* Two-column grid */
.how-grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(48px,7vw,96px);align-items:center;}

/* ── Left: vertical timeline ── */
.how-timeline{display:flex;flex-direction:column;gap:clamp(20px,3vh,36px);}
.how-tl-step{display:flex;align-items:center;gap:18px;opacity:0.25;transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1);}
.how-tl-step.active{opacity:1;}
.how-tl-node{width:36px;height:36px;border-radius:50%;background:var(--card);border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.5s,border-color 0.5s,box-shadow 0.5s,transform 0.5s;position:relative;z-index:1;}
.how-tl-step.active .how-tl-node{background:var(--blue);border-color:transparent;box-shadow:0 0 0 4px rgba(0,120,212,0.18);transform:scale(1.22);}
.how-tl-num{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:0.4px;transition:color 0.5s;}
.how-tl-step.active .how-tl-num{color:#fff;}
.how-tl-label{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-0.2px;line-height:1.2;}
.how-tl-period{font-size:12px;color:var(--muted);font-weight:500;margin-top:3px;}

/* ── Right: overlapping content scenes ── */
.how-scenes{position:relative;min-height:clamp(360px,46vh,480px);}
.how-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1);pointer-events:none;}
.how-scene.active{opacity:1;transform:translateY(0);pointer-events:auto;}

/* Kicker row */
.how-scene-kicker{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.how-scene-num{font-size:22px;font-weight:900;color:var(--blue);letter-spacing:0.4px;}
.how-scene-name{font-size:14px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:1.8px;}
.how-scene-when{font-size:14px;color:var(--muted);font-weight:500;}

/* Content */
.how-scene-title{font-size:clamp(20px,2.4vw,30px);font-weight:900;letter-spacing:-0.8px;color:var(--text);margin-bottom:16px;line-height:1.1;}
.how-scene-body{font-size:15.5px;line-height:1.75;color:var(--muted);margin-bottom:22px;max-width:580px;}
.how-scene-bullets{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px;margin-bottom:24px;}
.how-scene-bullets li{font-size:14px;color:var(--text2);line-height:1.55;padding-left:32px;position:relative;}
.how-scene-bullets li::before{content:'✓';position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,120,212,0.28);}
.how-outcome{padding:15px 20px;background:var(--tag-bg);border-left:3px solid var(--blue);border-radius:0 12px 12px 0;font-size:14px;color:var(--text2);line-height:1.65;max-width:580px;}
.how-outcome strong{color:var(--text);font-weight:800;}

/* ── Per-step accent colours ── */
/* 01 Discover — indigo: curiosity, exploration */
.how-tl-step[data-step="1"].active .how-tl-node{background:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,0.2);}
.how-scene[data-step="1"] .how-scene-num{color:#6366f1;}
.how-scene[data-step="1"] .how-scene-bullets li::before{background:linear-gradient(135deg,#4f46e5,#818cf8);box-shadow:0 2px 6px rgba(99,102,241,0.3);}
.how-scene[data-step="1"] .how-outcome{border-color:#6366f1;}
/* 02 Customise — amber: crafting, building */
.how-tl-step[data-step="2"].active .how-tl-node{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,0.2);}
.how-scene[data-step="2"] .how-scene-num{color:#d97706;}
.how-scene[data-step="2"] .how-scene-bullets li::before{background:linear-gradient(135deg,#d97706,#fbbf24);box-shadow:0 2px 6px rgba(245,158,11,0.3);}
.how-scene[data-step="2"] .how-outcome{border-color:#f59e0b;}
/* 03 Deliver — emerald: completion, go-live */
.how-tl-step[data-step="3"].active .how-tl-node{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,0.2);}
.how-scene[data-step="3"] .how-scene-num{color:#10b981;}
.how-scene[data-step="3"] .how-scene-bullets li::before{background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 2px 6px rgba(16,185,129,0.3);}
.how-scene[data-step="3"] .how-outcome{border-color:#10b981;}

/* Scroll cue */
.how-scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;opacity:1;transition:opacity 0.55s;}
.how-scroll-cue.hidden{opacity:0;pointer-events:none;}
.how-scroll-cue-line{width:1px;height:34px;background:var(--border2);position:relative;overflow:hidden;}
.how-scroll-cue-line::after{content:'';position:absolute;top:-100%;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent,var(--blue));animation:scrollCueDrop 1.7s ease-in-out infinite;}
@keyframes scrollCueDrop{0%{top:-100%;opacity:1;}85%{top:100%;opacity:0.5;}100%{top:100%;opacity:0;}}
.how-scroll-cue-text{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:2.2px;}

/* Mobile fallback — stack linearly, no pin */
@media(max-width:960px){
  .how-section{padding:80px 0 60px;}
  .how-wrap{height:auto;}
  .how-pin{position:relative;height:auto;overflow:visible;align-items:flex-start;}
  .how-pin-inner{gap:36px;}
  .how-heading-title{font-size:clamp(22px,6vw,34px);}
  .how-grid{grid-template-columns:1fr;gap:0;}
  .how-timeline{display:none;}
  .how-scenes{min-height:0;display:flex;flex-direction:column;gap:52px;}
  .how-scene{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding-bottom:24px;border-bottom:1px solid var(--border);}
  .how-scene:last-child{border-bottom:none;}
  .how-scroll-cue{display:none;}
}

/* ───────────────────────────────────────────────
   THEMED WORKSHOPS PAGE
─────────────────────────────────────────────── */
.themes-hero{text-align:center;padding:120px 5% 64px;}
.themes-hero-title{font-size:clamp(28px,4.5vw,52px);font-weight:900;letter-spacing:-1.5px;color:var(--text);margin:12px 0 20px;line-height:1.08;}
.themes-hero-sub{font-size:17px;color:var(--muted);max-width:580px;margin:0 auto 48px;line-height:1.7;}
.themes-grid-note{font-size:14px;color:var(--muted);max-width:1180px;margin:0 auto 20px;line-height:1.65;}
.theme-card--custom{border-style:dashed;border-color:var(--border2);background:var(--bg2);}
.theme-card--custom .theme-app-pill{background:var(--bg2);}
.themes-diff{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;}
.themes-diff-item{display:flex;flex-direction:column;gap:4px;padding:16px 28px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--border);}
.themes-diff-item--active{border-color:var(--blue);background:linear-gradient(135deg,rgba(0,120,212,0.06),rgba(0,180,216,0.03));}
.diff-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);}
.themes-diff-item--active .diff-label{color:var(--blue);}
.diff-desc{font-size:15px;font-weight:700;color:var(--text);}
.themes-diff-vs{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}
.themes-section{padding:0 5% 100px;}
.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:0 auto;padding-top:20px;}
.theme-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);padding:30px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm);transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s;position:relative;}
.theme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.theme-card--featured{border-color:var(--blue);}
.theme-start-badge{position:absolute;top:-13px;left:22px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:10px;font-weight:800;padding:4px 13px;border-radius:20px;letter-spacing:1.2px;text-transform:uppercase;}
.theme-apps{display:flex;flex-wrap:wrap;gap:6px;}
.theme-app-pill{font-size:11px;font-weight:700;background:var(--tag-bg);color:var(--blue);border:1px solid var(--border2);border-radius:20px;padding:3px 10px;letter-spacing:0.2px;}
.theme-app-pill--ai{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-color:transparent;}
.theme-name{font-size:17px;font-weight:900;color:var(--text);letter-spacing:-0.4px;line-height:1.2;margin:0;}
.theme-desc{font-size:13.5px;color:var(--muted);line-height:1.65;margin:0;}
.theme-outcomes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex:1;}
.theme-outcomes li{font-size:13px;color:var(--text2);line-height:1.5;padding-left:28px;position:relative;}
.theme-outcomes li::before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,120,212,0.25);}
.theme-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;margin-top:4px;padding-top:14px;border-top:1px solid var(--border);transition:gap 0.2s;}
.theme-cta:hover{gap:10px;}
.themes-cta-section{text-align:center;padding:100px 5%;background:var(--bg3);border-top:1px solid var(--border);}
.themes-cta-section p{color:var(--muted);font-size:16px;max-width:480px;margin:16px auto 0;line-height:1.65;}

/* Accordion category sections */
.theme-categories{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.theme-category{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color 0.22s,box-shadow 0.22s;}
.theme-category[open]{border-color:var(--blue);box-shadow:var(--shadow-md);}
.theme-category-header{cursor:pointer;list-style:none;padding:22px 28px;display:flex;align-items:center;gap:20px;user-select:none;transition:background 0.18s;}
.theme-category-header::-webkit-details-marker{display:none;}
.theme-category-header::marker{display:none;content:'';}
.theme-category-header:hover{background:var(--bg2);}
.theme-category[open] .theme-category-header{border-bottom:1px solid var(--border);}
.theme-category-meta{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;}
.theme-category-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);}
.theme-category-title{font-size:20px;font-weight:900;color:var(--text);letter-spacing:-0.4px;line-height:1.25;}
.theme-category-sub{font-size:13.5px;color:var(--muted);line-height:1.55;margin-top:2px;}
.theme-category-toggle{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;line-height:1;transition:transform 0.3s ease,background 0.18s;}
.theme-category[open] .theme-category-toggle{transform:rotate(45deg);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;}
.theme-category .themes-grid{padding:24px 28px 28px;margin:0;max-width:none;}
.theme-category--custom{border-style:dashed;background:var(--bg2);}
.theme-category--custom[open]{border-style:solid;}

/* AI category — featured, more visual presence */
.theme-category--ai{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--blue),var(--cyan)) border-box;box-shadow:0 6px 24px rgba(0,120,212,0.14);position:relative;}
.theme-category--ai[open]{border-color:transparent;box-shadow:0 10px 36px rgba(0,120,212,0.22);}
.theme-category--ai .theme-category-header{background:linear-gradient(135deg,rgba(0,120,212,0.06),rgba(0,180,216,0.04));}
.theme-category--ai .theme-category-header:hover{background:linear-gradient(135deg,rgba(0,120,212,0.10),rgba(0,180,216,0.07));}
.theme-category--ai[open] .theme-category-header{border-bottom-color:rgba(0,120,212,0.18);}
.theme-category--ai .theme-category-label{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-flex;align-items:center;gap:8px;}
.theme-category--ai .theme-category-toggle{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 4px 12px rgba(0,120,212,0.30);}
.theme-category--ai[open] .theme-category-toggle{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;}
.theme-category-spark{display:inline-block;-webkit-text-fill-color:initial;color:initial;font-size:13px;animation:aiSparkle 2.4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(0,180,216,0.5));}
.theme-category-tag{font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));padding:3px 9px;border-radius:20px;margin-left:6px;vertical-align:middle;box-shadow:0 2px 6px rgba(0,120,212,0.30);}
@keyframes aiSparkle{0%,100%{opacity:0.7;transform:scale(1) rotate(0deg);}50%{opacity:1;transform:scale(1.18) rotate(15deg);}}

@media(max-width:960px){.themes-grid{grid-template-columns:repeat(2,1fr);}.themes-diff{gap:16px;}.themes-diff-item{padding:12px 20px;}.theme-category-header{padding:18px 20px;gap:14px;}.theme-category .themes-grid{padding:18px 20px 22px;}.theme-category-title{font-size:17px;}}
@media(max-width:600px){.themes-grid{grid-template-columns:1fr;}.themes-hero-title{letter-spacing:-0.8px;}.theme-category-header{padding:16px;}.theme-category .themes-grid{padding:14px 16px 18px;}.theme-category-toggle{width:30px;height:30px;font-size:18px;}.theme-category-sub{font-size:13px;}}

/* ── Single blog post (blog/<slug>.html) ── */
.blog-post{max-width:760px;margin:0 auto;padding:140px 24px 80px;}
.blog-post-header{margin-bottom:40px;}
.blog-post-back{font-size:13px;color:var(--blue);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;min-height:44px;}
.blog-post-back:hover{text-decoration:underline;}
.blog-post-meta{font-size:13px;color:var(--muted);margin:20px 0 12px;}
.blog-post h1{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-1.2px;line-height:1.15;color:var(--text);margin:0 0 16px;}
.blog-post-excerpt{font-size:18px;color:var(--muted);line-height:1.65;margin:0 0 16px;}
.blog-post-tags{display:flex;gap:6px;flex-wrap:wrap;}
.blog-post-body{font-size:17px;line-height:1.8;color:var(--text);}
.blog-post-body h2{font-size:24px;font-weight:800;letter-spacing:-0.5px;margin:48px 0 16px;}
.blog-post-body h3{font-size:19px;font-weight:700;margin:32px 0 12px;}
.blog-post-body p{margin:0 0 18px;}
.blog-post-body ul,.blog-post-body ol{margin:0 0 18px;padding-left:24px;}
.blog-post-body li{margin-bottom:8px;}
.blog-post-body strong{font-weight:700;color:var(--text);}
.blog-post-body em{font-style:italic;}
.blog-post-body blockquote{border-left:3px solid var(--blue);padding:8px 18px;margin:24px 0;color:var(--muted);font-style:italic;}
.blog-post-body code{background:var(--bg2);padding:2px 6px;border-radius:4px;font-size:0.9em;}
.blog-post-footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.blog-author{display:flex;flex-direction:column;}
.blog-author strong{font-size:15px;}
.blog-author span{font-size:13px;color:var(--muted);}

/* ─── MOBILE NAV DRAWER ─── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px 4px;border-radius:10px;}
.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.25s,opacity 0.25s,background 0.4s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:198;opacity:0;pointer-events:none;transition:opacity 0.28s;}
.mobile-nav-backdrop.open{opacity:1;pointer-events:auto;}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(300px,85vw);background:var(--bg);border-left:1px solid var(--border);z-index:300;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),background 0.4s;display:flex;flex-direction:column;padding:72px 20px 32px;gap:4px;box-shadow:-4px 0 40px rgba(0,0,0,0.15);}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav-close{position:absolute;top:16px;right:16px;background:var(--tag-bg);border:none;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background 0.2s;font-family:inherit;}
.mobile-nav-close:hover{background:var(--border);}
.mobile-nav a{color:var(--text);text-decoration:none;font-size:16px;font-weight:600;padding:13px 16px;border-radius:12px;transition:background 0.18s,color 0.18s;display:block;}
.mobile-nav a:hover,.mobile-nav a:focus{background:var(--tag-bg);color:var(--blue);}
.mobile-nav a.mobile-nav-cta{margin-top:auto;display:block;background:var(--blue);color:#fff;padding:14px 18px;border-radius:var(--r-pill);font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:background 0.2s;}
.mobile-nav a.mobile-nav-cta:hover{background:var(--blue-dark);color:#fff;}
@media(max-width:720px){
  .nav-hamburger{display:flex;margin-right:12px;}
  .nav-controls .nav-cta{display:none;}
}

/* ── MOBILE PERFORMANCE — stop expensive GPU ops on small screens ── */
@media(max-width:768px){
  body::before{filter:blur(16px);animation:none;}
  body::after{filter:blur(20px);animation:none;}
  nav{backdrop-filter:blur(12px) saturate(140%);}
}
@media print{
  body::before,body::after{display:none;}
  .nav-wrap,.mobile-nav,.mobile-nav-backdrop,.cta-section,footer,#progress-bar{display:none!important;}
  .blog-post{padding:20px;max-width:100%;}
  .blog-post-back,.blog-post-footer .nav-cta{display:none!important;}
  .blog-post-body a::after{content:" (" attr(href) ")";font-size:0.85em;color:#444;}
  .blog-post h1{font-size:24px;}
  .blog-post-body{font-size:12pt;line-height:1.6;color:#000;}
  .pricing-cards,.p-card,.flip-card{break-inside:avoid;}
}