/* Nurellis — Signal / original animated product scene */
:root{color-scheme:light;--bg:#fff;--text:#202a30;--muted:#657078;--green:#227e59;--green2:#309a6d;--line:#e2e6e5;--max:1360px}
body{background:#fff;color:var(--text)}.wrap{width:calc(100% - 112px)}
.site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none;color:white;z-index:50}.header-inner{height:96px}.brand img{width:35px;height:35px;border-radius:10px;box-shadow:none}.brand strong{display:inline;font-size:14px}.brand{letter-spacing:.06em}.nav{gap:24px;color:#fff;font-size:13px}.nav a:first-child{color:#fff}.nav a:first-child:after{display:none}.languages{background:#ffffff10;border-color:#ffffff35}.languages a{color:#dce5e3}.languages a[aria-current]{background:#ffffff25;color:#fff}.mini-download{background:#fff;color:#202a30;border-radius:30px;box-shadow:none}.mobile-menu{color:white}.mobile-nav{background:#202c30;color:white}
.cinema{height:max(820px,100svh);max-height:1180px;position:relative;isolation:isolate;overflow:hidden;background:#172125;color:white}.cinema-light{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 42%,#6d8e82 0%,#344a46 28%,#172125 65%);z-index:-2}.cinema:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10191ed9,transparent 44%);z-index:-1}.cinema-top{padding-top:148px;position:relative;z-index:3;pointer-events:none}.film-label{font-size:10px;letter-spacing:.22em;opacity:.65}.cinema h1{font-size:clamp(48px,5.8vw,88px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin-top:20px;max-width:1000px}.signal-scene{position:absolute;width:850px;height:540px;top:48%;left:63%;transform:translate(-50%,-50%);perspective:1300px;z-index:0}.device{position:absolute;width:204px;height:425px;border-radius:35px;padding:7px;background:linear-gradient(125deg,#e0e8e5,#52635d 17%,#1a2524 60%,#adbeb6);box-shadow:15px 30px 50px #0006,inset 0 0 0 1px #ffffff80;overflow:hidden}.device-camera{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:45px;height:12px;border-radius:20px;background:#0b1012;z-index:5}.source-device{left:110px;top:35px;transform:rotateY(18deg) rotateZ(-10deg);animation:source-float 12s ease-in-out infinite}.source-device>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:29px}.receiver-device{right:140px;top:83px;transform:rotateY(-16deg) rotateZ(9deg);animation:receiver-float 12s ease-in-out infinite}.receiver-screen{height:100%;border-radius:29px;background:linear-gradient(160deg,#e0efeb,#a6c6bf);padding:20px 12px;color:#233f3a;text-align:center}.receiver-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.telegram-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#32a6d7;color:white;font-size:37px;margin:46px auto 12px;box-shadow:0 10px 25px #1b708c26}.receiver-screen>strong{font-size:19px;font-weight:500}.receiver-caption{display:block;font-size:8px;letter-spacing:.17em;margin-top:7px;opacity:.55}.received-message{margin-top:28px;padding:12px 10px;border-radius:14px;background:#ffffffdc;text-align:left;box-shadow:0 8px 25px #1b49461a;animation:receive 12s infinite}.message-title{display:flex;align-items:center;gap:6px;font-size:10px}.message-title small{margin-left:auto;font-size:8px;color:#7a8f89}.alert-icon{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:7px;background:#254d3f;color:#b9f8d1;font-size:13px}.received-message p{font-size:12px;color:#29473e;margin-top:8px}.message-status{display:block;text-align:right;font-size:8px;color:#448267;margin-top:10px}.receiver-dock{display:flex;gap:15px;justify-content:center;margin-top:29px}.receiver-dock i{width:25px;height:25px;border-radius:9px;background:#ffffff50}.source-alert{position:absolute;left:12px;right:12px;top:95px;padding:12px 8px;border:1px solid #ffffff40;border-radius:14px;background:#f6fff5f0;color:#203a2f;display:flex;align-items:center;gap:7px;box-shadow:0 10px 30px #0004;animation:send 12s infinite}.source-alert b,.source-alert small{display:block;font-size:9px}.source-alert small{font-size:8px;margin-top:3px}.signal-path{position:absolute;left:300px;top:255px;width:220px;height:2px;background:linear-gradient(90deg,transparent,#b9f9d755,transparent);transform:rotate(8deg)}.signal-path i{position:absolute;width:13px;height:5px;border-radius:50%;background:#d4ffe1;box-shadow:0 0 15px 5px #8cfdc488;animation:transmit 12s infinite}.signal-path i:nth-child(2){animation-delay:.25s}.signal-path i:nth-child(3){animation-delay:.5s}.orbit{position:absolute;left:20px;top:65px;width:730px;height:370px;border:1px solid #caf5df15;border-radius:50%;transform:rotate(-24deg)}.orbit-two{transform:rotate(22deg);width:780px}.scene-floor{position:absolute;bottom:-10px;left:80px;width:670px;height:50px;border-radius:50%;background:#0004;filter:blur(24px);z-index:-1}.cinema-bottom{position:absolute;bottom:60px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;z-index:4}.cinema-bottom p{font-size:18px;line-height:1.45;color:#f4f8f5}.cinema-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.button{border-radius:99px;font-weight:600;font-size:13px;min-height:50px}.cinema .primary{background:white;color:#1c2c25}.film-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px}.film-signature{font-size:clamp(45px,6vw,90px);font-weight:500;letter-spacing:-.06em;line-height:.92;text-align:right}.film-signature span{display:block}.motion-toggle{position:absolute;right:22px;bottom:20px;z-index:6;width:35px;height:35px;background:#ffffff1f;border:1px solid #ffffff50;color:white;border-radius:50%;cursor:pointer}.cinema.is-paused *{animation-play-state:paused!important}
.signal-intro{padding:110px 0 80px;text-align:center}.signal-intro h2{max-width:950px;margin:20px auto;font-size:clamp(34px,4.5vw,62px);font-weight:500}.signal-intro p{font-size:19px}.section-label{color:#61746d;font-size:10px;letter-spacing:.15em}.product-gallery{background:#eaf0ed;border-radius:26px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:65px 75px;overflow:hidden}.gallery-copy h2{font-weight:500;font-size:clamp(32px,3.6vw,48px)}.gallery-copy .film-link{color:#277754}.gallery-phones{display:flex;gap:25px;justify-content:center;align-items:center;max-height:420px}.gallery-phones img{width:43%;max-width:180px;border-radius:24px;box-shadow:0 30px 45px #314b412a;transform:rotate(-7deg) translateY(30px)}.gallery-phones img+img{transform:rotate(7deg) translateY(-20px)}
.section{padding-block:88px}.section-head h2,.privacy h2,.faq h2,.final h2{font-weight:500}.card,.flow-box,.privacy{background:#f5f7f6;border:1px solid #e4e9e6;box-shadow:none;color:#202a30;border-radius:22px}.card:hover{background:#eff4f0;border-color:#b6cbbd}.card-kicker{color:#608776}.how{background:#f5f7f6}.how .flow-box{background:white}.flow-arrow{color:#4a8a6b}.privacy{padding:50px;background:#eaf0ed}.privacy-list p{color:#53665c}.privacy-list span{color:#277754}.plan.featured{background:#e9f3ed;border-color:#78a68d}.plan-badge{background:#277754;color:white}.price{color:#202a30}.price-note{color:#657078}.button.ghost{background:white;border-color:#ced8d2;color:#233d30}.button.ghost:hover{background:#e5eee8;border-color:#91b09b}.button.primary{color:white}.cinema .button.primary{color:#1c2c25}.faq-list details{background:transparent;border-color:#dce4df}.faq-list summary{color:#202a30}.faq-list .plus{color:#277754}.step-icon{background:#e8eee9;color:#426b50;border-color:#d0ddd3}.social-card{background:#f5f7f6;border-color:#e4e9e6;color:#202a30}.social-card:hover{background:#eaf1eb}.social-icon{background:#e1ebe3;color:#277754}.social-card-copy span,.social-copy p{color:#657078}.social-open{color:#277754}.final{background:#eaf0ed;border:0;border-radius:25px;margin-bottom:60px;padding:56px}.final p{color:#657078}footer{color:#657078;border-color:#e4e9e6;padding-bottom:35px}.web-support{color:#f5f5f5}.web-support-msg p{color:#f5f5f5}
@keyframes source-float{0%,100%{transform:translateY(0) rotateY(18deg) rotateZ(-10deg)}50%{transform:translateY(-17px) rotateY(4deg) rotateZ(-6deg)}}@keyframes receiver-float{0%,100%{transform:translateY(0) rotateY(-16deg) rotateZ(9deg)}50%{transform:translateY(14px) rotateY(-5deg) rotateZ(6deg)}}@keyframes send{0%,12%,90%,100%{opacity:0;transform:translateY(10px)}20%,52%{opacity:1;transform:translateY(0)}65%,85%{opacity:0;transform:translateY(-8px)}}@keyframes receive{0%,44%,94%,100%{opacity:0;transform:translateY(14px)}54%,84%{opacity:1;transform:translateY(0)}}@keyframes transmit{0%,30%{opacity:0;left:0}36%{opacity:1;left:0}51%{opacity:1;left:100%}55%,100%{opacity:0;left:100%}}
@media(min-width:1600px){.signal-scene{transform:translate(-50%,-50%) scale(1.15)}}
@media(max-width:1100px){.nav{display:none}.mobile-menu{display:block}.signal-scene{left:64%;top:49%;transform:translate(-50%,-50%) scale(.86)}.cinema h1{font-size:64px}.film-signature{font-size:65px}.product-gallery{padding:50px 35px;gap:20px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px;gap:10px}.brand{font-size:10px;gap:7px}.brand strong{font-size:11px}.brand img{width:28px;height:28px}.languages a{padding:6px;font-size:10px}.mini-download{display:none}.header-actions{gap:7px}.cinema{height:940px;max-height:none;min-height:100svh}.cinema-top{padding-top:116px}.cinema h1{font-size:clamp(40px,8.8vw,60px);margin-top:17px}.film-label{font-size:8px}.signal-scene{left:50%;top:51%;transform:translate(-50%,-50%) scale(.62)}.cinema-bottom{bottom:56px;display:block}.cinema-bottom p{font-size:16px}.cinema-actions{gap:15px;flex-wrap:wrap;margin-top:20px}.cinema-actions .button{padding:0 19px}.cinema-actions .film-link{font-size:12px}.film-signature{display:none}.signal-intro{padding:65px 0 50px}.signal-intro p{font-size:16px}.product-gallery{padding:35px 25px;grid-template-columns:1fr}.gallery-phones{height:340px;margin-top:25px;gap:22px}.gallery-phones img{max-width:137px}.section{padding-block:58px}.privacy{padding:28px}.final{padding:30px;margin-bottom:35px}.section-head{gap:20px}.motion-toggle{bottom:17px}.source-device{left:140px}.receiver-device{right:160px}.signal-path{width:150px;left:340px}.web-support-launch{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema *{animation:none!important}.source-alert,.received-message{opacity:1}.signal-path i{display:none}}
.card-kicker{background:#e4eee7}.step:before{color:#d4e2d8}.site-header .brand span{display:inline}.mobile-menu{place-items:center;width:38px;height:38px;border:1px solid #ffffff35;background:#ffffff10;color:white;border-radius:50%;font-size:20px;cursor:pointer}.mobile-nav{position:absolute;z-index:60;top:80px;left:20px;right:20px;padding:14px;border:1px solid #ffffff20;border-radius:16px;box-shadow:0 30px 80px #0005}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px}.cinema a:focus-visible,.motion-toggle:focus-visible{outline-color:#c2f6d2}
@media(max-width:700px){.mobile-nav{top:76px}.cinema .button.primary:hover{background:#d8f0e3}}
