.folio-learning{--bg:#0a0820;--bg2:#0e0b29;--panel:#15123a;--panel2:#1b1746;--ink:#f6f4fd;--muted:#a8a3cc;--faint:#6f6a99;--pink:#ff2d6f;--pink-soft:#ff7aa6;--line:#ffffff17;--line2:#ffffff0f;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}.folio-learning,.folio-learning *{box-sizing:border-box;margin:0;padding:0}html:has(.folio-learning){scroll-behavior:smooth}.folio-learning h1,.folio-learning h2,.folio-learning h3,.folio-learning .syne{letter-spacing:-.02em;font-family:Syne,sans-serif}.folio-learning a{color:inherit;text-decoration:none}.folio-learning .wrap{max-width:1140px;margin:0 auto;padding:0 28px}.folio-learning .pink{color:var(--pink)}.folio-learning .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pink-soft);font-size:12px;font-weight:600}.folio-learning nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line2);background:#0a0820b8;position:sticky;top:0}.folio-learning .nav-in{justify-content:space-between;align-items:center;height:64px;display:flex}.folio-learning .logo{letter-spacing:-.02em;color:var(--pink);font-family:Syne,sans-serif;font-size:20px;font-weight:800}.folio-learning .nav-links{align-items:center;gap:30px;display:flex}.folio-learning .nav-links a:not(.btn){color:var(--muted);font-size:14px;transition:color .2s}.folio-learning .nav-links a:not(.btn):hover{color:var(--ink)}.folio-learning .btn{cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s;display:inline-flex}.folio-learning .btn-pink{background:var(--pink);color:#fff;box-shadow:0 6px 24px -8px #ff2d6fb3}.folio-learning .btn-pink:hover{transform:translateY(-1px);box-shadow:0 10px 30px -8px #ff2d6fd9}.folio-learning .btn-ghost{border:1px solid var(--line);color:var(--ink)}.folio-learning .btn-ghost:hover{border-color:var(--pink-soft);color:var(--pink-soft)}.folio-learning .nav-toggle{border:1px solid var(--line2);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:none}.folio-learning .nav-toggle:hover{border-color:var(--pink-soft);color:var(--pink-soft)}.folio-learning .nav-mobile{display:none}@media (max-width:820px){.folio-learning .nav-links{display:none}.folio-learning .nav-toggle{display:inline-flex}.folio-learning .nav-mobile{border-bottom:1px solid var(--line2);-webkit-backdrop-filter:blur(14px);background:#0a0820f5;grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid;overflow:hidden}.folio-learning .nav-mobile.open{grid-template-rows:1fr}.folio-learning .nav-mobile-in{flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:0;display:flex}.folio-learning .nav-mobile.open .nav-mobile-in{padding:14px 0 22px}.folio-learning .nav-mobile-in a:not(.btn),.folio-learning .nav-mobile-in .nav-auth{color:var(--muted);border-bottom:1px solid var(--line2);text-align:left;padding:12px 4px;font-size:16px;transition:color .2s}.folio-learning .nav-mobile-in a:not(.btn):hover,.folio-learning .nav-mobile-in .nav-auth:hover{color:var(--ink)}.folio-learning .nav-mobile-in .nav-auth{cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;width:100%;font-family:DM Sans,sans-serif}.folio-learning .nav-mobile-in .btn-pink{justify-content:center;margin-top:14px}}.folio-learning .hero{padding:92px 0 70px;position:relative;overflow:hidden}.folio-learning .hero:before{content:"";pointer-events:none;background:radial-gradient(#ff2d6f29,#0000 62%);width:920px;height:680px;position:absolute;top:-28%;left:50%;transform:translate(-50%)}.folio-learning .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid;position:relative}.folio-learning .hero h1{margin:18px 0 0;font-size:50px;font-weight:800;line-height:1.05}.folio-learning .hero p.lede{color:var(--muted);max-width:30em;margin-top:22px;font-size:18px}.folio-learning .hero p.lede b{color:var(--ink);font-weight:600}.folio-learning .hero-cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.folio-learning .hero-note{color:var(--faint);margin-top:16px;font-size:13px}@media (max-width:900px){.folio-learning .hero-grid{grid-template-columns:1fr;gap:36px}.folio-learning .hero h1{font-size:37px}}.folio-learning .chat{background:linear-gradient(160deg, var(--panel), var(--bg2));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 60px -30px #000000b3}.folio-learning .chat .ct{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line2);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:11.5px;display:flex}.folio-learning .chat .ct b{color:var(--pink-soft);font-weight:600}.folio-learning .bub{border-radius:12px;max-width:88%;margin-bottom:10px;padding:11px 14px;font-size:13.5px;line-height:1.5}.folio-learning .bub.ai{background:var(--panel2);border:1px solid var(--line2);border-top-left-radius:3px}.folio-learning .bub.me{background:#ff2d6f29;border:1px solid #ff2d6f52;border-top-right-radius:3px;margin-left:auto}.folio-learning .bub small{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;display:block}.folio-learning section{padding:80px 0}.folio-learning .sec-head{max-width:40em}.folio-learning .sec-head h2{margin:14px 0 0;font-size:33px;font-weight:800;line-height:1.13}.folio-learning .sec-head p{color:var(--muted);margin-top:13px;font-size:16px}.folio-learning .why{background:var(--bg2)}.folio-learning .why-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;display:grid}.folio-learning .why-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.folio-learning .why-card h3{margin-bottom:7px;font-size:18px;font-weight:700}.folio-learning .why-card p{color:var(--muted);font-size:14.5px}.folio-learning .why-card.hot{background:linear-gradient(150deg,#241038,#15123a);border-color:#ff2d6f4d}.folio-learning .why-card.hot h3{color:var(--pink-soft)}@media (max-width:760px){.folio-learning .why-grid{grid-template-columns:1fr}}.folio-learning .steps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;display:grid}.folio-learning .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 20px}.folio-learning .step .n{background:var(--pink);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:13px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;display:flex}.folio-learning .step h3{margin-bottom:6px;font-size:16px;font-weight:700}.folio-learning .step p{color:var(--muted);font-size:13.5px}@media (max-width:860px){.folio-learning .steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.folio-learning .steps{grid-template-columns:1fr}}.folio-learning .practice{background:var(--bg2)}.folio-learning .pr-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;display:grid}.folio-learning .pr{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.folio-learning .pr .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--pink-soft);font-size:11.5px;font-weight:600}.folio-learning .pr h3{margin:9px 0 8px;font-size:20px;font-weight:700}.folio-learning .pr p{color:var(--muted);font-size:14.5px}.folio-learning .pr ul{flex-direction:column;gap:9px;margin-top:14px;list-style:none;display:flex}.folio-learning .pr li{color:var(--muted);padding-left:22px;font-size:13.5px;position:relative}.folio-learning .pr li:before{content:"";border:1px solid var(--pink);background:#ff2d6f2e;border-radius:3px;width:11px;height:11px;position:absolute;top:6px;left:0}@media (max-width:760px){.folio-learning .pr-grid{grid-template-columns:1fr}}.folio-learning .who-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;display:grid}.folio-learning .who{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 22px}.folio-learning .who .ic{width:40px;height:40px;color:var(--pink-soft);background:#ff2d6f1f;border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.folio-learning .who h3{margin-bottom:7px;font-size:17px;font-weight:700}.folio-learning .who p{color:var(--muted);font-size:13.5px}@media (max-width:760px){.folio-learning .who-grid{grid-template-columns:1fr}}.folio-learning .outcomes{background:var(--bg2)}.folio-learning .out-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.folio-learning .out{text-align:left;border-left:2.5px solid var(--pink);background:var(--panel);border-radius:0 12px 12px 0;padding:22px}.folio-learning .out b{margin-bottom:6px;font-family:Syne,sans-serif;font-size:17px;font-weight:700;display:block}.folio-learning .out span{color:var(--muted);font-size:13.5px}@media (max-width:760px){.folio-learning .out-grid{grid-template-columns:1fr}}.folio-learning .diff{flex-direction:column;gap:12px;max-width:920px;margin-top:38px;display:flex}.folio-learning .drow{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.folio-learning .drow .lab{color:var(--faint);flex:0 0 200px;font-size:14px}.folio-learning .drow .val{color:var(--muted);white-space:nowrap;font-size:14.5px}.folio-learning .drow .val b{color:var(--pink-soft);font-weight:600}@media (max-width:600px){.folio-learning .drow{flex-direction:column;gap:4px}.folio-learning .drow .lab{flex:none}.folio-learning .drow .val{white-space:normal}}.folio-learning .access{background:var(--bg2)}.folio-learning .tier-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;display:grid}.folio-learning .tier{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.folio-learning .tier.feature{background:linear-gradient(160deg, var(--panel2), var(--panel));border-color:#ff2d6f66;box-shadow:0 24px 50px -28px #ff2d6f66}.folio-learning .tname{letter-spacing:.1em;text-transform:uppercase;color:var(--pink-soft);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.folio-learning .badge{letter-spacing:.06em;color:#fff;text-transform:none;background:#ff2d6f2e;border:1px solid #ff2d6f66;border-radius:20px;padding:3px 9px;font-size:10px}.folio-learning .tlimit{align-items:baseline;gap:9px;margin:14px 0 10px;display:flex}.folio-learning .tlimit b{font-family:Syne,sans-serif;font-size:46px;font-weight:800;line-height:1}.folio-learning .tlimit span,.folio-learning .tier p{color:var(--muted);font-size:14px}.folio-learning .access-note{text-align:center;color:var(--faint);margin-top:22px;font-size:14px}@media (max-width:700px){.folio-learning .tier-grid{grid-template-columns:1fr}}.folio-learning .cta{text-align:center}.folio-learning .cta h2{max-width:15em;margin:14px auto 0;font-size:38px;font-weight:800;line-height:1.1}.folio-learning .cta p{color:var(--muted);max-width:32em;margin:16px auto 0;font-size:16px}.folio-learning .cta .hero-cta{justify-content:center}.folio-learning footer{border-top:1px solid var(--line2);color:var(--faint);padding:36px 0;font-size:13px}.folio-learning .foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.folio-learning .foot-links{gap:22px;display:flex}.folio-learning .foot-links a:hover{color:var(--muted)}.folio-learning .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.folio-learning .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.folio-learning .reveal{opacity:1;transition:none;transform:none}}