@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;750;800;850;900&display=swap');
:root{--bg:#f7f6f2;--ink:#252721;--muted:#72756c;--orange:#f4693e;--line:#ddded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Golos Text',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px}.brand-dot{color:var(--orange)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:white;width:36px;height:36px;border-radius:9px;margin-right:10px;font-size:27px;letter-spacing:-6px;padding-right:6px}.brand-icon span{font-size:22px;transform:translateY(-3px)}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:var(--orange)}.login{border:1px solid #babdb3;border-radius:7px;padding:12px 18px;font-size:13px}.login span{margin-left:22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding-top:72px;padding-bottom:65px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.9px;display:flex;align-items:center;gap:9px}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7c926d}.hero h1{font-size:clamp(46px,4.8vw,68px);line-height:1.04;letter-spacing:-3.4px;margin:29px 0 24px;font-weight:750}.orange{color:var(--orange)}.hero-spark{display:inline-block;font-size:72px;color:var(--orange);margin-left:35px;vertical-align:middle;font-weight:400}.lead{font-size:15px;line-height:1.85;color:#686d61;margin:0 0 29px}.lead strong{color:var(--ink);font-weight:500}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 23px;border-radius:7px;font-size:14px;font-weight:550;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:white}.primary:hover{background:#e55c33}.button span{font-size:21px;line-height:16px}.micro{font-size:10px;color:var(--muted);margin-top:15px}.mail-scene{position:relative;min-height:488px;background:#eaece2;border:1px solid #dfe2d6;border-radius:15px;padding:22px 29px 35px;background-image:radial-gradient(#cdd2c4 .7px,transparent .7px);background-size:12px 12px}.scene-top{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:7px;color:#686f5f}.scene-top>span:last-child{margin-left:auto;font-size:16px}.domain-chip{display:flex;align-items:center;justify-content:center;gap:13px;background:#f8f9f3;border:1px solid #d9ded0;border-radius:6px;width:222px;margin:26px auto 16px;padding:12px;font-size:13px;font-weight:550}.domain-chip>span:first-child{color:var(--orange)}.verified{background:#e3ebdb;border-radius:50%;padding:1px 4px;font-size:10px;color:#698250}.letter{background:#fffefa;border:1px solid #dfe0d5;border-radius:10px;padding:18px;box-shadow:0 8px 22px #3f493911;position:relative;z-index:1;transform:rotate(-3deg);max-width:350px;margin:auto}.letter-top{display:flex;gap:10px;align-items:center}.avatar{background:#f2d9c7;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.letter strong{font-size:11px}.letter small{display:block;font-size:9px;margin-top:3px;color:#85867f}.time{font-size:8px;color:#858b82;margin-left:auto}.letter h3{font-size:14px;font-weight:550;margin:20px 0 9px}.letter p{font-size:11px;line-height:1.7;color:#888a82}.letter-bottom{border-top:1px solid #edece5;padding-top:12px;margin-top:18px;font-size:9px;color:#738269;display:flex;align-items:center;gap:6px}.letter-bottom>span:last-child{margin-left:auto}.path-line{height:20px;width:1px;border-left:1px dashed #9ca78f;margin:auto}.router-mark{background:var(--orange);color:white;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;margin:auto;font-size:20px;font-weight:600;position:relative;z-index:1}.branch{width:55%;margin:0 auto;display:flex;justify-content:space-between;border-top:1px dashed #9ca78f;color:#9ca78f;height:25px}.branch span{margin-top:9px}.destinations{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.inbox,.telegram-note{display:flex;gap:8px;align-items:center;background:#fffefa;border:1px solid #dfe0d5;border-radius:8px;padding:12px 9px}.destinations strong{font-size:9px;display:block}.destinations small{display:block;font-size:7px;color:#777e71;margin-top:5px;line-height:1.6}.mail-icon{color:var(--orange);font-size:23px}.telegram-icon{background:#429cce;color:white;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;transform:rotate(-25deg)}.telegram-note{background:#f5fbff;align-items:flex-start}.telegram-note strong span{color:#7f938f;font-weight:400;font-size:7px;margin-left:4px}.check{color:#7c926d;margin-left:auto;font-size:10px}.stars-sticker{position:absolute;right:-15px;top:135px;background:#f7cf68;transform:rotate(10deg);font-size:8px;padding:15px 11px;border-radius:7px;box-shadow:0 5px 0 #d4ad5166;line-height:1.6;text-align:center;z-index:2}.stars-sticker>span{display:block;font-size:25px;line-height:30px}.stars-sticker b{font-size:7px}.scene-caption{display:block;text-align:center;font-size:8px;color:#8a9181;margin-top:20px}.benefits{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:12px;color:#74776e}.benefits>span:before{content:'';display:inline-block;width:1em;height:1em;margin-right:12px;background:currentColor;mask:url('/images/arrow.svg') center/contain no-repeat;-webkit-mask:url('/images/arrow.svg') center/contain no-repeat;color:#8a937e}.benefits b{color:var(--orange);font-size:18px;margin-left:10px}.section{padding-top:88px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:5px}h2{font-size:43px;line-height:1.13;letter-spacing:-1.8px;font-weight:600;margin:23px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{font-family:monospace;font-size:11px;color:#9ca28e}h3{font-size:17px;font-weight:550;letter-spacing:-.4px}.steps p,.control-list p{font-size:12px;line-height:1.9;color:var(--muted)}.step-example{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;background:#eeeee7;padding:15px 12px;border-radius:5px;margin-top:23px}.green{color:#6a8053}.telegram-section{background:#e8eddf;border-radius:13px;padding:52px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;overflow:hidden}.telegram-copy>p{font-size:13px;color:#727967;line-height:1.8;max-width:360px}.telegram-feature{display:flex;gap:17px;margin-top:26px}.telegram-feature>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#dbe4ce;border-radius:8px;color:#6d7e54;font-size:20px}.telegram-feature h3{font-size:15px;margin:0 0 8px}.telegram-feature p{font-size:12px;color:#747c6b;line-height:1.85;margin:0;max-width:330px}.text-link{display:inline-block;font-size:12px;font-weight:550;margin-top:29px;border-bottom:1px solid #a3ad96;padding-bottom:7px}.text-link span{margin-left:55px}.stars-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:380px}.big-star{font-size:225px;line-height:1;color:#f2b938;text-shadow:2px 3px #e8a72c,4px 6px #d69927,7px 9px #ce9428,12px 17px 20px #8e8f5630;transform:rotate(-12deg);z-index:1}.orbit{position:absolute;width:350px;height:350px;border:1px solid #ccd5bd;border-radius:50%;top:10px}.orbit-two{width:270px;height:270px;top:50px}.little-star{position:absolute;color:#98a67e;font-size:25px}.s1{left:32px;top:60px}.s2{right:15px;top:195px;font-size:40px}.s3{left:70px;bottom:115px;font-size:15px}.stars-label{position:relative;text-align:center;font-size:8px;letter-spacing:2px;margin-top:30px;line-height:2.5}.stars-label strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.stars-pill{border:1px solid #c6cfb8;border-radius:20px;font-size:9px;padding:8px 15px;margin-top:15px}.control{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid var(--line)}.control-list article{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:19px 0}.control-list article:first-child{padding-top:0}.control-list article:last-child{border:0}.control-list article>span{font-size:25px;color:var(--orange);width:30px;flex-shrink:0}.control-list h3{margin:0;font-size:15px}.control-list p{margin:8px 0 0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:60px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary>span{color:#919880;font-size:20px}.questions details[open] summary>span{transform:rotate(45deg)}.questions p{font-size:12px;color:var(--muted);line-height:1.85;padding-right:35px}.closing{background:var(--orange);border-radius:12px;padding:50px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:30px}.closing h2{font-size:46px;position:relative;z-index:1}.closing h2>span{color:#fff6e9}.closing .eyebrow{font-size:8px}.closing>div:nth-child(2){position:relative;z-index:1}.dark{background:#282b24;color:#fff8ed}.closing p{font-size:9px;margin-top:16px;text-align:center}.closing-star{position:absolute;font-size:220px;left:47%;top:0;color:#e65d33;line-height:1.4}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:39px 0}footer .brand{font-size:20px}footer>span,footer>a:not(.brand){font-size:9px;color:#7e8377}footer>span:last-child{font-size:8px}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:90px}.hero h1{font-size:73px}.mail-scene{min-height:500px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px;font-size:11px}.hero{gap:23px}.hero h1{font-size:49px;letter-spacing:-2.4px}.hero-spark{font-size:55px;margin-left:14px}.mail-scene{padding:20px 15px}.stars-sticker{right:-8px}.lead{font-size:13px}.telegram-section{padding:35px;gap:15px}.orbit{width:280px;height:280px;top:45px}.orbit-two{width:220px;height:220px;top:75px}h2{font-size:35px}.steps{gap:20px}.step-example{font-size:7px;padding:12px 8px}.closing{padding:35px}.closing h2{font-size:38px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:80px}.brand{font-size:22px}nav{display:none}.login{padding:10px 13px}.login span{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:35px;gap:32px}.hero h1{font-size:clamp(44px,9.5vw,65px);letter-spacing:-2.6px}.hero-spark{font-size:60px;margin-left:24px}.lead{font-size:14px}.hero-copy .eyebrow{font-size:8px}.mail-scene{max-width:480px;width:100%;margin:0 auto;min-height:470px;padding:22px}.stars-sticker{right:-7px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px 8px;font-size:9px;padding:22px 0}.benefits span:before{margin-right:6px}.section{padding-top:56px;padding-bottom:56px}.section-heading{display:block}.section-heading>p{margin-top:20px;font-size:12px}h2{font-size:36px}.steps{grid-template-columns:1fr;margin-top:25px;gap:25px}.steps article{position:relative;padding-left:37px}.step-number{position:absolute;left:0;top:25px}.steps h3{margin-top:0}.steps p{max-width:450px}.step-example{font-size:10px;padding:15px;margin-top:16px}.telegram-section{grid-template-columns:1fr;padding:30px 24px;gap:0}.stars-art{min-height:350px}.big-star{font-size:180px}.orbit{top:20px}.orbit-two{top:50px}.stars-label{margin-top:20px}.s1{left:10%;top:50px}.s2{right:15%;top:130px}.s3{left:20%;bottom:80px}.control,.faq{grid-template-columns:1fr;gap:30px}.control-list article{padding:22px 0}.closing{padding:30px 24px;display:block}.closing h2{font-size:38px}.closing .button{margin-top:30px}.closing p{text-align:left}.closing-star{left:55%;top:10px;font-size:180px}footer{flex-wrap:wrap;gap:18px}footer .brand{width:55%}footer>span:nth-child(2){display:none}footer>span:last-child{width:100%}.questions summary{font-size:13px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Theme controls remain available on mobile. */
:root { color-scheme: light; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.theme-toggle {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border: 1px solid #babdb3;
    border-radius: 7px;
    background: transparent;
    color: var(--ink);
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.theme-toggle:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
.theme-toggle svg { width: 20px; height: 20px; }
.theme-sun { display: none; }

/* Warm charcoal, sage surfaces and the original orange accent. */
:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #191c19;
    --ink: #f0f0e8;
    --muted: #afb5a8;
    --orange: #ff875e;
    --line: #383f35;
}
[data-theme="dark"] .theme-moon { display: none; }
[data-theme="dark"] .theme-sun { display: block; }
[data-theme="dark"] :is(.login, .theme-toggle) { border-color: #515b49; }
[data-theme="dark"] :is(.lead, .benefits, .telegram-copy>p, .telegram-feature p, footer>span, footer>a:not(.brand)) { color: var(--muted); }
[data-theme="dark"] .mail-scene {
    background-color: #252d24;
    background-image: radial-gradient(#434c3c .7px, transparent .7px);
    border-color: #3d4737;
}
[data-theme="dark"] :is(.domain-chip, .letter, .inbox) { background: #30382e; border-color: #4a5543; }
[data-theme="dark"] .letter { box-shadow: 0 8px 22px #0003; }
[data-theme="dark"] .telegram-note { background: #263943; border-color: #3e5867; }
[data-theme="dark"] :is(.scene-top, .scene-caption, .letter small, .letter p, .time, .destinations small, .telegram-note strong span) { color: #b4bea9; }
[data-theme="dark"] .avatar { background: #69503a; color: #fff0de; }
[data-theme="dark"] .letter-bottom { border-color: #4a5543; color: #b6cda1; }
[data-theme="dark"] :is(.green, .check) { color: #b6cda1; }
[data-theme="dark"] .verified { background: #425538; color: #c8e4b0; }
[data-theme="dark"] .step-example { background: #282f26; }
[data-theme="dark"] .telegram-section { background: #293324; }
[data-theme="dark"] .telegram-feature>span { background: #3d4c32; color: #c4d5b0; }
[data-theme="dark"] :is(.orbit, .stars-pill) { border-color: #4a593d; }
[data-theme="dark"] .text-link { border-color: #788a65; }
[data-theme="dark"] .little-star { color: #a5b98b; }
[data-theme="dark"] :is(.stars-sticker, .closing) { color: #252721; }
[data-theme="dark"] .primary { background: #f4693e; color: #fff; }
[data-theme="dark"] .primary:hover { background: #de5830; }
[data-theme="dark"] .closing-star { color: #ee754d; }
@media (max-width: 380px) {
    .header-actions { gap: 6px; }
    .header .brand { font-size: 19px; }
    .header .brand-icon { width: 30px; height: 32px; margin-right: 6px; }
    .login { padding: 10px; }
    .login span { margin-left: 4px; }
}

.star-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.12em;
}
.login {
    display: inline-flex;
    align-items: center;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.login span { display: inline-block; transition: transform .18s ease; }
.header-actions .login:hover,
.header-actions .login:focus-visible,
.header-actions .theme-toggle:hover,
.header-actions .theme-toggle:focus-visible {
    background: var(--ink);
    color: var(--bg);
    border-color: var(--ink);
    box-shadow: 0 3px 10px #00000012;
}
.login:hover span { transform: translate(2px, -2px); }
.login:active, .theme-toggle:active { box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
    .login, .login span, .theme-toggle { transition: none; }
    .login:hover span { transform: none; }
}

/* Plans share the landing's palette, including its saved dark theme. */
nav a[aria-current="page"], .inline-link { color: var(--orange); }
.inline-link { text-decoration: underline; text-underline-offset: 3px; }
.plan-teaser { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-top: 65px; }
.plan-teaser p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.teaser-plans { align-self: center; }
.teaser-plans>a { display: flex; align-items: center; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.teaser-plans>a:hover { color: var(--orange); }
.teaser-plans strong { font-size: 24px; margin-right: auto; }
.teaser-plans small { color: var(--muted); font-size: 10px; }
.plans-intro { padding-top: 35px; text-align: center; }
.back-link { display: block; width: fit-content; color: var(--muted); font-size: 12px; margin-bottom: 40px; }
.back-link:hover { color: var(--orange); }
.plans-intro .eyebrow { justify-content: center; }
.plans-intro h1 { font-size: clamp(42px, 5vw, 66px); line-height: 1.06; letter-spacing: -2.8px; font-weight: 650; margin: 25px 0; }
.plans-intro>p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.period-label { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 20px 0 40px; border: 1px solid var(--line); border-radius: 30px; padding: 12px 20px; font-size: 11px; }
.period-label>span { color: var(--orange); }
.plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.plan-card { border: 1px solid var(--line); border-radius: 12px; padding: 26px; scroll-margin-top: 24px; }
.plan-featured { border-color: var(--orange); box-shadow: inset 0 3px var(--orange); }
.plan-name { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.plan-name h2 { font-size: 30px; margin: 0; letter-spacing: -1px; }
.plan-name>span { font-size: 7px; letter-spacing: 1px; color: var(--muted); }
.plan-featured .plan-name>span { color: var(--orange); }
.plan-description { font-size: 11px; color: var(--muted); line-height: 1.8; min-height: 40px; }
.plan-price { font-size: 52px; letter-spacing: -2px; font-weight: 600; margin-top: 22px; white-space: nowrap; }
.plan-price>span { font-size: 27px; color: var(--orange); margin-left: 7px; vertical-align: 5px; }
.plan-price>small { font-size: 11px; letter-spacing: 0; font-weight: 400; color: var(--muted); margin-left: 8px; }
.plan-billing { font-size: 10px; color: var(--muted); margin: 8px 0 24px; line-height: 1.6; }
.plan-card .button { width: 100%; font-size: 12px; padding: 16px; gap: 10px; }
.plan-button { background: var(--ink); color: var(--bg); }
.plan-limits { margin: 26px 0 0; }
.plan-limits>div { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 11px; }
.plan-limits dt { color: var(--muted); }
.plan-limits dd { margin: 0; font-weight: 550; white-space: nowrap; }
.plan-footnotes { padding-top: 16px; font-size: 11px; color: var(--muted); line-height: 1.8; }
.plan-footnotes p:last-child { max-width: 850px; }
.subscription-notes { margin-top: 65px; padding: 40px; border-radius: 12px; background: #e8eddf; }
.subscription-notes h2 { font-size: 34px; }
.subscription-rules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 35px; }
.subscription-rules article>span { font-size: 11px; color: var(--muted); }
.subscription-rules h3 { font-size: 15px; }
.subscription-rules p { font-size: 12px; color: var(--muted); line-height: 1.9; }
[data-theme="dark"] .subscription-notes { background: #293324; }
@media(max-width:1000px) {
    .plan-card { padding: 20px; }
    .plan-price { font-size: 43px; }
    .plan-grid { gap: 12px; }
    .plan-limits>div { font-size: 10px; }
}
@media(max-width:720px) {
    .plan-teaser, .plan-grid, .subscription-rules { grid-template-columns: 1fr; }
    .plan-teaser { gap: 20px; padding-top: 45px; }
    .plans-intro h1 { letter-spacing: -1.8px; }
    .plans-intro .eyebrow { font-size: 8px; letter-spacing: 1px; }
    .plans-intro>p { font-size: 12px; }
    .period-label { font-size: 9px; padding: 12px; gap: 6px; }
    .plan-grid { gap: 22px; }
    .plan-card { padding: 25px; }
    .plan-description { min-height: 0; }
    .plan-limits>div { font-size: 12px; }
    .plan-name>span { font-size: 8px; }
    .subscription-notes { padding: 28px; margin-top: 40px; }
    .subscription-notes h2 { font-size: 30px; }
    .subscription-rules { gap: 20px; }
}

/* Keep the list arrow; the inline star belongs to the payment label. */
.benefit-stars .star-icon {
    color: var(--orange);
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.2em;
}

/* Stretch each step to the row height; its example stays at the bottom. */
.steps article { display: flex; flex-direction: column; }
.steps article > p { flex: 1; }
.steps .step-example { flex-shrink: 0; }

/* Vector artwork keeps the same shape on iOS and desktop. */
.marketing-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -0.12em; flex-shrink: 0; }
.marketing-icon { width: 1em !important; height: 1em !important; max-width: 1em; max-height: 1em; }
.button > span, .text-link > span, .login > span, .teaser-plans > a > span:last-child { display: inline-flex; align-items: center; width: auto; height: 1em; font-size: inherit; line-height: 1; }
.brand-icon { display: block; padding: 0; flex-shrink: 0; letter-spacing: normal; background: transparent; border-radius: 0; object-fit: contain; }
.router-mark { display: block; background: transparent; border-radius: 0; object-fit: contain; }
.hero-spark { line-height: 1; }
.closing-star { pointer-events: none; }
.mail-icon, .telegram-icon { flex-shrink: 0; }
.telegram-icon { transform: none; }
.control-list article > span { display: inline-flex; align-items: center; justify-content: center; font-size: 25px; line-height: 1; }
.control-list article > span .marketing-icon { width: 1em !important; height: 1em !important; }
.stars-pill .star-icon { color: #f2b938; margin-right: 4px; }
.price-star { color: #f2b938; stroke: none; vertical-align: -0.08em; }
.plan-price .price-star { width: .52em !important; height: .52em !important; margin: 0 6px 0 3px; }
.teaser-plans .price-star { width: .8em !important; height: .8em !important; margin: 0 3px; }
.period-label .price-star { width: 1em !important; height: 1em !important; }

/* Equal tracks must be allowed to shrink below the text's intrinsic width. */
.hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.hero-copy, .mail-scene { min-width: 0; }
.destinations { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inbox, .telegram-note { min-width: 0; position: relative; align-items: center; }
.destinations > div > div { min-width: 0; overflow-wrap: anywhere; }
.telegram-note { padding-top: 24px; }
.telegram-note > .time { position: absolute; top: 8px; right: 9px; }
.branch { width: calc(50% + 5px); }
@media (max-width: 720px) {
    .hero { grid-template-columns: minmax(0, 1fr); }
    .mail-scene { min-height: 0; padding: 22px 16px; }
    .header { gap: 10px; }
    .header .brand { font-size: clamp(16px, 5vw, 22px); white-space: nowrap; }
    .header .brand-icon { width: 32px; height: 32px; margin-right: 6px; }
    .header-actions { flex-shrink: 0; }
    .destinations strong { font-size: 10px; }
    .destinations small { font-size: 9px; line-height: 1.5; }
    .inbox, .telegram-note { gap: 6px; padding-left: 8px; padding-right: 8px; }
    .inbox { padding-top: 24px; }
    .inbox > .check { position: absolute; top: 8px; right: 9px; }
    .button { max-width: 100%; gap: 16px; }
    .closing > div { position: relative; z-index: 1; }
    .stars-art { position: relative; display: block; min-height: 440px; }
    .stars-art .orbit { left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .stars-art .big-star { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-12deg); margin: 0; width: 180px; height: 180px; }
    .stars-art .stars-label { position: absolute; left: 0; right: 0; bottom: 68px; margin: 0; }
    .stars-art .stars-pill { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); margin: 0; white-space: nowrap; }
}
@media (max-width: 360px) {
    .header-actions { gap: 5px; }
    .theme-toggle { width: 34px; height: 38px; }
    .login { padding: 10px 8px; font-size: 12px; }
    .login span { margin-left: 4px; }
    .header .brand-icon { width: 28px; height: 28px; }
    .mail-scene { padding-left: 12px; padding-right: 12px; }
    .mail-icon { font-size: 19px; }
    .telegram-icon { width: 22px; height: 22px; }
}

/* The hero star uses a square SVG box so font ascenders cannot shift its visual center. */
.big-star { width: 225px; height: 225px; font-size: 0; }
.big-star svg { display: block; width: 100%; height: 100%; overflow: visible; fill: #f2b938; filter: drop-shadow(2px 3px 0 #e8a72c) drop-shadow(4px 6px 0 #d69927) drop-shadow(7px 9px 8px #8e8f5630); }
@media (max-width: 720px) {
    .stars-art .big-star { width: 180px; height: 180px; }
}

/* Keep the artwork centered independently from the caption and badge. */
.stars-art { position: relative; display: block; min-height: 440px; }
.stars-art .orbit { left: 50%; top: 185px; transform: translate(-50%, -50%); }
.stars-art .big-star { position: absolute; left: 50%; top: 175px; width: 225px; height: 225px; margin: 0; transform: translate(-50%, -50%) rotate(-12deg); }
.stars-art .big-star { isolation: isolate; }
.stars-art .big-star svg { position: relative; z-index: 2; background: #f2b938; clip-path: polygon(50% 1%, 56.47% 32.2%, 96.6% 34.86%, 67.8% 55.79%, 78.81% 89.64%, 50% 72%, 21.19% 89.64%, 32.2% 55.79%, 3.4% 34.86%, 43.53% 32.2%); filter: drop-shadow(10px 14px 12px #8e8f5640); }
.stars-art .big-star svg path { display: none; }
.stars-art .big-star::before,
.stars-art .big-star::after { content: ''; position: absolute; inset: 0; clip-path: polygon(50% 1%, 56.47% 32.2%, 96.6% 34.86%, 67.8% 55.79%, 78.81% 89.64%, 50% 72%, 21.19% 89.64%, 32.2% 55.79%, 3.4% 34.86%, 43.53% 32.2%); }
.stars-art .big-star::before { z-index: 1; background: #e8a72c; transform: translate(5px, 7px); }
.stars-art .big-star::after { z-index: 0; background: #d69927; transform: translate(9px, 12px); }
.stars-art .stars-label { position: absolute; left: 0; right: 0; top: 310px; margin: 0; }
.stars-art .stars-pill { position: absolute; left: 50%; top: 390px; margin: 0; transform: translateX(-50%); white-space: nowrap; }

@media (max-width: 1000px) and (min-width: 721px) {
    .stars-art .big-star { width: 180px; height: 180px; }
}

@media (max-width: 720px) {
    .stars-art { min-height: 440px; }
    .stars-art .orbit { top: 50%; }
    .stars-art .big-star { top: 50%; width: 180px; height: 180px; }
    .stars-art .stars-label { top: auto; bottom: 68px; }
    .stars-art .stars-pill { top: auto; bottom: 12px; }
}

/* Use the supplied symmetric star silhouette; layered drop shadows retain the depth. */
.stars-art .big-star { background: #f2b938; -webkit-mask: url('/images/telegram-star.svg') center / contain no-repeat; mask: url('/images/telegram-star.svg') center / contain no-repeat; filter: drop-shadow(5px 7px 0 #e8a72c) drop-shadow(5px 7px 0 #d69927) drop-shadow(9px 12px 12px #8e8f5640); }
.stars-art .big-star svg,
.stars-art .big-star::before,
.stars-art .big-star::after { display: none; }

/* Three independently masked layers keep the supplied silhouette and visible depth. */
.stars-art .big-star { background: none; -webkit-mask: none; mask: none; filter: none; }
.stars-art .big-star svg,
.stars-art .big-star::before,
.stars-art .big-star::after { display: block; position: absolute; inset: 0; width: 100%; height: 100%; clip-path: none; -webkit-mask: url('/images/telegram-star.svg') center / contain no-repeat; mask: url('/images/telegram-star.svg') center / contain no-repeat; }
.stars-art .big-star svg { z-index: 3; background: #f2b938; filter: drop-shadow(7px 10px 12px #8e8f5640); }
.stars-art .big-star::before { z-index: 2; background: #e8a72c; transform: translate(3.5px, 5px); }
.stars-art .big-star::after { z-index: 1; background: #d69927; transform: translate(6.3px, 8.4px); }