:root{--navy:#071426;--navy2:#0c2038;--ink:#10223a;--muted:#607087;--line:#dfe7f1;--blue:#1769e0;--cyan:#19bad1;--green:#079b76;--violet:#7257dc;--orange:#e38128;--rose:#db4966;--soft:#f4f7fb;--white:#fff;--shadow:0 28px 70px rgba(7,20,38,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;overflow-x:hidden;color:var(--ink);background:#f7f9fc;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}button,a{font:inherit}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(10px);pointer-events:none}.ambient-one{width:520px;height:520px;top:-220px;right:-140px;background:radial-gradient(circle,rgba(33,198,217,.18),transparent 68%)}.ambient-two{width:600px;height:600px;top:650px;left:-360px;background:radial-gradient(circle,rgba(23,105,224,.12),transparent 70%)}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(220,229,240,.88);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.header-inner{width:min(1180px,calc(100% - 36px));min-height:74px;display:flex;align-items:center;gap:28px;margin:auto}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand img{width:45px;height:45px;border-radius:13px;box-shadow:0 8px 18px rgba(18,58,140,.2)}.brand span{display:grid;line-height:1.15}.brand strong{font-size:.98rem}.brand small{margin-top:3px;color:#718097;font-size:.7rem}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header nav a{position:relative;color:#56667c;font-size:.82rem;font-weight:800;text-decoration:none}.site-header nav a:hover{color:var(--blue)}.header-version{padding:8px 11px;border:1px solid #bfd5f6;border-radius:10px;color:#0d5fc5;background:#edf5ff;font-size:.75rem;font-weight:900}
main{width:min(1180px,calc(100% - 36px));margin:auto}.hero{min-height:710px;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;padding:72px 0 50px}.release-line{display:flex;align-items:center;gap:8px;color:#1c6bbf;font-size:.7rem;font-weight:900;letter-spacing:.11em}.release-line b{color:#75849a}.live-dot{width:9px;height:9px;border-radius:50%;background:#0fb98c;box-shadow:0 0 0 6px rgba(15,185,140,.12)}h1{margin:19px 0 22px;color:var(--navy);font-size:clamp(3.35rem,6.5vw,5.75rem);line-height:.95;letter-spacing:-.06em}h1 span{color:transparent;background:linear-gradient(100deg,#1769e0,#0ba7c1);background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:650px;margin:0;color:#52637a;font-size:1.16rem;line-height:1.72}.hero-actions{display:flex;gap:13px;align-items:stretch;margin-top:30px}.download-button{min-height:68px;display:flex;align-items:center;gap:13px;border:0;border-radius:16px;padding:11px 20px;color:#fff;background:linear-gradient(125deg,#1266dc,#0b86be);box-shadow:0 15px 34px rgba(23,105,224,.26);cursor:pointer;transition:.2s transform,.2s box-shadow,.2s opacity}.download-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 19px 42px rgba(23,105,224,.34)}.download-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.download-button>span:not(.download-icon){display:grid;text-align:left}.download-button small{color:#cdeaff;font-size:.65rem;font-weight:850;letter-spacing:.08em}.download-button strong{font-size:.94rem}.download-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.16);font-size:1.35rem}.secondary-button{display:flex;align-items:center;gap:18px;border:1px solid #ccd8e7;border-radius:16px;padding:0 19px;color:var(--ink);background:#fff;font-size:.86rem;font-weight:850;text-decoration:none}.secondary-button span{color:var(--blue);font-size:1.2rem}.release-status{min-height:24px;margin:12px 0 0;color:#748196;font-size:.78rem}.release-status.ready{color:#06775d;font-weight:750}.release-status.waiting{color:#9a5b00}.trust-row{display:flex;gap:25px;margin-top:28px}.trust-row span{display:grid;color:#7a879a;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.trust-row b{color:var(--ink);font-size:.9rem;letter-spacing:0;text-transform:none}
.hero-visual{min-height:590px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(23,105,224,.14);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:410px;height:410px;border-color:rgba(9,169,180,.17)}.phone{width:304px;position:relative;z-index:2;padding:13px 18px 24px;border:8px solid #0b1d34;border-radius:43px;background:#f7f9fc;box-shadow:0 38px 80px rgba(7,20,38,.28);transform:rotate(2deg)}.phone-top{display:flex;justify-content:space-between;color:#8290a3;font-size:.55rem}.phone-top span{width:74px;height:17px;margin-top:-13px;border-radius:0 0 12px 12px;background:#0b1d34}.phone-top i{font-style:normal}.phone-brand{display:flex;align-items:center;gap:9px;margin:17px 0}.phone-brand img{width:38px;height:38px;border-radius:11px}.phone-brand span{display:grid;font-size:.78rem;font-weight:900}.phone-brand small{color:#7c899a;font-size:.55rem;font-weight:600}.phone>p{margin:18px 0 10px;color:#14283f;font-size:1.15rem;font-weight:900}.phone-feature{display:grid;grid-template-columns:39px 1fr auto;gap:10px;align-items:center;margin:8px 0;padding:12px;border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(7,20,38,.05)}.phone-feature>span{height:39px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:.62rem;font-weight:900}.phone-feature div{display:grid}.phone-feature b{font-size:.72rem}.phone-feature small{color:#7d8998;font-size:.56rem}.phone-feature i{color:#8a98a9;font-style:normal}.feature-green>span{background:var(--green)}.feature-blue>span{background:var(--blue)}.feature-violet>span{background:var(--violet)}.phone-notice{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px;border-radius:13px;color:#dffbf2;background:#083b35}.phone-notice>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#0fa77e}.phone-notice div{display:grid}.phone-notice b{font-size:.68rem}.phone-notice small{color:#9bd8c9;font-size:.55rem}.float-card{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 18px 40px rgba(7,20,38,.15);backdrop-filter:blur(10px)}.float-card>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--green);font-size:.72rem;font-weight:900}.float-card div{display:grid}.float-card b{font-size:.76rem}.float-card small{color:#7c899a;font-size:.6rem}.float-left{left:0;bottom:108px}.float-right{right:-4px;top:100px}.float-right>span{background:var(--blue)}
.important-strip{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;margin:3px 0 105px;padding:20px 22px;border:1px solid #f2d197;border-radius:19px;background:linear-gradient(110deg,#fff9ec,#fff3da);box-shadow:0 15px 35px rgba(155,92,0,.08)}.important-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#d88116;font-weight:950}.important-strip strong{color:#694100}.important-strip p{margin:3px 0 0;color:#806947;font-size:.84rem}.important-strip a{color:#8a5100;font-size:.8rem;font-weight:900;white-space:nowrap}
.section{scroll-margin-top:95px;padding:0 0 110px}.section-heading{max-width:760px;margin-bottom:35px}.section-kicker{color:var(--blue);font-size:.7rem;font-weight:950;letter-spacing:.12em}.section-heading h2,.mode-copy h2{margin:8px 0 12px;color:var(--navy);font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.04em}.section-heading p,.mode-copy>p{margin:0;color:var(--muted);font-size:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{min-height:260px;position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 32px rgba(7,20,38,.055);transition:.2s transform,.2s box-shadow}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 43px rgba(7,20,38,.1)}.feature-card:after{content:"";position:absolute;width:150px;height:150px;right:-80px;bottom:-80px;border-radius:50%;background:var(--accent);opacity:.08}.feature-card-main{grid-column:span 1;min-height:340px;padding:28px;color:#fff;background:linear-gradient(145deg,var(--accent-dark),var(--accent));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 20%,transparent)}.feature-card-main:after{width:260px;height:260px;right:-100px;bottom:-130px;background:#fff;opacity:.11}.green-card{--accent:#12aa87;--accent-dark:#07846d}.blue-card{--accent:#2e7be7;--accent-dark:#155fc7}.violet-card{--accent:var(--violet)}.orange-card{--accent:var(--orange)}.cyan-card{--accent:var(--cyan)}.rose-card{--accent:var(--rose)}.card-top{display:flex;justify-content:space-between}.feature-code{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--accent);font-size:.7rem;font-weight:950;box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.feature-card-main .feature-code{background:rgba(255,255,255,.2);box-shadow:none}.new-badge{height:max-content;padding:5px 8px;border:1px solid rgba(255,255,255,.42);border-radius:8px;color:#fff;background:rgba(255,255,255,.16);font-size:.6rem;font-weight:950;letter-spacing:.08em}.feature-card h3{margin:20px 0 9px;color:var(--navy);font-size:1.25rem}.feature-card p{margin:0;color:var(--muted);font-size:.88rem}.feature-card-main h3{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}.feature-card-main p{color:rgba(255,255,255,.91)}.feature-card a{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff;font-size:.76rem;font-weight:900;text-decoration:none}.feature-card-main a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.feature-card a span{margin-left:5px}
.mode-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin:0 calc(50% - 50vw);padding:105px max(18px,calc(50vw - 590px));color:#fff;background:linear-gradient(135deg,#071426,#0d2844 65%,#093d50)}.mode-copy h2{color:#fff}.mode-copy>p{color:#a9bdd2}.mode-copy .section-kicker{color:#5ed7e8}.mode-choice{display:grid;grid-template-columns:105px 1fr;gap:14px;margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}.mode-choice>span{align-self:center;color:#8fa8c0;font-size:.62rem;font-weight:950;letter-spacing:.06em}.mode-choice div{display:grid}.mode-choice b{font-size:.9rem}.mode-choice small{color:#8fa6be;font-size:.72rem}.mode-choice.active{border-color:rgba(74,210,226,.5);background:rgba(28,161,184,.13)}.mode-choice.active>span{color:#5fe0ed}.mode-copy>a{display:inline-block;margin-top:23px;color:#76e3ed;font-size:.8rem;font-weight:900;text-decoration:none}.scan-demo{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(255,255,255,.07);box-shadow:0 28px 65px rgba(0,0,0,.22);backdrop-filter:blur(15px)}.scan-head{display:flex;justify-content:space-between;margin-bottom:14px;color:#6ed9e5;font-size:.65rem;font-weight:900;letter-spacing:.07em}.scan-head b{color:#9db2c8}.scan-row{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;margin:8px 0;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(4,16,30,.38)}.scan-row i{height:40px;display:grid;place-items:center;border-radius:11px;color:#86dfea;background:rgba(34,181,200,.13);font-size:.68rem;font-style:normal;font-weight:900}.scan-row span{display:grid}.scan-row b{font-size:.87rem}.scan-row small{color:#8098b0;font-size:.68rem}.scan-row em{color:#a9bed1;font-size:.7rem;font-style:normal;font-weight:800}.scan-row.highlight{border-color:rgba(95,224,237,.4);background:rgba(17,124,143,.15)}.scan-result{display:flex;gap:12px;align-items:center;margin-top:15px;padding:14px;border-radius:14px;color:#dffff4;background:#08715f}.scan-result>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#10a684;font-weight:900}.scan-result p{display:grid;margin:0}.scan-result b{font-size:.8rem}.scan-result small{color:#a8e3d7;font-size:.66rem}
.install-section{scroll-margin-top:90px;margin:0 calc(50% - 50vw);padding:105px max(18px,calc(50vw - 590px));background:#eef3f8}.light-heading{margin-bottom:32px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{min-height:250px;padding:25px;border:1px solid #d6e0eb;border-radius:21px;background:#fff}.steps article>span{display:inline-block;color:#9eb0c5;font-size:.7rem;font-weight:950}.steps h3{margin:35px 0 10px;color:var(--navy);font-size:1.12rem}.steps p{margin:0;color:var(--muted);font-size:.84rem}.install-cta{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:18px;padding:26px 28px;border-radius:22px;color:#fff;background:linear-gradient(110deg,#0a2441,#0c5870);box-shadow:var(--shadow)}.install-cta>div>span{color:#70ddeb;font-size:.65rem;font-weight:950;letter-spacing:.1em}.install-cta h3{margin:4px 0 3px;font-size:1.35rem}.install-cta p{margin:0;color:#a9c0d2;font-size:.78rem}.download-button.compact{min-width:280px;background:linear-gradient(120deg,#0c98b1,#1769e0)}
.faq-section{padding:105px 0}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 21px;color:var(--ink);font-weight:850;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--blue);background:#edf5ff;font-size:1.2rem}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 21px 20px;color:var(--muted);font-size:.87rem}
footer{border-top:1px solid var(--line);background:#fff}.footer-inner{width:min(1180px,calc(100% - 36px));min-height:110px;display:flex;align-items:center;gap:22px;margin:auto}.footer-inner p{margin-left:auto;color:var(--muted);font-size:.8rem}.footer-inner>a{color:var(--blue);font-size:.8rem;font-weight:900;text-decoration:none}
.hero-product-shot{margin:0;isolation:isolate}.hero-product-shot:before{content:"";position:absolute;z-index:-1;width:90%;height:82%;border-radius:50%;background:radial-gradient(circle,rgba(23,105,224,.22),rgba(25,186,209,.09) 45%,transparent 72%);filter:blur(12px)}.hero-product-shot img{width:auto;max-width:100%;height:auto;max-height:680px;display:block;border-radius:34px;object-fit:contain;box-shadow:0 38px 85px rgba(7,20,38,.3)}
.hero-product-shot img{position:relative;z-index:2;border-radius:0;box-shadow:none;filter:drop-shadow(0 32px 30px rgba(7,20,38,.28));animation:hero-phone-float 6s ease-in-out infinite}.hero-ring{position:absolute;z-index:0;border-radius:50%;pointer-events:none}.hero-ring-one{width:520px;height:520px;border:1px solid rgba(23,105,224,.22);border-top-color:rgba(23,105,224,.72);animation:hero-ring-spin 22s linear infinite}.hero-ring-two{width:420px;height:420px;border:1px dashed rgba(25,186,209,.31);animation:hero-ring-spin 17s linear infinite reverse}.hero-mini-card{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.84);border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(7,20,38,.14);backdrop-filter:blur(13px);animation:hero-card-float 5s ease-in-out infinite}.hero-mini-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1769e0,#20b9cc);font-size:.66rem;font-weight:950}.hero-mini-card div{display:grid}.hero-mini-card b{color:var(--ink);font-size:.74rem}.hero-mini-card small{color:#748399;font-size:.58rem}.hero-mini-v3{right:-6px;top:95px}.hero-mini-leave{left:-8px;bottom:105px;animation-delay:-2.1s}.hero-mini-leave>span{background:linear-gradient(135deg,#07846d,#12aa87)}@keyframes hero-phone-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.3deg)}}@keyframes hero-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hero-ring-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{min-height:540px}.feature-grid{grid-template-columns:repeat(2,1fr)}.mode-section{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.install-cta{align-items:flex-start;flex-direction:column}.download-button.compact{min-width:0}}
@media(max-width:620px){html{scroll-padding-top:74px}.header-inner{width:calc(100% - 24px);min-height:64px}.brand img{width:39px;height:39px}.brand small{display:none}main{width:calc(100% - 24px)}.hero{min-height:auto;gap:25px;padding:45px 0 35px}h1{font-size:3.25rem}.hero-lead{font-size:.98rem}.hero-actions{display:grid}.secondary-button{min-height:55px;justify-content:center}.download-button{width:100%}.trust-row{gap:14px;justify-content:space-between}.trust-row span{font-size:.56rem}.trust-row b{font-size:.76rem}.hero-visual{min-height:560px}.hero-product-shot img{max-height:650px;border-radius:0}.hero-ring-one{width:360px;height:360px}.hero-ring-two{width:290px;height:290px}.hero-mini-card{padding:8px 9px}.hero-mini-card>span{width:30px;height:30px}.hero-mini-card b{font-size:.63rem}.hero-mini-card small{font-size:.51rem}.hero-mini-v3{right:-3px;top:72px}.hero-mini-leave{left:-4px;bottom:70px}.phone{width:270px}.orbit-one{width:370px;height:370px}.orbit-two{width:300px;height:300px}.float-left{left:-5px;bottom:50px}.float-right{right:-5px;top:52px}.float-card{padding:9px}.float-card>span{width:30px;height:30px}.float-card b{font-size:.64rem}.float-card small{font-size:.52rem}.important-strip{grid-template-columns:auto 1fr;margin-bottom:75px;padding:16px}.important-strip a{grid-column:2}.section{padding-bottom:75px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card-main{min-height:auto;padding:22px}.feature-card-main{min-height:330px}.feature-card:not(.feature-card-main){padding-bottom:25px}.mode-section,.install-section{padding-top:75px;padding-bottom:75px}.mode-choice{grid-template-columns:1fr;gap:5px}.scan-demo{padding:14px}.scan-row{grid-template-columns:38px 1fr auto;padding:12px 9px}.install-cta{padding:22px 17px}.faq-section{padding:75px 0}.footer-inner{min-height:145px;display:grid;grid-template-columns:1fr auto;gap:8px;padding:22px 0}.footer-inner p{grid-column:1/-1;margin:0}.footer-inner>a{grid-column:1/-1}.footer-inner .brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-product-shot img,.hero-mini-card,.hero-ring{animation:none!important}}