:root {
  --black: #080808; --surface: #111112; --red: #f52238; --red-dark: #800c1b;
  --white: #f3f0ef; --muted: #a09a9c; --line: #ffffff1c;
  --shell: min(1280px, calc(100% - 96px));
  --display: 'Unbounded', 'Arial Black', sans-serif; --body: 'Manrope', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--black); color: var(--white); font-family: var(--body); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--red); color: white; }
:focus-visible { outline: 2px solid var(--white); outline-offset: 6px; }
.shell { width: var(--shell); margin-inline: auto; }
.section { padding-block: 110px; }
.noise { position: fixed; inset: 0; z-index: 15; opacity: .026; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: var(--red); transform: scaleX(0); transform-origin: left; z-index: 30; }
.site-header { height: 98px; display: flex; align-items: center; gap: 30px; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.brand { display: inline-flex; align-items: center; gap: 12px; font: 800 18px var(--display); letter-spacing: -.06em; white-space: nowrap; }
.brand-mark { width: 27px; height: 27px; display: flex; align-items: end; gap: 3px; transform: skew(-15deg); }
.brand-mark i { width: 7px; background: var(--red); height: 13px; }
.brand-mark i:nth-child(2) { height: 20px; }.brand-mark i:nth-child(3) { height: 27px; }
.nav { display: flex; gap: 30px; margin-left: auto; }
.nav a { font-size: 12px; color: #bdb8b9; transition: color .2s; }
.nav a:hover, .footer-link:hover { color: var(--red); }
.header-actions { display: flex; align-items: center; gap: 24px; }
.lang-switch { display: flex; gap: 3px; }
.lang-button { padding: 8px; border: 0; background: transparent; color: var(--muted); font-size: 11px; font-weight: 800; }
.lang-button.is-active { color: white; background: #ffffff0c; border-radius: 5px; }
.header-cta { display: flex; gap: 14px; align-items: center; padding: 12px 18px; border: 1px solid #ffffff35; border-radius: 7px; font-size: 12px; transition: background .2s; }
.header-cta:hover { background: #ffffff12; }
.header-cta svg { width: 17px; fill: var(--white); }
.hero { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; min-height: 730px; padding-block: 70px 60px; position: relative; }
.hero-copy { position: relative; z-index: 2; }
.live-line { display: flex; gap: 10px; align-items: center; font-size: 11px; margin-bottom: 28px; color: #c7bec0; }
.live-line strong { font-weight: 500; }.live-line span { width: 6px; height: 6px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px #f522381c; }
h1, h2 { font-family: var(--display); letter-spacing: -.065em; margin: 0; font-weight: 700; }
h1 { font-size: clamp(42px, 4.5vw, 67px); line-height: 1.14; max-width: 780px; }
.hero-lead { font-size: 14px; line-height: 1.9; color: var(--muted); max-width: 430px; margin: 27px 0 0; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 34px; }
.primary-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; padding: 19px 23px; background: var(--red); border-radius: 8px; font-size: 12px; font-weight: 800; box-shadow: 0 8px 32px #f5223820; transition: background .2s, box-shadow .2s, transform .25s; }
.primary-button:hover { background: #ff354a; box-shadow: 0 10px 40px #f5223840; transform: translateY(-3px); }
.button-icon { font-size: 21px; font-weight: 400; }.text-link { font-size: 11px; display: flex; gap: 12px; align-items: center; }
.text-link i { width: 23px; height: 1px; background: var(--muted); transition: width .25s; }.text-link:hover i { width: 36px; background: var(--red); }
.hero-facts { display: flex; padding: 0; list-style: none; margin: 62px 0 0; }
.hero-facts li { padding-right: 25px; margin-right: 25px; border-right: 1px solid var(--line); }.hero-facts li:last-child { border: 0; padding: 0; margin: 0; }
.hero-facts b, .hero-facts span { display: block; }.hero-facts b { font-size: 11px; margin-bottom: 7px; }.hero-facts span { color: var(--muted); font-size: 10px; }
.signal-stage { position: relative; min-width: 0; width: 100%; aspect-ratio: 1; display: grid; place-items: center; perspective: 900px; transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .5s ease-out; }
.signal-stage::before { content: ''; position: absolute; inset: -12%; background: radial-gradient(ellipse, #f5223826, transparent 65%); pointer-events: none; }
.stage-word { position: absolute; font: 800 clamp(50px, 6.5vw, 100px) var(--display); letter-spacing: -.08em; color: transparent; -webkit-text-stroke: 1px #ffffff0e; transform: rotate(-90deg); right: -50px; }
.stage-cross { position: absolute; color: #ffffff35; font-size: 22px; font-weight: 300; }.cross-one { top: 8%; left: 10%; }.cross-two { bottom: 6%; right: 4%; }
.radar-grid { position: absolute; inset: 8%; border: 1px solid #f5223820; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 58px, #f5223810 59px 60px); transform: rotateX(55deg) rotateZ(-25deg); }
.orbit { position: absolute; inset: 8%; border: 1px solid #f5223835; border-radius: 50%; transform: rotate(-32deg) scaleY(.63); }.orbit-two { inset: 0; transform: rotate(38deg) scaleY(.68); border-color: #ffffff0c; }
.orbit span { position: absolute; inset: -4px; border-radius: 50%; animation: spin 14s linear infinite; }.orbit span::after { content: ''; width: 7px; height: 7px; position: absolute; left: 50%; top: 0; border-radius: 50%; background: #ff485b; box-shadow: 0 0 16px var(--red); }.orbit-two span { animation-duration: 21s; animation-direction: reverse; }
.pulse-core { width: 54%; aspect-ratio: 1; display: grid; place-items: center; position: relative; border-radius: 28%; background: linear-gradient(145deg, #ff5765 0%, #eb1832 35%, #b60721 80%); transform: rotate(-17deg); box-shadow: 2px 2px 0 #ff697b inset, -3px -3px 0 #73071b inset, 9px 10px 0 #770b20, 16px 19px 0 #350711, 0 30px 80px #f5223833; animation: emblem-float 7s ease-in-out infinite; }
.pulse-core::after { content: ''; position: absolute; inset: 10px; border: 1px solid #ffffff18; border-radius: 25%; }
.telegram-plane { width: 54%; transform: rotate(8deg); filter: drop-shadow(0 9px 0 #950b23); }.telegram-plane svg { width: 100%; fill: #fff5f2; }
.message-chip { position: absolute; display: grid; grid-template-columns: 30px 1fr; gap: 3px 10px; padding: 13px 18px 13px 12px; border: 1px solid #ffffff21; border-radius: 11px; background: #181315ed; box-shadow: 0 15px 40px #0008; backdrop-filter: blur(10px); }
.message-chip > span { grid-row: 1/3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #f522381a; color: #ff5264; font-size: 18px; }.message-chip b { font-size: 10px; }.message-chip small { font-size: 8px; color: var(--muted); }
.chip-one { left: -3%; top: 22%; animation: chip-float 6s ease-in-out infinite; }.chip-two { right: -2%; top: 48%; animation: chip-float 6s -2s ease-in-out infinite; }.chip-three { left: 10%; bottom: 12%; animation: chip-float 6s -4s ease-in-out infinite; }
.signal-caption { position: absolute; bottom: -2%; left: 38%; display: grid; gap: 6px; border-left: 2px solid var(--red); padding-left: 12px; }.signal-caption b { font-size: 10px; }.signal-caption span { font-size: 8px; color: var(--muted); }
.ticker { overflow: hidden; border-block: 1px solid #ffffff12; background: #101011; }
.ticker-track { width: max-content; display: flex; align-items: center; gap: 38px; padding-block: 23px; font: 600 16px var(--display); letter-spacing: -.04em; color: #c0b8bb; animation: ticker 32s linear infinite; }.ticker-track b { color: var(--red); font-size: 26px; }.ticker:hover .ticker-track { animation-play-state: paused; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 52px; } h2 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.22; }
.section-heading p, .pricing-intro p { color: var(--muted); line-height: 1.85; font-size: 13px; max-width: 350px; margin: 0; }
.services { display: grid; grid-template-columns: 1fr 1.05fr; gap: 90px; }.services .section-heading { display: block; margin: 0; }.services .section-heading p { margin-top: 24px; }
.service-row { padding: 4px 30px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(135deg, #1c1113, #101010 65%); }
.service-trigger { display: grid; grid-template-columns: 44px 1fr 28px; gap: 16px; align-items: center; width: 100%; text-align: left; border: 0; background: none; padding: 26px 0; }.service-icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #f5223840; border-radius: 11px; color: var(--red); }.service-icon svg { width: 27px; stroke: currentColor; fill: none; stroke-width: 1.5; }.service-name { font-size: 16px; font-weight: 800; }.service-toggle { font-size: 23px; color: var(--muted); text-align: right; }
.service-body { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .35s, visibility .35s; }.service-body > div { overflow: hidden; }.is-open .service-body { grid-template-rows: 1fr; visibility: visible; }.service-body p { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 0 0 22px; }.service-body a { display: inline-block; font-size: 11px; border-bottom: 1px solid #f5223880; padding-bottom: 5px; margin-bottom: 30px; }
.pricing { background: #101011; border-block: 1px solid var(--line); position: relative; }.pricing-layout { display: grid; grid-template-columns: 1fr 1.05fr; gap: 90px; align-items: start; }.corner-label { display: inline-block; font-size: 11px; color: #ff6170; margin-bottom: 20px; }.pricing-intro h2 { max-width: 450px; }.pricing-intro p { margin: 24px 0 30px; }
.currency-switch { display: inline-flex; background: #080808; border: 1px solid var(--line); border-radius: 8px; padding: 4px; gap: 4px; }.currency-button { background: transparent; border: 0; border-radius: 5px; padding: 11px 21px; font-size: 11px; font-weight: 700; color: var(--muted); transition: background .2s, color .2s; }.currency-button.is-active { background: var(--white); color: var(--black); }
.price-panel { border: 1px solid var(--line); background: #151516; border-radius: 14px; overflow: hidden; }.price-header, .price-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 19px 27px; }.price-header { font-size: 10px; color: var(--muted); border-bottom: 1px solid var(--line); }.price-row { font-size: 13px; border-bottom: 1px solid #ffffff09; transition: background .2s, padding .2s; }.price-row:hover { background: #ffffff07; padding-left: 32px; }.price-row strong { font: 600 18px var(--display); letter-spacing: -.05em; font-variant-numeric: tabular-nums; }.price-row.featured { background: var(--red); color: white; padding-block: 23px; }.price-row.featured strong { font-size: 23px; }.price-note { display: flex; align-items: center; gap: 12px; padding: 18px 27px; }.price-note > span { border: 1px solid #ffffff40; border-radius: 50%; width: 17px; height: 17px; text-align: center; font-size: 10px; flex-shrink: 0; }.price-note p { font-size: 10px; line-height: 1.6; color: var(--muted); margin: 0; }
.process-line { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0; margin: 0; }.process-line li { border-top: 1px solid var(--line); padding-top: 28px; position: relative; }.process-line li::before { content: ''; position: absolute; top: -1px; left: 0; height: 2px; width: 0; background: var(--red); transition: width .7s; }.process.is-visible li::before { width: 100%; }.process-line li:nth-child(2)::before { transition-delay: .2s; }.process-line li:nth-child(3)::before { transition-delay: .4s; }.process-line > li > span { display: block; font: 600 40px var(--display); color: #ff3e52; letter-spacing: -.06em; margin-bottom: 28px; }.process-line b { font-size: 16px; }.process-line p { color: var(--muted); font-size: 12px; line-height: 1.85; max-width: 290px; margin-top: 13px; }
.final-cta { margin-block: 10px 80px; padding: 65px; border-radius: 18px; overflow: hidden; position: relative; background: var(--red); color: #fff; display: grid; grid-template-columns: 1.5fr 1fr; gap: 32px 60px; align-items: center; }.final-cta::after { content: '↗'; position: absolute; font-size: 450px; line-height: 1; right: -35px; top: -95px; opacity: .08; pointer-events: none; }.final-copy { position: relative; z-index: 1; }.final-copy .corner-label { color: #ffdce0; }.final-copy h2 { font-size: clamp(28px, 3.1vw, 42px); max-width: 650px; }.final-copy p { font-size: 12px; line-height: 1.8; color: #ffe0e4; margin: 23px 0 0; }.giant-button { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; background: #090909; border-radius: 8px; position: relative; z-index: 1; font-size: 14px; font-weight: 700; transition: transform .25s, box-shadow .25s; }.giant-button:hover { transform: translateY(-4px); box-shadow: 0 12px 30px #0003; }.giant-button i { font-size: 28px; font-style: normal; }.payment-line { grid-column: 1/-1; display: flex; gap: 18px; flex-wrap: wrap; align-items: center; font-size: 10px; padding-top: 24px; border-top: 1px solid #ffffff30; }.payment-line > span { color: #ffced5; }.payment-line b { font-weight: 500; }.payment-line a { border-bottom: 1px solid #ffffff60; }
.site-footer { padding-block: 0 40px; display: flex; justify-content: space-between; align-items: center; gap: 25px; }.site-footer p { font-size: 10px; color: var(--muted); }.footer-link { font-size: 11px; transition: color .2s; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes emblem-float { 50% { transform: translateY(-15px) rotate(-12deg); } }
@keyframes chip-float { 50% { transform: translateY(10px); } }
@keyframes ticker { to { transform: translateX(-50%); } }
@keyframes enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.hero-copy > * { animation: enter .8s both; }.hero-copy > :nth-child(2) { animation-delay: .1s; }.hero-copy > :nth-child(3) { animation-delay: .2s; }.hero-copy > :nth-child(4) { animation-delay: .3s; }.hero-copy > :nth-child(5) { animation-delay: .4s; }
@media (min-width: 1600px) { .hero { min-height: 820px; } }
@media (max-width: 1100px) { :root { --shell: calc(100% - 56px); }.nav { gap: 18px; }.header-actions { gap: 15px; }.hero { min-height: 660px; } h1 { font-size: 44px; }.hero-actions { gap: 18px; }.services, .pricing-layout { gap: 45px; }.signal-stage { margin-left: 10px; }.stage-word { right: -30px; }.final-cta { padding: 45px; gap: 30px; } }
@media (max-width: 850px) { .nav { display: none; }.header-actions { margin-left: auto; }.hero { grid-template-columns: 1fr 0.8fr; } h1 { font-size: 37px; }.hero-actions { align-items: start; flex-direction: column; gap: 23px; }.hero-facts li { padding-right: 14px; margin-right: 14px; }.signal-stage { width: 105%; margin-left: -5%; }.message-chip { padding: 9px; gap: 3px 6px; }.chip-two { right: -4%; }.services, .pricing-layout { gap: 35px; }.section-heading { gap: 35px; } h2 { font-size: 30px; }.final-cta { grid-template-columns: 1fr; }.giant-button { max-width: 380px; }.service-row { padding-inline: 20px; }.service-trigger { gap: 10px; }.service-name { font-size: 13px; } }
@media (max-width: 620px) {
  :root { --shell: calc(100% - 40px); }.site-header { height: 78px; gap: 15px; }.brand { font-size: 15px; }.header-cta { display: none; }.section { padding-block: 65px; }.hero { grid-template-columns: 1fr; padding-block: 46px 35px; min-height: 0; }.hero-copy { max-width: 100%; } h1 { font-size: clamp(30px, 7.6vw, 46px); letter-spacing: -.065em; line-height: 1.2; }.live-line { font-size: 10px; margin-bottom: 24px; }.hero-lead { font-size: 13px; margin-top: 22px; }.hero-actions { flex-direction: row; align-items: center; gap: 19px; margin-top: 27px; }.primary-button { font-size: 10px; padding: 16px; gap: 14px; }.text-link { font-size: 10px; }.text-link i { display: none; }.hero-facts { margin-top: 36px; justify-content: space-between; }.hero-facts li { flex: 1; }.hero-facts b { font-size: 10px; }.hero-facts span { font-size: 9px; }.signal-stage { width: min(100%, 400px); margin: 28px auto 10px; }.stage-word { right: 0; font-size: 65px; }.chip-one { left: 0; }.chip-two { right: 0; }.signal-caption { bottom: 0; }.ticker-track { font-size: 12px; gap: 25px; padding-block: 14px; }.ticker-track b { font-size: 20px; }.services, .pricing-layout { grid-template-columns: 1fr; gap: 32px; }.section-heading { display: block; margin-bottom: 34px; }.section-heading p { margin-top: 20px; }.services .section-heading p { margin-top: 20px; }.service-name { font-size: 15px; }.pricing-intro h2 { max-width: 320px; }.pricing-intro p { margin-block: 20px 25px; }.process-line { grid-template-columns: 1fr; gap: 28px; }.process-line li { display: grid; grid-template-columns: 52px 1fr; gap: 20px; padding-top: 25px; }.process-line > li > span { font-size: 29px; margin: 0; }.process-line p { margin-bottom: 0; }.final-cta { padding: 34px 25px; gap: 28px; margin-block: 0 45px; }.final-copy h2 { font-size: 28px; }.final-copy p { margin-top: 20px; }.giant-button { font-size: 12px; padding: 18px; width: 100%; max-width: none; }.payment-line { gap: 12px; font-size: 9px; }.site-footer { flex-wrap: wrap; gap: 20px; padding-bottom: 28px; }.site-footer p { order: 3; width: 100%; margin: 0; }.footer-link { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; }.signal-stage { transform: none; } }
/* Contain the decorative projection without narrowing the content. */
main { overflow-x: clip; }
.hero-copy { min-width: 0; }
@media (min-width: 621px) and (max-width: 760px) {
  .hero { grid-template-columns: 1fr; padding-top: 55px; }
  h1 { font-size: 48px; max-width: 610px; }
  .hero-actions { flex-direction: row; align-items: center; }
  .signal-stage { width: 420px; margin: 45px auto 15px; }
}

/* Liquid Glass: translucent layers, refracted edges and a red light field. */
body {
  background:
    radial-gradient(ellipse at 92% 12%, #77091e45, transparent 34%),
    radial-gradient(ellipse at 0% 52%, #9b10282c, transparent 30%),
    radial-gradient(ellipse at 80% 89%, #8e0b2638, transparent 28%), #080809;
}
.site-header {
  height: 76px; margin-top: 20px; padding-inline: 25px; border: 1px solid #ffffff21; border-radius: 25px;
  background: linear-gradient(115deg, #ffffff12, #ffffff04 45%, #ffffff0b);
  backdrop-filter: blur(28px) saturate(160%); -webkit-backdrop-filter: blur(28px) saturate(160%);
  box-shadow: inset 0 1px 0 #ffffff24, inset 0 -1px 0 #ffffff08, 0 12px 40px #0003;
}
.header-cta, .lang-switch, .currency-switch { border-radius: 50px; }
.header-cta { background: linear-gradient(140deg, #ffffff12, #ffffff03); border-color: #ffffff22; box-shadow: inset 0 1px 0 #ffffff13; }
.lang-switch { background: #0003; padding: 3px; border: 1px solid #ffffff0e; }
.lang-button { border-radius: 50px; padding: 8px 10px; }
.lang-button.is-active { background: linear-gradient(135deg, #ffffff2a, #ffffff12); border-radius: 50px; box-shadow: inset 0 1px 0 #ffffff32, 0 2px 6px #0003; }
.primary-button {
  border-radius: 50px; background: linear-gradient(135deg, #ff4c648c, #e216369e 60%, #fa24434a);
  border: 1px solid #ff9eab6b; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 #ffffff70, inset 0 -2px 4px #5f001f50, 0 8px 30px #f5223825;
}
.primary-button:hover { background: linear-gradient(135deg, #ff647bba, #ef2648c9 60%, #fa24437a); box-shadow: inset 0 1px 0 #ffffff90, 0 12px 40px #f5223845; }
.signal-stage::before { inset: -8%; background: radial-gradient(ellipse at 55% 55%, #ff163552, #a10a2114 48%, transparent 68%); }
.pulse-core {
  background: linear-gradient(135deg, #ff9aad55, #ff345499 28%, #dc0c37b0 55%, #89032560);
  backdrop-filter: blur(22px) saturate(190%); -webkit-backdrop-filter: blur(22px) saturate(190%);
  border: 1px solid #ffbccb90;
  box-shadow: inset 2px 3px 3px #fff5, inset -3px -4px 5px #ff78985c, inset 12px 12px 36px #ffacbd13, 5px 7px 0 #e7224850, 10px 14px 0 #940b3030, 0 30px 90px #f522383a;
}
.pulse-core::after { inset: 5px; border-color: #ffb6c835; background: linear-gradient(135deg, #ffffff2a, transparent 35% 65%, #ffffff0c); }
.telegram-plane { filter: drop-shadow(0 5px 7px #75052070); opacity: .95; }
.message-chip {
  border-radius: 17px; background: linear-gradient(120deg, #ffffff1c, #ffffff09 50%, #ff567b16);
  border-color: #ffffff2a; backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%);
  box-shadow: inset 0 1px 0 #ffffff35, inset 0 -1px 0 #ffffff0c, 0 12px 35px #0004;
}
.message-chip > span { border-radius: 10px; background: #ff506622; color: #ff9aaa; }
.message-chip small { color: #c8b3bc; }
.ticker { background: #ffffff03; border-color: #ffffff10; }
.service-row, .price-panel, .process-line li, .final-cta {
  border: 1px solid #ffffff25; border-radius: 28px;
  background: linear-gradient(125deg, #ffffff10, #ffffff04 55%, #ff71890a);
  backdrop-filter: blur(28px) saturate(150%); -webkit-backdrop-filter: blur(28px) saturate(150%);
  box-shadow: inset 0 1px 0 #ffffff2c, inset 0 -1px 0 #ffffff09, 0 18px 50px #0002;
}
.service-row { padding-inline: 28px; }.service-icon { border-radius: 15px; background: linear-gradient(135deg, #ff61742b, #ff617409); box-shadow: inset 0 1px 0 #ffa8b430; color: #ff788b; }
.pricing { background: radial-gradient(ellipse at 86% 65%, #990c2940, transparent 50%), #ffffff02; border-color: #ffffff0a; }
.currency-switch { background: #ffffff08; border-color: #ffffff20; box-shadow: inset 0 1px 0 #ffffff12; }
.currency-button { border-radius: 50px; }.currency-button.is-active { background: linear-gradient(135deg, #ffffffec, #ece7e7b5); box-shadow: inset 0 1px 0 white, 0 3px 10px #0003; }
.price-header { background: #ffffff03; }.price-row.featured { background: linear-gradient(110deg, #ff4a6085, #e61838b0, #fa345b75); border-block: 1px solid #ff99b34f; box-shadow: inset 0 1px 0 #ffc7d233; }
.process-line { gap: 20px; }.process-line li { padding: 27px; overflow: hidden; }.process-line li::before { left: 28px; max-width: calc(100% - 56px); background: linear-gradient(90deg, transparent, #ff6d86, transparent); }
.process-line > li > span { color: #ff7389; }
.final-cta { background: radial-gradient(ellipse at 90% 10%, #fc2b4b44, transparent 65%), linear-gradient(130deg, #ffffff17, #ffffff04); padding: 65px; border-radius: 36px; }
.final-copy .corner-label { color: #ff899c; }.final-copy p { color: #c6b4ba; }.final-cta::after { color: #ff4a69; opacity: .11; }.payment-line { border-color: #ffffff16; }.payment-line > span { color: #bfa8af; }
.giant-button {
  border: 1px solid #ffb0bf60; border-radius: 50px;
  background: linear-gradient(120deg, #ff597670, #ef153bb0 60%, #e73b6460);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 0 1px 0 #ffcbd786, inset 0 -2px 4px #5f001f50, 0 10px 35px #f5223820;
}
.giant-button:hover { box-shadow: inset 0 1px 0 #ffffff90, 0 14px 40px #f522383b; }
@media (max-width: 1100px) { .site-header { padding-inline: 18px; gap: 20px; }.final-cta { padding: 45px; } }
@media (max-width: 850px) { .process-line { gap: 12px; }.process-line li { padding: 22px; }.process-line b { font-size: 14px; } }
@media (max-width: 620px) {
  .site-header { height: 65px; margin-top: 12px; padding-inline: 15px; border-radius: 22px; gap: 10px; }
  .brand { font-size: 13px; gap: 8px; }.brand-mark { width: 23px; }.header-actions { gap: 0; }.lang-button { padding: 7px 8px; font-size: 10px; }
  .primary-button { padding: 15px 14px; gap: 10px; }.hero-actions { gap: 16px; }.service-row { padding-inline: 23px; }
  .process-line { gap: 15px; }.process-line li { padding: 25px 20px; }.process-line b { font-size: 15px; }
  .final-cta { padding: 34px 24px; border-radius: 28px; }.giant-button { padding: 18px 22px; }
}
@supports not (backdrop-filter: blur(1px)) { .site-header, .message-chip, .service-row, .price-panel, .process-line li, .final-cta { background-color: #191316; } }