.steps .section-heading{max-width:760px;margin-inline:auto}.flow-steps{position:relative}.flow-steps article{border:1px solid #e6edf7;background:linear-gradient(160deg,#fff,#f6f9fd);box-shadow:0 18px 48px rgba(24,61,111,.07)}
.motion-demo{max-width:910px;margin:34px auto 4px;padding:24px 32px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:76px;border:1px solid #dfe9f6;border-radius:24px;background:linear-gradient(120deg,#f8fbff,#eef6ff);box-shadow:0 20px 60px rgba(33,89,159,.08);overflow:hidden}.motion-track{position:absolute;top:50%;left:17%;right:17%;height:2px;background:#d7e5f6;overflow:hidden}.motion-track i{display:block;width:34%;height:100%;background:linear-gradient(90deg,transparent,#428cff,#65d9ff,transparent);animation:flowMove 3.3s ease-in-out infinite}.motion-node{position:relative;z-index:2;min-height:92px;padding:16px 16px 15px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center;border:1px solid #d8e5f5;border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(33,78,133,.08)}.motion-node>b{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#246fe9;font-size:11px}.motion-node>span{font-size:13px;font-weight:850;color:#152945}.motion-node>small{margin-top:3px;color:#8190a5;font-size:9px}.motion-node.is-connect{border-color:#a8e8ce;box-shadow:0 13px 32px rgba(43,185,133,.12)}.motion-node.is-connect>b{background:#e4fbf1;color:#16965e}.motion-node.is-connect small{display:flex;align-items:center;gap:5px;color:#1b8b5c}.motion-node.is-connect small i{width:6px;height:6px;border-radius:50%;background:#30d78d;box-shadow:0 0 0 0 rgba(48,215,141,.45);animation:statusPulse 1.8s infinite}
.tut-tabs{flex-wrap:wrap}.tut-note-safe{border-color:rgba(72,211,154,.28)!important;background:rgba(29,153,101,.09)!important;color:#bbefd9!important}.ios-demo-card{max-width:460px;margin:16px auto;padding:15px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.055)}.ios-demo-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:14px;background:#fff}.ios-demo-card>div{display:grid;gap:2px;flex:1}.ios-demo-card small,.ios-demo-card em{color:#8fa2bd;font-size:10px;font-style:normal}.ios-demo-card strong{color:#fff;font-size:17px}.ios-demo-card>b{padding:7px 15px;border-radius:17px;background:#1878f2;color:#fff;font-size:11px}.ios-flow-line{max-width:520px;margin:16px auto;display:flex;align-items:center;justify-content:center;gap:10px}.ios-flow-line span{padding:9px 12px;border-radius:11px;background:rgba(83,146,255,.13);color:#cfe2ff;font-size:11px;font-weight:750}.ios-flow-line i{width:26px;height:1px;background:linear-gradient(90deg,#5da2ff,#64e3d4)}.ios-permission{max-width:390px;margin:16px auto;padding:18px 16px 0;border-radius:17px;background:rgba(255,255,255,.08);text-align:center;color:#fff;font-size:12px;overflow:hidden}.ios-permission>div{display:grid;grid-template-columns:1fr 1fr;margin:16px -16px 0;border-top:1px solid rgba(255,255,255,.12)}.ios-permission b{padding:12px;color:#68adff}.ios-permission b+b{border-left:1px solid rgba(255,255,255,.12);color:#69e5aa}.ios-connected{max-width:290px;margin:16px auto;padding:19px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(74,223,159,.22);border-radius:17px;background:rgba(30,157,106,.09)}.ios-connected i{width:9px;height:9px;border-radius:50%;background:#39db96;box-shadow:0 0 18px #39db96}.ios-connected strong{color:#fff}.ios-connected span{color:#83a793;font-size:10px}.tut-foot .btn-danger[target="_blank"]:after{content:" ↗"}
@keyframes flowMove{0%{transform:translateX(-110%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(300%);opacity:0}}@keyframes statusPulse{70%{box-shadow:0 0 0 8px rgba(48,215,141,0)}100%{box-shadow:0 0 0 0 rgba(48,215,141,0)}}
@media(prefers-reduced-motion:reduce){.motion-track i,.motion-node.is-connect small i{animation:none}.motion-track i{width:100%;opacity:.5}}
@media(max-width:760px){.motion-demo{padding:20px;grid-template-columns:1fr;gap:12px}.motion-track{top:17%;bottom:17%;left:37px;right:auto;width:2px;height:auto}.motion-track i{width:100%;height:34%;animation-name:flowMoveVertical}.motion-node{margin-left:22px}.ios-flow-line{gap:6px}.ios-flow-line span{padding:8px;font-size:9px}.ios-flow-line i{width:12px}@keyframes flowMoveVertical{0%{transform:translateY(-110%);opacity:0}20%,75%{opacity:1}100%{transform:translateY(300%);opacity:0}}}

/* R3 visual fidelity: the hero uses verified product screenshots instead of a drawn mock client. */
.hero-stage-real{isolation:isolate}.hero-windows-device,.hero-phone-device{position:absolute;margin:0;z-index:2}.hero-windows-device{width:min(500px,92%);right:4%;top:70px;padding:10px 10px 20px;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(228,239,255,.9));box-shadow:0 34px 80px rgba(0,14,52,.42);transform:perspective(1200px) rotateY(-8deg) rotateX(2deg) rotate(-1deg)}.hero-windows-device:after{content:"";position:absolute;left:18%;right:18%;bottom:-20px;height:22px;border-radius:0 0 70% 70%;background:linear-gradient(180deg,#b8c8dd,#f7fbff);box-shadow:0 18px 30px rgba(0,15,48,.26)}.hero-windows-device>img{display:block;width:100%;aspect-ratio:720/672;object-fit:cover;object-position:top;border-radius:17px;background:#f3f6fa}.hero-windows-device figcaption{position:absolute;left:22px;bottom:31px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(5,21,48,.78);color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(12px)}.hero-windows-device figcaption i{width:7px;height:7px;border-radius:50%;background:#39dc97;box-shadow:0 0 0 5px rgba(57,220,151,.14)}.hero-phone-device{width:132px;right:-5px;bottom:22px;padding:8px 7px 11px;border:2px solid rgba(236,242,255,.95);border-radius:30px;background:#111827;box-shadow:0 30px 65px rgba(0,8,35,.48);transform:rotate(5deg);animation:float 5.5s ease-in-out infinite}.hero-phone-device>img{display:block;width:100%;height:272px;object-fit:cover;object-position:top;border-radius:21px}.phone-speaker{position:absolute;z-index:2;width:34px;height:5px;left:50%;top:12px;transform:translateX(-50%);border-radius:9px;background:rgba(11,13,25,.86)}.hero-phone-device figcaption{position:absolute;right:12px;bottom:17px;padding:5px 8px;border-radius:999px;background:rgba(90,59,255,.82);color:#fff;font-size:8px;font-weight:800}.hero-stage-real .float-speed{top:75px;right:-18px}.hero-stage-real .float-safe{bottom:86px;left:-18px}.device-camera{display:none}
@media(max-width:980px){.hero-stage-real{height:560px;max-width:650px;width:100%;margin-inline:auto}.hero-windows-device{right:9%;top:58px;width:75%}.hero-phone-device{right:5%;bottom:10px;width:125px}.hero-stage-real .float-speed{right:4%;top:40px}.hero-stage-real .float-safe{left:5%;bottom:72px}}
@media(max-width:640px){.hero-stage-real{height:430px}.hero-windows-device{width:88%;right:7%;top:45px;padding:7px 7px 14px;border-radius:19px}.hero-windows-device>img{border-radius:13px}.hero-windows-device figcaption{left:15px;bottom:22px;padding:6px 9px;font-size:8px}.hero-windows-device:after{height:15px;bottom:-14px}.hero-phone-device{width:90px;right:0;bottom:18px;padding:5px;border-radius:23px}.hero-phone-device>img{height:188px;border-radius:17px}.hero-stage-real .float-speed{right:1%;top:25px}.hero-stage-real .float-safe{left:0;bottom:48px}.hero-stage-real .orbit-one{width:340px;height:340px}.hero-stage-real .orbit-two{width:280px;height:280px}}

.telegram-support{position:fixed;right:22px;bottom:22px;z-index:90;display:grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;min-width:176px;padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(255,255,255,.94);color:#13223d;text-decoration:none;box-shadow:0 18px 48px rgba(12,47,96,.22);backdrop-filter:blur(16px);transition:transform .2s,box-shadow .2s}.telegram-support:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(12,47,96,.28)}.telegram-support>span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#2aabee,#188bd2);color:#fff;font-size:13px;font-weight:900;letter-spacing:-.02em;box-shadow:0 9px 22px rgba(34,158,217,.28)}.telegram-support strong{align-self:end;font-size:12px;line-height:1.2}.telegram-support small{align-self:start;margin-top:3px;color:#77869b;font-size:9px;line-height:1.1}
.hero-slogan{margin:13px 0 0;color:#fff;font-size:16px;font-weight:850;letter-spacing:.08em}.hero-slogan:before{content:"";display:inline-block;width:28px;height:2px;margin:0 10px 4px 0;border-radius:2px;background:linear-gradient(90deg,#4dc6ff,#7a8dff)}
@media(max-width:640px){.telegram-support{right:14px;bottom:14px;min-width:0;width:54px;height:54px;padding:5px;border-radius:17px}.telegram-support>span{width:42px;height:42px;border-radius:13px}.telegram-support strong,.telegram-support small{display:none}}

/* Product-motion loop: real client imagery, animated only as a presentation layer. */
.hero-windows-device{animation:desktopBreath 6s ease-in-out infinite}.screen-scan{position:absolute;z-index:3;left:10px;right:10px;top:10px;height:24%;border-radius:17px 17px 0 0;background:linear-gradient(180deg,rgba(74,192,255,0),rgba(74,192,255,.11),rgba(118,123,255,.24),rgba(74,192,255,0));mix-blend-mode:multiply;pointer-events:none;animation:screenScan 4.8s cubic-bezier(.45,0,.2,1) infinite}.live-label{position:relative;width:65px;height:12px;display:inline-block;overflow:hidden}.live-label b{position:absolute;inset:0;opacity:0;white-space:nowrap;font-size:10px;animation:liveLabel 6s infinite}.live-label b:nth-child(2){animation-delay:2s}.live-label b:nth-child(3){animation-delay:4s}.signal{width:31px;height:23px;display:flex;align-items:end;gap:3px;letter-spacing:0}.signal i{display:block;width:5px;border-radius:4px;background:linear-gradient(180deg,#6ee7ff,#4388ff);transform-origin:bottom;animation:signalBars 1.25s ease-in-out infinite}.signal i:nth-child(1){height:7px}.signal i:nth-child(2){height:11px;animation-delay:.12s}.signal i:nth-child(3){height:16px;animation-delay:.24s}.signal i:nth-child(4){height:21px;animation-delay:.36s}
@keyframes desktopBreath{0%,100%{transform:perspective(1200px) rotateY(-8deg) rotateX(2deg) rotate(-1deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-6deg) rotateX(1deg) rotate(-.4deg) translateY(-8px)}}
@keyframes screenScan{0%{transform:translateY(-35%);opacity:0}16%{opacity:1}72%{opacity:.8}100%{transform:translateY(330%);opacity:0}}
@keyframes liveLabel{0%,5%{opacity:0;transform:translateY(10px)}12%,27%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes signalBars{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-windows-device,.screen-scan,.live-label b,.signal i{animation:none!important}.live-label b{display:none}.live-label b:last-child{display:block;opacity:1;transform:none}}

.gif-showcase{margin-top:58px;padding:26px;display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:center;border:1px solid rgba(139,180,239,.22);border-radius:28px;background:linear-gradient(135deg,rgba(28,57,110,.78),rgba(12,34,76,.86));box-shadow:0 24px 70px rgba(0,12,45,.22)}.gif-copy{padding-left:18px}.gif-copy h2{margin:12px 0 14px;color:#fff;font-size:30px;line-height:1.18;letter-spacing:-.04em}.gif-copy p{margin:0;color:#aebfda;font-size:13px;line-height:1.75}.gif-file-note{display:block;margin-top:18px;color:#6edbb3;font-size:10px;font-weight:800;letter-spacing:.08em}.gif-showcase figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:19px;background:#06162f;box-shadow:0 18px 46px rgba(0,9,35,.35)}.gif-showcase img{display:block;width:100%;height:auto}.gif-showcase figcaption{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(4,19,43,.8);color:#fff;font-size:9px;font-weight:750;backdrop-filter:blur(9px)}.gif-showcase figcaption i{width:6px;height:6px;border-radius:50%;background:#36db95;box-shadow:0 0 0 5px rgba(54,219,149,.13)}
@media(max-width:760px){.gif-showcase{margin-top:38px;padding:18px;grid-template-columns:1fr;gap:20px}.gif-copy{padding:4px}.gif-copy h2{font-size:25px}.gif-showcase figure{border-radius:15px}}

/* R4 legibility pass for the primary download actions. */
.platform-actions{gap:13px;margin-top:30px}.platform-choice{border-radius:20px}.platform-button{min-height:78px;padding:0 19px;gap:14px}.platform-button span{font-size:17px;line-height:1.2}.platform-button small{margin-bottom:5px;font-size:11px;letter-spacing:.01em}.platform-help{min-width:104px;padding:0 17px;font-size:13px;letter-spacing:.01em}.trial-callout{min-height:64px;padding:12px 16px;gap:13px}.trial-gift{width:42px;height:42px;font-size:17px}.trial-callout small{font-size:11px}.trial-callout strong{font-size:17px}.trial-callout>b{display:flex;align-items:center;gap:8px;font-size:13px}.download-meta{margin-top:16px;font-size:13px;line-height:1.5}.icon-arrow{position:relative;display:inline-block!important;flex:none;width:18px;height:18px;margin-left:auto;font-size:0!important;color:currentColor}.icon-arrow:before,.icon-arrow:after{content:"";position:absolute;display:block}.icon-arrow-down:before{left:8px;top:2px;width:2px;height:11px;border-radius:2px;background:currentColor}.icon-arrow-down:after{left:5px;top:8px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.icon-arrow-up-right:before{left:3px;bottom:3px;width:12px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg);transform-origin:center}.icon-arrow-up-right:after{right:2px;top:2px;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor}.icon-arrow-right{width:15px;height:15px;margin:0}.icon-arrow-right:before{left:1px;top:7px;width:11px;height:2px;border-radius:2px;background:currentColor}.icon-arrow-right:after{right:1px;top:4px;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
@media(max-width:640px){.platform-actions{gap:11px}.platform-button{min-height:72px;padding-inline:16px}.platform-button span{font-size:16px}.platform-button small{font-size:10px}.platform-help{min-width:102px;font-size:12px}.trial-callout{min-height:60px}.trial-callout strong{font-size:16px}.download-meta{font-size:12px}}

/* R5: concise platform actions and a real three-platform animated hero. */
.hero>.shell{width:min(1320px,calc(100% - 48px))}.hero-grid{grid-template-columns:minmax(430px,.8fr) minmax(0,1.2fr);gap:34px}.platform-actions{gap:10px}.platform-choice{border-radius:17px}.platform-button{min-height:62px;padding:0 17px;gap:12px}.platform-button span{font-size:16px;line-height:1;font-weight:850}.platform-help{min-width:100px;padding:0 15px;font-size:13px}.hero-stage-triple{height:auto;min-height:510px;align-content:center}.hero-triple-animation{position:relative;width:min(100%,760px);margin:0;overflow:hidden;border:1px solid rgba(138,197,255,.2);border-radius:28px;background:#06162f;box-shadow:0 35px 90px rgba(0,8,35,.42),0 0 70px rgba(55,147,255,.1)}.hero-triple-animation:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.16);pointer-events:none}.hero-triple-animation img{display:block;width:100%;height:auto}.hero-triple-animation figcaption{position:absolute;z-index:3;right:16px;bottom:15px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,17,39,.82);color:#eaf5ff;font-size:11px;font-weight:800;backdrop-filter:blur(10px)}.hero-triple-animation figcaption i{width:7px;height:7px;border-radius:50%;background:#38db96;box-shadow:0 0 0 5px rgba(56,219,150,.14)}
@media(max-width:980px){.hero>.shell{width:min(100% - 48px,1160px)}.hero-grid{grid-template-columns:1fr}.hero-stage-triple{min-height:0;margin-top:20px}.hero-triple-animation{width:min(100%,760px)}}
@media(max-width:640px){.platform-actions{gap:9px}.platform-button{min-height:58px;padding-inline:14px}.platform-button span{font-size:14px}.platform-help{min-width:90px;padding-inline:12px;font-size:11px}.hero-stage-triple{height:auto;margin:22px 0 0}.hero-triple-animation{border-radius:19px}.hero-triple-animation figcaption{right:9px;bottom:9px;padding:6px 8px;font-size:8px}}

/* R5 readability and restrained icon motion. */
.hero-strengths{font-size:14px}.proof-row span{font-size:14px}.growth-label{font-size:12px}.growth-copy p{font-size:15px}.growth-pills span{font-size:12px}.growth-copy>a{font-size:14px}.growth-note{font-size:12px}.motion-node>span{font-size:15px}.motion-node>small{font-size:12px}.gif-copy p{font-size:15px}.gif-file-note{font-size:12px}.gif-showcase figcaption{font-size:11px}.telegram-support strong{font-size:13px}.telegram-support small{font-size:11px}.platform-button img{animation:iconFloat 3.6s ease-in-out infinite;filter:drop-shadow(0 6px 9px rgba(77,170,255,.18)) brightness(0) invert(1)}.platform-choice:nth-child(2) .platform-button img{animation-delay:-1.2s}.platform-choice:nth-child(3) .platform-button img{animation-delay:-2.4s}.trial-gift{animation:giftPulse 2.8s ease-in-out infinite}.platform-logo img,.step-icon,.shield,.ios-demo-icon img,.pulse-button img{transition:transform .25s ease,filter .25s ease}.download-card:hover .platform-logo img,.steps-grid article:hover .step-icon,.privacy-panel:hover .shield,.ios-demo-card:hover .ios-demo-icon img,.feature-panel:hover .pulse-button img{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 8px 13px rgba(47,125,237,.2))}.telegram-support>span{animation:telegramBreath 3.2s ease-in-out infinite}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes giftPulse{0%,100%{transform:rotate(-2deg) scale(1);box-shadow:0 9px 22px rgba(255,171,60,.22)}50%{transform:rotate(2deg) scale(1.06);box-shadow:0 12px 30px rgba(255,190,70,.36)}}@keyframes telegramBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.platform-button img,.trial-gift,.telegram-support>span{animation:none!important}}