/* Fully scoped: the existing Mini App receives none of these styles. */
#wf-public { display:block; color:#f4f6fc; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; background:radial-gradient(ellipse at 84% 14%,#49388225,transparent 38%),radial-gradient(ellipse at 4% 44%,#287cc412,transparent 36%),#0a0f1e; min-height:100vh; overflow:clip }
html[data-wf-context="telegram"] #wf-public { display:none }
html[data-wf-context="browser"] { background:#0a0f1e; scroll-behavior:smooth }
html[data-wf-context="browser"] body { margin:0 }
html[data-wf-context="browser"] #wf-public { display:block }
#wf-public *,#wf-public *::before,#wf-public *::after { box-sizing:border-box }
#wf-public a { color:inherit; text-decoration:none }
#wf-public a:focus-visible { outline:3px solid #b2cbff; outline-offset:5px }
#wf-public .wrap { max-width:1192px; margin:auto; padding-left:32px; padding-right:32px }
#wf-public .header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:28px; padding-bottom:24px; }
#wf-public .brand { display:flex; gap:11px; align-items:center; font-size:24px; font-weight:750; letter-spacing:-.7px }
#wf-public .header-link { font-size:14px; color:#bfcbdf; min-height:44px; display:flex; align-items:center; gap:12px }
#wf-public .header-link:hover { color:#fff }
#wf-public .hero { display:grid; grid-template-columns:1.2fr .9fr; gap:66px; align-items:center; padding:65px 0 90px }
#wf-public .eyebrow { font-size:10px; letter-spacing:2px; font-weight:650; color:#95a4c0; margin:0 0 20px }
#wf-public .dot { display:inline-block; width:6px; height:6px; background:#79b5ff; border-radius:50%; margin:0 8px 1px 0; box-shadow:0 0 12px #7db1ff70 }
#wf-public h1 { font-size:clamp(40px,4.2vw,58px); line-height:1.1; letter-spacing:-2px; font-weight:740; margin:0 0 24px }
#wf-public h1 span { background:linear-gradient(110deg,#71b6ff,#ad9aff); background-clip:text; -webkit-background-clip:text; color:transparent }
#wf-public .lead { color:#a8b3c9; font-size:17px; line-height:1.8; max-width:485px; margin:0 0 30px }
#wf-public .cta { display:inline-flex; justify-content:center; align-items:center; gap:11px; min-height:56px; padding:16px 22px; background:linear-gradient(110deg,#448eea,#7462dc); border:1px solid #a6c5ff40; border-radius:14px; color:#fff; font-weight:650; font-size:14px; line-height:1.5; text-align:center; box-shadow:0 9px 35px #3b72da25; transition:filter .16s,transform .16s }
#wf-public .cta:hover { filter:brightness(1.12) }
#wf-public .cta:active { transform:translateY(1px) }
#wf-public .cta svg { flex-shrink:0 }
#wf-public .cta-note { font-size:12px; color:#8a98b2; margin:11px 0 0 }
#wf-public .languages { display:flex; flex-wrap:wrap; gap:12px 18px; padding:0; margin:32px 0 0; list-style:none; font-size:12px; color:#a8b4cb }
#wf-public .languages b { color:#8caff1; font-size:10px; margin-right:5px; font-weight:700 }
#wf-public .world-card { position:relative; background:linear-gradient(145deg,#1b243caa,#15182dbb); border:1px solid #90a3dc25; border-radius:28px; padding:24px 26px 20px; box-shadow:0 30px 65px #00000030; text-align:center }
#wf-public .world-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:2px; color:#929dbc; align-items:center }
#wf-public .world-top span:last-child { font-size:21px; color:#a5b9f2 }
#wf-public .planet { padding:24px 0 16px; background:radial-gradient(ellipse,#6582e92c,transparent 65%) }
#wf-public .planet img { width:min(66%,230px); height:auto; display:block; margin:auto; border-radius:26%; filter:drop-shadow(0 0 20px #5983e322) }
#wf-public .world-title { font-size:25px; line-height:1.35; font-weight:650; letter-spacing:-.6px; margin:0 0 24px }
#wf-public .world-title span { color:#9eacf0 }
#wf-public .contexts { display:flex; justify-content:center; gap:7px; flex-wrap:wrap; font-size:11px; color:#b2bed7; margin-bottom:24px }
#wf-public .contexts span { background:#b0baff08; border:1px solid #c1d2ff17; border-radius:8px; padding:5px 10px }
#wf-public .world-bottom { display:flex; justify-content:space-between; border-top:1px solid #a3b8e319; padding-top:15px; font-size:10px; color:#8d9cb6; gap:8px }
#wf-public .benefits { padding:0 0 74px }
#wf-public .section-heading .eyebrow { margin-bottom:9px }
#wf-public h2 { font-size:31px; font-weight:650; letter-spacing:-.9px; line-height:1.3; margin:0 }
#wf-public .benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:30px }
#wf-public article { padding:23px 20px; border:1px solid #a9b7db17; border-radius:18px; background:linear-gradient(150deg,#8cabf608,#7485b003) }
#wf-public .feature-icon { display:flex; align-items:center; justify-content:center; width:37px; height:37px; border-radius:11px; color:#8abaff; background:#5090ee15; font-size:23px; margin-bottom:18px }
#wf-public .feature-icon.purple { color:#b09cff; background:#9c6bee15 }
#wf-public h3 { font-size:15px; font-weight:650; line-height:1.45; margin:0 0 10px }
#wf-public article p { font-size:13px; color:#95a3bc; margin:0; line-height:1.8 }
#wf-public .final-cta { display:flex; justify-content:space-between; align-items:center; gap:28px; border:1px solid #a1b2e326; border-radius:22px; padding:34px 38px; background:linear-gradient(115deg,#497cd515,#7150bd1b); margin-bottom:64px }
#wf-public .final-cta .eyebrow { margin-bottom:11px }
#wf-public .final-cta h2 { font-size:27px }
#wf-public .final-cta .cta-note { text-align:center }
#wf-public .footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #b0bcdb12; padding-top:25px; padding-bottom:max(30px,env(safe-area-inset-bottom)); font-size:11px; color:#7887a2 }
#wf-public .brand-name { font-size:17px; font-weight:700; color:#bcc7dd }
#wf-public .footer nav { display:flex; flex-wrap:wrap; gap:18px }
#wf-public .footer a:hover { color:#e0e8fa }
#wf-public .skip { position:absolute; left:-10000px; top:8px }
#wf-public .skip:focus { left:12px; padding:10px; background:#253b66; z-index:2 }
@media(max-width:900px) { #wf-public .hero{gap:30px;grid-template-columns:1.1fr .9fr} #wf-public .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #wf-public h1{font-size:44px} #wf-public .world-card{padding:20px} }
@media(max-width:660px) { #wf-public .wrap{padding-left:22px;padding-right:22px} #wf-public .header{padding-top:18px;padding-bottom:18px} #wf-public .brand{font-size:21px;gap:8px} #wf-public .brand img{width:30px;height:30px} #wf-public .header-link{font-size:11px;gap:5px} #wf-public .hero{grid-template-columns:1fr;gap:35px;padding:35px 0 54px} #wf-public h1{font-size:45px;letter-spacing:-1.6px} #wf-public .eyebrow{font-size:9px;letter-spacing:1.5px} #wf-public .lead{font-size:15px} #wf-public .hero-copy>.cta{width:100%;padding:15px 10px;font-size:13px} #wf-public .hero-copy>.cta-note{text-align:center} #wf-public .languages{gap:12px 16px;margin-top:26px;font-size:11px} #wf-public .world-card{max-width:400px;width:100%;margin:auto} #wf-public .planet{padding:10px 0 12px} #wf-public .planet img{width:150px} #wf-public .world-title{font-size:23px} #wf-public h2{font-size:26px} #wf-public .benefit-grid{gap:12px;margin-top:22px} #wf-public article{padding:18px 15px} #wf-public h3{font-size:14px} #wf-public article p{font-size:12px} #wf-public .benefits{padding-bottom:40px} #wf-public .final-cta{flex-direction:column;align-items:flex-start;padding:26px 22px;gap:23px;margin-bottom:38px} #wf-public .final-cta>div:last-child{width:100%} #wf-public .final-cta .cta{width:100%} #wf-public .footer{gap:17px} #wf-public .footer nav{order:3;width:100%;gap:14px} }
@media(max-width:360px) { #wf-public .wrap{padding-left:18px;padding-right:18px} #wf-public h1{font-size:39px} #wf-public .header-link{max-width:108px;line-height:1.4} #wf-public .hero-copy>.cta{gap:7px;font-size:12px} #wf-public .benefit-grid{grid-template-columns:1fr} #wf-public article{padding:20px} }
@media(prefers-reduced-motion:reduce) { html[data-wf-context="browser"]{scroll-behavior:auto} #wf-public .cta{transition:none} }