:root{--ink:#07131d;--blue:#08b8f4;--cyan:#35d4ff;--mist:#edf7fb;--line:#d9e5eb;--muted:#5f7180}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body),sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px);background:#07131d;color:#fff;border-bottom:1px solid #1c3344}.brand img{width:142px;height:52px;object-fit:contain}.site-header nav,.header-actions{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav{color:#b9c8d3}.button{display:inline-flex;justify-content:center;gap:16px;border-radius:5px;background:var(--blue);color:#001722;font-weight:800;padding:16px 22px;border:1px solid var(--blue);transition:.2s}.button:hover{background:#32d0ff;transform:translateY(-2px)}.button.small{padding:11px 17px}.hero{min-height:700px;background:linear-gradient(120deg,#07131d,#0a1d2c 60%,#09283a);color:white;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding:80px clamp(24px,6vw,100px);position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#41b4de10 1px,transparent 1px),linear-gradient(90deg,#41b4de10 1px,transparent 1px);background-size:54px 54px}.orb{position:absolute;border-radius:50%}.orb-one{width:380px;height:380px;background:#0ea5d819;right:20%;top:-130px}.orb-two{width:260px;height:260px;background:#37dcff14;left:-80px;bottom:-90px}.hero-copy,.control-card{position:relative}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#078ab8}.eyebrow{color:#8bdfff}.eyebrow i,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18c8ff;margin-right:8px}.hero h1,.section h2,.domain-strip h2,.final-cta h2{font-family:var(--font-display),sans-serif}.hero h1{font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.hero h1 em{font-style:normal;color:#18c8ff}.hero-copy>p{font-size:18px;line-height:1.75;color:#b6c7d3;max-width:630px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{font-weight:800;font-size:14px}.text-link span{color:var(--cyan)}.trust-row{display:flex;gap:30px;margin-top:50px;padding-top:26px;border-top:1px solid #223847;color:#869ba9;font-size:12px}.trust-row b{color:white}.control-card{background:#fff;border-radius:12px;box-shadow:0 34px 80px #0008;overflow:hidden}.control-top{height:62px;background:#0d202e;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.mini-brand{font-family:var(--font-display);font-weight:800}.mini-brand small{color:#20c7f8}.live{font-size:10px;color:#a9bdc9}.live i{background:#3ee389}.control-body{display:grid;grid-template-columns:112px 1fr;min-height:390px;color:var(--ink)}.control-body aside{background:#f3f8fa;padding:26px 12px;display:flex;flex-direction:column;gap:10px}.control-body aside span{font-size:10px;padding:10px;color:#71818d}.control-body aside .active{background:#dff5fd;color:#0087b6;font-weight:800}.dashboard-main{padding:34px}.dashboard-main>p{font-size:10px;letter-spacing:.14em;color:#7c909d}.dashboard-main h3{font-family:var(--font-display);font-size:24px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-grid>div{border:1px solid #e1e9ed;border-radius:7px;padding:17px}.metric-grid small,.portal-cards small{font-size:8px;color:#7c8f9a}.metric-grid b{display:block;font-size:26px}.metric-grid span{font-size:8px}.metric-grid .up{color:#18a569}.usage{margin:23px 0}.usage div{display:flex;justify-content:space-between;font-size:9px}.usage i{display:block;height:7px;background:#edf3f5;border-radius:8px}.usage u{display:block;width:38%;height:100%;background:var(--blue);border-radius:8px}.domain-line{border-top:1px solid #e4ebef;padding-top:17px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;font-size:9px}.domain-icon{display:grid;place-items:center;background:#def6ff;color:#0092c4;width:32px;height:32px;border-radius:6px;font-weight:900}.domain-line small{display:block;color:#84939c}.domain-line strong{color:#17a369;background:#e5f8f0;padding:5px 7px;border-radius:9px}.domain-strip{padding:60px clamp(24px,6vw,100px);background:#eaf8fd;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px 60px;align-items:end}.domain-strip h2{font-size:34px;margin:9px 0 0}.domain-strip form{display:flex;background:#fff;border:1px solid #cce3ec;border-radius:6px;padding:7px}.domain-strip input:not([type=hidden]){border:0;outline:0;flex:1;padding:10px 15px}.domain-strip button{border:0;background:#07131d;color:white;border-radius:4px;padding:15px 21px;font-weight:800}.tld-row{grid-column:1/-1;display:flex;justify-content:center;gap:46px;color:#607683;font-size:12px}.tld-row b{color:#079bcf}.section{padding:110px clamp(24px,6vw,100px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.section-heading h2{font-size:clamp(38px,4.4vw,62px);letter-spacing:-.055em;margin:12px 0}.section-heading>p{max-width:480px;color:var(--muted);line-height:1.75}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{position:relative;padding:36px;border:1px solid var(--line);border-radius:9px}.plan-card.featured{background:#07131d;color:white;transform:translateY(-14px)}.popular{position:absolute;right:20px;top:20px;background:#18c8ff;color:#00202d;padding:6px 9px;font-size:8px;font-weight:900}.plan-name{letter-spacing:.14em;font-size:11px;font-weight:900;color:#079dcc}.plan-card>p{color:#71828d;font-size:13px;line-height:1.65;min-height:44px}.price{display:flex;align-items:baseline;margin:26px 0}.price b{font-family:var(--font-display);font-size:54px}.price span{font-size:11px;color:#71838e}.plan-card .button{width:100%}.button.outline{background:white;border-color:#cddde4;color:#07131d}.plan-card ul{list-style:none;padding:24px 0 0;border-top:1px solid #e0e9ed;display:grid;gap:14px;font-size:12px}.plan-card li i{color:#08b8f4;margin-right:10px;font-style:normal}.plans-note{text-align:center;color:#748792;font-size:11px}.why{background:#f4f8fa;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.why h2,.portal-copy h2{font-size:54px;line-height:1.06;letter-spacing:-.055em}.why-intro>p,.portal-copy>p{color:var(--muted);line-height:1.8}.feature-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ccd9df}.feature-list article{padding:30px 24px;border-bottom:1px solid #ccd9df;display:flex;gap:18px}.feature-list h3{margin:0 0 10px;font-family:var(--font-display)}.feature-list p{margin:0;color:#687b87;font-size:12px;line-height:1.7}.portal{background:#07131d;color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.portal-copy>p{color:#a5b7c3}.portal-copy ul{list-style:none;padding:10px 0;display:grid;gap:13px;color:#c0ced7}.portal-copy li i{color:#25caff;font-style:normal}.button.white{background:white;color:#07131d}.portal-window{background:#f4f8fa;border-radius:12px;min-width:650px;overflow:hidden}.window-bar{height:38px;background:#dfe7eb;display:flex;align-items:center;padding:0 13px;gap:6px;color:#748692;font-size:8px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#aab7be}.window-bar span{margin:auto}.portal-ui{display:grid;grid-template-columns:58px 1fr;min-height:390px;color:#07131d}.portal-ui aside{background:#0c2130;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 0;color:#76909e}.portal-ui aside .mark{background:#18c8ff;color:#07131d;font-weight:900;width:28px;height:28px;display:grid;place-items:center}.portal-ui aside .selected{color:#30ceff}.portal-content{padding:28px}.portal-head{display:flex;justify-content:space-between}.portal-head h3{font-family:var(--font-display)}.avatar{background:#d8f4fd;color:#087fa6;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-cards>div,.portal-table{background:white;border:1px solid #dde7eb;border-radius:6px;padding:16px}.portal-cards b{display:block;font-size:25px}.portal-cards span{font-size:7px;color:#079dcc}.portal-table{margin-top:20px;font-size:9px}.portal-table>div{display:grid;grid-template-columns:1fr auto auto;gap:20px;border-top:1px solid #e7edef;margin-top:12px;padding-top:12px}.portal-table small{display:block;color:#8a9aa3}.portal-table em{color:#109b63;font-style:normal}.portal-table strong{color:#079dcc}.final-cta{text-align:center;padding:110px 24px;background:linear-gradient(#fff,#f0fafe)}.final-cta h2{font-size:clamp(44px,6vw,78px);margin:13px}.final-cta>div{display:flex;gap:12px;justify-content:center}.button.ghost{background:transparent;color:#07131d;border-color:#bccdd5}footer{background:#06111a;color:white;padding:70px clamp(24px,6vw,100px) 25px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}footer img{width:150px;height:58px;object-fit:contain}.footer-brand p{color:#8499a7;font-size:12px}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:12px;font-size:12px;color:#8194a0}footer b{color:white}.footer-bottom{grid-column:1/-1;border-top:1px solid #1b2d39;padding-top:24px;display:flex;justify-content:space-between;color:#677d8a;font-size:9px}
@media(max-width:1000px){.site-header nav{display:none}.hero,.domain-strip,.why,.portal{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.portal-window{min-width:0}footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-bottom{grid-column:1/-1}}
@media(max-width:650px){.site-header{height:72px;padding:0 18px}.brand img{width:118px}.login-link{display:none}.hero{padding:60px 20px;min-height:auto}.hero h1{font-size:50px}.hero-actions,.trust-row,.tld-row{flex-wrap:wrap}.control-body{grid-template-columns:1fr}.control-body aside{display:none}.dashboard-main{padding:24px 18px}.domain-strip{padding:52px 20px}.domain-strip form{display:block}.domain-strip button{width:100%}.section{padding:80px 20px}.section-heading{display:block}.why h2,.portal-copy h2{font-size:43px}.feature-list{grid-template-columns:1fr}.portal-ui{grid-template-columns:46px 1fr}.portal-content{padding:18px 12px}.portal-cards{grid-template-columns:1fr}.portal-cards>div:nth-child(3){display:none}.final-cta>div{flex-direction:column}footer{grid-template-columns:1fr 1fr}.footer-bottom{display:block}}
