/* <gp-hero> styles. Linked from the page head so the server-rendered hero paints without waiting for widgets/gp-hero.js. */
gp-hero{display:block;position:relative;background:var(--paper,#FBFBF9);color:var(--ink,#0A0A0A);--gph-top:80px}
gp-hero .gph-track,gp-hero .gph-frame,gp-hero .gph-stage{position:relative}
gp-hero .gph-bg{position:absolute;inset:0 0 auto;height:100vh;height:100svh;min-height:640px;overflow:hidden;pointer-events:none}
gp-hero .gph-poster{position:absolute;inset:0;background:url(../../widgets/assets/hero-poster.webp) 50% 50%/cover no-repeat;opacity:.7;filter:blur(3px);transform:scale(1.03)}
gp-hero .gph-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s var(--ease-out-quart,cubic-bezier(.22,1,.36,1))}
gp-hero .gph-canvas.is-on{opacity:1}
gp-hero.gph-nogl .gph-poster{opacity:1;filter:none;transform:none}
:root[data-theme="dark"] gp-hero .gph-poster{background-image:url(../../widgets/assets/hero-poster-dark.webp)}
gp-hero .gph-panels{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(var(--gph-top) + clamp(40px, 8.5vh, 96px)) 24px 112px}
gp-hero .gph-panel{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1040px}
gp-hero .gph-eyebrow{margin:0 0 28px;font:500 var(--fs-eyebrow,12px)/16px var(--font-text,"Source Sans 3",system-ui,sans-serif);letter-spacing:var(--tracking-eyebrow,.12em);text-transform:uppercase;color:var(--meta,#78716C);text-shadow:0 0 10px var(--paper,#FBFBF9),0 0 20px var(--paper,#FBFBF9)}
gp-hero .gph-title{margin:0 0 24px;font-family:var(--font-display,"Inter",system-ui,sans-serif);font-weight:400;font-size:var(--fs-h1,72px);line-height:1.08;letter-spacing:var(--tracking-display,-.025em);text-wrap:balance;max-width:1000px}
gp-hero .gph-title em{font-style:italic;font-weight:600;letter-spacing:-.03em}
gp-hero .gph-sub{margin:0;max-width:38em;font:400 var(--fs-sub,22px)/1.4 var(--font-text,"Source Sans 3",system-ui,sans-serif);color:var(--ink,#0A0A0A);text-wrap:balance;text-shadow:0 0 12px var(--paper,#FBFBF9),0 0 24px var(--paper,#FBFBF9),0 0 36px var(--paper,#FBFBF9)}
gp-hero .gph-cta{margin-top:40px;display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 32px;border-radius:var(--radius-pill,9999px);background:var(--pill,var(--ink-soft,#18181B));color:var(--on-ink,#fff);font:500 var(--fs-button,14.5px)/1.5 var(--font-text,"Source Sans 3",system-ui,sans-serif);letter-spacing:-.01em;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:background-color .3s,box-shadow .3s,transform .3s}
gp-hero .gph-cta:hover{background:var(--ink-hover,#000);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
gp-hero .gph-cta:active{transform:scale(.98)}
gp-hero .gph-cta:focus-visible{outline:2px solid var(--accent,#076FED);outline-offset:3px}
gp-hero .gph-roll{position:relative;display:block;overflow:hidden;height:1.5em}
gp-hero .gph-roll>span{display:block;white-space:nowrap;transition:transform .3s var(--ease-roll,cubic-bezier(.76,0,.24,1))}
gp-hero .gph-roll>span+span{position:absolute;left:0;top:100%}
gp-hero .gph-cta:hover .gph-roll>span,gp-hero .gph-cta:focus-visible .gph-roll>span{transform:translateY(-100%)}
gp-hero .gph-note{margin:16px 0 0;font:400 14px/1.4 var(--font-text,"Source Sans 3",system-ui,sans-serif);color:var(--foot-link,#57534E);text-shadow:0 0 10px var(--paper,#FBFBF9),0 0 20px var(--paper,#FBFBF9)}
/* the product under the promise: the alert this page is about, as it lands in Telegram */
gp-hero .gph-proof{width:100%;max-width:480px;margin:clamp(48px, 7vh, 72px) 0 0;text-align:left}
gp-hero .gph-proof .demo-cap{margin-top:14px}
gp-alert:not(:defined){display:block;min-height:520px;border-radius:12px;background:rgba(10,10,10,.025)}
gp-hero.is-static .gph-poster{opacity:.6;filter:none;transform:none}
gp-hero.is-poster .gph-poster{opacity:1}
:root[data-theme="dark"] gp-alert:not(:defined){background:rgba(255,255,255,.025)}
@media (max-width:767px){
 gp-hero{--gph-top:72px}
 gp-hero .gph-poster{background-image:url(../../widgets/assets/hero-poster-portrait.webp)}
 :root[data-theme="dark"] gp-hero .gph-poster{background-image:url(../../widgets/assets/hero-poster-portrait-dark.webp)}
 gp-hero .gph-panels{padding:calc(var(--gph-top) + 40px) 16px 72px}
 gp-hero .gph-eyebrow{margin-bottom:20px;font-size:11px}
 gp-hero .gph-title{margin-bottom:20px;font-size:clamp(34px,9.4vw,48px);line-height:1.1}
 gp-hero .gph-sub{font-size:18px}
 gp-hero .gph-cta{margin-top:32px}
 gp-hero .gph-proof{margin-top:48px}
}
@media (max-width:480px){gp-alert:not(:defined){min-height:600px}}
/* wide screens: the promise on the left, the alert it promises on the right, where the merged thread ends */
@media (min-width:1024px){
 gp-hero .gph-panels{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(48px,5vw,88px);box-sizing:border-box;max-width:var(--container,1280px);min-height:100vh;min-height:100svh;margin:0 auto;padding:calc(var(--gph-top) + 32px) var(--gutter,24px) 56px}
 gp-hero .gph-panel{flex:1 1 0;max-width:680px;align-items:flex-start;text-align:left}
 gp-hero .gph-title{font-size:clamp(44px,4.5vw,66px);line-height:1.06}
 gp-hero .gph-title em{display:block}
 gp-hero .gph-sub{max-width:30em;font-size:clamp(18px,1.45vw,21px)}
 gp-hero .gph-proof{flex:0 0 auto;width:min(460px,38vw);margin:0}
}