/* Signed-out landing only. Approved masthead/footer and authenticated pages untouched. */
#app>.li-guest-hero,#app>.li-guest-access{
 box-sizing:border-box;max-width:100%;min-width:0;margin:clamp(12px,2vw,23px) 0 32px;
 border:3px solid #302b28;border-radius:clamp(24px,3.5vw,38px);
 box-shadow:0 8px 0 #302b28,0 17px 30px #422e3c19;
 overflow:hidden;color:#4c3546;
}
#app>.li-guest-hero{
 padding:clamp(20px,3.5vw,49px);
 background:radial-gradient(ellipse at 95% 10%,#e7d9ff 0%,transparent 52%),
 linear-gradient(115deg,#fff0df 0%,#ffe4ef 50%,#f3e6ff 100%);
}
#app .li-guest-hero-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:clamp(12px,3vw,36px);align-items:center}
#app .li-guest-hero-copy{min-width:0}
#app .li-guest-hero-copy>.eyebrow,#app .li-guest-access .eyebrow,#app .li-guest-showcase .eyebrow{
 display:block;margin-bottom:12px;font:900 clamp(11px,1vw,14px)/1.4 'Nunito Sans',system-ui,sans-serif;letter-spacing:.13em;color:#8a5528;
}
#app .li-guest-hero h1{
 margin:0 0 16px;color:#643b66;font:900 clamp(34px,5vw,64px)/1.05 'Fredoka',system-ui,sans-serif;
 letter-spacing:-.018em;max-width:14ch;text-wrap:balance;
}
#app .li-guest-intro{margin:0 0 8px;max-width:650px;color:#614e60;
 font-size:clamp(16px,1.8vw,21px);font-weight:650;line-height:1.8;overflow-wrap:normal}
#app .li-guest-principle{
 display:inline-flex;align-items:center;gap:4px;vertical-align:middle;white-space:nowrap;
 padding:2px 10px 2px 5px;margin:3px 1px;border:1px solid #dfc8aa;
 border-radius:999px;color:#514153;font-family:'Fredoka',system-ui,sans-serif;font-weight:750;
 font-size:.91em;line-height:1.45;box-shadow:0 3px 0 #d5bfa842;
 transition:transform .18s ease,box-shadow .18s ease;
}
#app .li-guest-principle img{display:inline-block;flex:0 0 auto;width:clamp(24px,2.2vw,31px);height:clamp(24px,2.2vw,31px);object-fit:contain;vertical-align:middle}
#app .li-guest-principle-save{background:#ffe7b2;border-color:#e5c987}
#app .li-guest-principle-invest{background:#e9dbff;border-color:#d5bcea}
#app .li-guest-principle-spend{background:#ffdfc8;border-color:#eac4a5}
#app .li-guest-principle-give{background:#ffe0eb;border-color:#e9bfce}
@media(hover:hover){#app .li-guest-principle:hover{transform:translateY(-3px);box-shadow:0 6px 0 #b9a0a748}}
#app .li-guest-parent-promise{max-width:640px;margin:13px 0 0;padding-left:14px;border-left:4px solid #bb749f;
 color:#704e6d;font-size:clamp(14px,1.5vw,17px);font-weight:750;line-height:1.55}
#app .li-guest-hero-note{
 box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
 width:100%;max-width:270px;padding:clamp(17px,2vw,25px);
 border:2px solid #e4c7d8;border-radius:28px;text-align:center;
 background:#fffdf2b8;box-shadow:0 6px 0 #e5cadd;
}
#app .li-guest-hero-note img{width:clamp(68px,7vw,100px);height:clamp(68px,7vw,100px);object-fit:contain;filter:drop-shadow(0 5px 5px #7f60753d)}
#app .li-guest-hero-note strong{font:850 clamp(19px,2vw,26px)/1.18 'Fredoka',system-ui,sans-serif;color:#664168}
#app .li-guest-hero-note span{color:#765e6c;font-size:14px;line-height:1.45}
#app .li-guest-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:21px 0 3px}
#app .li-guest-start,#app .li-guest-email-button{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;
 min-height:52px;padding:12px 22px;border-radius:17px;background:linear-gradient(#f6ad59,#e88530);
 border:2px solid #70422c;color:#392922;text-decoration:none;
 font:900 clamp(15px,1.4vw,18px)/1.25 'Fredoka',system-ui,sans-serif;box-shadow:0 5px 0 #9e633b;
 transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;
}
#app :is(.li-guest-start,.li-guest-email-button):hover{transform:translateY(-2px);box-shadow:0 7px 0 #9e633b}
#app :is(.li-guest-start,.li-guest-email-button):focus-visible{outline:3px solid #734d85;outline-offset:4px}
#app .li-guest-learn{font-weight:850;color:#744071;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;padding:9px}
#app .li-guest-learn:hover{color:#a24a7a}
#app .li-guest-showcase{margin-top:clamp(24px,3.7vw,43px);padding:clamp(14px,2.4vw,26px);
 border-radius:27px;border:2px solid #e6ccdf;background:#fffaf3c9}
#app .li-guest-showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
#app .li-guest-showcase-heading .eyebrow{margin:0 0 5px}
#app .li-guest-showcase-heading h2{margin:0;color:#663e63;font:850 clamp(22px,2.7vw,32px)/1.14 'Fredoka',system-ui,sans-serif}
#app .li-guest-showcase-heading p{margin:5px 0 0;color:#785f6b;font-size:14px;line-height:1.4}
#app .li-guest-showcase-controls{display:flex;gap:9px;flex-shrink:0}
#app .li-guest-showcase-controls button{
 display:grid;place-items:center;width:42px;height:42px;padding:0;border:2px solid #825d76;border-radius:50%;
 background:#fff5e5;color:#583b56;box-shadow:0 3px 0 #dec3d2;font-size:30px;line-height:1;cursor:pointer;
}
#app .li-guest-showcase-controls button:hover{background:#ffe6b7}
#app .li-guest-showcase-controls button:focus-visible{outline:3px solid #28725d;outline-offset:2px}
#app .li-guest-showcase-rail{
 display:grid;grid-auto-flow:column;grid-auto-columns:minmax(135px,1fr);gap:clamp(9px,1.4vw,15px);
 min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cfa4c0 transparent;
 overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:6px 2px 14px;
}
#app .li-guest-companion{
 box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;
 min-width:0;margin:0;padding:10px 8px 12px;border:2px solid #e4cfcd;border-radius:22px;
 background:linear-gradient(150deg,#fff7e6,#f8e3e8);
 box-shadow:0 4px 0 #e6d1d7;scroll-snap-align:start;
}
#app .li-guest-companion:nth-child(3n+2){background:linear-gradient(150deg,#f8edff,#e5e6fb);border-color:#dcd1ec}
#app .li-guest-companion:nth-child(3n){background:linear-gradient(150deg,#f2fae8,#f9ebd7);border-color:#d9dfc3}
#app .li-guest-companion-art{display:grid;place-items:center;min-height:120px;width:100%}
#app .li-guest-companion img{display:block;width:min(100%,140px);height:120px;object-fit:contain;filter:drop-shadow(0 6px 5px #7b53683d);transform-origin:50% 85%;transition:transform .3s cubic-bezier(.2,.7,.3,1.3),filter .3s}
@media(hover:hover){
 #app .li-guest-companion:hover img{transform:translateY(-7px) rotate(-4deg) scale(1.08);filter:drop-shadow(0 11px 7px #7b53684b)}
 #app .li-guest-companion:nth-child(even):hover img{transform:translateY(-7px) rotate(4deg) scale(1.08)}
 #app .li-guest-companion:hover{border-color:#c79db2}
}
#app .li-guest-companion figcaption{display:grid;justify-items:center;gap:3px}
#app .li-guest-companion figcaption strong{font:850 19px/1.15 'Fredoka',system-ui,sans-serif;color:#573f5e}
#app .li-guest-companion figcaption small{font-weight:700;color:#866b79;font-size:12px;text-align:center}
#app .li-guest-showcase-hint{margin:8px 0 0;color:#826f7b;font-size:12px;font-weight:700}
#app>.li-guest-access{padding:clamp(22px,3vw,38px);background:linear-gradient(140deg,#fffaf1,#fff4e4)}
#app .li-guest-access-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}
#app .li-guest-access-heading>img{width:clamp(55px,6vw,76px);height:clamp(55px,6vw,76px);object-fit:contain;filter:drop-shadow(0 4px 4px #694e5434)}
#app .li-guest-access-heading h2{margin:0;color:#663f69;font:850 clamp(24px,3vw,37px)/1.16 'Fredoka',system-ui,sans-serif}
#app .li-guest-access-heading p{margin:6px 0 0;line-height:1.45;font-weight:600;color:#785f70}
#app .li-guest-access .eyebrow{margin:0 0 6px}
#app .li-guest-access-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(210px,.8fr);gap:clamp(14px,2vw,25px);align-items:stretch}
#app .li-guest-access-form{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;min-width:0;margin:0;padding:clamp(15px,2.5vw,27px)!important;border:2px solid #e4cfc5;border-radius:23px;background:#fffefa;box-shadow:0 4px 0 #eddfcd}
#app .li-guest-access-form label{display:grid;gap:9px;font-weight:850;color:#57424a}
#app .li-guest-access-form input{box-sizing:border-box;width:100%;max-width:100%;min-height:53px;padding:12px 15px;font:750 16px/1.3 'Nunito Sans',system-ui,sans-serif;border:2px solid #e0cbe2;border-radius:15px;background:#fff;color:#4e3c4b}
#app .li-guest-access-form input:focus-visible{outline:3px solid #bf86ae;outline-offset:2px}
#app .li-guest-email-button{width:100%;min-height:56px;white-space:normal}
#app .li-guest-access-form .li-guest-magic-explain{padding:11px 13px;margin:0;border-radius:13px;background:#f5e9fa;border-left:4px solid #af71b5;line-height:1.55;font-size:13px;color:#675069}
#app .li-guest-access-steps{box-sizing:border-box;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:10px;min-width:0;padding:clamp(16px,2.4vw,26px);text-align:center;border:2px solid #d4e2c1;border-radius:23px;background:linear-gradient(#f4fbe9,#e6f2dc);box-shadow:0 4px 0 #d9e4c9}
#app .li-guest-access-steps>img{display:block;width:clamp(68px,8vw,104px);height:clamp(68px,8vw,104px);object-fit:contain;filter:drop-shadow(0 5px 5px #59724d40)}
#app .li-guest-access-steps strong{font:900 22px/1.2 'Fredoka',system-ui,sans-serif;color:#496541}
#app .li-guest-access-steps ol{margin:10px 0 0;padding-left:22px;text-align:left;line-height:1.7;color:#4b5b41;font-size:14px;font-weight:750}
#app .li-guest-access-note{margin:15px 0 0;font-size:13px;line-height:1.5;color:#775d70;font-weight:750}
@media(min-width:1250px){#app .li-guest-showcase-rail{grid-auto-columns:minmax(0,1fr)}}
@media(max-width:820px){
 #app .li-guest-hero-heading{grid-template-columns:minmax(0,1fr)}
 #app .li-guest-hero-note{display:none}
 #app .li-guest-showcase-rail{grid-auto-columns:clamp(130px,25vw,170px)}
 #app .li-guest-access-grid{grid-template-columns:1fr}
 #app .li-guest-access-steps{grid-template-columns:auto 1fr;justify-items:start;text-align:left}
}
@media(max-width:500px){
 #app>.li-guest-hero,#app>.li-guest-access{margin:10px 0 24px;border-radius:25px;border-width:2px;box-shadow:0 6px 0 #302b28}
 #app>.li-guest-hero{padding:16px}
 #app .li-guest-hero h1{font-size:clamp(32px,9vw,43px)}
 #app .li-guest-intro{font-size:16px;line-height:1.65}
 #app .li-guest-hero-actions{align-items:stretch;flex-direction:column}
 #app .li-guest-start{width:100%}
 #app .li-guest-showcase{padding:12px 10px;margin-top:24px;border-radius:19px}
 #app .li-guest-showcase-heading{align-items:flex-start}
 #app .li-guest-showcase-heading h2{font-size:22px}
 #app .li-guest-showcase-heading p{font-size:12px}
 #app .li-guest-showcase-controls button{width:36px;height:36px;font-size:25px}
 #app .li-guest-showcase-rail{grid-auto-columns:clamp(120px,39vw,158px)}
 #app .li-guest-access-heading{align-items:flex-start;gap:8px}
 #app .li-guest-access-heading>img{width:50px;height:50px}
 #app .li-guest-access-form{padding:15px!important}
 #app .li-guest-access-steps{grid-template-columns:1fr;justify-items:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
 #app .li-guest-principle,#app .li-guest-companion img,#app .li-guest-start,#app .li-guest-email-button{transition:none!important;transform:none!important}
 #app .li-guest-showcase-rail{scroll-behavior:auto}
}


/* GUEST COMPACT V3: Keep the approved shell untouched. No empty hero side column. */
#app>.li-guest-hero{
  padding:clamp(16px,2.35vw,28px);
  margin:clamp(9px,1.25vw,15px) 0 clamp(13px,1.7vw,20px);
}
#app .li-guest-hero-heading{display:block;max-width:100%}
#app .li-guest-hero-copy{width:100%;max-width:none}
#app .li-guest-hero-copy>.eyebrow{margin-bottom:6px}
#app .li-guest-hero h1{
  max-width:none; margin:0 0 9px;
  font-size:clamp(31px,3.6vw,48px);
  line-height:1.08;
}
#app .li-guest-intro{max-width:1100px;margin-bottom:2px;font-size:clamp(15px,1.45vw,19px);line-height:1.55}
#app .li-guest-principle{margin:2px 0;padding:1px 7px 1px 3px}
#app .li-guest-parent-promise{
  margin:6px 0 0;padding-left:11px;
  font-size:clamp(13px,1.2vw,15px);line-height:1.45;max-width:none
}
#app .li-guest-hero-actions{gap:10px;margin:14px 0 1px}
#app .li-guest-start{min-height:46px;padding:9px 17px}
#app .li-guest-learn{font-size:15px}
#app .li-guest-showcase{
  margin-top:clamp(15px,2vw,23px);
  padding:clamp(11px,1.5vw,16px);
  border-radius:22px;
}
#app .li-guest-showcase-heading{margin-bottom:8px}
#app .li-guest-showcase-heading h2{font-size:clamp(20px,2vw,25px)}
#app .li-guest-showcase-rail{padding:2px 2px 8px}
#app .li-guest-companion{padding:6px 5px 8px;gap:3px;border-radius:17px}
#app .li-guest-companion-art{min-height:89px}
#app .li-guest-companion img{height:96px;width:min(100%,108px)}
#app .li-guest-companion figcaption strong{font-size:16px}
#app .li-guest-companion figcaption small{font-size:11px}
#app>.li-guest-access{padding:clamp(15px,2.3vw,25px);margin-top:clamp(10px,1.6vw,18px)}
#app .li-guest-access-heading{margin-bottom:12px;gap:10px}
#app .li-guest-access-heading h2{font-size:clamp(22px,2.65vw,31px)}
#app .li-guest-access-form{gap:10px}
#app .li-guest-access-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.95fr);gap:clamp(11px,1.5vw,18px)}
#app .li-guest-access-steps{
 display:flex;flex-direction:column;align-items:stretch;justify-content:center;
 padding:clamp(12px,1.65vw,20px);gap:11px;text-align:center;
 background:linear-gradient(155deg,#f8fff1,#e8f4e2 64%,#fff1df);
}
#app .li-guest-access-steps-title{
 display:block;font:900 clamp(18px,1.9vw,23px)/1.2 'Fredoka',system-ui,sans-serif;
 color:#486643;text-align:center
}
#app .li-guest-access-step-flow{
 display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;min-width:0;
}
#app .li-guest-access-step{
 display:flex;flex:1 1 0;min-width:0;max-width:200px;flex-direction:column;
 align-items:center;justify-content:center;gap:7px;padding:8px 5px 10px;
 border:1px solid #c9dfbb;border-radius:17px;background:#fffdf8;
 box-shadow:0 3px 0 #cfe0c3;
}
#app .li-guest-access-step img{display:block;width:clamp(36px,4vw,52px);height:clamp(36px,4vw,52px);object-fit:contain;filter:drop-shadow(0 3px 3px #82604426)}
#app .li-guest-access-step strong{
 font:800 clamp(12px,1.12vw,14px)/1.25 'Fredoka',system-ui,sans-serif;
 color:#52604b;text-wrap:balance
}
#app .li-guest-step-arrow{flex:0 0 auto;color:#ad7145;font:900 25px/1 'Fredoka',system-ui,sans-serif;transform:rotate(-90deg)}
@media(max-width:960px){
 #app .li-guest-access-grid{grid-template-columns:minmax(0,1fr)}
 #app .li-guest-access-step{max-width:none}
 #app .li-guest-access-step strong{font-size:14px}
}
@media(max-width:500px){
 #app>.li-guest-hero{padding:15px}
 #app .li-guest-hero h1{font-size:clamp(30px,7.2vw,38px)}
 #app .li-guest-showcase{padding:10px}
 #app .li-guest-showcase-rail{grid-auto-columns:clamp(112px,37vw,148px)}
 #app .li-guest-access-steps{gap:8px;padding:12px 7px}
 #app .li-guest-access-step-flow{gap:2px}
 #app .li-guest-access-step{padding:8px 3px;border-radius:12px}
 #app .li-guest-access-step img{width:36px;height:36px}
 #app .li-guest-access-step strong{font-size:11px;overflow-wrap:anywhere}
 #app .li-guest-step-arrow{font-size:18px}
}


/* Public hero: cited educational evidence, no sales pressure or fear claims. */
#app .li-guest-hero-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:clamp(12px,2.4vw,26px);align-items:center}
#app .li-guest-hero-copy{min-width:0}
#app .li-guest-hero h1{max-width:14ch}
#app .li-guest-facts{
 box-sizing:border-box;display:flex;flex-direction:column;gap:10px;
 padding:clamp(12px,1.7vw,19px);min-width:0;
 border:2px solid #ddc2db;border-radius:23px;
 background:linear-gradient(160deg,#fffdfa,#f7eaff 80%,#ffefdc);
 box-shadow:0 5px 0 #dbbdd9,0 12px 22px #5c3b6920;
}
#app .li-guest-facts-head{display:flex;align-items:center;gap:10px}
#app .li-guest-facts-head h2{font:900 clamp(21px,2vw,26px)/1.13 'Fredoka',system-ui,sans-serif;color:#67416d;margin:0}
#app .li-guest-facts-spark{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;color:#7b4a68;background:#ffebba;font-size:22px}
#app .li-guest-facts-grid{display:grid;grid-template-columns:1fr;gap:7px}
#app .li-guest-facts-grid p{
 display:flex;align-items:center;gap:10px;margin:0;padding:9px 10px;
 border:1px solid #ead8e8;border-radius:13px;background:#fffdfbcf;
 line-height:1.26;font-size:clamp(11px,1.1vw,13px);color:#71596b;
}
#app .li-guest-facts-grid strong{
 display:block;flex:0 0 65px;color:#724879;
 font:900 clamp(21px,2vw,27px)/1 'Fredoka',system-ui,sans-serif;
}
#app .li-guest-facts-grid p:first-child strong{font-size:20px}
#app .li-guest-facts-grid p:nth-child(2) strong{color:#9c612b}
#app .li-guest-facts-grid p:nth-child(3) strong{color:#a2597a}
#app .li-guest-facts-grid p:nth-child(4) strong{color:#5b7b55}
#app .li-guest-facts-grid b{font-weight:900}
#app .li-guest-facts-sources{font-size:10px;line-height:1.45;color:#7a6373;margin:2px 0 0}
#app .li-guest-facts-sources a{color:#704076;text-decoration:underline;text-underline-offset:2px}
@media(max-width:920px){
 #app .li-guest-hero-heading{grid-template-columns:1fr;gap:16px}
 #app .li-guest-hero h1{max-width:none}
 #app .li-guest-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .li-guest-facts-grid p{align-items:flex-start;flex-direction:column;gap:5px}
 #app .li-guest-facts-grid strong{flex:0 0 auto}
}
@media(max-width:475px){
 #app .li-guest-facts{padding:12px}
 #app .li-guest-facts-grid{gap:7px}
 #app .li-guest-facts-grid p{font-size:11px;padding:9px}
 #app .li-guest-facts-grid strong{font-size:21px}
}


/* 3-step portrait timeline – warm candy colors from the authenticated homepage. */
#app .li-guest-access-grid{align-items:stretch;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr)}
#app .li-guest-access-steps{
 display:grid;grid-template-columns:minmax(0,1fr) 49px;grid-template-rows:1fr;
 align-items:center;justify-items:stretch;column-gap:13px;
 padding:clamp(12px,1.7vw,19px);min-height:100%;text-align:left;
 border:2px solid #e5c6d7;border-radius:23px;
 background:linear-gradient(145deg,#fff1dd 0%,#ffeff6 52%,#eee3ff 100%);
 box-shadow:0 5px 0 #e8cada;
}
#app .li-guest-access-step-flow{
 display:flex;flex-direction:column;align-items:stretch;
 justify-content:center;gap:0;min-width:0;width:100%;
}
#app .li-guest-access-step{
 display:flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;
 gap:12px;min-width:0;max-width:none;min-height:67px;
 padding:8px 12px;border-radius:16px;border:2px solid #efd1bd;
 background:linear-gradient(130deg,#fffaf0,#ffecd4);
 box-shadow:0 4px 0 #dfc3ae;
}
#app .li-guest-access-step:nth-of-type(2){
 background:linear-gradient(130deg,#fff4fa,#f9dce9);
 border-color:#edc6dc;box-shadow:0 4px 0 #deb9d0;
}
#app .li-guest-access-step:nth-of-type(3){
 background:linear-gradient(130deg,#faf5ff,#e7dafb);
 border-color:#d9c6ec;box-shadow:0 4px 0 #ceb8e3;
}
#app .li-guest-access-step img{
 width:clamp(43px,4vw,55px);height:clamp(43px,4vw,55px);flex-shrink:0;
 filter:drop-shadow(0 4px 3px #8a626132);
}
#app .li-guest-access-step strong{
 min-width:0;font:850 clamp(13px,1.2vw,16px)/1.27 'Fredoka',system-ui,sans-serif;
 color:#573d58;text-align:left;text-wrap:pretty;overflow-wrap:break-word;
}
#app .li-guest-step-arrow{
 display:grid;place-items:center;align-self:center;flex:0 0 auto;
 width:29px;height:30px;margin:3px 0;
 color:#945476;background:#fff7f0;border:1.5px solid #e0becf;
 border-radius:999px;font:900 24px/1 'Fredoka',system-ui,sans-serif;
 transform:none;box-shadow:0 2px 0 #dcc3d1;
}
#app .li-guest-access-steps-title{
 display:flex;align-items:center;justify-content:center;
 grid-column:2;grid-row:1;justify-self:stretch;align-self:stretch;
 writing-mode:vertical-rl;transform:rotate(180deg);
 white-space:nowrap;padding:15px 10px;border-radius:17px;
 color:#784368;background:linear-gradient(0deg,#ffddc1,#edd7fb);
 border:2px solid #d8b9db;
 font:900 clamp(21px,2.15vw,28px)/1 'Fredoka',system-ui,sans-serif;
 letter-spacing:.17em;box-shadow:0 4px 0 #dfc1d8;
}
@media(max-width:960px){
 #app .li-guest-access-grid{grid-template-columns:1fr}
 #app .li-guest-access-steps{min-height:0}
 #app .li-guest-access-step strong{font-size:15px}
}
@media(max-width:500px){
 #app .li-guest-access-steps{grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding:10px}
 #app .li-guest-access-steps-title{font-size:19px;padding:10px 7px;border-radius:13px}
 #app .li-guest-access-step{padding:7px 9px;gap:8px;min-height:58px}
 #app .li-guest-access-step img{width:41px;height:41px}
 #app .li-guest-access-step strong{font-size:13px}
 #app .li-guest-step-arrow{height:25px;width:26px;margin:3px 0;font-size:21px}
}


/* FINAL AVATAR SHOWCASE: all 6 visible, no scroll, no carousel controls.
   This overrides the previous auto-column rail at every breakpoint. */
#app .li-guest-showcase-rail{
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;
 grid-auto-flow:row;grid-template-rows:auto;gap:clamp(6px,.95vw,12px);
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;
 overflow-x:visible;overflow-y:visible;scroll-snap-type:none;
 overscroll-behavior:auto;scrollbar-width:none;padding:4px 0 7px;
}
#app .li-guest-showcase-controls{display:none!important}
#app .li-guest-companion{
 width:100%;max-width:100%;min-width:0;min-height:0;
 box-sizing:border-box;padding:8px 4px 10px;border-radius:clamp(13px,1.5vw,19px);
 scroll-snap-align:none;overflow:visible;gap:4px;
}
#app .li-guest-companion-art{
 min-height:0;width:100%;height:clamp(76px,8.4vw,116px);
 display:grid;place-items:center;overflow:visible;
}
#app .li-guest-companion img{
 display:block;width:100%;max-width:clamp(72px,7.8vw,108px);
 height:100%;max-height:116px;object-fit:contain;
}
#app .li-guest-companion figcaption{width:100%;min-width:0}
#app .li-guest-companion figcaption strong{
 font-size:clamp(13px,1.4vw,18px);line-height:1.12;overflow-wrap:anywhere;text-align:center;
}
#app .li-guest-companion figcaption small{
 font-size:clamp(10px,.95vw,12px);line-height:1.17;overflow-wrap:anywhere;
}
@media(max-width:850px){
 #app .li-guest-showcase-rail{
  grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;
  grid-auto-flow:row;gap:clamp(7px,1.9vw,12px);
 }
 #app .li-guest-companion-art{height:clamp(74px,12vw,105px)}
 #app .li-guest-companion img{max-width:100px}
 #app .li-guest-companion figcaption strong{font-size:clamp(14px,2.4vw,17px)}
 #app .li-guest-companion figcaption small{font-size:clamp(10px,1.8vw,12px)}
}
@media(max-width:500px){
 #app .li-guest-showcase-rail{
  grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;
  grid-auto-flow:row;gap:7px;padding:2px 0 5px;
 }
 #app .li-guest-companion{padding:7px 2px 8px;border-radius:13px}
 #app .li-guest-companion-art{height:clamp(66px,20vw,91px)}
 #app .li-guest-companion img{max-width:86px}
 #app .li-guest-companion figcaption strong{font-size:clamp(12px,3.7vw,15px)}
 #app .li-guest-companion figcaption small{font-size:clamp(9px,2.9vw,11px)}
}


/* Readable financial pillars: one cohesive sentence, short accents. */
#app .li-guest-intro{display:flex;flex-direction:column;gap:5px;max-width:100%}
#app .li-guest-intro-lead{font:850 clamp(17px,1.7vw,22px)/1.3 'Fredoka',system-ui,sans-serif;color:#61465e}
#app .li-guest-intro-actions{
 display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;
 margin:0;min-width:0;max-width:100%;line-height:1.4;
}
#app .li-guest-intro-conj{font:750 clamp(14px,1.4vw,18px)/1.3 'Fredoka',system-ui,sans-serif;color:#654b61}
#app .li-guest-principle{margin:1px 0;white-space:nowrap;font-size:clamp(13px,1.35vw,17px)}
#app .li-guest-parent-promise{margin-top:10px;font-weight:850}
/* A concise four-row 'Știai că?' evidence card, no internal scrolling. */
#app .li-guest-facts{width:100%;max-width:100%;min-width:0;overflow:visible}
#app .li-guest-facts-head img{
 display:block;flex:none;width:45px;height:45px;object-fit:contain;
 filter:drop-shadow(0 4px 4px #573b512a);
}
#app .li-guest-facts-list{
 display:grid;grid-template-columns:minmax(0,1fr);gap:6px;
 list-style:none;padding:0;margin:0;min-width:0;
}
#app .li-guest-facts-list li{
 display:flex;align-items:center;gap:9px;min-width:0;
 padding:6px 8px;border-radius:13px;border:1px solid #edd9e6;
 background:#fffdfadf;box-sizing:border-box;
}
#app .li-guest-facts-list li:nth-child(2){background:#fff4e2}
#app .li-guest-facts-list li:nth-child(3){background:#fff0f4}
#app .li-guest-facts-list li:nth-child(4){background:#f5efff}
#app .li-guest-facts-list strong{
 display:grid;place-items:center;flex:0 0 60px;
 min-width:60px;min-height:38px;padding:4px 5px;
 border-radius:999px;background:#f6dff0;color:#70446e;
 font:900 20px/1 'Fredoka',system-ui,sans-serif;white-space:nowrap;
}
#app .li-guest-facts-list li:first-child strong{font-size:16px;background:#ffe5b5}
#app .li-guest-facts-list li:nth-child(2) strong{background:#ffe4b4;color:#99613a}
#app .li-guest-facts-list li:nth-child(3) strong{background:#f5d7e7;color:#955676}
#app .li-guest-facts-list li:nth-child(4) strong{background:#e6d6fa;color:#684994}
#app .li-guest-facts-list span{
 min-width:0;flex:1 1 0;overflow-wrap:normal;
 font:750 clamp(11px,1vw,13px)/1.35 'Nunito Sans',system-ui,sans-serif;
 color:#634f60;
}
#app .li-guest-facts-link{
 display:inline-flex;align-items:center;gap:7px;
 align-self:flex-start;min-height:30px;padding:3px 4px;
 color:#774575;font:850 12px/1.3 'Nunito Sans',system-ui,sans-serif;
 text-decoration:underline;text-underline-offset:3px;
}
#app .li-guest-facts-link:focus-visible{outline:3px solid #8c558f;outline-offset:2px}
@media(min-width:921px){
 #app .li-guest-hero-heading{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}
}
@media(max-width:920px){
 #app .li-guest-facts-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #app .li-guest-facts-list{grid-template-columns:minmax(0,1fr)}
 #app .li-guest-facts-list li{padding:7px 8px}
 #app .li-guest-facts-list span{font-size:12px}
 #app .li-guest-intro-actions{gap:4px 5px}
}


/* P3 RESPONSIVE: two compact columns down to a half-laptop viewport.
   Signed-out hero/access only. Approved navigation and footer are untouched. */
#app .li-guest-intro-actions{gap:4px 6px}
#app .li-guest-principle{margin:1px 0;padding:2px 8px 2px 4px}
#app .li-guest-hero-heading,
#app .li-guest-access-grid{min-width:0}
#app .li-guest-hero-copy,
#app .li-guest-facts,
#app .li-guest-access-grid>*{min-width:0;max-width:100%}
@media(min-width:641px){
 #app .li-guest-hero-heading{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
  align-items:stretch;
  column-gap:clamp(10px,1.7vw,24px);
  row-gap:12px;
 }
 #app .li-guest-hero-copy{
  display:flex;flex-direction:column;justify-content:space-between;
  gap:clamp(10px,1.35vw,20px);
  padding-block:clamp(8px,1.3vw,20px);
  box-sizing:border-box;
  min-width:0;max-width:100%;
 }
 #app .li-guest-hero-copy>.eyebrow{margin-bottom:0}
 #app .li-guest-intro{margin:0;gap:clamp(7px,.95vw,13px)}
 #app .li-guest-hero h1{
  max-width:none;
  margin:0;
  font-size:clamp(29px,3.45vw,58px);
  line-height:1.08;letter-spacing:-.018em;
 }
 #app .li-guest-intro-lead{font-size:clamp(16px,1.65vw,22px)}
 #app .li-guest-intro-actions{gap:clamp(5px,.65vw,9px) clamp(5px,.8vw,12px)}
 #app .li-guest-principle{
  font-size:clamp(12px,1.08vw,17px);
  padding:1px 7px 1px 3px;
 }
 #app .li-guest-principle img{
  width:clamp(23px,2.15vw,30px);
  height:clamp(23px,2.15vw,30px);
 }
 #app .li-guest-parent-promise{font-size:clamp(12px,1.12vw,16px);line-height:1.38;margin:0}
 #app .li-guest-hero-actions{gap:clamp(6px,1.2vw,14px);margin:0}
 #app .li-guest-start{min-height:43px;padding:8px clamp(10px,1.5vw,20px)}
 #app .li-guest-learn{padding:7px 2px;font-size:clamp(12px,1.08vw,16px)}
 #app .li-guest-facts{
  width:100%;max-width:100%;min-width:0;
  align-self:stretch;justify-content:center;
  gap:clamp(6px,.8vw,11px);
  padding:clamp(9px,1.3vw,19px);
  border-radius:clamp(16px,1.6vw,24px);
 }
 #app .li-guest-facts-list{grid-template-columns:minmax(0,1fr);gap:6px}
 #app .li-guest-facts-head h2{font-size:clamp(18px,1.85vw,26px)}
 #app .li-guest-facts-list li{gap:clamp(6px,.65vw,10px);padding:clamp(5px,.65vw,9px)}
 #app .li-guest-facts-list strong{min-width:0;flex-basis:clamp(50px,4.9vw,65px);font-size:clamp(16px,1.6vw,21px)}
 #app .li-guest-facts-list span{font-size:clamp(11px,.95vw,13px);line-height:1.27}
 #app .li-guest-access-grid{
  display:grid;
  grid-template-columns:minmax(0,1.19fr) minmax(0,.9fr);
  gap:clamp(9px,1.3vw,18px);
  align-items:stretch;
 }
 #app .li-guest-access-steps{min-height:0;height:100%;padding:clamp(8px,1.25vw,17px);column-gap:clamp(6px,.85vw,13px)}
 #app .li-guest-access-step-flow{min-width:0}
 #app .li-guest-access-step{
  width:100%;min-width:0;max-width:none;
  gap:clamp(5px,.8vw,12px);
  padding:clamp(7px,.85vw,12px);
  min-height:clamp(55px,5.8vw,75px);
 }
 #app .li-guest-access-step img{
  width:clamp(32px,3.6vw,51px);height:clamp(32px,3.6vw,51px);
 }
 #app .li-guest-access-step strong{font-size:clamp(11px,1.03vw,16px);line-height:1.25}
 #app .li-guest-access-steps-title{
  font-size:clamp(17px,1.7vw,26px);
  padding:10px 7px;
 }
 #app .li-guest-access-heading{margin-bottom:clamp(8px,1vw,14px)}
 #app .li-guest-access-heading h2{font-size:clamp(22px,2.6vw,34px)}
 #app .li-guest-access-heading p{font-size:clamp(12px,1.15vw,16px);line-height:1.35}
 #app .li-guest-access-form{padding:clamp(11px,1.55vw,23px)!important;gap:clamp(8px,1vw,13px)}
 #app .li-guest-access-form label{gap:7px}
 #app .li-guest-access-form input{min-height:45px;padding:9px 12px}
 #app .li-guest-email-button{min-height:46px;padding:9px 12px;font-size:clamp(12px,1.25vw,18px)}
 #app .li-guest-access-form .li-guest-magic-explain{font-size:clamp(11px,.98vw,13px);line-height:1.45;padding:9px 10px}
}
@media(min-width:641px) and (max-width:900px){
 #app>.li-guest-hero,#app>.li-guest-access{padding:clamp(11px,1.5vw,17px)}
 #app .li-guest-hero h1{font-size:clamp(27px,3.65vw,37px)}
 #app .li-guest-hero-copy>.eyebrow{font-size:11px;letter-spacing:.08em}
 #app .li-guest-facts-head img{width:34px;height:34px}
 #app .li-guest-facts-list li{padding:5px 6px}
 #app .li-guest-facts-list strong{min-height:34px;flex-basis:48px;font-size:17px}
 #app .li-guest-facts-list li:first-child strong{font-size:13px}
 #app .li-guest-facts-list span{font-size:11px;line-height:1.25}
 #app .li-guest-facts-link{font-size:11px;min-height:24px}
 #app .li-guest-access-steps{grid-template-columns:minmax(0,1fr) 33px;column-gap:6px}
 #app .li-guest-access-step img{width:32px;height:32px}
 #app .li-guest-access-step strong{font-size:11px}
 #app .li-guest-access-steps-title{font-size:17px;letter-spacing:.1em}
 #app .li-guest-step-arrow{width:24px;height:24px;font-size:18px}
 #app .li-guest-hero-actions{gap:8px}
 #app .li-guest-learn{font-size:12px}
}
@media(max-width:640px){
 #app>.li-guest-hero,#app>.li-guest-access{padding:clamp(12px,3vw,18px)}
 #app .li-guest-hero-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
 #app .li-guest-hero-copy{width:100%;max-width:100%}
 #app .li-guest-hero h1{max-width:none;font-size:clamp(30px,7.2vw,42px)}
 #app .li-guest-principle{font-size:clamp(12px,3.55vw,16px)}
 #app .li-guest-facts{width:100%;min-width:0;max-width:100%;padding:12px}
 #app .li-guest-facts-list{grid-template-columns:minmax(0,1fr)}
 #app .li-guest-access-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 #app .li-guest-access-grid>*{width:100%;min-width:0;max-width:100%}
 #app .li-guest-access-steps{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 38px;column-gap:8px}
 #app .li-guest-access-form{min-width:0}
 #app .li-guest-access-steps-title{font-size:19px}
 #app .li-guest-access-step strong{font-size:clamp(12px,3.15vw,15px)}
}


/* Senior UX verified accessibility and responsive refinements 2026-10-31 */
#app .li-guest-access-form input::placeholder{color:#6b5a6e!important;opacity:1!important;font-weight:650}
#app .li-guest-access-form input{min-height:56px!important;border-radius:18px!important}
#app .li-guest-access-form input:focus-visible{outline:3px solid #7b5ae0!important;outline-offset:2px!important;border-color:#7b5ae0!important}
#app .li-guest-email-button{min-height:56px!important}
#app .li-guest-access-form :is(input,button){max-width:100%}
@media(max-width:767px){
 #app .li-guest-access-grid{grid-template-columns:minmax(0,1fr)!important}
 #app .li-guest-access-steps{display:block!important;width:100%!important;min-width:0!important;height:auto!important;text-align:left!important;padding:16px!important}
 #app .li-guest-access-steps ol{display:flex!important;gap:12px!important;list-style-position:inside!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 0 12px!important;margin:6px 0!important;white-space:normal!important}
 #app .li-guest-access-steps ol>li{flex:0 0 min(76vw,215px)!important;min-width:0!important;scroll-snap-align:start!important;overflow-wrap:anywhere}
 #app .li-guest-access-steps>img{width:52px!important;height:52px!important;float:right!important}
 #app .li-guest-access-form input,#app .li-guest-email-button{min-height:56px!important}
}


/* Step rail uses div[role=list], not an ordered list. */
@media(max-width:767px){
 #app .li-guest-access-steps-title{display:none!important}
 #app .li-guest-access-steps .li-guest-access-step-flow{box-sizing:border-box!important;display:flex!important;align-items:stretch!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:thin;width:100%!important;min-width:0!important;padding:4px 0 12px!important}
 #app .li-guest-access-steps .li-guest-access-step{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 min(57vw,195px)!important;min-width:0!important;padding:12px 8px!important;scroll-snap-align:start!important;text-align:center!important}
 #app .li-guest-access-steps .li-guest-access-step strong{font-size:clamp(13px,3.6vw,17px)!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #app .li-guest-access-steps .li-guest-step-arrow{flex:none!important;align-self:center!important;transform:rotate(-90deg)!important}
}


/* MOBILE STEP FLOW SCREENSHOT FIX 2026-10-31 */
@media(max-width:1023px){
 #app .li-guest-access-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 #app .li-guest-access-steps{box-sizing:border-box!important;display:block!important;height:auto!important;min-height:0!important;max-width:100%!important;padding:14px!important;overflow:hidden!important}
 #app .li-guest-access-step-flow{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding:4px 0 12px!important;scrollbar-width:thin!important}
 #app .li-guest-access-step{box-sizing:border-box!important;display:flex!important;flex:0 0 clamp(142px,26vw,200px)!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:auto!important;min-height:125px!important;padding:12px 8px!important;scroll-snap-align:start!important}
 #app .li-guest-access-step img{display:block!important;width:clamp(42px,6vw,56px)!important;height:clamp(42px,6vw,56px)!important;object-fit:contain!important;margin:0 auto 8px!important}
 #app .li-guest-access-step strong{font-size:clamp(13px,1.7vw,17px)!important;line-height:1.25!important;text-align:center!important;overflow-wrap:anywhere!important}
 #app .li-guest-step-arrow{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;align-self:center!important;transform:rotate(-90deg)!important;font-size:22px!important}
 #app .li-guest-access-steps-title{display:none!important}
}


/* MASTER ACCESSIBILITY FINISH 2026-10-31 */
#app .li-guest-access-form label{color:#3c1f5e!important;font-size:clamp(15px,2vw,18px)!important;line-height:1.5!important}
#app .li-guest-access-form input{box-sizing:border-box!important;min-height:56px!important;border:2px solid #d9c7eb!important;border-radius:999px!important;background:#fff!important;color:#3c1f5e!important;font-size:16px!important}
#app .li-guest-access-form input::placeholder{color:#6b5a6e!important;opacity:1!important}
#app .li-guest-access-form input:focus-visible{outline:3px solid #7b5ae0!important;outline-offset:2px!important;border-color:#7b5ae0!important}
#app .li-guest-access-form .li-guest-magic-explain{font-size:clamp(13px,1.5vw,15px)!important;line-height:1.55!important;color:#4c365e!important;background:#f3ebff!important;border-left:4px solid #7b5ae0!important;padding:14px 16px!important;border-radius:0 12px 12px 0!important}
#app .li-guest-email-button{box-sizing:border-box!important;min-height:56px!important;white-space:normal!important;overflow-wrap:normal!important;font-size:clamp(14px,3.3vw,19px)!important;line-height:1.2!important;padding-inline:clamp(11px,3vw,24px)!important}
#app .li-guest-access-note{font-size:clamp(13px,1.6vw,16px)!important;line-height:1.55!important}
#app .li-guest-access :is(a,button,input):focus-visible{outline:3px solid #7b5ae0!important;outline-offset:3px!important}


/* LI-UX-042 — inline magic-link submission feedback */
#app .li-guest-access-form .li-guest-signin-feedback{
  box-sizing:border-box!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:12px 0 10px!important;padding:14px 16px!important;
  border:1px solid #d5d4eb!important;border-left:5px solid #7155bc!important;
  border-radius:12px!important;background:#f5f0ff!important;color:#382b59!important;
  font:700 clamp(14px,2vw,16px)/1.55 "Nunito Sans",system-ui,sans-serif!important;
  text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;
  box-shadow:0 3px 9px rgba(53,40,91,.08)!important;
}
#app .li-guest-access-form .li-guest-signin-feedback.is-success{
  border-color:#b4dbbc!important;border-left-color:#20915c!important;
  background:#f0fbf3!important;color:#1f5838!important;
}
#app .li-guest-access-form .li-guest-signin-feedback.is-error{
  border-color:#f0b6b6!important;border-left-color:#bb3737!important;
  background:#fff2f2!important;color:#82332f!important;
}
@media(max-width:600px){
 #app .li-guest-access-form .li-guest-signin-feedback{
  font-size:14px!important;line-height:1.48!important;
  margin-top:10px!important;padding:12px 14px!important;
 }
}