:root{--bg0:#070A12;--bg1:#0B1021;--stroke:rgba(255,255,255,.14);--stroke2:rgba(255,255,255,.10);--text:#EAF0FF;--muted:rgba(234,240,255,.72);--muted2:rgba(234,240,255,.56);--brand:#6EE7FF;--brand2:#8B5CFF;--brand3:#22C55E;--shadow:0 18px 55px rgba(0,0,0,.45);--shadow2:0 10px 30px rgba(0,0,0,.35);--radius:18px;--radius2:26px;--max:1180px;--grid:rgba(255,255,255,.04);--focus:0 0 0 4px rgba(110,231,255,.18);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1100px 650px at 20% 10%,rgba(139,92,255,.22),transparent 60%),radial-gradient(900px 520px at 80% 20%,rgba(110,231,255,.18),transparent 55%),radial-gradient(900px 700px at 50% 100%,rgba(34,197,94,.10),transparent 60%),linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 60%,#070A12 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(to right,var(--grid) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(to bottom,var(--grid) 1px,transparent 1px) 0 0/48px 48px;mask-image:radial-gradient(ellipse at 50% 20%,rgba(0,0,0,.9),rgba(0,0,0,.15) 60%,transparent 75%);opacity:.9;z-index:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{position:relative;z-index:1}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.pill{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border:1px solid var(--stroke2);border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:var(--muted);font-size:13px;letter-spacing:.2px}.pill .dot{width:8px;height:8px;border-radius:50%;background:conic-gradient(from 90deg,var(--brand),var(--brand2),var(--brand3),var(--brand));box-shadow:0 0 18px rgba(110,231,255,.35)}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,10,18,.55);border-bottom:1px solid rgba(255,255,255,.08)}.nav{display:flex;align-items:center;justify-content:space-between;height:74px}.brand{display:flex;align-items:center;gap:10px}.logo{width:38px;height:38px;border-radius:12px;background:radial-gradient(18px 18px at 35% 30%,rgba(255,255,255,.35),transparent 55%),linear-gradient(135deg,rgba(110,231,255,.95),rgba(139,92,255,.95));box-shadow:0 12px 30px rgba(110,231,255,.20),0 10px 35px rgba(139,92,255,.18);position:relative;overflow:hidden}.logo:before{content:"IP";position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:12px;letter-spacing:.08em;color:rgba(7,10,18,.92);text-shadow:0 1px 0 rgba(255,255,255,.20);z-index:2;pointer-events:none}.logo:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(30deg);animation:shine 5.6s var(--ease) infinite;z-index:1}@keyframes shine{0%{transform:translateX(-20%) rotate(30deg)}40%{transform:translateX(40%) rotate(30deg)}100%{transform:translateX(140%) rotate(30deg)}}.brand strong{font-weight:700;letter-spacing:.3px}.brand span{font-size:12px;color:var(--muted2);display:block;margin-top:2px}.navlinks{display:flex;align-items:center;gap:18px}.navlinks a{color:var(--muted);font-size:14px;padding:10px 10px;border-radius:12px;transition:.22s var(--ease)}.navlinks a:hover{color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:9px 9px}.actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);padding:10px 14px;border-radius:14px;cursor:pointer;transition:.24s var(--ease);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);user-select:none;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}.btn:active{transform:translateY(0)}.btn.primary{border:none;background:linear-gradient(135deg,rgba(110,231,255,.95),rgba(139,92,255,.95));color:#071018;font-weight:700;box-shadow:0 14px 35px rgba(110,231,255,.22),0 14px 35px rgba(139,92,255,.18)}.btn.primary:hover{filter:saturate(1.08) brightness(1.02)}.btn:focus{outline:none;box-shadow:var(--focus)}.hamburger{display:none;width:44px;height:44px;border-radius:14px}.hamburger .lines{width:18px;height:12px;position:relative;margin:0 auto}.hamburger .lines span{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:rgba(234,240,255,.9)}.hamburger .lines span:nth-child(1){top:0}.hamburger .lines span:nth-child(2){top:5px;opacity:.9}.hamburger .lines span:nth-child(3){bottom:0;opacity:.85}.mobilepanel{display:none;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,10,18,.72);backdrop-filter:blur(14px)}.mobilepanel .inner{padding:14px 20px 18px;display:flex;flex-direction:column;gap:10px}.mobilepanel a{padding:12px 12px;border-radius:14px;color:var(--muted)}.mobilepanel a:hover{background:rgba(255,255,255,.06);color:var(--text)}.mobilepanel .row{display:flex;gap:10px;margin-top:8px}.mobilepanel .row .btn{flex:1}.hero{padding:72px 0 34px;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}.h1{font-size:52px;line-height:1.05;margin:16px 0 12px;letter-spacing:-.6px}.h1 .accent{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 35px rgba(110,231,255,.18)}.sub{color:var(--muted);font-size:16px;line-height:1.7;max-width:62ch;margin:0 0 18px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.note{margin-top:14px;color:var(--muted2);font-size:12.5px;display:flex;gap:10px;align-items:flex-start}.check{width:18px;height:18px;border-radius:7px;background:rgba(34,197,94,.18);border:1px solid rgba(34,197,94,.30);display:grid;place-items:center;flex:0 0 auto;margin-top:1px}.check svg{width:12px;height:12px}.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:var(--radius2);box-shadow:var(--shadow2);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:-60%;background:radial-gradient(closest-side,rgba(110,231,255,.18),transparent 70%),radial-gradient(closest-side,rgba(139,92,255,.16),transparent 70%),radial-gradient(closest-side,rgba(34,197,94,.10),transparent 70%);animation:floatbg 9s var(--ease) infinite;opacity:.9}@keyframes floatbg{0%{transform:translate(10%,10%)}50%{transform:translate(-4%,4%)}100%{transform:translate(10%,10%)}}.panel{position:relative;z-index:1;padding:18px 18px 16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-title{display:flex;flex-direction:column;gap:6px}.panel-title strong{font-size:16px}.panel-title span{font-size:12.5px;color:var(--muted2)}.tag{font-size:12px;color:rgba(7,10,18,.9);background:linear-gradient(135deg,rgba(110,231,255,.95),rgba(139,92,255,.95));padding:6px 10px;border-radius:999px;font-weight:700;box-shadow:0 10px 25px rgba(110,231,255,.18);white-space:nowrap}.dash{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(7,10,18,.42);overflow:hidden}.dash-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;display:inline-block;opacity:.85}.dots i:nth-child(1){background:rgba(239,68,68,.8)}.dots i:nth-child(2){background:rgba(245,158,11,.8)}.dots i:nth-child(3){background:rgba(34,197,94,.8)}.dash-top small{color:var(--muted2)}.dash-body{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:12px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}.kpi .v{font-size:20px;font-weight:800;letter-spacing:-.2px}.kpi .l{font-size:12.5px;color:var(--muted2);margin-top:6px;display:flex;justify-content:space-between}.kpi .up{color:rgba(110,231,255,.9)}.kpi .ok{color:rgba(34,197,94,.9)}.chart{grid-column:1/-1;padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}.spark{height:78px;width:100%;display:block;opacity:.9}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted2);font-size:12px}.legend b{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:rgba(234,240,255,.78)}.legend b i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 18px rgba(110,231,255,.25)}section{padding:44px 0}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}h2{margin:0;font-size:28px;letter-spacing:-.2px}.hint{color:var(--muted);font-size:14px;line-height:1.6;max-width:70ch}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feat{padding:16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:.25s var(--ease)}.feat:hover{transform:translateY(-2px);border-color:rgba(110,231,255,.20);background:rgba(255,255,255,.05)}.feat .ico{width:40px;height:40px;border-radius:14px;background:rgba(110,231,255,.14);border:1px solid rgba(110,231,255,.22);display:grid;place-items:center;box-shadow:0 14px 35px rgba(110,231,255,.10);margin-bottom:10px}.feat h3{margin:0 0 6px;font-size:16px}.feat p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.feat ul{margin:10px 0 0;padding:0 0 0 16px;color:var(--muted2);font-size:12.5px;line-height:1.6}.feat li{margin:6px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat{padding:14px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}.stat b{font-size:20px}.stat div{color:var(--muted2);font-size:12.5px;margin-top:8px;line-height:1.5}.pricingTop{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 12px}.priceBig{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.priceBig b{font-size:34px;letter-spacing:-.6px;background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.priceBig span{color:var(--muted2);font-size:13px;padding-bottom:6px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.pricecard{padding:18px 16px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:var(--shadow2);transition:.25s var(--ease);position:relative;overflow:hidden}.pricecard:hover{transform:translateY(-2px);border-color:rgba(110,231,255,.22)}.badge{position:absolute;top:14px;right:14px;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;background:rgba(110,231,255,.14);border:1px solid rgba(110,231,255,.26);color:rgba(234,240,255,.92)}.tier{font-weight:800;letter-spacing:.2px}.desc{color:var(--muted);font-size:13px;margin:8px 0 14px;line-height:1.6}.list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:13px}.list li{display:flex;gap:10px;align-items:flex-start}.tick{width:18px;height:18px;border-radius:7px;background:rgba(110,231,255,.12);border:1px solid rgba(110,231,255,.22);display:grid;place-items:center;flex:0 0 auto;margin-top:1px}.tick svg{width:12px;height:12px}.fine{margin-top:10px;color:var(--muted2);font-size:12px;line-height:1.55}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}details{border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);padding:12px 14px;transition:.2s var(--ease);overflow:hidden}details[open]{background:rgba(255,255,255,.05);border-color:rgba(110,231,255,.18)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;outline:none}summary::-webkit-details-marker{display:none}.chev{width:30px;height:30px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);display:grid;place-items:center;transition:.2s var(--ease);flex:0 0 auto}details[open] .chev{transform:rotate(180deg);border-color:rgba(110,231,255,.22)}details p{margin:10px 0 0;color:var(--muted);font-size:13.5px;line-height:1.75}.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:stretch}.box{padding:18px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:var(--shadow2)}.kv{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.kv .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(7,10,18,.35)}.kv .row b{font-size:13.5px}.kv .row span{color:var(--muted2);font-size:13px;word-break:break-all}.kv .row .miniBtn{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);cursor:pointer;transition:.2s var(--ease)}.kv .row .miniBtn:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}.qrgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.qr{padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(7,10,18,.35);text-align:center}.qr img{width:100%;max-width:220px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02);box-shadow:0 14px 40px rgba(0,0,0,.35)}.qr div{margin-top:10px;color:var(--muted2);font-size:12.5px}footer{padding:28px 0 34px;color:var(--muted2);border-top:1px solid rgba(255,255,255,.08);background:rgba(7,10,18,.35);backdrop-filter:blur(12px)}.footergrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}.footlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.footlinks a{display:block;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:rgba(234,240,255,.70);font-size:13px;transition:.22s var(--ease)}.footlinks a:hover{background:rgba(255,255,255,.05);border-color:rgba(110,231,255,.18);color:rgba(234,240,255,.86);transform:translateY(-1px)}.tiny{margin-top:12px;font-size:12px;color:rgba(234,240,255,.52);line-height:1.6}.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),transparent 50%),conic-gradient(from 90deg,rgba(110,231,255,.55),rgba(139,92,255,.55),rgba(34,197,94,.22),rgba(110,231,255,.55));filter:blur(1px);opacity:.14;top:-210px;right:-220px;animation:orb 12s var(--ease) infinite;pointer-events:none}@keyframes orb{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-24px,20px) scale(1.03)}100%{transform:translate(0,0) scale(1)}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.h1{font-size:44px}.navlinks{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}.mobilepanel{display:block;max-height:0;overflow:hidden;transition:max-height .28s var(--ease)}.mobilepanel.open{max-height:420px}}@media (max-width:520px){.h1{font-size:38px}.stats{grid-template-columns:1fr}.footlinks{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.qrgrid{grid-template-columns:1fr}}
