.lp{--ink:#14183F;--ind:#4F46E5;font-family:"Instrument Sans",system-ui,sans-serif;color:var(--ink);padding:0 max(18px,calc((100% - 1240px)/2)) 0;background:#fff;overflow:hidden}
.lp h2{font:700 clamp(28px,3.2vw,40px)/1.1 Sora,sans-serif;letter-spacing:-.03em;margin:0;text-align:center}
.lp-eye{margin:0 0 10px;text-align:center;color:var(--ind);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.lp section{padding:34px 0}
.lp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lp-t{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border:1px solid #E6E8F5;border-radius:22px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 18px 40px -28px rgba(30,35,80,.35);transition:transform .2s,box-shadow .2s}
.lp-t:hover{transform:translateY(-3px);box-shadow:0 24px 44px -26px rgba(30,35,80,.45)}
.lp-t i{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:6px}
.lp-t h3{margin:0;font:700 21px Sora,sans-serif;letter-spacing:-.02em}.lp-t p{margin:0;color:#5A6086;font-size:15px;line-height:1.5;flex:1}.lp-t span{font-weight:700;font-size:15px;display:inline-flex;gap:6px;align-items:center;margin-top:10px}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #E6E8F5;border-radius:22px;padding:26px 10px!important;margin:18px 0;background:#FAFAFF}
.lp-stats div{text-align:center;padding:4px 10px}.lp-stats div+div{border-left:1px solid #E6E8F5}
.lp-stats b{display:block;font:700 clamp(32px,4vw,48px) Sora,sans-serif;letter-spacing:-.04em;color:var(--ind)}.lp-stats span{color:#5A6086;font-size:15px}
.lp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.lp-chip{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border:1px solid #DADDF1;border-radius:99px;background:#fff;color:var(--ink);font-weight:600;text-decoration:none;transition:background .15s}
.lp-chip:hover{background:#F1F2FF}.lp-chip.on{background:linear-gradient(135deg,#5B52F0,#3F37C9);border-color:transparent;color:#fff}.lp-chip.more{border-style:dashed;color:#5A6086}
.lp-how h2{margin-bottom:26px}.lp-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px}
.lp-steps>li:not(.lp-chev){flex:1;max-width:340px;display:flex;gap:16px;align-items:center;padding:22px;border:1px solid #E6E8F5;border-radius:20px;background:#fff}
.lp-steps i{flex:none;width:62px;height:62px;border-radius:18px;background:#EEF0FF;color:var(--ind);display:grid;place-items:center}
.lp-steps h3{margin:0 0 4px;font:700 19px Sora,sans-serif;display:flex;align-items:center;gap:9px}.lp-steps h3 span{width:24px;height:24px;border-radius:50%;background:var(--ind);color:#fff;font-size:13px;display:grid;place-items:center}.lp-steps p{margin:0;color:#5A6086;font-size:14.5px;line-height:1.45}.lp-chev{color:#A5A9CF;display:grid;place-items:center}
.lp-cmh{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.lp-cmh h2{text-align:left}.lp-cmh a{color:var(--ind);font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.lp-cg{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lp-c{display:flex;flex-direction:column;gap:6px;padding:12px 12px 16px;border:1px solid #E6E8F5;border-radius:18px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s}.lp-c:hover{transform:translateY(-3px)}
.lp-ci{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#EEF0FF;display:block}.lp-ci img{width:100%;height:100%;object-fit:cover;display:block}
.lp-c h3{margin:8px 4px 0;font:700 15.5px/1.25 Sora,sans-serif;letter-spacing:-.01em}.lp-c small{margin:0 4px;color:#5A6086;font-size:13.5px}.lp-c em{margin:4px 4px 0;display:flex;gap:14px;font-style:normal;color:#5A6086;font-size:13px}.lp-c em span{display:inline-flex;gap:5px;align-items:center}
.lp-plans{background:linear-gradient(180deg,#EFEBFF,#F6F3FF);border-radius:32px;padding:50px 32px!important;margin:26px 0}
.lp-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;align-items:stretch}
.lp-p{position:relative;background:#fff;border:1px solid #E1DFF5;border-radius:24px;padding:30px 28px}.lp-p.hot{border:2px solid var(--ind);box-shadow:0 30px 60px -30px rgba(79,70,229,.6);transform:translateY(-8px)}
.lp-pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#5B52F0,#3F37C9);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:99px;white-space:nowrap}
.lp-p h3{margin:0;font:700 24px Sora,sans-serif}.lp-p>p{margin:4px 0 18px;color:#5A6086;font-size:15px}.lp-p ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.lp-p li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}.lp-p li svg{flex:none;color:#fff;background:var(--ind);border-radius:50%;padding:3px;margin-top:1px}
.lp-cta{margin:26px 0 56px;border-radius:30px;padding:54px 28px!important;text-align:center;background:linear-gradient(135deg,#1B2160,#3F37C9);color:#fff}
.lp-cta h2{color:#fff;max-width:20em;margin:0 auto}.lp-cta div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.lp-b1,.lp-b2{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 28px;border-radius:99px;font-weight:700;text-decoration:none}.lp-b1{background:#fff;color:#3F37C9}.lp-b2{border:1.5px solid rgba(255,255,255,.6);color:#fff}
@media(max-width:1100px){.lp-tiles{grid-template-columns:repeat(2,1fr)}.lp-cg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.lp-pg{grid-template-columns:1fr}.lp-p.hot{transform:none}.lp-steps{flex-direction:column;align-items:stretch}.lp-steps>li:not(.lp-chev){max-width:none}.lp-chev{transform:rotate(90deg)}.lp-plans{padding:40px 16px!important}}
@media(max-width:600px){.lp-tiles{grid-template-columns:1fr}.lp-cg{grid-template-columns:repeat(2,1fr)}.lp-stats{grid-template-columns:1fr}.lp-stats div+div{border-left:0;border-top:1px solid #E6E8F5;margin-top:10px;padding-top:14px}.lp-cmh{flex-direction:column;align-items:flex-start}}
/* V344 landing layout = mockup */
.lp-t{flex-direction:row;align-items:flex-start;gap:18px;padding:22px 24px}.lp-t i{flex:none;margin:0}.lp-t>div{display:flex;flex-direction:column;gap:6px}.lp-t h3{font-size:19px}.lp-t p{flex:none;font-size:14.5px}.lp-t span{color:var(--ind)!important;margin-top:6px}
.lp-stats{border:0;background:none;padding:18px 10px!important}.lp-stats div{display:flex;align-items:center;justify-content:center;gap:18px}.lp-stats i{color:var(--ind);display:grid}.lp-stats p{margin:0;text-align:left}.lp-stats b{font-size:clamp(30px,3.4vw,42px);color:var(--ink)}
.lp-ind{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.lp-ih h2{text-align:left;margin:0}.lp-ih p,.lp-sh p,.lp-cmh p,.lp-ph p{margin:6px 0 0;color:#5A6086;font-size:16px}.lp-ind .lp-chips{margin:0;justify-content:flex-end;gap:10px}.lp-chip{height:44px;padding:0 18px;font-size:14px}.lp-chip.on{background:#EEF0FF;border-color:#DADDF1;color:var(--ink)}
.lp-how{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.lp-sh{flex:0 0 330px}.lp-sh .lp-eye,.lp-ph .lp-eye{text-align:left}.lp-sh h2,.lp-ph h2{text-align:left;margin:0}.lp-how h2{margin-bottom:0}
.lp-steps{flex:1;justify-content:space-between;align-items:flex-start}.lp-steps>li:not(.lp-chev){display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n i" "h h" "p p";gap:4px 12px;align-items:center;border:0;background:none;padding:0;max-width:210px}.lp-steps b{grid-area:n;width:40px;height:40px;border-radius:50%;background:#EEF0FF;color:var(--ind);display:grid;place-items:center;font-size:15px}.lp-steps i{grid-area:i;width:auto;height:auto;background:none}.lp-steps h3{grid-area:h;display:block;margin:6px 0 0;font-size:18px}.lp-steps p{grid-area:p}.lp-chev{align-self:center}
.lp-cmh{align-items:flex-end}.lp-cmh h2{margin:0}
.lp-plans{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start;padding:28px 24px!important}.lp-ph{padding-top:12px}.lp-pg{margin-top:0}.lp-p{padding:22px 22px 24px;border-radius:20px}.lp-p.hot{transform:none}.lp-pt{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.lp-pt i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#EEF0FF;color:var(--ind)}.lp-pt h3{font-size:20px}.lp-pt p{margin:2px 0 0!important;font-size:14px;color:#5A6086}.lp-pop{top:14px;left:auto;right:16px;transform:none;font-size:11px}.lp-p li svg{background:none;color:var(--ind);padding:0}
.lp-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:34px 44px!important;flex-wrap:wrap}.lp-ct h2{margin:0;max-width:none;font-size:clamp(22px,2.4vw,30px)}.lp-ct p{margin:8px 0 0;color:#E0E2FF}.lp-cta>div:last-child{margin-top:0}
@media(max-width:1100px){.lp-plans{grid-template-columns:1fr}.lp-how{display:block}.lp-steps{margin-top:22px}}
@media(max-width:820px){.lp-steps>li:not(.lp-chev){max-width:none}.lp-ind{display:block}.lp-ind .lp-chips{justify-content:flex-start;margin-top:14px}}
.lp-ind{flex-wrap:nowrap}.lp-ih{flex:none}.lp-ih h2{font-size:clamp(24px,2.2vw,30px)}.lp-ind .lp-chips{gap:8px;flex-wrap:nowrap}.lp-chip{height:40px;padding:0 13px;font-size:13px;gap:7px;white-space:nowrap}.lp-chip svg{width:17px;height:17px}
.lp-sh{flex:0 0 400px}.lp-sh h2,.lp-ph h2,.lp-cmh h2{font-size:clamp(24px,2.2vw,30px)}.lp-sh h2{white-space:nowrap}
@media(max-width:1100px){.lp-ind{flex-wrap:wrap}.lp-ind .lp-chips{flex-wrap:wrap}.lp-sh{flex:none}}
.lp-cta .lp-ct{display:block;flex:1 1 420px;margin:0}.lp-cta .lp-ct h2{text-align:left;margin:0}.lp-cta>div:last-child{margin:0;flex:none}
.lp-plans .lp-p ul{gap:9px}

/* ===== V420 - landing polish: 15% smaller, colourful bands, coloured icons, new plans ===== */
.hx,.lp,.sf{zoom:.85}
.hx-face.por img{object-fit:contain;background:linear-gradient(135deg,#EEF0FF,#F7F3FF)}
.lp{--teal:#0D9488;--rose:#E11D74;--sky:#0284C7;--vio:#7C3AED;--gold:#CA8A04}
.lp section{padding:30px 0}
/* section bands: each section is a soft coloured panel with its own tint */
.lp-tiles{padding:0!important}
.lp-t{position:relative;overflow:hidden;border-color:transparent;background:#fff;box-shadow:0 18px 40px -26px rgba(30,35,80,.4),0 0 0 1px #E8EAF7}
.lp-t:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--tc,#4F46E5)}
.lp-t:nth-child(1){--tc:linear-gradient(90deg,#4F46E5,#818CF8)}.lp-t:nth-child(2){--tc:linear-gradient(90deg,#0284C7,#38BDF8)}.lp-t:nth-child(3){--tc:linear-gradient(90deg,#0D9488,#34D399)}.lp-t:nth-child(4){--tc:linear-gradient(90deg,#7C3AED,#E11D74)}
.lp-t:nth-child(3) i{background:#DDF7F0!important;color:#0D9488!important}.lp-t:nth-child(3) span{color:#0D9488!important}
.lp-t:nth-child(2) span{color:#0284C7!important}.lp-t:nth-child(4) span{color:#7C3AED!important}
.lp-t i{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.lp-stats{background:linear-gradient(120deg,#EEF0FF 0%,#E4F4FF 50%,#F3EAFF 100%)!important;border:0;border-radius:26px;padding:26px 14px!important;margin:22px 0}
.lp-stats div+div{border-left:1px solid rgba(79,70,229,.15)}
.lp-stats i{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:#fff!important;box-shadow:0 14px 26px -14px currentColor}
.lp-stats div:nth-child(1) i{background:linear-gradient(135deg,#6366F1,#4338CA)}.lp-stats div:nth-child(2) i{background:linear-gradient(135deg,#0EA5E9,#0369A1)}.lp-stats div:nth-child(3) i{background:linear-gradient(135deg,#A855F7,#7E22CE)}
.lp-stats i svg{width:30px;height:30px}
.lp-stats b{color:var(--ink)}
.lp-ind{background:linear-gradient(120deg,#FFF1F7,#F4EEFF);border-radius:26px;padding:28px 30px!important;margin:22px 0}
.lp-chip{box-shadow:0 8px 18px -14px rgba(30,35,80,.5);border-color:#fff}
.lp-chip svg{width:18px;height:18px;padding:5px;box-sizing:content-box;border-radius:50%;background:#EEF0FF;color:#4F46E5}
.lp-chip:nth-child(1) svg{background:#E4E7FF;color:#4338CA}.lp-chip:nth-child(2) svg{background:#D8F7EA;color:#047857}.lp-chip:nth-child(3) svg{background:#DCF0FF;color:#0369A1}.lp-chip:nth-child(4) svg{background:#E2F6D8;color:#4D7C0F}.lp-chip:nth-child(5) svg{background:#F3E6FF;color:#7E22CE}.lp-chip:nth-child(6) svg{background:#FFE4EF;color:#BE185D}
.lp-chip.on{background:#fff;border-color:#C7C9F5;box-shadow:0 10px 22px -12px rgba(79,70,229,.6)}
.lp-how{background:linear-gradient(120deg,#E8FAF4,#EAF3FF);border-radius:26px;padding:30px!important;margin:22px 0}
.lp-steps b{color:#fff;box-shadow:0 10px 18px -10px currentColor}
.lp-steps>li:nth-of-type(1) b{background:#4F46E5}.lp-steps>li:nth-of-type(1) i{color:#4F46E5}
.lp-steps>li:nth-of-type(3) b{background:#0D9488}.lp-steps>li:nth-of-type(3) i{color:#0D9488}
.lp-steps>li:nth-of-type(5) b{background:#E11D74}.lp-steps>li:nth-of-type(5) i{color:#E11D74}
.lp-steps i svg{width:34px;height:34px}.lp-chev{color:#7C86B8}
.lp-cm{background:linear-gradient(120deg,#F4F6FF,#FFF4FA);border-radius:26px;padding:28px 30px!important;margin:22px 0}
.lp-cmh h2:after{content:"";display:block;width:46px;height:4px;border-radius:4px;margin-top:10px;background:linear-gradient(90deg,#4F46E5,#E11D74)}
.lp-c{border-color:#fff;box-shadow:0 14px 28px -20px rgba(30,35,80,.5)}
.lp-c small{display:inline-block;align-self:flex-start;background:#EEF0FF;color:#4338CA;border-radius:99px;padding:3px 10px;font-weight:600;font-size:12px}
.lp-c:nth-child(5n+2) small{background:#DDF7F0;color:#0F766E}.lp-c:nth-child(5n+3) small{background:#FFE4EF;color:#BE185D}.lp-c:nth-child(5n+4) small{background:#DCF0FF;color:#0369A1}.lp-c:nth-child(5n+5) small{background:#F3E6FF;color:#6D28D9}
.lp-c em svg{color:#E11D74}
/* plans */
.lp-plans{background:linear-gradient(135deg,#ECEBFF 0%,#F3EDFF 55%,#FDEBF5 100%);position:relative}
.lp-p{border:0;box-shadow:0 22px 40px -28px rgba(30,35,80,.5),0 0 0 1px #E6E4F7;padding:26px 24px 24px;display:flex;flex-direction:column;overflow:hidden}
.lp-p:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--pc)}
.lp-p:nth-child(1){--pc:linear-gradient(90deg,#0D9488,#34D399);--pk:#0D9488;--pb:#DDF7F0}
.lp-p:nth-child(2){--pc:linear-gradient(90deg,#4F46E5,#8B5CF6);--pk:#4F46E5;--pb:#E8E7FF}
.lp-p:nth-child(3){--pc:linear-gradient(90deg,#7C3AED,#E11D74);--pk:#9333EA;--pb:#F6E7FF}
.lp-p.hot{border:0;box-shadow:0 34px 60px -30px rgba(79,70,229,.75),0 0 0 2px #4F46E5;transform:translateY(-6px)}
.lp-pt i{background:var(--pb);color:var(--pk);width:46px;height:46px;border-radius:14px}
.lp-p li svg{background:var(--pk);color:#fff}
.lp-p ul{flex:1}
.lp-pa{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:20px;border-radius:99px;font-weight:700;text-decoration:none;color:#fff;background:var(--pc);box-shadow:0 14px 24px -14px var(--pk);transition:filter .15s,transform .15s}.lp-pa:hover{filter:brightness(1.07);transform:translateY(-1px)}
.lp-p:nth-child(1) .lp-pa{background:#fff;color:#0D9488;box-shadow:inset 0 0 0 1.5px #0D9488}
.lp-pop{background:linear-gradient(135deg,#4F46E5,#7C3AED)}
.lp-ph h2{max-width:8em}
.lp-cta{background:linear-gradient(135deg,#1B2160 0%,#4338CA 55%,#9333EA 100%)}
.hx{padding-left:max(24px,calc((100% - 1460px)/2));padding-right:max(24px,calc((100% - 1460px)/2))}
.lp{padding-left:max(18px,calc((100% - 1460px)/2));padding-right:max(18px,calc((100% - 1460px)/2))}
.lp-ind{flex-wrap:wrap!important}.lp-ind .lp-chips{flex-wrap:wrap!important}
.hx h1{font-size:clamp(36px,3.6vw,60px)}
@media(max-width:980px){.hx,.lp,.sf{zoom:1}}
/* V420 - library thumbnails + log in / sign up card */
.lp-lib{background:linear-gradient(120deg,#EAF4FF,#F2EEFF);border-radius:26px;padding:28px 30px!important;margin:22px 0}
.lp-lib .lp-cmh h2{font-size:clamp(24px,2.2vw,30px)}
.lp-lt{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lp-lt button{border:0;cursor:pointer;height:40px;padding:0 18px;border-radius:99px;background:#fff;color:#4A5478;font:700 14px "Instrument Sans",system-ui,sans-serif;box-shadow:0 8px 18px -14px rgba(30,35,80,.5)}
.lp-lt button small{margin-left:6px;color:#4F46E5;font-weight:700}
.lp-lt button.on{background:linear-gradient(135deg,#5B52F0,#3F37C9);color:#fff}.lp-lt button.on small{color:#DCD9FF}
.lp-lg{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.lp-lg[hidden]{display:none}
.lp-li{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit;padding:8px 8px 10px;border-radius:16px;background:#fff;box-shadow:0 12px 24px -18px rgba(30,35,80,.55);transition:transform .2s,box-shadow .2s}
.lp-li:hover{transform:translateY(-4px);box-shadow:0 18px 30px -18px rgba(79,70,229,.6)}
.lp-li span{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#EEF0FF}.lp-li img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lp-li b{font:700 12.5px/1.25 Sora,sans-serif;margin:6px 2px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lp-li small{margin:0 2px;color:#6A7096;font-size:11.5px}
.lp-gate{position:fixed;inset:0;z-index:300;background:rgba(14,20,50,.55);display:flex;align-items:center;justify-content:center;padding:18px;zoom:1}.lp-gate[hidden]{display:none}
.lp-gc{position:relative;width:min(420px,100%);background:#fff;border-radius:26px;padding:34px 30px 28px;text-align:center;box-shadow:0 40px 80px -30px rgba(10,15,60,.7);font-family:"Instrument Sans",system-ui,sans-serif;color:#14183F}
.lp-gc>i{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4F46E5,#E11D74)}
.lp-gc h3{margin:0 0 8px;font:700 22px Sora,sans-serif;letter-spacing:-.02em}.lp-gc p{margin:0 0 20px;color:#5A6086;font-size:15px;line-height:1.5}
.lp-gc div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lp-gc .lp-b1{background:linear-gradient(135deg,#5B52F0,#3F37C9);color:#fff}.lp-b3{display:inline-flex;align-items:center;height:50px;padding:0 28px;border-radius:99px;font-weight:700;text-decoration:none;border:1.5px solid #C9CDF0;color:#3F37C9}
.lp-gx{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#F1F3FB;font-size:22px;line-height:1;cursor:pointer;color:#3A4466}
@media(max-width:1100px){.lp-lg{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.lp-lg{grid-template-columns:repeat(2,1fr)}.lp-lib{padding:22px 16px!important}}