/* LAM3 landing. Everything scoped under .lam3 so it can live inside an Elementor HTML widget. */
@font-face{font-family:"Exo 2 L3";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/exo-2-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Exo 2 L3";font-style:normal;font-display:swap;font-weight:100 900;src:url("../fonts/exo-2-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#f6f3fb}

.lam3{
  --purple:#5a408d;--purple-deep:#3e2b66;--purple-ink:#241838;--purple-soft:#ece6f6;
  --lime:#d9dc5a;--lime-hover:#e3e66b;--lime-deep:#c3c63c;--lime-ink:#2a2410;
  --purple-night:#2b1d47;--device:#1b1426;--chat-out:#dcf8c6;--chat-out-ink:#14240f;--chat-thread:#efe9f7;--muted-2:#8a819b;
  --ground:#f6f3fb;--paper:#fff;--text:#241838;--muted:#5b5270;--line:#e2dbee;
  --on-purple:#fff;--on-purple-2:#e3daf4;
  --r:22px;--r-sm:14px;
  --wrap:1200px;--gut:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow:0 18px 40px -18px rgba(18,12,26,.35),0 4px 12px -4px rgba(18,12,26,.12);
  font-family:"Exo 2 L3","Exo 2",system-ui,sans-serif;
  font-size:18px;line-height:1.55;font-weight:450;color:var(--text);background:var(--ground);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;
}
.lam3 *,.lam3 *::before,.lam3 *::after{box-sizing:border-box}
.lam3 img{display:block;max-width:100%;height:auto}
.lam3 a{color:inherit}
.lam3 ::selection{background:var(--lime);color:var(--purple-ink)}
.lam3 :focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:8px}
.lam3 .l3-defs{position:absolute;width:0;height:0;overflow:hidden}
.lam3 .l3-ic{width:1.15em;height:1.15em;flex:none}
.lam3 .l3-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.lam3 h1,.lam3 h2,.lam3 h3,.lam3 p,.lam3 ul,.lam3 ol,.lam3 dl,.lam3 figure{margin:0}
/* Theme guard: WordPress/Elementor kits style h1-h6, p and a directly; keep the LAM3 type and colours */
.lam3 h1,.lam3 h2,.lam3 h3,.lam3 h4,.lam3 p,.lam3 li,.lam3 a,.lam3 summary,.lam3 dt,.lam3 dd,.lam3 small,.lam3 b,.lam3 strong,.lam3 mark{font-family:inherit;text-transform:none}
.lam3 h1,.lam3 h2,.lam3 h3,.lam3 h4{color:inherit;margin:0;padding:0;border:0}
.lam3 h4{margin:0}
.lam3 ul,.lam3 ol{padding:0;list-style:none}

/* Type */
.lam3 .l3-h1{font-size:clamp(2.4rem,5.2vw,4.1rem);line-height:1.02;font-weight:800;letter-spacing:-.025em;color:var(--purple-ink);text-wrap:balance}
.lam3 .l3-h1__product{display:block;color:var(--purple)}
.lam3 .l3-h1 mark{background:linear-gradient(transparent 60%,var(--lime) 60%,var(--lime) 92%,transparent 92%);color:inherit;padding:0 .12em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lam3 .l3-h2{position:relative;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--purple-ink);text-wrap:balance;padding-left:22px;max-width:20ch}
.lam3 .l3-h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:6px;border-radius:3px;background:var(--lime)}
.lam3 .l3-h2--xl{font-size:clamp(2.3rem,5vw,4rem);max-width:none;padding-left:0}
.lam3 .l3-h2--xl::before{display:none}
.lam3 .l3-h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1;font-weight:800;letter-spacing:-.015em}
.lam3 .l3-h4{font-size:1.2rem;line-height:1.3;font-weight:750}
.lam3 .l3-lead{font-size:clamp(1.08rem,1.5vw,1.25rem);color:var(--muted);max-width:52ch;margin-top:1.4rem}
.lam3 .l3-sub{color:var(--muted);max-width:50ch;margin-top:1rem}
.lam3 .l3-note{font-size:.78rem;color:var(--muted);letter-spacing:.02em}
.lam3 .l3-note--center{text-align:center;margin-top:14px}
.lam3 .l3-note--mobile{display:none}

/* Buttons */
.lam3 .l3-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:0 1.6em;border-radius:999px;font:inherit;font-weight:750;font-size:1.05rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .2s,color .2s}
.lam3 .l3-btn .l3-ic{width:1.35em;height:1.35em;transition:transform .45s var(--ease)}
.lam3 .l3-btn{position:relative;overflow:hidden;isolation:isolate}
.lam3 .l3-btn--lime::after,.lam3 .l3-btn--purple::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);translate:-120% 0;animation:l3-shine 2.8s var(--ease) 1.2s infinite}
.lam3 .l3-btn--purple::after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%)}
@keyframes l3-shine{0%{translate:-120% 0}45%,100%{translate:120% 0}}
/* CTA life: a soft ring pulses out, the button gives a small bump and the WhatsApp icon wiggles, on a shared beat */
.lam3 .l3-btn--lime{animation:l3-pulse-lime 2.4s ease-out 1s infinite,l3-bump 3.6s var(--ease) 1.4s infinite}
.lam3 .l3-btn--purple{animation:l3-pulse-purple 2.4s ease-out 1s infinite,l3-bump 3.6s var(--ease) 1.4s infinite}
.lam3 .l3-btn--lime .l3-ic:first-child,.lam3 .l3-btn--purple .l3-ic:first-child{animation:l3-wiggle 3.6s ease-in-out 1.4s infinite}
.lam3 .l3-btn .l3-ic:last-child:not(:first-child),.lam3 .l3-link .l3-ic{animation:l3-nudge 1.6s ease-in-out infinite}
@keyframes l3-pulse-lime{0%{box-shadow:0 10px 22px -12px rgba(18,12,26,.45),0 0 0 0 rgba(195,198,60,.7)}70%,100%{box-shadow:0 10px 22px -12px rgba(18,12,26,.45),0 0 0 16px rgba(195,198,60,0)}}
@keyframes l3-pulse-purple{0%{box-shadow:0 12px 26px -12px rgba(18,12,26,.6),0 0 0 0 rgba(90,64,141,.55)}70%,100%{box-shadow:0 12px 26px -12px rgba(18,12,26,.6),0 0 0 16px rgba(90,64,141,0)}}
@keyframes l3-bump{0%,16%,100%{scale:1}6%{scale:1.05}11%{scale:.99}}
@keyframes l3-wiggle{0%,18%,100%{rotate:0deg}4%{rotate:-16deg}8%{rotate:14deg}12%{rotate:-8deg}}
@keyframes l3-nudge{0%,100%{translate:0 0}50%{translate:5px 0}}
.lam3 .l3-btn:hover{animation-play-state:paused}
.lam3 .l3-btn:hover .l3-ic{transform:rotate(-12deg) scale(1.12)}
.lam3 .l3-btn:hover .l3-ic[class]:last-child:not(:first-child){transform:translateX(4px)}
.lam3 .l3-btn:active{transform:translateY(0) scale(.98)}
.lam3 .l3-btn--purple{background:var(--purple);color:#fff;box-shadow:0 12px 26px -12px rgba(18,12,26,.6)}
.lam3 .l3-btn--purple:hover{background:var(--purple-deep);transform:translateY(-2px)}
.lam3 .l3-btn--lime{background:var(--lime);color:var(--purple-ink);box-shadow:0 10px 22px -12px rgba(18,12,26,.45)}
.lam3 .l3-btn--lime:hover{background:var(--lime-hover);transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(18,12,26,.5)}
.lam3 .l3-btn--lime:active{transform:translateY(0)}
.lam3 .l3-btn--ghost{border-color:var(--purple);color:var(--purple)}
.lam3 .l3-btn--ghost:hover{background:var(--purple);color:#fff}
.lam3 .l3-btn--sm{min-height:44px;padding:0 1.1em;font-size:.95rem}
.lam3 .l3-btn--lg{min-height:64px;padding:0 2em;font-size:1.15rem}
.lam3 .l3-link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;color:var(--purple);text-decoration:underline;text-decoration-color:var(--lime-deep);text-decoration-thickness:2px;text-underline-offset:6px;min-height:44px}
.lam3 .l3-link .l3-ic{transition:transform .3s var(--ease)}
.lam3 .l3-link:hover .l3-ic{transform:translateX(4px)}
.lam3 .l3-link--light{color:#fff;text-decoration-color:var(--lime)}
.lam3 .l3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:2rem}

/* Header */
.lam3 .l3-header{position:sticky;top:0;z-index:50;background:rgba(246,243,251,.96);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.lam3 .l3-header.is-stuck{border-color:var(--line);box-shadow:0 8px 24px -20px rgba(18,12,26,.5)}
.lam3 .l3-header__in{display:flex;align-items:center;gap:32px;height:76px}
.lam3 .l3-logo img{width:118px}
.lam3 .l3-nav{display:flex;gap:28px;margin-left:auto;font-weight:600;font-size:.95rem}
.lam3 .l3-nav a{text-decoration:none;color:var(--muted);padding:8px 0;transition:color .2s}
.lam3 .l3-nav a{position:relative}
.lam3 .l3-nav a:hover,.lam3 .l3-nav a.is-current{color:var(--purple)}
.lam3 .l3-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.lam3 .l3-nav a.is-current::after{transform:none}

/* Hero */
.lam3 .l3-hero{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(32px,4vw,56px);overflow:hidden}
.lam3 .l3-hero__ribbon{position:absolute;right:-6vw;top:-40px;width:min(52vw,640px);height:auto;aspect-ratio:920/1228;fill:none;stroke:var(--purple);stroke-width:2.6;opacity:.24;pointer-events:none}
.lam3 .l3-hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center}
.lam3 .l3-proofs{display:grid;gap:10px;margin-top:2rem;font-weight:600;color:var(--purple-ink)}
.lam3 .l3-proofs li{display:flex;align-items:center;gap:10px}
.lam3 .l3-proofs .l3-ic{color:var(--purple);background:var(--purple-soft);border-radius:50%;padding:4px;width:26px;height:26px}
.lam3 .l3-hero__visual{position:relative;justify-self:end;width:min(100%,470px);padding:28px 0 0 28px}
.lam3 .l3-square{position:absolute;left:0;top:0;width:44%;aspect-ratio:1;background:var(--lime);border-radius:18px}
.lam3 .l3-hero__photo{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:28% 18%;border-radius:var(--r);box-shadow:var(--shadow)}
/* Hero pills: lime tags over the photo, each on its own float */
.lam3 .l3-pills{position:absolute;inset:28px 0 0 28px;pointer-events:none}
.lam3 .l3-pill{position:absolute;display:inline-flex;align-items:center;gap:.5em;padding:.62em 1.15em .62em .95em;background:var(--lime);color:var(--purple-ink);font-weight:750;font-size:1.05rem;line-height:1;border-radius:22px 22px 22px 6px;box-shadow:0 12px 26px -12px rgba(18,12,26,.5);white-space:nowrap}
.lam3 .l3-pill .l3-ic{width:1.15em;height:1.15em;color:var(--purple)}
.lam3 .l3-pill--a{left:-12%;top:30%}
.lam3 .l3-pill--b{right:-8%;top:52%;border-radius:22px 22px 6px 22px}
.lam3 .l3-pill--c{left:6%;bottom:9%}
@keyframes l3-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.lam3 .l3-pill--a{animation:l3-float 5s ease-in-out infinite}
.lam3 .l3-pill--b{animation:l3-float 5.6s ease-in-out .8s infinite}
.lam3 .l3-pill--c{animation:l3-float 6.2s ease-in-out 1.6s infinite}
.lam3.is-js .l3-pill{opacity:0;scale:.8;transition:opacity .5s var(--ease),scale .7s var(--ease)}
.lam3.is-js .l3-pill.is-in{opacity:1;scale:1}

/* Products */
.lam3 .l3-products{padding:clamp(56px,8vw,110px) 0}
.lam3 .l3-feature{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);margin-top:clamp(28px,4vw,48px);padding:clamp(28px,5vw,64px);background:var(--purple);color:var(--on-purple);border-radius:calc(var(--r) + 6px)}
.lam3 .l3-feature__main{position:relative}
.lam3 .l3-feature .l3-h3{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.lam3 .l3-feature__main p{margin:1rem 0 2rem;color:var(--on-purple-2);max-width:46ch;font-size:1.1rem}
.lam3 .l3-feature__list{position:relative;display:grid;gap:0;align-content:center}
.lam3 .l3-feature__list li{padding:18px 0;border-top:1px solid rgba(255,255,255,.22);color:var(--on-purple-2)}
.lam3 .l3-feature__list li:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
.lam3 .l3-feature__list strong{display:block;color:#fff;font-size:1.15rem;font-weight:750;margin-bottom:2px}
.lam3 .l3-feature__list strong::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--lime);margin-right:10px;vertical-align:.1em}
.lam3 .l3-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,28px);margin-top:clamp(16px,2.5vw,28px)}
.lam3 .l3-product{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line)}
.lam3 .l3-product::before{content:"";position:absolute;left:0;top:0;z-index:1;width:clamp(36px,4vw,52px);aspect-ratio:1;background:var(--lime);border-bottom-right-radius:14px}
.lam3 .l3-product__photo{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:50% 25%}
.lam3 .l3-product__body{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:12px}
.lam3 .l3-product__body .l3-h3{color:var(--purple)}
.lam3 .l3-product__body p{color:var(--muted)}
.lam3 .l3-product__body .l3-link{margin-top:auto}
.lam3 .l3-product__need{font-size:.95rem}
.lam3 .l3-product__need b{color:var(--purple-ink)}
.lam3 .l3-partner{display:block;font-size:.85rem;color:var(--muted);margin-top:-6px}

/* Card simulation band */
.lam3 .l3-sim{position:relative;overflow:hidden;background:var(--lime);color:var(--purple-ink);padding:clamp(48px,6vw,80px) 0}
.lam3 .l3-sim__ribbon{position:absolute;right:-60px;top:50%;translate:0 -50%;width:min(34vw,380px);aspect-ratio:920/1228;fill:none;stroke:var(--purple);stroke-width:2.4;opacity:.28;pointer-events:none}
.lam3 .l3-sim__grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:28px 64px;align-items:center}
.lam3 .l3-sim__title{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;text-wrap:balance;color:var(--purple-ink)}
.lam3 .l3-sim__title span{display:block;color:var(--purple)}
.lam3 .l3-sim__copy p{margin-top:1rem;max-width:46ch;font-size:1.1rem;color:var(--lime-ink)}
.lam3 .l3-sim__steps{display:grid;gap:12px;align-self:center}
.lam3 .l3-sim__steps li{display:flex;align-items:center;gap:14px;font-weight:750;font-size:1.2rem}
.lam3 .l3-sim__steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--purple);color:#fff;font-weight:800;flex:none}
.lam3 .l3-sim__cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.lam3 .l3-sim__cta small{font-size:.85rem;color:var(--lime-ink)}

/* How it works */
.lam3 .l3-how{padding:clamp(56px,8vw,110px) 0;background:var(--paper)}
.lam3 .l3-how__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px)}
.lam3 .l3-steps{margin-top:clamp(32px,5vw,56px);display:grid;gap:clamp(24px,10vh,120px);padding-bottom:12vh}
.lam3 .l3-step{display:grid;grid-template-columns:52px 1fr;column-gap:20px}
.lam3 .l3-step .l3-h4{transition:color .4s var(--ease)}
.lam3 .l3-step:not(.is-active) .l3-h4{color:var(--muted)}
.lam3 .l3-step__n{grid-row:span 2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.25rem;background:var(--purple-soft);color:var(--purple);transition:background .4s,color .4s}
.lam3 .l3-step.is-active .l3-step__n{background:var(--purple);color:#fff}
.lam3 .l3-step .l3-h4{font-size:1.35rem;color:var(--purple-ink);align-self:center}
.lam3 .l3-step > p{color:var(--muted);margin-top:6px;max-width:44ch}
.lam3 .l3-step__screen{display:none}
.lam3 .l3-how__device{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;align-items:center}
.lam3 .l3-rail{position:absolute;left:-28px;top:40px;bottom:70px;width:4px;border-radius:3px;background:var(--purple-soft)}
.lam3 .l3-rail__fill{display:block;width:100%;height:100%;border-radius:3px;background:var(--lime-deep);transform-origin:top;transform:scaleY(var(--p,.25));transition:transform .6s var(--ease)}

/* Phone */
.lam3 .l3-phone{position:relative;width:min(330px,100%);aspect-ratio:9/17.4;background:var(--device);border-radius:46px;padding:11px;box-shadow:0 40px 70px -30px rgba(18,12,26,.55),0 10px 20px -10px rgba(18,12,26,.3)}
.lam3 .l3-phone__notch{position:absolute;top:20px;left:50%;translate:-50% 0;width:92px;height:26px;border-radius:14px;background:var(--device);z-index:3}
.lam3 .l3-phone__screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--ground);font-size:14px;line-height:1.4}
.lam3 .l3-scr{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.lam3 .l3-scr.is-on{opacity:1;transform:none}
.lam3 .l3-scr__bar{display:flex;align-items:center;gap:10px;padding:58px 18px 14px;background:var(--purple);color:#fff;font-size:15px}
.lam3 .l3-scr__bar small{display:block;font-size:12px;color:var(--on-purple-2);font-weight:500}
.lam3 .l3-scr__bar--wa{background:var(--purple-night)}
.lam3 .l3-avatar{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--purple-ink);display:grid;place-items:center;font-weight:800;font-size:13px}
.lam3 .l3-scr__thread{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 12px;background:var(--chat-thread)}
.lam3 .l3-msg{max-width:84%;padding:9px 12px;border-radius:14px;box-shadow:0 1px 0 var(--line)}
.lam3 .l3-msg--out{align-self:flex-end;background:var(--chat-out);border-bottom-right-radius:6px}
.lam3 .l3-msg--in{background:#fff;border-bottom-left-radius:6px}
.lam3 .l3-scr__composer{display:flex;align-items:center;justify-content:space-between;margin:10px;padding:10px 14px;border-radius:999px;background:#fff;color:var(--muted-2)}
.lam3 .l3-scr__composer .l3-ic{color:var(--purple);width:22px;height:22px}
.lam3 .l3-scr__pad{flex:1;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.lam3 .l3-scr__pad--center{align-items:center;justify-content:center;text-align:center;background:var(--purple);color:#fff}
.lam3 .l3-scr__label{font-size:12px;color:var(--muted);font-weight:600}
.lam3 .l3-scr__pad--center .l3-scr__label{color:var(--on-purple-2)}
.lam3 .l3-scr__big{font-size:34px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--purple-ink);line-height:1.05}
.lam3 .l3-scr__pad--center .l3-scr__big{color:#fff}
.lam3 .l3-slider{height:8px;border-radius:999px;background:var(--purple-soft);margin:4px 0 14px}
.lam3 .l3-slider span{display:block;position:relative;height:100%;width:var(--v);border-radius:999px;background:var(--purple)}
.lam3 .l3-slider span::after{content:"";position:absolute;right:-10px;top:50%;translate:0 -50%;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--purple)}
.lam3 .l3-chips{display:flex;gap:6px}
.lam3 .l3-chips span{flex:1;text-align:center;padding:8px 0;border-radius:10px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:13px}
.lam3 .l3-chips .is-on{background:var(--purple);border-color:var(--purple);color:#fff}
.lam3 .l3-scr__ok{display:flex;gap:10px;align-items:center;margin-top:auto;padding:14px;border-radius:14px;background:#fff;border:1.5px solid var(--lime-deep)}
.lam3 .l3-scr__ok .l3-ic{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--lime);color:var(--purple-ink)}
.lam3 .l3-scr__ok b{display:block;font-size:14px}
.lam3 .l3-scr__ok--soft{margin-top:12px;border-color:var(--line)}
.lam3 .l3-scr__ok--soft .l3-ic{background:var(--purple-soft);color:var(--purple)}
.lam3 .l3-scr--doc .l3-scr__btn{margin-top:auto}
.lam3 .l3-scr__ok span{font-size:12px;color:var(--muted)}
.lam3 .l3-terms{display:grid;gap:0;background:#fff;border-radius:14px;padding:4px 14px}
.lam3 .l3-terms div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.lam3 .l3-terms div:last-child{border:0}
.lam3 .l3-terms dt{color:var(--muted);font-size:12.5px}
.lam3 .l3-sign{margin-top:14px;padding:18px 14px 10px;border-radius:14px;background:#fff;border:1.5px dashed var(--line)}
.lam3 .l3-sign__line{display:block;height:2px;background:var(--purple-soft);margin-bottom:6px}
.lam3 .l3-sign small{font-size:12px;color:var(--muted)}
.lam3 .l3-terms dd{margin:0;font-weight:750;font-size:13px;font-variant-numeric:tabular-nums}
.lam3 .l3-scr__btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:14px;border-radius:999px;background:var(--lime);color:var(--purple-ink);font-weight:800}
.lam3 .l3-pix__ok{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lime);color:var(--purple-ink);margin-bottom:8px}
.lam3 .l3-pix__ok .l3-ic{width:34px;height:34px}
.lam3 .l3-pix__to{color:var(--on-purple-2);font-size:13px}
.lam3 .l3-pix__row{display:flex;justify-content:space-between;width:100%;margin-top:22px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.1);font-size:12.5px}

/* Safety */
/* Safety: the pattern interrupt. Deep purple band, lime ticker, lime-on-purple rules */
.lam3 .l3-safe{position:relative;overflow:hidden;padding:0 0 clamp(64px,9vw,120px);background:radial-gradient(120% 80% at 85% 10%,#4a3478 0%,var(--purple-deep) 45%,var(--purple-night) 100%);color:#fff}
.lam3 .l3-safe__ribbon{position:absolute;left:-90px;bottom:-140px;width:min(40vw,460px);aspect-ratio:920/1228;fill:none;stroke:var(--lime);stroke-width:2.2;opacity:.22;pointer-events:none}
.lam3 .l3-safe__grid{position:relative;margin-top:clamp(56px,7vw,96px)}
.lam3 .l3-safe .l3-h2{color:#fff}
.lam3 .l3-safe .l3-sub{color:var(--on-purple-2)}
.lam3 .l3-safe .l3-callout{color:#fff}
.lam3 .l3-safe .l3-callout mark{color:var(--purple-ink);background:var(--lime);padding:.05em .3em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lam3 .l3-safe .l3-rules li{border-color:rgba(255,255,255,.16)}
.lam3 .l3-safe .l3-rules .l3-ic{background:var(--lime);color:var(--purple-deep)}
.lam3 .l3-safe .l3-rules .l3-h4{color:#fff}
.lam3 .l3-safe .l3-rules p{color:var(--on-purple-2)}
.lam3 .l3-marquee{position:relative;overflow:hidden;background:var(--lime);color:var(--purple-ink);padding:14px 0;rotate:-1.2deg;margin:18px -2vw 0;box-shadow:0 14px 30px -18px rgba(18,12,26,.6)}
.lam3 .l3-marquee__track{display:flex;width:max-content;animation:l3-marquee 38s linear infinite}
.lam3 .l3-marquee__group{display:flex;align-items:center;gap:28px;padding-right:28px;font-weight:800;font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.01em;white-space:nowrap}
.lam3 .l3-marquee__group .l3-ic{width:1em;height:1em;color:var(--purple)}
@keyframes l3-marquee{to{transform:translateX(-50%)}}
.lam3 .l3-safe__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.lam3 .l3-safe__head{position:sticky;top:120px}
.lam3 .l3-callout{margin-top:2rem;font-size:1.35rem;line-height:1.3;font-weight:750;color:var(--purple-ink);max-width:22ch;text-wrap:balance}
.lam3 .l3-callout mark{background:linear-gradient(transparent 48%,var(--lime) 48%,var(--lime) 86%,transparent 86%);color:inherit;padding:0 .1em}
.lam3 .l3-rules li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
.lam3 .l3-rules li:last-child{border-bottom:1px solid var(--line)}
.lam3 .l3-rules .l3-ic{width:56px;height:56px;padding:13px;border-radius:16px;background:var(--purple);color:var(--lime);transition:transform .4s var(--ease)}
@media (hover:hover){.lam3 .l3-rules li:hover .l3-ic{transform:rotate(-6deg) scale(1.04)}}
.lam3 .l3-rules .l3-h4{color:var(--purple-ink);font-size:1.35rem}
.lam3 .l3-rules p{color:var(--muted);margin-top:4px}

/* FAQ */
.lam3 .l3-faq{padding:clamp(56px,8vw,110px) 0;background:var(--paper)}
.lam3 .l3-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.lam3 .l3-acc details{border-bottom:1px solid var(--line)}
.lam3 .l3-acc details:first-child{border-top:1px solid var(--line)}
.lam3 .l3-acc summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:1.2rem;color:var(--purple-ink);cursor:pointer;list-style:none;min-height:56px}
.lam3 .l3-acc summary::-webkit-details-marker{display:none}
.lam3 .l3-acc summary .l3-ic{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--purple-soft);color:var(--purple);transition:transform .4s var(--ease),background .3s,color .3s}
.lam3 .l3-acc details[open] summary .l3-ic{transform:rotate(45deg);background:var(--purple);color:#fff}
.lam3 .l3-acc summary:hover{color:var(--purple)}
.lam3 .l3-acc p{padding:0 56px 24px 0;color:var(--muted);max-width:62ch}

/* Final CTA */
.lam3 .l3-final{position:relative;overflow:hidden;background:var(--purple);color:#fff;padding:clamp(72px,10vw,140px) 0}
.lam3 .l3-final__ribbon{position:absolute;right:4vw;top:50%;translate:0 -50%;width:min(38vw,460px);aspect-ratio:920/1228;fill:none;stroke:var(--lime);stroke-width:2.4;opacity:.7;pointer-events:none}
.lam3 .l3-final__in{position:relative}
.lam3 .l3-final .l3-h2{color:#fff;max-width:14ch}
.lam3 .l3-final .l3-h2 span{display:block;color:var(--lime)}
.lam3 .l3-final .l3-lead{color:var(--on-purple-2)}

/* Footer */
.lam3 .l3-footer{background:var(--purple-deep);color:var(--on-purple-2);padding:48px 0 calc(40px + env(safe-area-inset-bottom))}
.lam3 .l3-footer__grid{display:grid;grid-template-columns:auto 1fr;gap:24px 0;align-items:center}
.lam3 .l3-footer__logo,.lam3 .l3-footer__links{align-self:stretch;display:flex;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.16)}
.lam3 .l3-footer__logo{width:auto}
.lam3 .l3-footer__logo img{width:110px}

.lam3 .l3-footer__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 28px;font-weight:600}
.lam3 .l3-footer__links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;min-height:44px}
.lam3 .l3-footer__links a:hover{color:var(--lime)}
.lam3 .l3-footer__legal{grid-column:1/-1;font-size:.85rem;max-width:80ch}
.lam3 .l3-footer__copy{grid-column:1/-1;font-size:.85rem}

/* Mobile dock */
.lam3 .l3-dock{display:none}

/* Entrance: content visible by default, enhanced only when JS runs */

@media (max-width:1000px){
  .lam3 .l3-nav{display:none}
  .lam3 .l3-header__in{justify-content:space-between}
  .lam3 .l3-hero__grid,.lam3 .l3-feature,.lam3 .l3-safe__grid,.lam3 .l3-faq__grid{grid-template-columns:1fr}
  .lam3 .l3-hero__visual{justify-self:center;width:min(100%,420px);margin-top:8px}
  .lam3 .l3-note--mobile{display:block;margin-top:20px;text-align:center}
  .lam3 .l3-duo{grid-template-columns:1fr}
  .lam3 .l3-sim__grid{grid-template-columns:1fr}
  .lam3 .l3-pill--a{left:-2%}
  .lam3 .l3-pill--b{right:-2%}
  .lam3 .l3-safe__head{position:static}
  /* steps: each step carries its own screen, the sticky phone hides */
  .lam3 .l3-how__grid{grid-template-columns:1fr}
  .lam3 .l3-how__device{display:none}
  .lam3 .l3-steps{gap:48px;padding-bottom:0}

  .lam3 .l3-step__n{background:var(--purple);color:#fff}
  .lam3 .l3-step__screen{display:block;grid-column:1/-1;margin-top:20px}
  .lam3 .l3-step__screen .l3-phone{width:min(270px,78vw);aspect-ratio:9/16;margin-inline:auto;border-radius:46px 46px 36px 36px}
  .lam3 .l3-step__screen .l3-phone__screen{border-radius:36px 36px 28px 28px}
  .lam3 .l3-step__screen .l3-scr__bar{padding-top:50px}
  .lam3 .l3-step__screen .l3-scr__ok--soft{display:none}
  .lam3 .l3-step__screen .l3-scr{opacity:1;transform:none}
}
@media (max-width:640px){
  .lam3{font-size:17px}
  .lam3 .l3-header__in{height:64px}
  .lam3 .l3-logo img{width:96px}
  .lam3 .l3-header .l3-btn span{display:none}
  .lam3 .l3-header .l3-btn{width:44px;padding:0}
  .lam3 .l3-actions .l3-btn{width:100%}
  .lam3 .l3-hero__ribbon{width:90vw;right:-40vw;top:auto;bottom:0}
  .lam3 .l3-product{grid-template-columns:1fr}
  .lam3 .l3-product__photo{min-height:0;aspect-ratio:16/10}
  .lam3 .l3-final__ribbon{width:70vw;right:-26vw;opacity:.3}
  .lam3 .l3-sim__ribbon{width:70vw;right:-34vw;opacity:.2}
  .lam3 .l3-sim__cta .l3-btn{width:100%}
  .lam3 .l3-pill{font-size:.95rem}
  .lam3 .l3-pill--a{left:-8px}
  .lam3 .l3-pill--b{right:8px}
  .lam3 .l3-footer__grid{grid-template-columns:1fr}
  .lam3 .l3-footer__logo{border-bottom:0;padding-bottom:0}
  .lam3 .l3-footer__links{justify-content:flex-start;flex-wrap:wrap}
  .lam3 .l3-acc p{padding-right:0}
  .lam3 .l3-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(246,243,251,.97);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .45s var(--ease)}
  .lam3 .l3-dock.is-on{transform:none}
  .lam3 .l3-dock .l3-btn{width:100%;overflow:visible}
  .lam3 .l3-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lam3 *,.lam3 *::before,.lam3 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .lam3 .l3-pill,.lam3 .l3-btn,.lam3 .l3-btn::after,.lam3 .l3-btn::before,.lam3 .l3-btn .l3-ic,.lam3 .l3-link .l3-ic,.lam3 .l3-marquee__track{animation:none!important}
  .lam3.is-js .l3-pill{opacity:1;scale:1}
}