@charset "UTF-8";
:root{--bg:#071211;--bg2:#0b1918;--panel:#0e201e;--panel2:#102725;--line:rgba(175,226,214,.13);--text:#edf7f4;--muted:#9db4af;--green:#16b88b;--green2:#22d4a6;--cyan:#1299b8;--lime:#a6efce;--radius:24px;--shadow:0 22px 70px rgba(0,0,0,.25);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 76% 4%,rgba(18,153,184,.11),transparent 32%),radial-gradient(ellipse at 6% 28%,rgba(22,184,139,.08),transparent 34%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body.drawer-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green2);outline-offset:4px}.section-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:94px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,15,14,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}.header-inner{width:min(1360px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;min-width:0}.brand img{width:218px;height:auto;max-height:60px;object-fit:contain;object-position:left center}.header-right,.header-actions{display:flex;align-items:center;gap:12px}.category-trigger{height:44px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;transition:.25s}.category-trigger:hover{border-color:rgba(34,212,166,.5);background:rgba(22,184,139,.09)}.menu-glyph{width:17px;display:grid;gap:4px}.menu-glyph i{height:2px;background:var(--green2);border-radius:2px;display:block}.menu-glyph i:nth-child(2){width:12px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 20px;border-radius:13px;font-size:14px;font-weight:700;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#041410;background:linear-gradient(120deg,#36e0b2,#16b88b);box-shadow:0 8px 26px rgba(22,184,139,.16)}.btn-primary:hover{box-shadow:0 12px 34px rgba(22,184,139,.28)}.btn-ghost{border-color:rgba(185,229,219,.2);background:rgba(255,255,255,.035);color:var(--text)}.btn-ghost:hover,.btn-secondary:hover{border-color:rgba(34,212,166,.6);background:rgba(22,184,139,.08)}.btn-secondary{background:rgba(6,20,18,.66);border-color:rgba(34,212,166,.44);color:#dffcf3}.btn-large{min-height:56px;padding:0 24px;border-radius:15px;font-size:15px}.btn-arrow{font-size:18px;line-height:1}.qr-wrap{position:relative;display:inline-flex}.qr-popover{position:absolute;z-index:80;left:50%;width:174px;padding:12px;transform:translate(-50%,8px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;border:1px solid rgba(32,190,151,.26);border-radius:18px;background:#f8fffc;color:#102b25;box-shadow:0 18px 54px rgba(0,0,0,.4);text-align:center;transition:opacity .2s,transform .2s,visibility .2s}.qr-popover img{width:132px;height:132px;margin:0 auto 8px;border-radius:8px}.qr-popover b{font-size:12px;display:block}.qr-below .qr-popover{top:calc(100% + 12px)}.qr-above .qr-popover{bottom:calc(100% + 12px);transform:translate(-50%,-8px) scale(.96)}.qr-wrap:hover .qr-popover,.qr-wrap:focus-within .qr-popover,.qr-wrap.qr-open .qr-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}.qr-above:hover .qr-popover,.qr-above:focus-within .qr-popover,.qr-above.qr-open .qr-popover{transform:translate(-50%,0) scale(1)}.drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.3s}.site-drawer{position:fixed;z-index:61;top:0;right:0;width:min(420px,90vw);height:100dvh;padding:28px;background:#091715;border-left:1px solid var(--line);box-shadow:-28px 0 80px rgba(0,0,0,.35);transform:translateX(105%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}.drawer-open .site-drawer{transform:translateX(0)}.drawer-open .drawer-backdrop{opacity:1;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.drawer-brand img{width:42px;height:42px;object-fit:contain}.drawer-close{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:50%;font-size:28px;line-height:1;color:var(--text);cursor:pointer}.drawer-kicker{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px;color:var(--muted);font-size:12px;letter-spacing:.1em}.drawer-kicker span{color:#5d8880;font-size:10px}.drawer-nav{display:grid;gap:8px}.drawer-link{min-height:56px;padding:0 16px;border:1px solid transparent;border-radius:14px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.025);color:#d9e9e4;transition:.2s}.drawer-link:hover,.drawer-link.active{background:linear-gradient(100deg,rgba(22,184,139,.17),rgba(18,153,184,.07));border-color:rgba(34,212,166,.25);color:#fff}.drawer-link.active span:first-child{font-weight:800}.drawer-arrow{color:var(--green2)}.drawer-bottom{margin-top:auto;padding:18px 0 4px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green2);box-shadow:0 0 0 4px rgba(34,212,166,.1);vertical-align:middle;margin-right:6px}.hero{min-height:630px;padding-top:74px;padding-bottom:28px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:38px;min-height:490px}.hero-copy{position:relative;z-index:2;padding:12px 0}.hero-pill{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid rgba(34,212,166,.19);background:rgba(22,184,139,.07);border-radius:100px;color:#b9eee0;font-size:12px;letter-spacing:.04em;margin-bottom:24px}.hero-pill .status-dot{margin-right:10px}.hero h1,.page-hero h1,.faq-hero h1{font-size:clamp(42px,5.1vw,68px);line-height:1.17;letter-spacing:-.045em;margin:0 0 22px;font-weight:850}.hero h1 span,.hero h1 em,.page-hero h1 em,.faq-hero h1 em,.section-head h2 em,.strip-copy h2 em,.quote-panel h2 em{font-style:normal;background:linear-gradient(100deg,#4ce7bd 0%,#1aa9bf 80%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead,.page-hero-copy>p,.faq-hero>div>p{max-width:520px;color:#a7bfba;font-size:16px;line-height:1.95;margin:0}.hero-actions,.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:26px;color:#91aca5;font-size:12px}.hero-proof i{height:3px;width:3px;background:#50756d;border-radius:50%}.proof-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(34,212,166,.15);color:var(--green2);font-size:12px}.hero-art{position:relative;min-width:0;isolation:isolate;padding:20px}.hero-glow{position:absolute;inset:14% 8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(28,193,154,.2),rgba(18,153,184,.08) 40%,transparent 72%);filter:blur(22px)}.hero-image-frame{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(174,237,221,.16);background:#081210;box-shadow:0 32px 90px rgba(0,0,0,.42);transform:rotate(1.5deg)}.hero-image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,184,139,.1),transparent 44%,rgba(5,20,18,.08));pointer-events:none}.hero-image-frame img{width:100%;aspect-ratio:1.15/1;object-fit:cover}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(197,241,230,.16);border-radius:16px;background:rgba(8,25,22,.87);backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.28);animation:floaty 6s ease-in-out infinite}.float-card b{display:block;font-size:12px}.float-card small{display:block;color:#91aaa4;font-size:10px;margin-top:2px}.float-card-top{top:8%;right:-1%}.float-card-bottom{bottom:7%;left:-1%;animation-delay:-2s}.float-icon,.float-check{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#2be0b0,#1385a5);color:#031712;font-size:20px;font-weight:800}.hero-ring{position:absolute;border:1px solid rgba(34,212,166,.16);border-radius:50%;z-index:-1}.ring-a{width:85px;height:85px;top:0;left:0}.ring-b{width:38px;height:38px;bottom:0;right:2%}.hero-bottom-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-top:17px;color:#64847b;font-size:10px;letter-spacing:.12em}.scroll-cue{color:#9eb8b0;letter-spacing:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:36px}.eyebrow{display:block;color:#53d9b5;font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:13px}.section-head h2,.strip-copy h2,.quote-panel h2{font-size:clamp(30px,3.7vw,47px);line-height:1.25;letter-spacing:-.035em;margin:0;font-weight:800}.section-desc{max-width:390px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 3px}.intro-section{padding-top:105px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.feature-card{position:relative;min-height:350px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(17,42,38,.95),rgba(9,24,22,.88));transition:transform .35s,border-color .35s,background .35s;isolation:isolate}.feature-card:hover{transform:translateY(-6px);border-color:rgba(34,212,166,.34);background:linear-gradient(155deg,rgba(19,54,46,.96),rgba(9,24,22,.92))}.feature-card-main{min-height:405px}.feature-top{display:flex;align-items:center;justify-content:space-between;color:#6e958a}.feature-index{font-size:12px;letter-spacing:.12em}.feature-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;color:var(--green2);font-size:21px}.feature-body{position:relative;z-index:2;margin-top:26px;max-width:90%}.feature-body h3{font-size:22px;margin:0 0 8px}.feature-body p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 18px}.text-link{display:inline-flex;align-items:center;gap:9px;color:#7ee7c8;font-size:13px;font-weight:700;transition:gap .2s}.text-link:hover{gap:14px}.feature-card>img{position:absolute;right:-5px;bottom:-75px;width:49%;height:72%;object-fit:contain;object-position:bottom right;opacity:.8;z-index:1;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%)}.feature-card-main>img{width:54%;height:74%;right:-15px;bottom:-95px;opacity:.7}.mini-screen{width:39%!important;height:70%!important;right:-12px!important;bottom:-68px!important}.graphic-globe{position:absolute;right:-26px;bottom:-32px;width:205px;height:205px;border-radius:50%;border:1px solid rgba(34,212,166,.22);display:grid;place-items:center;color:rgba(95,225,190,.6);font-size:37px;font-weight:900;background:radial-gradient(circle at 40% 30%,rgba(34,212,166,.12),transparent 65%)}.graphic-globe:before,.graphic-globe:after{content:"";position:absolute;inset:17px;border:1px solid rgba(34,212,166,.18);border-radius:50%;transform:rotate(35deg) scaleX(.55)}.graphic-globe:after{transform:rotate(-35deg) scaleX(.55)}.graphic-globe i{position:absolute;width:260px;height:1px;background:rgba(34,212,166,.2);transform:rotate(-30deg)}.process-section{background:linear-gradient(180deg,transparent,rgba(15,42,37,.4),transparent)}.process-layout{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.process-list article{display:grid;grid-template-columns:45px 1fr 25px;align-items:start;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.process-num{font-size:12px;color:#4f9f89;padding-top:5px}.process-list h3{margin:0 0 6px;font-size:18px}.process-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}.process-arrow{color:#51dcb4;font-size:20px}.process-link{margin-top:25px}.process-visual{position:relative;min-height:430px;display:grid;place-items:center}.process-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(34,212,166,.14);box-shadow:0 0 0 35px rgba(34,212,166,.025),0 0 0 70px rgba(34,212,166,.02)}.process-visual img{position:relative;width:min(100%,450px);max-height:430px;object-fit:contain;filter:drop-shadow(0 24px 45px rgba(0,0,0,.35))}.phone-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(22,184,139,.16);filter:blur(65px)}.process-tag{position:absolute;z-index:2;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#0b201c;color:#c6f7e8;font-size:12px;box-shadow:var(--shadow)}.tag-a{top:18%;left:0}.tag-b{right:0;bottom:20%}.visual-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:28px 0 94px}.strip-copy p{color:var(--muted);font-size:14px;max-width:330px;margin:20px 0}.strip-image{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#050d0c;box-shadow:var(--shadow)}.strip-image img{width:100%;aspect-ratio:1.8/1;object-fit:cover}.screen-section{padding-top:0}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-gallery figure{margin:0;min-width:0}.screen-img{height:360px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#102925,#07110f)}.screen-img img{width:100%;height:100%;object-fit:contain;object-position:top center;transition:transform .6s}.screen-gallery figure:hover .screen-img img{transform:translateY(-5px) scale(1.025)}.screen-gallery figcaption{display:flex;flex-direction:column;gap:3px;padding:16px 3px}.screen-gallery figcaption b{font-size:16px}.screen-gallery figcaption span{color:var(--muted);font-size:12px}.faq-section{padding-top:0}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq-grid details,.faq-list details{border:1px solid var(--line);border-radius:16px;background:rgba(13,33,29,.78);overflow:hidden}.faq-grid summary,.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;font-size:14px;font-weight:700}.faq-grid summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.faq-grid summary span,.faq-list summary span{color:var(--green2);font-size:20px;transition:transform .25s}.faq-grid details[open] summary span,.faq-list details[open] summary span{transform:rotate(45deg)}.faq-grid details p,.faq-list details p{padding:0 20px 20px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.download-band{position:relative;isolation:isolate;overflow:hidden;width:min(1320px,calc(100% - 48px));margin:25px auto 75px;padding:56px 7%;border:1px solid rgba(68,223,184,.24);border-radius:32px;background:radial-gradient(ellipse at 78% 40%,rgba(18,153,184,.24),transparent 38%),linear-gradient(115deg,#0c2d26,#0b201e 57%,#09221f);display:grid;grid-template-columns:1fr .75fr;gap:25px;align-items:center;min-height:390px}.download-copy{position:relative;z-index:2}.download-copy h2{font-size:clamp(32px,4vw,49px);line-height:1.25;margin:0 0 15px;letter-spacing:-.035em}.download-copy h2 em{font-style:normal;color:#58e4bc}.download-copy p{margin:0;color:#a7c7bc;font-size:14px}.btn-light{background:#43e4b6;color:#062017}.btn-outline-light{border-color:rgba(200,248,233,.35);color:#e5fff6;background:rgba(255,255,255,.045)}.download-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:265px}.download-visual img{width:min(100%,340px);filter:drop-shadow(0 20px 35px rgba(0,0,0,.35))}.visual-chip{position:absolute;bottom:4%;right:-1%;padding:10px 14px;border:1px solid rgba(179,241,221,.18);border-radius:12px;background:rgba(5,25,21,.85);font-size:11px;color:#c6f5e6}.download-orbit{position:absolute;z-index:-1;border:1px solid rgba(45,223,179,.17);border-radius:50%}.orbit-one{width:420px;height:420px;right:5%;top:-60px}.orbit-two{width:310px;height:310px;right:9%;top:-5px}.site-footer{border-top:1px solid var(--line);background:rgba(4,12,11,.48)}.footer-main,.footer-bottom{width:min(1200px,calc(100% - 64px));margin:auto}.footer-main{padding:38px 0 28px;display:grid;grid-template-columns:230px 1fr;gap:14px 40px;align-items:center}.footer-brand img{width:195px;max-height:52px;object-fit:contain;object-position:left}.footer-main p{margin:0;color:#91aaa3;font-size:12px}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06)}.footer-links a{color:#9cb7af;font-size:12px;transition:color .2s}.footer-links a:hover{color:var(--green2)}.footer-bottom{display:flex;align-items:center;gap:22px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding:17px 0 23px;color:#5e7c73;font-size:11px}.footer-bottom a{color:#8eaaa1}.backtop{position:fixed;right:24px;bottom:24px;z-index:30;width:46px;height:46px;border:1px solid rgba(34,212,166,.24);border-radius:16px;background:rgba(10,31,27,.85);color:#7ee7c8;font-size:22px;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.24);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;cursor:pointer}.backtop.visible{opacity:1;visibility:visible;transform:translateY(0)}
/* Subpages */
.page-hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:520px;padding-top:72px;padding-bottom:60px}.page-hero-copy h1{font-size:clamp(40px,4.8vw,62px)}.page-hero-copy>p{max-width:500px}.page-hero-visual{position:relative;min-height:440px;display:grid;place-items:center;isolation:isolate}.page-hero-visual img{position:relative;z-index:1;width:min(100%,400px);max-height:450px;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(0,0,0,.35))}.page-visual-glow{position:absolute;inset:18%;z-index:-1;border-radius:50%;background:rgba(25,195,151,.16);filter:blur(55px)}.wide-visual img{width:min(100%,350px)}.security-visual img{width:min(74%,310px)}.security-orbit{position:absolute;width:270px;height:270px;border:1px solid rgba(34,212,166,.25);border-radius:50%;display:grid;place-items:center;color:rgba(60,221,177,.28);font-size:38px;font-weight:900}.security-orbit:before,.security-orbit:after{content:"";position:absolute;inset:20px;border:1px solid rgba(34,212,166,.17);border-radius:50%;transform:rotate(35deg) scaleX(.55)}.security-orbit:after{transform:rotate(-35deg) scaleX(.55)}.security-orbit span{position:absolute;top:15px;right:20px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{position:relative;min-height:350px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(15,40,35,.88),rgba(8,22,19,.9));overflow:hidden}.detail-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(34,212,166,.1);border:1px solid rgba(34,212,166,.18);color:var(--green2);font-size:22px}.detail-card h3{font-size:20px;margin:23px 0 8px}.detail-card p{position:relative;z-index:2;max-width:280px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}.detail-card img{position:absolute;right:-8px;bottom:-90px;width:48%;height:70%;object-fit:contain;object-position:bottom right;opacity:.68;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%)}.quote-panel{padding:42px;border:1px solid rgba(34,212,166,.19);border-radius:25px;background:linear-gradient(105deg,rgba(18,66,52,.44),rgba(9,29,26,.4));display:flex;align-items:center;justify-content:space-between;gap:40px}.quote-panel p{max-width:400px;color:var(--muted);font-size:14px;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(12,31,27,.75)}.steps-grid article>span{font-size:12px;color:#51d9b2;letter-spacing:.1em}.steps-grid h3{margin:22px 0 8px;font-size:20px}.steps-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.split-feature{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:65px}.split-image{height:410px;overflow:hidden;display:flex;justify-content:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#112c26,#06100e)}.split-image img{height:100%;width:100%;object-fit:contain;object-position:top}.split-copy h2{font-size:clamp(32px,4vw,45px);line-height:1.25;margin:0 0 18px}.split-copy p{max-width:530px;color:var(--muted);font-size:14px;line-height:2}.check-list{padding:0;margin:23px 0 0;list-style:none;display:grid;gap:10px;color:#c6e5dc;font-size:13px}.check-list li:before{content:"✓";color:var(--green2);margin-right:10px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-grid article{padding:28px;border:1px solid var(--line);border-radius:21px;background:rgba(13,33,29,.78)}.security-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(34,212,166,.1);color:var(--green2);font-size:25px}.security-grid h3{margin:21px 0 7px;font-size:20px}.security-grid p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.safety-callout{display:flex;align-items:center;gap:22px;padding:26px;border:1px solid rgba(245,188,98,.22);border-radius:20px;background:rgba(84,60,22,.12)}.callout-mark{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:rgba(245,188,98,.1);color:#f0c16d;font-weight:900;font-size:25px}.safety-callout h2{font-size:18px;margin:0 0 4px}.safety-callout p{font-size:12px;color:var(--muted);margin:0;max-width:680px}.safety-callout .text-link{margin-left:auto;white-space:nowrap}.business-layout{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.business-feature-list article{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.business-index{font-size:12px;color:#4baf91;padding-top:4px}.business-feature-list h3{margin:0 0 6px;font-size:18px}.business-feature-list p{margin:0;color:var(--muted);font-size:13px}.business-screen{position:relative;height:460px;display:flex;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at center,rgba(22,184,139,.12),transparent 65%),#0a1b18}.business-screen img{height:100%;width:100%;object-fit:contain;object-position:top}.screen-caption{position:absolute;bottom:16px;left:16px;right:16px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(5,20,17,.85);font-size:12px;color:#c8e8dd}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-row>div{padding:25px;border-top:1px solid rgba(34,212,166,.26)}.metric-icon{color:var(--green2);font-size:24px}.metric-row h3{margin:12px 0 2px;font-size:18px}.metric-row p{margin:0;color:var(--muted);font-size:13px}.faq-hero{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:40px;min-height:400px;padding-top:65px;padding-bottom:50px}.faq-hero h1{font-size:clamp(40px,4.8vw,62px)}.faq-hero-mark{display:grid;place-items:center;min-height:280px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(22,184,139,.12),transparent 68%)}.faq-hero-mark img{width:min(75%,300px);max-height:300px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.3))}.app-hero-mark img{width:min(100%,400px)}.faq-full{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start}.faq-category{grid-column:1/-1;display:flex;align-items:center;gap:13px;margin-top:12px;color:#dff9ef}.faq-category span{color:var(--green2);font-size:12px;letter-spacing:.1em}.faq-category b{font-size:17px}.faq-list{display:grid;gap:12px;grid-column:1/-1}.faq-list details{border-radius:17px}.faq-list summary{padding:21px 24px;font-size:15px}.faq-list details p{padding:0 24px 22px;font-size:14px}.faq-list .faq-category{padding:15px 0 3px}
/* Motion and responsive behavior */
[data-reveal]{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}[data-reveal="up"]{transform:translateY(30px)}[data-reveal="left"]{transform:translateX(-30px)}[data-reveal="right"]{transform:translateX(30px)}[data-reveal="zoom"]{transform:scale(.96)}[data-reveal].is-visible{opacity:1;transform:none}.feature-card:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3){transition-delay:.15s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1000px){.section-shell{width:min(var(--max),calc(100% - 44px))}.header-inner{width:calc(100% - 36px)}.brand img{width:190px}.hero-grid{gap:15px;grid-template-columns:1fr .9fr}.hero-art{padding:8px}.hero h1{font-size:clamp(40px,5.5vw,58px)}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-main{grid-row:span 2}.feature-card{min-height:330px}.feature-card-main{min-height:676px}.feature-card-main>img{width:78%;height:62%;bottom:-25px}.process-layout{gap:25px}.page-hero{gap:30px}.download-band{padding:48px 5%}.business-layout{gap:35px}.footer-main,.footer-bottom{width:calc(100% - 44px)}}
@media(max-width:700px){html{scroll-padding-top:80px}body{font-size:15px}.section-shell{width:calc(100% - 36px)}.section{padding:65px 0}.site-header{top:0}.header-inner{height:70px;width:calc(100% - 28px);gap:10px}.brand img{width:145px;max-height:48px}.header-right{gap:8px}.category-trigger{height:40px;padding:0 10px;gap:7px;font-size:13px}.header-actions{gap:7px}.header-actions .btn{min-height:39px;padding:0 12px;font-size:12px;border-radius:11px}.header-actions .btn-arrow{display:none}.site-drawer{width:100vw;max-width:none;height:100dvh;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-left:0}.drawer-link{min-height:55px}.hero{padding-top:36px;padding-bottom:20px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:15px;min-height:0}.hero-copy{padding:0}.hero-pill{font-size:11px;margin-bottom:18px}.hero h1,.page-hero h1,.faq-hero h1{font-size:clamp(37px,10.5vw,50px);line-height:1.2;margin-bottom:16px}.hero-lead,.page-hero-copy>p,.faq-hero>div>p{font-size:14px;line-height:1.85}.hero-actions,.download-actions{gap:10px;margin-top:23px}.btn-large{min-height:51px;padding:0 17px;font-size:14px}.hero-art{padding:12px 8px 20px;margin:0 3px}.hero-image-frame{border-radius:22px}.hero-image-frame img{aspect-ratio:1.15/1}.float-card{padding:9px 11px;gap:8px;border-radius:12px}.float-card-top{right:-4px;top:4%}.float-card-bottom{left:-4px;bottom:3%}.float-card b{font-size:11px}.float-card small{font-size:9px}.float-icon,.float-check{width:29px;height:29px;border-radius:9px}.hero-bottom-line{margin-top:15px;padding-top:13px;font-size:8px;letter-spacing:.08em}.scroll-cue{display:none}.section-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:25px}.section-head h2,.strip-copy h2,.quote-panel h2{font-size:clamp(29px,8vw,38px)}.section-desc{font-size:13px}.intro-section{padding-top:65px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card-main{min-height:300px;grid-row:auto;padding:22px}.feature-card-main>img,.feature-card>img{width:48%;height:65%;bottom:-45px}.feature-body{margin-top:18px}.feature-body h3{font-size:20px}.feature-body p{font-size:12px;max-width:245px}.graphic-globe{width:170px;height:170px;right:-24px;bottom:-25px}.process-layout{grid-template-columns:1fr;gap:18px}.process-list article{grid-template-columns:30px 1fr 20px;gap:10px;padding:18px 0}.process-list h3{font-size:16px}.process-list p{font-size:12px}.process-visual{min-height:300px}.process-visual:before{width:230px;height:230px}.process-visual img{max-height:310px;width:min(100%,330px)}.tag-a{left:0;top:12%}.tag-b{right:0;bottom:12%}.visual-strip{grid-template-columns:1fr;gap:24px;padding:8px 0 65px}.strip-copy p{font-size:13px;margin:15px 0}.strip-image{border-radius:19px}.screen-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.screen-img{height:220px;border-radius:14px}.screen-gallery figcaption{padding:10px 1px}.screen-gallery figcaption b{font-size:12px}.screen-gallery figcaption span{font-size:10px;line-height:1.5}.faq-grid{grid-template-columns:1fr;gap:10px}.faq-grid summary{padding:16px;font-size:13px}.faq-grid details p{padding:0 16px 16px}.download-band{width:calc(100% - 24px);margin:12px auto 45px;padding:31px 23px 24px;border-radius:24px;grid-template-columns:1fr;gap:6px;min-height:0}.download-copy h2{font-size:34px}.download-copy p{font-size:12px;line-height:1.8}.download-visual{min-height:185px}.download-visual img{width:min(78%,260px);max-height:230px}.visual-chip{right:0;bottom:0;font-size:10px}.orbit-one{width:270px;height:270px;right:-10%;top:auto;bottom:-10%}.orbit-two{width:210px;height:210px;right:0;top:auto;bottom:0}.qr-popover{width:156px;padding:10px}.qr-popover img{width:118px;height:118px}.footer-main,.footer-bottom{width:calc(100% - 36px)}.footer-main{padding:29px 0 20px;grid-template-columns:1fr;gap:12px}.footer-brand img{width:165px}.footer-main p{font-size:11px}.footer-links{gap:11px 17px;padding-top:15px}.footer-links a{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:10px 16px;justify-content:space-between;font-size:10px}.backtop{right:14px;bottom:14px;width:42px;height:42px;border-radius:14px}
.page-hero{grid-template-columns:1fr;gap:8px;min-height:0;padding-top:42px;padding-bottom:30px}.page-hero-copy h1{font-size:clamp(37px,10vw,49px)}.page-hero-visual{min-height:300px}.page-hero-visual img{max-height:330px;width:min(78%,300px)}.wide-visual img{width:min(72%,270px)}.security-visual img{width:min(60%,250px)}.security-orbit{width:210px;height:210px}.detail-grid,.steps-grid,.security-grid{grid-template-columns:1fr;gap:12px}.detail-card{min-height:280px;padding:22px}.detail-card img{width:40%;height:68%;bottom:-60px}.quote-panel{padding:25px;display:block}.quote-panel p{margin-top:15px;font-size:13px}.split-feature{grid-template-columns:1fr;gap:25px}.split-image{height:330px}.split-copy h2{font-size:34px}.safety-callout{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:14px}.safety-callout>div:nth-child(2){flex:1 1 calc(100% - 65px)}.safety-callout p{font-size:12px}.safety-callout .text-link{margin-left:62px}.business-layout{grid-template-columns:1fr;gap:24px}.business-screen{height:350px}.metric-row{grid-template-columns:1fr;gap:0}.metric-row>div{padding:20px 0}.faq-hero{grid-template-columns:1fr;gap:10px;min-height:0;padding-top:42px;padding-bottom:25px}.faq-hero-mark{min-height:190px}.faq-hero-mark img{width:min(55%,210px);max-height:200px}.app-hero-mark img{width:min(80%,280px)}.faq-full{grid-template-columns:1fr;gap:12px}.faq-list summary{padding:18px;font-size:14px}.faq-list details p{padding:0 18px 19px;font-size:13px}.faq-category{margin-top:12px}.drawer-bottom{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.brand img{width:122px}.category-trigger{padding:0 8px}.header-actions .btn{padding:0 9px}.header-inner{width:calc(100% - 20px)}.hero-actions .btn-large{padding:0 13px;font-size:13px}.hero h1{font-size:36px}.screen-img{height:190px}.screen-gallery figcaption span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}


/* 365 Wallet responsive navigation and refined fintech hero */
html,body{max-width:100%;overflow-x:clip}
main,section,header,footer,nav,article,figure,.header-inner,.hero-grid,.hero-art,.faq-section{min-width:0}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.15vw,18px);flex:1;min-width:0;margin:0 4px;white-space:nowrap}
.top-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 2px;color:#a9c0ba;font-size:13px;font-weight:650;transition:color .2s ease}
.top-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--green2),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.top-nav-link:hover,.top-nav-link.active{color:#f0fff9}
.top-nav-link:hover::after,.top-nav-link.active::after{transform:scaleX(1)}
.top-nav-link.active{font-weight:800}
.faq-section{width:min(var(--max),calc(100% - 64px));margin:0 auto;padding:70px 0 88px}
.faq-section .section-head{align-items:flex-end;margin-bottom:27px}
.faq-section .section-head h2{font-size:clamp(30px,3.5vw,43px)}
.faq-section .section-head .eyebrow{margin-bottom:9px}
.faq-section .faq-grid{align-items:stretch;gap:16px}
.faq-section .faq-grid details{position:relative;border-color:rgba(125,220,194,.16);background:linear-gradient(145deg,rgba(15,39,34,.94),rgba(7,23,20,.92));box-shadow:0 14px 34px rgba(0,0,0,.12);transition:border-color .25s,transform .25s,background .25s}
.faq-section .faq-grid details:hover{transform:translateY(-3px);border-color:rgba(34,212,166,.42);background:linear-gradient(145deg,rgba(18,48,41,.98),rgba(7,23,20,.96))}
.faq-section .faq-grid summary{min-height:76px;padding:19px 20px;font-size:14px;line-height:1.55}
.faq-section .faq-grid summary span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(34,212,166,.22);border-radius:9px;background:rgba(34,212,166,.07)}
.faq-section .faq-grid details[open] summary{color:#e6fff6}
.faq-section .faq-grid details p{padding:0 20px 20px;line-height:1.85;font-size:13px}
.hero-art{padding:18px 14px 24px;max-width:100%;}
.wallet-showcase{position:relative;padding:14px 14px 12px;border:1px solid rgba(159,232,213,.2);border-radius:30px;background:linear-gradient(155deg,rgba(17,48,41,.96),rgba(5,19,17,.97) 70%);box-shadow:0 32px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);transform:rotate(.4deg);overflow:hidden}
.wallet-showcase::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(75,232,190,.5),transparent)}
.wallet-showcase-head{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:2px 5px 12px;color:#d8f8ec;font-size:10px;letter-spacing:.14em}
.wallet-brand-dot,.wallet-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 4px rgba(34,212,166,.1)}
.wallet-head-label{margin-left:auto;padding:5px 9px;border:1px solid rgba(34,212,166,.16);border-radius:999px;color:#8be9cb;letter-spacing:.02em;background:rgba(22,184,139,.07)}
.hero-image-frame{border-radius:21px;border:1px solid rgba(174,237,221,.13);background:radial-gradient(ellipse at 50% 48%,rgba(16,106,83,.14),transparent 70%),#030807;box-shadow:0 18px 44px rgba(0,0,0,.26);transform:none}
.hero-image-frame img{width:100%;aspect-ratio:1.22/1;object-fit:contain;object-position:center}
.wallet-showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 3px 0;color:#9cbeb3;font-size:10px;letter-spacing:.02em}
.wallet-showcase-foot span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.wallet-showcase-foot span+span{padding-left:12px;border-left:1px solid rgba(175,226,214,.12)}
.wallet-showcase-foot .wallet-status-dot{width:6px;height:6px;flex-basis:6px;box-shadow:none}
.hero-art .float-card{border-color:rgba(130,227,201,.2);background:rgba(6,25,21,.94);box-shadow:0 18px 42px rgba(0,0,0,.34)}
.hero-art .float-card-top{right:-2%;top:12%}
.hero-art .float-card-bottom{left:-2%;bottom:8%}
@media(max-width:1180px){.desktop-nav{gap:10px}.top-nav-link{font-size:12px}.brand img{width:172px}.header-inner{gap:12px}.header-right,.header-actions{gap:8px}.header-actions .btn{padding-inline:14px}}
@media(max-width:1060px){.desktop-nav{display:none}.header-inner{justify-content:space-between}.header-right{margin-left:auto}}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .header-inner{width:calc(100% - 24px);height:66px;gap:6px}
  .brand{flex:0 1 auto;width:auto;max-width:34%;overflow:hidden}
  .brand img{width:clamp(88px,27vw,116px);max-width:100%;max-height:42px}
  .header-right{flex:0 0 auto;gap:5px;min-width:0}
  .category-trigger{height:36px;min-width:0;padding:0 8px;gap:6px;border-radius:10px;font-size:12px;line-height:1;white-space:nowrap}
  .menu-glyph{width:13px;gap:3px;flex:0 0 13px}
  .menu-glyph i{height:1.5px}
  .menu-glyph i:nth-child(2){width:9px}
  .header-actions{gap:5px;min-width:0}
  .header-actions .btn{min-height:36px;padding:0 9px;font-size:11px;border-radius:10px;white-space:nowrap}
  .header-actions .btn-arrow{display:none}
  .header-actions .qr-wrap{min-width:0}
  .header-actions .qr-popover{left:auto;right:0;transform:translateY(8px) scale(.96);width:142px}
  .header-actions .qr-popover img{width:112px;height:112px}
  .header-actions .qr-below:hover .qr-popover,.header-actions .qr-below:focus-within .qr-popover,.header-actions .qr-below.qr-open .qr-popover{transform:translateY(0) scale(1)}
  .site-drawer{width:100%;max-width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom));}
  .faq-section{width:calc(100% - 36px);padding:54px 0 64px}
  .faq-section .section-head{gap:12px;margin-bottom:21px}
  .faq-section .section-head h2{font-size:30px}
  .faq-section .faq-grid{grid-template-columns:1fr;gap:10px}
  .faq-section .faq-grid summary{min-height:62px;padding:15px 16px;font-size:13px}
  .faq-section .faq-grid details p{padding:0 16px 17px;font-size:13px}
  .hero-art{padding:10px 4px 22px;margin:0;overflow:visible}
  .wallet-showcase{padding:10px 10px 9px;border-radius:23px;transform:none}
  .wallet-showcase-head{font-size:9px;padding:1px 3px 9px;gap:7px}
  .wallet-head-label{padding:4px 7px;font-size:9px}
  .hero-image-frame{border-radius:16px}
  .hero-image-frame img{aspect-ratio:1.1/1;object-fit:contain}
  .wallet-showcase-foot{gap:5px;padding-top:9px;font-size:9px}
  .wallet-showcase-foot span{gap:5px}
  .wallet-showcase-foot span+span{padding-left:7px}
  .hero-art .float-card{padding:8px 9px;gap:7px;border-radius:12px;max-width:48%}
  .hero-art .float-card-top{right:-1%;top:11%}
  .hero-art .float-card-bottom{left:-1%;bottom:6%}
  .hero-art .float-card b{font-size:10px}
  .hero-art .float-card small{font-size:9px}
  .hero-art .float-icon,.hero-art .float-check{width:27px;height:27px;flex:0 0 27px;font-size:15px}
  .hero-ring.ring-a{width:50px;height:50px;top:-5px;left:-2px}
  .hero-ring.ring-b{width:28px;height:28px;right:0;bottom:0}
  .section-head,.section-desc,.faq-section .section-head>div{min-width:0;max-width:100%}
  .download-band,.download-visual,.page-hero-visual,.business-screen,.split-image{min-width:0;max-width:100%}
}
@media(max-width:380px){
  .header-inner{width:calc(100% - 16px);gap:4px}
  .brand{max-width:30%}
  .brand img{width:clamp(82px,26vw,100px)}
  .header-right{gap:4px}
  .category-trigger{height:34px;padding:0 6px;gap:4px;font-size:11px}
  .menu-glyph{width:11px;flex-basis:11px}
  .header-actions{gap:4px}
  .header-actions .btn{min-height:34px;padding:0 7px;font-size:10px}
  .wallet-showcase-foot{font-size:8px}
  .wallet-showcase-foot span+span{padding-left:5px}
  .hero-art .float-card-top{right:0}
  .hero-art .float-card-bottom{left:0}
}