/* Dojostreams "Try for free" page (ADR 0025). Built from docs/design/trial/*.dc.html: the designs' CSS is kept as it
 * is, scoped under .dj-m (phone hero), .dj-d (desktop hero), .dj-rm / .dj-rd (reviews carousel / grid); keyframes are
 * prefixed (djm-, djd-, dj-). Shared sections (steps, FAQ, assistance) use the phone sizes below 1200 px and the
 * desktop sizes from 1200 px. Fonts, page base, header, phone menu and footer: ../site/site.css (loaded first). */

/* ================= page base ================= */
.dj-trial .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dj-trial .stack{display:grid}
.dj-trial .stack>*{grid-area:1/1}
/* Cloudflare's check stays out of the layout (its invisible box would push the page down) until it needs a click */
.dj-trial .ts{position:absolute;left:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.dj-trial .ts.show{position:static;width:auto;height:auto;overflow:visible;opacity:1;pointer-events:auto}
.dj-trial .msg{font:400 14px/1.5 'DM Sans',dj-dmsans-fb,sans-serif;color:#B42318;background:#FEF3F2;border:1px solid #FECDCA;border-radius:14px;padding:12px 14px}
.dj-trial .msg.ok{color:#00785F;background:#E2F7F1;border-color:#BDEBDD}
.dj-trial .msg[hidden]{display:none}
.dj-trial .msg a{color:inherit;font-weight:600}
.dj-trial .lnk{min-height:44px;border:0;background:none;padding:0;font:500 14px 'DM Sans',dj-dmsans-fb,sans-serif;color:#5A2FE0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dj-trial .lnk[hidden]{display:none}
.dj-trial .btn:focus-visible,.dj-trial .btn2:focus-visible,.dj-trial .copy:focus-visible,.dj-trial .lnk:focus-visible,.dj-trial .ib:focus-visible,.dj-trial .nextcard:focus-visible,.dj-trial .rvdot:focus-visible,.dj-trial .dhd a:focus-visible,.dj-trial .mnav a:focus-visible,.dj-trial .ft a:focus-visible{outline:2px solid #673DE6;outline-offset:3px}
.dj-trial .line.kbd{outline:2px solid #673DE6;outline-offset:3px}
.dj-trial .sel-wrap select:focus,.dj-trial .digit:focus{border-color:#673DE6;box-shadow:0 0 0 4px rgba(103,61,230,.16);outline:none}
.dj-trial .kpend{display:flex;flex-direction:column;gap:14px;text-align:center;width:100%}
.dj-trial .kpend[hidden],.dj-trial .kpane.is-pending .ringbox,.dj-trial .kpane.is-pending .tasks,.dj-trial .kpane.is-pending .kfoot{display:none}

/* which layout shows where */
.dj-d,.dj-rd{display:none}
@media (min-width:900px){.dj-rm{display:none}.dj-rd{display:block}}
@media (min-width:1200px){.dj-m{display:none}.dj-d{display:block}}

@media (max-width:1099px){.dj-m .mhero{padding-top:64px}}

/* ================= phone hero extras (menu panel, tablet centring) ================= */
.dj-m .mhero{position:relative;background:#F4F5FF}
.dj-m .mx{max-width:560px;margin:0 auto}
.dj-m .ringbox{position:relative;width:150px;height:150px}
.dj-m .ringc,.dj-d .ringc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.dj-m .pct{font:600 19px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A;font-variant-numeric:tabular-nums}
.dj-m .tasks{justify-items:center;min-height:24px}
.dj-d .hero-sec{position:relative;padding:48px 0 96px;background:linear-gradient(180deg,#FFFFFF 0%,#F4F5FF 100%);overflow:hidden}
.dj-d .ringbox{position:relative;width:150px;height:150px}
.dj-d .pct{font:600 20px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A;font-variant-numeric:tabular-nums}
.dj-d .tasks{justify-items:center;text-align:center}
.dj-d .sendmsg{min-height:20px}
.dj-d .sendmsg .msg{text-align:left}

/* ================= shared sections: phone sizes, then desktop sizes from 1200 px ================= */
.dj-trial .eyebrow{font:600 12px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5A2FE0}
.dj-trial .h2{font:600 30px/1.1 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.025em;margin:0;color:#2F1C6A}
.dj-trial .p{font:400 16px/1.55 'DM Sans',dj-dmsans-fb,sans-serif;margin:0;color:#494C4F}
.dj-trial .sm{font:400 13px/1.45 'DM Sans',dj-dmsans-fb,sans-serif}
.dj-trial .mut{color:#5E6175}
.dj-trial .card{position:relative;background:#FFFFFF;border:1px solid #ECEAF8;border-radius:24px;padding:20px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 12px 28px -10px rgba(103,61,230,.24),0 40px 80px -30px rgba(103,61,230,.32)}
@keyframes dj-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dj-grow{from{transform:scaleY(0)}to{transform:none}}
@keyframes dj-pulse{from{box-shadow:0 0 0 0 rgba(103,61,230,.38)}to{box-shadow:0 0 0 16px rgba(103,61,230,0)}}
@keyframes dj-cardUp{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dj-draw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
@keyframes dj-cardSheen{0%{transform:translateX(-125%) skewX(-16deg);opacity:1}90%{opacity:1}100%{transform:translateX(250%) skewX(-16deg);opacity:0}}

/* ---- steps · Sequence ---- */
.dj-trial .stp-sec{position:relative;padding:56px 0;background:#FFFFFF}
.dj-trial .stp-in{display:flex;flex-direction:column;gap:22px}
.dj-trial .shd{display:flex;flex-direction:column;gap:10px}
.dj-trial .shd .p{font-size:15px}
.dj-trial .srail{list-style:none;margin:6px 0 0;padding:0;position:relative;display:flex;flex-direction:column;gap:14px;--h2:250px;--h3:500px}
.dj-trial .rtrack,.dj-trial .rfill{position:absolute;left:20.5px;top:22px;width:3px;border-radius:3px}
.dj-trial .rtrack{height:var(--h3);background:#E9E5FB;transform-origin:50% 0}
.dj-trial .rfill{height:0;background:linear-gradient(180deg,#7651F0,#673DE6);transition:height .5s cubic-bezier(.65,0,.35,1)}
.dj-trial .f2 .rfill{height:var(--h2)}
.dj-trial .f3 .rfill{height:var(--h3)}
.dj-trial .st{position:relative;display:flex;gap:14px;align-items:flex-start}
.dj-trial .cir{position:relative;z-index:2;flex:none;width:44px;height:44px;border-radius:50%;box-sizing:border-box;background:#FFFFFF;border:2px solid #E4DFFA;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff,0 0 0 6px #ECEAF8;transition:border-color .4s}
.dj-trial .cir .bg{position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(180deg,#7651F0,#673DE6);transform:scale(0);transition:transform .55s cubic-bezier(.34,1.4,.64,1)}
.dj-trial .cir .num{position:relative;font:600 17px Lexend,dj-lexend-fb,sans-serif;color:#673DE6;transition:color .3s}
.dj-trial .cir::after{content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none}
.dj-trial .st.on .cir{border-color:#673DE6}
.dj-trial .st.on .cir .bg{transform:scale(1)}
.dj-trial .st.on .cir .num{color:#fff}
.dj-trial .stp-sec.inn .st.on .cir::after{animation:dj-pulse .9s cubic-bezier(.16,1,.3,1) .15s both}
.dj-trial .scard{flex:1;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;background:#FFFFFF;border:1px solid #ECEAF8;box-shadow:0 1px 2px rgba(47,28,106,.06),0 12px 28px -10px rgba(103,61,230,.24),0 40px 80px -30px rgba(103,61,230,.32);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .55s cubic-bezier(.16,1,.3,1),border-color .5s}
.dj-trial .sct{position:relative;font:600 17px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-trial .sp{font-size:15px}
.dj-trial .armed .st:not(.on) .scard{opacity:0;transform:translateY(16px);filter:blur(4px)}
.dj-trial .armed .st.cur .scard{border-color:#DCD3FF}
.dj-trial .stp-sec.wait .shd>*{opacity:0}
.dj-trial .stp-sec.wait .rtrack{transform:scaleY(0)}
.dj-trial .stp-sec.inn .shd>*{animation:dj-rise .8s cubic-bezier(.16,1,.3,1) both}
.dj-trial .stp-sec.inn .shd>*:nth-child(2){animation-delay:.07s}
.dj-trial .stp-sec.inn .shd>*:nth-child(3){animation-delay:.14s}
.dj-trial .stp-sec.inn .rtrack{animation:dj-grow 1s cubic-bezier(.16,1,.3,1) .1s both}

/* ---- FAQ ---- */
.dj-trial .faq-sec{position:relative;padding:56px 0;background:#F4F5FF}
.dj-trial .faq-in{display:flex;flex-direction:column;gap:22px}
.dj-trial .fq-h{display:flex;flex-direction:column;gap:10px}
.dj-trial .fq-more{display:none}
.dj-trial .fq-card{padding:4px 20px}
.dj-trial .faq-sec.wait .fq-h>*,.dj-trial .faq-sec.wait .fq-card{opacity:0}
.dj-trial .faq-sec.inn .fq-h>*{animation:dj-rise .8s cubic-bezier(.16,1,.3,1) both}
.dj-trial .faq-sec.inn .fq-h>*:nth-child(2){animation-delay:.07s}
.dj-trial .faq-sec.inn .fq-h>*:nth-child(3){animation-delay:.14s}
.dj-trial .faq-sec.inn .fq-card{animation:dj-cardUp .9s cubic-bezier(.16,1,.3,1) .14s both}
.dj-trial .faq-sec.inn .fq-card .fq{animation:dj-rise .6s cubic-bezier(.16,1,.3,1) both}
.dj-trial .faq-sec.inn .fq-card .fq:nth-child(1){animation-delay:.28s}
.dj-trial .faq-sec.inn .fq-card .fq:nth-child(2){animation-delay:.34s}
.dj-trial .faq-sec.inn .fq-card .fq:nth-child(3){animation-delay:.4s}
.dj-trial .faq-sec.inn .fq-card .fq:nth-child(4){animation-delay:.46s}
.dj-trial .faq-sec.inn .fq-card .fq:nth-child(5){animation-delay:.52s}
.dj-trial .fq{border-bottom:1px solid #EFEDF8}
.dj-trial .fq:last-child{border-bottom:0}
.dj-trial .fqb{appearance:none;-webkit-appearance:none;border:0;background:none;margin:0;width:100%;box-sizing:border-box;min-height:64px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font:500 16px/1.35 Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A;cursor:pointer;transition:color .2s}
.dj-trial .fqb:hover{color:#5A2FE0}
.dj-trial .fqb:focus-visible{outline:2px solid #673DE6;outline-offset:4px;border-radius:8px}
.dj-trial .fq .pm{flex:none;width:20px;height:20px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.dj-trial .fq .pm .pv{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
.dj-trial .fq.on .pm{transform:rotate(180deg)}
.dj-trial .fq.on .pm .pv{transform:scaleY(0);opacity:0}
.dj-trial .fqa{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s}
.dj-trial .fq.on .fqa{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}
.dj-trial .fqi{min-height:0;overflow:hidden}
.dj-trial .fqi>p{padding:0 0 18px;font-size:15px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1)}
.dj-trial .fq.on .fqi>p{opacity:1;transform:none;transition:opacity .4s .1s,transform .5s cubic-bezier(.16,1,.3,1) .1s}

/* ---- need assistance · Draw + sheen ---- */
.dj-trial .ast-sec{position:relative;padding:8px 0 56px;background:#F4F5FF}
.dj-trial .asst{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:36px 24px 32px;background:linear-gradient(150deg,#7651F0 0%,#673DE6 45%,#4B25C9 100%);color:#fff;display:flex;flex-direction:column;gap:14px}
.dj-trial .atext{position:relative;z-index:3;display:flex;flex-direction:column;gap:14px}
.dj-trial .ae{font:600 12px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E9E3FF}
.dj-trial .ah{margin:0;font:600 30px/1.1 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.025em;color:#fff}
.dj-trial .ap{margin:0;font:400 15px/1.55 'DM Sans',dj-dmsans-fb,sans-serif;color:#ECE7FF}
.dj-trial .wa{position:relative;z-index:3;margin-top:96px;align-self:center;padding:0 26px;height:56px;border-radius:999px;background:#FFFFFF;color:#4B25C9;font:600 16px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 18px 36px -14px rgba(20,8,70,.6);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.dj-trial .wa:hover{color:#4B25C9;transform:translateY(-2px);box-shadow:0 24px 40px -14px rgba(20,8,70,.7)}
.dj-trial .wa:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dj-trial .astage{position:absolute;left:50%;margin-left:-240px;bottom:-138px;width:480px;height:480px;pointer-events:none;z-index:1}
.dj-trial .gate{position:absolute;inset:0;width:100%;height:100%;opacity:.4;stroke-width:.35}
.dj-trial .gate path{stroke-dasharray:30;stroke-dashoffset:0}
.dj-trial .asst::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:55%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,rgba(255,255,255,0));transform:translateX(-125%) skewX(-16deg);opacity:0;pointer-events:none;z-index:4}
.dj-trial .ast-sec.wait .tx,.dj-trial .ast-sec.wait .wa{opacity:0}
.dj-trial .ast-sec.wait .gate path{stroke-dashoffset:30}
.dj-trial .ast-sec.inn .tx{animation:dj-rise .8s cubic-bezier(.16,1,.3,1) both}
.dj-trial .ast-sec.inn .ah{animation-delay:.06s}
.dj-trial .ast-sec.inn .ap{animation-delay:.12s}
.dj-trial .ast-sec.inn .gate path{animation:dj-draw .6s cubic-bezier(.65,0,.35,1) both}
.dj-trial .ast-sec.inn .gate .g1{animation-duration:.65s;animation-delay:.15s}
.dj-trial .ast-sec.inn .gate .g2{animation-duration:.28s;animation-delay:.6s}
.dj-trial .ast-sec.inn .gate .g3{animation-duration:.55s;animation-delay:.68s}
.dj-trial .ast-sec.inn .gate .g4,.dj-trial .ast-sec.inn .gate .g5{animation-duration:.75s;animation-delay:.88s}
.dj-trial .ast-sec.inn .wa{animation:dj-rise .8s cubic-bezier(.16,1,.3,1) 1.1s both}
.dj-trial .ast-sec.inn .asst::after{animation:dj-cardSheen 1.1s cubic-bezier(.25,.1,.25,1) 1.4s both}


@media (min-width:1200px){
	.dj-trial .eyebrow{font-size:13px}
	.dj-trial .h2{font:600 46px/1.08 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.03em}
	.dj-trial .p{font:400 17px/1.6 'DM Sans',dj-dmsans-fb,sans-serif}
	.dj-trial .sm{font:400 14px/1.5 'DM Sans',dj-dmsans-fb,sans-serif}
	.dj-trial .card{border-radius:28px;padding:28px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 14px 32px -12px rgba(103,61,230,.24),0 50px 90px -36px rgba(103,61,230,.34)}
	@keyframes dj-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
	@keyframes dj-pulse{from{box-shadow:0 0 0 0 rgba(103,61,230,.38)}to{box-shadow:0 0 0 18px rgba(103,61,230,0)}}
	@keyframes dj-cardUp{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
	@keyframes dj-cardSheen{0%{transform:translateX(-125%) skewX(-16deg);opacity:1}90%{opacity:1}100%{transform:translateX(420%) skewX(-16deg);opacity:0}}

	.dj-trial .stp-sec{padding:112px 0}
	.dj-trial .stp-in{flex-direction:row;flex-wrap:wrap;gap:64px;align-items:flex-start}
	.dj-trial .shd{flex:1 1 320px;gap:14px}
	.dj-trial .shd .p{font-size:17px}
	.dj-trial .srail{flex:1.4 1 520px;margin:0;gap:20px;--h2:180px;--h3:360px}
	.dj-trial .rtrack,.dj-trial .rfill{left:26.5px;top:28px}
	.dj-trial .st{gap:24px}
	.dj-trial .cir{width:56px;height:56px;box-shadow:0 0 0 6px #fff,0 0 0 7px #ECEAF8}
	.dj-trial .cir .num{font-size:20px}
	.dj-trial .scard{gap:8px;padding:24px;border-radius:28px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 14px 32px -12px rgba(103,61,230,.24),0 50px 90px -36px rgba(103,61,230,.34)}
	.dj-trial .sct{font-size:20px}
	.dj-trial .sp{font-size:16px}
	.dj-trial .armed .st:not(.on) .scard{transform:translateY(18px)}

	.dj-trial .faq-sec{padding:96px 0}
	.dj-trial .faq-in{flex-direction:row;flex-wrap:wrap;gap:56px;align-items:flex-start}
	.dj-trial .fq-h{flex:1 1 300px;gap:12px}
	.dj-trial .fq-more{display:block}
	.dj-trial .fq-card{flex:2 1 560px;min-width:0;padding:8px 32px}
	.dj-trial .fqb{min-height:68px;font-size:18px}
	.dj-trial .fq .pm{width:22px;height:22px}
	.dj-trial .fqi>p{padding:0 0 22px;font-size:16px}

	.dj-trial .ast-sec{padding:0 0 112px}
	.dj-trial .asst{border-radius:40px;padding:72px 56px;flex-direction:row;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}
	.dj-trial .atext{flex:1 1 480px}
	.dj-trial .ae{font-size:13px}
	.dj-trial .ah{font:600 46px/1.08 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.03em}
	.dj-trial .ap{font:400 17px/1.6 'DM Sans',dj-dmsans-fb,sans-serif}
	.dj-trial .wa{margin-top:0;align-self:auto;height:60px;padding:0 30px;font-size:17px;white-space:nowrap}
	.dj-trial .astage{left:auto;bottom:auto;margin:0;right:-60px;top:-40px;width:520px;height:520px}
	.dj-trial .gate{opacity:.3}
	.dj-trial .asst::after{top:-30%;bottom:-30%;width:34%}
	.dj-trial .ast-sec.inn .asst::after{animation-duration:1.3s}

}


/* ================= phone hero (trial-mobile.dc.html) ================= */
.dj-m a{color:#5A2FE0}
.dj-m a:hover{color:#2F1C6A}
.dj-m .bloom{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 32% at 92% 10%,rgba(103,61,230,.20),transparent 70%),radial-gradient(50% 30% at 0% 60%,rgba(95,101,244,.10),transparent 70%)}

.dj-m .card{position:relative;background:#FFFFFF;border:1px solid #ECEAF8;border-radius:24px;padding:20px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 12px 28px -10px rgba(103,61,230,.24),0 40px 80px -30px rgba(103,61,230,.32)}
.dj-m .eyebrow{font:600 12px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5A2FE0}
.dj-m .h1{font:600 38px/1.06 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.03em;margin:0;color:#2F1C6A}
.dj-m .h2{font:600 30px/1.1 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.025em;margin:0;color:#2F1C6A}
.dj-m .p{font:400 16px/1.55 'DM Sans',dj-dmsans-fb,sans-serif;margin:0;color:#494C4F}
.dj-m .sm{font:400 13px/1.45 'DM Sans',dj-dmsans-fb,sans-serif}
.dj-m .mut{color:#5E6175}
.dj-m .lb{font:500 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-m .in{width:100%;box-sizing:border-box;height:52px;border-radius:14px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#171420;font:400 16px 'DM Sans',dj-dmsans-fb,sans-serif;padding:0 16px;outline:none;transition:border-color .2s,box-shadow .2s}
.dj-m .in::placeholder{color:#7A7C90}
.dj-m .in:focus{border-color:#673DE6;box-shadow:0 0 0 4px rgba(103,61,230,.16)}
.dj-m details{border-bottom:1px solid #EFEDF8}
.dj-m summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 16px/1.35 Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-m summary::-webkit-details-marker{display:none}

@keyframes djm-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes djm-spin{to{transform:rotate(360deg)}}
.dj-m .stack{display:grid}
.dj-m .stack>*{grid-area:1/1}
.dj-m .hstack{position:relative;height:182px;transition:height .55s cubic-bezier(.2,.8,.2,1)}
.dj-m .hx{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,1,1),transform .35s cubic-bezier(.4,0,1,1),visibility 0s linear .35s}
.dj-m .hx.on{opacity:1;transform:none;visibility:visible;transition:opacity .5s cubic-bezier(.2,.8,.2,1) .18s,transform .65s cubic-bezier(.2,.8,.2,1) .18s,visibility 0s linear 0s}
.dj-m .btn{position:relative;overflow:hidden;width:100%;height:54px;border:0;border-radius:999px;background:linear-gradient(180deg,#7350F0 0%,#673DE6 100%);color:#fff;font:600 16px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px -12px rgba(103,61,230,.6);text-decoration:none;cursor:pointer;transform:translateZ(0)}
.dj-m .btn2{width:100%;box-sizing:border-box;height:52px;border-radius:999px;border:1.5px solid #D9D6EE;background:#FFFFFF;color:#2F1C6A;font:500 15px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.dj-m .pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;background:#F7F6FD;border:1px solid #ECEAF8;font:500 13px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-m .chip{font:500 12px Lexend,dj-lexend-fb,sans-serif;padding:4px 10px;border-radius:999px;white-space:nowrap}
.dj-m .chip.green{background:#E2F7F1;color:#00785F}
.dj-m .chip.lav{background:#F0EDFF;color:#4B25C9}
.dj-m .cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dj-m .ct{font:600 20px Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.015em;color:#2F1C6A}
.dj-m .dots{display:flex;gap:5px}
.dj-m .dt{width:8px;height:8px;border-radius:8px;background:#D9D6EE}
.dj-m .dt.on{width:24px;background:#673DE6}
.dj-m .dt.done{background:#9C86F5}
.dj-m .deck{position:relative;transition:height .55s cubic-bezier(.2,.8,.2,1);height:520px}
.dj-m .mcard{position:absolute;left:0;right:0;top:58px;min-height:150px;background:#FFFFFF;border:1px solid #ECEAF8;border-radius:24px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 12px 28px -10px rgba(103,61,230,.24),0 40px 80px -30px rgba(103,61,230,.32);transform-origin:50% 0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s cubic-bezier(.2,.8,.2,1),background-color .5s;will-change:transform}
.dj-m .face{position:absolute;left:0;right:0;top:0;height:150px;padding:18px 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;transition:opacity .3s}
.dj-m .cin{position:absolute;left:0;right:0;top:0;padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
.dj-m .mcard.s0 .face{opacity:0}
.dj-m .mcard.s0 .cin,.dj-m .mcard.sx .cin{position:relative;opacity:1;visibility:visible}
.dj-m .mcard.s0 .cin{transition:opacity .45s cubic-bezier(.2,.8,.2,1) .3s,visibility 0s linear 0s}
.dj-m .s0{z-index:5;transform:none}
.dj-m .s1{z-index:4;transform:translate(-4px,-30px) rotate(-5deg) scale(.95);box-shadow:0 12px 30px -12px rgba(103,61,230,.3)}
.dj-m .s2{z-index:3;transform:translate(16px,-52px) rotate(4deg) scale(.9);background:#F7F5FF;box-shadow:0 10px 24px -12px rgba(103,61,230,.25)}
.dj-m .s3{z-index:2;transform:translate(0,-58px) scale(.86);opacity:0}
.dj-m .sx{z-index:4;opacity:0;pointer-events:none;animation:djm-depthOut .6s cubic-bezier(.4,0,1,1) forwards}
.dj-m .mcard:not(.s0) .cin{pointer-events:none}
.dj-m .deck .s0{transition:transform .85s cubic-bezier(.16,1,.3,1) .08s,opacity .5s,background-color .5s}
.dj-m .deck .s0 .cin{animation:djm-focusIn .8s cubic-bezier(.16,1,.3,1) .22s both}
.dj-m .deck.nopeek .mcard{top:14px}
.dj-m .deck.nopeek .mcard.s0{transition:transform .85s cubic-bezier(.16,1,.3,1) .08s,top .85s cubic-bezier(.16,1,.3,1) .08s,opacity .5s,background-color .5s}
.dj-m .mfinal.s0::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(112deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.85) 46%,rgba(185,166,255,.32) 52%,rgba(255,255,255,0) 66%);background-size:260% 100%;background-position:130% 0;animation:djm-sheen 1.2s cubic-bezier(.4,0,.2,1) .95s both}
@keyframes djm-depthOut{0%{transform:none;opacity:1;filter:blur(0)}100%{transform:translateY(-16px) scale(.9);opacity:0;filter:blur(6px)}}
@keyframes djm-focusIn{from{opacity:0;transform:scale(1.035);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes djm-sheen{from{background-position:130% 0}to{background-position:-60% 0}}
.dj-m .fhead{display:flex;justify-content:space-between;align-items:center;font:600 13px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-m .bar{height:8px;border-radius:4px;background:#EFEDF8}
.dj-m .btn .lbl{position:relative;z-index:1;transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
.dj-m .btn .ld{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .25s cubic-bezier(.2,.8,.2,1) .05s,transform .35s cubic-bezier(.2,.8,.2,1) .05s;pointer-events:none}
.dj-m .btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(176,168,205,.5);opacity:0;transition:opacity .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.dj-m .btn.busy{box-shadow:none;cursor:default}
.dj-m .btn.busy::after{opacity:1}
.dj-m .btn.busy .lbl{opacity:0;transform:translateY(-10px)}
.dj-m .btn.busy .ld{opacity:1;transform:none}
.dj-m .spin{width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:djm-spin .8s linear infinite}
.dj-m .in.dim{background:#F7F6FD;color:#5E6175}
.dj-m .digit{width:100%;box-sizing:border-box;height:56px;border-radius:14px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#2F1C6A;font:600 24px Lexend,dj-lexend-fb,sans-serif;text-align:center;padding:0;box-shadow:0 6px 14px -8px rgba(47,28,106,.25)}
.dj-m .digit.dim{background:#F7F6FD}
.dj-m .line{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;border:1.5px solid #E4E1F5;background:#FFFFFF;position:relative;cursor:pointer;transition:border-color .25s,box-shadow .3s,background-color .25s}
.dj-m .line.sel{border-color:#673DE6;background:#FBFAFF;box-shadow:0 0 0 1px #673DE6,0 14px 28px -16px rgba(103,61,230,.55)}
.dj-m .icon-sq{width:38px;height:38px;border-radius:12px;background:#F0EDFF;color:#673DE6;display:flex;align-items:center;justify-content:center;transition:background-color .25s,color .25s;flex:none}
.dj-m .line.sel .icon-sq{background:#673DE6;color:#fff}
.dj-m .badge{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#673DE6;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.dj-m .line.sel .badge{opacity:1;transform:none}
.dj-m .radio{position:absolute;opacity:0;width:1px;height:1px}
.dj-m .wr{display:grid;grid-template-rows:0fr;opacity:0;margin-bottom:-12px;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .45s}
.dj-m .wr.open{grid-template-rows:1fr;opacity:1;margin-bottom:0}
.dj-m .wri{min-height:0;overflow:hidden}
.dj-m .field{display:flex;flex-direction:column;gap:8px}
.dj-m .sel-wrap{position:relative}
.dj-m .sel-wrap select{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;height:52px;border-radius:14px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#171420;font:400 16px 'DM Sans',dj-dmsans-fb,sans-serif;padding:0 44px 0 16px}
.dj-m .sel-wrap svg{position:absolute;right:14px;top:16px;pointer-events:none;color:#673DE6}
.dj-m .ring{transition:stroke .4s}
.dj-m .ring.done{stroke:#00896D}
.dj-m .tk{font:500 16px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);text-align:center}
.dj-m .tk.on{opacity:1;transform:none}
.dj-m .tk.ok{color:#00785F}
.dj-m .cred{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #EFEDF8}
.dj-m .cred.first{border-top:0}
.dj-m .cw{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dj-m .ck{font:500 11px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5E6175}
.dj-m .cv{font:500 14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#171420;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-m .copy{flex:none;height:44px;min-width:70px;border-radius:12px;border:0;background:#F0EDFF;color:#4B25C9;font:600 13px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;cursor:pointer;transition:background-color .2s,color .2s}
.dj-m .copy.done{background:#E2F7F1;color:#00785F}
.dj-m .sgrp{padding:14px;border-radius:18px;background:#F7F6FD;display:flex;flex-direction:column;gap:10px}
.dj-m .sgrp.vpn{background:#F0EDFF}
.dj-m .sgt{display:flex;align-items:center;gap:8px;font:600 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-m .scell{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:14px;background:#FFFFFF;border:1px solid #ECEAF8;min-width:0}
.dj-m .scell .copy{height:40px;min-width:64px}
.dj-m .nextcard{display:flex;align-items:center;gap:12px;text-decoration:none;padding:14px 16px;border-radius:18px;border:1.5px solid #E4E1F5}

/* ================= desktop hero (trial-desktop.dc.html) ================= */
.dj-d a{color:#5A2FE0}
.dj-d a:hover{color:#2F1C6A}
.dj-d .nav a{color:#2F1C6A;text-decoration:none;font:500 15px Lexend,dj-lexend-fb,sans-serif;min-height:44px;display:flex;align-items:center}
.dj-d .card{position:relative;background:#FFFFFF;border:1px solid #ECEAF8;border-radius:28px;padding:28px;box-shadow:0 1px 2px rgba(47,28,106,.06),0 14px 32px -12px rgba(103,61,230,.24),0 50px 90px -36px rgba(103,61,230,.34)}
.dj-d .lb{font:500 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-d .in{width:100%;box-sizing:border-box;height:56px;border-radius:16px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#171420;font:400 16px 'DM Sans',dj-dmsans-fb,sans-serif;padding:0 18px;outline:none}
.dj-d .in::placeholder{color:#7A7C90}

.dj-d .btn{height:56px;border:0;border-radius:999px;background:linear-gradient(180deg,#7651F0,#673DE6);color:#fff;font:600 16px Lexend,dj-lexend-fb,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 28px;box-shadow:0 12px 26px -10px rgba(103,61,230,.75),inset 0 1px 0 rgba(255,255,255,.22);text-decoration:none}
.dj-d .btn:hover{color:#fff}

.dj-d .eyebrow{font:600 13px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5A2FE0}
.dj-d .h2{font:600 46px/1.08 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.03em;margin:0;color:#2F1C6A}
.dj-d .p{font:400 17px/1.6 'DM Sans',dj-dmsans-fb,sans-serif;margin:0;color:#494C4F}
.dj-d .sm{font:400 14px/1.5 'DM Sans',dj-dmsans-fb,sans-serif}
.dj-d .mut{color:#5E6175}
.dj-d .pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:#FFFFFF;border:1px solid #ECEAF8;box-shadow:0 6px 16px -8px rgba(103,61,230,.35);font:500 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}

.dj-d .num{flex:none;width:56px;height:56px;border-radius:50%;background:#673DE6;color:#fff;display:flex;align-items:center;justify-content:center;font:600 20px Lexend,dj-lexend-fb,sans-serif;box-shadow:0 0 0 6px #fff,0 0 0 7px #ECEAF8}
.dj-d details{border-bottom:1px solid #E4E1F5}
.dj-d summary{list-style:none;cursor:pointer;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 18px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-d summary::-webkit-details-marker{display:none}
.dj-d .fcol{display:flex;flex-direction:column;gap:6px;flex:1 1 160px}
.dj-d .fcol a{color:#494C4F;text-decoration:none;font:400 15px 'DM Sans',dj-dmsans-fb,sans-serif;min-height:36px;display:flex;align-items:center}





.dj-d .sh1{font:600 50px/1.05 Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.03em;margin:0;color:#2F1C6A}
.dj-d .bigcard{display:flex;flex-direction:column;gap:18px;padding:40px;border-radius:32px;margin-top:10px}
.dj-d .cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dj-d .ct{font:600 26px Lexend,dj-lexend-fb,sans-serif;letter-spacing:-.02em;color:#2F1C6A}
.dj-d .steps{display:flex;align-items:center;gap:10px}
.dj-d .dots{display:flex;gap:5px}
.dj-d .dt{width:8px;height:8px;border-radius:8px;background:#D9D6EE}
.dj-d .dt.on{width:26px;background:#673DE6}
.dj-d .dt.done{background:#9C86F5}
.dj-d .bigbtn{width:100%;height:62px;font-size:18px}
.dj-d .btn2{width:100%;box-sizing:border-box;height:54px;border-radius:999px;border:1.5px solid #D9D6EE;background:#FFFFFF;color:#2F1C6A;font:500 15px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer}
.dj-d .digit{width:100%;box-sizing:border-box;height:76px;border-radius:18px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#2F1C6A;font:600 32px Lexend,dj-lexend-fb,sans-serif;text-align:center;padding:0;box-shadow:0 6px 14px -8px rgba(47,28,106,.25)}
.dj-d .line{display:flex;gap:10px;align-items:flex-start;padding:18px;border-radius:20px;border:1.5px solid #E4E1F5;background:#FFFFFF;flex-direction:column;position:relative;cursor:pointer}
.dj-d .line.sel{border:2px solid #673DE6;padding:17.5px;box-shadow:0 18px 34px -16px rgba(103,61,230,.55)}
.dj-d .icon-sq{width:44px;height:44px;border-radius:14px;background:#F0EDFF;display:flex;align-items:center;justify-content:center;flex:none}
.dj-d .badge{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:#673DE6;display:flex;align-items:center;justify-content:center}
.dj-d .radio{position:absolute;opacity:0;width:1px;height:1px}
.dj-d .field{display:flex;flex-direction:column;gap:8px;min-width:0}
.dj-d .sel-wrap{position:relative}
.dj-d .sel-wrap select{appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;height:56px;border-radius:16px;background:#FFFFFF;border:1.5px solid #D9D6EE;color:#171420;font:400 16px 'DM Sans',dj-dmsans-fb,sans-serif;padding:0 44px 0 18px}
.dj-d .sel-wrap svg{position:absolute;right:14px;top:18px;pointer-events:none;color:#673DE6}
.dj-d .cred{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #EFEDF8}
.dj-d .cred.first{border-top:0}
.dj-d .cw{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.dj-d .ck{font:500 11px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5E6175}
.dj-d .cv{font:500 16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#171420;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-d .copy{flex:none;height:46px;min-width:84px;border-radius:12px;border:0;background:#F0EDFF;color:#4B25C9;font:600 14px Lexend,dj-lexend-fb,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;cursor:pointer}
.dj-d .copy.done{background:#E2F7F1;color:#00785F}
.dj-d .alabel{font:600 13px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5E6175}
.dj-d .acard{background:rgba(255,255,255,.7);border:1px solid #E7E4F4;border-radius:22px;padding:6px 20px 8px;box-shadow:0 10px 24px -16px rgba(47,28,106,.25)}
.dj-d .ahead{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;font:600 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-d .ar{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #EFEDF8}
.dj-d .ak{font:500 10px Lexend,dj-lexend-fb,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5E6175}
.dj-d .av{font:500 14px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-d .mutv{color:#5E6175;font-weight:400}
.dj-d .chip{font:500 12px Lexend,dj-lexend-fb,sans-serif;padding:4px 10px;border-radius:999px;white-space:nowrap}
.dj-d .chip.grey{background:#EFEDF8;color:#494C4F}
.dj-d .chip.lav{background:#F0EDFF;color:#4B25C9}
.dj-d .chip.green{background:#E2F7F1;color:#00785F}
.dj-d .tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dj-d .tip{display:flex;align-items:flex-start;gap:12px;font:400 15px/1.45 'DM Sans',dj-dmsans-fb,sans-serif;color:#494C4F}
.dj-d .tipn{width:26px;height:26px;border-radius:50%;background:#F0EDFF;color:#5A2FE0;display:flex;align-items:center;justify-content:center;font:600 12px Lexend,dj-lexend-fb,sans-serif;flex:none}
.dj-d .nextcard{display:flex;align-items:center;gap:14px;text-decoration:none;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid #E7E4F4;box-shadow:0 10px 24px -16px rgba(47,28,106,.3)}




.dj-d .spin{position:absolute;inset:-1.5px;border-radius:50%;border:2.5px solid transparent;border-top-color:#673DE6;animation:djd-spin 1s linear infinite}


@keyframes djd-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
.dj-d .spin{animation:none}
}
.dj-d .stack{display:grid}
.dj-d .stack>*{grid-area:1/1}
.dj-d .dt{transition:width .5s cubic-bezier(.2,.8,.2,1),background-color .4s}
.dj-d .d1{width:26px;background:#673DE6}
.dj-d .s-code .d1{width:8px;background:#9C86F5}
.dj-d .s-code .d2{width:26px;background:#673DE6}
.dj-d .sentchip{opacity:0;transform:scale(.6)}
.dj-d .s-code .sentchip{opacity:1;transform:none;animation:djd-pop .5s cubic-bezier(.34,1.56,.64,1) .55s both}
.dj-d .cta{position:relative;align-self:center;width:100%;overflow:hidden}



.dj-d .s-code .digit{animation:djd-digin .55s cubic-bezier(.2,.8,.2,1) both}
.dj-d .s-code .digit:nth-child(1){animation-delay:.30s}
.dj-d .s-code .digit:nth-child(2){animation-delay:.35s}
.dj-d .s-code .digit:nth-child(3){animation-delay:.40s}
.dj-d .s-code .digit:nth-child(4){animation-delay:.45s}
.dj-d .s-code .digit:nth-child(5){animation-delay:.50s}
.dj-d .s-code .digit:nth-child(6){animation-delay:.55s}
@keyframes djd-digin{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}
@keyframes djd-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.dj-d .v-depth .e,.dj-d .v-depth .c{transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s;transform-origin:30% 50%}
.dj-d .v-depth.s-email .c{opacity:0;transform:scale(1.05);filter:blur(10px);visibility:hidden;pointer-events:none}
.dj-d .v-depth.s-code .e{opacity:0;transform:scale(.94);filter:blur(4px);visibility:hidden;pointer-events:none}
.dj-d .v-depth.s-email .e,.dj-d .v-depth.s-code .c{transition:opacity .6s cubic-bezier(.2,.8,.2,1) .14s,transform .8s cubic-bezier(.16,1,.3,1) .14s,filter .6s cubic-bezier(.2,.8,.2,1) .14s,visibility 0s linear 0s}
.dj-d .v-depth .stagecard{transform-origin:50% 40%}
.dj-d .v-depth.s-code .stagecard{animation:djd-settle .9s cubic-bezier(.2,.8,.2,1)}
@keyframes djd-settle{0%{transform:scale(1)}30%{transform:scale(.982)}100%{transform:scale(1)}}
.dj-d .cta .lbl{transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
.dj-d .sload{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .25s cubic-bezier(.2,.8,.2,1) .05s,transform .35s cubic-bezier(.2,.8,.2,1) .05s;pointer-events:none}
.dj-d .sspin{width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:djd-spin .8s linear infinite}
.dj-d .s-sending:not(.v-send) .cta .lbl{opacity:0;transform:translateY(-10px)}
.dj-d .s-sending:not(.v-send) .cta .sload{opacity:1;transform:none}
.dj-d .s-sending .cta{cursor:default}
.dj-d .cta{transition:opacity .3s,filter .3s,box-shadow .3s}
.dj-d .s-sending:not(.v-send) .cta,.dj-d .s-sending:not(.v-send) .cta:disabled{opacity:.72;filter:saturate(.6);box-shadow:none;cursor:default}
.dj-d .s-sending #mv-email{background:#F7F6FD;color:#5E6175;transition:background-color .3s,color .3s}
@media (prefers-reduced-motion: reduce){
.dj-d .sspin{animation-duration:1.6s}
.dj-d .sload,.dj-d .cta .lbl{transition:none!important}
}
.dj-d .v-depth .d{transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth:not(.s-device) .d{opacity:0;transform:scale(1.05);filter:blur(10px);visibility:hidden;pointer-events:none}
.dj-d .v-depth.s-device .d{transition:opacity .6s cubic-bezier(.2,.8,.2,1) .14s,transform .8s cubic-bezier(.16,1,.3,1) .14s,filter .6s cubic-bezier(.2,.8,.2,1) .14s,visibility 0s linear 0s}
.dj-d .v-depth.s-device .c:not(.cd){opacity:0;transform:scale(.94);filter:blur(4px);visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth .d{transform-origin:30% 50%}
.dj-d .wr{display:grid;grid-template-rows:1fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
.dj-d .wri{min-height:0;overflow:hidden;padding:0;margin:0;transition:padding .6s cubic-bezier(.2,.8,.2,1),margin .6s cubic-bezier(.2,.8,.2,1)}
.dj-d .wr1 .wri,.dj-d .s-device .wr3 .wri,.dj-d .macwr.open .wri{padding:32px;margin:-32px}
.dj-d .s-device .wr1 .wri{padding:0;margin:0}
.dj-d .s-device .wr1{grid-template-rows:0fr}
.dj-d .wr3{grid-template-rows:0fr}
.dj-d .s-device .wr3{grid-template-rows:1fr}
.dj-d .macwr{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .45s;margin-bottom:-16px}
.dj-d .macwr.open{grid-template-rows:1fr;opacity:1;margin-bottom:0}
.dj-d .line{border:1.5px solid #E4E1F5;padding:18px;transition:border-color .25s,box-shadow .3s,background-color .25s}
.dj-d .line.sel{border:1.5px solid #673DE6;padding:18px;background:#FBFAFF;box-shadow:0 0 0 1px #673DE6,0 18px 34px -16px rgba(103,61,230,.55)}
.dj-d .line .icon-sq{color:#673DE6;transition:background-color .25s,color .25s}
.dj-d .line.sel .icon-sq{background:#673DE6;color:#fff}
.dj-d .line .badge{opacity:0;transform:scale(.5);transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.dj-d .line.sel .badge{opacity:1;transform:scale(1)}
.dj-d .s-device .d2{width:8px;background:#9C86F5}
.dj-d .s-device .d3{width:26px;background:#673DE6}
.dj-d .vchip{opacity:0;transform:scale(.6)}
.dj-d .s-device .sentchip{animation:none;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}
.dj-d .s-device .vchip{opacity:1;transform:none;animation:djd-pop .5s cubic-bezier(.34,1.56,.64,1) .35s both}
.dj-d .vbtn{position:relative;overflow:hidden;transition:opacity .3s,filter .3s,box-shadow .3s}
.dj-d .vbtn .vl{transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1)}
.dj-d .vload{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .25s cubic-bezier(.2,.8,.2,1) .05s,transform .35s cubic-bezier(.2,.8,.2,1) .05s;pointer-events:none}
.dj-d .s-verifying .vl{opacity:0;transform:translateY(-10px)}
.dj-d .s-verifying .vload{opacity:1;transform:none}
.dj-d .s-verifying .vbtn,.dj-d .s-verifying .vbtn:disabled{opacity:.72;filter:saturate(.6);box-shadow:none;cursor:default}
.dj-d .s-verifying .digit{background:#F7F6FD;transition:background-color .3s}
@media (prefers-reduced-motion: reduce){
.dj-d .d,.dj-d .wr,.dj-d .macwr,.dj-d .line,.dj-d .line .badge,.dj-d .vbtn,.dj-d .vbtn .vl,.dj-d .vload{transition:none!important}
.dj-d .vchip{animation:none!important}
}
.dj-d .btn{background:linear-gradient(180deg,#7350F0 0%,#673DE6 100%);box-shadow:0 10px 24px -12px rgba(103,61,230,.6);background-clip:padding-box;-webkit-font-smoothing:antialiased;transform:translateZ(0)}
.dj-d .btn:hover{background:linear-gradient(180deg,#6A45EA 0%,#5E35DB 100%)}
.dj-d .cta::after,.dj-d .vbtn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(176,168,205,.5);opacity:0;transition:opacity .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.dj-d .cta .lbl,.dj-d .vbtn .vl{position:relative;z-index:1}
.dj-d .sload,.dj-d .vload{z-index:1}
.dj-d .s-sending:not(.v-send) .cta,.dj-d .s-sending:not(.v-send) .cta:disabled,.dj-d .s-verifying .vbtn,.dj-d .s-verifying .vbtn:disabled{opacity:1;filter:none;box-shadow:none;cursor:default}
.dj-d .s-sending:not(.v-send) .cta::after,.dj-d .s-verifying .vbtn::after{opacity:1}
.dj-d .v-depth .k{transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth:not(.s-create) .k{opacity:0;transform:scale(1.05);filter:blur(10px);visibility:hidden;pointer-events:none}
.dj-d .v-depth.s-create .k{transition:opacity .6s cubic-bezier(.2,.8,.2,1) .14s,transform .8s cubic-bezier(.16,1,.3,1) .14s,filter .6s cubic-bezier(.2,.8,.2,1) .14s,visibility 0s linear 0s}
.dj-d .v-depth.s-create .d{opacity:0;transform:scale(.94);filter:blur(4px);visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth .k{transform-origin:30% 50%}
.dj-d .s-create .wr3{grid-template-rows:0fr}
.dj-d .s-create .wr3 .wri{padding:0;margin:0}
.dj-d .wr4{grid-template-rows:0fr}
.dj-d .s-create .wr4{grid-template-rows:1fr}
.dj-d .s-create .wr4 .wri{padding:32px;margin:-32px}






















@media (prefers-reduced-motion: reduce){
.dj-d .k{transition:none!important}

}
.dj-d .kv{display:none}
.dj-d .cs-b .kv-b{display:flex}
.dj-d .tasks{min-height:26px}
.dj-d .tk{font:500 17px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A;opacity:0;transform:translateY(10px);transition:opacity .35s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}
.dj-d .tk.on{opacity:1;transform:none}
.dj-d .tk.ok{color:#00785F}
.dj-d .ring{transition:stroke .4s}
.dj-d .ring.done{stroke:#00896D}
.dj-d .kv-b .tk{transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}









.dj-d .track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 4px}













@media (prefers-reduced-motion: reduce){
.dj-d .tk,.dj-d .ring{transition:none!important}

}
.dj-d .v-depth .z{transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth:not(.s-done) .z{opacity:0;transform:scale(1.05);filter:blur(10px);visibility:hidden;pointer-events:none}
.dj-d .v-depth.s-done .z{transition:opacity .6s cubic-bezier(.2,.8,.2,1) .14s,transform .8s cubic-bezier(.16,1,.3,1) .14s,filter .6s cubic-bezier(.2,.8,.2,1) .14s,visibility 0s linear 0s}
.dj-d .v-depth.s-done .k{opacity:0;transform:scale(.94);filter:blur(4px);visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),filter .35s,visibility 0s linear .4s}
.dj-d .v-depth .z{transform-origin:30% 50%}
.dj-d .s-done .wr4{grid-template-rows:0fr}
.dj-d .s-done .wr4 .wri{padding:0;margin:0}
.dj-d .wr5{grid-template-rows:0fr}
.dj-d .s-done .wr5{grid-template-rows:1fr}
.dj-d .s-done .wr5 .wri{padding:32px;margin:-32px}
.dj-d .s-done .d3{width:8px;background:#9C86F5}
.dj-d .s-done .zrow{animation:djd-rowin .55s cubic-bezier(.2,.8,.2,1) both}
.dj-d .s-done .zrow:nth-child(2){animation-delay:.35s}
.dj-d .s-done .zrow:nth-child(3){animation-delay:.41s}
.dj-d .s-done .zrow:nth-child(4){animation-delay:.47s}
.dj-d .s-done .zrow:nth-child(5){animation-delay:.53s}
@keyframes djd-rowin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dj-d .az{transition:opacity .35s cubic-bezier(.4,0,1,1),transform .4s cubic-bezier(.4,0,1,1),visibility 0s linear .4s}
.dj-d .az-done{opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none}
.dj-d .s-done .az-prog{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none}
.dj-d .s-done .az-done{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .5s cubic-bezier(.2,.8,.2,1) .3s,transform .65s cubic-bezier(.2,.8,.2,1) .3s,visibility 0s linear 0s}
.dj-d .copy{transition:background-color .2s,color .2s}
@media (prefers-reduced-motion: reduce){
.dj-d .z,.dj-d .az{transition:none!important}
.dj-d .zrow{animation:none!important}
}
.dj-d .sgrp{margin-top:14px;padding:16px;border-radius:18px;background:#F7F6FD;display:flex;flex-direction:column;gap:12px}
.dj-d .sgrp.vpn{background:#F0EDFF}
.dj-d .sghead{display:flex;flex-direction:column;gap:2px}
.dj-d .sgt{display:flex;align-items:center;gap:8px;font:600 15px Lexend,dj-lexend-fb,sans-serif;color:#2F1C6A}
.dj-d .sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dj-d .scell{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:14px;background:#FFFFFF;border:1px solid #ECEAF8;min-width:0}
.dj-d .scell .cv{font-size:14px}
.dj-d .scell .copy{min-width:66px;height:40px}
.dj-d .s-done .zrow:nth-child(6){animation-delay:.6s}
.dj-d .s-done .zrow:nth-child(7){animation-delay:.68s}
.dj-d .s-done .sgrp.zrow{animation-delay:.62s}
.dj-d .s-done .sgrp.vpn.zrow{animation-delay:.72s}
@media (prefers-reduced-motion: reduce){
.dj-d .e,.dj-d .c,.dj-d .dt,.dj-d .cta,.dj-d .cta .lbl,.dj-d .mailv{transition:none!important}
.dj-d .digit,.dj-d .sentchip,.dj-d .stagecard,.dj-d .rowcard{animation:none!important}
}
.dj-d .in:focus{border-color:#673DE6;box-shadow:0 0 0 4px rgba(103,61,230,.16)}
.dj-d .hin .hcol{animation:djd-heroUp .9s cubic-bezier(.16,1,.3,1) both}
.dj-d .hin .hside{animation:djd-heroSide 1s cubic-bezier(.16,1,.3,1) .2s both}
@keyframes djd-heroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes djd-heroSide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes djd-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Smoother phone animations (2026-10-25, measured): the hero changes height while its cards morph, which made the
 * browser redraw the hero's glow and gradient and everything below on every frame (heavy on phone graphics chips).
 * The glow and the white→lavender gradient now sit in one layer sized once (trial.js / the inline script set
 * --dj-bloom-h to the hero's height), the section itself is the gradient's end colour, and the reviews below move as
 * one layer. Card shadows switch with the slot instead of fading (shadow fades repaint the whole card each frame). */
.dj-m .bloom{bottom:auto;height:var(--dj-bloom-h,760px);will-change:transform;background:radial-gradient(55% 32% at 92% 10%,rgba(103,61,230,.20),transparent 70%),radial-gradient(50% 30% at 0% 60%,rgba(95,101,244,.10),transparent 70%),linear-gradient(180deg,#FFFFFF 0%,#F4F5FF 100%)}
.dj-rm .rev-sec{will-change:transform}

/* ================= reviews: phone carousel ================= */
.dj-rm .rv-panel{position:relative;border-radius:32px;padding:36px 0 28px;background:linear-gradient(150deg,#7651F0 0%,#673DE6 45%,#4B25C9 100%);box-shadow:0 40px 80px -40px rgba(75,37,201,.7);overflow:hidden;display:flex;flex-direction:column;gap:24px;color:#fff}
.dj-rm .orb{position:absolute;right:-120px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.dj-rm .rv-h{position:relative;padding:0 24px;display:flex;flex-direction:column;gap:10px}
.dj-rm .rstage{position:relative;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.dj-rm .rstage:active{cursor:grabbing}
.dj-rm .track{display:flex;gap:12px;padding:0 24px;transition:transform .75s cubic-bezier(.16,1,.3,1);will-change:transform}
.dj-rm .track.i0{transform:translateX(0)}
.dj-rm .track.i1{transform:translateX(-302px)}
.dj-rm .track.i2{transform:translateX(-604px)}
.dj-rm .rcard{position:relative;overflow:hidden;flex:0 0 290px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin:0;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(120% 55% at 0% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.09) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.05),0 22px 44px -26px rgba(20,8,80,.6);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .6s}
.dj-rm .rcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.dj-rm .rcard.act{background:radial-gradient(120% 55% at 0% 0%,rgba(255,255,255,.2),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.1) 100%)}
.dj-rm .rcard:not(.act){transform:scale(.93);opacity:.55}
.dj-rm .rcard.ph{border-style:dashed;align-items:center;justify-content:center;text-align:center}
.dj-rm .stars{display:flex;gap:3px}
.dj-rm .star{display:block}
.dj-rm .rt{font:600 17px Lexend,dj-lexend-fb,sans-serif}
.dj-rm .rq{margin:0;font:400 15px/1.55 'DM Sans',dj-dmsans-fb,sans-serif;color:#F4F1FF}
.dj-rm .rn{font:500 13px 'DM Sans',dj-dmsans-fb,sans-serif;color:#E9E3FF;margin-top:auto}
.dj-rm .rvdots{position:relative;display:flex;gap:6px;justify-content:center;align-items:center}
.dj-rm .rvdot{position:relative;width:8px;height:8px;border-radius:8px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;overflow:hidden;transition:width .5s cubic-bezier(.16,1,.3,1),background-color .3s}
.dj-rm .rvdot::before{content:"";position:absolute;inset:-10px}
.dj-rm .rvdot.on{width:30px;background:rgba(255,255,255,.35)}
.dj-rm .rvdot .fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:#fff;border-radius:8px;transform-origin:0 50%;transform:scaleX(1)}
.dj-rm .rvdot:not(.on) .fill{transform:scaleX(0)}
.dj-rm .rev-sec.auto .rvdot.on .fill{animation:djm-dotfill 5.2s linear both}
@keyframes djm-dotfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dj-rm .rev-sec.wait .rv-h>*,.dj-rm .rev-sec.wait .orb,.dj-rm .rev-sec.wait .rstage,.dj-rm .rev-sec.wait .rvdots{opacity:0}
.dj-rm .rev-sec.inn .rv-h>*{animation:djm-rise .8s cubic-bezier(.16,1,.3,1) both}
.dj-rm .rev-sec.inn .rv-h>*:nth-child(2){animation-delay:.08s}
.dj-rm .rev-sec.inn .orb{animation:djm-orbIn 1.6s cubic-bezier(.16,1,.3,1) both}
.dj-rm .rev-sec.inn .rstage{animation:djm-stageIn 1s cubic-bezier(.16,1,.3,1) .18s both}
.dj-rm .rev-sec.inn .act .star{animation:djm-starPop .5s cubic-bezier(.34,1.56,.64,1) both}
.dj-rm .rev-sec.inn .act .star:nth-child(1){animation-delay:.55s}
.dj-rm .rev-sec.inn .act .star:nth-child(2){animation-delay:.61s}
.dj-rm .rev-sec.inn .act .star:nth-child(3){animation-delay:.67s}
.dj-rm .rev-sec.inn .act .star:nth-child(4){animation-delay:.73s}
.dj-rm .rev-sec.inn .act .star:nth-child(5){animation-delay:.79s}
.dj-rm .rev-sec.inn .rvdots{animation:djm-rise .7s cubic-bezier(.16,1,.3,1) .5s both}
@keyframes djm-stageIn{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@keyframes djm-orbIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes djm-starPop{0%{opacity:0;transform:scale(.3) rotate(-25deg)}100%{opacity:1;transform:none}}

/* ================= reviews: desktop grid ================= */
.dj-rd .rv-panel{position:relative;border-radius:44px;padding:72px 64px;background:linear-gradient(140deg,#7651F0 0%,#673DE6 45%,#4B25C9 100%);box-shadow:0 50px 100px -40px rgba(75,37,201,.7);overflow:hidden;display:flex;flex-direction:column;gap:40px;color:#fff}
.dj-rd .orb{position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.dj-rd .rv-h{display:flex;flex-direction:column;gap:12px;position:relative}
.dj-rd .rgrid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.dj-rd .rcard{position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;margin:0;padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(120% 55% at 0% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.1) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.05),0 26px 50px -30px rgba(20,8,80,.6);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.dj-rd .rcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.dj-rd .rcard:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.05),0 34px 60px -30px rgba(20,8,80,.7)}
.dj-rd .rcard.ph{border-style:dashed;align-items:center;justify-content:center;text-align:center;min-height:220px}
.dj-rd .stars{display:flex;gap:3px}
.dj-rd .star{display:block}
.dj-rd .rev-sec.wait .rv-h>*,.dj-rd .rev-sec.wait .orb,.dj-rd .rev-sec.wait .rcard{opacity:0}
.dj-rd .rev-sec.inn .rv-h>*{animation:djd-rise .8s cubic-bezier(.16,1,.3,1) both}
.dj-rd .rev-sec.inn .rv-h>*:nth-child(2){animation-delay:.08s}
.dj-rd .rev-sec.inn .orb{animation:djd-orbIn 1.6s cubic-bezier(.16,1,.3,1) both}
.dj-rd .rev-sec.inn .rcard{animation:djd-stageIn 1s cubic-bezier(.16,1,.3,1) backwards}
.dj-rd .rev-sec.inn .rcard:nth-child(1){animation-delay:.18s}
.dj-rd .rev-sec.inn .rcard:nth-child(2){animation-delay:.3s}
.dj-rd .rev-sec.inn .rcard:nth-child(3){animation-delay:.42s}
.dj-rd .rev-sec.inn .star{animation:djd-starPop .5s cubic-bezier(.34,1.56,.64,1) both}
.dj-rd .rev-sec.inn .rcard:nth-child(1) .star:nth-child(1){animation-delay:.55s}
.dj-rd .rev-sec.inn .rcard:nth-child(1) .star:nth-child(2){animation-delay:.61s}
.dj-rd .rev-sec.inn .rcard:nth-child(1) .star:nth-child(3){animation-delay:.67s}
.dj-rd .rev-sec.inn .rcard:nth-child(1) .star:nth-child(4){animation-delay:.73s}
.dj-rd .rev-sec.inn .rcard:nth-child(1) .star:nth-child(5){animation-delay:.79s}
.dj-rd .rev-sec.inn .rcard:nth-child(2) .star:nth-child(1){animation-delay:.67s}
.dj-rd .rev-sec.inn .rcard:nth-child(2) .star:nth-child(2){animation-delay:.73s}
.dj-rd .rev-sec.inn .rcard:nth-child(2) .star:nth-child(3){animation-delay:.79s}
.dj-rd .rev-sec.inn .rcard:nth-child(2) .star:nth-child(4){animation-delay:.85s}
.dj-rd .rev-sec.inn .rcard:nth-child(2) .star:nth-child(5){animation-delay:.91s}
@keyframes djd-stageIn{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes djd-orbIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes djd-starPop{0%{opacity:0;transform:scale(.3) rotate(-25deg)}100%{opacity:1;transform:none}}
/* ================= reduced motion ================= */
@media (prefers-reduced-motion: reduce){
	.dj-trial *,.dj-trial *::before,.dj-trial *::after{animation:none!important;transition:none!important}
	.dj-m .spin{animation:djm-spin 1.6s linear infinite!important}
	.dj-d .sspin{animation:djd-spin 1.6s linear infinite!important}
	.dj-m .mfinal.s0::after{opacity:0}
}

/* reviews grid between 900 and 1199 px: three cards in a row (the design's grid wraps 2 + 1 there) */
@media (min-width:900px) and (max-width:1199px){
	.dj-rd .rv-panel{padding:56px 40px}
	.dj-rd .rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
	.dj-rd .rcard{padding:24px}
}

/* Phones and tablets: the FAQ and the help banner move as layers, so an FAQ answer opening (or the hero
 * changing height) moves them instead of redrawing them on every frame (measured 2026-10-25: FAQ drawing −40 %). */
@media (max-width:1199px){.dj-trial .faq-sec,.dj-trial .ast-sec{will-change:transform}}

/* Test switches (staging and local only, set by trial.js from ?fx=…): turn single effects off to find what a given
 * phone struggles with. noglass = no frosted glass (header, menu, review cards); noblur = card transitions without
 * blur; noshadow = light card shadows; lite = all three. Not used on the live site. */
@keyframes djm-focusInNB{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}
@keyframes djm-depthOutNB{0%{transform:none;opacity:1}100%{transform:translateY(-16px) scale(.9);opacity:0}}
.dj-fx-noglass .dj-trial .hdr::before,.dj-fx-lite .dj-trial .hdr::before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.96)!important}
.dj-fx-noglass .dj-trial .dj-menu,.dj-fx-lite .dj-trial .dj-menu{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#F8F8FF!important}
.dj-fx-noglass .dj-trial .rcard,.dj-fx-lite .dj-trial .rcard{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.dj-fx-noblur .dj-m .deck .s0 .cin,.dj-fx-lite .dj-m .deck .s0 .cin{animation-name:djm-focusInNB!important}
.dj-fx-noblur .dj-m .sx,.dj-fx-lite .dj-m .sx{animation-name:djm-depthOutNB!important}
.dj-fx-noshadow .dj-m .mcard,.dj-fx-noshadow .dj-trial .card,.dj-fx-noshadow .dj-trial .scard,.dj-fx-lite .dj-m .mcard,.dj-fx-lite .dj-trial .card,.dj-fx-lite .dj-trial .scard{box-shadow:0 10px 24px -14px rgba(103,61,230,.35)!important}

/* Phone carousel: the glass cards keep their look without a live backdrop blur (which the phone redid on every scroll
 * frame, under the frosted header too). Behind them is only the panel's smooth gradient, so the blur was invisible;
 * its saturate(140%) is baked in as the panel's stops run through the same CSS saturate matrix (#7651F0 #673DE6
 * #4B25C9 → #7D49FF #6F35FF #521DFF). Measured against the original at 390 px: average colour difference 1/255
 * (13/255 without this layer). The desktop grid keeps the real backdrop filter. */
.dj-rm .rcard{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(120% 55% at 0% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.09) 100%),linear-gradient(150deg,#7D49FF -30%,#6F35FF 35%,#521DFF 140%)}
.dj-rm .rcard.act{background:radial-gradient(120% 55% at 0% 0%,rgba(255,255,255,.2),rgba(255,255,255,0) 60%),linear-gradient(160deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.1) 100%),linear-gradient(150deg,#7D49FF -30%,#6F35FF 35%,#521DFF 140%)}

/* Review dots: 16 px apart so each small dot meets the 24 px tap-target spacing rule (WCAG 2.5.8; the design's 6 px
 * made PageSpeed's phone accessibility 96). Owner's yes, 2026-10-25. */
.dj-rm .rvdots{gap:16px}