/* Awaken The Genius — 2026 site-chrome redesign.
   Ported from atgenius-redesign_2807a.html and scoped under .atg-redesign so it
   never bleeds into the Bootstrap-based inner pages (about/contact/gallery/faqs/
   pricing/quiz-flow) that still rely on vendor/bootstrap for layout.
   Applied to three independent roots that all carry the .atg-redesign class:
   <header class="atg-redesign atg-nav">, <footer class="atg-redesign atg-foot">,
   and the homepage's <div class="atg-redesign atg-home">. */

.atg-redesign{
  --ink:#12163A;
  --violet:#E5432A;
  --violet-deep:#B8301B;
  --ember:#FF7A45;
  --green:#2FA030;
  --paper:#FBFAF7;
  --paper-dim:#F2F7EF;
  --slate:#5B6178;
  --line:#E7E9E2;
  --pink:#F02FC2;
  --white:#FFFFFF;
  --radius:20px;
  --shadow: 0 20px 50px -20px rgba(18,22,58,0.25);
  font-family:'Inter',sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.atg-redesign *{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
.atg-redesign h1,.atg-redesign h2,.atg-redesign h3,.atg-redesign h4{font-family:'Sora',sans-serif; line-height:1.15; letter-spacing:-0.01em;}
.atg-redesign .mono{font-family:'JetBrains Mono',monospace;}
.atg-redesign img{max-width:100%; display:block;}
.atg-redesign a{color:inherit; text-decoration:none;}
.atg-redesign .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
.atg-redesign .section{padding:88px 0;}
.atg-redesign .section-tight{padding:56px 0;}
.atg-redesign .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:700;
  text-transform:uppercase; letter-spacing:0.08em;
  color:var(--violet-deep); background:var(--paper-dim);
  padding:7px 14px; border-radius:100px; margin-bottom:18px;
}
.atg-redesign h2.head{font-size:clamp(28px,4vw,40px); font-weight:800;}
.atg-redesign p.sub{color:var(--slate); font-size:22px; margin-top:14px;}
.atg-redesign .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:15px 28px; border-radius:100px; font-weight:700; font-size:15.5px;
  cursor:pointer; border:2px solid transparent; transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.atg-redesign .btn:hover{transform:translateY(-2px);}
.atg-redesign .btn-primary{background:var(--violet); color:#fff; box-shadow:0 12px 30px -10px rgba(107,79,255,0.55);}
.atg-redesign .btn-ember{background:var(--ember); color:#fff; box-shadow:0 12px 30px -10px rgba(255,122,69,0.55);}
.atg-redesign .btn-ghost{background:transparent; border-color:var(--line); color:var(--ink);}
.atg-redesign .btn-ghost:hover{border-color:var(--violet);}
.atg-redesign .btn-disabled{background:var(--paper-dim); color:var(--slate); box-shadow:none; cursor:not-allowed; pointer-events:none; opacity:0.65;}
.atg-redesign .btn-disabled:hover{transform:none;}
.atg-redesign .btn-dark{background:var(--ink); color:#fff;}

/* NAV (root: header.atg-redesign.atg-nav) */
.atg-nav{
  position:sticky; top:0; z-index:50; background:rgba(251,250,247,0.9);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
}
.atg-redesign nav{display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.atg-redesign .nav-left{display:flex; align-items:center; gap:36px;}
.atg-redesign .logo img{height:42px; width:auto;}
.atg-redesign .nav-links{display:flex; align-items:center; gap:28px; font-size:14.5px; font-weight:600;}
.atg-redesign .nav-links a{color:var(--slate);}
.atg-redesign .nav-links a:hover{color:var(--violet-deep);}
.atg-redesign .nav-right{display:flex; align-items:center; gap:12px;}
.atg-redesign .nav-cta{padding:11px 22px; font-size:14px;}
.atg-redesign .burger{display:none; font-size:26px; background:none; border:none; cursor:pointer; color:var(--ink);}

/* "More" dropdown (About Us / Gallery / Contact Us / FAQs) + logged-in profile dropdown */
.atg-redesign .nav-more{position:relative;}
.atg-redesign .nav-more-btn{
  background:none; border:none; cursor:pointer; color:var(--slate);
  font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600;
  display:inline-flex; align-items:center; gap:4px; padding:0;
}
.atg-redesign .nav-more-btn:hover{color:var(--violet-deep);}
.atg-redesign .nav-more-caret{font-size:10px; line-height:1;}
.atg-redesign .nav-more-menu{
  display:none; position:absolute; top:calc(100% + 14px); left:0; min-width:190px;
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);
  padding:8px; flex-direction:column; gap:2px; z-index:60;
}
/* Invisible bridge over the 14px gap above, so moving the mouse from the
   button down to the menu never leaves .nav-more's hover area — without
   this, :hover is lost mid-transit and the menu snaps shut before it can
   be clicked. */
.atg-redesign .nav-more-menu::before{
  content:''; position:absolute; top:-14px; left:0; right:0; height:14px;
}
.atg-redesign .nav-more-menu.nav-more-menu-right{left:auto; right:0;}
.atg-redesign .nav-more.open .nav-more-menu{display:flex;}
.atg-redesign .nav-more-menu a{color:var(--ink); padding:9px 12px; border-radius:9px; font-weight:600; font-size:14px;}
.atg-redesign .nav-more-menu a:hover{background:var(--paper-dim); color:var(--violet-deep);}
.atg-redesign .nav-profile .nav-more-btn{
  background:transparent; border:2px solid var(--line); color:var(--ink);
  padding:11px 18px; border-radius:100px; font-size:14px; font-weight:700;
}
.atg-redesign .nav-profile .nav-more-btn:hover{border-color:var(--violet);}
@media (min-width:881px){
  .atg-redesign .nav-more:hover .nav-more-menu{display:flex;}
}

@media (max-width:880px){
  .atg-redesign .nav-links{display:none;}
  .atg-redesign .burger{display:block;}
}

/* HERO */
.atg-redesign .hero{padding:64px 0 40px; position:relative; overflow:hidden;}
.atg-redesign .hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:50px; align-items:center;}
.atg-redesign .hero h1{font-size:clamp(34px,5.2vw,58px); font-weight:800;}
.atg-redesign .hero h1 span{color:var(--violet);}
.atg-redesign .hero p.sub{font-size:19px;}
.atg-redesign .hero-ctas{display:flex; gap:14px; margin-top:30px; flex-wrap:wrap;}
.atg-redesign .stat-row{display:flex; gap:28px; margin-top:44px; flex-wrap:wrap;}
.atg-redesign .stat-row div{min-width:120px;}
.atg-redesign .stat-num{font-family:'JetBrains Mono',monospace; font-weight:700; font-size:26px; color:var(--violet-deep);}
.atg-redesign .stat-label{font-size:11.5px; color:var(--slate); font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}

.atg-redesign .hero-art{
  position:relative; aspect-ratio:1/1; background:linear-gradient(155deg,var(--violet) 0%, var(--violet-deep) 60%, var(--ink) 100%);
  border-radius:32px; overflow:hidden; box-shadow:var(--shadow);
}
.atg-redesign .hero-art svg{position:absolute; inset:0; width:100%; height:100%;}
.atg-redesign .hero-art .badge{
  position:absolute; bottom:22px; left:22px; right:22px;
  background:rgba(255,255,255,0.14); backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,0.25); border-radius:16px; padding:14px 18px; color:#fff;
}
.atg-redesign .hero-art .badge b{display:block; font-family:'Sora',sans-serif; font-size:15px;}
.atg-redesign .hero-art .badge span{font-size:12.5px; opacity:0.85;}

@media (max-width:900px){ .atg-redesign .hero-grid{grid-template-columns:1fr;} .atg-redesign .hero-art{max-width:420px; margin:0 auto;} }

/* OLD WAY */
.atg-redesign .old-way{background:var(--ink); color:#fff;}
.atg-redesign .old-way .eyebrow{background:rgba(255,255,255,0.1); color:#F7B7A8;}
.atg-redesign .old-way h2.head{color:#fff;}
.atg-redesign .old-way p.sub{color:#B9BAD1;}
.atg-redesign .steps{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:44px;}
.atg-redesign .step-card{
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  border-radius:16px; padding:20px 16px; position:relative;
}
.atg-redesign .step-card .num{font-family:'JetBrains Mono',monospace; color:#E5432A; font-weight:700; font-size:13px;}
.atg-redesign .step-card p{font-size:14.5px; margin-top:10px; color:#DCDCEE;}
.atg-redesign .step-arrow{color:#E5432A; font-size:20px; opacity:0.6;}
@media (max-width:900px){ .atg-redesign .steps{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .atg-redesign .steps{grid-template-columns:1fr;} }
.atg-redesign .old-way-punch{
  margin-top:36px; font-family:'Sora',sans-serif; font-size:20px; font-weight:700;
  color:#fff; border-left:4px solid var(--violet); padding-left:18px;
}

/* COMPARE SLIDER */
.atg-redesign .compare-wrap{
  position:relative; border-radius:24px; overflow:hidden; box-shadow:var(--shadow);
  aspect-ratio:16/9; max-width:900px; margin:44px auto 0; border:1px solid var(--line);
}
.atg-redesign .compare-layer{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; padding:40px;}
.atg-redesign .compare-before{background:#EAE9F2; color:#6B6B80;}
.atg-redesign .compare-after{background:linear-gradient(160deg,#FFF9F0,#F2F7EF); color:#12163A; clip-path:inset(0 50% 0 0); display:block; padding:0;}
.atg-redesign .compare-after .compare-label{position:absolute; top:20px; left:24px; z-index:3; background:rgba(255,255,255,0.9); color:#12163A; box-shadow:0 4px 14px -6px rgba(18,22,58,0.25);}
.atg-redesign .mindmap-svg{width:100%; height:100%; display:block;}
.atg-redesign .compare-label{
  font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; text-transform:uppercase;
  letter-spacing:0.08em; margin-bottom:14px; display:inline-block; padding:5px 12px; border-radius:100px;
  position:relative; z-index:3;
}
.atg-redesign .compare-before .compare-label{background:#D9D7E8; color:#57576B;}
.atg-redesign .word-list{display:flex; flex-wrap:wrap; gap:6px; font-size:12.5px; overflow:auto; max-height:100%;}
.atg-redesign .word-list span{background:rgba(255,255,255,0.5); padding:4px 9px; border-radius:8px;}
.atg-redesign .user-override-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2;}
.atg-redesign .upload-btn{
  position:absolute; bottom:16px; left:16px; z-index:4;
  background:rgba(18,22,58,0.82); color:#fff; font-family:'Inter',sans-serif; font-weight:600; font-size:12.5px;
  padding:8px 14px; border-radius:100px; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
  border:1px solid rgba(255,255,255,0.25); transition:background .15s ease, transform .15s ease;
}
.atg-redesign .upload-btn:hover{background:var(--violet); transform:translateY(-2px);}
.atg-redesign .upload-btn-after{left:auto; right:16px;}
.atg-redesign .compare-slider-input{
  position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; margin:0; z-index:5;
}
.atg-redesign .compare-handle{
  position:absolute; top:0; bottom:0; left:50%; width:4px; background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,0.3); transform:translateX(-2px); pointer-events:none; z-index:4;
}
.atg-redesign .compare-handle::after{
  content:'⟷'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  background:#fff; color:var(--violet-deep); width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700;
  box-shadow:var(--shadow);
}
.atg-redesign .compare-caption{text-align:center; color:var(--slate); font-size:14px; margin-top:16px;}

/* TEST WIDGET */
.atg-redesign .test-section{background:var(--paper-dim);}
.atg-redesign .test-card{
  background:#fff; border-radius:28px; box-shadow:var(--shadow); border:1px solid var(--line);
  max-width:820px; margin:44px auto 0; padding:40px;
}
.atg-redesign .test-stage{min-height:260px; display:flex; flex-direction:column; justify-content:center;}
.atg-redesign .test-passage{font-size:17px; line-height:1.8; color:var(--ink);}
.atg-redesign .timer-ring{
  width:88px; height:88px; border-radius:50%; border:6px solid var(--line);
  border-top-color:var(--violet); display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono',monospace; font-weight:700; font-size:22px; margin:0 auto 20px;
  animation:atg-redesign-spin 20s linear infinite paused;
}
.atg-redesign .quiz-q{margin-bottom:20px;}
.atg-redesign .quiz-q p{font-weight:600; margin-bottom:10px;}
.atg-redesign .quiz-opts{display:grid; gap:8px;}
.atg-redesign .quiz-opt{
  border:2px solid var(--line); border-radius:12px; padding:11px 16px; cursor:pointer; font-size:14.5px;
  transition:border-color .15s ease, background .15s ease;
}
.atg-redesign .quiz-opt:hover{border-color:var(--violet);}
.atg-redesign .quiz-opt.selected{border-color:var(--violet); background:var(--paper-dim); font-weight:600;}
.atg-redesign .quiz-opt.correct{border-color:var(--green); background:#E6FBF4;}
.atg-redesign .quiz-opt.wrong{border-color:var(--ember); background:#FFF0E9;}
.atg-redesign .result-badge{
  display:flex; align-items:center; gap:20px; background:linear-gradient(135deg,var(--violet),var(--violet-deep));
  color:#fff; border-radius:20px; padding:26px; margin-top:6px;
}
.atg-redesign .result-badge .lvl{font-family:'Sora',sans-serif; font-weight:800; font-size:26px;}
.atg-redesign .result-badge .lvl-sub{font-size:13px; opacity:0.85;}
.atg-redesign .result-stats{display:flex; gap:26px; margin-top:16px; flex-wrap:wrap;}
.atg-redesign .result-stats div b{font-family:'JetBrains Mono',monospace; font-size:22px; display:block;}
.atg-redesign .result-stats div span{font-size:12px; opacity:0.8; text-transform:uppercase; letter-spacing:0.05em;}
.atg-redesign .gauge-track{width:100%; height:10px; background:var(--line); border-radius:100px; overflow:hidden; margin-top:16px;}
.atg-redesign .gauge-fill{height:100%; background:linear-gradient(90deg,var(--violet),var(--green)); width:0%; transition:width 1s ease;}
@keyframes atg-redesign-spin{ to{ transform:rotate(360deg);} }

/* VERTICALS */
.atg-redesign .vertical-toggle{display:flex; gap:10px; background:var(--paper-dim); padding:6px; border-radius:100px; width:max-content; margin:34px auto 0;}
.atg-redesign .vt-btn{padding:12px 26px; border-radius:100px; font-weight:700; font-size:14.5px; cursor:pointer; border:none; background:none; color:var(--slate);}
.atg-redesign .vt-btn.active{background:var(--violet); color:#fff;}
.atg-redesign .vt-panels{max-width:1000px; margin:40px auto 0;}
.atg-redesign .vt-panel{display:none;}
.atg-redesign .vt-panel.active{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.atg-redesign .vt-card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px; box-shadow:0 8px 24px -14px rgba(18,22,58,0.15);}
.atg-redesign .vt-card .icon{width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:14px;}
.atg-redesign .vt-card h4{font-size:17px; margin-bottom:8px;}
.atg-redesign .vt-card p{color:var(--slate); font-size:14.5px;}
.atg-redesign .tag-row{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; justify-content:center;}
.atg-redesign .tag-chip{background:#fff; border:1px solid var(--line); padding:6px 14px; border-radius:100px; font-size:13px; font-weight:600; color:var(--violet-deep); display:inline-flex; align-items:center; gap:6px; cursor:pointer; transition:background .15s ease, border-color .15s ease, transform .15s ease;}
.atg-redesign .tag-chip:hover{background:var(--violet); border-color:var(--violet); color:#fff; transform:translateY(-2px);}
.atg-redesign .tag-chip .arrow{font-size:11px; opacity:0.7;}

/* ACHIEVEMENTS */
.atg-redesign .achieve-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px;}
.atg-redesign .achieve-card{border-radius:22px; overflow:hidden; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow);}
.atg-redesign .achieve-card img{width:100%; height:414px; object-fit:cover; background:#EDEBF9;}
.atg-redesign .achieve-card .cap{padding:20px 22px;}
.atg-redesign .achieve-card .cap b{display:block; font-family:'Sora',sans-serif; font-size:15.5px; margin-bottom:4px;}
.atg-redesign .achieve-card .cap span{font-size:13.5px; color:var(--slate);}
.atg-redesign .cred-chips{display:flex; flex-wrap:wrap; gap:12px; margin-top:40px;}
.atg-redesign .cred-chip{
  display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:14px 18px; flex:1; min-width:210px;
}
.atg-redesign .cred-chip .n{font-family:'Sora',sans-serif; font-weight:800; font-size:20px; color:var(--violet-deep);}
.atg-redesign .cred-chip .t{font-size:13px; color:var(--slate);}
@media (max-width:760px){ .atg-redesign .achieve-grid{grid-template-columns:1fr;} }

/* BUZAN STRIP */
.atg-redesign .buzan-strip{background:var(--ink); color:#fff; border-top:3px solid var(--pink);}
.atg-redesign .buzan-inner{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.atg-redesign .buzan-inner img{height:52px; background:#fff; padding:8px 14px; border-radius:10px;}
.atg-redesign .buzan-text{max-width:520px;}
.atg-redesign .buzan-text b{font-family:'Sora',sans-serif; font-size:17px; display:block; margin-bottom:6px;}
.atg-redesign .buzan-text span{font-size:14px; color:#B9BAD1;}

/* TESTIMONIALS */
.atg-redesign .testi-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:44px;}
.atg-redesign .testi-card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px;}
.atg-redesign .testi-card p{font-size:14.5px; color:var(--ink); margin-bottom:16px;}
.atg-redesign .testi-who{display:flex; align-items:center; gap:10px;}
.atg-redesign .testi-avatar{width:38px; height:38px; border-radius:50%; background:var(--violet); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px;}
.atg-redesign .testi-who b{font-size:14px; display:block;}
.atg-redesign .testi-who span{font-size:12.5px; color:var(--slate);}
@media (max-width:760px){ .atg-redesign .testi-grid{grid-template-columns:1fr;} }

/* CERTIFICATION LOCK */
.atg-redesign .cert-section{background:var(--paper-dim);}
.atg-redesign .cert-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:16px; margin-top:40px;}
.atg-redesign .cert-card{
  position:relative; background:#fff; border-radius:18px; padding:22px; border:1px solid var(--line);
  filter:blur(0.3px); overflow:hidden; text-align:center;
}
.atg-redesign .cert-card .medal{font-size:34px; margin-bottom:10px; filter:grayscale(1) opacity(0.5);}
.atg-redesign .cert-card h4{font-size:14.5px; margin-bottom:4px; color:var(--slate);}
.atg-redesign .cert-card .lock{
  position:absolute; inset:0; background:rgba(251,250,247,0.75); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center; font-size:22px;
}
.atg-redesign a.cert-card{
  filter:none; text-decoration:none; color:inherit; cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
.atg-redesign a.cert-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow); }
.atg-redesign a.cert-card .medal{ filter:none; }
.atg-redesign a.cert-card .lock{
  inset:auto 10px 10px auto; width:26px; height:26px; border-radius:50%;
  background:#17a34a; color:#fff; backdrop-filter:none; font-size:13px;
}
.atg-redesign .cert-cta{
  margin-top:34px; background:linear-gradient(135deg,var(--violet),var(--violet-deep)); border-radius:20px;
  padding:30px 36px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; color:#fff;
}
.atg-redesign .cert-cta h3{font-size:20px; margin-bottom:6px;}
.atg-redesign .cert-cta p{font-size:14px; opacity:0.85; max-width:420px;}
@media (max-width:900px){ .atg-redesign .cert-grid{grid-template-columns:1fr 1fr;} }

/* PRICING */
.atg-redesign .pricing-card{
  max-width:640px; margin:44px auto 0; background:#fff; border:1px solid var(--line); border-radius:24px;
  padding:36px; text-align:center; box-shadow:var(--shadow);
}
.atg-redesign .pricing-card .icon-row{display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin:20px 0 26px;}
.atg-redesign .pricing-card .icon-row .icon-chip{
  background:var(--paper-dim); border-radius:14px; padding:14px 18px; font-size:13px; font-weight:700; color:var(--violet-deep);
  text-decoration:none; display:inline-block; transition:background 0.15s ease, transform 0.15s ease;
}
.atg-redesign .pricing-card .icon-row a.icon-chip:hover{background:var(--violet-deep); color:#fff; transform:translateY(-2px);}
.atg-redesign .pricing-note{font-size:12.5px; color:var(--slate); margin-top:14px;}

/* FINAL CTA */
.atg-redesign .final-cta{background:linear-gradient(135deg,var(--violet) 0%, var(--violet-deep) 55%, var(--ink) 100%); color:#fff; text-align:center;}
.atg-redesign .final-cta h2{font-size:clamp(28px,4.5vw,42px); font-weight:800; max-width:640px; margin:0 auto;}
.atg-redesign .final-cta p{color:#D8D6F5; max-width:520px; margin:16px auto 0;}
.atg-redesign .store-row{display:flex; gap:14px; justify-content:center; margin-top:30px; flex-wrap:wrap;}
.atg-redesign .store-row img{height:46px; border-radius:8px;}

/* PLANS PAGE (root: our_plans.blade.php's <div class="atg-redesign atg-plans">) */
.atg-redesign .plans-hero{text-align:center; padding:60px 0 10px; position:relative; overflow:hidden;}
.atg-redesign .plans-hero::before,
.atg-redesign .plans-hero::after{
  content:''; position:absolute; width:340px; height:340px; border-radius:50%; z-index:-1;
  filter:blur(70px); opacity:0.35;
}
.atg-redesign .plans-hero::before{background:var(--violet); top:-160px; left:-100px;}
.atg-redesign .plans-hero::after{background:var(--green); top:-120px; right:-120px; opacity:0.25;}
.atg-redesign .plan-cat{display:flex; align-items:center; gap:12px; margin:56px 0 22px;}
.atg-redesign .plan-cat:first-of-type{margin-top:30px;}
.atg-redesign .plan-cat .swatch{
  width:18px; height:18px; border-radius:50%; flex-shrink:0;
  box-shadow:0 0 0 5px color-mix(in srgb, var(--swatch-color, var(--violet)), white 82%);
}
.atg-redesign .plan-cat h3{font-size:23px; font-weight:800;}
.atg-redesign .plan-cat span{font-size:13px; color:var(--slate); font-weight:600;}
.atg-redesign .plan-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
@media (max-width:980px){ .atg-redesign .plan-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){ .atg-redesign .plan-grid{grid-template-columns:1fr;} }
.atg-redesign .plan-card{
  position:relative; background:#fff; border:1px solid var(--line); border-radius:22px;
  box-shadow:0 14px 34px -18px rgba(18,22,58,0.2);
  display:flex; flex-direction:column; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease;
}
.atg-redesign .plan-card:hover{transform:translateY(-4px); box-shadow:0 22px 46px -20px rgba(18,22,58,0.3);}
.atg-redesign .plan-card.featured{
  border-color:var(--accent, var(--violet));
  box-shadow:0 30px 64px -22px color-mix(in srgb, var(--accent, var(--violet)), transparent 40%);
}
.atg-redesign .plan-header{
  position:relative; padding:28px 26px 22px;
  background:linear-gradient(155deg, var(--accent, var(--violet)) 0%, color-mix(in srgb, var(--accent, var(--violet)), black 30%) 100%);
  color:#fff;
}
.atg-redesign .plan-featured-tag{
  position:absolute; top:16px; right:-36px; transform:rotate(45deg); z-index:2;
  font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:800; letter-spacing:.05em;
  text-transform:uppercase; color:var(--accent, var(--violet)); background:#fff; padding:5px 44px;
  box-shadow:0 6px 14px -4px rgba(0,0,0,0.35);
}
.atg-redesign .plan-badge{
  display:inline-block; font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; color:#fff; background:rgba(255,255,255,0.2); padding:5px 12px; border-radius:100px;
}
.atg-redesign .plan-price{font-family:'JetBrains Mono',monospace; font-size:32px; font-weight:700; margin-top:16px; color:#fff;}
.atg-redesign .plan-price small{font-size:13px; font-weight:600; color:rgba(255,255,255,0.8);}
.atg-redesign .plan-price-was{
  font-size:13px; color:rgba(255,255,255,0.7); text-decoration:line-through; margin-top:-6px;
}
.atg-redesign .plan-body{padding:22px 26px 26px; display:flex; flex-direction:column; gap:14px; flex:1;}
.atg-redesign .plan-card h4{font-size:19px; font-weight:800;}
.atg-redesign .plan-duration{
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--accent, var(--violet));
  background:var(--accent-soft, var(--paper-dim)); padding:6px 12px; border-radius:100px; width:max-content;
}
.atg-redesign .program-chip{
  display:inline-block; font-size:12px; font-weight:600; padding:4px 11px; border-radius:100px; margin:3px 5px 0 0;
  background:var(--accent-soft, var(--paper-dim)); color:var(--accent, var(--violet));
}
.atg-redesign .plan-cta{
  margin-top:auto; text-align:center; padding:13px; border-radius:100px; font-weight:700; font-size:14.5px;
  background:var(--accent, var(--violet)); color:#fff; transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 12px 26px -12px color-mix(in srgb, var(--accent, var(--violet)), transparent 30%);
}
.atg-redesign .plan-cta:hover{transform:translateY(-2px); box-shadow:0 16px 32px -12px color-mix(in srgb, var(--accent, var(--violet)), transparent 20%);}

/* BUY / CHECKOUT PAGE (root: cart.blade.php's <div class="atg-redesign atg-buy">)
   Cart still uses Bootstrap grid/forms from layout_blank. The global
   `.atg-redesign * { margin:0; padding:0 }` reset (line ~29) loads after
   Bootstrap and strips column gutters + form padding — restore them here. */
.atg-buy .container{
  width:100%; max-width:1140px; margin-left:auto; margin-right:auto; margin-top:0;
  padding-left:calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  padding-right:calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}
.atg-buy .row{
  --bs-gutter-x:1.5rem; --bs-gutter-y:0;
  display:flex; flex-wrap:wrap;
  margin-top:calc(-1 * var(--bs-gutter-y));
  margin-right:calc(-0.5 * var(--bs-gutter-x));
  margin-left:calc(-0.5 * var(--bs-gutter-x));
}
.atg-buy .row > *{
  flex-shrink:0; width:100%; max-width:100%;
  padding-right:calc(var(--bs-gutter-x) * 0.5);
  padding-left:calc(var(--bs-gutter-x) * 0.5);
  margin-top:var(--bs-gutter-y);
}
.atg-buy .row.g-4{--bs-gutter-y:1.5rem;}
@media (min-width:576px){
  .atg-buy .col-sm-4{flex:0 0 auto; width:33.333333%;}
  .atg-buy .col-sm-8{flex:0 0 auto; width:66.666667%;}
}
@media (min-width:768px){
  .atg-buy .col-md-4{flex:0 0 auto; width:33.333333%;}
  .atg-buy .col-md-6{flex:0 0 auto; width:50%;}
  .atg-buy .col-md-8{flex:0 0 auto; width:66.666667%;}
}
.atg-buy .col{flex:1 0 0;}
.atg-buy .form-control{
  display:block; width:100%; padding:0.375rem 0.75rem;
  font-size:1rem; line-height:1.5; color:var(--ink);
  background:#fff; border:1px solid var(--line); border-radius:0.5rem;
}
.atg-buy .form-label{display:inline-block; margin-bottom:0.5rem; font-weight:600; font-size:14px;}
.atg-buy .list-group-item{
  position:relative; display:block; padding:12px 4px;
  background:#fff; border:1px solid var(--line);
}
.atg-buy .list-group-flush > .list-group-item{border-width:0 0 1px;}
.atg-buy .d-flex{display:flex !important;}
.atg-buy .justify-content-between{justify-content:space-between !important;}
.atg-buy .align-items-center{align-items:center !important;}
.atg-buy .text-end{text-align:right !important;}
.atg-buy .text-danger{color:#dc3545 !important;}
.atg-buy .coupon-row .btn{
  display:block; width:100%; padding:0.375rem 0.75rem;
  border-radius:0.5rem; white-space:normal; transform:none; box-shadow:none;
}
.atg-buy .coupon-row .btn:hover{transform:none;}
.atg-buy .qty-text{float:none !important; width:70px !important;}
.atg-buy .buy-footer{
  margin-top:48px; padding:28px 0 32px; border-top:1px solid var(--line);
}
.atg-buy .buy-footer .row{align-items:center;}
.atg-buy .buy-footer-logos{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
}
.atg-buy .buy-footer img{
  display:inline-block; width:40px; height:40px; max-width:40px;
  object-fit:contain; opacity:0.85; flex-shrink:0;
}
.atg-buy .buy-footer-help{
  display:flex; align-items:center; justify-content:flex-end;
}
.atg-buy .buy-footer a{color:var(--slate); font-weight:600; text-decoration:none; font-size:14px; white-space:nowrap;}
.atg-buy .buy-footer a:hover{color:var(--violet-deep);}
@media (max-width:767px){
  .atg-buy .buy-footer-help{justify-content:flex-start; margin-top:4px;}
}
.atg-buy .razorpay-payment-button{
  display:block; width:100%; margin-top:12px; padding:13px;
  border:none; border-radius:12px; font-weight:700; font-size:15px;
  color:#fff; background:linear-gradient(135deg, var(--accent, var(--violet)), var(--ink));
  cursor:pointer;
}
.atg-buy .razorpay-payment-button:hover{filter:brightness(1.05);}

.atg-redesign .buy-hero{background:linear-gradient(135deg, var(--accent, var(--violet)) 0%, var(--ink) 120%); border-radius:0 0 28px 28px; padding:26px 0 34px; margin-bottom:28px;}
.atg-redesign .buy-hero-top{display:flex; align-items:center; justify-content:space-between; color:#fff;}
.atg-redesign .buy-hero-top img{width:48px; height:40px; background:#fff; border-radius:10px; padding:4px;}
.atg-redesign .buy-hero-top .secure{font-size:13px; font-weight:700; display:flex; align-items:center; gap:8px;}
.atg-redesign .buy-hero-top .secure img{width:34px; height:34px;}
.atg-redesign .buy-steps{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:22px; flex-wrap:wrap;}
.atg-redesign .buy-step{display:flex; align-items:center; gap:8px; font-family:'Sora',sans-serif; font-weight:700; font-size:13px; color:rgba(255,255,255,0.55); text-transform:uppercase; letter-spacing:.04em;}
.atg-redesign .buy-step .dot{width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,0.15); color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px;}
.atg-redesign .buy-step.active{color:#fff;}
.atg-redesign .buy-step.active .dot{background:#fff; color:var(--accent, var(--violet));}
.atg-redesign .buy-step-sep{width:34px; height:2px; background:rgba(255,255,255,0.25);}
.atg-redesign .buy-card{border:1px solid var(--line); border-radius:22px; box-shadow:0 20px 50px -24px rgba(18,22,58,0.35); overflow:hidden; background:#fff;}
.atg-redesign .buy-card-head{background:var(--accent-soft, var(--paper-dim)); padding:18px 24px; display:flex; align-items:center; gap:10px; font-family:'Sora',sans-serif; font-weight:700; color:var(--ink);}
.atg-redesign .buy-card-head .icon{width:34px; height:34px; border-radius:10px; background:var(--accent, var(--violet)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px;}
.atg-redesign .buy-card-body{padding:22px 24px;}
.atg-redesign .coupon-row .btn{background:var(--accent, var(--violet)); border-color:var(--accent, var(--violet)); color:#fff; font-weight:700;}
.atg-redesign .summary-list .list-group-item{border:none; border-bottom:1px solid var(--line); padding:12px 4px;}
.atg-redesign .summary-list .list-group-item:last-child{border-bottom:none;}
.atg-redesign #amount_payable{font-family:'JetBrains Mono',monospace; font-size:20px; color:var(--accent, var(--violet)) !important;}
.atg-redesign #unit_cost, .atg-redesign #sub_total, .atg-redesign #amount, .atg-redesign #gst_amount{font-family:'JetBrains Mono',monospace;}
.atg-redesign .qty-text{text-align:center; font-weight:700;}
.atg-redesign .btn-confirm{background:linear-gradient(135deg, var(--accent, var(--violet)), var(--ink)) !important; border:none !important; color:#fff !important; font-weight:700; letter-spacing:.02em; padding:13px !important; display:block !important; width:100% !important; border-radius:12px !important; transform:none;}
.atg-redesign .btn-confirm:hover{filter:brightness(1.05); transform:none;}
.atg-redesign .pay-user-field{border-radius:10px !important; background:var(--paper-dim) !important; border:1px solid var(--line) !important;}
.atg-buy{background:var(--paper); min-height:100vh; padding-bottom:20px;}

/* FOOTER (root: footer.atg-redesign.atg-foot) */
.atg-foot{background:var(--ink); color:#B9BAD1; padding:60px 0 30px; font-size:14px;}
.atg-redesign .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px;}
.atg-redesign .foot-grid h5{color:#fff; font-family:'Sora',sans-serif; font-size:14px; margin-bottom:14px;}
.atg-redesign .foot-grid a{display:block; color:#B9BAD1; margin-bottom:9px;}
.atg-redesign .foot-grid a:hover{color:#fff;}
.atg-redesign .foot-bottom{border-top:1px solid rgba(255,255,255,0.1); margin-top:40px; padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px;}
@media (max-width:760px){ .atg-redesign .foot-grid{grid-template-columns:1fr 1fr;} }