/* Divine Ragas : landing page */

/* ---------- phone frame ---------- */
.phone{aspect-ratio:9/19.5;border-radius:11% / 5.1%;border:4px solid #1d1c18;background:#000;overflow:hidden;position:relative;
 box-shadow:0 50px 110px rgba(0,0,0,.85),0 0 0 1px #3a382f,inset 0 0 0 1px rgba(255,255,255,.05)}
.phone::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 28%);pointer-events:none;z-index:5}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}

/* ---------- preloader ---------- */
.pre{position:fixed;inset:0;z-index:400;background:var(--bg);display:none;place-items:center}
.anim .pre{display:grid}
.pre-mark{width:clamp(70px,9vw,112px);height:auto;--mk-bg:var(--lime);--mk-fg:#040403}
.pre-count{position:absolute;left:var(--pad);bottom:calc(var(--pad)*.8);font-family:var(--display);font-size:clamp(70px,13vw,200px);line-height:.8;letter-spacing:-.05em}
.pre-count small{font-size:.26em;color:var(--lime);margin-left:.1em;letter-spacing:0}
.pre-word{position:absolute;right:var(--pad);bottom:calc(var(--pad)*.8);font-family:Optima,"Tenor Sans",sans-serif;font-size:clamp(16px,1.8vw,24px);text-transform:lowercase;color:var(--mute)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:max(100svh,640px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);align-items:center;padding:clamp(96px,12vh,130px) var(--pad) clamp(36px,6vh,64px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;left:62%;top:42%;width:90vmax;height:90vmax;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(223,240,0,.13),rgba(5,119,119,.09) 42%,transparent 70%);z-index:-1;pointer-events:none}
.hero-copy{grid-column:1/8;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,3.6vh,38px);position:relative;z-index:4;min-width:0}
.hero-h{font-family:var(--display);font-size:clamp(46px,min(7vw,13.5vh),128px);line-height:.96;letter-spacing:-.035em;font-weight:400;margin:0}
.hl{display:block;overflow:hidden;padding:.05em .08em .24em;margin:-.05em -.08em -.24em}
.hl .in{display:block;white-space:nowrap}
.hero-h em{color:var(--lime);font-style:italic;font-weight:400;letter-spacing:-.04em}
.kicker{display:inline-flex;align-self:flex-start;align-items:center;gap:14px;font:500 clamp(12px,1vw,14px) var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--lime)}
.kicker i{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(223,240,0,.12)}
.hero-copy .lead{max-width:31em;font-size:clamp(17px,1.5vw,21px);line-height:1.7}
.cta-row{display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);flex-wrap:wrap}
.btn.big{padding:clamp(16px,1.6vw,21px) clamp(26px,2.6vw,36px);font-size:clamp(16px,1.3vw,18px);box-shadow:0 14px 44px rgba(223,240,0,.22)}
.see{display:inline-flex;align-items:center;gap:16px;color:var(--ink);font-size:clamp(15px,1.2vw,17px)}
.see .play{width:clamp(52px,4.4vw,64px);height:clamp(52px,4.4vw,64px);border:1px solid rgba(242,241,234,.22);border-radius:50%;display:grid;place-items:center;transition:border-color .3s,background .3s}
.see .play svg{width:20px;height:20px;margin-left:2px}
.see:hover .play{border-color:var(--lime);background:rgba(223,240,0,.08)}
.lead{max-width:27em;color:#c9c8bf;font-size:clamp(16px,1.35vw,19px)}
.hero-stage{grid-column:8/13;grid-row:1;position:relative;z-index:2;height:clamp(450px,76svh,760px)}
.rings{position:absolute;left:50%;top:50%;height:112%;width:auto;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.rings circle{fill:none;stroke:var(--lime);stroke-width:1;transform-origin:300px 300px;opacity:.22}
.rings circle:nth-child(1){animation:ripple 7s ease-in-out infinite;opacity:.18}
.rings circle:nth-child(2){animation:ripple 7s ease-in-out -2.3s infinite;opacity:.11}
.rings circle:nth-child(3){animation:ripple 7s ease-in-out -4.6s infinite;opacity:.07}
.rings .dash{stroke-width:2.5;opacity:.55;stroke-dasharray:90 1740;stroke-linecap:round;animation:spin 22s linear infinite}
@keyframes ripple{0%,100%{transform:scale(.94)}50%{transform:scale(1.07)}}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-stage .phone{position:absolute}
.hs-main{height:88%;width:auto;right:3%;top:0;z-index:3}
.hs-back{height:66%;width:auto;left:3%;bottom:0;z-index:2}
html:not(.anim) .hs-main{transform:rotate(4deg)}
html:not(.anim) .hs-back{transform:rotate(-6deg)}
html:not(.anim) .cta-stage .phone{transform:translateY(22%) rotate(5deg)}
.badge{position:absolute;left:-2%;bottom:-2%;width:clamp(110px,10.5vw,160px);z-index:5;color:var(--ink)}
.badge text{font:500 12.5px var(--body);letter-spacing:.2em;fill:currentColor}
.badge .spin{transform-origin:100px 100px;animation:spin 26s linear infinite}
.badge .bd{fill:var(--lime)}
.badge .mark{--mk-bg:#040403;--mk-fg:var(--lime)}
@media(max-width:1000px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-bottom:0}
 .hero-copy{gap:20px}
 .hero-h{font-size:clamp(44px,12.4vw,110px)}
 .hero-stage{height:clamp(330px,98vw,520px);margin:18px 0 0;width:100%}
 .hs-main{right:6%}
 .hs-back{left:6%}
}

/* ---------- scrolling bands ---------- */
.bands{position:relative;padding:clamp(24px,4vw,64px) 0;overflow:hidden}
.band{position:relative;overflow:hidden;white-space:nowrap;padding:.1em 0}
.band .bt{display:inline-flex;gap:.5em;will-change:transform;font-family:var(--display);font-size:clamp(40px,6.4vw,104px);line-height:1.1;letter-spacing:-.035em}
.band .bt span{display:inline-flex;align-items:center;gap:.5em;padding-right:.1em}
.band .bt span::after{content:"";width:.14em;height:.14em;border-radius:50%;background:var(--lime);margin-left:.4em;flex:none}
.b1{color:var(--ink);font-style:italic;border-block:1px solid var(--line)}
.b2{color:transparent;border-bottom:1px solid var(--line)}
.b2 .bt span{-webkit-text-stroke:1px rgba(242,241,234,.45)}
.band .bt .tg{align-self:flex-start;margin:.6em 0 0 .55em;font:500 max(12px,.13em) var(--body);letter-spacing:.22em;text-transform:uppercase;font-style:normal;color:var(--lime)}

/* ---------- manifesto ---------- */
.mani{position:relative;height:min(84svh,720px);min-height:480px;display:flex;align-items:center;padding:0 var(--pad)}
.mani-in{display:grid;grid-template-columns:minmax(150px,2fr) 10fr;gap:clamp(20px,4vw,70px);align-items:start;width:100%}
.mani-side{display:grid;gap:30px;align-content:start;padding-top:.8em}
.mani-mark{width:64px;height:64px;--mk-bg:var(--lime);--mk-fg:#040403}
.mf{font-family:var(--display);font-size:clamp(26px,4.3vw,70px);line-height:1.1;letter-spacing:-.025em;max-width:19em;text-wrap:pretty}
.anim .mf .w{opacity:.15}
.mf .w.hl2{color:var(--lime);font-style:italic}
@media(max-width:900px){.mani-in{grid-template-columns:1fr;gap:18px}.mani-side{grid-auto-flow:column;justify-content:space-between;align-items:center;padding:0}.mani-mark{width:42px;height:42px}.mani{min-height:0;height:auto;padding-block:clamp(36px,10vw,56px)}}

/* ---------- quote : photo that fades into the page ---------- */
.quote{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;min-height:clamp(420px,46vw,680px);margin-top:var(--sec);overflow:hidden;background:var(--bg)}
.quote-photo{position:relative;margin:0;width:100%;min-width:0;justify-self:stretch;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 58%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.quote-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%;will-change:transform}
.quote-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,3,.2),rgba(4,4,3,.05) 40%,var(--bg) 100%);pointer-events:none}
.quote-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px) var(--pad) clamp(40px,6vw,96px) clamp(0px,1vw,16px)}
.qm{font-family:var(--display);font-weight:500;font-size:clamp(54px,5.4vw,88px);line-height:.8;color:var(--lime);height:.5em;margin-bottom:clamp(14px,2vw,26px)}
.quote blockquote{margin:0}
.quote blockquote p{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.6vw,58px);line-height:1.12;letter-spacing:-.03em;max-width:14em;color:var(--ink)}
.qcap{margin-top:clamp(16px,2vw,26px);font:500 12px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
@media(max-width:900px){
 .quote{grid-template-columns:minmax(0,1fr)}
 .quote-photo{height:clamp(320px,104vw,600px);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
 .quote-body{padding:0 var(--pad) clamp(36px,9vw,60px);margin-top:-6vw}
}

/* ---------- why : editorial index ---------- */
.sec{padding:var(--sec) var(--pad) 0;position:relative}
.why{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,110px);align-items:start}
.why-head{position:sticky;top:120px}
.why-head h2{font-size:var(--fs-h2);margin:20px 0 22px}
.why-head h2 em{color:var(--lime)}
.why-head p{color:var(--mute);max-width:24em}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 18px;padding:clamp(20px,2.6vw,36px) 0;border-bottom:1px solid var(--line)}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.row h3{grid-column:1;grid-row:1;font-size:clamp(34px,4.4vw,70px);line-height:1;color:var(--mute);transition:color .4s}
.row p{grid-column:1;color:var(--mute);margin-top:12px;max-width:27em}
@media(hover:hover){
 .row:hover::after{transform:scaleX(1)}
 .row:hover h3{color:var(--ink)}
}
@media(max-width:900px){.why{grid-template-columns:1fr}.why-head{position:static}.row h3{color:var(--ink)}}

/* ---------- gallery ---------- */
.gal{position:relative;height:100svh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:74px;margin-top:var(--sec);background:var(--bg)}
.gal::before{content:"";position:absolute;left:50%;top:55%;width:80vmax;height:50vmax;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(223,240,0,.1),transparent 70%);pointer-events:none}
.gal-wm{position:absolute;left:0;top:50%;transform:translateY(-52%);font-family:var(--display);font-style:italic;font-size:clamp(180px,34vw,560px);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(223,240,0,.2);white-space:nowrap;pointer-events:none;will-change:transform}
.gal-head{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 var(--pad);margin-bottom:clamp(8px,3vh,36px);z-index:2}
.gal-head>div{display:flex;flex-direction:column;align-items:center}
.gal-head h2{font-size:var(--fs-h2);margin-top:12px}
.gal-head h2 em{color:var(--lime)}
.gal-head p{color:var(--mute);max-width:30em}
.track{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(30px,4.5vw,76px);padding:2vh var(--pad);width:max-content;will-change:transform}
.track figure{margin:0;flex:none;display:flex;gap:16px;align-items:flex-end}
.track figure:nth-child(odd){transform:translateY(-2.5vh) rotate(-1.6deg)}
.track figure:nth-child(even){transform:translateY(3.5vh) rotate(1.6deg)}
.track .phone{height:min(52vh,500px);width:auto}
.track figcaption{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--mute);display:flex;gap:12px;align-items:center;white-space:nowrap}
html:not(.anim) .gal{height:auto;min-height:0;padding-bottom:60px}
html:not(.anim) .track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory}
html:not(.anim) .gal-wm,html:not(.anim) @media(max-width:900px){
 .gal{height:auto;min-height:0;display:block;padding:0;margin-top:var(--sec)}
 .gal::before,.gal-wm, .gal-head{margin-bottom:6px}
 .gal-head p{display:none}
 .track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:20px var(--pad) 26px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .track::-webkit-scrollbar{display:none}
 .track figure{scroll-snap-align:center}
 .track figure:nth-child(odd),.track figure:nth-child(even){transform:none}
 .track .phone{height:min(60svh,430px)}
}

/* ---------- premium : asymmetric ---------- */
.prem{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,110px);align-items:start}
.prem-head h2 em{color:var(--lime)}
.prem-head p{color:var(--mute);max-width:25em}
.fine{margin-top:26px;font-size:14px;color:var(--dim)}
.fine a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.prem-sec{display:flex;align-items:center;padding-bottom:0}
.prem-sec .prem{width:100%;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr)}
.prem-head h2{font-size:min(var(--fs-h2),10.5vh);margin:18px 0 18px}
.hand,.pp-note,.seal{font-family:"Caveat","Bradley Hand",cursive;font-weight:500}
.pp{min-width:0}
.pass{--px:65.5%;position:relative;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);border:1px solid rgba(242,241,234,.13);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.022));transform:rotate(-1.4deg);isolation:isolate;box-shadow:0 36px 80px rgba(0,0,0,.45);
 -webkit-mask:radial-gradient(circle 13px at var(--px) 0,#0000 97%,#000),radial-gradient(circle 13px at var(--px) 100%,#0000 97%,#000);-webkit-mask-composite:source-in;mask:radial-gradient(circle 13px at var(--px) 0,#0000 97%,#000),radial-gradient(circle 13px at var(--px) 100%,#0000 97%,#000);mask-composite:intersect}
.pp-spot{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,30%) var(--my,0%),rgba(223,240,0,.09),transparent 62%)}
.pass-main{padding:clamp(22px,2.6vw,34px) clamp(22px,2.8vw,38px) clamp(24px,2.8vw,36px)}
.pass-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:500 12px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}
.pass-kicker .hand{font-size:22px;letter-spacing:0;text-transform:none;color:var(--lime);transform:rotate(-3deg)}
.pp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(12px,2vh,20px)}
.pp-tabs button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 11px;text-align:left;padding:clamp(10px,1.6vh,14px) 14px;border:1px solid rgba(242,241,234,.22);border-radius:14px;background:rgba(255,255,255,.03);color:var(--mute);cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.pp-tabs button:hover{border-color:rgba(223,240,0,.65);background:rgba(223,240,0,.05)}
.pp-tabs button[aria-selected="true"]{border-color:var(--lime);background:rgba(223,240,0,.09);}
.pp-tabs .dot{grid-row:1/3;position:relative;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(242,241,234,.45);transition:border-color .3s}
.pp-tabs .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--lime);transform:scale(0);transition:transform .4s var(--ease)}
.pp-tabs button:hover .dot{border-color:var(--lime)}
.pp-tabs button[aria-selected="true"] .dot{border-color:var(--lime)}
.pp-tabs button[aria-selected="true"] .dot::after{transform:scale(1)}
.pp-tabs .nm{font-family:var(--display);font-size:clamp(20px,1.9vw,27px);letter-spacing:-.02em;line-height:1;color:var(--ink)}
.pp-tabs .pr{font-size:14px;color:var(--mute);white-space:nowrap}
.pp-tabs button[aria-selected="true"] .pr{color:var(--lime)}
.pp-sub{color:var(--mute);font-size:15px;margin-top:6px;min-height:1.6em}
.pp-incl{margin-top:clamp(12px,2vh,22px);font:500 12px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--lime)}
.pp-list{list-style:none;margin:clamp(10px,1.6vh,16px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vh,16px) 26px}
.pp-list li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.35;color:#e4e3da;transition:color .4s}
.pp-list .ic{width:19px;height:18px;flex:none;color:var(--lime);margin-top:1px}
.pp-list li{animation:ppIn .55s var(--ease) backwards;animation-delay:calc(var(--i,0) * 70ms)}
.pp-sub.pp-pop{animation:ppIn .6s var(--ease) backwards}
.pp-note.pp-pop{animation:ppNote .6s var(--ease) .1s backwards}
@keyframes ppIn{from{transform:translateY(10px)}}
@keyframes ppNote{from{transform:translateY(8px) rotate(-2.5deg)}}
.pp-list li.off{color:var(--dim)}
.pp-list li.off .ic{color:var(--dim);opacity:.7}
.pass-stub{position:relative;display:flex;flex-direction:column;align-items:flex-start;border-left:2px dashed rgba(242,241,234,.2);padding:clamp(22px,2.6vw,34px) clamp(18px,2.2vw,30px);background:rgba(223,240,0,.03)}
.stub-l{font:500 12px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}
.pp-price{display:flex;align-items:flex-start;gap:2px;margin-top:clamp(8px,1.6vh,18px);font-family:var(--display);line-height:.9;letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums}
.pp-price .rs{font-size:clamp(22px,2.2vw,32px);color:var(--mute);margin-top:.28em;letter-spacing:0}
.pp-price .num{font-size:clamp(60px,6.4vw,100px)}
.pp-unit{color:var(--mute);font-size:14px;margin-top:6px}
.pp-note{display:flex;align-items:flex-end;gap:8px;margin:clamp(10px,2vh,20px) 0 clamp(14px,2.4vh,26px);font-size:clamp(21px,1.9vw,26px);line-height:1;color:var(--lime);transform:rotate(-2.5deg);transform-origin:left}
.pp-note svg{width:34px;height:26px;flex:none;opacity:.9}
.seal{position:absolute;right:clamp(8px,1.2vw,16px);top:clamp(8px,1.4vh,14px);display:grid;place-content:center;text-align:center;width:64px;height:64px;font-size:22px;line-height:.9;color:var(--lime);border:1.6px solid var(--lime);border-radius:52% 48% 50% 50% / 50% 53% 47% 50%;outline:1px solid rgba(223,240,0,.4);outline-offset:3px;transform:rotate(11deg);transition:opacity .4s,transform .7s var(--ease)}
.seal b{font-weight:500;font-size:.62em;letter-spacing:.04em}
.pp:not([data-plan="yearly"]) .seal{opacity:0;transform:rotate(-24deg) scale(.6)}
.pass-stub .btn{margin-top:auto;padding:11px 20px;font-size:14.5px}
.pp-fine{margin-top:18px;color:var(--dim);font-size:13.5px;padding-left:6px}
@media(max-width:900px){
 .prem-sec .prem{grid-template-columns:1fr}
 .prem-sec{display:block;min-height:0}
 .pass{grid-template-columns:1fr;-webkit-mask:none;mask:none;transform:none}
 .pass-stub{border-left:0;border-top:2px dashed rgba(242,241,234,.2);flex-direction:row;flex-wrap:wrap;gap:0 24px;align-items:center}
 .pass-stub .btn{margin-top:14px}
 .seal{top:auto;bottom:18px;right:18px}
}
@media(max-width:520px){.pp-list{grid-template-columns:1fr}.pp-tabs{gap:8px}.pp-tabs button{grid-template-columns:1fr;padding:10px 10px}.pp-tabs .dot{display:none}.pp-tabs .nm{font-size:19px}.pp-tabs .pr{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pass{transform:none}}
@media(max-width:900px){.prem{grid-template-columns:1fr}}

/* ---------- closing ---------- */
.cta{position:relative;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;padding:var(--sec) var(--pad) clamp(28px,4.4vw,60px);overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;left:68%;top:55%;width:80vmax;height:80vmax;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(223,240,0,.16),rgba(5,119,119,.08) 48%,transparent 70%);z-index:-1}
.cta-in{grid-column:1/9;position:relative;z-index:3}
.cta h2{font-size:clamp(64px,13.4vw,240px);line-height:.88;letter-spacing:-.05em;margin:22px 0 34px}
.cta h2 em{color:var(--lime)}
.cta-stage{grid-column:9/13;position:absolute;right:var(--pad);bottom:0;width:min(30vw,380px);z-index:2}
.cta-stage .phone{width:100%}
.cta-stage .badge{left:-30%;bottom:34%;width:clamp(100px,10vw,150px)}
@media(max-width:900px){
 .cta{display:block;padding-bottom:0;min-height:0}
 .cta-in{padding-bottom:18px}
 .cta h2{font-size:clamp(62px,19vw,130px)}
 .cta-stage{position:relative;right:auto;margin:20px auto 0;width:min(62vw,280px)}
 .cta-stage .badge{left:-22%;bottom:40%}
}