:root{--bg:#101115;--panel:#17191f;--panel2:#1d2027;--text:#f7f7f4;--muted:#a2a5ad;--line:#2b2e36;--orange:#ff6845;--gold:#ffc56a;--green:#4fd39a;font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:16px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70px 80px,#40201855,transparent 350px),var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:20;background:#101115dd;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;line-height:1.05}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff8251,#ee3e2c);font-weight:900;box-shadow:0 8px 30px #ff5c3730}.brand small{display:block;color:#777b84;font-size:10px;letter-spacing:.13em;margin-top:5px}.topbar nav{display:flex;gap:28px;margin-left:auto;color:#b9bbc1;font-size:14px}.topbar nav a:hover{color:white}.nav-action{padding:9px 17px;border:1px solid #424650;border-radius:10px;font-size:14px}.section{max-width:1220px;margin:auto;padding:115px 24px}.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;padding-top:90px}.eyebrow{display:flex;align-items:center;gap:9px;color:#ff8c6b;font-size:11px;letter-spacing:.2em;font-weight:750}.eyebrow i{width:24px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.hero h1 em{color:var(--orange);font-style:normal}.lead{font-size:18px;color:#b8bac0;max-width:650px}.actions{display:flex;gap:12px;margin:34px 0}.button{padding:13px 21px;border-radius:11px;font-weight:700;font-size:14px}.button.primary{background:linear-gradient(135deg,#ff744e,#ed4934);box-shadow:0 12px 36px #f6533330}.button.secondary{border:1px solid #3d4048;background:#ffffff08}.trust{display:flex;gap:24px;color:#777b84;font-size:12px}.trust b{display:block;color:#e6e6e3;font-size:14px}.product-scene{position:relative;min-height:520px;display:grid;place-items:center}.glow{position:absolute;width:420px;height:420px;background:#ff5f3730;filter:blur(90px);border-radius:50%}.app-window{position:relative;width:720px;max-width:100%;border:1px solid #3a3d46;border-radius:18px;overflow:hidden;background:#17191e;box-shadow:0 32px 90px #0009;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg)}.app-title{height:45px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #292c33;font-size:11px;color:#858993}.traffic{display:flex;gap:6px;margin-right:16px}.traffic i{width:8px;height:8px;border-radius:50%;background:#474a51}.traffic i:first-child{background:#ff654c}.live{margin-left:auto;color:#98a099}.live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}.app-body{height:390px;display:flex}.app-body aside{width:54px;border-right:1px solid #292c33;display:flex;flex-direction:column;align-items:center;gap:24px;padding:15px 0}.mini-logo{width:28px;height:28px;display:grid;place-items:center;background:var(--orange);border-radius:8px;font-weight:900;font-size:13px}.app-body aside b{width:17px;height:3px;background:#41444d;border-radius:3px}.workspace{padding:20px;width:calc(100% - 54px)}.toolbar{display:flex;gap:10px;margin-bottom:22px}.toolbar button,.env-row button{border:0;background:#f45a3d;color:white;padding:8px 12px;border-radius:7px}.toolbar span{height:31px;width:80px;border:1px solid #31343c;border-radius:7px}.table-head,.env-row{display:grid;grid-template-columns:45px .8fr 1.25fr 1.35fr 55px;gap:10px;align-items:center}.table-head{font-size:9px;color:#696d76;text-transform:uppercase;padding:0 10px 8px}.table-head i{font-style:normal}.env-row{min-height:60px;padding:10px;border-top:1px solid #292c33;font-size:11px;color:#c6c7ca}.env-row strong{font-size:14px}.env-row button{font-size:10px;padding:6px}.flag{background:#2d313a;border-radius:4px;padding:3px;color:#ffb394;margin-right:4px}.muted-row{opacity:.6}.floating-card{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 15px;background:#24272eee;border:1px solid #3b3e47;border-radius:12px;box-shadow:0 14px 36px #0008;font-size:11px}.floating-card>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#ff68451f;color:#ff876b}.floating-card small{display:block;color:#888c95}.floating-card b{display:block}.fingerprint{left:-10px;bottom:40px}.sync{right:-15px;top:45px}.strip{border-top:1px solid #24262c;border-bottom:1px solid #24262c;min-height:94px;display:flex;align-items:center;justify-content:center;gap:30px;color:#777b84;font-size:13px}.strip p{margin:0}.strip i{width:4px;height:4px;background:#454850;border-radius:50%}.section-title{max-width:680px;margin-bottom:48px}.section-title h2,.security h2,.access h2{font-size:clamp(34px,4vw,52px);line-height:1.13;letter-spacing:-.035em;margin:14px 0}.section-title>p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:285px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1b1d23,#15171b);position:relative;overflow:hidden}.feature-card.accent{background:linear-gradient(145deg,#48241e,#19191d);border-color:#673229}.feature-card h3{font-size:19px;margin:26px 0 11px}.feature-card p{color:#9da0a8;font-size:14px}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ff684518;color:#ff8061;font-size:21px}.chips{display:flex;gap:6px;flex-wrap:wrap;position:absolute;bottom:24px}.chips b{font-size:9px;color:#c68c7e;padding:5px 8px;border-radius:6px;background:#ffffff08}.signal{position:absolute;bottom:30px;right:30px;display:flex;gap:6px;align-items:end}.signal i{width:8px;background:#ff7252;border-radius:4px}.signal i:nth-child(1){height:14px}.signal i:nth-child(2){height:24px}.signal i:nth-child(3){height:36px}.signal i:nth-child(4){height:48px}.meter{position:absolute;bottom:33px;left:28px;right:28px;height:6px;background:#30333a;border-radius:4px}.meter span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));border-radius:4px}.workflow{border-top:1px solid #22242a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.steps article{padding:35px 40px 20px 0;border-right:1px solid var(--line);margin-right:35px}.steps article:last-child{border-right:0}.steps b{font-size:12px;color:var(--orange)}.steps h3{font-size:22px;margin:35px 0 10px}.steps p{color:#9699a1;font-size:14px}.security{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.security-copy>p:not(.eyebrow){color:#a4a7ae}.security ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.security li:before{content:'✓';color:var(--green);margin-right:9px}.security-panel{padding:34px;border:1px solid #33363d;border-radius:22px;background:#17191e}.shield{width:84px;height:84px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#ff794f,#ec4832);font-size:34px;font-weight:900;margin-bottom:30px;position:relative}.shield span{position:absolute;right:-7px;bottom:-7px;background:#234e3e;color:#71e1ad;border:4px solid #17191e;width:28px;height:28px;border-radius:50%;font-size:12px;display:grid;place-items:center}.security-row{display:flex;justify-content:space-between;border-top:1px solid #2a2d34;padding:15px 0;font-size:13px}.security-row span{color:#8f929b}.access{padding-top:70px;padding-bottom:70px;border:1px solid #393036;border-radius:24px;margin-top:70px;margin-bottom:100px;background:radial-gradient(circle at 85% 50%,#70312055,transparent 35%),linear-gradient(135deg,#211a1a,#17181d);display:flex;justify-content:space-between;align-items:center;gap:40px}.access>div:first-child{max-width:720px}.access h2{margin:12px 0}.access p{color:#a9a7aa}.access-actions{text-align:center;flex:0 0 auto}.access-actions .button{display:block;margin-bottom:13px}.access-actions span{font-size:11px;color:#8b8e96}.access-actions span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b8e96}.access-actions .online{color:#74d9aa}.access-actions .online i{background:#4fd39a;box-shadow:0 0 10px #4fd39a}.access-actions .offline{color:#ef8976}.access-actions .offline i{background:#ef654d}footer{min-height:180px;padding:42px max(24px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-top:1px solid #25272d;color:#777a82;font-size:12px}footer>div{display:flex;gap:22px;justify-content:center}footer .brand{color:white}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.legal{max-width:850px;min-height:calc(100vh - 255px);padding-top:90px}.legal h1{font-size:52px;line-height:1.1}.legal h2{margin-top:40px}.legal p{color:#aaaeb6}.legal-date{margin-top:55px}@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.product-scene{margin-top:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.security{grid-template-columns:1fr;gap:35px}.access{margin-left:20px;margin-right:20px}}@media(max-width:680px){.topbar{height:65px;padding:0 16px}.nav-action{margin-left:auto}.section{padding:75px 18px}.hero{padding-top:55px;min-height:auto}.hero h1{font-size:43px}.lead{font-size:16px}.actions,.trust{flex-wrap:wrap}.product-scene{min-height:390px}.app-window{transform:none}.app-body{height:295px}.env-row,.table-head{grid-template-columns:32px 1fr 1.3fr 50px}.env-row>*:nth-child(4),.table-head>*:nth-child(4){display:none}.floating-card{display:none}.strip{gap:13px;padding:20px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.security ul{grid-template-columns:1fr}.access{display:block;margin:30px 12px 70px}.access-actions{margin-top:30px;text-align:left}.access-actions .button{display:inline-block}footer{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.legal h1{font-size:40px}}
:root .reveal{opacity:1;transform:none}