:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#141416;background:#f1f2ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{max-width:480px;min-height:100svh;margin:auto;padding:0 24px max(24px,env(safe-area-inset-bottom));background:white}header{padding-top:max(16px,env(safe-area-inset-top))}.logo{height:100px;width:235px;overflow:hidden;margin-left:-9px;position:relative}.logo img{display:block;position:absolute;top:-69px;width:235px;height:235px}.eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.13em;color:#62646a;margin:10px 0 20px}h1{font-size:clamp(1.8rem,7.6vw,2.25rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;font-weight:650}.intro{font-size:1rem;line-height:1.6;color:#62646a;margin:0}.intro strong{color:#141416;font-weight:600}.facts{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:26px 0;margin:12px 0 26px;border-bottom:1px solid #e8e8e8}.facts>div{display:flex;flex-direction:column;gap:6px}.facts>div+div{padding-left:22px;border-left:1px solid #e8e8e8}.number{font-size:2.5rem;font-weight:650;letter-spacing:-.045em;line-height:1.1}.unit{font-size:1.2rem;letter-spacing:-.02em}.plus{font-weight:400}.caption{font-size:.875rem;color:#62646a;line-height:1.4}.consultation h2{font-size:1.55rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px}.consultation p{font-size:1rem;line-height:1.5;color:#62646a;margin:0 0 23px}a{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 16px;min-height:60px;border-radius:20px;background:#caff41;color:#141416;font-size:1rem;font-weight:650;text-decoration:none;-webkit-tap-highlight-color:transparent}a svg{flex-shrink:0}a:hover{background:#bbf52e}a:active{transform:translateY(1px)}a:focus-visible{outline:3px solid #141416;outline-offset:4px}.telegram-note{display:block;text-align:center;color:#62646a;font-size:.875rem;line-height:1.4;margin-top:12px}footer{color:#898b8f;font-size:.75rem;padding-top:36px;text-align:center}@media(min-width:520px){main{margin:24px auto;min-height:calc(100svh - 48px);border-radius:28px;padding:10px 32px 26px}}@media(prefers-reduced-motion:reduce){a:active{transform:none}}

#telegram-link{gap:14px;text-align:left}.button-copy{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.3}.button-subtitle{font-size:.875rem;font-weight:400}.telegram-icon{flex-shrink:0}

/* Compact layout for the available viewport inside SFSafariViewController. */
main{min-height:100svh;min-height:100dvh;padding:12px 24px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}
header{padding-top:0}.logo{width:200px;height:62px;margin-left:-8px}.logo img{width:200px;height:200px;top:-65px}
.eyebrow{margin:5px 0 12px;font-size:.75rem}
h1{font-size:clamp(1.65rem,6.8vw,2rem);line-height:1.1;margin-bottom:12px}
.intro{line-height:1.4}.facts{padding:16px 0;margin:0 0 16px;gap:14px}.facts>div{gap:4px}.facts>div+div{padding-left:18px}.number{font-size:2.2rem}.caption{line-height:1.3}
.consultation h2{font-size:1.35rem;line-height:1.15;margin-bottom:9px}.consultation p{line-height:1.35;margin-bottom:14px}
#telegram-link{padding:13px 12px;min-height:66px;border-radius:18px}.button-copy{gap:2px}.telegram-note{margin-top:8px;font-size:.875rem}
footer{padding-top:16px}
@media(max-height:600px){main{padding-top:8px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.logo{height:50px}.logo img{top:-70px}.eyebrow{margin:3px 0 9px}h1{margin-bottom:9px}.facts{padding:12px 0;margin-bottom:12px}.consultation p{margin-bottom:10px}footer{padding-top:10px}}
@media(min-width:520px){main{margin:0 auto;border-radius:0;max-width:480px}}

@media(max-height:500px){main{padding:8px 18px 12px}.eyebrow,footer{display:none}.logo{height:44px;width:175px}.logo img{width:175px;height:175px;top:-58px}h1{font-size:1.5rem;margin:6px 0 8px}.facts{padding:10px 0;margin-bottom:10px}.number{font-size:1.8rem}.consultation h2{font-size:1.2rem}.consultation h2 br{display:none}.consultation p{margin-bottom:10px}#telegram-link{padding:10px 12px;min-height:60px}.telegram-note{margin-top:6px}}
@media(max-height:400px) and (min-width:520px){main{max-width:800px;padding:12px 24px}header{margin-bottom:8px}section{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}h1{grid-column:1;grid-row:1}.intro{grid-column:1;grid-row:2}.facts{grid-column:1;grid-row:3;border-bottom:0;margin:0}.consultation{grid-column:2;grid-row:1 / 4;align-self:center}}

@media(max-height:600px){.facts{padding-top:6px;padding-bottom:6px}h1{margin-bottom:6px}}