.landing{--ink:#102c51;--blue:#087cff;color:var(--ink);max-width:1280px;margin:auto}.landing-nav{display:flex;gap:28px;justify-content:center;padding:0 0 24px;font-size:13px}.landing-nav a{color:#57708e}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding:35px 22px 55px}.landing-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #c7e4ff;background:#f5fbff;border-radius:30px;padding:9px 14px;font-size:12px;color:#226bbc}.bobo-refresh .landing h1{font-size:clamp(38px,4.4vw,62px);line-height:1.13;letter-spacing:-2px;margin:24px 0}.landing h1 em{font-style:normal;color:var(--blue)}.landing-copy>p{max-width:470px;font-size:16px;line-height:1.8;color:#5e748e}.landing-actions{display:flex;align-items:center;gap:22px;margin:27px 0 20px;flex-wrap:wrap}.landing .button-primary{background:linear-gradient(120deg,#2099ff,#0869f2);box-shadow:0 8px 20px #187bed25;padding:16px 22px;border-radius:14px}.landing-secondary{font-size:13px;color:#294b72}.landing-note{font-size:12px;color:#647b94}.landing-note span{margin:0 10px;color:#269bff}.landing-scene{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.mascot-orbit{position:absolute;width:360px;height:360px;border-radius:50%;background:linear-gradient(145deg,#b9e3ff,#e2f2ff);z-index:-1;box-shadow:0 0 0 28px #d9edff55,0 0 0 55px #e8f5ff55}.landing-mascot{width:360px;height:360px;object-fit:contain;filter:drop-shadow(0 16px 18px #3276b820);transform:rotate(-4deg)}.scene-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fffffff2;border:1px solid #dbedff;border-radius:18px;box-shadow:0 10px 30px #2168b014;font-size:11px;color:#6c819b}.scene-tag strong{display:block;color:#153d6d;font-size:13px;margin-top:3px}.scene-tag>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:24px;color:#228dff;background:#e5f3ff}.tag-top{top:30px;right:0;transform:rotate(4deg)}.tag-bottom{bottom:15px;left:0;transform:rotate(-3deg)}.scene-spark{position:absolute;color:#42a4ff;font-size:40px}.spark-one{left:15px;top:75px}.spark-two{right:10px;bottom:90px}.landing-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px;background:#e4f1ff;border:1px solid #cfe6fc;border-radius:18px;font-size:13px}.landing-strip span{color:#487198}.landing-section{padding:70px 6px;scroll-margin-top:95px}.landing-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#2286ee}.landing-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.bobo-refresh .landing h2{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:12px 0}.landing-section-head p,.landing-faq>div>p{color:#688098;line-height:1.8;font-size:14px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-steps article{position:relative;padding:28px;background:#fff;border:1px solid #dfedfb;border-radius:23px;box-shadow:0 8px 20px #244f7810}.landing-steps article:nth-child(2){background:#eef7ff}.landing-steps article:nth-child(3){background:#edf9f7}.landing-step-number{position:absolute;right:24px;top:18px;font-size:46px;font-weight:800;color:#cde1f2}.step-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#dcebff;color:#087cff;font-size:26px;margin-bottom:25px}.landing h3{font-size:18px;margin:12px 0}.landing-steps p,.benefit-grid p{font-size:14px;color:#647b94;line-height:1.8}.step-label{display:block;border-top:1px solid #d6e6f1;margin-top:23px;padding-top:17px;font-size:12px;color:#477496}.landing-benefits{display:grid;grid-template-columns:.9fr 1.3fr;gap:60px;padding:45px;background:#fff;border:1px solid #e0edfa;border-radius:28px;scroll-margin-top:95px}.benefits-intro{align-self:center}.benefits-intro p{line-height:1.8;color:#6a8199}.benefits-intro a{display:inline-block;margin-top:16px;font-weight:700}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.benefit-grid article>span{font-size:24px;color:#2385ec}.landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-list details{background:white;border:1px solid #dbeafa;border-radius:15px;margin-bottom:12px;padding:18px 22px}.faq-list summary{cursor:pointer;font-weight:700;font-size:14px;line-height:1.6}.faq-list details p{font-size:14px;line-height:1.8;color:#637b95;margin:15px 0 0}.landing-final{background:linear-gradient(110deg,#d7edff,#edf8ff);border:1px solid #cbe6ff;padding:38px 45px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-final p{color:#607e9b}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5px;font-size:12px;color:#71879e}.landing-footer a{margin-left:22px}.landing a:focus-visible,.landing summary:focus-visible{outline:3px solid #1478db;outline-offset:5px}
@media(max-width:900px){.landing-hero{padding:20px 0 40px}.landing-scene{min-height:360px}.landing-mascot{width:270px;height:270px}.mascot-orbit{width:250px;height:250px}.scene-tag{padding:10px}.scene-tag strong{font-size:11px}.landing-strip{flex-wrap:wrap}.landing-strip strong{width:100%}.landing-benefits{gap:25px;padding:30px}.landing-steps article{padding:20px}.landing-faq{gap:30px}}
@media(max-width:600px){.landing-nav{gap:15px;font-size:11px;padding:3px 0 18px;flex-wrap:wrap}.landing-hero{grid-template-columns:1fr;gap:0}.landing-pill{font-size:10px;padding:8px}.bobo-refresh .landing h1{font-size:40px;letter-spacing:-1.3px}.landing-copy>p{font-size:14px}.landing-scene{min-height:340px;margin-top:18px}.tag-top{right:0;top:10px}.tag-bottom{bottom:3px}.landing-actions{gap:16px}.landing-strip{gap:12px;padding:20px;font-size:11px}.landing-section{padding:42px 0}.landing-section-head{display:block}.bobo-refresh .landing h2{font-size:27px}.landing-steps,.landing-benefits,.landing-faq{grid-template-columns:1fr}.landing-steps{gap:15px}.landing-benefits{padding:25px}.benefit-grid{gap:16px}.benefit-grid h3{font-size:16px}.benefit-grid p{font-size:12px}.landing-final{padding:28px;display:block}.landing-final .button{margin-top:15px}.landing-footer{display:block;line-height:2}.landing-footer a{margin:0 20px 0 0}.scene-spark{font-size:30px}}