:root { --blue:#238bdb; --blue-bright:#35a8f5; --ink:#10141b; --muted:#6f7f91; --night:#04070b; --line:rgba(136,169,201,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:#f5f9fd; background:var(--night); font-family:"DM Sans",sans-serif; }
button,input { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; } a { color:inherit; text-decoration:none; }
.stage { display:none; min-height:100svh; }.stage.active { display:block; animation:reveal .45s ease both; }
@keyframes reveal { from { opacity:0; } to { opacity:1; } }

.intro-stage { position:relative; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 20%,#0c1c2b 0,#05090f 48%,#020305 100%); }.intro-stage.active { display:grid; }
.matrix { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(38,154,226,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(38,154,226,.11) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(circle,#000,transparent 78%); }
.matrix::before,.matrix::after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; filter:blur(120px); opacity:.2; }.matrix::before { top:-240px; left:-120px; background:var(--blue-bright); }.matrix::after { right:-200px; bottom:-220px; background:#795cff; }
.intro-card { width:min(530px,calc(100% - 28px)); margin:28px 0; padding:40px 44px 36px; position:relative; z-index:2; text-align:center; background:linear-gradient(145deg,rgba(11,22,34,.95),rgba(4,9,15,.96)); border:1px solid rgba(74,150,204,.22); border-radius:25px; box-shadow:0 40px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04); }
.code-rain { position:absolute; inset:-18% 0 0; overflow:hidden; color:#16d878; font:500 11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; opacity:.24; pointer-events:none; mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 70%,transparent 100%); }
.code-rain span { position:absolute; top:-38%; width:92px; text-align:left; text-shadow:0 0 8px rgba(22,216,120,.7); animation:codeFall 13s linear infinite; }
.code-rain span:nth-child(1){left:4%;animation-duration:16s}.code-rain span:nth-child(2){left:17%;animation-delay:-7s;animation-duration:13s}.code-rain span:nth-child(3){left:31%;animation-delay:-3s;animation-duration:18s}.code-rain span:nth-child(4){left:44%;animation-delay:-11s;animation-duration:15s}.code-rain span:nth-child(5){left:58%;animation-delay:-5s;animation-duration:17s}.code-rain span:nth-child(6){left:70%;animation-delay:-9s;animation-duration:14s}.code-rain span:nth-child(7){left:82%;animation-delay:-2s;animation-duration:19s}.code-rain span:nth-child(8){left:93%;animation-delay:-13s;animation-duration:16s}
@keyframes codeFall { from { transform:translateY(-10%); } to { transform:translateY(150vh); } }
.brand-image { display:block; height:auto; object-fit:contain; filter:drop-shadow(0 14px 30px rgba(0,133,255,.15)); }
.brand-image-main { width:min(118px,38%); margin:0 auto 19px; }
.brand-image-offer { width:min(160px,46%); margin:0 auto 12px; }
.brand-image-footer { width:92px; margin:0; }
.brand-lockup { display:inline-flex; align-items:center; gap:10px; font:700 18px "Space Grotesk",sans-serif; }.brand-lockup strong>span { color:var(--blue-bright); }
.telegram-mark { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#45b8ff,#1683d6); border-radius:11px; box-shadow:0 10px 28px rgba(35,139,219,.28); }.telegram-mark svg { width:23px; fill:#fff; }.telegram-mark:has(svg) { font-size:0; }
.step-label { margin-top:30px; color:#55bcfa; font-size:10px; font-weight:800; letter-spacing:2px; }
h1,h2,h3 { font-family:"Space Grotesk",sans-serif; }.intro-card h1 { margin:10px auto 13px; font-size:clamp(36px,5vw,52px); line-height:1.02; letter-spacing:-2.7px; } h1 em { color:transparent; background:linear-gradient(115deg,#6bd0ff,#9178ff); background-clip:text; -webkit-background-clip:text; font-style:normal; }
.subtitle { max-width:490px; margin:0 auto 30px; color:#9badbd; font-size:16px; line-height:1.55; }
#phone-form { text-align:center; } #phone-form>label { display:block; margin:0 0 8px; color:#8ca0b4; font-size:11px; font-weight:700; text-align:center; }
.phone-form-shell { animation:formReveal .35s ease both; }
.phone-form-shell[hidden] { display:none!important; }
.spy-cta { min-width:225px; min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:12px; margin-top:2px; padding:0 25px; color:#05121b; background:linear-gradient(145deg,#6bd0ff,#2aa4eb); border:0; border-radius:13px; box-shadow:0 15px 36px rgba(39,157,226,.24); cursor:pointer; font-weight:800; text-transform:uppercase; letter-spacing:.3px; transition:.2s ease; }.spy-cta:hover { transform:translateY(-2px); box-shadow:0 19px 42px rgba(39,157,226,.32); }.spy-cta span { font-size:24px; line-height:1; }
.spy-cta[hidden] { display:none!important; }
@keyframes formReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.phone-field { height:66px; display:flex; align-items:center; gap:8px; padding:0 8px 0 18px; background:rgba(0,0,0,.3); border:1px solid #29445d; border-radius:15px; transition:.2s ease; }.phone-field:focus-within { border-color:var(--blue-bright); box-shadow:0 0 0 4px rgba(53,168,245,.1); }.phone-field>span { color:#5fc4ff; font-weight:800; }.phone-field input { flex:1; min-width:0; height:100%; color:#fff; background:none; border:0; outline:0; font-size:18px; letter-spacing:.4px; }.phone-field button { width:48px; height:48px; display:grid; place-items:center; color:#04111a; background:linear-gradient(145deg,#69caff,#2da4ec); border:0; border-radius:11px; cursor:pointer; }.phone-field button svg { width:21px; fill:none; stroke:currentColor; stroke-width:2; }
#phone-form small { display:block; max-width:430px; margin:9px auto 0; color:#65798d; font-size:10px; line-height:1.45; text-align:center; }.form-error { min-height:18px; margin:7px 3px 0; color:#ff8793; font-size:12px; text-align:center; }.trust-row { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; margin-top:24px; color:#7c91a5; font-size:10px; }.trust-row i { color:#67e2b2; font-style:normal; }
.activity-note { margin:17px 0 0; color:#5e7488; font-size:9px; }.activity-note strong { color:#7f9aaf; font-weight:700; }

.search-stage { position:relative; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 22%,#0d2133 0,#05090f 52%,#020305 100%); }
.search-stage.active { display:grid; }
.search-card { width:min(540px,calc(100% - 28px)); padding:48px 48px 46px; position:relative; text-align:center; background:linear-gradient(145deg,rgba(11,22,34,.96),rgba(4,9,15,.97)); border:1px solid rgba(74,150,204,.22); border-radius:28px; box-shadow:0 40px 100px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.04); }
.brand-image-search { width:min(136px,44%); margin:0 auto 28px; }
.scanner { width:170px; height:170px; display:grid; place-items:center; position:relative; margin:0 auto 27px; overflow:hidden; border:1px solid rgba(67,178,244,.22); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 27px,rgba(45,166,237,.1) 28px 29px); box-shadow:inset 0 0 45px rgba(29,139,209,.08),0 0 55px rgba(29,139,209,.08); }
.scanner-ring { position:absolute; border:1px solid rgba(64,192,255,.28); border-radius:50%; animation:ringPulse 2s ease-out infinite; }.ring-one { width:72px; height:72px; }.ring-two { width:112px; height:112px; animation-delay:.75s; }
.scanner-phone { width:56px; height:56px; display:grid; place-items:center; z-index:3; color:#06131d; background:linear-gradient(145deg,#6bd0ff,#239ce6); border-radius:17px; box-shadow:0 0 34px rgba(53,168,245,.42); font-size:29px; font-weight:800; }
.scanner-beam { position:absolute; top:50%; left:50%; width:50%; height:50%; transform-origin:0 0; background:conic-gradient(from 0deg,rgba(66,190,255,.55),transparent 52deg); animation:scanRotate 1.35s linear infinite; }
@keyframes scanRotate { to { transform:rotate(360deg); } }
@keyframes ringPulse { 0% { transform:scale(.65); opacity:0; } 45% { opacity:1; } 100% { transform:scale(1.35); opacity:0; } }
.search-card h2 { margin:0 0 8px; font-size:clamp(30px,5vw,42px); letter-spacing:-1.8px; }
.search-number { margin:0 0 25px; color:#6ecbff; font-weight:700; letter-spacing:.5px; }
.search-progress { width:100%; height:6px; overflow:hidden; background:#132538; border-radius:99px; }.search-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#31adf4,#7a6df7); box-shadow:0 0 16px rgba(49,173,244,.55); transition:width .8s ease; }
.search-status { margin:15px 0 4px; color:#9cb0c1; font-size:12px; }.search-card>small { color:#5f7386; font-size:9px; }

.telegram-stage { position:relative; min-height:100svh; padding:46px 12px 18px; color:var(--ink); background:#d9e1e8; overflow:hidden; }.telegram-stage.active { display:grid; place-items:center; }
.demo-ribbon { position:fixed; z-index:10; top:0; left:0; right:0; min-height:36px; display:flex; align-items:center; justify-content:center; gap:10px; padding:7px 14px; color:#dff3ff; background:#07131f; font-size:10px; letter-spacing:.5px; }.demo-ribbon strong { color:#61c4ff; letter-spacing:1.6px; }.demo-ribbon span { color:#9bb0c2; }
.phone-screen { width:min(440px,100%); height:min(850px,calc(100svh - 64px)); min-height:600px; display:flex; flex-direction:column; position:relative; overflow:hidden; color:#111820; background:linear-gradient(#fff,#fbfdff); border:1px solid rgba(0,0,0,.11); border-radius:37px; box-shadow:0 30px 100px rgba(25,44,60,.28); }
.ios-status { height:49px; display:flex; align-items:center; justify-content:space-between; padding:7px 22px 0; font-size:11px; font-weight:800; }.telegram-capsule { display:flex; align-items:center; gap:5px; padding:4px 10px; color:#fff; background:#168eed; border-radius:99px; font-size:11px; letter-spacing:.8px; }.capsule-plane { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.status-icons { display:flex; align-items:center; gap:5px; }.signal-icon { width:20px; height:15px; fill:#111820; }.wifi-icon { width:19px; height:15px; fill:#111820; stroke:#111820; stroke-width:1.8; stroke-linecap:round; }.wifi-icon path { fill:none; }.battery-icon { width:24px; height:12px; display:block; position:relative; border:1.5px solid #111820; border-radius:3px; }.battery-icon::after { content:""; width:2px; height:5px; position:absolute; top:2px; right:-4px; background:#111820; border-radius:0 2px 2px 0; }.battery-icon i { width:55%; position:absolute; inset:2px auto 2px 2px; background:#f2bd24; border-radius:1px; }
.telegram-header { height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 20px; }.telegram-header h2 { margin:0; font-family:"DM Sans"; font-size:20px; }.plain-button { justify-self:start; padding:8px 0; color:var(--blue); background:none; border:0; cursor:pointer; font-size:16px; }.header-actions { justify-self:end; display:flex; gap:15px; color:#121820; font-size:25px; }
.header-actions button { width:25px; height:25px; display:grid; place-items:center; padding:0; color:inherit; background:none; border:0; cursor:pointer; }.header-actions svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.search-bar { width:calc(100% - 30px); height:42px; display:flex; align-items:center; justify-content:center; gap:8px; margin:0 15px 7px; color:#7d858d; background:#eff1f3; border:0; border-radius:12px; cursor:pointer; font-size:17px; }.search-bar svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }
.chat-list { flex:1; overflow-x:hidden; overflow-y:auto; padding:0 0 78px 11px; scrollbar-width:none; overscroll-behavior:contain; }.chat-list::-webkit-scrollbar { display:none; }.chat-row { width:100%; height:70px; display:flex; align-items:center; flex:0 0 auto; gap:11px; padding:6px 13px 6px 3px; position:relative; text-align:left; background:transparent; border:0; cursor:pointer; }.chat-row::after { content:""; position:absolute; left:65px; right:0; bottom:0; height:1px; background:#e6e9eb; }
.avatar { width:53px; height:53px; display:grid; place-items:center; flex:0 0 auto; color:white; border-radius:50%; font-weight:800; font-size:18px; filter:blur(5px); }.coral{background:#e28070}.blue{background:#589fd8}.lime{background:#91a637}.violet{background:#8765d3}.midnight{background:#213249}.amber{background:#d78a3b}.rose{background:#bc6473}.aqua{background:#4ab5bb}
.avatar.profile-avatar,.avatar.generated-avatar{overflow:hidden;background:#e7e7e7;filter:blur(5px);transform:scale(1.04)}.avatar.profile-avatar img,.avatar.generated-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.chat-copy { min-width:0; flex:1; filter:blur(5px); }.chat-copy strong,.chat-copy small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.chat-copy strong { font-size:15px; }.chat-copy small { margin-top:3px; color:#7a858e; font-size:12px; }.chat-meta { align-self:stretch; min-width:43px; display:flex; align-items:flex-end; flex-direction:column; gap:7px; padding-top:9px; color:#98a0a6; filter:blur(3px); }.chat-meta time { font-size:10px; }.chat-meta i { min-width:19px; height:19px; display:grid; place-items:center; color:white; background:var(--blue-bright); border-radius:99px; font-size:9px; font-style:normal; }
.unlock-hint { position:absolute; z-index:4; left:50%; bottom:93px; transform:translateX(-50%); width:calc(100% - 45px); display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; column-gap:9px; padding:13px 16px; text-align:left; color:#fff; background:rgba(13,25,39,.91); border:1px solid rgba(90,185,245,.42); border-radius:16px; box-shadow:0 12px 35px rgba(0,0,0,.26); backdrop-filter:blur(12px); cursor:pointer; }.unlock-hint>span { grid-row:1/3; align-self:center; width:34px; height:34px; display:grid; place-items:center; color:#55befe; background:#163247; border-radius:10px; }.unlock-hint>span svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.unlock-hint strong { font-size:12px; }.unlock-hint small { color:#94a8b9; font-size:9px; }
.tab-bar { height:82px; display:grid; grid-template-columns:repeat(4,1fr); padding:7px 8px 10px; background:rgba(247,249,251,.96); border-top:1px solid #e1e5e8; backdrop-filter:blur(18px); }.tab-bar button { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; position:relative; color:#4c555d; background:none; border:0; cursor:pointer; }.tab-bar button>span { position:relative; font-size:22px; }.tab-bar button small { font-size:9px; }.tab-bar button.active { color:var(--blue); }.tab-bar i { position:absolute; top:-7px; right:-15px; min-width:23px; padding:3px 5px; color:white; background:#ff3b30; border-radius:99px; font-size:8px; font-style:normal; }
.tab-bar button>span { width:26px; height:26px; display:grid; place-items:center; }.tab-bar svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.panel-note { margin:8px 14px 4px 3px; padding:11px 13px; color:#168eed; background:#edf7ff; border-radius:10px; font-size:12px; font-weight:800; }
.settings-panel { padding:9px 12px 90px; }
.settings-row { width:100%; min-height:66px; display:grid; grid-template-columns:42px 1fr auto; gap:11px; align-items:center; margin-bottom:8px; padding:10px 13px; color:#141b22; text-align:left; background:#f4f6f8; border:1px solid #e2e7ea; border-radius:13px; cursor:pointer; }.settings-row>div { min-width:0; filter:blur(4px); }.settings-row strong,.settings-row small { display:block; }.settings-row small { margin-top:3px; color:#7c8790; font-size:10px; }.settings-row b { color:#97a0a7; font-size:22px; }.settings-symbol { width:38px; height:38px; display:grid; place-items:center; color:#168eed; background:#e2f2ff; border-radius:10px; filter:blur(2px); }

.offer-stage { color:#f3f8fc; background:radial-gradient(circle at 50% 0,#102337 0,#060a10 34%,#030508 100%); }.offer-topbar { position:sticky; z-index:8; top:0; min-height:72px; display:flex; align-items:center; justify-content:center; gap:38px; padding:10px 22px; color:#dfeefa; background:rgba(3,8,13,.93); border-bottom:1px solid rgba(67,162,224,.22); backdrop-filter:blur(15px); }.offer-topbar div { display:flex; flex-direction:column; }.offer-topbar strong { font-size:13px; }.offer-topbar small { color:#74899d; font-size:10px; }.offer-topbar a { padding:11px 16px; color:#06111a; background:linear-gradient(145deg,#64c8ff,#279fe9); border-radius:10px; font-size:11px; font-weight:800; }
.offer-wrap { width:min(1040px,calc(100% - 30px)); margin:0 auto; padding:72px 0 80px; text-align:center; }.offer-brand { margin-bottom:10px; }.offer-wrap>h1 { max-width:780px; margin:13px auto 18px; font-size:clamp(45px,7vw,80px); line-height:.98; letter-spacing:-4px; }.offer-lead { max-width:670px; margin:0 auto 30px; color:#93a7b8; font-size:17px; line-height:1.6; }
.target-card { width:min(500px,100%); display:flex; align-items:center; gap:13px; margin:0 auto 16px; padding:15px; text-align:left; background:rgba(12,24,37,.78); border:1px solid var(--line); border-radius:16px; }.target-avatar { width:47px; height:47px; display:grid; place-items:center; color:#052118; background:#66e0ad; border-radius:50%; font-weight:900; }.target-card>div:nth-child(2) { display:flex; flex:1; flex-direction:column; }.target-card small { color:#6f8599; font-size:9px; }.target-card strong { margin-top:2px; }.target-card>span { padding:5px 7px; color:#5ec8ff; border:1px solid #254f6a; border-radius:6px; font-size:8px; letter-spacing:1px; }
.success-note { width:min(500px,100%); display:flex; align-items:center; gap:12px; margin:0 auto 95px; padding:14px 16px; text-align:left; color:#c9d7e2; background:rgba(59,194,139,.07); border:1px solid rgba(72,218,158,.22); border-radius:14px; }.success-note>span { width:30px; height:30px; display:grid; place-items:center; color:#062318; background:#64dda9; border-radius:50%; font-weight:900; }.success-note strong { font-size:12px; }.success-note p { margin:2px 0 0; color:#6f9585; font-size:10px; }
.section-heading { max-width:700px; margin:0 auto 42px; }.section-heading>span,.pricing-copy>span { color:#59c1ff; font-size:10px; font-weight:800; letter-spacing:2px; }.section-heading h2 { margin:11px 0 0; font-size:clamp(32px,5vw,53px); line-height:1.03; letter-spacing:-2.5px; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; text-align:left; }.benefit-grid article { min-height:330px; padding:28px; position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(15,30,46,.93),rgba(6,13,22,.94)); border:1px solid var(--line); border-radius:21px; }.benefit-icon { width:42px; height:42px; display:grid; place-items:center; color:#55befe; background:rgba(45,161,230,.11); border-radius:12px; font-size:20px; }.benefit-grid h3 { margin:24px 0 8px; font-size:22px; }.benefit-grid p { max-width:390px; margin:0; color:#8498aa; font-size:13px; line-height:1.65; }.feature-mock { height:86px; margin-top:28px; padding:13px; background:rgba(0,0,0,.2); border:1px solid rgba(112,157,193,.13); border-radius:12px; }.devices { display:flex; gap:9px; }.devices i { flex:1; border-radius:8px; background:linear-gradient(145deg,#1f425b,#0c202f); }.toggles i { display:block; width:100%; height:10px; margin:8px 0; border-radius:99px; background:linear-gradient(90deg,#244258 0 74%,#44b7fa 74%); }.risk { display:flex; align-items:center; gap:15px; }.risk b { width:42px; height:42px; display:grid; place-items:center; color:#ffc568; background:rgba(255,176,54,.12); border-radius:50%; }.risk span { flex:1; height:12px; border-radius:99px; background:#1c3548; }.report-file { display:grid; grid-template-columns:55px 1fr; gap:8px; }.report-file b { grid-row:1/3; display:grid; place-items:center; color:#fff; background:#e15f64; border-radius:8px; font-size:11px; }.report-file i { border-radius:99px; background:#203c50; }
.pricing { display:grid; grid-template-columns:1.15fr .85fr; gap:55px; align-items:center; margin:100px 0 35px; padding:58px; text-align:left; background:linear-gradient(140deg,#10283c,#07121d 70%); border:1px solid rgba(71,174,238,.28); border-radius:26px; box-shadow:0 28px 80px rgba(0,0,0,.35); }.pricing-copy h2 { margin:10px 0 12px; font-size:clamp(38px,5vw,58px); line-height:1; letter-spacing:-3px; }.pricing-copy p { color:#8da1b3; line-height:1.6; }.pricing-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; margin:25px 0 0; padding:0; list-style:none; color:#b9c8d3; font-size:12px; }
.price-card { padding:27px; text-align:center; background:rgba(1,7,12,.55); border:1px solid var(--line); border-radius:20px; }.price-card>span { color:#5bc4ff; font-size:9px; font-weight:800; letter-spacing:1.6px; }.price-card s { display:block; margin-top:15px; color:#6e8294; font-size:11px; }.price { display:flex; align-items:flex-start; justify-content:center; }.price strong { font:700 78px/1 "Space Grotesk"; letter-spacing:-6px; }.price sup { margin-top:12px; font-weight:800; }.price-card>small { display:block; margin:3px 0 20px; color:#687d90; font-size:9px; }.main-cta { width:100%; min-height:56px; padding:0 18px; color:#06111a; background:linear-gradient(145deg,#6cd0ff,#2da4ec); border:0; border-radius:12px; box-shadow:0 14px 30px rgba(40,156,225,.22); cursor:pointer; font-weight:800; }.secure-line { margin-top:11px; color:#607589; font-size:9px; }
.transparency { display:flex; align-items:center; gap:18px; padding:24px 28px; text-align:left; background:rgba(96,223,171,.055); border:1px solid rgba(96,223,171,.18); border-radius:18px; }.shield { width:52px; height:52px; display:grid; place-items:center; flex:0 0 auto; color:#052117; background:#62dba8; border-radius:50%; font-weight:900; }.transparency h3 { margin:0 0 5px; }.transparency p { margin:0; color:#7f978d; font-size:12px; line-height:1.6; }
.faq { max-width:780px; margin:105px auto 0; text-align:left; }.faq .section-heading { text-align:center; }.faq details { border-bottom:1px solid var(--line); }.faq summary { display:flex; justify-content:space-between; gap:20px; padding:22px 0; cursor:pointer; list-style:none; font-weight:700; }.faq summary::-webkit-details-marker { display:none; }.faq summary i { color:#54bdf9; font-size:21px; font-style:normal; transition:.2s ease; }.faq details[open] summary i { transform:rotate(45deg); }.faq details p { margin:-6px 40px 22px 0; color:#8498aa; font-size:13px; line-height:1.7; }
footer { width:min(1040px,calc(100% - 30px)); display:flex; align-items:center; justify-content:space-between; margin:0 auto; padding:32px 0 42px; color:#607489; border-top:1px solid var(--line); } footer p,footer small { font-size:10px; }.toast { position:fixed; z-index:20; left:50%; bottom:24px; transform:translate(-50%,100px); width:max-content; max-width:calc(100% - 28px); padding:14px 18px; color:#cde4f4; background:#0c2030; border:1px solid #2d5974; border-radius:11px; box-shadow:0 20px 50px rgba(0,0,0,.45); opacity:0; font-size:12px; transition:.3s ease; }.toast.show { transform:translate(-50%,0); opacity:1; }

@media(max-width:760px){.intro-card{padding:32px 20px 29px}.intro-card h1{font-size:39px;letter-spacing:-2.3px}.telegram-stage{padding:36px 0 0}.phone-screen{width:100%;height:calc(100svh - 36px);min-height:0;border:0;border-radius:0}.demo-ribbon{justify-content:flex-start;padding-left:12px}.demo-ribbon span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.offer-topbar{justify-content:space-between;gap:12px}.offer-topbar small{display:none}.offer-topbar a{flex:0 0 auto}.offer-wrap{padding-top:55px}.offer-wrap>h1{font-size:49px;letter-spacing:-3px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:300px}.pricing{grid-template-columns:1fr;gap:35px;padding:40px 20px 20px}.pricing-copy ul{grid-template-columns:1fr}.transparency{align-items:flex-start}.faq{margin-top:80px}footer{flex-direction:column;gap:10px;text-align:center}}
@media(max-width:430px){.offer-topbar strong{font-size:10px}.offer-topbar a{padding:9px 10px;font-size:9px}.chat-row{height:67px}.avatar{width:49px;height:49px}.offer-wrap>h1{font-size:43px}.offer-lead{font-size:14px}}
@media(max-width:760px){.search-card{padding:40px 22px}.scanner{width:150px;height:150px}.brand-image-footer{width:82px;margin:0 auto}.brand-image-main{width:min(105px,34%)}.brand-image-search{width:min(110px,36%)}.brand-image-offer{width:min(130px,40%)}.code-rain{font-size:9px;opacity:.2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* First-step composition matched to the supplied reference. */
.intro-stage { background:#010205; }
.intro-wrap { width:min(430px,calc(100% - 24px)); display:flex; align-items:center; flex-direction:column; position:relative; z-index:2; }
.intro-card { width:100%; min-height:410px; display:flex; align-items:center; justify-content:center; flex-direction:column; margin:0; padding:29px 24px 27px; background:rgba(4,6,10,.94); border:1px solid rgba(204,211,224,.2); border-radius:27px; box-shadow:0 25px 65px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025); }
.matrix { opacity:.15; background-image:linear-gradient(rgba(23,142,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(23,142,220,.09) 1px,transparent 1px); background-size:22px 22px; mask-image:none; }
.matrix::before { background:#0877c9; opacity:.15; }.matrix::after { background:#20aaf4; opacity:.12; }
.code-rain { inset:-12% 0 0; color:#168fde; font-size:10px; line-height:1.62; opacity:.38; mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%); }
.code-rain span { width:66px; text-shadow:0 0 9px rgba(38,173,255,.78); }
.code-rain span:nth-child(1){left:1%}.code-rain span:nth-child(2){left:10%}.code-rain span:nth-child(3){left:19%}.code-rain span:nth-child(4){left:28%}.code-rain span:nth-child(5){left:37%}.code-rain span:nth-child(6){left:46%}.code-rain span:nth-child(7){left:55%}.code-rain span:nth-child(8){left:64%}.code-rain span:nth-child(9){left:73%;animation-delay:-6s;animation-duration:17s}.code-rain span:nth-child(10){left:82%;animation-delay:-10s;animation-duration:14s}.code-rain span:nth-child(11){left:91%;animation-delay:-4s;animation-duration:19s}.code-rain span:nth-child(12){left:97%;animation-delay:-12s;animation-duration:16s}
.brand-image-main { width:min(76px,25%); margin:0 auto 27px; filter:drop-shadow(0 9px 22px rgba(33,161,235,.25)); }
.intro-card h1 { max-width:355px; margin:0 auto 22px; font-size:clamp(27px,6.5vw,34px); line-height:1.19; letter-spacing:-1.45px; }
.intro-card h1 em { background:linear-gradient(120deg,#1385d4,#50c3ff); background-clip:text; -webkit-background-clip:text; }
.subtitle { max-width:345px; margin:0 auto 28px; color:#a5a5b0; font-size:16px; line-height:1.45; }
.subtitle strong { color:#46b9f8; font-weight:600; }
.spy-cta { width:100%; min-height:55px; margin:0; color:#fff; background:linear-gradient(105deg,#147fce,#35b5fa); border-radius:19px; box-shadow:0 15px 32px rgba(24,143,215,.3); text-transform:none; font-size:15px; letter-spacing:0; }.spy-cta:hover { box-shadow:0 18px 40px rgba(28,158,231,.4); }.spy-cta .eye-icon { font-size:18px; line-height:1; }
.spy-cta .eye-icon{width:21px;height:21px;display:grid;place-items:center;transform-origin:center;animation:eyeBlink 3.8s ease-in-out infinite}.spy-cta .eye-icon svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spy-cta .eye-icon circle{fill:currentColor;stroke:none}@keyframes eyeBlink{0%,43%,47%,72%,76%,100%{transform:scaleY(1)}45%,74%{transform:scaleY(.08)}}
.phone-form-shell { width:100%; }
.phone-field { height:58px; border-color:rgba(50,169,237,.5); border-radius:16px; }.phone-field:focus-within { border-color:#39b8f8; box-shadow:0 0 0 4px rgba(53,168,245,.12); }.phone-field>span { color:#56c1fa; }.phone-field button { color:#fff; background:linear-gradient(145deg,#117cca,#35b5f7); }
.trust-row { width:100%; justify-content:space-between; gap:8px; margin-top:25px; color:#d0cfda; font-size:9.5px; }.trust-row i { color:#42baf8; }
.outside-note { width:100%; margin:15px 0 0; padding-left:40px; color:#9d9aa8; text-align:left; font-size:11px; }.outside-note strong { color:#45bcfb; font-size:13px; font-variant-numeric:tabular-nums; text-shadow:0 0 14px rgba(49,176,244,.42); }
.activity-note { display:none; }
@media(max-width:480px){.intro-wrap{width:calc(100% - 28px)}.intro-card{min-height:408px;padding:27px 23px 24px}.brand-image-main{width:70px;margin-bottom:25px}.intro-card h1{font-size:28px;line-height:1.2}.subtitle{font-size:15.5px}.trust-row{font-size:8.7px}.outside-note{padding-left:39px;font-size:10px}}

/* Dense animated blue binary rain shared by every non-Telegram stage. */
.sr-only { width:1px!important; height:1px!important; padding:0!important; position:absolute!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.code-rain[data-binary-rain] { inset:0; color:#188fd0; font:700 11px/1.08 ui-monospace,SFMono-Regular,Menlo,monospace; opacity:1; mask-image:linear-gradient(to bottom,rgba(0,0,0,.86) 0%,#000 15%,#000 78%,rgba(0,0,0,.52) 100%); }
.code-rain[data-binary-rain] span { left:var(--left)!important; text-align:center; }
.code-rain[data-binary-rain] .binary-base { width:10px; top:0; opacity:.22; text-shadow:none; will-change:transform; animation:binaryBaseRain var(--base-duration) linear var(--base-delay) infinite!important; }
.code-rain[data-binary-rain] .binary-trail { width:11px; top:-42%; color:#35b9f2; opacity:.98; text-shadow:none; animation:binaryTrailFall var(--duration) linear var(--delay) infinite!important; }
.code-rain[data-binary-rain] .binary-base b { display:block; margin:0; font:inherit; font-weight:700; }
.code-rain[data-binary-rain] .binary-trail b { display:block; margin:0; opacity:var(--char-opacity); font:inherit; font-weight:800; }
@keyframes binaryBaseRain { from { transform:translateY(-50%); } to { transform:translateY(0); } }
@keyframes binaryTrailFall { from { transform:translateY(-18vh); } to { transform:translateY(160vh); } }

/* First stage: forced two-line title, compact centered checklist and counter. */
.intro-card h1 { max-width:400px; font-size:clamp(25px,5.9vw,32px); line-height:1.2; letter-spacing:-1.25px; }
.intro-card h1>span { display:block; white-space:nowrap; }
.trust-row { width:auto; justify-content:center; gap:14px; }
.outside-note { padding-left:0; text-align:center; }

/* Second stage: progress layout inspired by the supplied reference, in hacker-blue. */
.search-stage { min-height:100svh; padding:30px 14px; background:#010205; }
.search-shell { width:min(430px,100%); position:relative; z-index:2; }
.simulation-tag { margin:0 0 10px; color:#4cbcf7; text-align:center; font-size:9px; font-weight:800; letter-spacing:1.45px; }
.analysis-summary,.analysis-items article,.privacy-card { background:rgba(5,12,20,.94); border:1px solid rgba(70,165,222,.27); box-shadow:0 18px 48px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter:blur(10px); }
.analysis-summary { display:grid; grid-template-columns:58px 1fr auto; gap:13px; align-items:center; padding:18px 20px; border-radius:20px; }
.analysis-ring { --progress:0deg; width:55px; height:55px; display:grid; place-items:center; position:relative; background:conic-gradient(#2ab0f3 var(--progress),#1a2835 0); border-radius:50%; }
.analysis-ring::after { content:""; position:absolute; inset:6px; background:#07101a; border-radius:50%; }
.analysis-ring span { position:relative; z-index:1; color:#6dcfff; font-size:10px; font-weight:800; }
.analysis-identity { min-width:0; display:flex; flex-direction:column; gap:5px; }
.analysis-identity strong { overflow:hidden; color:#f4f8fb; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.analysis-identity small { width:max-content; max-width:100%; padding:4px 8px; color:#78d6ff; background:rgba(35,164,226,.12); border-radius:99px; font-size:8px; }
.analysis-identity i { display:inline-block; width:6px; height:6px; margin-right:5px; background:#35b8f4; border-radius:50%; box-shadow:0 0 9px #35b8f4; }
.analysis-percent { display:flex; align-items:flex-end; flex-direction:column; }
.analysis-percent strong { color:#45c3ff; font-size:27px; line-height:1; }
.analysis-percent small { margin-top:4px; color:#71869a; font-size:9px; }
.analysis-summary .search-progress { grid-column:1/-1; width:100%; height:6px; margin-top:3px; overflow:hidden; background:#182735; border-radius:99px; }
.analysis-summary .search-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#087bc9,#38c1fa); border-radius:inherit; box-shadow:0 0 12px rgba(48,190,250,.55); transition:width .55s ease; }
.analysis-wait { grid-column:1/-1; text-align:center; }
.analysis-phase { width:max-content; margin:0 auto 6px; display:block; padding:4px 9px; color:#35cb80; background:rgba(29,172,99,.12); border:1px solid rgba(41,196,119,.24); border-radius:99px; font-size:8px; font-weight:800; letter-spacing:1px; line-height:1; }
.analysis-wait strong { color:#56bce9; font-size:10px; letter-spacing:1px; }
.analysis-wait p { min-height:17px; margin:5px 0 0; color:#93a8ba; font-size:11px; }
.analysis-items { display:grid; gap:9px; margin-top:14px; }
.analysis-items article[hidden] { display:none!important; }
.analysis-items article { min-height:68px; display:grid; grid-template-columns:42px 1fr 22px; gap:11px; align-items:center; padding:11px 14px; border-radius:15px; transition:border-color .3s ease,transform .3s ease; }
.analysis-items article.scanning { border-color:rgba(52,187,248,.68); transform:translateX(3px); }
.analysis-items article.done { border-color:rgba(58,192,247,.31); }
.analysis-items article>div { min-width:0; }
.analysis-items strong,.analysis-items small { display:block; }
.analysis-items strong { color:#eef7fd; font-size:12px; }
.analysis-items small { margin-top:3px; color:#6f879b; font-size:9px; }
.analysis-icon { width:40px; height:40px; display:grid; place-items:center; color:#4fc7ff; background:rgba(28,166,230,.12); border-radius:11px; font-size:19px; }
.analysis-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.analysis-icon.pink{color:#ee77be;background:rgba(238,119,190,.1)}.analysis-icon.amber{color:#ffbd55;background:rgba(255,189,85,.1)}.analysis-icon.violet{color:#9f9cff;background:rgba(159,156,255,.1)}.analysis-icon.aqua{color:#48dcc3;background:rgba(72,220,195,.1)}
.row-loader { width:18px; height:18px; display:block; border:2px solid #1d3547; border-top-color:#3cbdf8; border-radius:50%; animation:scanRotate 1s linear infinite; }
.done .row-loader { border:0; animation:none; }
.done .row-loader::after { content:"✓"; color:#43c5ff; font-style:normal; font-weight:900; }
.privacy-card { display:flex; align-items:center; flex-direction:column; margin-top:14px; padding:17px; text-align:center; border-radius:17px; }
.privacy-card>span { width:42px; height:42px; display:grid; place-items:center; margin-bottom:8px; background:rgba(42,176,238,.12); border-radius:50%; }
.privacy-card strong { color:#5ecbfa; font-size:11px; }
.privacy-card small { margin-top:3px; color:#74899c; font-size:9px; }

/* Offer keeps its content while inheriting the same hacker backdrop. */
.offer-stage { position:relative; isolation:isolate; overflow:hidden; background:#010205; }
.offer-stage .offer-matrix,.offer-stage .offer-rain { position:fixed; z-index:0; height:100svh; }
.offer-stage .offer-rain { opacity:1; }
.offer-wrap,footer { position:relative; z-index:1; }

@media(max-width:480px){.intro-wrap{width:calc(100% - 20px)}.intro-card{padding:27px 18px 24px}.intro-card h1{font-size:clamp(22px,7.1vw,28px)}.trust-row{gap:10px;font-size:8.5px}.outside-note{padding-left:0}.search-stage{padding:20px 10px}.analysis-summary{padding:15px}.analysis-items article{min-height:63px}}

/* Vertical offer preview modeled on the supplied reference. */
.offer-preview-panel { width:min(430px,100%); margin:0 auto; padding:18px 16px 8px; text-align:left; background:rgba(3,9,11,.98); border:1px solid rgba(119,160,177,.24); border-radius:18px; box-shadow:0 28px 80px rgba(0,0,0,.42); }
.preview-feature { padding:0 6px 27px; }
.preview-feature+.preview-feature { padding-top:28px; border-top:1px solid rgba(137,163,174,.2); }
.preview-feature header { display:flex; align-items:flex-start; justify-content:center; gap:11px; margin:0 auto 16px; }
.preview-feature header>div { max-width:290px; }
.preview-feature h3 { margin:0 0 4px; color:#f1f5f7; font:700 14px/1.2 "DM Sans",sans-serif; }
.preview-feature header p { margin:0; color:#9aa8ae; font-size:10px; line-height:1.4; }
.preview-icon { color:#35b9f2; font-size:20px; line-height:1; }

.media-mosaic { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:7px; aspect-ratio:1; }
.locked-media { --scene:linear-gradient(145deg,#242f37,#11181d); min-width:0; position:relative; overflow:hidden; background:#11191e; border:1px solid rgba(164,181,190,.2); border-radius:10px; }
.locked-media::before { content:""; position:absolute; inset:-10px; background:var(--scene); filter:blur(7px); transform:scale(1.08); }
.locked-media>img { width:100%; height:100%; display:block; position:absolute; z-index:1; inset:0; object-fit:cover; filter:blur(9px) brightness(.72); transform:scale(1.16); }
.locked-media.media-large { grid-column:span 2; grid-row:span 2; }
.shot-one{--scene:radial-gradient(circle at 27% 32%,#74584b 0 12%,transparent 30%),linear-gradient(130deg,#35231f,#675148 48%,#171b20 49%,#271b1b)}
.shot-two{--scene:linear-gradient(145deg,#211a1d,#815847 45%,#191d21)}.shot-three{--scene:linear-gradient(135deg,#35464b,#131b21 48%,#685b4b)}
.shot-four{--scene:linear-gradient(155deg,#152329,#554234 52%,#171a1f)}.shot-five{--scene:linear-gradient(125deg,#183d3d,#6a8178 47%,#11191e)}
.shot-six{--scene:radial-gradient(circle at 65% 24%,#856948 0 10%,transparent 27%),linear-gradient(140deg,#163b3a,#12191e)}
.lock-symbol { width:13px; height:11px; display:block; position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-34%); border:1.5px solid #fff; border-radius:2px; }
.lock-symbol::before { content:""; width:7px; height:7px; position:absolute; top:-8px; left:1.5px; border:1.5px solid #fff; border-bottom:0; border-radius:7px 7px 0 0; }

.map-preview { width:min(280px,100%); margin:0 auto; overflow:hidden; background:#171d21; border:1px solid rgba(176,190,196,.18); border-radius:12px; }
.map-art { height:145px; display:grid; place-items:center; position:relative; overflow:hidden; background-color:#dfe3e4; background-image:linear-gradient(25deg,transparent 46%,rgba(155,166,174,.72) 47% 49%,transparent 50%),linear-gradient(90deg,rgba(174,187,196,.75) 2px,transparent 2px),linear-gradient(rgba(174,187,196,.65) 2px,transparent 2px),linear-gradient(145deg,transparent 62%,rgba(220,197,139,.48) 63% 67%,transparent 68%); background-size:100% 100%,42px 42px,42px 42px,100% 100%; }
.map-art::after { content:""; width:120%; height:16px; position:absolute; transform:rotate(-14deg); background:#eef1f2; border:2px solid rgba(166,177,185,.55); }
.map-marker { width:42px; height:42px; display:grid; place-items:center; z-index:2; color:#fff; background:linear-gradient(145deg,#35bfff,#1689db); border:5px solid #fff; border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,.2); transform:rotate(-22deg); }
.map-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 13px 13px; }
.map-caption div { display:flex; min-width:0; flex-direction:column; }.map-caption strong { font-size:11px; }.map-caption small { margin-top:3px; color:#77868d; font-size:8px; }
.map-caption button { min-width:73px; height:30px; color:#dfe9ee; background:#222a2f; border:0; border-radius:7px; font-size:9px; }

.stories-preview { width:min(320px,100%); display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 auto; }
.story-card { --story-scene:linear-gradient(145deg,#342a23,#10171c); aspect-ratio:.58; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; background:#12191e; border:1px solid rgba(179,192,198,.28); border-radius:12px; }
.story-card::before { content:""; position:absolute; inset:-12px; background:var(--story-scene); filter:blur(6px); transform:scale(1.08); }.story-one{--story-scene:radial-gradient(circle at 73% 14%,#7a6c36 0 7%,transparent 18%),linear-gradient(160deg,#20231b,#6b4d29 45%,#12191d)}.story-two{--story-scene:linear-gradient(155deg,#1b3232,#715540 48%,#17261d 72%,#0e1518)}
.story-card .lock-symbol { top:49%; }.story-card>small { position:absolute; z-index:2; bottom:22%; left:0; right:0; color:#fff; text-align:center; font-size:8px; }
.story-dot { width:8px; height:8px; position:absolute; z-index:2; top:8px; right:8px; background:#777; border-radius:50%; }.story-dot.online { background:#28d274; box-shadow:0 0 6px rgba(40,210,116,.75); }

.chat-preview { min-height:174px; padding:10px 18px 12px 10px; position:relative; overflow:hidden; background:#071117; border:1px solid rgba(145,171,184,.26); border-radius:17px; }
.chat-preview-head { display:flex; align-items:center; gap:8px; margin-bottom:12px; }.tg-avatar { width:31px; height:31px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#40baf9,#157fc9); border:3px solid #fff; border-radius:50%; transform:rotate(-20deg); }
.chat-preview-head>div { display:flex; flex:1; flex-direction:column; }.chat-preview-head strong { font-size:10px; }.chat-preview-head small { color:#44d28c; font-size:8px; }.chat-preview-head small i { display:inline-block; width:5px; height:5px; margin-right:3px; background:#44d28c; border-radius:50%; }.chat-actions { color:#d8e2e8; font-size:13px; }
.demo-message { width:max-content; max-width:82%; margin-top:7px; padding:10px 12px; color:#fff; border-radius:11px; font-size:9px; line-height:1.35; }.demo-message.received { background:#3a4146; }.demo-message.sent { margin-left:auto; background:linear-gradient(135deg,#168fd9,#37b9f5); }.demo-message.sent span { margin-left:4px; }
.chat-scroll { width:10px; position:absolute; top:50px; right:6px; bottom:10px; background:#eef1f2; border-radius:99px; }.chat-scroll i { display:block; width:6px; height:49px; margin:12px auto 0; background:#b4b9bd; border-radius:99px; }

@media(max-width:480px){.offer-preview-panel{padding:16px 11px 7px}.preview-feature{padding-left:3px;padding-right:3px}.preview-feature h3{font-size:13px}.preview-feature header p{font-size:9px}.map-art{height:130px}}

/* Offer headline, completion callout and post-CTA composition. */
.offer-wrap>h1.offer-title-compact { max-width:660px; margin:23px auto 34px; font-size:clamp(33px,4.8vw,53px); line-height:1.04; letter-spacing:-2.5px; }
.offer-title-compact span { display:block; white-space:nowrap; }
.offer-title-compact em { color:transparent; background:linear-gradient(105deg,#158ddd 5%,#45c4ff 52%,#6c75ff 100%); background-clip:text; -webkit-background-clip:text; font-style:normal; }
.success-note { margin-bottom:14px; }
.completion-callout { width:min(500px,100%); display:flex; flex-direction:column; margin:0 auto 10px; padding:21px 22px; color:#f4f5fb; background:linear-gradient(135deg,rgba(21,88,137,.24),rgba(22,123,184,.18)); border:1px solid rgba(62,177,240,.36); border-radius:17px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.completion-callout strong { font-size:18px; line-height:1.25; }.completion-callout span { margin-top:5px; font-size:17px; line-height:1.35; }
.post-offer-stack { width:min(580px,100%); display:grid; gap:22px; margin:42px auto 0; padding-bottom:72px; }
.testimonial-panel,.compact-faq { padding:30px 28px; background:rgba(4,10,13,.96); border:1px solid rgba(125,158,172,.25); border-radius:18px; box-shadow:0 22px 64px rgba(0,0,0,.3); }
.testimonial-panel h2,.compact-faq h2 { margin:0 0 23px; color:#f5f7f8; text-align:center; font-size:21px; line-height:1.25; letter-spacing:-.35px; }
.testimonial-panel h2 em { color:#38bafb; font-style:normal; }
.testimonial-quote { padding:18px; text-align:left; background:#0b1317; border-radius:12px; }
.testimonial-quote[hidden]{display:none!important}.testimonial-quote:not([hidden]){animation:testimonialReveal .35s ease both}
.testimonial-head { display:flex; align-items:center; gap:10px; }.testimonial-avatar { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; color:#fff; background:linear-gradient(145deg,#2da8ed,#176ca4); border:2px solid rgba(255,255,255,.65); border-radius:50%; font-size:10px; font-weight:900; }.testimonial-head div { display:flex; flex-direction:column; }.testimonial-head strong { font-size:12px; }.testimonial-head small { margin-top:2px; color:#49c2ff; font-size:8px; }
.testimonial-quote p { margin:14px 0 0; color:#c3cbd0; font-size:11px; line-height:1.65; }
.testimonial-dots { display:flex; justify-content:center; gap:6px; margin-top:15px; }.testimonial-dots i { width:7px; height:7px; background:#4e565b; border-radius:50%; }.testimonial-dots i:first-child { width:19px; background:#29aef2; border-radius:99px; }
.testimonial-dot{width:7px;height:7px;padding:0;background:#4e565b;border:0;border-radius:50%;cursor:pointer;transition:width .25s ease,background .25s ease}.testimonial-dot.active{width:19px;background:#29c477;border-radius:99px}@keyframes testimonialReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.responsibility-alert { display:flex; align-items:center; justify-content:center; gap:10px; padding:15px 18px; color:#ffb8b8; background:rgba(127,16,20,.7); border:1px solid rgba(238,57,63,.48); border-radius:8px; }.responsibility-alert>span { color:#ff7376; font-size:18px; }.responsibility-alert p { margin:0; font-size:10px; line-height:1.45; }
.compact-faq h2 { margin-bottom:24px; }.compact-faq details { margin-top:9px; overflow:hidden; background:#111a1f; border:1px solid rgba(133,157,168,.19); border-radius:8px; }.compact-faq summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; cursor:pointer; list-style:none; color:#e9eef0; text-align:left; font-size:11px; }.compact-faq summary::-webkit-details-marker { display:none; }.compact-faq summary i { color:#48bbf5; font-size:17px; font-style:normal; transition:transform .2s ease; }.compact-faq details[open] summary i { transform:rotate(45deg); }.compact-faq details p { margin:0; padding:0 16px 15px; color:#91a0a8; text-align:left; font-size:10px; line-height:1.55; }
.guarantee-card { display:flex; align-items:center; justify-content:center; gap:12px; padding:20px 22px; color:#c9fff0; text-align:left; background:rgba(0,77,58,.22); border:1px solid rgba(25,211,155,.42); border-radius:12px; }.guarantee-card>span { color:#32dba7; font-size:22px; }.guarantee-card h3 { margin:0 0 4px; color:#37dfa9; font-size:14px; }.guarantee-card p { max-width:390px; margin:0; color:#8faaa2; font-size:10px; line-height:1.5; }
@media(max-width:760px){.offer-wrap>h1.offer-title-compact{font-size:clamp(29px,7.6vw,38px);letter-spacing:-1.7px}.post-offer-stack{width:min(430px,100%)}.testimonial-panel,.compact-faq{padding:25px 20px}}
@media(max-width:430px){.offer-title-compact span{white-space:nowrap}.completion-callout{padding:17px 15px}.completion-callout strong{font-size:15px}.completion-callout span{font-size:13px}.testimonial-panel h2,.compact-faq h2{font-size:18px}}

/* Enlarged centered benefit headings and vertical CTA card from the supplied reference. */
.preview-feature header { align-items:center; flex-direction:column; gap:9px; text-align:center; }
.preview-feature header>div { max-width:350px; }
.preview-feature h3 { margin-bottom:6px; font-size:18px; line-height:1.2; }
.preview-feature header p { color:#a9b5ba; font-size:12px; line-height:1.45; }
.preview-icon { font-size:22px; }
.preview-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.flow-arrow { width:34px; height:34px; display:grid; place-items:center; margin:12px auto; }
.flow-arrow i,.preview-feature+.preview-feature::before { width:12px; height:12px; display:block; border-right:2px solid #3cbcf8; border-bottom:2px solid #3cbcf8; transform:rotate(45deg); animation:flowArrowPulse 1.35s ease-in-out infinite; }
.preview-feature { position:relative; }
.preview-feature+.preview-feature { padding-top:45px; }
.preview-feature+.preview-feature::before { content:""; position:absolute; top:10px; left:calc(50% - 6px); }
@keyframes flowArrowPulse { 0%,100% { opacity:.28; transform:translateY(-3px) rotate(45deg); } 50% { opacity:1; transform:translateY(3px) rotate(45deg); } }

.pricing.cta-offer-card { width:min(580px,100%); display:block; margin:12px auto; padding:38px 30px 32px; text-align:center; background:rgba(4,10,13,.97); border:1px solid rgba(130,161,174,.25); border-radius:22px; box-shadow:0 28px 80px rgba(0,0,0,.42); }
.cta-offer-logo { width:105px; margin:0 auto 24px; }
.cta-offer-card>h2 { max-width:460px; margin:0 auto 24px; color:#f5f7f8; font-size:23px; line-height:1.25; letter-spacing:-.55px; }
.cta-offer-card>h2 em { color:transparent; background:linear-gradient(105deg,#168ddd,#47c4ff 55%,#6f75ff); background-clip:text; -webkit-background-clip:text; font-style:normal; }
.cta-price-box { padding:24px 18px 20px; background:rgba(4,10,14,.82); border:1px solid rgba(48,166,232,.48); border-radius:16px; }
.cta-price-box>s { display:block; margin-bottom:5px; color:#74828a; font-size:14px; }
.cta-price { display:flex; align-items:flex-end; justify-content:center; color:#39bafb; line-height:1; }.cta-price strong { font-size:58px; letter-spacing:-3px; }.cta-price sup { margin:0 0 6px 3px; font-size:25px; font-weight:800; }
.cta-assurances { display:flex; align-items:center; justify-content:center; gap:22px; margin-top:16px; color:#9daab1; font-size:10px; }.cta-assurances span::first-letter { color:#39bafb; }
.cta-feature-list { display:grid; gap:11px; margin:23px 0 28px; padding:0; list-style:none; }
.cta-feature-list li { min-height:51px; display:flex; align-items:center; gap:13px; padding:12px 15px; color:#e4eaed; text-align:left; background:#11191d; border:1px solid rgba(131,153,163,.17); border-radius:11px; font-size:12px; line-height:1.35; }.cta-feature-list i { color:#39bafb; font-size:16px; font-style:normal; }
.cta-access-button { min-height:106px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; margin:0; color:#fff; background:linear-gradient(110deg,#168bd8,#36bafa 62%,#6474ff); border-radius:16px; box-shadow:0 14px 34px rgba(36,166,235,.32); }.cta-access-button strong { font-size:20px; }.cta-access-button small { color:rgba(255,255,255,.9); font-size:12px; font-weight:700; }
@media(max-width:600px){.preview-feature h3{font-size:17px}.preview-feature header p{font-size:11px}.pricing.cta-offer-card{padding:32px 16px 25px}.cta-offer-logo{width:92px}.cta-offer-card>h2{font-size:20px}.cta-price strong{font-size:52px}.cta-assurances{gap:9px;font-size:8.7px}.cta-feature-list li{font-size:11px}.cta-access-button{min-height:96px}.cta-access-button strong{font-size:18px}.completion-callout span{font-size:15px}.flow-arrow{margin:9px auto}}

/* Larger protected previews, supplied story imagery and corrected offer icons. */
.map-preview { width:min(330px,100%); }
.map-art { height:175px; }
.stories-preview { width:min(360px,100%); gap:14px; }
.story-card { aspect-ratio:.62; }
.story-card>img { width:100%; height:100%; position:absolute; z-index:1; inset:0; object-fit:cover; filter:blur(5px) brightness(.64); transform:scale(1.08); }
.story-card::before { opacity:.22; z-index:1; }
.story-card .story-dot,.story-card .lock-symbol,.story-card>small { z-index:3; }
.responsibility-alert>span,.guarantee-card>span { width:25px; height:25px; display:grid; place-items:center; flex:0 0 auto; }
.responsibility-alert>span svg,.guarantee-card>span svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:480px){.map-art{height:158px}.stories-preview{width:min(350px,100%);gap:12px}}

/* Green Espia Hub identity and the new social-network investigation step. */
:root { --blue:#18a968; --blue-bright:#35d88b; --line:rgba(73,205,139,.2); }
.intro-stage,.search-stage,.social-stage { background:radial-gradient(circle at 50% 18%,#0b281d 0,#040b08 50%,#010302 100%); }
.matrix { background-image:linear-gradient(rgba(35,190,115,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(35,190,115,.11) 1px,transparent 1px); }
.matrix::before { background:#26d07f; }.matrix::after { background:#087845; }
.code-rain[data-binary-rain] { color:#139b5d; }
.code-rain[data-binary-rain] .binary-trail { color:#42e696; }
.brand-image { filter:hue-rotate(-65deg) saturate(1.2) drop-shadow(0 14px 30px rgba(25,208,123,.16)); }
.intro-card { background:linear-gradient(145deg,rgba(7,25,17,.96),rgba(2,10,6,.97)); border-color:rgba(65,207,137,.25); }
.intro-card h1 em,.offer-title-compact em,.cta-offer-card>h2 em { background:linear-gradient(105deg,#18a968,#49e49d 58%,#a1f4c9); background-clip:text; -webkit-background-clip:text; }
.spy-cta,.phone-field button,.offer-topbar a,.cta-access-button { background:linear-gradient(110deg,#0f985a,#31d684 62%,#66e7a6); box-shadow:0 15px 34px rgba(24,180,106,.28); }
.spy-cta:hover { box-shadow:0 18px 40px rgba(36,208,126,.36); }
.phone-field { border-color:rgba(51,210,135,.46); }.phone-field:focus-within { border-color:#40de93; box-shadow:0 0 0 4px rgba(53,216,139,.12); }.phone-field>span { color:#49df96; }
.outside-note strong,.simulation-tag { color:#48de95; text-shadow:0 0 14px rgba(49,218,143,.34); }

.social-stage { min-height:100svh; padding:26px 14px; position:relative; place-items:center; overflow:hidden; }
.social-stage.active { display:grid; }
.social-shell { width:min(430px,100%); position:relative; z-index:2; }
.social-heading { margin-bottom:14px; padding:19px 18px; text-align:center; background:rgba(4,16,10,.94); border:1px solid rgba(66,207,139,.28); border-radius:19px; box-shadow:0 18px 48px rgba(0,0,0,.34); }
.social-heading>span,.deep-scan-heading>span { color:#48df95; font-size:9px; font-weight:800; letter-spacing:1.5px; }
.social-heading h2,.deep-scan-heading h2 { margin:7px auto; color:#f2faf6; font-size:20px; line-height:1.22; letter-spacing:-.45px; }
.social-heading h2 strong,.deep-scan-heading h2 strong { display:block; margin-top:5px; color:#66e9aa; font-size:15px; letter-spacing:0; }
.social-heading p { margin:7px auto 0; color:#7e9d8d; font-size:10px; line-height:1.45; }
.social-network-list { display:grid; gap:9px; }
.social-network-list article { min-height:76px; display:grid; grid-template-columns:48px 1fr 22px; gap:12px; align-items:center; padding:12px 14px; color:#edf8f2; background:rgba(4,15,10,.95); border:1px solid rgba(67,167,119,.24); border-radius:16px; transition:.28s ease; }
.social-network-list article.scanning { border-color:rgba(59,224,143,.78); transform:translateX(3px); box-shadow:0 0 0 1px rgba(53,211,132,.1),0 13px 32px rgba(0,0,0,.25); }
.social-network-list article.done { border-color:rgba(61,205,132,.36); }.social-network-list article.found { background:linear-gradient(115deg,rgba(8,50,31,.97),rgba(4,19,12,.97)); border-color:#2ed383; }
.social-network-list article>div { min-width:0; }.social-network-list strong,.social-network-list small { display:block; }.social-network-list strong { font-size:14px; }.social-network-list small { margin-top:4px; overflow:hidden; color:#718e7f; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }.social-network-list article.found small { color:#5de29e; }
.network-icon { width:44px; height:44px; display:grid; place-items:center; color:#fff; border-radius:13px; }.network-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.network-icon.whatsapp{background:#25d366}.network-icon.whatsapp svg{width:27px;height:27px;display:block;fill:currentColor;stroke:none;overflow:visible}.network-icon.instagram{background:linear-gradient(135deg,#7442d8,#e04e88 55%,#f2a33d)}.network-icon.telegram{background:#229ed9}
.network-state { width:19px; height:19px; display:block; border:2px solid #1b3c2b; border-top-color:#35da8a; border-radius:50%; opacity:.34; }.scanning .network-state { opacity:1; animation:scanRotate .8s linear infinite; }.done .network-state { border:0; opacity:1; animation:none; }.done .network-state::after { content:"✓"; color:#44df94; font-style:normal; font-weight:900; }.found .network-state::after { content:"!"; width:19px; height:19px; display:grid; place-items:center; color:#03170d; background:#48e097; border-radius:50%; }
.social-scan-status { margin:12px 0; padding:13px 15px; text-align:center; background:rgba(4,15,10,.9); border:1px solid rgba(65,181,124,.2); border-radius:14px; }.social-progress { height:6px; overflow:hidden; background:#153025; border-radius:99px; }.social-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#118e53,#4ae39a); border-radius:inherit; box-shadow:0 0 12px rgba(69,224,151,.52); transition:width .6s ease; }.social-scan-status p { min-height:15px; margin:8px 0 0; color:#87a898; font-size:10px; }
.social-found { padding:14px; background:linear-gradient(145deg,rgba(9,51,32,.98),rgba(3,19,11,.98)); border:1px solid rgba(63,224,146,.5); border-radius:17px; animation:foundReveal .4s ease both; }.social-found[hidden] { display:none!important; }.social-found>div { display:flex; align-items:center; gap:10px; margin-bottom:12px; }.social-found>div>span { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; color:#041a0f; background:#49e19a; border-radius:50%; font-weight:900; }.social-found p { margin:0; }.social-found strong,.social-found small { display:block; }.social-found strong { color:#effbf5; font-size:12px; }.social-found small { margin-top:3px; color:#81a995; font-size:9px; }
.investigate-telegram { width:100%; min-height:55px; display:flex; align-items:center; justify-content:center; gap:9px; color:#03170d; background:linear-gradient(110deg,#1ebc70,#58eca6); border:0; border-radius:13px; box-shadow:0 0 0 0 rgba(55,224,143,.45); cursor:pointer; font-weight:900; text-transform:uppercase; letter-spacing:.25px; animation:telegramCtaPulse 1.35s ease-in-out infinite; }.investigate-telegram span { font-size:20px; }
@keyframes telegramCtaPulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(55,224,143,.38); } 50% { transform:scale(1.025); box-shadow:0 0 0 9px rgba(55,224,143,0); } }
@keyframes foundReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

.deep-scan-heading { margin:0 0 12px; padding:17px 18px; text-align:center; background:rgba(4,16,10,.94); border:1px solid rgba(66,207,139,.25); border-radius:17px; }
.deep-scan-heading h2 { font-size:18px; }
.analysis-summary,.analysis-items article,.privacy-card { background:rgba(4,15,10,.95); border-color:rgba(67,190,128,.27); }
.analysis-ring { background:conic-gradient(#31d988 var(--progress),#183429 0); }.analysis-ring::after { background:#06140d; }.analysis-ring span,.analysis-percent strong { color:#55e69e; }.analysis-identity small { color:#67e8aa; background:rgba(35,197,116,.13); }.analysis-identity i { background:#42dc91; box-shadow:0 0 9px #42dc91; }.analysis-summary .search-progress { background:#173328; }.analysis-summary .search-progress span { background:linear-gradient(90deg,#118e53,#45df95); box-shadow:0 0 12px rgba(48,220,140,.5); }.analysis-wait strong,.privacy-card strong { color:#54df99; }.analysis-items article.scanning { border-color:rgba(52,218,139,.7); }.analysis-items article.done { border-color:rgba(58,201,133,.32); }.analysis-icon { color:#50e39a; background:rgba(38,196,121,.12); }.row-loader { border-color:#1b3c2b; border-top-color:#3ddd90; }.done .row-loader::after { color:#43de93; }.privacy-card>span { background:rgba(42,207,129,.13); }
.evidence-banner { min-height:62px; display:flex; align-items:center; gap:11px; margin-top:12px; padding:12px 15px; background:rgba(47,20,9,.94); border:1px solid rgba(247,163,64,.52); border-radius:15px; animation:foundReveal .35s ease both; }.evidence-banner[hidden] { display:none!important; }.evidence-banner>span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; color:#241002; background:#ffb34f; border-radius:50%; font-weight:900; }.evidence-banner strong,.evidence-banner small { display:block; }.evidence-banner strong { color:#fff1db; font-size:11px; }.evidence-banner small { margin-top:3px; color:#b89b79; font-size:9px; }

.offer-stage { background:radial-gradient(circle at 50% 0,#0b271b 0,#030a07 34%,#010302 100%); }.offer-topbar { border-bottom-color:rgba(62,210,138,.24); }.completion-callout { background:linear-gradient(135deg,rgba(14,99,57,.28),rgba(20,128,73,.18)); border-color:rgba(58,218,139,.4); }.preview-icon,.testimonial-panel h2 em,.testimonial-head small,.compact-faq summary i { color:#42df93; }.flow-arrow i,.preview-feature+.preview-feature::before { border-color:#42df93; }.cta-price-box { border-color:rgba(54,213,137,.5); }.cta-price,.cta-feature-list i { color:#42df93; }.testimonial-avatar { background:linear-gradient(145deg,#28c77b,#117345); }.testimonial-dots i:first-child { background:#35d88b; }.target-card>span { color:#49df96; border-color:#246343; }

.archived-row { width:100%; min-height:54px; display:grid; grid-template-columns:48px 1fr auto; gap:11px; align-items:center; padding:4px 15px 5px 6px; color:#172029; text-align:left; background:#f6f8f9; border:0; border-bottom:1px solid #e3e7e9; cursor:pointer; }.archive-icon { width:42px; height:42px; display:grid; place-items:center; color:#168eed; background:#e5f3fd; border-radius:50%; }.archive-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.archived-row>span:nth-child(2) { min-width:0; }.archived-row strong,.archived-row small { display:block; }.archived-row strong { font-size:14px; }.archived-row small { margin-top:2px; color:#87919a; font-size:10px; filter:blur(3px); }.archived-row b { min-width:19px; height:19px; display:grid; place-items:center; color:#fff; background:#168eed; border-radius:99px; font-size:9px; }

@media(max-width:480px){.social-stage{padding:16px 10px}.social-heading{padding:16px 13px}.social-heading h2{font-size:18px}.social-network-list article{min-height:70px}.deep-scan-heading{padding:14px 12px}.deep-scan-heading h2{font-size:16px}.search-stage{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.investigate-telegram{animation:none}}

/* Final high-contrast palette: vivid green, deep green gradients, strong red findings. */
:root { --blue:#00d96f; --blue-bright:#16f187; --night:#000201; --line:rgba(21,235,126,.24); }
body { background:#000201; }
.intro-stage,.search-stage,.social-stage { background:radial-gradient(circle at 50% 13%,#071b11 0,#010503 47%,#000 100%); }
.offer-stage { background:radial-gradient(circle at 50% 0,#06180f 0,#010503 28%,#000 72%); }
.telegram-stage { background:#030706; }
.matrix { opacity:.2; background-image:linear-gradient(rgba(0,236,119,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,236,119,.1) 1px,transparent 1px); }
.matrix::before { background:#00ee78; opacity:.16; }.matrix::after { background:#004b2b; opacity:.18; }
.code-rain[data-binary-rain] { color:#00c866; }.code-rain[data-binary-rain] .binary-trail { color:#19f187; }
.brand-image { filter:hue-rotate(-65deg) saturate(1.65) contrast(1.06) drop-shadow(0 14px 30px rgba(0,238,119,.2)); }

.intro-card,.social-heading,.deep-scan-heading,.social-network-list article,.social-scan-status,.analysis-summary,.analysis-items article,.privacy-card { background:linear-gradient(145deg,rgba(2,17,9,.98),rgba(0,5,3,.99)); border-color:rgba(13,225,113,.32); }
.intro-card h1 em,.offer-title-compact em,.cta-offer-card>h2 em { background:linear-gradient(105deg,#16f187 5%,#00c866 52%,#064b2c 100%); background-clip:text; -webkit-background-clip:text; }
.subtitle strong,.trust-row i,.outside-note strong,.simulation-tag,.social-heading>span,.deep-scan-heading>span,.social-heading h2 strong,.deep-scan-heading h2 strong { color:#16f187; }
.spy-cta,.phone-field button,.offer-topbar a,.cta-access-button,.investigate-telegram,.main-cta { background:linear-gradient(110deg,#19ef85 0%,#00bb60 48%,#064b2c 100%); box-shadow:0 15px 34px rgba(0,218,108,.32); }
.spy-cta:hover { box-shadow:0 18px 42px rgba(0,239,121,.42); }
.phone-field { border-color:rgba(17,235,126,.58); }.phone-field:focus-within { border-color:#16f187; box-shadow:0 0 0 4px rgba(22,241,135,.14); }.phone-field>span { color:#16f187; }
.telegram-mark,.network-icon.telegram,.tg-avatar,.map-marker,.testimonial-avatar { background:linear-gradient(145deg,#16ee82,#075d36); box-shadow:0 8px 24px rgba(0,211,105,.24); }

.social-progress span,.analysis-summary .search-progress span { background:linear-gradient(90deg,#16ef83,#006b3c); box-shadow:0 0 14px rgba(12,239,124,.58); }
.analysis-ring { background:conic-gradient(#16f187 var(--progress),#10281d 0); }.analysis-ring span,.analysis-percent strong,.analysis-wait strong,.privacy-card strong,.analysis-icon { color:#16f187; }.analysis-identity small { color:#35f49a; background:rgba(0,211,105,.14); }.analysis-identity i { background:#16f187; box-shadow:0 0 10px #16f187; }.analysis-items article.scanning { border-color:#00e978; }.row-loader { border-color:#173a29; border-top-color:#16f187; }.done .row-loader::after { color:#16f187; }
.social-network-list article.scanning { border-color:#16f187; }.network-state { border-color:#173a29; border-top-color:#16f187; }.done .network-state::after { color:#16f187; }

/* Findings and warnings are deliberately strong red. */
.social-network-list article.found { background:linear-gradient(115deg,rgba(91,0,15,.98),rgba(25,0,5,.99)); border-color:#ff1838; box-shadow:0 0 0 1px rgba(255,24,56,.18),0 14px 34px rgba(56,0,8,.42); }
.social-network-list article.found small { color:#ff8091; }
.found .network-state::after { color:#fff; background:#ff1838; box-shadow:0 0 12px rgba(255,24,56,.62); }
.social-found { background:linear-gradient(145deg,rgba(104,0,18,.99),rgba(24,0,5,.99)); border-color:#ff1838; box-shadow:0 16px 38px rgba(62,0,10,.45); }
.social-found>div>span { color:#fff; background:#ff1838; box-shadow:0 0 14px rgba(255,24,56,.58); }.social-found strong { color:#fff; }.social-found small { color:#ff9eaa; }
.evidence-banner { background:linear-gradient(135deg,rgba(130,0,21,.98),rgba(37,0,7,.99)); border-color:#ff1736; box-shadow:0 14px 34px rgba(72,0,12,.42); }.evidence-banner>span { color:#fff; background:#ff1736; box-shadow:0 0 14px rgba(255,23,54,.62); }.evidence-banner strong { color:#fff; }.evidence-banner small { color:#ffacb6; }
.responsibility-alert { color:#fff; background:linear-gradient(110deg,#bd001f,#5a000e); border-color:#ff1736; }.responsibility-alert>span { color:#fff; }

/* Remove the remaining blue accents from the Telegram simulation. */
.demo-ribbon { color:#dffff0; background:#00140a; border-bottom:1px solid rgba(0,223,111,.2); }.demo-ribbon strong { color:#16f187; }.demo-ribbon span { color:#8ca99a; }
.telegram-capsule { background:linear-gradient(105deg,#16e77f,#075c35); }
.plain-button,.tab-bar button.active { color:#00c967; }
.chat-meta i,.archived-row b { background:#00c967; }
.archive-icon { color:#00bd61; background:#e0f8eb; }
.panel-note { color:#008f4c; background:#e4f9ed; }
.settings-symbol { color:#00a957; background:#ddf8e9; }
.unlock-hint { background:rgba(2,24,13,.94); border-color:rgba(0,226,112,.5); }.unlock-hint>span { color:#16f187; background:#063c23; }
.avatar.blue,.avatar.aqua { background:#20a866; }

/* Offer and supporting components use only green-to-dark-green accents. */
.offer-topbar { background:rgba(0,5,3,.96); border-bottom-color:rgba(13,226,113,.3); }
.completion-callout { background:linear-gradient(135deg,rgba(8,102,55,.42),rgba(1,28,15,.86)); border-color:rgba(15,231,120,.55); }
.section-heading>span,.pricing-copy>span,.preview-icon,.testimonial-panel h2 em,.testimonial-head small,.compact-faq summary i,.brand-lockup strong>span,.step-label,.search-number,.benefit-icon,.price-card>span,.cta-price,.cta-feature-list i { color:#16f187; }
.flow-arrow i,.preview-feature+.preview-feature::before { border-color:#16f187; }
.cta-price-box { border-color:rgba(18,236,124,.58); background:linear-gradient(145deg,rgba(2,20,11,.9),rgba(0,5,3,.95)); }
.cta-assurances span::first-letter { color:#16f187; }
.target-card>span { color:#16f187; border-color:#087b45; }
.target-avatar { background:linear-gradient(145deg,#20f08a,#08723f); }
.testimonial-dots i:first-child { background:#16f187; }.testimonial-avatar { box-shadow:none; }
.demo-message.sent { background:linear-gradient(135deg,#13d978,#07552f); }
.toast { color:#dbffec; background:#032416; border-color:#0dae60; }
.price-card,.pricing.cta-offer-card,.offer-preview-panel,.testimonial-panel,.compact-faq { border-color:rgba(15,205,104,.28); }

/* Refined medium-green scale, pure-red findings and Telegram brand blue. */
:root { --blue:#18ad67; --blue-bright:#25c878; --line:rgba(34,190,113,.25); }
.matrix::before { background:#22bd70; }.matrix::after { background:#0c7445; }
.code-rain[data-binary-rain] { color:#149457; }.code-rain[data-binary-rain] .binary-trail { color:#25bf73; }
.brand-image { filter:hue-rotate(-65deg) saturate(1.35) contrast(1.04) drop-shadow(0 14px 30px rgba(19,177,101,.18)); }
.intro-card h1 em,.offer-title-compact em,.cta-offer-card>h2 em { background:linear-gradient(105deg,#32c77b 4%,#1aaa65 54%,#0d7848 100%); background-clip:text; -webkit-background-clip:text; }
.subtitle strong,.trust-row i,.outside-note strong,.simulation-tag,.social-heading>span,.deep-scan-heading>span,.social-heading h2 strong,.deep-scan-heading h2 strong { color:#28c578; }
.spy-cta,.phone-field button,.offer-topbar a,.cta-access-button,.investigate-telegram,.main-cta { background:linear-gradient(110deg,#2bc87a 0%,#19a961 52%,#0c7445 100%); box-shadow:0 15px 32px rgba(16,148,83,.3); }
.spy-cta:hover { box-shadow:0 18px 40px rgba(23,177,101,.37); }
.phone-field { border-color:rgba(41,190,116,.54); }.phone-field:focus-within { border-color:#2bc87a; box-shadow:0 0 0 4px rgba(43,200,122,.13); }.phone-field>span { color:#2bc87a; }
.social-progress span,.analysis-summary .search-progress span { background:linear-gradient(90deg,#2bc87a,#0c7445); box-shadow:0 0 12px rgba(24,171,98,.46); }
.analysis-ring { background:conic-gradient(#25bd72 var(--progress),#173728 0); }.analysis-ring span,.analysis-percent strong,.analysis-wait strong,.privacy-card strong,.analysis-icon { color:#29c477; }.analysis-identity small { color:#35cb80; background:rgba(29,172,99,.14); }.analysis-identity i { background:#29c477; box-shadow:0 0 9px #29c477; }.analysis-items article.scanning { border-color:#25bd72; }.row-loader { border-top-color:#25bd72; }.done .row-loader::after,.done .network-state::after { color:#25bd72; }.social-network-list article.scanning { border-color:#25bd72; }.network-state { border-top-color:#25bd72; }
.offer-topbar a,.investigate-telegram { color:#042014; }
.completion-callout { background:linear-gradient(135deg,rgba(20,126,74,.4),rgba(5,69,39,.72)); border-color:rgba(37,190,113,.5); }
.section-heading>span,.pricing-copy>span,.preview-icon,.testimonial-panel h2 em,.testimonial-head small,.compact-faq summary i,.brand-lockup strong>span,.step-label,.search-number,.benefit-icon,.price-card>span,.cta-price,.cta-feature-list i { color:#29c477; }
.flow-arrow i,.preview-feature+.preview-feature::before { border-color:#29c477; }.cta-price-box { border-color:rgba(37,190,113,.54); }.cta-assurances span::first-letter { color:#29c477; }.target-card>span { color:#29c477; border-color:#168854; }.target-avatar { background:linear-gradient(145deg,#31c97c,#0d7948); }.testimonial-dots i:first-child { background:#29c477; }.demo-message.sent { background:linear-gradient(135deg,#25bd72,#0d7445); }

/* Findings are red rather than pink. */
.social-network-list article.found { background:linear-gradient(115deg,rgba(91,0,0,.99),rgba(29,0,0,.99)); border-color:#e60000; box-shadow:0 0 0 1px rgba(230,0,0,.22),0 14px 34px rgba(70,0,0,.42); }
.social-network-list article.found small { color:#ffb4b4; }
.found .network-state::after { color:#fff; background:#e60000; box-shadow:0 0 12px rgba(230,0,0,.62); }
.social-found { background:linear-gradient(145deg,rgba(112,0,0,.99),rgba(28,0,0,.99)); border-color:#e60000; box-shadow:0 16px 38px rgba(70,0,0,.45); }
.social-found>div>span { color:#fff; background:#e60000; box-shadow:0 0 14px rgba(230,0,0,.6); }.social-found small { color:#ffd0d0; }
.evidence-banner { background:linear-gradient(135deg,rgba(125,0,0,.99),rgba(35,0,0,.99)); border-color:#e60000; box-shadow:0 14px 34px rgba(78,0,0,.45); }.evidence-banner>span { color:#fff; background:#e60000; box-shadow:0 0 14px rgba(230,0,0,.62); }.evidence-banner small { color:#ffd0d0; }
.responsibility-alert { background:linear-gradient(110deg,#c00000,#680000); border-color:#e60000; }

/* Telegram keeps only its brand symbols blue. */
.network-icon.telegram,.telegram-capsule,.tg-avatar { background:linear-gradient(145deg,#39b9f4,#1687d2); box-shadow:0 8px 22px rgba(24,139,211,.24); }
.map-marker { background:linear-gradient(145deg,#34b7f2,#1687d2); }

/* Blur only sensitive identity and message content; keep UI metadata sharp. */
.avatar { filter:blur(5px); }
.chat-copy { filter:blur(5px); }
.chat-meta { filter:none; }
.archived-row small { filter:blur(3px); }

/* Softer, neutral-red warning treatment. */
.social-network-list article.found { background:linear-gradient(115deg,rgba(62,18,16,.99),rgba(27,8,7,.99)); border-color:#c94a40; box-shadow:0 0 0 1px rgba(201,74,64,.14),0 14px 32px rgba(42,8,7,.34); }
.social-network-list article.found small { color:#e7aaa5; }
.found .network-state::after { color:#fff; background:#c8463d; box-shadow:0 0 9px rgba(200,70,61,.38); }
.social-found { background:linear-gradient(145deg,rgba(64,20,18,.99),rgba(28,9,8,.99)); border-color:#b94139; box-shadow:0 16px 34px rgba(45,10,8,.34); }
.social-found>div>span { color:#fff; background:#c8463d; box-shadow:0 0 10px rgba(200,70,61,.4); }.social-found small { color:#e9b8b3; }
.evidence-banner { background:linear-gradient(135deg,rgba(72,23,20,.99),rgba(31,9,8,.99)); border-color:#c94a40; box-shadow:0 14px 30px rgba(44,9,8,.34); }.evidence-banner>span { color:#fff; background:#c8463d; box-shadow:0 0 10px rgba(200,70,61,.4); }.evidence-banner small { color:#e9b8b3; }
.responsibility-alert { background:linear-gradient(110deg,#7f2823,#4d1714); border-color:#b94139; }

/* Telegram list: partially hidden names, readable message previews and metadata. */
.chat-copy { filter:none; }
.chat-copy strong { width:max-content; max-width:100%; filter:none; }
.chat-copy small { filter:none; }
.chat-meta { filter:none; }

/* Interactive fictitious Telegram conversations. */
.conversation-view[hidden] { display:none!important; }
.phone-screen.conversation-open>.telegram-header,.phone-screen.conversation-open>.search-bar,.phone-screen.conversation-open>.telegram-panel,.phone-screen.conversation-open>.unlock-hint,.phone-screen.conversation-open>.tab-bar { display:none!important; }
.conversation-view { min-height:0; display:flex; flex:1; flex-direction:column; background:#dce8e3; }
.conversation-header { min-height:62px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:6px 13px; background:rgba(255,255,255,.96); border-top:1px solid #edf0f1; border-bottom:1px solid #d9dfe1; }
.conversation-header>button { justify-self:start; display:flex; align-items:center; gap:2px; padding:8px 0; color:#1687d2; background:none; border:0; cursor:pointer; font-size:13px; }.conversation-header>button span { font-size:27px; line-height:.6; }
.conversation-person { display:flex; align-items:center; flex-direction:column; }.conversation-person strong { color:#182027; font-size:13px; filter:none; }.conversation-person small { margin-top:2px; color:#6f7b82; font-size:8px; }
.conversation-avatar { width:39px; height:39px; display:grid; place-items:center; justify-self:end; color:#fff; background:#d86f66; border-radius:50%; filter:blur(4px); font-size:13px; font-weight:900; }
.conversation-avatar.has-photo{overflow:hidden;background:#e7e7e7;filter:blur(4px);transform:scale(1.04)}.conversation-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}
.conversation-avatar.trial-avatar{filter:blur(4px);transform:scale(1.04)}
.conversation-scroll {
  min-height:0;
  flex:1;
  overflow-y:auto;
  padding:12px 11px 18px;
  position:relative;
  scroll-behavior:smooth;
  background-color:#DBDDBB;
  background-image:
    radial-gradient(circle at 18px 18px,transparent 0 10px,rgba(42,92,70,.24) 10.5px 11.5px,transparent 12px),
    radial-gradient(circle at 48px 51px,transparent 0 5px,rgba(42,92,70,.2) 5.5px 6.5px,transparent 7px),
    repeating-linear-gradient(135deg,transparent 0 31px,rgba(48,101,76,.12) 32px 33px,transparent 34px 68px),
    radial-gradient(120% 120% at 10% 5%,#DBDDBB 0%,transparent 55%),
    radial-gradient(120% 120% at 90% 20%,#6BA587 0%,transparent 55%),
    radial-gradient(120% 120% at 25% 85%,#D5D88D 0%,transparent 55%),
    radial-gradient(120% 120% at 85% 90%,#88B884 0%,transparent 60%),
    linear-gradient(180deg,#DBDDBB,#6BA587,#D5D88D,#88B884);
  background-size:72px 72px,72px 72px,96px 96px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;
  background-position:0 0,0 0,0 0,center,center,center,center,center;
  background-repeat:repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-blend-mode:soft-light,soft-light,soft-light,normal,normal,normal,normal,normal;
  overscroll-behavior:contain;
}
.older-content-gate { min-height:250px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; margin-bottom:13px; padding:24px; position:relative; overflow:hidden; color:#fff; background:rgba(27,45,38,.5); border:1px solid rgba(255,255,255,.35); border-radius:15px; cursor:pointer; }
.older-content-gate::before { content:""; position:absolute; inset:-16px; background:linear-gradient(155deg,#768c83,#314c42 52%,#1d332b); filter:blur(12px); transform:scale(1.08); }.older-content-gate span { width:68%; height:23px; z-index:1; background:rgba(255,255,255,.42); border-radius:10px; filter:blur(5px); }.older-content-gate span:nth-child(2){align-self:flex-start;width:55%}.older-content-gate span:nth-child(3){align-self:flex-end;width:48%}.older-content-gate strong { z-index:2; margin-top:8px; padding:7px 11px; background:rgba(20,30,26,.78); border-radius:99px; font-size:10px; }
.conversation-date { width:max-content; margin:0 auto 12px; padding:5px 11px; color:#3e5d51; background:rgba(255,255,255,.72); border-radius:99px; font-size:9px; font-weight:700; }
.conversation-messages { display:flex; flex-direction:column; gap:8px; }
.suspect-chat{isolation:isolate;background:linear-gradient(90deg,rgba(255,190,43,.16),rgba(255,255,255,0) 72%)}
.suspect-chat::before{content:"";position:absolute;z-index:-1;inset:4px 9px 4px 0;border:1px solid rgba(245,164,25,.78);border-radius:13px;animation:suspectRowPulse 1.45s ease-in-out infinite;pointer-events:none}
.suspect-avatar{color:#332000!important;background:linear-gradient(145deg,#ffd66a,#f3a51f)!important;box-shadow:0 7px 18px rgba(216,135,7,.3);font-size:22px!important}
.suspect-pill{display:inline-flex;align-items:center;margin-right:4px;padding:2px 6px;color:#5a3600;background:#ffd866;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.suspect-chat .chat-meta i{color:#4d2e00;background:#ffc94d;animation:suspectBadgePulse 1.1s ease-in-out infinite}
@keyframes suspectRowPulse{0%,100%{opacity:.48;box-shadow:0 0 0 0 rgba(246,172,38,.18)}50%{opacity:1;box-shadow:0 0 0 5px rgba(246,172,38,0)}}
@keyframes suspectBadgePulse{50%{transform:scale(1.15);filter:brightness(1.08)}}
.conversation-trial-alert{width:100%;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;padding:10px 11px;color:#3d2900;background:linear-gradient(120deg,rgba(255,225,133,.97),rgba(255,246,210,.97));border:1px solid rgba(201,132,8,.55);border-radius:12px;box-shadow:0 7px 20px rgba(105,67,3,.14);animation:trialAlertPulse 1.6s ease-in-out infinite}
.trial-alert-dot{width:10px;height:10px;background:#e54035;border-radius:50%;box-shadow:0 0 0 0 rgba(229,64,53,.44);animation:trialDotPulse 1.1s ease-out infinite}
.conversation-trial-alert div{display:flex;min-width:0;flex-direction:column}.conversation-trial-alert strong{font-size:11px}.conversation-trial-alert small{margin-top:2px;font-size:9px;line-height:1.25}.conversation-trial-alert>b{grid-column:2;width:max-content;padding:3px 7px;color:#fff;background:#b47408;border-radius:99px;font-size:8px}
@keyframes trialAlertPulse{50%{filter:brightness(1.045);transform:translateY(-1px)}}
@keyframes trialDotPulse{70%{box-shadow:0 0 0 7px rgba(229,64,53,0)}}
.trial-typing{width:48px;min-height:31px;display:flex;align-items:center;justify-content:center;gap:3px;align-self:flex-start;background:#fff;border-radius:13px 13px 13px 4px;box-shadow:0 1px 2px rgba(0,0,0,.11)}
.trial-typing i{width:5px;height:5px;background:#819089;border-radius:50%;animation:trialTyping .8s ease-in-out infinite alternate}.trial-typing i:nth-child(2){animation-delay:.16s}.trial-typing i:nth-child(3){animation-delay:.32s}
@keyframes trialTyping{to{opacity:.35;transform:translateY(-3px)}}
.conversation-bubble { max-width:82%; position:relative; color:#17211c; border-radius:13px; box-shadow:0 1px 2px rgba(0,0,0,.11); }.conversation-bubble.received { align-self:flex-start; background:#fff; border-bottom-left-radius:4px; }.conversation-bubble.sent { align-self:flex-end; background:#d9f5e5; border-bottom-right-radius:4px; }
.text-bubble { padding:9px 42px 8px 11px; font-size:11px; line-height:1.42; }.conversation-bubble time,.conversation-photo time { position:absolute; right:8px; bottom:5px; color:#77847e; font-size:7px; }
.message-fragment { display:inline; padding:0 2px; color:#28322d; background:none; border:0; cursor:pointer; filter:blur(4px); user-select:none; }
.audio-bubble { width:min(270px,calc(100% - 18px)); min-width:0; min-height:54px; display:grid; grid-template-columns:35px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px 39px 8px 8px; }.audio-bubble>button { width:35px; height:35px; display:grid; place-items:center; color:#fff; background:#1687d2; border:0; border-radius:50%; cursor:pointer; font-size:11px; }.audio-bubble>small { color:#6d7973; font-size:8px; }.audio-wave { width:100%; min-width:0; height:28px; display:flex; align-items:center; gap:1.5px; }.audio-wave i { min-width:1px; max-width:2px; height:var(--h); display:block; flex:1 1 0; background:#6ca98d; border-radius:2px; }
.conversation-photo { width:230px; height:155px; position:relative; overflow:hidden; color:#fff; border:0; border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.18); cursor:pointer; }.conversation-photo.received { align-self:flex-start; }.conversation-photo.sent { align-self:flex-end; }.conversation-photo::before { content:""; position:absolute; inset:-13px; background:var(--photo-scene); filter:blur(10px) brightness(.68); transform:scale(1.08); }.scene-night{--photo-scene:linear-gradient(145deg,#242b37,#805c4a 50%,#12191f)}.scene-desk{--photo-scene:linear-gradient(135deg,#9a7658,#364a51 48%,#18242c)}.scene-trip{--photo-scene:linear-gradient(145deg,#728a62,#b8a16d 48%,#344553)}
.conversation-photo.has-image::before{display:none}.conversation-photo.has-image>img{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover;filter:blur(12px) brightness(.68);transform:scale(1.13)}
.conversation-photo .eye-off { width:42px; height:42px; display:grid; place-items:center; position:absolute; z-index:2; top:50%; left:50%; color:#fff; background:rgba(15,23,20,.72); border-radius:50%; transform:translate(-50%,-58%); }.conversation-photo .eye-off svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.conversation-photo>strong { position:absolute; z-index:2; left:0; right:0; bottom:24px; text-align:center; font-size:9px; }
.conversation-post{width:min(330px,calc(100% - 12px));align-self:flex-start;overflow:hidden;color:#111;background:#fff;border-radius:16px 16px 16px 7px;box-shadow:0 1px 3px rgba(0,0,0,.17)}
.conversation-post-media{width:100%;height:230px;display:block;overflow:hidden;position:relative;padding:0;background:#d7dbd8;border:0}.conversation-post-media img{width:100%;height:100%;display:block;object-fit:cover}.conversation-post-media.is-blurred img{filter:blur(14px) brightness(.76);transform:scale(1.1)}
.conversation-post-media .eye-off{width:48px;height:48px;display:grid;place-items:center;position:absolute;z-index:2;top:50%;left:50%;color:#fff;background:rgba(20,27,24,.68);border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(-50%,-50%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.conversation-post-media .eye-off svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.conversation-post-copy{position:relative;padding:12px 13px 24px}.conversation-post-copy p{margin:0 0 11px;font-size:14px;line-height:1.35;letter-spacing:-.1px}.conversation-post-copy p:last-of-type{margin-bottom:0}.conversation-post-copy time{position:absolute;right:9px;bottom:6px;color:#8b9290;font-size:10px}
.post-fragment{display:inline-block;filter:blur(4px);user-select:none;-webkit-user-select:none}
.text-bubble.is-more-blurred>span{display:inline-block;filter:blur(5.5px);user-select:none;-webkit-user-select:none}
.conversation-post-cta{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;color:#fff;background:linear-gradient(100deg,#149b65,#279750);border:0;border-top:1px solid rgba(0,0,0,.08);cursor:pointer;font-size:15px;font-weight:750;letter-spacing:.1px}.conversation-post-cta span{position:absolute;right:13px;font-size:18px}
.conversation-composer { min-height:58px; display:grid; grid-template-columns:38px 1fr 38px; gap:6px; align-items:center; position:relative; margin:0; padding:8px 9px 10px; background:#f7f9f8; border-top:1px solid #dce2df; }.conversation-composer>input { width:100%; min-width:0; height:38px; padding:0 14px; color:#111; background:#fff; border:1px solid #dce2df; border-radius:99px; outline:none; font-size:15px; }.conversation-composer>input::placeholder { color:#929a96; }.conversation-composer>input:focus { border-color:rgba(0,136,255,.5); box-shadow:0 0 0 2px rgba(0,136,255,.11); }.conversation-composer>button { height:38px; color:#1687d2; background:none; border:0; cursor:pointer; font-size:20px; }.conversation-composer .composer-send { display:grid; place-items:center; opacity:.45; transform:scale(.9); transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease; }.conversation-composer.has-text .composer-send { color:#fff; background:#0088ff; border-radius:50%; opacity:1; transform:none; }.message-send-error[hidden] { display:none!important; }.message-send-error { position:absolute; z-index:8; right:9px; bottom:calc(100% + 7px); width:min(300px,calc(100% - 18px)); margin:0; padding:9px 12px; color:#fff; background:#c7353d; border:1px solid rgba(255,255,255,.32); border-radius:11px; box-shadow:0 10px 26px rgba(91,10,18,.28); font-size:11px; font-weight:650; line-height:1.3; animation:sendErrorReveal .22s ease both; }.conversation-composer.send-failed>input { animation:composerShake .34s ease; }
@keyframes sendErrorReveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@keyframes composerShake { 0%,100% { transform:translateX(0); } 30% { transform:translateX(-4px); } 65% { transform:translateX(4px); } }

/* Full-screen blocked action modal. */
.blocked-modal[hidden] { display:none!important; }
.blocked-modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:18px; background:rgba(0,4,2,.42); backdrop-filter:blur(10px) brightness(.55); }
.blocked-modal-card { width:min(360px,100%); padding:28px 24px 23px; position:relative; color:#f7eeee; text-align:center; background:linear-gradient(155deg,#35191a,#211011); border:1px solid #7f4648; border-radius:22px; box-shadow:0 28px 80px rgba(0,0,0,.56); animation:blockedReveal .28s ease both; }
.blocked-modal-close { position:absolute; top:8px; right:12px; padding:4px 7px; color:#c8aaaa; background:none; border:0; cursor:pointer; font-size:23px; }
.blocked-modal-card h2 { display:flex; align-items:center; justify-content:center; gap:7px; margin:0 0 12px; font:700 18px/1.2 "DM Sans",sans-serif; }.blocked-modal-card h2 span { color:#d47a73; font-size:17px; }
.blocked-modal-card p { max-width:285px; margin:0 auto 21px; color:#d2bfc0; font-size:13px; line-height:1.45; }
.blocked-modal-cta { width:100%; min-height:48px; color:#fff; background:linear-gradient(110deg,#a27f80,#79595b); border:1px solid rgba(255,255,255,.42); border-radius:11px; cursor:pointer; font-weight:700; }
.trial-limit-modal .blocked-modal-card{color:#fff5f6;background:linear-gradient(155deg,#641a22,#3b0d13 62%,#23070b);border-color:#ef5360;box-shadow:0 28px 80px rgba(0,0,0,.64),0 0 0 1px rgba(239,83,96,.24)}
.trial-limit-modal .blocked-modal-card h2{display:block;margin-top:9px;color:#fff}.trial-limit-modal .blocked-modal-card p{color:#f1c5c9}.trial-limit-modal .blocked-modal-cta{background:linear-gradient(110deg,#ef5b67,#bd2d3a);border-color:rgba(255,220,223,.64);box-shadow:0 12px 28px rgba(143,26,39,.38)}
.trial-limit-icon{width:55px;height:55px;display:grid;place-items:center;margin:0 auto;color:#fff;background:rgba(42,183,118,.16);border:1px solid rgba(88,224,157,.42);border-radius:17px;font-size:25px}
.trial-limit-modal .trial-limit-icon{background:rgba(239,83,96,.16);border-color:rgba(255,126,137,.5)}
@media(prefers-reduced-motion:reduce){.suspect-chat::before,.suspect-chat .chat-meta i,.conversation-trial-alert,.trial-alert-dot,.trial-typing i{animation:none!important}}

/* Rich ruby warning palette: vivid and polished without neon glare. */
.social-network-list article.found { background:linear-gradient(125deg,#721722 0%,#3b0b11 58%,#22070a 100%); border-color:#ef5360; box-shadow:0 0 0 1px rgba(239,83,96,.2),0 14px 34px rgba(76,11,19,.38); }
.found .network-state::after { color:#fff; background:linear-gradient(145deg,#f45b66,#d52e3b); box-shadow:0 0 11px rgba(228,51,64,.48); }
.social-found { background:linear-gradient(145deg,#791a25 0%,#430d14 58%,#24070b 100%); border-color:#ef5360; box-shadow:0 16px 36px rgba(79,12,21,.4); }
.social-found>div>span { color:#fff; background:linear-gradient(145deg,#f45b66,#d52e3b); box-shadow:0 0 12px rgba(228,51,64,.48); }
.social-found small { color:#ffc2c7; }
.evidence-banner { background:linear-gradient(135deg,#7b1923 0%,#460d13 58%,#26070b 100%); border-color:#ef5360; box-shadow:0 14px 32px rgba(80,12,20,.38); }
.evidence-banner>span { color:#fff; background:linear-gradient(145deg,#f45b66,#d52e3b); box-shadow:0 0 12px rgba(228,51,64,.48); }
.evidence-banner small { color:#ffc2c7; }
.responsibility-alert { color:#fff; background:linear-gradient(115deg,#d53a46 0%,#a41f2b 58%,#70121b 100%); border-color:#f3636d; box-shadow:0 12px 28px rgba(91,14,23,.28); }
.blocked-modal-card { background:linear-gradient(155deg,#52181e 0%,#340e13 58%,#21080b 100%); border-color:#d85660; }
.blocked-modal-cta { background:linear-gradient(110deg,#e15b65,#ba303c); border-color:rgba(255,211,215,.58); box-shadow:0 10px 24px rgba(117,24,34,.34); }
.blocked-modal-open { overflow:hidden; }
@keyframes blockedReveal { from { opacity:0; transform:translateY(10px) scale(.97); } to { opacity:1; transform:none; } }

/* Number confirmation before the phone intelligence step. */
.number-confirm-modal[hidden]{display:none!important}
.number-confirm-modal{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,4,2,.58);backdrop-filter:blur(15px) brightness(.58);-webkit-backdrop-filter:blur(15px) brightness(.58)}
.number-confirm-card{width:min(410px,100%);display:grid;justify-items:center;padding:28px 24px 22px;color:#f4fff8;text-align:center;background:linear-gradient(155deg,rgba(8,19,14,.99),rgba(2,9,6,.99));border:1px solid rgba(48,190,119,.32);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.62);animation:numberConfirmReveal .28s cubic-bezier(.2,.8,.2,1) both}
.number-confirm-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;color:#27c77b;background:rgba(31,185,111,.12);border:1px solid rgba(48,204,128,.28);border-radius:16px}
.number-confirm-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.number-confirm-kicker{color:#67b68c;font-size:9px;font-weight:800;letter-spacing:1.35px}
.number-confirm-card h2{margin:7px 0 9px;font:700 24px/1.15 "DM Sans",sans-serif;letter-spacing:-.5px}
.number-confirm-card p{max-width:330px;margin:0;color:#c1cec7;font-size:15px;line-height:1.48}
.number-confirm-card p strong{display:inline-block;color:#fff;font-weight:800;white-space:nowrap}
.number-confirm-actions{width:100%;display:grid;grid-template-columns:.95fr 1.15fr;gap:10px;margin-top:23px}
.number-confirm-actions button{min-height:50px;border-radius:14px;cursor:pointer;font:800 14px/1 "DM Sans",sans-serif;transition:transform .18s ease,filter .18s ease,border-color .18s ease}
.number-correct-button{color:#e8f3ed;background:transparent;border:1px solid #3b5046}
.number-correct-button:hover{border-color:#678073;background:rgba(255,255,255,.025)}
.number-confirm-button{display:flex;align-items:center;justify-content:center;gap:9px;color:#03150c;background:var(--logo-green-gradient);border:0;box-shadow:0 10px 24px rgba(16,189,105,.18)}
.number-confirm-button span{font-size:24px;font-weight:500;line-height:.8}
.number-confirm-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.number-confirm-actions button:active{transform:scale(.98)}
.number-confirm-open{overflow:hidden}
@keyframes numberConfirmReveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* Phone intelligence step shown immediately after number confirmation. */
.phone-lookup-stage{position:relative;min-height:100svh;padding:28px 14px;overflow:hidden;background:#000}
.phone-lookup-stage.active{display:grid;place-items:center}
.phone-lookup-shell{width:min(430px,100%);position:relative;z-index:2}
.phone-lookup-heading{margin-bottom:13px;padding:19px 18px;text-align:center;background:rgba(4,14,9,.96);border:1px solid rgba(46,173,108,.25);border-radius:19px}
.phone-lookup-heading>span{display:block;color:#55bd86;font-size:9px;font-weight:800;letter-spacing:1.35px}
.phone-lookup-heading h2{margin:7px 0 6px;color:#f0f8f4;font-size:clamp(20px,5.2vw,25px);line-height:1.15;letter-spacing:-.65px}
.phone-lookup-heading>strong{color:#34c77d;font-size:14px;font-variant-numeric:tabular-nums}
.phone-lookup-card{padding:18px;background:rgba(4,13,8,.98);border:1px solid rgba(55,170,111,.25);border-radius:20px;box-shadow:0 22px 64px rgba(0,0,0,.42)}
.phone-lookup-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#dfeae4}
.phone-lookup-progress-copy>strong{font-size:14px}
.phone-lookup-progress-copy>span{min-width:39px;color:#7d9889;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}
.phone-lookup-progress-copy b{font:inherit}
.phone-lookup-progress{height:8px;overflow:hidden;background:#17271f;border-radius:99px}
.phone-lookup-progress>span{display:block;width:0;height:100%;background:var(--logo-green-gradient);border-radius:inherit;transition:width .55s cubic-bezier(.2,.75,.25,1)}
.phone-lookup-list{display:grid;gap:7px;margin-top:15px}
.phone-lookup-list article{min-height:58px;display:grid;grid-template-columns:1fr 24px;gap:10px;align-items:center;padding:10px 13px;background:rgba(11,27,18,.82);border:1px solid rgba(78,128,99,.2);border-radius:13px;transition:border-color .3s ease,transform .3s ease,background .3s ease}
.phone-lookup-list article>div{min-width:0}
.phone-lookup-list small,.phone-lookup-list strong{display:block}
.phone-lookup-list small{color:#8da799;font-size:10px;font-weight:700}
.phone-lookup-list strong{margin-top:3px;overflow:hidden;color:#e8f4ed;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.phone-lookup-list article.scanning{background:rgba(13,39,25,.92);border-color:rgba(45,196,117,.58);transform:translateX(3px)}
.phone-lookup-list article.done{border-color:rgba(45,173,105,.28)}
.lookup-spinner{width:18px;height:18px;justify-self:end;border:2px dotted #4bad7d;border-radius:50%;animation:lookupSpin 1s linear infinite}
.phone-lookup-list article.done .lookup-spinner{display:grid;place-items:center;border:0;animation:none}
.phone-lookup-list article.done .lookup-spinner::after{content:"✓";color:#31c47a;font-size:16px;font-style:normal;font-weight:900}
.phone-lookup-note{margin:13px 2px 0;color:#668073;text-align:center;font-size:9px;line-height:1.4}
.phone-lookup-note span{color:#31c47a;font-size:12px}
@keyframes lookupSpin{to{transform:rotate(360deg)}}
.analysis-items article[data-scan-extra]{animation:extraScanReveal .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes extraScanReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.search-stage.active{align-items:start;overflow-x:hidden;overflow-y:auto}
.search-stage.active .search-shell{margin:auto 0}

@media(max-width:480px){.conversation-photo{width:215px;height:145px}.audio-bubble{width:min(270px,calc(100% - 18px));min-width:0}.blocked-modal-card{padding:26px 20px 21px}.number-confirm-card{padding:25px 18px 18px;border-radius:21px}.number-confirm-card h2{font-size:22px}.number-confirm-card p{font-size:14px}.number-confirm-actions{gap:8px}.number-confirm-actions button{min-height:48px;font-size:13px}}

.audio-bubble.playing .audio-wave i { animation:audioPulse .7s ease-in-out infinite alternate; }.audio-bubble.playing .audio-wave i:nth-child(3n){animation-delay:-.25s}.audio-bubble.playing .audio-wave i:nth-child(2n){animation-delay:-.45s}
@keyframes audioPulse { from { transform:scaleY(.45); opacity:.55; } to { transform:scaleY(1.15); opacity:1; } }

/* Telegram for iPhone reference package: dayClassic, compact layout. */
.telegram-ios-reference {
  --tg-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;
  --tg-body-size:17px;
  --tg-status-size:11px;
  --tg-accent:#0088ff;
  --tg-incoming-bubble:#fff;
  --tg-outgoing-bubble:#e1ffc7;
  --tg-message-text:#000;
  --tg-incoming-secondary:#77828c;
  --tg-outgoing-secondary:rgba(0,140,9,.8);
  --tg-list-secondary:#8e8e93;
  --tg-separator:#c8c7cc;
  --tg-navigation-blur-base:rgba(242,242,242,.9);
  --tg-bubble-radius-main:16px;
  --tg-bubble-radius-auxiliary:8px;
  --tg-text-inset-inline:11px;
  --tg-voice-control-size:44px;
  --tg-waveform-height:18px;
  --tg-composer-single-line-baseline:40px;
  font-family:var(--tg-font);
  font-size:var(--tg-body-size);
  color:var(--tg-message-text);
  background:#fff;
}
.telegram-ios-reference button,.telegram-ios-reference input { font-family:var(--tg-font); }
.telegram-ios-reference .ios-status { height:47px; padding:8px 21px 0; color:#000; font-size:12px; letter-spacing:-.1px; }
.telegram-ios-reference .telegram-capsule { padding:4px 9px; color:#fff; background:var(--tg-accent); font-size:10px; letter-spacing:.55px; }
.telegram-ios-reference .telegram-header { height:57px; padding:0 17px; }
.telegram-ios-reference .telegram-header h2 { font-family:var(--tg-font); font-size:20px; font-weight:700; letter-spacing:-.45px; }
.telegram-ios-reference .plain-button { color:var(--tg-accent); font-size:17px; font-weight:400; }
.telegram-ios-reference .header-actions { gap:18px; color:var(--tg-accent); }
.telegram-ios-reference .header-actions svg { width:25px; height:25px; stroke-width:1.75; }
.telegram-ios-reference .search-bar { width:calc(100% - 24px); height:36px; margin:0 12px 8px; color:#8e8e93; background:#ebedf0; border-radius:10px; font-size:16px; }
.telegram-ios-reference .search-bar svg { width:18px; height:18px; stroke-width:2; }
.telegram-ios-reference .chat-list { padding-left:9px; padding-bottom:84px; background:#fff; }
.telegram-ios-reference .chat-row { height:72px; gap:11px; padding:5px 13px 5px 3px; }
.telegram-ios-reference .chat-row::after { left:65px; background:rgba(60,60,67,.18); transform:scaleY(.5); transform-origin:bottom; }
.telegram-ios-reference .avatar { width:52px; height:52px; font-size:18px; }
.telegram-ios-reference .chat-copy strong { color:#000; font-size:16px; font-weight:600; letter-spacing:-.2px; }
.telegram-ios-reference .chat-copy small { margin-top:3px; color:var(--tg-list-secondary); font-size:14px; line-height:1.16; letter-spacing:-.1px; }
.telegram-ios-reference .chat-meta { min-width:48px; gap:6px; padding-top:8px; color:var(--tg-list-secondary); }
.telegram-ios-reference .chat-meta time { font-size:12px; }
.telegram-ios-reference .chat-meta i { min-width:20px; height:20px; padding:0 5px; background:var(--tg-accent); font-size:11px; }
.telegram-ios-reference .archived-row { min-height:58px; color:#000; }
.telegram-ios-reference .archived-row small { color:var(--tg-list-secondary); }
.telegram-ios-reference .archive-icon { color:var(--tg-accent); background:#e8f5ff; }
.telegram-ios-reference .panel-note { color:var(--tg-accent); background:#edf7ff; }
.telegram-ios-reference .settings-symbol { color:var(--tg-accent); background:#e2f2ff; }
.telegram-ios-reference .tab-bar { height:82px; padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px)); background:var(--tg-navigation-blur-base); border-top-color:rgba(60,60,67,.2); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); }
.telegram-ios-reference .tab-bar button { color:#727277; gap:2px; }
.telegram-ios-reference .tab-bar button.active { color:var(--tg-accent); }
.telegram-ios-reference .tab-bar button small { font-size:10px; font-weight:500; }
.telegram-ios-reference .tab-bar svg { width:25px; height:25px; stroke-width:1.9; }
.telegram-ios-reference .unlock-hint { bottom:94px; border-color:rgba(0,136,255,.38); }
.telegram-ios-reference .unlock-hint>span { color:#72c5ff; background:#14314a; }

.telegram-ios-reference .conversation-view { color:var(--tg-message-text); background:#9bcf7f; }
.telegram-ios-reference .conversation-header { min-height:58px; padding:5px 11px; background:rgba(248,248,248,.92); border-color:rgba(60,60,67,.2); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); }
.telegram-ios-reference .conversation-header>button { color:var(--tg-accent); font-size:16px; }
.telegram-ios-reference .conversation-person strong { color:#000; font-size:14px; font-weight:600; letter-spacing:-.15px; }
.telegram-ios-reference .conversation-person small { color:#7d7d83; font-size:10px; }
.telegram-ios-reference .conversation-avatar { width:40px; height:40px; }
.telegram-ios-reference .conversation-scroll { padding:10px 9px 14px; }
.telegram-ios-reference .conversation-date { margin-bottom:8px; padding:4px 9px; color:#fff; background:rgba(68,112,88,.58); box-shadow:0 1px 2px rgba(0,0,0,.1); font-size:11px; }
.telegram-ios-reference .conversation-messages { gap:6px; }
.telegram-ios-reference .conversation-bubble { min-width:40px; min-height:35px; max-width:calc(100% - 36px); border-radius:var(--tg-bubble-radius-main); box-shadow:0 .5px 1.5px rgba(0,0,0,.16); }
.telegram-ios-reference .conversation-bubble.received { background:var(--tg-incoming-bubble); border-bottom-left-radius:var(--tg-bubble-radius-auxiliary); }
.telegram-ios-reference .conversation-bubble.sent { background:var(--tg-outgoing-bubble); border-bottom-right-radius:var(--tg-bubble-radius-auxiliary); }
.telegram-ios-reference .text-bubble { padding:7px 45px 6px var(--tg-text-inset-inline); font-size:15px; line-height:1.24; letter-spacing:-.1px; }
.telegram-ios-reference .conversation-bubble time,.telegram-ios-reference .conversation-photo time { right:8px; bottom:5px; font-size:var(--tg-status-size); }
.telegram-ios-reference .conversation-bubble.received time { color:var(--tg-incoming-secondary); }
.telegram-ios-reference .conversation-bubble.sent time { color:var(--tg-outgoing-secondary); }
.telegram-ios-reference .message-fragment { filter:blur(4.5px); }
.telegram-ios-reference .audio-bubble { width:min(270px,calc(100% - 18px)); min-width:0; min-height:58px; grid-template-columns:var(--tg-voice-control-size) minmax(0,1fr) auto; gap:8px; padding:6px 43px 6px 6px; }
.telegram-ios-reference .audio-bubble>button { width:var(--tg-voice-control-size); height:var(--tg-voice-control-size); background:var(--tg-accent); }
.telegram-ios-reference .audio-bubble.sent>button { background:#3fc33b; }
.telegram-ios-reference .audio-wave { width:100%; min-width:0; height:var(--tg-waveform-height); align-items:flex-end; gap:1.5px; }
.telegram-ios-reference .audio-wave i { width:auto; min-width:1px; max-width:2px; flex:1 1 0; max-height:var(--tg-waveform-height); background:#70b9e9; }
.telegram-ios-reference .audio-bubble.sent .audio-wave i { background:#93d987; }
.telegram-ios-reference .audio-bubble>small { font-size:var(--tg-status-size); }
.telegram-ios-reference .conversation-photo { width:min(260px,78vw); height:180px; border-radius:15px; }
.telegram-ios-reference .conversation-composer { min-height:58px; grid-template-columns:40px 1fr 40px; gap:4px; padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px)); background:rgba(242,242,242,.92); border-top-color:rgba(60,60,67,.2); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); }
.telegram-ios-reference .conversation-composer>input { min-height:var(--tg-composer-single-line-baseline); height:40px; padding:0 13px; color:#111; background:rgba(255,255,255,.9); border-color:rgba(0,0,0,.1); font-size:16px; }
.telegram-ios-reference .conversation-composer>button { width:40px; height:40px; display:grid; place-items:center; color:var(--tg-accent); }
.telegram-ios-reference .conversation-composer svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

@media(max-width:480px){
  .telegram-ios-reference .conversation-photo{width:min(248px,76vw);height:168px}
  .telegram-ios-reference .audio-bubble{width:min(270px,calc(100% - 18px));min-width:0}
}

/* Deeper page backgrounds while preserving Telegram's native light interface. */
body { background:#000; }
.intro-stage,.search-stage,.social-stage {
  background:radial-gradient(circle at 50% 10%,#020b06 0,#000302 36%,#000 72%);
}
.offer-stage {
  background:radial-gradient(circle at 50% 0,#020a06 0,#000302 27%,#000 65%);
}
.telegram-stage { background:#000; }
.intro-card,.social-heading,.deep-scan-heading,.social-network-list article,.social-scan-status,.analysis-summary,.analysis-items article,.privacy-card {
  background:linear-gradient(145deg,rgba(1,9,5,.99),rgba(0,2,1,.995));
}
.offer-topbar { background:rgba(0,2,1,.975); }
.target-card,.offer-preview-panel,.pricing.cta-offer-card,.testimonial-panel,.compact-faq {
  background:linear-gradient(145deg,rgba(1,7,4,.985),rgba(0,2,1,.995));
}
.compact-faq details,.cta-feature-list li { background:#070c09; }

/* Controlled line breaks for the investigation headings. */
.social-heading h2>span,.deep-scan-heading h2>span { display:block; }
.social-heading h2 .number-line,.deep-scan-heading h2 .number-line {
  white-space:nowrap;
  font-size:inherit;
  letter-spacing:0;
}
.social-heading h2 .number-line strong,.deep-scan-heading h2 .number-line strong {
  display:inline;
  margin:0;
  font-size:inherit;
}

/* One secondary network receives a small yellow suspicion signal per number. */
.social-network-list article.suspect {
  background:linear-gradient(115deg,rgba(54,42,5,.96),rgba(12,10,2,.99));
  border-color:#d8ad32;
  box-shadow:0 0 0 1px rgba(216,173,50,.13),0 12px 28px rgba(38,29,3,.28);
}
.social-network-list article.suspect small {
  color:#f2ca58;
  font-weight:800;
  letter-spacing:.2px;
}
.social-network-list article.suspect .network-state::after {
  content:"!";
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  color:#261b00;
  background:#f1c446;
  border-radius:50%;
  box-shadow:0 0 9px rgba(241,196,70,.36);
}

/* Static binary texture in neutral gray; moving rain remains green. */
.code-rain[data-binary-rain] .binary-base {
  color:#8b9490;
  opacity:.14;
  font-size:7px;
  line-height:1.55;
  top:0;
  transform:none;
  animation:none!important;
}
.code-rain[data-binary-rain] .binary-trail {
  color:var(--trail-color,#15965a);
  top:-30%;
}
@keyframes binaryTrailFall {
  from { transform:translateY(0); }
  to { transform:translateY(150vh); }
}

/* Telegram trial notice inspired by the supplied compact red alert. */
.telegram-ios-reference .unlock-hint.preview-access-banner {
  width:calc(100% - 20px);
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr;
  gap:6px 10px;
  bottom:90px;
  padding:12px 12px 11px;
  color:#fff;
  background:linear-gradient(112deg,#e74736 0%,#cf253d 48%,#b5164b 100%);
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  box-shadow:0 14px 34px rgba(99,8,30,.35);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
.telegram-ios-reference .unlock-hint.preview-access-banner strong {
  align-self:center;
  font-size:13px;
  line-height:1.2;
  letter-spacing:-.1px;
}
.telegram-ios-reference .unlock-hint.preview-access-banner strong span {
  color:#fff7a8;
  font:inherit;
}
.telegram-ios-reference .unlock-hint.preview-access-banner small {
  grid-column:1 / -1;
  color:rgba(255,255,255,.92);
  font-size:9px;
  line-height:1.35;
}
.telegram-ios-reference .unlock-hint.preview-access-banner>.vip-badge {
  width:auto;
  height:auto;
  display:block;
  grid-column:2;
  grid-row:1;
  align-self:start;
  justify-self:end;
  padding:6px 9px;
  color:#b41447;
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(81,5,27,.22);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

@media(max-width:360px){
  .social-heading h2,.deep-scan-heading h2{font-size:16px}
}

/* Rendering and layout optimization: preserve the existing experience with less paint work. */
.telegram-stage {
  padding:12px;
}
.telegram-stage .phone-screen {
  height:min(850px,calc(100svh - 24px));
  contain:layout paint style;
}
.telegram-ios-reference .ios-status {
  display:grid;
  grid-template-columns:1fr auto 1fr;
}
.telegram-ios-reference .ios-status>[data-current-time] {
  justify-self:start;
}
.telegram-ios-reference .telegram-capsule {
  justify-self:center;
}
.telegram-ios-reference .status-icons {
  justify-self:end;
}
.telegram-ios-reference .telegram-header {
  position:relative;
}
.telegram-ios-reference .telegram-header>.plain-button {
  grid-column:1;
}
.telegram-ios-reference .telegram-header>.header-actions {
  grid-column:3;
}
.telegram-ios-reference .telegram-header h2 {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
}
.telegram-ios-reference .search-bar {
  text-align:center;
}
.code-rain[data-binary-rain] {
  contain:strict;
}
.code-rain[data-binary-rain]::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11'%3E%3Crect x='5' y='3' width='4' height='4' rx='.5' fill='%238b9490' fill-opacity='.18'/%3E%3C/svg%3E");
  background-size:15px 11px;
  background-repeat:repeat;
  opacity:.72;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.52),#000 24%,#000 82%,rgba(0,0,0,.4));
}
.code-rain[data-binary-rain] .binary-trail {
  contain:layout paint style;
  backface-visibility:hidden;
}
.stage:not(.active) .code-rain[data-binary-rain] .binary-trail{animation-play-state:paused!important}
.offer-preview-panel,.cta-offer-card,.testimonial-panel,.compact-faq,.guarantee-box {
  content-visibility:auto;
  contain-intrinsic-size:auto 520px;
}
.volume-popup[hidden]{display:none!important}
.volume-popup{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,4,2,.4);backdrop-filter:blur(20px) saturate(82%) brightness(.66);-webkit-backdrop-filter:blur(20px) saturate(82%) brightness(.66);animation:volumeBackdropIn .2s ease-out both}
.volume-popup-card{width:min(306px,100%);display:grid;justify-items:center;position:relative;padding:18px 22px 22px;color:#111;text-align:center;background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(231,233,238,.9));border:1px solid rgba(255,255,255,.82);border-radius:30px;box-shadow:0 26px 72px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.92);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;overflow:hidden;animation:volumePopupReveal .32s cubic-bezier(.2,.82,.2,1) both}
.volume-popup-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 43%);pointer-events:none}
.volume-popup-grabber{width:38px;height:5px;margin-bottom:18px;background:rgba(60,60,67,.24);border-radius:99px}
.volume-popup-close{width:30px;height:30px;display:grid;place-items:center;position:absolute;z-index:2;top:13px;right:13px;padding:0;color:#606066;background:rgba(118,118,128,.14);border:0;border-radius:50%;cursor:pointer;font-size:21px;font-weight:500;line-height:1;transition:transform .18s ease,background .18s ease}
.volume-popup-close:hover{background:rgba(118,118,128,.24);transform:scale(1.05)}
.volume-muted-icon{width:80px;height:80px;display:grid;place-items:center;margin:0 0 16px;color:#fff;background:linear-gradient(145deg,#1c9bff,#0878ee);border-radius:24px;box-shadow:0 12px 27px rgba(0,122,255,.24),inset 0 1px 0 rgba(255,255,255,.35)}
.volume-muted-icon svg{width:48px;height:48px;fill:currentColor;stroke:currentColor;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.volume-popup-copy{display:grid;justify-items:center}
.volume-status-pill{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;margin-bottom:9px;color:#0876df;background:rgba(0,122,255,.1);border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.68px}
.volume-popup-copy h2{margin:0;color:#111113;font-size:22px;font-weight:750;line-height:1.15;letter-spacing:-.55px}
.volume-popup-copy p{max-width:238px;margin:8px auto 0;color:#626268;font-size:13px;line-height:1.42;letter-spacing:-.08px}
.volume-level{width:100%;display:grid;gap:8px;margin:18px 0}
.volume-level-label{display:flex;align-items:center;justify-content:space-between;color:#6b6b70;font-size:11px;line-height:1}.volume-level-label strong{color:#4f4f54;font-size:11px}
.volume-level-track{height:8px;overflow:hidden;background:rgba(118,118,128,.2);border:1px solid rgba(118,118,128,.08);border-radius:99px;box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}.volume-level-track i{width:6px;height:100%;display:block;background:#0a84ff;border-radius:99px}
.volume-popup-cta{width:100%;min-height:48px;position:relative;color:#fff;background:linear-gradient(180deg,#168cff,#0076ed);border:0;border-radius:15px;box-shadow:0 9px 20px rgba(0,122,255,.24),inset 0 1px 0 rgba(255,255,255,.25);cursor:pointer;font-size:15px;font-weight:700;letter-spacing:-.1px;transition:transform .18s ease,filter .18s ease}
.volume-popup-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.volume-popup-cta:active{transform:scale(.98)}
.volume-popup-open{overflow:hidden}.volume-popup-open main{filter:blur(2px);transform:scale(.997)}
@keyframes volumeBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes volumePopupReveal{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .telegram-stage{padding:0}
  .telegram-stage .phone-screen{width:100%;height:100svh;min-height:100svh;border:0;border-radius:0;box-shadow:none}
  .analysis-summary,.analysis-items article,.privacy-card{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .stage.active{animation:none}
  .code-rain[data-binary-rain] .binary-trail,.audio-bubble.playing .audio-wave i,.volume-popup-card,.spy-cta .eye-icon{animation:none!important}
  html{scroll-behavior:auto}
}

/* Neutral dark funnel backdrop without a green ambient glow. */
.intro-stage,.social-stage,.search-stage {
  background:#000;
}
.offer-stage {
  background:#000;
}
.offer-stage .code-rain[data-binary-rain] {
  opacity:.72;
}
.offer-stage .code-rain[data-binary-rain]::before {
  opacity:.54;
}

/* Persistent purchase reminder, styled after the supplied compact reference. */
.offer-stage .offer-topbar {
  position:fixed;
  z-index:30;
  top:auto;
  right:auto;
  bottom:max(12px,env(safe-area-inset-bottom,0px));
  left:50%;
  width:min(620px,calc(100% - 24px));
  min-height:94px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:18px 19px;
  color:#fff;
  text-align:left;
  background:rgba(14,21,24,.97);
  border:1px solid rgba(145,166,174,.18);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(0,0,0,.5);
  transform:translateX(-50%);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.offer-stage .offer-topbar>div { width:100%; min-width:0; }
.offer-stage .offer-topbar strong { color:#fff; font-size:15px; line-height:1.25; }
.offer-stage .offer-topbar small { display:block; margin-top:3px; color:#f1f4f5; font-size:13px; line-height:1.28; }
.offer-stage .offer-topbar a { min-height:43px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; color:#03180e; border-radius:11px; font-size:12px; font-weight:800; white-space:nowrap; }
.offer-stage .offer-wrap { padding-bottom:200px; }

@media(max-width:480px){
  .offer-stage .offer-topbar{bottom:max(8px,env(safe-area-inset-bottom,0px));width:calc(100% - 16px);min-height:98px;gap:10px;padding:14px;border-radius:16px}
  .offer-stage .offer-topbar strong{font-size:14px}
  .offer-stage .offer-topbar small{font-size:11px;line-height:1.28}
  .offer-stage .offer-topbar a{min-height:40px;padding:0 11px;font-size:10px}
}

/* Edge-to-edge Telegram on phones, including dynamic browser and safe-area bounds. */
@media(max-width:640px){
  .telegram-stage.active{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    padding:0;
    overflow:hidden;
    background:#fff;
    overscroll-behavior:none;
  }
  .telegram-stage .phone-screen{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    margin:0;
    background:#fff;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .telegram-ios-reference .ios-status{
    height:calc(47px + env(safe-area-inset-top,0px));
    padding-top:calc(8px + env(safe-area-inset-top,0px));
  }
}

/* Reversed brand gradient and restrained glow. */
:root{
  --logo-green-gradient:linear-gradient(110deg,var(--logo-green-deep) 0%,var(--logo-green-mid) 52%,var(--logo-green-light) 100%);
}
.spy-cta,.phone-field button,.offer-topbar a,.cta-access-button,.investigate-telegram,.main-cta,
.offer-stage .offer-topbar a{
  background:var(--logo-green-gradient);
  box-shadow:0 9px 20px rgba(16,189,105,.14);
}
.spy-cta:hover,.cta-access-button:hover,.investigate-telegram:hover,.main-cta:hover{
  box-shadow:0 11px 24px rgba(16,189,105,.19);
}
.social-progress span,.analysis-summary .search-progress span{
  background:var(--logo-green-gradient);
  box-shadow:0 0 8px rgba(16,189,105,.23);
}
.brand-image,.brand-image-main{
  filter:hue-rotate(-49deg) saturate(1.02) brightness(.88) contrast(1.04) drop-shadow(0 8px 17px rgba(16,189,105,.09));
}
.outside-note strong{
  text-shadow:0 0 8px rgba(37,228,134,.16);
}

/* Keep the funnel background flat: no ambient glow blobs behind the content. */
.matrix::before,.matrix::after{
  content:none;
  display:none;
  opacity:0;
}

/* Red alert treatment for the blocked-name trial contact. */
.telegram-ios-reference .suspect-chat .chat-meta i{
  color:#fff;
  background:linear-gradient(145deg,#ef5360,#c62d3b);
  box-shadow:0 0 12px rgba(225,50,63,.44);
}

/* Single brand gradient sampled from the rendered Espia Hub logo. */
:root{
  --logo-green-light:#25e486;
  --logo-green-mid:#10bd69;
  --logo-green-deep:#087b47;
  --logo-green-gradient:linear-gradient(110deg,var(--logo-green-deep) 0%,var(--logo-green-mid) 52%,var(--logo-green-light) 100%);
}
.intro-card h1 em,.offer-title-compact em,.cta-offer-card>h2 em{
  background:var(--logo-green-gradient);
  background-clip:text;
  -webkit-background-clip:text;
}
.spy-cta,.phone-field button,.offer-topbar a,.cta-access-button,.investigate-telegram,.main-cta,
.offer-stage .offer-topbar a{
  background:var(--logo-green-gradient);
  box-shadow:0 9px 20px rgba(16,189,105,.14);
}
.social-progress span,.analysis-summary .search-progress span{
  background:var(--logo-green-gradient);
  box-shadow:0 0 8px rgba(16,189,105,.23);
}
.target-avatar,.testimonial-avatar,.demo-message.sent{
  background:var(--logo-green-gradient);
}
.analysis-ring{
  background:conic-gradient(var(--logo-green-light) var(--progress),#183429 0);
}
.testimonial-dot.active,.testimonial-dots i:first-child{
  background:var(--logo-green-mid);
}

/* Quieter offer background and arrows only between the main offer blocks. */
.offer-stage .code-rain[data-binary-rain]{
  opacity:.43;
}
.offer-stage .code-rain[data-binary-rain]::before{
  opacity:.22;
}
.offer-stage .code-rain[data-binary-rain] .binary-trail{
  opacity:.56;
  filter:brightness(.8);
  text-shadow:none;
}
.offer-preview-panel .preview-feature+.preview-feature{
  padding-top:30px;
}
.offer-preview-panel .preview-feature+.preview-feature::before{
  content:none;
  display:none;
}

/* Balanced decorative background across every funnel stage. */
.code-rain[data-binary-rain]{
  opacity:.72;
}
.code-rain[data-binary-rain]::before{
  opacity:.45;
}
.code-rain[data-binary-rain] .binary-base{
  opacity:.085;
}
.code-rain[data-binary-rain] .binary-trail{
  opacity:.72;
}
.offer-stage .code-rain[data-binary-rain]{
  opacity:.31;
}
.offer-stage .code-rain[data-binary-rain]::before{
  opacity:.14;
}
.offer-stage .code-rain[data-binary-rain] .binary-trail{
  opacity:.44;
}

/* Edge-to-edge mobile canvas for every funnel step and browser safe area. */
html,body{
  min-height:100%;
  background:#020403;
}
@media(max-width:640px){
  html{
    width:100%;
    min-height:100%;
    background:#020403;
    color-scheme:dark;
  }
  body{
    width:100%;
    min-height:100vh;
    min-height:100dvh;
    margin:0;
    overflow-x:hidden;
    background:#020403;
    overscroll-behavior-y:none;
  }
  .stage.active:not(.telegram-stage){
    width:100%;
    min-height:100vh;
    min-height:100dvh;
    margin:0;
    border:0;
    border-radius:0;
    background-color:#020403;
  }
  .intro-stage.active,.social-stage.active,.search-stage.active{
    position:fixed;
    inset:0;
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
  }
  .intro-stage.active{
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .social-stage.active{
    padding-top:max(26px,env(safe-area-inset-top,0px));
    padding-bottom:max(26px,env(safe-area-inset-bottom,0px));
  }
  .search-stage.active{
    overflow-x:hidden;
    overflow-y:auto;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .phone-lookup-stage.active{
    position:fixed;
    inset:0;
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow-y:auto;
    padding-top:max(18px,env(safe-area-inset-top,0px));
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px));
  }
  .offer-stage.active{
    min-height:100vh;
    min-height:100dvh;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
}

/* Offer performance pass: preserve the visual while reducing scroll-time paint work. */
.offer-stage .offer-topbar{
  background:rgba(14,21,24,.985);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.offer-stage .code-rain[data-binary-rain] .binary-trail{
  will-change:transform;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.offer-preview-panel{
  content-visibility:visible;
}
.offer-preview-panel .preview-feature,
.offer-stage .cta-offer-card,
.offer-stage .post-offer-stack>*,
.offer-stage footer{
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:auto 430px;
}
.offer-stage .locked-media,
.offer-stage .story-card,
.offer-stage .map-preview,
.offer-stage .chat-preview{
  contain:layout paint;
}
@media(max-width:640px){
  .offer-stage .offer-topbar{
    box-shadow:0 10px 30px rgba(0,0,0,.46);
  }
  .offer-stage .locked-media>img{
    filter:blur(7px) brightness(.72);
  }
  .offer-stage .story-card>img{
    filter:blur(4px) brightness(.64);
  }
}

/* Pre-offer backdrop: larger neutral squares, no moving characters. */
.intro-stage,
.phone-lookup-stage,
.social-stage,
.search-stage{
  background:linear-gradient(180deg,#000 0%,#050806 14%,#0b100d 32%,#0b100d 68%,#050806 86%,#000 100%);
}
.intro-stage .matrix,
.phone-lookup-stage .matrix,
.social-stage .matrix,
.search-stage .matrix{
  opacity:.68;
  background-image:
    linear-gradient(rgba(181,190,186,.095) 1px,transparent 1px),
    linear-gradient(90deg,rgba(181,190,186,.095) 1px,transparent 1px);
  background-size:52px 52px;
  background-position:center top;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),#000 22%,#000 82%,rgba(0,0,0,.66));
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),#000 22%,#000 82%,rgba(0,0,0,.66));
}

/* Match Safari/Chrome browser chrome to the current light or dark stage. */
html[data-browser-theme="light"],
html[data-browser-theme="light"] body{
  background:#fff!important;
  color-scheme:light;
}
html[data-browser-theme="dark"],
html[data-browser-theme="dark"] body{
  background:#080c0a;
  color-scheme:dark;
}

/* Staggered entrance for the first step. */
@keyframes introPanelIn{
  from{opacity:0;transform:translateY(18px) scale(.975)}
  to{opacity:1;transform:none}
}
@keyframes introElementIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
.intro-stage.active .intro-card{
  animation:introPanelIn .56s cubic-bezier(.2,.8,.2,1) backwards;
}
.intro-stage.active .brand-image-main,
.intro-stage.active .intro-card h1,
.intro-stage.active .intro-card .subtitle,
.intro-stage.active .intro-card .spy-cta,
.intro-stage.active .intro-card .trust-row,
.intro-stage.active .outside-note{
  animation:introElementIn .58s cubic-bezier(.2,.8,.2,1) backwards;
}
.intro-stage.active .brand-image-main{animation-delay:.12s}
.intro-stage.active .intro-card h1{animation-delay:.2s}
.intro-stage.active .intro-card .subtitle{animation-delay:.29s}
.intro-stage.active .intro-card .spy-cta{animation-delay:.38s}
.intro-stage.active .intro-card .trust-row{animation-delay:.47s}
.intro-stage.active .outside-note{animation-delay:.58s}

@media(prefers-reduced-motion:reduce){
  .intro-stage.active .intro-card,
  .intro-stage.active .brand-image-main,
  .intro-stage.active .intro-card h1,
  .intro-stage.active .intro-card .subtitle,
  .intro-stage.active .intro-card .spy-cta,
  .intro-stage.active .intro-card .trust-row,
  .intro-stage.active .outside-note{
    animation:none!important;
  }
}

/* Near-black pixel texture fading into black at the top and bottom. */
.intro-stage .matrix,
.phone-lookup-stage .matrix,
.social-stage .matrix,
.search-stage .matrix{
  opacity:1;
  inset:0;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%231a251f'/%3E%3Cstop offset='1' stop-color='%230a100c'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%23151f1a'/%3E%3Cstop offset='1' stop-color='%23080d0a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='3' width='5' height='5' rx='.35' fill='url(%23a)'/%3E%3Crect x='16' y='3' width='5' height='5' rx='.35' fill='url(%23b)'/%3E%3Crect x='3' y='16' width='5' height='5' rx='.35' fill='url(%23b)'/%3E%3Crect x='16' y='16' width='5' height='5' rx='.35' fill='url(%23a)'/%3E%3C/svg%3E");
  background-size:26px 26px;
  background-position:0 0;
  background-repeat:repeat;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
  pointer-events:none;
  contain:paint;
  will-change:opacity;
  animation:funnelPixelPulse 7.2s ease-in-out infinite;
}
@keyframes funnelPixelPulse{
  0%,100%{opacity:.74}
  50%{opacity:.86}
}
.intro-stage .matrix::before,
.intro-stage .matrix::after,
.phone-lookup-stage .matrix::before,
.phone-lookup-stage .matrix::after,
.social-stage .matrix::before,
.social-stage .matrix::after,
.search-stage .matrix::before,
.search-stage .matrix::after{
  content:none;
  display:none;
}

/* Make the animated offer rain visible without overpowering the content. */
.offer-stage .code-rain[data-binary-rain]{
  opacity:.62;
}
.offer-stage .code-rain[data-binary-rain]::before{
  opacity:.22;
}
.offer-stage .code-rain[data-binary-rain] .binary-trail{
  opacity:.8;
  filter:brightness(1.02);
  text-shadow:0 0 5px rgba(37,196,115,.3);
}

/* Mobile-first viewport guard: keep every stage inside the device width. */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  touch-action:manipulation;
}
body{min-width:0}
main,
.stage{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
main :where(section,article,div,header,footer,form,nav,aside){min-width:0}
img,
video,
canvas{
  max-width:100%;
  height:auto;
}

@media(max-width:640px){
  .intro-wrap,
  .phone-lookup-shell,
  .social-shell,
  .search-shell,
  .phone-screen,
  .offer-wrap,
  .number-confirm-card,
  .blocked-modal-card{
    max-width:100%;
  }
  .offer-wrap{width:calc(100% - 24px)}
  .intro-card h1>span,
  .social-heading h2 .number-line,
  .deep-scan-heading h2 .number-line{
    white-space:normal;
  }
  .intro-card h1,
  .social-heading h2,
  .deep-scan-heading h2,
  .offer-title-compact,
  .cta-offer-card>h2,
  .compact-faq summary{
    overflow-wrap:break-word;
  }
  input,
  textarea,
  select{
    max-width:100%;
    font-size:16px;
  }
}

@media(prefers-reduced-motion:reduce){
  .intro-stage .matrix,
  .phone-lookup-stage .matrix,
  .social-stage .matrix,
  .search-stage .matrix{
    animation:none!important;
    transform:none!important;
  }
}

/* Original matrix background. Cards, buttons and brand styling stay untouched. */
body{
  background:#000;
  isolation:isolate;
}
#original-matrix{
  position:fixed;
  top:0;
  left:0;
  z-index:0;
  width:100%;
  height:100%;
  opacity:.44;
  pointer-events:none;
}
body>main{
  position:relative;
  z-index:1;
}

/* Let the new fixed background show through every dark funnel stage. */
.intro-stage,
.phone-lookup-stage,
.social-stage,
.search-stage,
.offer-stage{
  background:transparent!important;
}
.intro-stage .matrix,
.phone-lookup-stage .matrix,
.social-stage .matrix,
.search-stage .matrix{
  display:none!important;
  animation:none!important;
}
.offer-stage .code-rain[data-binary-rain]{
  display:none!important;
}

@media(prefers-reduced-motion:reduce){
  #original-matrix{opacity:.3}
}

/* Black funnel background with the existing binary canvas preserved. */
html,
body{
  background:#000!important;
}

/* The offer is a document-length stage, unlike the fixed funnel screens. */
body.offer-active{
  height:auto!important;
  min-height:100%;
  overflow-y:auto!important;
  overscroll-behavior-y:auto;
  touch-action:pan-y;
}
body.offer-active .offer-stage.active{
  position:relative;
  height:auto;
  max-height:none;
  min-height:100svh;
  overflow-x:hidden;
  overflow-y:visible;
  touch-action:pan-y;
}

/* Clearly labelled, non-interactive Telegram-style simulation screens. */
.telegram-auth-stage{
  position:fixed;
  inset:0;
  z-index:40;
  min-height:100vh;
  min-height:100dvh;
  padding:0;
  color:#111;
  background:#e9eef2!important;
  overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
}
.telegram-auth-stage.active{display:grid;place-items:center}
.telegram-auth-screen{
  width:min(592px,100%);
  height:min(888px,100vh);
  height:min(888px,100dvh);
  position:relative;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 80px rgba(0,0,0,.22);
}
.telegram-auth-status{
  height:58px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 42px;
  color:#0a0a0a;
  font-size:16px;
  font-weight:700;
}
.telegram-auth-status>span:last-child{text-align:right;font-size:14px;letter-spacing:.4px}
.telegram-auth-capsule{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 12px;
  color:#fff;
  background:#1599f5;
  border-radius:99px;
  font-size:12px;
  letter-spacing:.5px;
}
.telegram-auth-back{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  position:absolute;
  z-index:3;
  top:72px;
  left:20px;
  padding:0 0 4px;
  color:#111;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:50%;
  cursor:pointer;
  font-size:34px;
  font-weight:200;
  line-height:1;
}
.telegram-auth-close{padding:0 0 5px;font-size:32px}
.telegram-auth-content{
  width:calc(100% - 64px);
  max-width:510px;
  display:flex;
  align-items:center;
  flex-direction:column;
  position:absolute;
  top:clamp(84px,12vh,108px);
  left:50%;
  text-align:center;
  transform:translateX(-50%);
}
.telegram-auth-emoji{display:block;font-size:92px;line-height:1}
.telegram-auth-content h2{margin:30px 0 18px;font:700 38px/1.05 inherit;letter-spacing:-1.2px}
.telegram-auth-content>p{max-width:470px;margin:0;color:#171717;font-size:22px;line-height:1.35}
.telegram-country-row,
.telegram-number-row,
.telegram-sync-row{
  width:100%;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #e7e7e7;
  font-size:22px;
}
.telegram-country-row{margin-top:42px;color:#1597e9;border-bottom:1px solid #e7e7e7}
.telegram-country-row b{color:#bbb;font-size:34px;font-weight:300}
.telegram-number-row{justify-content:flex-start;gap:28px;position:relative;color:#111}
.telegram-number-row span{padding-right:28px;border-right:1px solid #e1e1e1}
.telegram-number-row strong{color:#aeb2b7;font-weight:400;letter-spacing:2px}
.telegram-number-row.is-pasting strong{animation:telegramPasteCursor .72s steps(2,end) infinite}
.telegram-number-row.is-pasted strong{color:#202124;animation:telegramPasted .55s ease both}
@keyframes telegramPasteCursor{50%{opacity:.38}}
@keyframes telegramPasted{0%{transform:translateY(-5px);opacity:.2}100%{transform:none;opacity:1}}

/* Controls keep their native appearance; tapping them opens the VIP modal. */
.telegram-ios-reference .telegram-locked-control{opacity:1;cursor:pointer}
.telegram-ios-reference .telegram-locked-control::after{content:none}
.telegram-ios-reference .conversation-composer.conversation-locked{cursor:pointer}
.telegram-ios-reference .conversation-composer.conversation-locked input{color:inherit;background:#fff;cursor:pointer}

/* Match the logo's colored mark to the funnel green while preserving its white lettering. */
.brand-image,.brand-image-main{
  filter:hue-rotate(-67deg) saturate(1.08) brightness(.86) contrast(1.05) drop-shadow(0 8px 17px rgba(16,189,105,.1));
}

/* Black Telegram finding card, green outline, and a red warning signal. */
.social-found{
  background:#020403;
  border-color:var(--logo-green-mid);
  box-shadow:0 15px 34px rgba(0,0,0,.42);
}
.social-found>div>span{
  color:#fff;
  background:#e33245;
  box-shadow:0 0 12px rgba(227,50,69,.42);
}
.social-found small{color:#8fa89a}
.telegram-sync-row i{width:58px;height:34px;position:relative;background:#30cf65;border-radius:99px}
.telegram-sync-row i::after{content:"";width:30px;height:30px;position:absolute;top:2px;right:2px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.22)}
.telegram-simulation-note{
  width:calc(100% - 80px);
  position:absolute;
  bottom:92px;
  left:40px;
  margin:0;
  color:#7f8790;
  text-align:center;
  font-size:12px;
  line-height:1.4;
}
.telegram-auth-continue{
  width:calc(100% - 64px);
  min-height:66px;
  display:grid;
  place-items:center;
  position:absolute;
  bottom:26px;
  left:32px;
  color:#8b8b90;
  background:#ededee;
  border-radius:99px;
  font-size:19px;
  font-weight:600;
}
.telegram-code-content{top:clamp(135px,18vh,165px)}
.telegram-code-content .telegram-auth-emoji{font-size:100px;filter:grayscale(1)}
.telegram-code-content h2{margin-top:30px}
.telegram-code-content>p{font-size:20px}
.telegram-code-boxes{display:flex;gap:18px;margin-top:44px}
.telegram-code-boxes i{
  width:62px;
  height:70px;
  display:grid;
  place-items:center;
  color:#1d1d1f;
  background:#fff;
  border:2px solid #c9c9ca;
  border-radius:18px;
  font-size:27px;
  font-style:normal;
  font-weight:600;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.telegram-code-boxes i:first-child{border-color:#168fd5}
.telegram-code-boxes.accepted i{color:#087939;background:#ecfff3;border-color:#2fc56a}
.telegram-code-boxes.shake{animation:telegramCodeShake .3s ease}
.telegram-code-feedback{min-height:24px;margin-top:20px;color:#6f7780;font-size:14px;font-weight:700}
.telegram-code-feedback.error{color:#d84343}
.telegram-code-feedback.success{color:#15924a}
.telegram-crypto-card{
  width:min(470px,100%);
  min-height:76px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin-top:14px;
  padding:13px 16px;
  color:#1c1c1e;
  text-align:left;
  background:#f7f8f9;
  border:1px solid #d8dde2;
  border-radius:15px;
  box-shadow:0 7px 20px rgba(0,0,0,.07);
}
.telegram-crypto-cycle{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  grid-row:1;
  color:#fff;
  background:linear-gradient(145deg,#29cf78,#11914e);
  border-radius:50%;
  animation:cryptoPulse 1.15s ease-in-out infinite;
}
.telegram-crypto-cycle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:cryptoSpin 1.5s linear infinite}
.telegram-crypto-card>div{min-width:0}
.telegram-crypto-card strong,.telegram-crypto-card small{display:block}
.telegram-crypto-card strong{overflow:hidden;color:#2c2c2e;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.telegram-crypto-card small{margin-top:5px;color:#777d85;font-size:13px}
.telegram-crypto-card small.is-changing{animation:cryptoTextSwap .34s ease both}
.telegram-crypto-card.complete{border-color:rgba(37,197,105,.55)}
.telegram-crypto-card.complete{background:#f2fbf6}
.telegram-crypto-card.complete .telegram-crypto-cycle{background:linear-gradient(145deg,#29cb73,#138f4d);animation:none}
.telegram-crypto-card.complete .telegram-crypto-cycle svg{animation:none}
@keyframes cryptoSpin{to{transform:rotate(360deg)}}
@keyframes cryptoPulse{50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(41,207,120,.1)}}
@keyframes cryptoTextSwap{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
.telegram-code-help{position:absolute;bottom:88px;left:0;right:0;color:#1597e9;text-align:center;font-size:17px}
.telegram-auth-stage[data-stage="telegram-code-sim"] .telegram-simulation-note{bottom:28px}
@keyframes telegramCodeShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}

@media(max-width:640px){
  .telegram-auth-screen{width:100%;height:100vh;height:100dvh;box-shadow:none}
  .telegram-auth-status{height:52px;padding:0 24px;font-size:15px}
  .telegram-auth-status>span:last-child{font-size:12px}
  .telegram-auth-capsule{min-height:27px;padding:0 10px;font-size:10px}
  .telegram-auth-back{width:44px;height:44px;top:68px;left:16px;font-size:28px}
  .telegram-auth-close{font-size:26px}
  .telegram-auth-content{width:calc(100% - 40px);top:clamp(78px,11vh,96px)}
  .telegram-auth-emoji{font-size:74px}
  .telegram-auth-content h2{margin:24px 0 14px;font-size:32px}
  .telegram-auth-content>p{font-size:17px}
  .telegram-country-row,.telegram-number-row,.telegram-sync-row{min-height:68px;font-size:18px}
  .telegram-country-row{margin-top:34px}
  .telegram-code-content{top:clamp(125px,16vh,150px)}
  .telegram-code-content .telegram-auth-emoji{font-size:80px}
  .telegram-code-content>p{font-size:16px}
  .telegram-code-boxes{gap:10px;margin-top:34px}
  .telegram-code-boxes i{width:52px;height:60px;border-radius:15px;font-size:23px}
  .telegram-code-feedback{margin-top:14px;font-size:12px}
  .telegram-crypto-card{min-height:68px;grid-template-columns:40px minmax(0,1fr);gap:11px;margin-top:10px;padding:10px 12px;border-radius:13px}
  .telegram-crypto-cycle{width:36px;height:36px}
  .telegram-crypto-cycle svg{width:21px;height:21px}
  .telegram-crypto-card strong{font-size:13px}
  .telegram-crypto-card small{margin-top:3px;font-size:11px}
  .telegram-simulation-note{width:calc(100% - 48px);left:24px;bottom:86px;font-size:11px}
  .telegram-auth-continue{width:calc(100% - 40px);min-height:58px;left:20px;bottom:20px;font-size:17px}
  .telegram-code-help{bottom:72px;font-size:15px}
  .telegram-auth-stage[data-stage="telegram-code-sim"] .telegram-simulation-note{bottom:20px}
}

/* Matrix/hacker visual identity applied without changing page copy. */
:root{
  --matrix-green:#00ed69;
  --matrix-green-soft:#6bffab;
  --matrix-line:rgba(0,237,105,.24);
  --matrix-muted:#8ca798;
}
html[data-browser-theme="dark"],html[data-browser-theme="dark"] body{background:#000!important}
#original-matrix{
  display:block;
  opacity:.58;
  mix-blend-mode:screen;
  filter:saturate(.92) brightness(.82);
}
html[data-browser-theme="light"] #original-matrix{display:none}
body>main{position:relative;z-index:1}
body>main::before{
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.4)),repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 18%,rgba(0,237,105,.06),transparent 43%);
}
html[data-browser-theme="light"] body>main::before{display:none}
:is(.intro-stage,.social-stage,.offer-stage){background:transparent!important;color:#f4fff8}
:is(.intro-stage,.social-stage,.offer-stage)::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,237,105,.025) 1px,transparent 1px),linear-gradient(rgba(0,237,105,.02) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 82%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 82%,transparent);
}

/* The first card is intentionally narrower than the other funnel cards. */
.intro-wrap{width:min(395px,calc(100% - 32px))}
.social-shell{width:min(400px,calc(100% - 28px))}
.offer-preview-panel{width:min(400px,100%)}
.target-card,.completion-callout{width:min(460px,100%)}
.pricing.cta-offer-card,.post-offer-stack{width:min(540px,100%)}

.intro-card{
  overflow:hidden;
  color:#f4fff8;
  background:linear-gradient(145deg,rgba(18,20,19,.97),rgba(7,9,8,.99));
  border-color:rgba(136,148,142,.22);
  border-radius:16px;
  box-shadow:0 22px 62px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.intro-card::before{
  content:"";
  width:52px;
  height:2px;
  position:absolute;
  top:-1px;
  left:22px;
  background:linear-gradient(90deg,#00ed69,transparent);
  box-shadow:0 0 10px rgba(0,237,105,.35);
}
.intro-card h1 em,.offer-title-compact em,.cta-offer-card>h2 em{
  background:linear-gradient(110deg,#008f49 0%,#00ed69 58%,#78ffb2 100%);
  background-clip:text;
  -webkit-background-clip:text;
}
.subtitle strong,.trust-row i,.simulation-tag,.social-heading>span,.preview-icon,.testimonial-panel h2 em,.compact-faq summary i,.cta-price,.cta-feature-list i{color:#00ed69}
.outside-note strong{color:#00ed69;text-shadow:0 0 10px rgba(0,237,105,.24)}

:is(.spy-cta,.phone-field button,.investigate-telegram,.main-cta,.cta-access-button,.offer-stage .offer-topbar a,.number-confirm-button){
  color:#fff!important;
  background:linear-gradient(105deg,#006f36 0%,#00bd5b 48%,#26eb80 100%);
  border-color:rgba(107,255,171,.3);
  box-shadow:0 10px 24px rgba(0,160,74,.18),inset 0 1px 0 rgba(255,255,255,.14);
}
:is(.spy-cta,.investigate-telegram,.main-cta,.cta-access-button,.offer-stage .offer-topbar a,.number-confirm-button) :is(strong,small,span){color:inherit!important}
.spy-cta .eye-icon,.phone-field button svg{color:#fff!important;stroke:#fff}
.phone-field{background:rgba(5,7,6,.9);border-color:rgba(0,237,105,.28);border-radius:9px}
.phone-field:focus-within{border-color:#00ed69;box-shadow:0 0 0 3px rgba(0,237,105,.09)}

.social-heading,.social-network-list article,.social-scan-status{
  color:#f4fff8;
  background:linear-gradient(145deg,rgba(18,20,19,.97),rgba(7,9,8,.99));
  border-color:rgba(135,146,140,.2);
  box-shadow:0 16px 42px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.025);
}
.social-heading{border-radius:11px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.social-network-list article{border-radius:8px;box-shadow:inset 3px 0 0 rgba(0,237,105,.11),0 12px 28px rgba(0,0,0,.32)}
.social-network-list article.scanning{border-color:#00ed69;box-shadow:inset 3px 0 0 #00ed69,0 0 22px rgba(0,237,105,.08)}
.social-progress{background:#0b0e0c;border:1px solid rgba(0,237,105,.12)}
.social-progress span{background:linear-gradient(90deg,#006f38,#00ed69);box-shadow:0 0 11px rgba(0,237,105,.3)}
.social-found{background:linear-gradient(145deg,rgba(16,18,17,.98),rgba(6,8,7,.99));border-color:rgba(0,237,105,.48);border-radius:8px;box-shadow:0 16px 38px rgba(0,0,0,.52),inset 3px 0 0 #00ed69}

/* Offer cards use dark graphite gray instead of green surfaces. */
.offer-stage :is(.target-card,.completion-callout,.offer-preview-panel,.pricing.cta-offer-card,.testimonial-panel,.compact-faq,.guarantee-card){
  color:#f5f7f6;
  background:linear-gradient(145deg,rgba(12,14,14,.99),rgba(4,5,5,.997));
  border-color:rgba(115,124,120,.16);
  box-shadow:0 22px 62px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.025);
}
.target-card,.completion-callout{border-radius:9px}
.offer-stage .target-card{box-shadow:inset 3px 0 0 rgba(118,128,123,.36),0 18px 44px rgba(0,0,0,.42)}
.offer-stage .completion-callout{background:linear-gradient(145deg,rgba(14,16,16,.99),rgba(4,5,5,.997));border-color:rgba(115,124,120,.16)}
.offer-preview-panel,.pricing.cta-offer-card,.testimonial-panel,.compact-faq{border-radius:12px}
.offer-stage :is(.cta-price-box,.testimonial-quote,.cta-feature-list li,.compact-faq details){
  background:linear-gradient(145deg,rgba(18,20,20,.92),rgba(8,9,9,.97));
  border-color:rgba(115,124,120,.13);
}
.offer-stage .compact-faq details[open]{border-color:rgba(0,237,105,.3);box-shadow:inset 2px 0 0 #00ed69}
.preview-icon{background:rgba(0,237,105,.075);border:1px solid rgba(0,237,105,.13)}
.flow-arrow i{border-color:#00ed69;filter:drop-shadow(0 0 5px rgba(0,237,105,.32))}
.offer-stage .offer-topbar{
  background:rgba(11,12,12,.985);
  border-color:rgba(115,124,120,.16);
  border-radius:9px;
  box-shadow:0 18px 48px rgba(0,0,0,.62),inset 3px 0 0 rgba(118,128,123,.4);
}

.telegram-auth-status,.telegram-ios-reference .ios-status{display:flex;align-items:center;justify-content:center;padding-inline:20px}
.telegram-auth-capsule,.telegram-ios-reference .telegram-capsule{margin-inline:auto}

@media(max-width:640px){
  #original-matrix{opacity:.48;filter:saturate(.88) brightness(.7)}
  .intro-wrap{width:min(395px,calc(100% - 32px))}
  .social-shell{width:calc(100% - 34px)}
  .offer-wrap{width:calc(100% - 34px)}
  .intro-card{border-radius:13px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
  .telegram-auth-status,.telegram-ios-reference .ios-status{padding-inline:16px}
}

/* Final sizing and offer emphasis. */
.intro-stage .trust-row{
  gap:11px 18px;
  font-size:12.5px;
}
.intro-stage .trust-row i{font-size:13px}
.intro-stage .outside-note{
  margin-top:17px;
  font-size:13.5px;
  line-height:1.45;
}
.intro-stage .outside-note strong{font-size:15px}

.offer-stage .offer-wrap .completion-callout{
  color:#f5fff9;
  background:linear-gradient(135deg,rgba(0,105,49,.96),rgba(0,47,23,.98));
  border-color:rgba(0,237,105,.6);
  box-shadow:0 18px 46px rgba(0,0,0,.48),inset 3px 0 0 #00ed69,inset 0 1px 0 rgba(255,255,255,.06);
}

@media(max-width:480px){
  .intro-stage .trust-row{gap:10px 13px;font-size:11.5px}
  .intro-stage .trust-row i{font-size:12px}
  .intro-stage .outside-note{font-size:12.5px}
  .intro-stage .outside-note strong{font-size:14.5px}
}

/* Offer icons sit beside their headings, without a colored tile. */
.offer-stage .offer-preview-panel .preview-feature header{
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:0;
  text-align:center;
}
.offer-stage .offer-preview-panel .preview-feature header>div{
  max-width:none;
  min-width:0;
}
.offer-stage .offer-preview-panel .preview-feature h3{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}
.offer-stage .offer-preview-panel .preview-icon{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin-top:0;
  padding:0;
  color:#00ed69;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.offer-stage .offer-preview-panel .preview-icon svg{
  width:22px;
  height:22px;
}

/* WhatsApp identity: keeps the funnel structure and replaces only Telegram-facing UI. */
.network-icon.facebook{
  color:#fff;
  background:linear-gradient(145deg,#2384e8,#1465c0);
  font:800 31px/1 Arial,sans-serif;
  text-transform:lowercase;
}
.telegram-auth-capsule,
.telegram-ios-reference .telegram-capsule{
  gap:6px;
  color:#fff;
  background:#25d366;
  box-shadow:0 6px 18px rgba(37,211,102,.24);
  letter-spacing:.35px;
}
.telegram-auth-capsule svg,
.telegram-ios-reference .capsule-whatsapp{
  width:15px;
  height:15px;
  flex:0 0 auto;
  fill:currentColor;
}
.telegram-country-row,
.telegram-code-help{color:#128c7e}
.telegram-code-boxes i:first-child{border-color:#25d366}

.telegram-ios-reference{
  --tg-accent:#25d366;
  --tg-incoming-bubble:#fff;
  --tg-outgoing-bubble:#d9fdd3;
  --tg-outgoing-secondary:#47825d;
  --tg-list-secondary:#667781;
  --tg-navigation-blur-base:rgba(248,249,250,.96);
  background:#fff;
}
.telegram-ios-reference .telegram-header{
  color:#fff;
  background:#075e54;
  border:0;
}
.telegram-ios-reference .telegram-header h2,
.telegram-ios-reference .plain-button,
.telegram-ios-reference .header-actions{
  color:#fff;
}
.telegram-ios-reference .plain-button{
  width:34px;
  overflow:hidden;
  font-size:27px;
  font-weight:700;
  line-height:1;
}
.telegram-ios-reference .header-actions button{color:#fff}
.telegram-ios-reference .search-bar{
  width:calc(100% - 20px);
  margin:8px 10px 9px;
  color:#667781;
  background:#f0f2f5;
  border-radius:9px;
}
.telegram-ios-reference .chat-list{background:#fff}
.telegram-ios-reference .chat-row::after{background:rgba(11,20,26,.1)}
.telegram-ios-reference .chat-copy strong{color:#111b21}
.telegram-ios-reference .chat-copy small,
.telegram-ios-reference .chat-meta{color:#667781}
.telegram-ios-reference .chat-meta i,
.telegram-ios-reference .archived-row b{background:#25d366}
.telegram-ios-reference .archive-icon,
.telegram-ios-reference .panel-note,
.telegram-ios-reference .settings-symbol{
  color:#128c7e;
  background:#e7f8ef;
}
.telegram-ios-reference .tab-bar{
  background:rgba(248,249,250,.97);
  border-top-color:rgba(11,20,26,.12);
}
.telegram-ios-reference .tab-bar button{color:#667781}
.telegram-ios-reference .tab-bar button.active{color:#128c7e}
.telegram-ios-reference .conversation-view{
  background-color:#efeae2;
  background-image:
    radial-gradient(circle at 16px 16px,rgba(7,94,84,.05) 0 1.5px,transparent 1.7px),
    radial-gradient(circle at 44px 44px,rgba(7,94,84,.04) 0 2px,transparent 2.2px);
  background-size:60px 60px;
}
.telegram-ios-reference .conversation-header{
  color:#fff;
  background:#075e54;
  border-color:#064f47;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.telegram-ios-reference .conversation-header>button,
.telegram-ios-reference .conversation-person strong,
.telegram-ios-reference .conversation-person small{color:#fff}
.telegram-ios-reference .conversation-person small{opacity:.78}
.telegram-ios-reference .conversation-date{background:rgba(255,255,255,.86);color:#667781}
.telegram-ios-reference .conversation-bubble.sent{background:#d9fdd3}
.telegram-ios-reference .conversation-bubble.received{background:#fff}
.telegram-ios-reference .audio-bubble>button,
.telegram-ios-reference .audio-bubble.sent>button{background:#25d366}
.telegram-ios-reference .audio-wave i,
.telegram-ios-reference .audio-bubble.sent .audio-wave i{background:#53b88a}
.telegram-ios-reference .conversation-composer{
  background:#f0f2f5;
  border-top-color:rgba(11,20,26,.12);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.telegram-ios-reference .conversation-composer>button{color:#128c7e}

.tg-avatar,
.offer-stage .tg-avatar{
  color:#fff;
  background:linear-gradient(145deg,#25d366,#128c7e);
  box-shadow:0 8px 22px rgba(18,140,126,.24);
  transform:none;
}
.offer-stage .chat-preview{
  background:#0b141a;
  border-color:rgba(37,211,102,.22);
}
.offer-stage .demo-message.received{background:#202c33}
.offer-stage .demo-message.sent{background:#005c4b}

/* WhatsApp reference screens: onboarding, number entry and iOS-style chat list. */
.whatsapp-welcome-screen,
.whatsapp-number-stage .telegram-auth-screen,
.whatsapp-code-stage .telegram-auth-screen{
  color:#0b141a;
  background:#fff;
}
.whatsapp-welcome-content{
  width:min(560px,calc(100% - 56px));
  position:absolute;
  top:clamp(150px,23vh,215px);
  left:50%;
  transform:translateX(-50%);
  text-align:center;
}
.whatsapp-welcome-stage .telegram-auth-back{top:20px;left:20px}
.whatsapp-welcome-art{
  width:min(320px,75vw);
  height:auto;
  overflow:visible;
}
.wa-art-card{fill:#fff8ec;stroke:#111b21;stroke-width:3}
.wa-art-globe{fill:#a6e85d;stroke:#111b21;stroke-width:3}
.wa-art-line,.wa-art-text,.wa-art-lock-line{fill:none;stroke:#111b21;stroke-width:3;stroke-linecap:round}
.wa-art-node{fill:#a6e85d;stroke:#111b21;stroke-width:3}
.wa-art-phone,.wa-art-lock{fill:#21d36d;stroke:#111b21;stroke-width:3}
.wa-art-bubble{fill:#dfffd7;stroke:#111b21;stroke-width:3}
.wa-art-heart{fill:#19cfa2;stroke:#111b21;stroke-width:3}
.wa-art-key{fill:none;stroke:#111b21;stroke-width:3}
.whatsapp-welcome-content h2{
  margin:42px 0 34px;
  color:#000;
  font-size:clamp(31px,5vw,43px);
  line-height:1.08;
  letter-spacing:-1.4px;
}
.whatsapp-welcome-content p{
  margin:0;
  color:#6b7175;
  font-size:clamp(17px,2.7vw,23px);
  line-height:1.5;
}
.whatsapp-welcome-content strong{color:#168f58;font-weight:600}
.whatsapp-primary-button{
  width:calc(100% - 64px);
  max-width:528px;
  min-height:64px;
  position:absolute;
  left:50%;
  bottom:clamp(42px,8vh,78px);
  transform:translateX(-50%);
  color:#fff;
  background:#22ad63;
  border:0;
  border-radius:999px;
  box-shadow:0 4px 12px rgba(34,173,99,.18);
  cursor:pointer;
  font-size:22px;
  font-weight:700;
}
.whatsapp-more-button{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  position:absolute;
  z-index:3;
  top:72px;
  right:20px;
  padding:0 0 8px;
  color:#111;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:50%;
  font-size:25px;
  font-weight:800;
  letter-spacing:2px;
}
.whatsapp-number-stage .telegram-number-content{
  width:calc(100% - 80px);
  max-width:520px;
  top:150px;
  text-align:center;
}
.whatsapp-number-stage .telegram-auth-content h2{
  margin:0 0 26px;
  color:#000;
  font-size:32px;
  line-height:1.15;
  letter-spacing:-.9px;
}
.whatsapp-number-stage .telegram-auth-content>p{
  max-width:520px;
  color:#171717;
  font-size:20px;
  line-height:1.35;
}
.whatsapp-number-card{
  width:100%;
  margin-top:50px;
  padding:0 25px;
  background:#f4f4f5;
  border-radius:32px;
}
.whatsapp-number-stage .telegram-country-row,
.whatsapp-number-stage .telegram-number-row{
  min-height:72px;
  margin:0;
  padding:0;
  border:0;
  font-size:22px;
}
.whatsapp-number-stage .telegram-country-row{
  color:#1caa66;
  border-bottom:1px solid #d7d7d9;
}
.whatsapp-number-stage .telegram-number-row{gap:22px;color:#101214}
.whatsapp-number-stage .telegram-number-row span{padding-right:0;border:0}
.whatsapp-number-stage .telegram-number-row strong{
  color:#101214;
  font-weight:400;
  letter-spacing:.5px;
}
.whatsapp-number-stage .telegram-number-row i{
  width:2px;
  height:35px;
  background:#31c879;
  animation:whatsappCursorBlink .8s steps(2,end) infinite;
}
@keyframes whatsappCursorBlink{50%{opacity:0}}
.whatsapp-number-stage .whatsapp-advance-button{
  width:calc(100% - 70px);
  max-width:530px;
  min-height:58px;
  bottom:305px;
  font-size:21px;
}
.whatsapp-keypad{
  height:280px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px 12px;
  position:absolute;
  inset:auto 16px 0;
  padding:18px 10px 28px;
  background:#dfe1e5;
  border-radius:32px 32px 0 0;
}
.whatsapp-keypad>span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:#000;
  background:#fff;
  border-radius:12px;
  box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.whatsapp-keypad b{font-size:29px;font-weight:500;line-height:1}
.whatsapp-keypad small{margin-top:5px;font-size:10px;font-weight:800;letter-spacing:3px}
.whatsapp-keypad .keypad-empty{background:transparent;box-shadow:none}
.whatsapp-keypad .keypad-delete{background:transparent;box-shadow:none;font-size:33px}

.whatsapp-code-stage .telegram-code-content{top:150px}
.whatsapp-code-stage .telegram-code-content h2{margin-top:24px;font-size:34px}
.whatsapp-code-logo{
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  margin:0 auto;
  color:#fff;
  background:#25d366;
  border-radius:50%;
  box-shadow:0 15px 35px rgba(37,211,102,.2);
  font-size:46px;
  font-weight:800;
}
.whatsapp-code-stage .telegram-code-boxes i:first-child{border-color:#25d366}
.whatsapp-code-stage .telegram-code-help{color:#168f58}

.telegram-ios-reference .ios-status{display:none}
.telegram-stage .phone-screen{background:#fff}
.telegram-ios-reference .telegram-header{
  height:88px;
  align-items:start;
  padding:10px 14px 0;
  color:#111b21;
  background:#fff;
  border-bottom:0;
}
.telegram-ios-reference .telegram-header h2{
  left:16px;
  bottom:8px;
  transform:none;
  color:#111b21;
  font-size:28px;
  letter-spacing:-.7px;
}
.telegram-ios-reference .telegram-header>.plain-button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0 0 7px;
  color:#111b21;
  background:#f0f2f5;
  border-radius:50%;
  font-size:23px;
}
.telegram-ios-reference .header-actions{
  align-items:center;
  gap:12px;
  color:#111b21;
}
.telegram-ios-reference .header-actions button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  color:#111b21;
  background:#f0f2f5;
  border-radius:50%;
}
.telegram-ios-reference .header-actions button:last-child{
  color:#fff;
  background:#25d366;
}
.telegram-ios-reference .header-actions svg{width:20px;height:20px}
.telegram-ios-reference .search-bar{
  width:calc(100% - 28px);
  height:38px;
  margin:4px 14px 8px;
  color:#667781;
  background:#f0f2f5;
  border-radius:11px;
}
.telegram-ios-reference .chat-list{padding-left:14px}
.telegram-ios-reference .chat-row{height:74px;padding-right:15px}
.telegram-ios-reference .tab-bar{
  height:78px;
  grid-template-columns:repeat(5,1fr);
  padding-inline:3px;
  background:rgba(255,255,255,.98);
}
.telegram-ios-reference .tab-bar button{min-width:0}
.telegram-ios-reference .tab-bar button small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:9px;
  white-space:nowrap;
}
.telegram-ios-reference .conversation-header{
  color:#111b21;
  background:rgba(255,255,255,.96);
  border-color:rgba(11,20,26,.12);
}
.telegram-ios-reference .conversation-header>button{color:#168f58}
.telegram-ios-reference .conversation-person strong{color:#111b21}
.telegram-ios-reference .conversation-person small{color:#667781;opacity:1}

@media(max-width:640px){
  .whatsapp-welcome-stage .telegram-auth-back{top:16px;left:16px}
  .whatsapp-welcome-content{top:clamp(120px,18vh,165px)}
  .whatsapp-welcome-art{width:min(255px,68vw)}
  .whatsapp-welcome-content h2{margin:28px 0 24px;font-size:31px}
  .whatsapp-welcome-content p{font-size:16px}
  .whatsapp-primary-button{width:calc(100% - 38px);min-height:56px;bottom:26px;font-size:18px}
  .whatsapp-more-button{width:44px;height:44px;top:26px;right:16px;font-size:20px}
  .whatsapp-number-stage .telegram-auth-back{top:26px}
  .whatsapp-number-stage .telegram-number-content{width:calc(100% - 38px);top:105px}
  .whatsapp-number-stage .telegram-auth-content h2{margin-bottom:18px;font-size:25px}
  .whatsapp-number-stage .telegram-auth-content>p{font-size:16px}
  .whatsapp-number-card{margin-top:34px;padding:0 19px;border-radius:26px}
  .whatsapp-number-stage .telegram-country-row,.whatsapp-number-stage .telegram-number-row{min-height:61px;font-size:19px}
  .whatsapp-number-stage .whatsapp-advance-button{width:calc(100% - 38px);bottom:278px;min-height:52px}
  .whatsapp-keypad{height:258px;inset:auto 0 0;padding:14px 10px 20px;border-radius:25px 25px 0 0}
  .whatsapp-keypad b{font-size:26px}
  .whatsapp-code-stage .telegram-auth-back{top:26px}
  .whatsapp-code-stage .telegram-code-content{top:105px}
  .whatsapp-code-logo{width:72px;height:72px;font-size:36px}
  .whatsapp-code-stage .telegram-code-content h2{font-size:28px}
}

@media(max-height:760px) and (max-width:640px){
  .whatsapp-welcome-content{top:82px}
  .whatsapp-welcome-art{width:190px}
  .whatsapp-welcome-content h2{margin:17px 0 13px;font-size:27px}
  .whatsapp-welcome-content p{font-size:14px;line-height:1.38}
  .whatsapp-number-stage .telegram-number-content{top:80px}
  .whatsapp-number-stage .telegram-auth-content h2{font-size:22px}
  .whatsapp-number-stage .telegram-auth-content>p{font-size:14px}
  .whatsapp-number-card{margin-top:18px}
  .whatsapp-number-stage .whatsapp-advance-button{bottom:238px}
  .whatsapp-keypad{height:220px}
  .whatsapp-keypad b{font-size:22px}
}

/* Precision pass based on the WhatsApp iOS references. */
.whatsapp-welcome-content,
.whatsapp-number-stage .telegram-number-content,
.whatsapp-code-stage .telegram-code-content{
  right:auto;
  left:50%;
  transform:translateX(-50%);
  box-sizing:border-box;
}
.whatsapp-welcome-stage .telegram-auth-back,
.whatsapp-number-stage .telegram-auth-back,
.whatsapp-code-stage .telegram-auth-back,
.whatsapp-number-stage .whatsapp-more-button,
.whatsapp-code-stage .whatsapp-more-button{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0 0 4px;
  background:#fff;
  border:1px solid #dedede;
  border-radius:50%;
  box-shadow:0 5px 16px rgba(0,0,0,.035);
}
.whatsapp-verification-progress{
  width:min(220px,48vw);
  height:5px;
  position:absolute;
  top:49px;
  left:50%;
  overflow:hidden;
  transform:translateX(-50%);
  background:#e6e7e8;
  border-radius:99px;
}
.whatsapp-verification-progress i{
  width:18%;
  height:100%;
  display:block;
  background:#20ad66;
  border-radius:inherit;
  transition:width .55s ease;
}
.whatsapp-code-stage .telegram-code-content{
  width:min(540px,calc(100% - 40px));
  max-width:540px;
  top:122px;
  text-align:center;
}
.whatsapp-code-stage .telegram-code-content h2{
  margin:0 0 24px;
  color:#090909;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.65px;
}
.whatsapp-code-stage .telegram-code-content>p{
  max-width:510px;
  margin:0 auto 15px;
  color:#202124;
  font-size:18px;
  line-height:1.38;
}
.whatsapp-verification-number{
  display:block;
  margin:4px auto 0;
  color:#6f767b;
  font-size:13px;
}
.whatsapp-verification-number strong{color:#31373b}
.whatsapp-code-stage .telegram-code-boxes{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:34px auto 0;
}
.whatsapp-code-stage .telegram-code-boxes i{
  width:56px;
  height:64px;
  display:grid;
  place-items:center;
  flex:0 0 56px;
  color:#111;
  background:#f4f4f5;
  border:2px solid transparent;
  border-radius:9px;
  font-size:25px;
  font-style:normal;
}
.whatsapp-code-stage .telegram-code-boxes i:first-child{
  border-color:#21ad66;
  box-shadow:0 0 0 1px rgba(33,173,102,.08);
}
.whatsapp-code-stage .telegram-code-boxes>span{
  width:10px;
  flex:0 0 10px;
  color:#111;
  font-size:27px;
  font-weight:800;
}
.whatsapp-code-stage .telegram-code-feedback{
  min-height:19px;
  margin:12px auto 0;
  font-size:12px;
  line-height:1.35;
}
.whatsapp-code-stage .telegram-code-help{
  display:block;
  position:static;
  margin:38px auto 0;
  color:#18995b;
  text-align:center;
  font-size:16px;
  font-weight:700;
}
.whatsapp-code-stage .telegram-crypto-card{
  width:min(430px,100%);
  min-height:72px;
  margin:28px auto 0;
  box-sizing:border-box;
  text-align:left;
}
.telegram-ios-reference .phone-screen,
.telegram-ios-reference .telegram-header,
.telegram-ios-reference .search-bar,
.telegram-ios-reference .chat-list,
.telegram-ios-reference .tab-bar{box-sizing:border-box}
.telegram-ios-reference .conversation-bubble{max-width:78%}
.telegram-ios-reference .audio-bubble{width:min(280px,78%)}
.telegram-ios-reference .conversation-photo{width:min(272px,78vw)}
.telegram-ios-reference .conversation-composer{width:100%;box-sizing:border-box}

@media(max-width:640px){
  .whatsapp-code-stage .telegram-code-content{width:calc(100% - 30px);top:102px}
  .whatsapp-code-stage .telegram-code-content h2{margin-bottom:18px;font-size:24px}
  .whatsapp-code-stage .telegram-code-content>p{margin-bottom:12px;font-size:15px}
  .whatsapp-verification-number{font-size:11px}
  .whatsapp-code-stage .telegram-code-boxes{gap:5px;margin-top:27px}
  .whatsapp-code-stage .telegram-code-boxes i{width:47px;height:58px;flex-basis:47px;font-size:22px}
  .whatsapp-code-stage .telegram-code-boxes>span{width:8px;flex-basis:8px;font-size:23px}
  .whatsapp-code-stage .telegram-code-help{margin-top:30px;font-size:14px}
  .whatsapp-code-stage .telegram-crypto-card{margin-top:22px}
}

@media(max-width:380px){
  .whatsapp-code-stage .telegram-code-boxes{gap:4px}
  .whatsapp-code-stage .telegram-code-boxes i{width:42px;height:54px;flex-basis:42px}
}

@media(max-height:760px) and (max-width:640px){
  .whatsapp-code-stage .telegram-code-content{top:84px}
  .whatsapp-code-stage .telegram-code-content h2{margin-bottom:12px;font-size:22px}
  .whatsapp-code-stage .telegram-code-content>p{margin-bottom:8px;font-size:13px;line-height:1.28}
  .whatsapp-code-stage .telegram-code-boxes{margin-top:18px}
  .whatsapp-code-stage .telegram-code-boxes i{height:50px}
  .whatsapp-code-stage .telegram-code-help{margin-top:18px}
  .whatsapp-code-stage .telegram-crypto-card{min-height:62px;margin-top:15px}
}

/* Clearly labeled WhatsApp visual simulation with balanced mobile spacing. */
.network-icon.nexa{
  color:#fff;
  background:linear-gradient(145deg,#24cf7b,#118a58);
  box-shadow:0 7px 18px rgba(17,138,88,.25);
  font:800 22px/1 "DM Sans",sans-serif;
}
.network-icon.whatsapp-simulation{
  color:#fff;
  background:linear-gradient(145deg,#31db7c,#159d59);
  box-shadow:0 7px 18px rgba(21,157,89,.25);
}
.network-icon.whatsapp-simulation svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.simulation-badge{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  z-index:8;
  top:18px;
  left:50%;
  padding:5px 11px;
  color:#087a4b;
  background:#e8fff3;
  border:1px solid #8ee1b9;
  border-radius:99px;
  transform:translateX(-50%);
  font:800 9px/1 "DM Sans",sans-serif;
  letter-spacing:.75px;
  white-space:nowrap;
}
.telegram-auth-screen>.telegram-auth-back,
.telegram-auth-screen>.whatsapp-more-button{top:70px}
.whatsapp-welcome-content{top:clamp(170px,25vh,225px)}
.whatsapp-number-stage .telegram-number-content{top:170px}
.whatsapp-code-stage .telegram-code-content{top:142px}
.whatsapp-verification-progress{top:92px}

.telegram-ios-reference .ios-status{
  height:31px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  flex:0 0 31px;
  padding:7px 16px 0;
  color:#111b21;
  background:#fff;
  font-size:11px;
}
.telegram-ios-reference .ios-status>[data-current-time]{justify-self:start}
.telegram-ios-reference .ios-status .status-icons{justify-self:end;gap:4px}
.telegram-ios-reference .ios-status .signal-icon{width:18px;height:13px}
.telegram-ios-reference .ios-status .wifi-icon{width:17px;height:13px}
.telegram-ios-reference .ios-status .battery-icon{width:22px;height:11px}
.messenger-simulation-badge{
  min-height:22px;
  position:relative;
  top:auto;
  left:auto;
  flex:0 0 auto;
  align-self:center;
  margin:5px auto 0;
  transform:none;
  font-size:8px;
}
.telegram-ios-reference .telegram-header{
  height:86px;
  flex:0 0 86px;
  align-items:start;
  padding:12px 16px 0;
}
.telegram-ios-reference .telegram-header h2{bottom:9px;left:16px;font-size:29px}
.telegram-ios-reference .telegram-header>.plain-button,
.telegram-ios-reference .header-actions button{width:34px;height:34px}
.telegram-ios-reference .header-actions{gap:14px}
.telegram-ios-reference .search-bar{margin:5px 14px 9px}

.dual-profile-avatar{
  position:relative;
  overflow:visible;
  background:#eef3f0;
  filter:none;
  transform:none;
}
.dual-profile-avatar img{
  width:39px;
  height:39px;
  position:absolute;
  object-fit:cover;
  border:2px solid #fff;
  border-radius:50%;
}
.dual-profile-avatar img:first-child{top:0;left:0;z-index:1}
.dual-profile-avatar img:last-child{right:0;bottom:0;z-index:2}

.telegram-ios-reference .conversation-header{
  min-height:62px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  padding:7px 11px;
  color:#111b21;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e3e6e5;
}
.telegram-ios-reference .conversation-header>button{font-size:0;gap:0}
.telegram-ios-reference .conversation-header>button span{font-size:31px}
.telegram-ios-reference .conversation-person{min-width:0;align-items:flex-start}
.telegram-ios-reference .conversation-person strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
}
.telegram-ios-reference .conversation-person small{font-size:9px;color:#738079}
.telegram-ios-reference .conversation-avatar{
  width:42px;
  height:42px;
  filter:none;
  transform:none;
}
.telegram-ios-reference .conversation-avatar.has-photo{filter:none;transform:none}
.telegram-ios-reference .conversation-avatar.dual-avatar{display:block;overflow:visible;position:relative;background:#eef3f0}
.telegram-ios-reference .conversation-avatar.dual-avatar img{
  width:31px;
  height:31px;
  position:absolute;
  object-fit:cover;
  border:2px solid #fff;
  border-radius:50%;
}
.telegram-ios-reference .conversation-avatar.dual-avatar img:first-child{top:0;left:0;z-index:1}
.telegram-ios-reference .conversation-avatar.dual-avatar img:last-child{right:0;bottom:0;z-index:2}
.telegram-ios-reference .conversation-scroll{
  padding:18px 10px 20px;
  background-color:#efe9df;
  background-image:
    radial-gradient(circle at 17px 17px,transparent 0 8px,rgba(87,102,92,.08) 8.5px 9.5px,transparent 10px),
    radial-gradient(circle at 48px 43px,rgba(87,102,92,.07) 0 2px,transparent 2.5px),
    linear-gradient(45deg,transparent 48%,rgba(87,102,92,.035) 49% 51%,transparent 52%);
  background-size:72px 72px,72px 72px,54px 54px;
  background-repeat:repeat;
  background-blend-mode:normal;
}
.telegram-ios-reference .older-content-gate{display:none}
.telegram-ios-reference .conversation-date{
  margin-bottom:14px;
  padding:5px 10px;
  color:#5c6b64;
  background:rgba(255,255,255,.88);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.telegram-ios-reference .conversation-messages{gap:8px}
.telegram-ios-reference .conversation-bubble{
  max-width:82%;
  border-radius:9px;
  box-shadow:0 1px 1px rgba(11,20,26,.13);
}
.telegram-ios-reference .conversation-bubble.received{background:#fff;border-bottom-left-radius:2px}
.telegram-ios-reference .conversation-bubble.sent{background:#dcf8d2;border-bottom-right-radius:2px}
.telegram-ios-reference .conversation-bubble.received::before,
.telegram-ios-reference .conversation-bubble.sent::before{
  content:"";
  width:0;
  height:0;
  position:absolute;
  bottom:0;
  border-style:solid;
}
.telegram-ios-reference .conversation-bubble.received::before{
  left:-7px;
  border-width:0 7px 8px 0;
  border-color:transparent #fff transparent transparent;
}
.telegram-ios-reference .conversation-bubble.sent::before{
  right:-7px;
  border-width:8px 7px 0 0;
  border-color:#dcf8d2 transparent transparent transparent;
}
.telegram-ios-reference .text-bubble{padding:7px 48px 7px 9px;font-size:14px;line-height:1.3}
.telegram-ios-reference .conversation-photo{border-radius:9px}
.telegram-ios-reference .conversation-composer{
  min-height:62px;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));
  background:#f0f2f1;
  border-top-color:#d8dedb;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.telegram-ios-reference .conversation-composer>input{background:#fff;border:0;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.telegram-ios-reference .conversation-composer>button{color:#148c5a}

@media(max-width:640px){
  .simulation-badge{top:10px;font-size:8px}
  .telegram-auth-screen>.telegram-auth-back,
  .telegram-auth-screen>.whatsapp-more-button{top:50px}
  .whatsapp-welcome-content{top:clamp(135px,20vh,175px)}
  .whatsapp-number-stage .telegram-number-content{top:120px}
  .whatsapp-code-stage .telegram-code-content{top:108px}
  .whatsapp-verification-progress{top:65px}
}

@media(max-height:760px) and (max-width:640px){
  .whatsapp-welcome-content{top:96px}
  .whatsapp-number-stage .telegram-number-content{top:92px}
  .whatsapp-code-stage .telegram-code-content{top:88px}
}

/* WhatsApp-inspired conversation header and voice-note geometry. */
.telegram-ios-reference .conversation-header{
  grid-template-columns:auto auto minmax(0,1fr) auto;
  gap:8px;
}
.telegram-ios-reference .conversation-header>button{grid-column:1}
.telegram-ios-reference .conversation-avatar{
  grid-column:2;
  grid-row:1;
  justify-self:start;
}
.telegram-ios-reference .conversation-avatar.has-photo{
  filter:blur(2.6px);
  transform:scale(1.04);
}
.telegram-ios-reference .conversation-person{
  grid-column:3;
  grid-row:1;
}
.telegram-ios-reference .conversation-actions{
  grid-column:4;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.telegram-ios-reference .conversation-actions button{
  width:29px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  color:#158b58;
  background:none;
  border:0;
  cursor:pointer;
}
.telegram-ios-reference .conversation-actions svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.telegram-ios-reference .audio-bubble{
  width:min(302px,86%);
  min-height:70px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 44px;
  grid-template-rows:1fr auto;
  align-items:center;
  gap:2px 8px;
  padding:7px 8px 7px 8px;
}
.telegram-ios-reference .audio-bubble>button{
  grid-column:1;
  grid-row:1 / 3;
  width:36px;
  height:36px;
  padding:0;
  font-size:12px;
}
.telegram-ios-reference .audio-wave{
  grid-column:2;
  grid-row:1;
  height:28px;
  position:relative;
  align-self:end;
}
.telegram-ios-reference .audio-wave::after{
  content:"";
  width:7px;
  height:7px;
  position:absolute;
  left:0;
  top:50%;
  background:#27b56f;
  border-radius:50%;
  transform:translate(-1px,-50%);
  box-shadow:0 0 0 2px rgba(39,181,111,.12);
}
.telegram-ios-reference .audio-bubble>small{
  grid-column:2;
  grid-row:2;
  justify-self:start;
  color:#708078;
  font-size:9px;
}
.telegram-ios-reference .audio-avatar{
  width:42px;
  height:42px;
  display:block;
  grid-column:3;
  grid-row:1 / 3;
  position:relative;
  overflow:hidden;
  background-color:#dfe6e2;
  background-image:var(--active-avatar);
  background-position:center;
  background-size:cover;
  border-radius:50%;
  filter:blur(1.5px);
}
.telegram-ios-reference .audio-avatar i{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  position:absolute;
  right:-1px;
  bottom:-1px;
  color:#fff;
  background:#27b56f;
  border:2px solid #fff;
  border-radius:50%;
  font-size:9px;
  font-style:normal;
}
.telegram-ios-reference .audio-bubble time{
  right:57px;
  bottom:7px;
}
.telegram-ios-reference .audio-bubble.sent .audio-avatar{order:-1}

@media(max-width:380px){
  .telegram-ios-reference .conversation-actions{gap:5px}
  .telegram-ios-reference .conversation-actions button{width:25px}
  .telegram-ios-reference .audio-bubble{width:min(286px,90%)}
}

/* Final visual refinements from the supplied WhatsApp simulation reference. */
.network-icon.whatsapp-simulation svg{
  width:28px;
  height:28px;
  fill:#fff;
  stroke:none;
}
.telegram-auth-screen>.telegram-auth-back,
.telegram-auth-screen>.whatsapp-more-button{
  width:36px;
  height:36px;
  padding:0;
  box-shadow:0 3px 10px rgba(0,0,0,.035);
}
.telegram-auth-screen>.telegram-auth-back{
  left:17px;
  padding-bottom:2px;
  font-size:24px;
  font-weight:300;
}
.telegram-auth-screen>.whatsapp-more-button{
  right:17px;
  padding-bottom:5px;
  font-size:15px;
  letter-spacing:1px;
}
.telegram-ios-reference .telegram-header>.plain-button{
  width:29px;
  height:29px;
  padding:0 0 5px;
  font-size:19px;
}
.telegram-ios-reference .conversation-header>button span{font-size:25px}
.telegram-ios-reference .conversation-post{
  border-radius:9px 9px 9px 2px;
}
.telegram-ios-reference .conversation-post-copy{
  padding-bottom:25px;
  border-top:1px solid rgba(11,20,26,.05);
}
.telegram-ios-reference .conversation-post-cta{display:none!important}

.telegram-ios-reference .audio-bubble{
  width:min(310px,88%);
  min-height:62px;
  grid-template-columns:42px 25px minmax(0,1fr);
  grid-template-rows:33px 15px;
  gap:0 5px;
  padding:6px 8px;
}
.telegram-ios-reference .audio-avatar{
  grid-column:1;
  grid-row:1 / 3;
  width:40px;
  height:40px;
  align-self:center;
  filter:blur(2px);
}
.telegram-ios-reference .audio-bubble>button{
  grid-column:2;
  grid-row:1;
  width:25px;
  height:30px;
  align-self:end;
  color:#26332d;
  background:transparent!important;
  border-radius:0;
  font-size:14px;
}
.telegram-ios-reference .audio-wave{
  grid-column:3;
  grid-row:1;
  height:27px;
  align-self:end;
  gap:1px;
}
.telegram-ios-reference .audio-wave i,
.telegram-ios-reference .audio-bubble.sent .audio-wave i{
  min-width:2px;
  max-width:3px;
  height:calc(var(--h) * .72);
  flex:1 1 2px;
  background:#83cda0;
  border-radius:99px;
}
.telegram-ios-reference .audio-wave::after{
  width:6px;
  height:6px;
  left:-1px;
  background:#1d2923;
  box-shadow:none;
}
.telegram-ios-reference .audio-bubble>small{
  grid-column:3;
  grid-row:2;
  align-self:start;
  color:#66756d;
  font-size:8px;
}
.telegram-ios-reference .audio-bubble time{
  right:8px;
  bottom:5px;
  font-size:8px;
}
.telegram-ios-reference .audio-bubble.sent time::after{
  content:" ✓✓";
  color:#37a6d9;
}

@media(max-width:640px){
  .telegram-auth-screen>.telegram-auth-back,
  .telegram-auth-screen>.whatsapp-more-button{top:54px}
}

/* Voice notes: compact WhatsApp-style waveform. */
.telegram-ios-reference .audio-bubble{
  width:min(242px,78%);
  min-height:50px;
  grid-template-columns:29px 17px minmax(0,1fr);
  grid-template-rows:25px 12px;
  gap:0 4px;
  padding:6px 7px 5px;
}
.telegram-ios-reference .audio-avatar{
  grid-column:1;
  grid-row:1 / 3;
  width:29px;
  height:29px;
  align-self:center;
  filter:blur(1.25px);
}
.telegram-ios-reference .audio-avatar i{display:none}
.telegram-ios-reference .audio-bubble>button{
  grid-column:2;
  grid-row:1;
  width:17px;
  height:21px;
  align-self:center;
  padding:0;
  color:#1f2a25;
  background:transparent!important;
  border-radius:0;
  font-size:10px;
  line-height:1;
}
.telegram-ios-reference .audio-wave{
  grid-column:3;
  grid-row:1;
  height:20px;
  position:relative;
  align-self:center;
  align-items:center;
  gap:.65px;
}
.telegram-ios-reference .audio-wave::before{
  content:"";
  height:1px;
  position:absolute;
  inset:50% 0 auto;
  background:#92d5a9;
  transform:translateY(-50%);
  opacity:.68;
}
.telegram-ios-reference .audio-wave i,
.telegram-ios-reference .audio-bubble.sent .audio-wave i{
  min-width:1px;
  max-width:2px;
  height:clamp(3px,calc(var(--h) * .72),9px);
  position:relative;
  z-index:1;
  flex:1 1 1px;
  background:#83cda0;
  border-radius:99px;
}
.telegram-ios-reference .audio-wave::after{
  width:5px;
  height:5px;
  left:-1px;
  top:50%;
  z-index:2;
  background:#1d2923;
  box-shadow:0 0 0 1px rgba(255,255,255,.65);
  transform:translate(-1px,-50%);
}
.telegram-ios-reference .audio-bubble>small{
  grid-column:3;
  grid-row:2;
  align-self:start;
  color:#66756d;
  font-size:7.5px;
  line-height:1;
}
.telegram-ios-reference .audio-bubble time{
  right:7px;
  bottom:5px;
  font-size:7.5px;
  line-height:1;
}
.telegram-ios-reference .audio-bubble.sent time::after{
  content:" ✓✓";
  color:#37a6d9;
}

@media(max-width:380px){
  .telegram-ios-reference .audio-bubble{width:min(232px,82%)}
}

/* WhatsApp visual alignment pass: voice notes, number, code and chats header. */
.whatsapp-number-stage .telegram-number-row{gap:0}
.whatsapp-number-stage .telegram-number-row>span{margin-right:22px}
.whatsapp-number-stage .telegram-number-row>strong{white-space:nowrap}
.whatsapp-number-stage .telegram-number-row>i{margin-left:2px}

.whatsapp-code-stage .telegram-code-boxes>span{
  height:58px;
  display:grid;
  place-items:center;
  align-self:center;
  line-height:1;
  transform:translateY(-1px);
}

.telegram-ios-reference .telegram-header{
  height:102px;
  flex:0 0 102px;
  padding:9px 14px 0;
}
.telegram-ios-reference .telegram-header h2{bottom:8px}

.telegram-ios-reference .audio-bubble{
  width:min(320px,92%);
  min-height:72px;
  grid-template-columns:30px minmax(0,1fr) 48px;
  grid-template-rows:39px 17px;
  gap:0 7px;
  padding:7px 8px;
}
.telegram-ios-reference .audio-avatar{
  width:48px;
  height:48px;
  grid-column:3;
  grid-row:1 / 3;
  align-self:center;
  filter:blur(1.25px);
}
.telegram-ios-reference .audio-avatar i{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  position:absolute;
  right:-1px;
  bottom:-1px;
  color:#fff;
  background:#20aee5;
  border:2px solid #fff;
  border-radius:50%;
}
.telegram-ios-reference .audio-avatar i svg{
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.telegram-ios-reference .audio-bubble>button{
  grid-column:1;
  grid-row:1;
  width:30px;
  height:34px;
  align-self:end;
  font-size:18px;
}
.telegram-ios-reference .audio-wave{
  grid-column:2;
  grid-row:1;
  height:36px;
  align-self:end;
  gap:1px;
}
.telegram-ios-reference .audio-wave::before{display:none}
.telegram-ios-reference .audio-wave i,
.telegram-ios-reference .audio-bubble.sent .audio-wave i{
  min-width:2px;
  max-width:4px;
  height:clamp(6px,calc(var(--h) * 1.25),23px);
  flex:1 1 0;
  background:#c5c9c7;
}
.telegram-ios-reference .audio-wave i:nth-child(-n+8),
.telegram-ios-reference .audio-bubble.sent .audio-wave i:nth-child(-n+8){background:#78817d}
.telegram-ios-reference .audio-wave::after{
  width:6px;
  height:6px;
  left:18%;
  background:#78817d;
  border:0;
  box-shadow:none;
}
.telegram-ios-reference .audio-bubble>small{
  grid-column:2;
  grid-row:2;
  font-size:10px;
}
.telegram-ios-reference .audio-bubble time{
  right:61px;
  bottom:8px;
  font-size:10px;
}
.telegram-ios-reference .audio-bubble.sent{grid-template-columns:48px 30px minmax(0,1fr)}
.telegram-ios-reference .audio-bubble.sent .audio-avatar{grid-column:1}
.telegram-ios-reference .audio-bubble.sent>button{grid-column:2}
.telegram-ios-reference .audio-bubble.sent .audio-wave,
.telegram-ios-reference .audio-bubble.sent>small{grid-column:3}
.telegram-ios-reference .audio-bubble.sent time{right:8px}

@media(max-width:380px){
  .telegram-ios-reference .audio-bubble{width:min(300px,94%)}
  .whatsapp-code-stage .telegram-code-boxes>span{height:54px}
}

/* Final WhatsApp spacing, generic voice avatar and delayed offer reveal. */
.whatsapp-code-stage .telegram-code-boxes>.code-divider{
  width:12px;
  height:58px;
  display:grid;
  place-items:center;
  align-self:center;
  flex:0 0 12px;
  font-size:0;
  line-height:0;
  transform:none;
}
.whatsapp-code-stage .telegram-code-boxes>.code-divider::before{
  content:"";
  width:11px;
  height:3px;
  display:block;
  background:#111;
  border-radius:99px;
}

.telegram-ios-reference>.ios-status{display:none!important}

.telegram-ios-reference .conversation-header{
  width:100%;
  min-height:56px;
  height:56px;
  grid-template-columns:30px 38px minmax(0,1fr) 66px;
  gap:5px;
  padding:3px 8px;
  box-sizing:border-box;
}
.telegram-ios-reference .conversation-header>button{
  width:30px;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:1px;
  padding:0;
}
.telegram-ios-reference .conversation-header>button span{
  font-size:27px;
  line-height:1;
}
.telegram-ios-reference .conversation-header>button b{
  color:#111b21;
  font-size:11px;
  font-weight:500;
  line-height:1;
}
.telegram-ios-reference .conversation-avatar,
.telegram-ios-reference .conversation-avatar.has-photo{
  width:34px;
  height:34px;
  align-self:center;
  justify-self:center;
}
.telegram-ios-reference .conversation-person{
  min-width:0;
  align-items:flex-start;
  justify-content:center;
  line-height:1.05;
}
.telegram-ios-reference .conversation-person strong{font-size:13px}
.telegram-ios-reference .conversation-person small{
  max-width:100%;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
}
.telegram-ios-reference .conversation-actions{
  width:66px;
  gap:6px;
  justify-content:flex-end;
}
.telegram-ios-reference .conversation-actions button{
  width:28px;
  height:32px;
}
.telegram-ios-reference .conversation-actions svg{
  width:20px;
  height:20px;
}

.telegram-ios-reference .audio-avatar{
  overflow:visible;
  background:#c9cccf!important;
  background-image:none!important;
  filter:none!important;
}
.telegram-ios-reference .audio-avatar::before{
  content:"";
  width:15px;
  height:15px;
  position:absolute;
  z-index:1;
  top:7px;
  left:50%;
  background:#fff;
  border-radius:50%;
  transform:translateX(-50%);
}
.telegram-ios-reference .audio-avatar::after{
  content:"";
  width:30px;
  height:15px;
  position:absolute;
  z-index:1;
  bottom:6px;
  left:50%;
  background:#fff;
  border-radius:18px 18px 9px 9px;
  transform:translateX(-50%);
}
.telegram-ios-reference .audio-avatar i{z-index:3}

.offer-video-player{
  width:min(640px,100%);
  aspect-ratio:16/9;
  margin:26px auto 34px;
  overflow:hidden;
  background:#020403;
  border:1px solid rgba(0,237,105,.34);
  border-radius:14px;
  box-shadow:0 24px 64px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.025) inset;
}
.offer-video-player video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#000;
}
.offer-delayed-content[hidden]{display:none!important}
.offer-delayed-content.is-visible{animation:offerContentReveal .7s ease both}
@keyframes offerContentReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@media(max-width:380px){
  .whatsapp-code-stage .telegram-code-boxes>.code-divider{height:54px}
  .telegram-ios-reference .conversation-header{
    grid-template-columns:28px 36px minmax(0,1fr) 62px;
    gap:4px;
    padding-inline:6px;
  }
  .telegram-ios-reference .conversation-actions{width:62px;gap:4px}
  .offer-video-player{margin-top:21px;border-radius:11px}
}

/* Larger conversation header and clean archived separator. */
.telegram-ios-reference .archived-row{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #e3e7e9!important;
  box-shadow:none!important;
}
.telegram-ios-reference .chat-row .avatar.profile-avatar,
.telegram-ios-reference .chat-row .avatar.generated-avatar{
  filter:blur(5px)!important;
}

.telegram-ios-reference .conversation-header{
  min-height:68px;
  height:68px;
  grid-template-columns:35px 46px minmax(0,1fr) 78px;
  gap:7px;
  padding:5px 10px;
}
.telegram-ios-reference .conversation-header>button{
  width:35px;
  gap:2px;
}
.telegram-ios-reference .conversation-header>button span{font-size:31px}
.telegram-ios-reference .conversation-header>button b{font-size:12px}
.telegram-ios-reference .conversation-avatar,
.telegram-ios-reference .conversation-avatar.has-photo{
  width:42px;
  height:42px;
}
.telegram-ios-reference .conversation-person strong{
  font-size:15px;
  line-height:1.15;
}
.telegram-ios-reference .conversation-person small{display:none!important}
.telegram-ios-reference .conversation-actions{
  width:78px;
  gap:10px;
}
.telegram-ios-reference .conversation-actions button{
  width:32px;
  height:38px;
}
.telegram-ios-reference .conversation-actions svg{
  width:24px;
  height:24px;
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    min-height:64px;
    height:64px;
    grid-template-columns:33px 42px minmax(0,1fr) 70px;
    gap:5px;
    padding-inline:7px;
  }
  .telegram-ios-reference .conversation-header>button{width:33px}
  .telegram-ios-reference .conversation-avatar,
  .telegram-ios-reference .conversation-avatar.has-photo{width:39px;height:39px}
  .telegram-ios-reference .conversation-actions{width:70px;gap:6px}
  .telegram-ios-reference .conversation-actions button{width:30px}
  .telegram-ios-reference .conversation-actions svg{width:22px;height:22px}
}

/* Floating WhatsApp navigation, aligned unread counter and photo avatars in received audio. */
.telegram-ios-reference .tab-bar{
  position:absolute;
  z-index:24;
  right:10px;
  bottom:10px;
  left:10px;
  width:auto;
  height:70px;
  padding:7px 4px 8px;
  overflow:hidden;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(17,27,33,.12);
  border-radius:999px;
  box-shadow:0 12px 32px rgba(17,27,33,.18);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
}
.telegram-ios-reference .chat-list{padding-bottom:94px}
.telegram-ios-reference .conversation-header{
  grid-template-columns:44px 46px minmax(0,1fr) 78px;
}
.telegram-ios-reference .conversation-header>button{
  display:grid;
  grid-template-columns:20px 20px;
  place-content:center;
  width:44px;
  height:42px;
  gap:0;
  padding:0;
}
.telegram-ios-reference .conversation-header>button span,
.telegram-ios-reference .conversation-header>button b{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  margin:0;
  font-size:18px;
  font-weight:500;
  line-height:20px;
}
.telegram-ios-reference .conversation-header>button span{transform:translateY(-1px)}
.telegram-ios-reference .conversation-header>button b[hidden]{display:none}
.telegram-ios-reference .audio-bubble.received .audio-avatar{
  overflow:hidden;
  background-color:#c9cccf!important;
  background-image:var(--active-avatar)!important;
  background-position:center!important;
  background-size:cover!important;
  filter:blur(1.2px)!important;
}
.telegram-ios-reference .audio-bubble.received .audio-avatar::before,
.telegram-ios-reference .audio-bubble.received .audio-avatar::after{display:none!important}
.telegram-ios-reference .audio-bubble.received .audio-avatar i{filter:none}

@media(max-width:380px){
  .telegram-ios-reference .tab-bar{right:7px;bottom:7px;left:7px;height:66px}
  .telegram-ios-reference .chat-list{padding-bottom:87px}
  .telegram-ios-reference .conversation-header{
    grid-template-columns:42px 42px minmax(0,1fr) 70px;
  }
  .telegram-ios-reference .conversation-header>button{width:42px}
}

/* Balanced back indicator and automatic offer-video progress. */
.telegram-ios-reference .conversation-header>button{
  grid-template-columns:16px 18px;
  width:40px;
}
.telegram-ios-reference .conversation-header>button span,
.telegram-ios-reference .conversation-header>button b{
  width:16px;
  height:16px;
  line-height:16px;
}
.telegram-ios-reference .conversation-header>button span{
  position:relative;
  font-size:0;
  transform:none;
}
.telegram-ios-reference .conversation-header>button span::before{
  content:"";
  width:9px;
  height:9px;
  border-bottom:2px solid currentColor;
  border-left:2px solid currentColor;
  transform:rotate(45deg);
}
.telegram-ios-reference .conversation-header>button b{
  width:18px;
  font-size:14px;
  font-weight:500;
}
.telegram-ios-reference .conversation-header{
  grid-template-columns:40px 46px minmax(0,1fr) 78px;
}

.offer-video-player video{
  pointer-events:none;
}
.offer-video-player video::-webkit-media-controls,
.offer-video-player video::-webkit-media-controls-enclosure{
  display:none!important;
  -webkit-appearance:none;
}
.offer-investigation-progress{
  width:min(640px,100%);
  margin:-12px auto 34px;
  padding:18px 20px 20px;
  background:#0c1011;
  border:1px solid rgba(0,237,105,.3);
  border-radius:14px;
  box-shadow:0 18px 46px rgba(0,0,0,.34);
}
.offer-progress-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.offer-progress-copy h2{
  margin:0 0 4px;
  color:#f7fbf9;
  font-size:18px;
  line-height:1.2;
}
.offer-progress-copy p{
  margin:0;
  color:#9ba7a1;
  font-size:13px;
}
.offer-progress-copy>strong{
  min-width:48px;
  color:#00ed69;
  font-size:18px;
  text-align:right;
}
.offer-progress-track{
  height:9px;
  overflow:hidden;
  background:#202726;
  border-radius:999px;
}
.offer-progress-track i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#009c49,#00ed69);
  border-radius:inherit;
  box-shadow:0 0 14px rgba(0,237,105,.32);
  transition:width .18s linear;
}
.offer-investigation-progress.is-complete{
  border-color:rgba(0,237,105,.65);
}

@media(max-width:640px){
  .offer-investigation-progress{
    margin-top:-17px;
    padding:16px 15px 17px;
    border-radius:12px;
  }
  .offer-progress-copy h2{font-size:16px}
  .offer-progress-copy p{font-size:12px}
  .offer-progress-copy>strong{font-size:16px}
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    grid-template-columns:40px 42px minmax(0,1fr) 70px;
  }
  .telegram-ios-reference .conversation-header>button{width:40px}
}

/* WhatsApp-faithful message composer and floating navigation. */
.telegram-ios-reference .conversation-composer{
  min-height:57px;
  grid-template-columns:30px minmax(0,1fr) 30px 30px;
  gap:3px;
  padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px));
  background:#f0f2f1;
}
.telegram-ios-reference .conversation-composer>button{
  width:30px;
  height:38px;
  padding:0;
  color:#65716b;
}
.telegram-ios-reference .conversation-composer svg{
  width:22px;
  height:22px;
  stroke-width:1.8;
}
.telegram-ios-reference .composer-attach svg{
  width:25px;
  height:25px;
  stroke-width:2;
}
.telegram-ios-reference .composer-input-shell{
  min-width:0;
  height:38px;
  position:relative;
}
.telegram-ios-reference .composer-input-shell input{
  width:100%;
  height:38px;
  padding:0 38px 0 13px;
  color:#111b21;
  background:#fff;
  border:1px solid #d8ddda;
  border-radius:19px;
  outline:none;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  font-size:15px;
}
.telegram-ios-reference .composer-input-shell input::placeholder{color:#8b9490}
.telegram-ios-reference .composer-sticker{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  position:absolute;
  top:4px;
  right:4px;
  padding:0;
  color:#69736e;
  background:transparent;
  border:0;
}
.telegram-ios-reference .composer-sticker svg{width:21px;height:21px}
.telegram-ios-reference .composer-camera svg{width:23px;height:23px}
.telegram-ios-reference .composer-send{
  opacity:1;
  transform:none;
}
.telegram-ios-reference .composer-send-icon{display:none}
.telegram-ios-reference .conversation-composer.has-text .composer-send{
  color:#fff;
  background:#1faa61;
  border-radius:50%;
}
.telegram-ios-reference .conversation-composer.has-text .composer-mic-icon{display:none}
.telegram-ios-reference .conversation-composer.has-text .composer-send-icon{display:block}

.telegram-ios-reference .tab-bar{
  height:66px;
  padding:6px 5px 7px;
  background:rgba(255,255,255,.98);
  border-color:rgba(17,27,33,.1);
  box-shadow:0 9px 25px rgba(17,27,33,.16);
}
.telegram-ios-reference .tab-bar button{
  gap:1px;
  color:#5f6864;
}
.telegram-ios-reference .tab-bar button.active{color:#111b21}
.telegram-ios-reference .tab-bar button>span{width:24px;height:24px}
.telegram-ios-reference .tab-bar svg{
  width:22px;
  height:22px;
  stroke-width:1.75;
}
.telegram-ios-reference .tab-bar button small{
  color:inherit;
  font-size:8px;
  font-weight:550;
  line-height:1.1;
}
.telegram-ios-reference .tab-bar i{
  top:-6px;
  right:-12px;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0 4px;
  background:#25d366;
  font-size:8px;
  line-height:1;
}
.telegram-ios-reference .chat-list{padding-bottom:88px}

@media(max-width:380px){
  .telegram-ios-reference .conversation-composer{
    grid-template-columns:28px minmax(0,1fr) 28px 28px;
    gap:2px;
    padding-inline:5px;
  }
  .telegram-ios-reference .conversation-composer>button{width:28px}
  .telegram-ios-reference .tab-bar{right:7px;bottom:7px;left:7px;height:64px}
  .telegram-ios-reference .tab-bar button small{font-size:7.5px}
}

/* Final offer hierarchy: two-line headline and delayed CTA below the sound note. */
.offer-wrap>h1.offer-title-compact{
  width:100%;
  max-width:760px;
  padding-inline:8px;
  font-size:clamp(26px,6.2vw,52px);
  line-height:1.06;
  letter-spacing:-1.8px;
  text-align:center;
}
.offer-title-compact span{
  display:block;
  max-width:100%;
  white-space:nowrap;
}
.offer-unlock-cta[hidden]{display:none!important}
.offer-unlock-cta.is-visible{animation:offerContentReveal .7s ease both}
.offer-audio-hint+.offer-unlock-cta{
  margin-top:0;
  margin-bottom:18px;
}

@media(max-width:430px){
  .offer-wrap>h1.offer-title-compact{
    padding-inline:2px;
    font-size:clamp(25px,7.2vw,31px);
    letter-spacing:-1.25px;
  }
}

/* Uniform conversation header geometry across every opened chat. */
.telegram-ios-reference .conversation-header{
  --conversation-control-size:42px;
  min-height:68px;
  height:68px;
  grid-template-columns:42px 42px minmax(0,1fr) 90px;
  align-items:center;
  gap:6px;
  padding:7px 8px;
}
.telegram-ios-reference .conversation-header>button,
.telegram-ios-reference .conversation-person,
.telegram-ios-reference .conversation-actions{
  height:var(--conversation-control-size);
  align-self:center;
}
.telegram-ios-reference .conversation-header>button{
  width:var(--conversation-control-size);
}
.telegram-ios-reference .conversation-person{
  justify-content:center;
  align-items:flex-start;
}
.telegram-ios-reference .conversation-person strong{
  max-width:100%;
  font-size:15px;
  line-height:20px;
}
.telegram-ios-reference .conversation-actions{
  width:90px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.telegram-ios-reference .conversation-actions button{
  width:var(--conversation-control-size);
  height:var(--conversation-control-size);
  display:grid;
  place-items:center;
  padding:0;
}
.telegram-ios-reference .conversation-actions svg{
  width:21px;
  height:21px;
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    --conversation-control-size:40px;
    min-height:64px;
    height:64px;
    grid-template-columns:40px 40px minmax(0,1fr) 84px;
    gap:5px;
    padding:7px 6px;
  }
  .telegram-ios-reference .conversation-actions{
    width:84px;
    gap:4px;
  }
  .telegram-ios-reference .conversation-person strong{font-size:14px}
  .telegram-ios-reference .conversation-actions svg{width:20px;height:20px}
}

/* Reference-matched conversation header: preserve the avatar and restore the
   generous WhatsApp proportions around it. The secondary line stays hidden. */
.telegram-ios-reference .conversation-header{
  --conversation-avatar-size:42px;
  min-height:76px;
  height:76px;
  grid-template-columns:46px var(--conversation-avatar-size) minmax(0,1fr) 98px;
  column-gap:10px;
  align-items:center;
  padding:9px 10px;
}
.telegram-ios-reference .conversation-header>button{
  width:46px;
  height:42px;
  display:grid;
  grid-template-columns:14px 24px;
  place-content:center;
  align-items:center;
  gap:2px;
  padding:0;
}
.telegram-ios-reference .conversation-header>button span,
.telegram-ios-reference .conversation-header>button b{
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  line-height:22px;
}
.telegram-ios-reference .conversation-header>button span svg{
  width:12px;
  height:21px;
  stroke-width:2.25;
}
.telegram-ios-reference .conversation-header>button b{
  font-size:14px;
  font-weight:500;
}
.telegram-ios-reference .conversation-avatar,
.telegram-ios-reference .conversation-avatar.has-photo{
  width:var(--conversation-avatar-size);
  height:var(--conversation-avatar-size);
  align-self:center;
}
.telegram-ios-reference .conversation-person{
  min-width:0;
  height:42px;
  align-self:center;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.telegram-ios-reference .conversation-person strong{
  max-width:100%;
  font-size:17px;
  font-weight:700;
  line-height:23px;
}
.telegram-ios-reference .conversation-person small{display:none!important}
.telegram-ios-reference .conversation-actions{
  width:98px;
  height:42px;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.telegram-ios-reference .conversation-actions button{
  width:40px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
}
.telegram-ios-reference .conversation-actions svg{
  width:26px;
  height:26px;
  stroke-width:1.8;
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    min-height:72px;
    height:72px;
    grid-template-columns:44px 42px minmax(0,1fr) 88px;
    column-gap:8px;
    padding:8px 7px;
  }
  .telegram-ios-reference .conversation-header>button{width:44px;height:42px}
  .telegram-ios-reference .conversation-person strong{font-size:16px;line-height:22px}
  .telegram-ios-reference .conversation-actions{width:88px;gap:8px}
  .telegram-ios-reference .conversation-actions button{width:40px;height:42px}
  .telegram-ios-reference .conversation-actions svg{width:25px;height:25px}
}

/* Larger responsive offer headline. */
.offer-wrap>h1.offer-title-compact{
  max-width:850px;
  font-size:clamp(34px,6.8vw,62px);
  line-height:1.02;
  letter-spacing:-2.2px;
}

@media(max-width:430px){
  .offer-wrap>h1.offer-title-compact{
    font-size:clamp(27px,8vw,35px);
    letter-spacing:-1.35px;
  }
}

/* Corrected Updates and Chats silhouettes from the supplied navigation sample. */
.telegram-ios-reference .tab-bar .tab-icon-updates{
  width:30px;
  height:30px;
  stroke-width:1.75;
}
.telegram-ios-reference .tab-bar .tab-icon-updates .updates-notification-dot{
  fill:#087d3f;
  stroke:#fff;
  stroke-width:1.15;
}
.telegram-ios-reference .tab-bar .tab-icon-chats{
  width:31px;
  height:31px;
  stroke-width:2.05;
}
.telegram-ios-reference .tab-bar .tab-icon-chats .chat-bubble-back{
  stroke-width:2;
}
.telegram-ios-reference .tab-bar .tab-icon-chats .chat-bubble-front{
  fill:#fff;
  stroke-width:2.15;
}

/* Exact, balanced back chevron and conversation count from the supplied sample. */
.telegram-ios-reference .conversation-header{
  grid-template-columns:42px 46px minmax(0,1fr) 78px;
}
.telegram-ios-reference .conversation-header>button{
  width:42px;
  height:42px;
  display:grid;
  grid-template-columns:14px 20px;
  place-content:center start;
  align-items:center;
  gap:1px;
  padding:0;
  color:#111b21;
}
.telegram-ios-reference .conversation-header>button span,
.telegram-ios-reference .conversation-header>button b{
  width:auto;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  color:inherit;
  line-height:20px;
}
.telegram-ios-reference .conversation-header>button span{
  transform:none;
}
.telegram-ios-reference .conversation-header>button span::before{
  display:none;
  content:none;
}
.telegram-ios-reference .conversation-header>button span svg{
  width:10px;
  height:18px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.telegram-ios-reference .conversation-header>button b{
  font-size:13px;
  font-weight:500;
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    grid-template-columns:40px 42px minmax(0,1fr) 70px;
  }
  .telegram-ios-reference .conversation-header>button{
    width:40px;
  }
}

/* Espia Hub investigation stack inspired by the supplied offer reference. */
.offer-audio-hint{
  width:min(640px,100%);
  margin:-20px auto 18px;
  color:#a9b4af;
  font-size:12px;
  text-align:center;
}
.offer-video-player{position:relative}
.offer-video-resume{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  padding:22px;
  color:#fff;
  background:linear-gradient(145deg,#007f3c,#00c95e 62%,#00ed69);
  text-align:center;
}
.offer-video-resume[hidden]{display:none!important}
.offer-video-resume h2{margin:0 0 6px;font-size:20px;line-height:1.25}
.offer-video-resume button{
  min-width:230px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:3px 0;
  color:#fff;
  background:transparent;
  border:0;
  font-size:15px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.offer-video-resume button span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
  font-size:21px;
  font-weight:400;
}
.offer-investigation-progress{
  --offer-progress:0deg;
  margin:0 auto 16px;
  padding:18px;
  background:rgba(10,14,13,.97);
  border:1px solid rgba(0,237,105,.28);
  border-radius:16px;
}
.offer-scan-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:15px;
}
.offer-scan-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.offer-scan-avatar{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:0 0 54px;
  position:relative;
  color:#00ed69;
  background:conic-gradient(#00ed69 var(--offer-progress),#26302c 0);
  border-radius:50%;
}
.offer-scan-avatar::before{
  content:"";
  position:absolute;
  inset:4px;
  background:#111816;
  border-radius:inherit;
}
.offer-scan-avatar svg{
  width:29px;
  height:29px;
  z-index:1;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.offer-scan-person>div{min-width:0}
.offer-scan-person strong{
  display:block;
  overflow:hidden;
  color:#f7faf8;
  font-size:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.offer-scan-person small{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  padding:5px 9px;
  color:#68d99a;
  background:rgba(0,237,105,.09);
  border-radius:999px;
  font-size:10px;
  font-weight:700;
}
.offer-scan-person small i{width:6px;height:6px;background:#00ed69;border-radius:50%}
.offer-scan-percentage{text-align:right}
.offer-scan-percentage strong{display:block;color:#00ed69;font-size:30px;line-height:1}
.offer-scan-percentage small{display:block;margin-top:4px;color:#89958f;font-size:10px}
.offer-investigation-progress .offer-progress-track{height:8px;margin:0 0 16px}
.offer-investigation-progress .offer-progress-copy{
  display:block;
  margin:0;
  text-align:center;
}
.offer-investigation-progress .offer-progress-copy h2{
  margin:0 0 8px;
  color:#68d5c7;
  font-size:12px;
  font-weight:850;
  letter-spacing:1.2px;
}
.offer-investigation-progress .offer-progress-copy h2.is-waiting{
  color:#f1262f;
}

/* Black Friday offer details and balanced headline wrapping. */
.offer-title-compact span{
  max-width:100%;
  white-space:normal!important;
  text-wrap:balance;
}
.black-friday-mark{
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  position:relative;
  margin:-10px auto 12px;
  background:transparent;
}
.black-friday-mark svg{
  width:88px;
  height:88px;
  display:block;
  position:absolute;
  inset:0;
  overflow:visible;
  fill:#e32730;
  filter:drop-shadow(0 6px 10px rgba(227,39,48,.2));
}
.black-friday-mark>span{
  display:grid;
  gap:1px;
  position:relative;
  z-index:1;
  transform:rotate(-7deg);
}
.black-friday-mark b{
  display:block;
  min-width:58px;
  padding:2px 5px;
  color:#fff;
  background:#15191b;
  box-shadow:0 1px 0 rgba(255,255,255,.08);
  font:900 14px/.92 "DM Sans",sans-serif;
  letter-spacing:-.45px;
  text-align:center;
}
.cta-price-old-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:7px;
}
.cta-price-old-row s{
  color:#74828a;
  font-size:14px;
}
.cta-price-old-row span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 10px;
  color:#fff;
  background:#c9252e;
  border:1px solid rgba(255,94,101,.3);
  border-radius:7px;
  box-shadow:0 6px 16px rgba(201,37,46,.22);
  font-size:12px;
  font-weight:850;
  letter-spacing:.25px;
  line-height:1;
}

@media(max-width:430px){
  .offer-wrap>h1.offer-title-compact{
    max-width:390px;
    padding-inline:8px;
  }
  .black-friday-mark{margin-top:-10px}
  .cta-price-old-row{gap:8px}
}

/* More breathing room below the WhatsApp controls and verification bar. */
.whatsapp-number-stage .telegram-number-content{top:190px}
.whatsapp-code-stage .telegram-code-content{top:174px}

@media(max-width:640px){
  .whatsapp-number-stage .telegram-number-content{top:145px}
  .whatsapp-code-stage .telegram-code-content{top:138px}
}

@media(max-height:760px) and (max-width:640px){
  .whatsapp-number-stage .telegram-number-content{top:126px}
  .whatsapp-code-stage .telegram-code-content{top:122px}
}
.offer-investigation-progress .offer-progress-copy p{
  margin:0;
  color:#aeb9b4;
  font-size:12px;
  line-height:1.45;
}
.offer-scan-steps{
  width:min(640px,100%);
  display:grid;
  gap:9px;
  margin:0 auto 18px;
}
.offer-scan-steps article{
  min-height:68px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  padding:10px 14px;
  color:#8b9590;
  background:rgba(10,14,13,.92);
  border:1px solid rgba(117,132,124,.2);
  border-radius:13px;
  transition:border-color .25s ease,background .25s ease,color .25s ease;
}
.offer-scan-steps article.is-active{color:#c4cec9;border-color:rgba(0,237,105,.32)}
.offer-scan-steps article.is-complete{color:#eef8f2;background:rgba(0,237,105,.075);border-color:rgba(0,237,105,.5)}
.offer-step-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#00ed69;
  background:rgba(0,237,105,.1);
  border-radius:10px;
}
.offer-step-icon.pink{color:#ff76be;background:rgba(255,118,190,.1)}
.offer-step-icon.amber{color:#ffc65a;background:rgba(255,198,90,.1)}
.offer-step-icon.violet{color:#9b91ff;background:rgba(155,145,255,.1)}
.offer-step-icon.aqua{color:#56dfbf;background:rgba(86,223,191,.1)}
.offer-step-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-scan-steps article strong{display:block;font-size:13px}
.offer-scan-steps article small{display:block;margin-top:4px;color:#748079;font-size:11px}
.offer-step-state{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:2px solid #30413a;
  border-top-color:#00ed69;
  border-radius:50%;
  animation:offerStepSpin 1s linear infinite;
}
.offer-scan-steps article:not(.is-active):not(.is-complete) .offer-step-state{animation:none;border-top-color:#30413a}
.offer-scan-steps article.is-complete .offer-step-state{border:0;animation:none}
.offer-scan-steps article.is-complete .offer-step-state::before{content:"✓";color:#00ed69;font-size:18px;font-style:normal;font-weight:900}
@keyframes offerStepSpin{to{transform:rotate(360deg)}}
.offer-anonymous-card{
  width:min(640px,100%);
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:7px;
  margin:0 auto 28px;
  padding:20px 16px;
  color:#f1f6f3;
  background:rgba(10,14,13,.94);
  border:1px solid rgba(0,237,105,.2);
  border-radius:15px;
  text-align:center;
}
.offer-anonymous-card>span{width:44px;height:44px;display:grid;place-items:center;background:rgba(0,237,105,.11);border-radius:50%;font-size:22px}
.offer-anonymous-card strong{color:#61d99a;font-size:13px}
.offer-anonymous-card small{color:#8e9a94;font-size:11px}
.offer-unlock-cta{
  width:min(640px,100%);
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  margin:0 auto 18px;
  padding:14px 20px;
  color:#fff;
  background:linear-gradient(135deg,#008d43,#00ed69);
  border:1px solid #31f17f;
  border-radius:14px;
  box-shadow:0 13px 30px rgba(0,237,105,.18);
  text-align:center;
  text-decoration:none;
}
.offer-unlock-cta strong{font-size:17px;letter-spacing:.2px}
.offer-unlock-cta small{color:rgba(255,255,255,.82);font-size:11px}

@media(max-width:640px){
  .offer-audio-hint{margin-top:-12px}
  .offer-investigation-progress{padding:15px 13px}
  .offer-scan-avatar{width:48px;height:48px;flex-basis:48px}
  .offer-scan-person{gap:9px}
  .offer-scan-person strong{font-size:14px}
  .offer-scan-person small{font-size:9px}
  .offer-scan-percentage strong{font-size:27px}
  .offer-scan-steps article{min-height:64px;padding:9px 11px}
  .offer-unlock-cta strong{font-size:15px}
  .offer-video-resume{padding:16px}
  .offer-video-resume h2{font-size:17px}
  .offer-video-resume button{min-width:215px;font-size:13px}
}

/* Bottom navigation traced from the supplied WhatsApp reference. */
.telegram-ios-reference .tab-bar button>span{
  width:30px;
  height:30px;
}
.telegram-ios-reference .tab-bar .tab-icon{
  width:29px;
  height:29px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.telegram-ios-reference .tab-bar .tab-icon-updates{
  stroke-width:2;
}
.telegram-ios-reference .tab-bar .updates-notification-dot{
  fill:#078d47;
  stroke:#fff;
  stroke-width:1.2;
}
.telegram-ios-reference .tab-bar .tab-icon-calls{
  stroke-width:2.35;
}
.telegram-ios-reference .tab-bar .tab-icon-communities{
  stroke-width:2.1;
}
.telegram-ios-reference .tab-bar .tab-icon-chats{
  stroke-width:2.05;
}
.telegram-ios-reference .tab-bar .tab-icon-settings{
  stroke-width:2.05;
}
.telegram-ios-reference .tab-bar button small{
  margin-top:1px;
  font-size:8.5px;
  font-weight:560;
}
.telegram-ios-reference .tab-bar{
  height:70px;
  padding:6px 5px 8px;
  border-radius:22px;
}
.telegram-ios-reference .tab-bar i{
  top:-5px;
  right:-11px;
}
.telegram-ios-reference .chat-list{padding-bottom:92px}

@media(max-width:380px){
  .telegram-ios-reference .tab-bar{
    height:68px;
  }
  .telegram-ios-reference .tab-bar button>span{
    width:28px;
    height:28px;
  }
  .telegram-ios-reference .tab-bar .tab-icon{
    width:27px;
    height:27px;
  }
  .telegram-ios-reference .tab-bar button small{font-size:7.5px}
}

/* Final header sizing: every control shares the avatar's vertical axis. */
.telegram-ios-reference .conversation-header{
  --conversation-control-size:42px;
  min-height:68px;
  height:68px;
  grid-template-columns:42px 42px minmax(0,1fr) 90px;
  align-items:center;
  gap:6px;
  padding:7px 8px;
}
.telegram-ios-reference .conversation-header>button,
.telegram-ios-reference .conversation-person,
.telegram-ios-reference .conversation-actions{
  height:var(--conversation-control-size);
  align-self:center;
}
.telegram-ios-reference .conversation-header>button{width:var(--conversation-control-size)}
.telegram-ios-reference .conversation-person{
  justify-content:center;
  align-items:flex-start;
}
.telegram-ios-reference .conversation-person strong{
  max-width:100%;
  font-size:15px;
  line-height:20px;
}
.telegram-ios-reference .conversation-actions{
  width:90px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.telegram-ios-reference .conversation-actions button{
  width:var(--conversation-control-size);
  height:var(--conversation-control-size);
  display:grid;
  place-items:center;
  padding:0;
}
.telegram-ios-reference .conversation-actions svg{width:21px;height:21px}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    --conversation-control-size:40px;
    min-height:64px;
    height:64px;
    grid-template-columns:40px 40px minmax(0,1fr) 84px;
    gap:5px;
    padding:7px 6px;
  }
  .telegram-ios-reference .conversation-actions{width:84px;gap:4px}
  .telegram-ios-reference .conversation-person strong{font-size:14px}
  .telegram-ios-reference .conversation-actions svg{width:20px;height:20px}
}

/* Final reference geometry for every opened conversation. */
.telegram-ios-reference .conversation-header{
  --conversation-avatar-size:42px;
  min-height:76px;
  height:76px;
  grid-template-columns:46px var(--conversation-avatar-size) minmax(0,1fr) 98px;
  column-gap:10px;
  align-items:center;
  padding:9px 10px;
}
.telegram-ios-reference .conversation-header>button{
  width:46px;
  height:42px;
  display:grid;
  grid-template-columns:14px 24px;
  place-content:center;
  align-items:center;
  gap:2px;
  padding:0;
}
.telegram-ios-reference .conversation-header>button span,
.telegram-ios-reference .conversation-header>button b{
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  line-height:22px;
}
.telegram-ios-reference .conversation-header>button span svg{
  width:12px;
  height:21px;
  stroke-width:2.25;
}
.telegram-ios-reference .conversation-header>button b{
  font-size:14px;
  font-weight:500;
}
.telegram-ios-reference .conversation-avatar,
.telegram-ios-reference .conversation-avatar.has-photo{
  width:var(--conversation-avatar-size);
  height:var(--conversation-avatar-size);
  align-self:center;
}
.telegram-ios-reference .conversation-person{
  min-width:0;
  height:42px;
  align-self:center;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
}
.telegram-ios-reference .conversation-person strong{
  max-width:100%;
  font-size:17px;
  font-weight:700;
  line-height:23px;
}
.telegram-ios-reference .conversation-person small{display:none!important}
.telegram-ios-reference .conversation-actions{
  width:98px;
  height:42px;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.telegram-ios-reference .conversation-actions button{
  width:40px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
}
.telegram-ios-reference .conversation-actions svg{
  width:26px;
  height:26px;
  stroke-width:1.8;
}

@media(max-width:380px){
  .telegram-ios-reference .conversation-header{
    min-height:72px;
    height:72px;
    grid-template-columns:44px 42px minmax(0,1fr) 88px;
    column-gap:8px;
    padding:8px 7px;
  }
  .telegram-ios-reference .conversation-header>button{width:44px;height:42px}
  .telegram-ios-reference .conversation-person strong{font-size:16px;line-height:22px}
  .telegram-ios-reference .conversation-actions{width:88px;gap:8px}
  .telegram-ios-reference .conversation-actions button{width:40px;height:42px}
  .telegram-ios-reference .conversation-actions svg{width:25px;height:25px}
}