:root{--navy:#0a1b2b;--ink:#15283a;--muted:#607386;--sky:#12a9c3;--mint:#19bda5;--line:#dce7ee;--soft:#f3f8fa;--white:#fff;--orange:#ef9b43;--red:#df6d7d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfc;color:var(--ink);font:15px 'Plus Jakarta Sans',Arial,sans-serif}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.18}.ambient.a{width:430px;height:430px;background:#b7e8ed;top:-150px;right:-150px}.ambient.b{width:500px;height:500px;background:#d7eeff;bottom:-300px;left:-220px}.topbar{height:80px;max-width:1220px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:20px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand strong{color:#129db7}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#1ab6c5,#147eb3);box-shadow:0 7px 18px #1699ad44}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#596e81;text-decoration:none;font-size:13px;font-weight:600}.login-btn,.secondary,.support{border:1px solid #c7dae5;background:#fff;color:#1a3a50;border-radius:9px;padding:11px 15px;font:700 12px 'Plus Jakarta Sans';cursor:pointer}.login-btn span{color:#109bb8;padding-left:8px}.hero{max-width:1220px;margin:auto;padding:70px 24px 62px;min-height:535px}.eyebrow,.section-kicker{font:700 10px 'DM Mono';letter-spacing:1.4px;color:#5590a1}.eyebrow i,.live i{display:inline-block;background:#19bda5;width:7px;height:7px;margin-right:8px;border-radius:50%;box-shadow:0 0 10px #19bda5}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin:21px 0;color:#0e2538;font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-4px}h1 em{font-style:normal;background:linear-gradient(90deg,#1287b0,#17b69c);background-clip:text;color:transparent}.hero-copy{max-width:580px;color:#5c7081;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:31px 0 60px}.primary{display:inline-block;border:0;border-radius:9px;background:linear-gradient(110deg,#138db6,#17b69e);color:#fff;padding:13px 17px;font:700 12px 'Plus Jakarta Sans';text-decoration:none;box-shadow:0 12px 24px #129aae33;cursor:pointer}.primary span{padding-left:18px}.trust{display:flex;gap:48px}.trust div{display:grid;gap:3px}.trust b{font:500 17px 'DM Mono';color:#17354c}.trust span{font-size:11px;color:#708294}.section{max-width:1220px;margin:auto;padding:94px 24px}.section h2{margin:16px 0;font-size:42px;line-height:1.1;letter-spacing:-2.5px;color:#10263a}.section>p{max-width:580px;color:#65798b;line-height:1.7}.pricing{border-top:1px solid #e3edf2}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.price-card{position:relative;padding:26px 22px;border:1px solid #dce8ee;border-radius:14px;background:#fff;box-shadow:0 10px 24px #17495b0a;overflow:hidden}.price-card.featured{border:2px solid #39b8b3;background:linear-gradient(150deg,#fff,#f0fbfa)}.best{position:absolute;top:0;left:0;right:0;padding:7px;background:#159d9c;color:#fff;text-align:center;font:700 9px 'DM Mono';letter-spacing:1px}.featured .tier{margin-top:22px}.tier{display:block;font:10px 'DM Mono';letter-spacing:1px;color:#6190a1}.price-card h3{margin:18px 0 8px;font:700 26px 'DM Mono';letter-spacing:-2px}.price{font-size:22px;font-weight:800}.price small{font-size:12px;color:#6d8192}.unit{margin:8px 0 21px;font-size:11px;color:#718394}.accent{color:#109d9b}ul{min-height:92px;padding:0;list-style:none;font-size:12px;line-height:2.25;color:#50687d}li:before{content:'✓';padding-right:8px;color:#16aa9e;font-weight:bold}.buy{width:100%;border:1px solid #c9dce5;border-radius:8px;background:#f5fafc;padding:11px;color:#1b4059;font:700 12px 'Plus Jakarta Sans';cursor:pointer}.featured .buy{border-color:#159f9e;background:#159f9e;color:#fff}.network{max-width:none;background:#eaf6f8;padding-left:max(24px,calc((100vw - 1172px)/2));padding-right:max(24px,calc((100vw - 1172px)/2))}.dash-heading{display:flex;align-items:end;justify-content:space-between}.live{font:10px 'DM Mono';color:#4d7180}.live i{background:#2ab06e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.metrics article,.portal-card,.panel-box{background:#fff;border:1px solid #d7e5ec;border-radius:13px}.metrics article{padding:20px}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;margin-bottom:25px;font-weight:bold}.purple{background:#dff4f6;color:#138ca3}.cyan{background:#dcf7ee;color:#0c9e89}.orange{background:#fff0dc;color:#e89234}.pink{background:#e7f0ff;color:#4483dc}.metrics p{margin-bottom:8px;color:#61788a;font-size:11px}.metrics b{font:500 20px 'DM Mono'}.metrics small{padding-left:4px;color:#718699;font:10px 'DM Mono'}.meter{height:3px;margin-top:22px;background:#deeaef;border-radius:2px}.meter i{display:block;height:100%;background:#1598b6}.meter.cyan i{background:#17bfa2}.meter.orange i{background:#efa44a}.meter.pink i{background:#5699ec}.reset-note{margin-top:20px;font-size:11px!important}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.post{min-height:220px;padding:24px;background:#fff;border:1px solid #dce8ee;border-radius:13px}.post .num{color:#149ab2;font:24px 'DM Mono'}.post small{color:#7792a2;font:10px 'DM Mono'}.post h3{margin:21px 0 9px;font-size:18px;line-height:1.3}.post p{color:#687d8e;font-size:12px;line-height:1.6}footer{max-width:1220px;margin:auto;padding:28px 24px;color:#718496;font-size:11px;display:flex;justify-content:space-between}footer a{margin-left:18px;color:#237d99;text-decoration:none}.page{display:none}.page.active{display:block}.panel-page{padding:45px 24px}.panel-shell{max-width:980px;min-height:600px;margin:auto;display:grid;grid-template-columns:42% 58%;border:1px solid #d4e2e9;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #17475d15}.panel-shell aside{padding:39px;background:linear-gradient(140deg,#e1f6f8,#edf7ff);display:flex;flex-direction:column;justify-content:space-between}.panel-shell aside h2{margin:20px 0 12px;font-size:36px;line-height:1.1;letter-spacing:-2px}.panel-shell aside p,.login-form>p{color:#64788b;font-size:13px;line-height:1.6}.login-form{position:relative;padding:76px 60px}.login-form h2{margin-bottom:8px;font-size:29px;letter-spacing:-1px}.close{position:absolute;right:20px;top:18px;border:0;background:transparent;color:#638096;font-size:26px;cursor:pointer}label{display:block;margin:20px 0;color:#5b7185;font-size:11px;font-weight:700}input,select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cbdde6;border-radius:7px;background:#f9fcfd;color:#17344b;font:13px 'Plus Jakarta Sans'}.wide{width:100%;margin-top:8px}.muted{margin-top:18px;font-size:11px!important}.portal{min-height:100vh;background:#f5fafc}.portal.active{display:flex}.sidebar{width:246px;flex:0 0 246px;padding:25px 15px;background:#fff;border-right:1px solid #dbe7ed;display:flex;flex-direction:column}.role-switch{display:flex;margin:37px 0 21px;padding:3px;background:#eff6f8;border:1px solid #d9e8ed;border-radius:8px}.role-switch button{flex:1;padding:7px 5px;border:0;border-radius:5px;background:transparent;color:#668096;font:10px 'Plus Jakarta Sans';cursor:pointer}.role-switch button.selected{background:#168fad;color:#fff}.sidebar nav{display:grid;gap:3px}.sidebar nav button{padding:11px 12px;border:0;border-radius:7px;background:transparent;color:#5e768b;text-align:left;font:12px 'Plus Jakarta Sans';cursor:pointer}.sidebar nav button.active{background:#e6f5f7;color:#137d97;font-weight:700}.account{display:flex;gap:9px;align-items:center;margin-top:auto;padding:14px 8px;border-top:1px solid #e1ebef}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dbeff3;color:#157f97;font:10px 'DM Mono'}.account b,.account small{display:block;font-size:10px}.account small{margin-top:3px;color:#7e91a0}.signout{padding:10px;border:0;background:transparent;color:#71879a;text-align:left;font:11px 'Plus Jakarta Sans';cursor:pointer}.portal-main{flex:1;min-width:0;padding:35px 46px}.portal-main header{display:flex;justify-content:space-between;align-items:center}.portal-main header span{color:#6e8798;font:10px 'DM Mono';letter-spacing:1px}.portal-main h2{margin:7px 0;font-size:28px;letter-spacing:-1.5px}.support{color:#177d98}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.portal-card,.panel-box{padding:19px}.portal-card p{margin-bottom:13px;color:#668094;font-size:11px}.portal-card b{font:20px 'DM Mono'}.portal-card small{color:#71899a}.panel-box{margin:14px 0}.panel-box h3{margin-bottom:5px;font-size:15px}.panel-box p{color:#688094;font-size:12px;line-height:1.6}.table{width:100%;margin-top:13px;border-collapse:collapse;font-size:11px}.table th{padding:9px;border-bottom:1px solid #dce8ed;color:#7790a1;text-align:left;font:10px 'DM Mono'}.table td{padding:11px 9px;border-bottom:1px solid #edf2f4;color:#435d70}.badge{padding:4px 7px;border-radius:10px;background:#dff6ea;color:#168755;font:9px 'DM Mono'}.badge.wait{background:#fff0d9;color:#b7741f}.action{padding:5px 8px;border:1px solid #c9dce5;border-radius:5px;background:#f8fbfc;color:#31708e;font-size:10px;cursor:pointer}.modal{display:none;position:fixed;z-index:4;inset:0;padding:20px;background:#09203099;place-items:center}.modal.open{display:grid}.modal-card{position:relative;width:100%;max-width:460px;padding:31px;border:1px solid #d2e2e9;border-radius:15px;background:#fff}.modal-card h2{margin:16px 0 10px;font-size:24px;letter-spacing:-1px}.modal-card p{color:#647c8e;font-size:12px;line-height:1.6}.support-row{display:flex;gap:9px;margin:22px 0}.support-row a{flex:1;padding:10px;border-radius:7px;background:#eaf5f8;color:#197b95;text-align:center;text-decoration:none;font-size:12px;font-weight:700}@media(max-width:850px){.price-grid,.metrics{grid-template-columns:repeat(2,1fr)}.panel-shell{grid-template-columns:1fr}.panel-shell aside{display:none}.topbar nav{display:none}.sidebar{width:65px;flex-basis:65px;padding:20px 8px}.sidebar .brand span:last-child,.role-switch,.account div,.signout{display:none}.portal-main{padding:25px 18px}.portal-grid,.posts{grid-template-columns:1fr}.section h2{font-size:34px}}@media(max-width:520px){.price-grid,.metrics{grid-template-columns:1fr}.trust{flex-wrap:wrap;gap:18px}.hero{padding-top:45px}.topbar{padding:0 18px}.section{padding:70px 18px}.hero-actions{flex-direction:column}.dash-heading{display:block}.login-form{padding:65px 28px}footer{padding:22px 18px}.portal-main header{align-items:flex-start}.support{font-size:0}.support:after{content:'?';font-size:14px}}
