/* Product-first layout: one purposeful animation, quieter surrounding UI. */
.landing-preparing .site-header,.landing-preparing .hero-copy>*,.landing-preparing .product-stage,.landing-preparing .scroll-cue{opacity:0}
.landing-entrance .site-header{animation:landing-arrive 1.1s cubic-bezier(.22,1,.36,1) both}
.landing-entrance .hero-copy>*{animation:landing-arrive 1.25s cubic-bezier(.22,1,.36,1) both}
.landing-entrance .hero-copy>.eyebrow{animation-delay:.12s}
.landing-entrance .hero-copy>h1{animation-delay:.26s}
.landing-entrance .hero-copy>p{animation-delay:.42s}
.landing-entrance .hero-copy>.cta,.landing-entrance .hero-copy>.demo-link{animation-delay:.58s}
.landing-entrance .hero-copy>small{animation-delay:.72s}
.landing-entrance .product-stage{animation:product-arrive 1.6s .38s cubic-bezier(.22,1,.36,1) both}
.landing-entrance .scroll-cue{animation:landing-arrive 1s .95s cubic-bezier(.22,1,.36,1) both}
@keyframes landing-arrive{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes product-arrive{from{opacity:0;transform:translateY(34px) scale(.96);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.landing-preparing .site-header,.landing-preparing .hero-copy>*,.landing-preparing .product-stage,.landing-preparing .scroll-cue{opacity:1}}
.telegram-icon{width:20px;height:20px;flex-shrink:0}
.landing .hero-copy .cta,.landing .final-cta .cta{gap:11px;justify-content:center}
.hero-copy .cta span,.final-cta .cta span{font-size:13px}
.header-link.telegram-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border:1px solid #72b7ec35;border-radius:11px;background:#359ae510;color:#b8daf4;transition:background .2s,transform .2s}
.header-link.telegram-button:hover{background:#359ae522;transform:translateY(-2px)}
.header-link.telegram-button span{margin:0;color:inherit;font-size:11px}
.header-link.telegram-button .telegram-icon{width:16px;height:16px}
@media(max-width:400px){.header-link.telegram-button{padding:10px;gap:6px}.header-link.telegram-button span{font-size:9px}}
body{background:radial-gradient(ellipse at 90% 16%,#153b5733,transparent 40%),#080d14}
.site-header{height:90px}.hero{grid-template-columns:1.05fr 1.1fr;gap:65px;min-height:770px;padding-top:75px}
h1{font-size:clamp(42px,4.8vw,66px);line-height:1.16;letter-spacing:-.055em;font-weight:450}
h1 em{font-style:normal;color:#77bbf0}.hero-copy>p{font-size:14px;line-height:1.85;margin:25px 0 30px}
.hero-copy .cta{padding:16px 21px;gap:28px}.demo-link{display:inline-block;font-size:12px;color:#8aa2b7;margin-left:20px}.demo-link span{margin-left:9px}
.product-stage{min-width:0;position:relative}.stage-caption{display:flex;align-items:center;gap:8px;color:#8098ac;font-size:8px;letter-spacing:.14em;margin:0 7px 15px}.stage-dot{width:5px;height:5px;border-radius:50%;background:#6fb4ed}.demo-tag{margin-left:auto;letter-spacing:.06em;font-size:8px;padding:4px 7px;border:1px solid #ffffff13;border-radius:4px;color:#657f93}
.product-window{background:linear-gradient(140deg,#182736d9,#0c151ff5);border:1px solid #acc8df26;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #0005,inset 0 1px 0 #ffffff08;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.product-window:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}.window-top{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #ffffff0c;font-size:11px;color:#ccd8e1}.window-mark{display:grid;place-items:center;font-size:8px;width:29px;height:29px;border:1px solid #6eafe631;border-radius:8px;color:#7ebdf0}.window-status{margin-left:auto;font-size:9px;color:#7798b3}.demo-breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 14px;font-size:10px;color:#50687c}.demo-breadcrumb i{height:1px;width:32px;background:#ffffff0e}.demo-breadcrumb .is-active{color:#9acbf2}.demo-breadcrumb .is-done{color:#7997af}.demo-breadcrumb span{transition:color .4s}
.demo-scene{min-height:320px;padding:22px 25px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-scene h3{font-size:20px;font-weight:450;line-height:1.4;letter-spacing:-.025em;margin:23px 0 9px}.demo-scene p{font-size:11px;line-height:1.6;margin:0;color:#7c95a9}.demo-passport{position:relative;width:170px;height:125px;border:1px solid #7db1d52b;background:linear-gradient(120deg,#213b5140,#132332);border-radius:14px;transform:rotate(-7deg);overflow:hidden}.passport-cover{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#81afd3}.passport-cover svg{width:64px;height:64px}.passport-cover>span{font-size:7px;letter-spacing:.13em;opacity:.6}.scan-beam{position:absolute;left:0;right:0;height:2px;background:#7dc4fb;box-shadow:0 0 18px #7dc4fb;top:0;opacity:0}.is-scanning .scan-beam{animation:scan-pass 1.5s ease-in-out infinite;opacity:1}.is-scanning .demo-passport{transform:rotate(0);transition:transform .4s}
.demo-bottom{display:flex;flex-direction:column;gap:11px;align-items:center;padding:20px;border-top:1px solid #ffffff0c;background:#09131d40}.demo-bottom button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;width:100%;border:1px solid #71b7ea32;border-radius:11px;background:#499ddd13;color:#b3d9f6;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,transform .2s}.demo-bottom button:hover{background:#499ddd25}.demo-bottom button:active{transform:scale(.98)}.demo-bottom button:focus-visible{outline:2px solid #68b4fa;outline-offset:3px}.demo-bottom button:disabled{cursor:wait;color:#7f9bb0;background:#ffffff03}.demo-bottom button svg{width:16px;height:16px}.demo-bottom>span{font-size:8px;color:#567288}.stage-footnote{display:flex;justify-content:space-between;gap:10px;margin:19px 6px 0;font-size:8px;color:#567187}
.demo-fields{display:grid;gap:9px;width:100%;max-width:320px}.demo-fields>div{position:relative;text-align:left;padding:13px 34px 13px 15px;border:1px solid #99b5ce17;border-radius:11px;background:#ffffff02;animation:field-in .5s both}.demo-fields>div:nth-child(2){animation-delay:.18s}.demo-fields>div:nth-child(3){animation-delay:.36s}.demo-fields small{display:block;font-size:9px;color:#738fa4;margin-bottom:5px}.demo-fields strong{display:block;font-size:12px;font-weight:450;color:#cddce8}.demo-fields span{position:absolute;right:13px;top:24px;color:#88bbdf;font-size:11px;animation:field-in .4s .5s both}.demo-pdf{position:relative;width:105px;animation:pdf-in .65s cubic-bezier(.22,1,.36,1) both}.demo-pdf svg{width:100%;height:125px;color:#81bfe8}.demo-pdf>span{position:absolute;bottom:17px;left:36px;font-size:9px;color:#89c9f7;letter-spacing:.13em}.demo-pdf i{position:absolute;right:0;top:0;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #73b7e24d;background:#173550;color:#b3def8;font-size:13px;font-style:normal;animation:pdf-in .4s .45s both}
.feature-grid{gap:0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.feature{background:transparent;border:0;border-radius:0;padding:34px 30px}.feature+ .feature{border-left:1px solid #ffffff10}.feature:hover{background:#8bc2ee03}.feature p{font-size:12px}.feature h3{font-size:16px;font-weight:450}.feature-icon{background:transparent;border:0;border-radius:0;place-items:start;width:32px;height:32px}.section-intro h2{font-weight:450;font-size:clamp(27px,3.4vw,40px)}.journey-grid{gap:30px}.journey-grid article{border-top:1px solid #ffffff13;padding-top:25px}.journey-grid article>span{font-size:25px;color:#4c7392;font-weight:400}.journey-grid h3{font-weight:450}.final-cta{background:radial-gradient(ellipse at 50% 100%,#16385366,transparent 80%),#0c151e;border-radius:24px}
@keyframes scan-pass{0%{top:5%;opacity:0}15%,85%{opacity:1}100%{top:95%;opacity:0}}@keyframes field-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pdf-in{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:45px;padding-top:45px;padding-bottom:80px;min-height:0}h1{font-size:43px}.hero-copy>p{font-size:13px}.hero-copy .cta{padding:16px 20px}.demo-link{margin-left:12px}.product-stage{width:min(440px,100%);margin:auto}.product-window{transform:none;border-radius:20px}.stage-caption{font-size:7px}.demo-scene{min-height:300px;padding:16px 20px 24px}.stage-footnote{font-size:7px}.feature+ .feature{border-left:0;border-top:1px solid #ffffff10}.feature{padding:25px 5px}.journey-grid{gap:8px}.journey-grid article{padding:23px 0;grid-template-columns:38px 1fr}.journey-grid article>span{font-size:17px}.journey-grid h3{font-size:17px}.window-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.product-window{transform:none}.demo-fields>div,.demo-pdf,.demo-pdf i{animation:none}.is-scanning .scan-beam{animation:none;top:50%}}