/* I9VPS Cloud Portal — scoped styles for WHMCS Nexus 9.x */
:root {
  --i9-ink:#121931;
  --i9-muted:#68738b;
  --i9-blue:#465cf6;
  --i9-blue-deep:#293bc6;
  --i9-purple:#8160f8;
  --i9-border:#e9ecf5;
  --i9-offwhite:#f7f9fe;
  --i9-dark:#0c1430;
  --i9-heading:'Inter','Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
  --i9-body:'Inter','Segoe UI',system-ui,sans-serif;
  --primary:#465cf6;
  --primary-lifted:#3c4cdd;
  --primary-accented:#2736ae;
  --info:#465cf6;
  --text:#121931;
}
html { scroll-behavior: smooth; scroll-padding-top: 85px; }
body.i9-theme { color:var(--i9-ink); font-family:var(--i9-body); background:#fff; -webkit-font-smoothing:antialiased; overflow-x:clip; }
body.i9-theme h1,body.i9-theme h2,body.i9-theme h3,body.i9-theme h4,body.i9-theme h5,body.i9-theme h6 { font-family:var(--i9-heading); }
body.i9-theme a { transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
body.i9-theme .btn-primary { background:var(--i9-blue);border-color:var(--i9-blue); }
body.i9-theme .btn-primary:hover,body.i9-theme .btn-primary:focus {background:var(--i9-blue-deep);border-color:var(--i9-blue-deep)}
body.i9-theme .btn-outline-primary{color:var(--i9-blue);border-color:var(--i9-blue)}
body.i9-theme .btn-outline-primary:hover{color:#fff;background:var(--i9-blue)}
body.i9-theme #header {position:relative;z-index:1050;background:#fff;box-shadow:none;border:0}
body.i9-theme .topbar{background:#f5f7fd;border-bottom:1px solid #e9edfa}
body.i9-theme .topbar .btn,body.i9-theme .topbar .input-group-text{color:#33415f}
.i9-page-width { max-width:1276px; width:calc(100% - 80px); margin:0 auto; }
.i9-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.i9-icon,.i9-spec-icon,.i9-step-icon{display:inline-block;width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.i9-icon use,.i9-spec-icon use,.i9-step-icon use{fill:none}

/* Unified portal navigation. Preserves native WHMCS alert and account components. */
.i9-nav-wrap{background:rgba(255,255,255,.98);border-bottom:1px solid #eef0f6;position:relative}
.i9-nav-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1320px}
.i9-brand {display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;flex:none;min-width:max-content}
.i9-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;overflow:hidden;flex:none;background:linear-gradient(140deg,#6376ff 6%,#5b54df 55%,#805df2 100%);box-shadow:0 7px 17px #5062ff29}
.i9-brand-mark svg{width:39px;height:39px}
.i9-brand-type{color:#101931;display:block;font:800 24px/.94 var(--i9-heading);letter-spacing:-1.55px}
.i9-brand-type>span{color:#5064ef}
.i9-brand-type small{display:block;margin-top:6px;color:#8790a4;letter-spacing:1.78px;font:800 7px/1 var(--i9-heading)}
.i9-nav-links{display:flex;align-items:center;gap:27px;justify-content:center;flex:1;height:100%;white-space:nowrap}
.i9-nav-item{color:#546077;font-size:13px;font-weight:700;text-decoration:none!important;position:relative;display:inline-flex;align-items:center;gap:4px;padding:10px 0;background:none;border:0;cursor:pointer;white-space:nowrap}
.i9-nav-item:hover,.i9-nav-item.i9-is-current,.i9-nav-item:focus{color:#374ce4}
.i9-nav-item.i9-is-current:after{content:'';position:absolute;bottom:-24px;left:0;right:0;height:2px;background:#5262ee;border-radius:2px}
.i9-nav-more{font-family:inherit;box-shadow:none!important}
.i9-nav-more:after{display:none}
.i9-nav-dropdown-menu{min-width:248px;padding:12px;border:1px solid #e7eafa;border-radius:16px;box-shadow:0 24px 60px #0e1b3b1f}
.i9-nav-dropdown-menu .dropdown-item{font-size:13px;font-weight:700;color:#4b566c;border-radius:8px;padding:9px 11px}
.i9-nav-dropdown-menu .dropdown-item:hover{background:#f3f5ff;color:#4556e2}
.i9-native-nav-label{font-size:10px;letter-spacing:1px;font-weight:800;padding:8px 11px;color:#9aa4b4;text-transform:uppercase}
.i9-native-menu{max-height:250px;overflow:auto;display:block!important;margin:0;padding:0;white-space:normal}
.i9-native-menu .nav-item{display:block;float:none!important}
.i9-native-menu .nav-link{font-size:12px;color:#58657c;padding:9px 11px}
.i9-native-menu .dropdown-menu{position:static!important;float:none;border:0;box-shadow:none;display:none;padding:0 10px}
.i9-native-menu .dropdown.show>.dropdown-menu{display:block}
.i9-native-menu .dropdown-menu.show{display:block}
.i9-nav-actions{display:flex;align-items:center;gap:19px;white-space:nowrap;flex:none}
.i9-cart{height:34px;width:29px;position:relative;display:grid;place-items:center;color:#35425c}
.i9-cart:hover{color:#4c5df7}
.i9-cart-count{position:absolute;top:-5px;right:-7px;min-width:16px;line-height:16px;border-radius:9px;background:#fb596a;color:white;font-size:10px;text-align:center;padding:0 3px}
.i9-signin{font-size:13px;font-weight:800;text-decoration:none!important;color:#24304a}
.i9-signin:hover{color:#5062ee}
.i9-nav-cta{font-size:13px;color:white!important;background:#4d5ff2;padding:13px 18px;border-radius:10px;font-weight:800;text-decoration:none!important;box-shadow:0 9px 20px #4f5cf42f}
.i9-nav-cta:hover{background:#3348e6;transform:translateY(-1px)}
.i9-nav-cta span{margin-left:8px;font-size:17px;font-weight:400}
.i9-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:40px;height:40px;border:1px solid #e5e9f3;border-radius:10px;background:white;cursor:pointer}
.i9-menu-toggle span{height:2px;width:18px;background:#25334b;border-radius:1px;transition:transform .2s,opacity .2s}
.i9-mobile-links{display:none}
body.i9-theme .master-breadcrumb{background:#f7f9ff;border-bottom:1px solid #eceff7}
body.i9-theme .master-breadcrumb .breadcrumb{background:none}
body.i9-theme:not(.i9-homepage) #main-body{padding-top:42px;padding-bottom:76px;min-height:350px}
body.i9-theme:not(.i9-homepage) .primary-content .card{border-radius:14px}
body.i9-theme.i9-homepage #main-body{padding:0;min-height:0;overflow:visible}
body.i9-theme.i9-homepage #main-body > .container{max-width:none;padding:0;width:100%}
body.i9-theme.i9-homepage #main-body > .container > .row{margin:0;display:block}
body.i9-theme.i9-homepage #main-body .primary-content{padding:0;max-width:none;width:100%;flex:none}
body.i9-theme.i9-homepage .i9-landing{width:100%;position:relative;overflow:hidden}
.i9-landing *{box-sizing:border-box}
.i9-landing{font-family:var(--i9-body);font-size:15px}
.i9-landing h1,.i9-landing h2,.i9-landing h3,.i9-landing p{margin-top:0}
.i9-landing a{text-decoration:none!important}
.i9-landing [hidden]{display:none!important}
.i9-landing button:focus-visible,.i9-landing a:focus-visible{outline:3px solid #a7b2ff;outline-offset:3px}

/* Hero */
.i9-hero{position:relative;background:radial-gradient(ellipse 56% 68% at 85% 50%,#e9eaff 0%,transparent 77%),radial-gradient(ellipse 41% 48% at 17% 13%,#eff3ff 0%,transparent 100%),linear-gradient(180deg,#f9faff,#fff 95%);isolation:isolate;overflow:hidden}
.i9-hero-gridlines{position:absolute;inset:0;pointer-events:none;opacity:.6;background-image:linear-gradient(#dae0f12b 1px,transparent 1px),linear-gradient(90deg,#dae0f12b 1px,transparent 1px);background-size:69px 69px;mask-image:linear-gradient(to bottom,black 0%,transparent 91%);z-index:-1}
.i9-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;min-height:660px;gap:65px;padding-top:54px;padding-bottom:60px;position:relative}
.i9-hero-copy{position:relative;z-index:3;padding-bottom:6px}
.i9-hero-kicker{display:flex;align-items:center;gap:10px;color:#5665a3;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:27px}
.i9-live-dot{width:8px;height:8px;border-radius:50%;background:#536af5;box-shadow:0 0 0 5px #5268f41c;flex:none}
.i9-kicker-line{display:block;width:35px;height:1px;background:#c9d0ec}
.i9-hero h1{font-family:var(--i9-heading);font-size:clamp(47px,4.7vw,70px);font-weight:800;letter-spacing:-4.6px;line-height:1.17;color:#0e1934;margin-bottom:23px;white-space:nowrap}
.i9-gradient-words{background:linear-gradient(98deg,#4e61ef 8%,#6862ed 51%,#9871ff 95%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.i9-hero-summary{font-size:16px;line-height:1.9;color:#6b768e;max-width:500px;margin:0 0 32px}
.i9-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:39px}
.i9-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 21px;min-height:53px;border:1px solid transparent;font-size:13px;font-weight:800;border-radius:11px;white-space:nowrap;box-shadow:none;text-decoration:none!important;letter-spacing:.03px}
.i9-button-primary{background:#495df4;color:white!important;box-shadow:0 13px 30px #465af632}
.i9-button-primary:hover{background:#3348dc;transform:translateY(-2px);box-shadow:0 17px 34px #465af644}
.i9-button-primary>span{font-size:20px;font-weight:400;line-height:1}
.i9-button-outline{border-color:#e3e8f4;color:#25324e!important;background:white}
.i9-button-outline:hover{border-color:#b3c0fc;background:#f8faff;transform:translateY(-2px)}
.i9-button .i9-icon{width:16px;height:16px}
.i9-hero-facts{display:flex;align-items:center;gap:18px;font-size:11px;color:#78839a;white-space:nowrap;flex-wrap:wrap}
.i9-hero-facts>div{display:flex;align-items:center;gap:5px}
.i9-hero-facts strong{color:#33425b;font-weight:800}
.i9-fact-icon{color:#5367ee;display:inline-flex;align-items:center;margin-right:2px}
.i9-fact-icon svg{width:15px;height:15px}
.i9-fact-separator{height:18px;width:1px;background:#e1e7f1}
.i9-hero-art{position:relative;width:100%;min-height:485px;display:flex;align-items:center;justify-content:center;perspective:900px}
.i9-orbit-ring{pointer-events:none;position:absolute;border:1px solid #b2baff68;border-radius:50%;z-index:0}
.i9-orbit-ring-a{width:575px;height:575px;left:-39px;top:-48px}
.i9-orbit-ring-b{width:450px;height:450px;left:35px;top:12px;border-style:dashed;opacity:.55}
.i9-star{position:absolute;color:#a2a5f7;font-size:24px;z-index:1}
.i9-star-one{top:16px;right:55px}
.i9-star-two{bottom:20px;left:8px;font-size:19px}
.i9-cloud-panel{width:450px;max-width:100%;height:420px;position:relative;z-index:2;border-radius:21px;background:#111936;box-shadow:0 37px 75px #1b2a6052,0 5px 17px #15276035;border:1px solid #34416a;overflow:hidden;transform:rotate(-3deg) translate(4px,-3px)}
.i9-panel-top{height:47px;border-bottom:1px solid #2b3554;display:flex;align-items:center;justify-content:space-between;color:#8b96b3;font-size:10px;letter-spacing:.2px;padding:0 19px;background:#17203d}
.i9-mac-dots{display:flex;gap:6px}.i9-mac-dots span{width:7px;height:7px;border-radius:100%;background:#677492}.i9-mac-dots span:first-child{background:#ff697e}.i9-mac-dots span:nth-child(2){background:#ffc16c}.i9-mac-dots span:nth-child(3){background:#60e5b2}
.i9-panel-slash{opacity:.5;margin:0 4px}.i9-panel-top-end{font-size:18px;color:#9ca9c6}
.i9-panel-content{padding:25px 26px 23px}
.i9-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.i9-panel-overline{font-size:9px;letter-spacing:1.65px;color:#8f9abe;font-weight:800}
.i9-panel-heading h2{font:800 21px/1.25 var(--i9-heading);letter-spacing:-.8px;color:#fff;margin:7px 0 0}
.i9-panel-heading h2 span{color:#7d89ff}.i9-panel-more{color:#8a95b7;letter-spacing:3px}
.i9-server-panel{display:flex;align-items:center;padding:15px;background:#1b2645;border:1px solid #303d62;border-radius:11px;gap:12px}
.i9-server-avatar{width:38px;height:38px;border-radius:9px;background:linear-gradient(140deg,#5763ff,#805eea);color:white;display:grid;place-items:center;flex:none}
.i9-server-avatar svg{width:21px;height:21px}
.i9-server-name{flex:1;min-width:0}.i9-server-name strong{font:700 11px var(--i9-heading);display:block;color:#f7f8ff;white-space:nowrap}.i9-server-name>span{font-size:9px;color:#a0abc8;display:block;margin-top:6px;white-space:nowrap}
.i9-running{display:flex;gap:5px;align-items:center;white-space:nowrap;color:#72e5ae;font-weight:700;font-size:9px}.i9-running>span{width:6px;height:6px;border-radius:50%;background:#55e19a}
.i9-metric-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
.i9-metric{background:#1b2645;border:1px solid #303d62;border-radius:10px;padding:13px 15px 12px;color:#8d9bbd}
.i9-metric>span{font-size:8px;letter-spacing:1px;font-weight:800;display:block}.i9-metric strong{font:800 23px/1.3 var(--i9-heading);color:#fff;display:block;margin:7px 0 9px}.i9-metric strong span{font-size:11px;color:#a1aecb}
.i9-progress{height:4px;border-radius:2px;background:#303e63;overflow:hidden}.i9-progress span{display:block;height:100%;background:linear-gradient(90deg,#6274ff,#a888ff);border-radius:2px}
.i9-chart-card{background:#1b2645;border:1px solid #303d62;border-radius:10px;padding:13px 15px 10px;margin-top:13px}
.i9-chart-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#eff2fc;font-weight:700}
.i9-chart-time{font-size:8px;color:#8e9bb8;font-weight:500}.i9-chart-time i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#64eaae;margin-left:2px}
.i9-chart-bars{height:62px;margin-top:11px;display:flex;align-items:end;gap:3px;overflow:hidden;border-bottom:1px solid #3c486c;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#364260 30px,transparent 31px)}
.i9-chart-bars i{min-width:1px;flex:1;display:block;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#989dff,#5059df);opacity:.91}
.i9-chart-axis{display:flex;justify-content:space-between;color:#677394;font-size:8px;margin-top:6px}
.i9-floating-badge{display:flex;align-items:center;gap:10px;padding:12px 14px;position:absolute;z-index:4;border-radius:11px;background:#fff;box-shadow:0 16px 40px #18296124;border:1px solid #edf0f8;font-size:9px;color:#8a94aa;letter-spacing:.5px}
.i9-floating-badge strong{display:block;color:#17243f;font-size:12px;letter-spacing:-.15px;margin-top:3px}
.i9-floating-availability{top:50px;right:-21px;transform:rotate(5deg)}
.i9-floating-deploy{bottom:47px;left:-41px;transform:rotate(3deg)}
.i9-floating-icon{width:34px;height:34px;border-radius:9px;color:#4e60f4;background:#edf0ff;display:grid;place-items:center}
.i9-floating-icon svg{width:19px;height:19px}
.i9-mini-pulse{background:#5ce2a4;border-radius:100%;height:7px;width:7px;box-shadow:0 0 0 4px #5ce2a41c;margin-left:6px}
.i9-deploy-check{height:33px;width:33px;border-radius:100%;background:#e8fbf2;color:#1bb57a;display:grid;place-items:center}.i9-deploy-check svg{width:17px;height:17px}
.i9-hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1276px;width:calc(100% - 80px);margin:auto;border-top:1px solid #e9ecf8;padding:16px 0 21px;color:#a3adc1;font-size:9px;letter-spacing:2.05px;font-weight:800}.i9-hero-bottom>span:nth-child(2){font-size:21px;letter-spacing:0;color:#8490c4}

/* Credentials strip */
.i9-cred-strip{background:#fff;border-bottom:1px solid #eef0f6}
.i9-cred-content{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding-top:41px;padding-bottom:43px}
.i9-cred-label{font:800 10px/1.7 var(--i9-heading);letter-spacing:2px;color:#969eb3}.i9-cred-label strong{color:#4e5bf0}
.i9-cred-stat{display:flex;align-items:center;gap:12px;padding-left:23px;border-left:1px solid #e8ebf2}
.i9-cred-stat strong{font:800 29px/1 var(--i9-heading);letter-spacing:-1.7px;color:#18233e;white-space:nowrap}.i9-cred-stat strong span{font-size:22px;color:#8392fc}.i9-cred-stat strong em{font:800 15px/1 var(--i9-heading);font-style:normal;letter-spacing:-.5px}
.i9-cred-stat>span{font-size:10px;color:#8490a4;line-height:1.6}
.i9-cred-arin{border-left:1px solid #e8ebf2;padding-left:25px;display:flex;align-items:center;gap:9px;color:#2f3c56;font:800 15px/.94 var(--i9-heading);letter-spacing:.6px}.i9-cred-arin strong{letter-spacing:2px;font-size:11px;color:#5867e6}.i9-arin-icon{display:flex;align-items:center;justify-content:center;background:#f1f3ff;color:#5968f0;width:42px;height:42px;border-radius:50%;font-size:25px;font-weight:400}

/* Common sections */
.i9-section{padding:111px 0}
.i9-section-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ebf4;padding-top:17px;margin-bottom:49px;color:#a1a9ba;font-size:9px;font-weight:800;letter-spacing:1.9px}
.i9-section-topline>span:first-child{color:#515f92}.i9-section-topline i{display:inline-block;width:20px;height:1px;background:#abb4cc;margin:0 12px;vertical-align:middle}
.i9-section-eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#5d6bf4;margin-bottom:18px}
.i9-landing h2{font:800 clamp(36px,3.15vw,49px)/1.2 var(--i9-heading);letter-spacing:-2.5px;color:#141c34}
.i9-landing h2 span{color:#6d79e6}

/* Pricing cards */
.i9-plans-section{background:#fbfcff;padding-bottom:108px}
.i9-plans-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}
.i9-plans-header h2{margin-bottom:12px}.i9-plans-header p{margin:0;font-size:14px;color:#8791a5;line-height:1.7}
.i9-plan-tabs{border:1px solid #e8ebf5;padding:5px;background:#fff;border-radius:11px;display:flex;gap:3px;flex:none;box-shadow:0 5px 16px #e1e6f83b}
.i9-plan-tab{border:0;background:transparent;color:#818da7;display:flex;align-items:center;gap:7px;border-radius:7px;padding:12px 17px;white-space:nowrap;font:800 12px var(--i9-body);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.i9-plan-tab .i9-icon{width:15px;height:15px}.i9-plan-tab.is-active{background:#4e60f3;color:#fff;box-shadow:0 7px 17px #5263f23e}.i9-plan-tab:hover:not(.is-active){background:#f1f3ff;color:#354bdd}
.i9-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.i9-plan-card{background:#fff;padding:29px 23px 26px;border:1px solid #e7eaf2;border-radius:17px;position:relative;display:flex;flex-direction:column;box-shadow:0 7px 30px #1e2b5110;transition:transform .27s,box-shadow .27s,border-color .27s;min-width:0}
.i9-plan-card:hover{transform:translateY(-7px);border-color:#bec7fb;box-shadow:0 23px 48px #27367e1d}
.i9-plan-card.i9-plan-popular{border:2px solid #5463f1;padding:28px 22px 25px;box-shadow:0 17px 42px #5262ef1b}
.i9-popular-label{position:absolute;top:-13px;right:20px;border-radius:20px;padding:7px 12px;background:linear-gradient(105deg,#5366f4,#7970f5);color:#fff;font-size:8px;letter-spacing:1.3px;font-weight:800;box-shadow:0 8px 16px #515dec38}.i9-popular-label span{font-size:10px;margin-left:5px}
.i9-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}
.i9-plan-icon{height:38px;width:38px;display:grid;place-items:center;color:#5367ef;background:#edf0ff;border-radius:10px}.i9-plan-icon svg{width:20px;height:20px}
.i9-plan-type{font-size:8px;font-weight:800;color:#a1a9be;letter-spacing:1.15px;white-space:nowrap}
.i9-plan-card h3{font:800 24px/1.3 var(--i9-heading);color:#18223c;letter-spacing:-1.1px;margin-bottom:3px}
.i9-plan-desc{font-size:12px;color:#929cb0;margin-bottom:29px}
.i9-plan-cost{display:flex;align-items:baseline;gap:8px;margin-bottom:22px}.i9-plan-cost strong{font:800 39px/1 var(--i9-heading);letter-spacing:-2.1px;color:#17213d}.i9-plan-cost span{font-size:10px;color:#939cb0}
.i9-plan-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;background:#eff1ff;border:1px solid #e7eafe;color:#4a5df0!important;border-radius:9px;font-size:11px;font-weight:800;min-height:44px}
.i9-plan-button:hover{background:#4d60ed;color:#fff!important;border-color:#4d60ed;transform:translateY(-2px)}
.i9-plan-button .i9-icon{width:16px;height:16px}.i9-plan-popular .i9-plan-button{background:#5262f3;border-color:#5262f3;color:#fff!important}.i9-plan-popular .i9-plan-button:hover{background:#3548d5}
.i9-plan-rule{height:1px;background:#e9edf5;margin:25px 0 19px}
.i9-plan-spec-label{font-weight:800;color:#a4acbc;letter-spacing:1.4px;font-size:9px;margin-bottom:17px}
.i9-plan-specs{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.i9-plan-specs li{display:flex;align-items:center;gap:11px;color:#4b5974;font-size:12px;font-weight:600;white-space:nowrap}
.i9-plan-specs .i9-spec-icon{color:#6a78e9;width:15px;height:15px;stroke-width:2;flex:none}
.i9-plan-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#97a0b1;font-size:10px;margin-top:26px}.i9-plan-footnote>span:first-child{display:flex;align-items:center;gap:8px}.i9-plan-footnote svg{width:15px;height:15px;color:#6472ef}
.i9-plan-other{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:48px;font-size:13px;color:#929bae}.i9-plan-other a{color:#505fee;font-weight:800;display:inline-flex;align-items:center;gap:7px}.i9-plan-other a svg{width:16px;height:16px}.i9-plan-other a:hover{gap:12px;color:#273bc6}

/* Advantages dark panel */
.i9-advantages-section{background:linear-gradient(135deg,#0a1331 0%,#141e42 55%,#101636 100%);padding:111px 0 116px;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.i9-advantages-section:before{content:'';position:absolute;width:760px;height:760px;border-radius:50%;right:-340px;top:-410px;background:radial-gradient(circle,#5157cf6b,transparent 65%);z-index:-1}
.i9-advantages-container{display:grid;grid-template-columns:.81fr 1.19fr;gap:95px;position:relative;z-index:2}
.i9-eyebrow-light{color:#a1acfa}
.i9-advantages-heading{padding-top:23px}.i9-advantages-heading h2{color:#fff;font-size:44px;line-height:1.25;letter-spacing:-2.8px;margin-bottom:23px}.i9-advantages-heading h2 span{color:#99a5fc}
.i9-advantages-heading p{font-size:14px;line-height:1.9;color:#a2adc7;margin-bottom:30px;max-width:355px}
.i9-advantages-heading>a{font-weight:800;font-size:12px;color:#fff;display:inline-flex;align-items:center;gap:16px}.i9-advantages-heading>a svg{width:17px;height:17px}.i9-advantages-heading>a:hover{gap:24px;color:#a7b0ff}
.i9-advantages-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.i9-adv-card{padding:25px 24px 21px;border-radius:14px;border:1px solid #3b4565;background:linear-gradient(137deg,#ffffff0c,#ffffff05);min-height:218px;position:relative;transition:background .2s,transform .2s}
.i9-adv-card:hover{background:#ffffff11;transform:translateY(-3px)}
.i9-adv-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;margin-bottom:23px}
.i9-adv-icon svg{width:22px;height:22px}.i9-adv-purple{color:#bbadff;background:#6659b22d}.i9-adv-blue{color:#8eb2ff;background:#5986f42e}.i9-adv-teal{color:#7de5c7;background:#43a78f30}.i9-adv-yellow{color:#ffdc94;background:#b2894d2b}
.i9-adv-card h3{font:800 15px/1.4 var(--i9-heading);color:#f1f4ff;letter-spacing:-.4px;margin-bottom:9px}
.i9-adv-card p{font-size:11px;line-height:1.8;color:#98a6c4;max-width:240px;margin:0 0 23px}
.i9-adv-number{font-size:8px;font-weight:800;letter-spacing:1.3px;color:#64739a}
.i9-adv-background-text{position:absolute;bottom:-57px;left:-15px;font:800 137px/1 var(--i9-heading);white-space:nowrap;color:#ffffff06;letter-spacing:-9px;pointer-events:none;z-index:0}

/* Use cases */
.i9-usecases-section{background:#fff;padding-bottom:117px}
.i9-usecases-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px}
.i9-usecases-head h2{margin:0}.i9-usecases-head>p{max-width:325px;font-size:13px;line-height:1.9;color:#8590a6;margin-bottom:5px}
.i9-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.i9-usecase-card{border:1px solid #e6e9f2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #1f29590c;min-width:0}
.i9-usecase-card:hover{transform:translateY(-5px);box-shadow:0 19px 45px #1c2b671b;border-color:#ced4f1}
.i9-usecase-graphic{height:222px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.i9-graphic-code{background:radial-gradient(circle at 80% 0%,#343f85,#172043 70%);font-family:'SFMono-Regular',Consolas,monospace;text-align:left;align-items:stretch;padding:0 40px;color:#e3eafe}
.i9-mini-window-label{color:#7f8dbb;font-size:10px;font-weight:600;border-bottom:1px solid #5560853f;margin-bottom:21px;padding-bottom:12px}
.i9-graphic-code code{color:#d4dcf4;background:transparent;font-size:14px;padding:6px 0;white-space:nowrap}.i9-graphic-code code span{color:#87edae;margin-right:11px}.i9-graphic-code code:nth-of-type(2) span{color:#6ddab0}.i9-blink{animation:i9-blink 1s step-end infinite;color:#a4b4ff!important}
@keyframes i9-blink{50%{opacity:0}}
.i9-graphic-app{background:radial-gradient(circle at 49% 40%,#e3e6ff,#f0f1ff 70%)}
.i9-graphic-app:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#9faaff14 1px,transparent 1px),linear-gradient(90deg,#9faaff14 1px,transparent 1px);background-size:25px 25px}
.i9-stack-one,.i9-stack-two,.i9-stack-three{position:absolute;width:140px;height:95px;border:2px solid #9da7fa;border-radius:15px;transform:rotate(-34deg) skew(14deg,14deg);box-shadow:12px 13px 0 #667af614}
.i9-stack-one{top:78px;left:calc(50% - 62px);background:#8c98fc}.i9-stack-two{top:63px;left:calc(50% - 62px);background:#c0c7ff}.i9-stack-three{top:47px;left:calc(50% - 62px);background:#eff0ff;box-shadow:15px 22px 35px #6b72c43f}
.i9-graphic-app-icon{position:absolute;color:#6372ec;top:78px;left:calc(50% - 4px);transform:translateX(-50%) rotate(-10deg)}.i9-graphic-app-icon svg{width:30px;height:30px}
.i9-graphic-globe{background:#111c3d}
.i9-graphic-globe:before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#4153a965 0,transparent 65%)}
.i9-graphic-orbit{position:absolute;border:1px solid #7584f95f;border-radius:50%;transform:rotate(-22deg)}.i9-graphic-orbit.a{width:195px;height:195px}.i9-graphic-orbit.b{width:250px;height:90px;transform:rotate(-27deg)}
.i9-graphic-center{height:112px;width:112px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6475f2,#3a459f);box-shadow:0 0 80px #7583f370;display:grid;place-items:center;color:#d8ddff;z-index:2}.i9-graphic-center svg{width:72px;height:72px;stroke-width:.9}
.i9-graphic-point{position:absolute;border-radius:100%;width:10px;height:10px;background:#87ffdd;box-shadow:0 0 16px #74fbe0}.i9-graphic-point.p1{top:49px;left:23%}.i9-graphic-point.p2{bottom:35px;right:24%}
.i9-usecase-body{padding:23px 24px 25px;position:relative;min-height:157px}
.i9-usecase-body>span:first-child{font-weight:800;font-size:9px;letter-spacing:1.3px;color:#6c76da}
.i9-usecase-body h3{color:#18243e;font:800 19px/1.3 var(--i9-heading);letter-spacing:-.8px;margin:10px 0 7px}
.i9-usecase-body p{font-size:11px;color:#939eaf;line-height:1.8;margin:0;max-width:240px}
.i9-usecase-arrow{position:absolute;right:22px;bottom:24px;font-size:23px;color:#7886ed}

/* How-it-works */
.i9-how-section{background:#f5f7fe;padding:85px 0;border-block:1px solid #eef0fa}
.i9-how-container{display:grid;grid-template-columns:.75fr 1.25fr;gap:82px;align-items:center}
.i9-how-intro h2{font-size:40px;margin-bottom:15px}.i9-how-intro p{max-width:290px;font-size:13px;color:#8893a8;line-height:1.85}
.i9-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.i9-how-step{position:relative;min-width:0}.i9-how-step:not(:last-child):after{content:'';position:absolute;left:55px;right:-25px;top:24px;height:1px;background:linear-gradient(90deg,#b4bdfc,#d4dafa)}
.i9-step-number{width:50px;height:50px;border-radius:12px;background:#fff;border:1px solid #dfe4f9;display:grid;place-items:center;color:#6572e2;font-size:13px;font-weight:800;position:relative;z-index:1;box-shadow:0 7px 18px #abb6ee1d;margin-bottom:27px}
.i9-step-icon{color:#6876ed;width:22px;height:22px;margin-bottom:12px}.i9-how-step h3{font:800 15px/1.3 var(--i9-heading);letter-spacing:-.4px;color:#222e49;margin-bottom:8px}.i9-how-step p{font-size:11px;line-height:1.8;color:#939eb3;margin-bottom:0}

/* FAQ */
.i9-faq-section{background:#fff;padding-top:117px;padding-bottom:120px}
.i9-faq-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:115px}
.i9-faq-intro h2{margin-bottom:17px}.i9-faq-intro p{color:#8994aa;font-size:13px;line-height:1.9;max-width:330px;margin-bottom:23px}
.i9-faq-intro>a{display:inline-flex;align-items:center;gap:10px;color:#5666e8;font-weight:800;font-size:12px}.i9-faq-intro>a svg{width:16px;height:16px}.i9-faq-intro>a:hover{gap:18px}
.i9-faq-list{border-top:1px solid #e5e9f3}
.i9-faq-item{border-bottom:1px solid #e5e9f3;padding:0;margin:0}
.i9-faq-item summary{list-style:none;cursor:pointer;padding:21px 5px 21px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#29354e;font-size:13px;font-weight:800;line-height:1.5}
.i9-faq-item summary::-webkit-details-marker{display:none}
.i9-faq-item summary:hover{color:#5263e3}
.i9-faq-plus{width:25px;height:25px;position:relative;border-radius:50%;background:#f0f2fd;flex:none}
.i9-faq-plus:before,.i9-faq-plus:after{content:'';height:1.5px;width:9px;background:#5868e9;position:absolute;left:8px;top:12px;transition:transform .2s}.i9-faq-plus:after{transform:rotate(90deg)}.i9-faq-item[open] .i9-faq-plus:after{transform:rotate(0)}
.i9-faq-item p{font-size:12px;line-height:1.95;color:#8a94a8;padding:0 38px 19px 0;margin:0;max-width:550px}.i9-faq-item p a{color:#5262eb;font-weight:700}

/* Final CTA */
.i9-final-cta{background:#fff;padding-bottom:35px}
.i9-cta-inner{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(110deg,#505fe9 0%,#6466ec 55%,#826eea 100%);color:white;padding:87px 42px 85px;text-align:center;isolation:isolate}
.i9-cta-inner:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 110%,#a9a3ff50 0,transparent 44%);z-index:-1}
.i9-cta-circles{width:620px;height:620px;position:absolute;left:calc(50% - 310px);top:-146px;border:1px solid #ffffff29;border-radius:50%;z-index:-1;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff06,0 0 0 225px #ffffff03}
.i9-cta-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#e5e8ff;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:21px}.i9-cta-eyebrow span{width:6px;height:6px;border-radius:50%;background:#bbffe5}
.i9-cta-inner h2{font-size:clamp(37px,4.4vw,64px);font-weight:800;letter-spacing:-3px;line-height:1.22;color:#fff;margin-bottom:16px}.i9-cta-inner h2 em{font-style:normal;color:#d5d9ff}
.i9-cta-inner>p{font-size:14px;line-height:1.8;color:#edf0ff;margin-bottom:25px}
.i9-cta-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.i9-button-light{background:white;color:#3e4ddc!important}.i9-button-light:hover{background:#eef0ff;transform:translateY(-2px)}
.i9-button-ghost{background:#ffffff17;border:1px solid #ffffff4a;color:#fff!important}.i9-button-ghost:hover{background:#ffffff28;transform:translateY(-2px)}
.i9-cta-corner{position:absolute;bottom:26px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#c8cdff;opacity:.83}.i9-cta-corner-a{left:33px}.i9-cta-corner-b{right:33px}

/* Footer / support bubble */
body.i9-theme #footer.i9-footer{background:#0b132b;color:#a3aec5;padding:0;border:0;box-shadow:none}
.i9-footer-top{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:47px;padding:74px 0 66px;border-bottom:1px solid #303a54}
.i9-footer .i9-brand-type{color:#fff}.i9-footer .i9-brand-type>span{color:#9aa8ff}.i9-footer .i9-brand-type small{color:#8190b6}
.i9-footer-about>p{font-size:12px;color:#99a6be;max-width:299px;line-height:1.9;margin:24px 0 18px}
.i9-footer-mail{font-size:13px;color:#e9edff!important;font-weight:700;text-decoration:none!important}.i9-footer-mail:hover{color:#aeb8ff!important}.i9-footer-mail span{margin-left:5px}
.i9-footer-arin{display:flex;align-items:center;gap:8px;color:#8f9bb7;font-size:10px;margin-top:27px}.i9-footer-arin>span:first-child{font-size:20px;color:#a6adff}.i9-footer-arin-divider{color:#4f5b76}
.i9-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.i9-footer-column h3{font:800 12px var(--i9-heading);color:#fff;margin:7px 0 12px}
.i9-footer-column a{font-size:12px;color:#9ba7bf!important;text-decoration:none!important;line-height:1.4}.i9-footer-column a:hover{color:#fff!important;transform:translateX(3px)}
.i9-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 0 31px;font-size:11px;color:#8290ab}
.i9-footer-bottom-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.i9-footer-bottom-links a{color:#8290ab!important;font-size:11px;text-decoration:none!important}.i9-footer-bottom-links a:hover{color:#d5dbff!important}
.i9-footer-bottom-links li{list-style:none}
.i9-locale-trigger{border:1px solid #46536e;background:transparent;color:#b2c0d8;padding:8px 11px;border-radius:7px;cursor:pointer;font-size:11px}.i9-locale-trigger:hover{background:#26314f}
.i9-support-float{position:fixed;z-index:1030;bottom:24px;right:24px;display:flex;align-items:center;gap:9px;border-radius:30px;padding:13px 16px;background:#5063f3;color:#fff!important;font-weight:800;font-size:11px;box-shadow:0 10px 32px #3948a751;text-decoration:none!important}
.i9-support-float:hover{background:#3a50d6;transform:translateY(-3px);box-shadow:0 16px 39px #3948a760}.i9-support-float svg{width:18px;height:18px}

/* Sitewide WHMCS polish */
body.i9-theme .card{border-radius:13px;border-color:#e7eaf3;box-shadow:0 6px 20px #1f2a4a08}
body.i9-theme .card-header{background:#f9faff}
body.i9-theme .form-control{border-radius:8px;border-color:#dce2ee}
body.i9-theme .form-control:focus{border-color:#7482fb;box-shadow:0 0 0 3px #6173ee1f}
body.i9-theme .dropdown-menu{z-index:1090}

@media (min-width:1600px){.i9-nav-inner{max-width:1370px}}
@media(max-width:1280px){
 .i9-nav-links{gap:17px}.i9-nav-inner{gap:17px}.i9-nav-actions{gap:12px}.i9-nav-item{font-size:12px}.i9-page-width{width:calc(100% - 72px)}
 .i9-hero-grid{gap:34px}.i9-hero h1{font-size:59px}.i9-floating-availability{right:-3px}.i9-floating-deploy{left:-14px}
 .i9-advantages-container{gap:55px}.i9-faq-layout{gap:65px}.i9-plan-card{padding:25px 17px}.i9-plan-card.i9-plan-popular{padding:24px 16px}.i9-plan-type{font-size:7px}
}
@media(max-width:1090px){
 .i9-nav-links{gap:13px}.i9-nav-cta{padding:12px 13px}.i9-nav-actions{gap:9px}
 .i9-hero-grid{grid-template-columns:1fr 1fr;min-height:610px;gap:25px}.i9-hero h1{font-size:51px;letter-spacing:-3.5px}.i9-hero-summary{font-size:14px}.i9-cloud-panel{height:405px;transform:rotate(-2deg)}.i9-hero-art{min-height:470px}.i9-hero-facts{gap:10px}.i9-hero-bottom{width:calc(100% - 72px)}
 .i9-cred-content{gap:8px}.i9-cred-stat{padding-left:14px;gap:8px}.i9-cred-stat strong{font-size:25px}.i9-cred-stat>span{font-size:9px}.i9-cred-arin{padding-left:13px}
 .i9-plans-grid{gap:12px}.i9-plan-specs li{font-size:10px}.i9-plan-type{font-size:7px}.i9-plan-heading{margin-bottom:18px}
 .i9-how-container{gap:35px}.i9-how-steps{gap:14px}
}
@media(max-width:991px){
 .i9-nav-wrap{position:relative}.i9-nav-inner{height:77px}.i9-brand-mark{height:40px;width:40px}.i9-menu-toggle{display:flex}.i9-nav-actions{gap:16px}.i9-nav-links{display:none;position:absolute;left:0;right:0;top:100%;height:auto;z-index:1051;background:#fff;border-top:1px solid #eef0f5;border-bottom:1px solid #e6e9f3;box-shadow:0 20px 40px #20325320;padding:16px max(30px,calc((100vw - 720px)/2));flex-direction:column;align-items:stretch;gap:0;white-space:normal}
 .i9-nav-links.is-open{display:flex}.i9-nav-links>.i9-nav-item,.i9-nav-more{padding:13px 7px;font-size:14px;border-bottom:1px solid #f0f1f6}.i9-nav-item.i9-is-current:after{display:none}
 .i9-nav-dropdown{width:100%}.i9-nav-more{width:100%;justify-content:space-between}.i9-nav-dropdown-menu{position:static!important;float:none!important;border:0;box-shadow:none;min-width:0;padding:6px 0 12px;margin:0}.i9-native-menu{max-height:175px}.i9-mobile-links{display:flex;gap:14px;align-items:center;padding:16px 6px 6px}.i9-mobile-links a{font-size:13px;font-weight:800;color:#4256e7}
 .i9-hero-grid{grid-template-columns:1fr;gap:12px;text-align:center;padding-top:75px;padding-bottom:51px}.i9-hero-copy{max-width:660px;margin:0 auto}.i9-hero-kicker,.i9-hero-actions,.i9-hero-facts{justify-content:center}.i9-hero h1{font-size:64px;letter-spacing:-4px}.i9-hero-summary{margin:0 auto 28px}.i9-hero-facts{margin-bottom:4px}.i9-hero-art{width:585px;max-width:100%;min-height:495px;margin:auto}.i9-cloud-panel{width:463px;height:420px}.i9-hero-bottom{max-width:100%}
 .i9-cred-content{grid-template-columns:repeat(4,1fr);gap:16px}.i9-cred-label{display:none}.i9-cred-stat:first-of-type{border-left:0;padding-left:0}.i9-cred-stat{padding-left:11px}.i9-cred-arin{padding-left:15px}
 .i9-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.i9-plan-card{padding:29px 26px}.i9-plan-card.i9-plan-popular{padding:28px 25px}.i9-plan-specs li{font-size:12px}
 .i9-advantages-container{grid-template-columns:1fr;gap:35px}.i9-advantages-heading{max-width:650px}.i9-advantages-heading h2{font-size:44px}.i9-advantages-tiles{gap:16px}
 .i9-how-container{grid-template-columns:1fr;gap:35px}.i9-how-intro h2{font-size:40px}.i9-how-intro p{max-width:600px}
 .i9-faq-layout{gap:43px}.i9-usecases-head{gap:35px}.i9-usecase-graphic{height:174px}.i9-usecase-body{padding:21px 18px 24px}.i9-usecase-body p{font-size:10px}.i9-usecase-body h3{font-size:16px}
 .i9-footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:26px}.i9-footer-about{grid-column:1/-1;max-width:640px}.i9-footer-about>p{max-width:490px}
}
@media(max-width:767px){
 .i9-page-width{width:calc(100% - 40px)}.i9-nav-inner{height:72px;padding-inline:20px}.i9-nav-cta{display:none}.i9-nav-links{padding:15px 20px}.i9-brand-type{font-size:22px}.i9-brand-mark{height:38px;width:38px}.i9-signin{display:none}
 .i9-hero-grid{padding-top:60px;padding-bottom:35px}.i9-hero h1{font-size:52px;letter-spacing:-3.2px}.i9-hero-summary{font-size:14px}.i9-hero-kicker{font-size:9px;letter-spacing:1.4px}.i9-hero-facts{gap:11px}.i9-hero-art{min-height:440px}.i9-cloud-panel{max-width:90%;transform:rotate(-2deg) scale(.93)}.i9-orbit-ring-a{left:-50px;top:-20px}.i9-floating-availability{right:0;top:40px}.i9-floating-deploy{left:0;bottom:35px}.i9-hero-bottom{width:calc(100% - 40px)}.i9-hero-bottom>span{font-size:8px;letter-spacing:1px}
 .i9-cred-content{grid-template-columns:1fr 1fr;row-gap:28px;padding-top:32px;padding-bottom:34px}.i9-cred-stat:nth-child(2){border-left:0;padding-left:0}.i9-cred-stat:nth-child(3){border-left:1px solid #e8ebf2}.i9-cred-stat:nth-child(4){border-left:0;padding-left:0}.i9-cred-stat>span{font-size:10px}.i9-cred-arin{padding-left:13px}
 .i9-section{padding:80px 0}.i9-section-topline{margin-bottom:31px}.i9-section-topline>span:last-child{display:none}.i9-landing h2{font-size:38px;letter-spacing:-2px}
 .i9-plans-header{flex-direction:column;align-items:flex-start;gap:23px}.i9-plan-tabs{align-self:stretch;width:100%;display:grid;grid-template-columns:1fr 1fr}.i9-plan-tab{justify-content:center}
 .i9-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.i9-plan-card{padding:23px 19px}.i9-plan-card.i9-plan-popular{padding:22px 18px}.i9-plan-type{font-size:7px}.i9-plan-card h3{font-size:21px}.i9-plan-cost strong{font-size:35px}.i9-plan-footnote{flex-direction:column;align-items:flex-start;gap:9px}.i9-plan-other{margin-top:36px}
 .i9-advantages-section{padding:81px 0}.i9-advantages-heading h2{font-size:39px}.i9-advantages-tiles{gap:12px}.i9-adv-card{padding:23px 19px}.i9-adv-card h3{font-size:14px}
 .i9-usecases-head{display:block}.i9-usecases-head>p{max-width:520px;margin-top:15px}.i9-usecases-grid{grid-template-columns:1fr;gap:18px}.i9-usecase-card{display:grid;grid-template-columns:45% 55%}.i9-usecase-graphic{height:198px}.i9-usecase-body{display:flex;flex-direction:column;justify-content:center;padding:15px 20px}.i9-usecase-body h3{font-size:20px}.i9-usecase-body p{font-size:11px}.i9-usecase-arrow{bottom:16px}
 .i9-how-section{padding:79px 0}.i9-how-steps{gap:14px}.i9-faq-layout{grid-template-columns:1fr;gap:22px}.i9-faq-intro h2{margin-bottom:13px}.i9-faq-intro p{max-width:530px}.i9-faq-item p{max-width:100%}
 .i9-cta-inner{padding:71px 23px 78px}.i9-cta-inner h2{font-size:42px;letter-spacing:-2px}.i9-cta-circles{top:-100px}
 .i9-footer-top{padding-top:58px;grid-template-columns:1fr 1fr}.i9-footer-about{grid-column:1/-1}.i9-footer-column:last-child{grid-column:1/-1}.i9-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:520px){
 .i9-hero h1{font-size:clamp(36px,10.1vw,47px);letter-spacing:-2.5px}.i9-hero-summary{font-size:13px;line-height:1.85}.i9-hero-kicker{font-size:8px;letter-spacing:.9px;gap:8px}.i9-kicker-line{display:none}
 .i9-hero-actions{gap:8px}.i9-button{min-height:48px;padding:13px 14px;font-size:11px;gap:9px}
 .i9-hero-facts{gap:7px;font-size:9px}.i9-fact-icon svg{width:12px;height:12px}.i9-fact-separator{height:15px}.i9-hero-art{min-height:341px;max-width:100%}.i9-cloud-panel{position:absolute;left:50%;top:0;transform:translateX(-50%) scale(.69) rotate(-2deg);transform-origin:top center;min-width:440px;height:420px}.i9-floating-badge{padding:8px 10px;font-size:8px;gap:6px}.i9-floating-badge strong{font-size:10px}.i9-floating-availability{top:23px;right:-5px;transform:scale(.85) rotate(4deg);transform-origin:right top}.i9-floating-deploy{left:-6px;bottom:26px;transform:scale(.87) rotate(3deg);transform-origin:left bottom}.i9-floating-icon,.i9-deploy-check{height:28px;width:28px}
 .i9-cred-stat strong{font-size:24px}.i9-cred-stat{gap:6px}.i9-cred-stat>span{font-size:9px}.i9-cred-arin{font-size:13px}.i9-arin-icon{width:35px;height:35px}
 .i9-landing h2{font-size:34px}.i9-plans-header p{font-size:12px}.i9-section{padding:69px 0}.i9-plans-grid{grid-template-columns:1fr;gap:16px}.i9-plan-card,.i9-plan-card.i9-plan-popular{padding:26px 24px}.i9-plan-card h3{font-size:23px}.i9-plan-cost strong{font-size:40px}.i9-plan-specs{grid-template-columns:1fr 1fr;column-gap:9px;row-gap:17px}.i9-plan-specs li{font-size:10px;gap:7px}.i9-plan-specs .i9-spec-icon{width:14px;height:14px}.i9-plan-desc{margin-bottom:17px}.i9-plan-rule{margin:19px 0 15px}.i9-plan-button{min-height:48px}
 .i9-plan-other{flex-direction:column;gap:7px}.i9-advantages-heading h2{font-size:35px}.i9-advantages-tiles{grid-template-columns:1fr}.i9-adv-card{min-height:0;padding:23px}.i9-adv-card p{max-width:100%}.i9-adv-icon{margin-bottom:14px}.i9-adv-background-text{font-size:92px;bottom:-32px}
 .i9-usecases-head h2{font-size:33px}.i9-usecase-card{display:block}.i9-usecase-graphic{height:183px}.i9-usecase-body{min-height:160px}.i9-how-steps{grid-template-columns:1fr;gap:23px}.i9-how-step{display:grid;grid-template-columns:56px 1fr;gap:12px}.i9-how-step:not(:last-child):after{left:25px;top:51px;width:1px;height:calc(100% + 21px);background:linear-gradient(#b4bdfc,#d4dafa)}.i9-how-step .i9-step-icon{margin-bottom:8px}.i9-step-number{margin:0}.i9-how-step p{max-width:330px}.i9-how-intro h2{font-size:35px}
 .i9-faq-item summary{font-size:12px;padding:19px 1px}.i9-faq-item p{font-size:11px}.i9-cta-inner h2{font-size:35px;letter-spacing:-1.8px}.i9-cta-inner>p{font-size:12px}.i9-cta-eyebrow{font-size:8px;letter-spacing:1.1px}.i9-cta-corner{bottom:14px;font-size:8px}
 .i9-footer-top{gap:33px 18px}.i9-footer-column h3{font-size:11px}.i9-footer-column a{font-size:11px}.i9-support-float{right:15px;bottom:15px;padding:12px;min-width:44px;justify-content:center}.i9-support-float span{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.i9-landing *,.i9-theme *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Explicitly hide the Bootstrap dropdown before it is opened.
   This also ensures the standalone HTML preview works without Bootstrap CSS. */
.i9-nav-dropdown{position:relative}
.i9-nav-dropdown-menu{display:none;position:absolute;top:100%;left:0}
.i9-nav-dropdown.show>.i9-nav-dropdown-menu,
.i9-nav-dropdown-menu.show,
.i9-nav-dropdown-menu.is-open{display:block}
.i9-cloud-panel .i9-panel-heading h2{color:#fff}
/* Let narrow grid tracks actually shrink instead of expanding to min-content width. */
@media (max-width:767px) {
 .i9-hero-grid { grid-template-columns:minmax(0,1fr); }
 .i9-hero-copy, .i9-hero-art { min-width:0;max-width:100%;width:100%; }
}
@media (max-width:520px) {
 .i9-hero h1 {white-space:normal;font-size:clamp(34px,9.3vw,43px);letter-spacing:-2.3px;line-height:1.18}
 .i9-gradient-words {white-space:normal;}
 .i9-hero-kicker {justify-content:center;text-align:center}
 .i9-hero-art {width:100%;max-width:100%;}
 .i9-hero-facts {flex-wrap:wrap;justify-content:center;}
}

/* Logged-in client dashboard: real WHMCS stats and original panel hooks are retained. */
.i9-client-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 39px;margin-bottom:28px;border-radius:18px;background:radial-gradient(circle at 100% 0%,#8b7be777,transparent 41%),linear-gradient(117deg,#172444,#212c65 65%,#535aca);color:white;box-shadow:0 17px 32px #27335e20}
.i9-client-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#aab8ff;margin-bottom:13px}.i9-client-eyebrow span{background:#6aefc3;border-radius:50%;height:7px;width:7px}
.i9-client-welcome h1{font:800 clamp(25px,3.0vw,33px)/1.25 var(--i9-heading);letter-spacing:-1.5px;color:white;margin:0 0 7px}.i9-client-welcome h1 span{color:#acb1ff}
.i9-client-welcome p{font-size:12px;color:#c2cbe3;line-height:1.65;margin:0}
.i9-client-welcome-actions{display:flex;align-items:center;gap:9px;flex:none}
.i9-client-welcome-actions a{padding:12px 15px;border-radius:9px;font-size:11px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.i9-client-action-primary{background:#fff;color:#3e4cce!important}.i9-client-action-primary:hover{background:#eef0ff;transform:translateY(-2px)}
.i9-client-action-secondary{border:1px solid #ffffff66;color:white!important}.i9-client-action-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}
body.i9-theme .tiles .tile{border:1px solid #e7eaf5;background:#fff;border-radius:13px;margin:0 8px 12px 0;box-shadow:0 7px 25px #2a39750c;overflow:hidden;transition:transform .2s,box-shadow .2s}
body.i9-theme .tiles .tile:hover{transform:translateY(-3px);box-shadow:0 12px 29px #2a39751e}
body.i9-theme .tiles .tile .stat{font-family:var(--i9-heading);font-weight:800;color:#17223a}
body.i9-theme .tiles .tile .title{font-size:12px;color:#7e889b;font-weight:700}
body.i9-theme .client-home-cards .card{border-radius:14px;overflow:hidden;border:1px solid #e5eaf5;box-shadow:0 7px 25px #27355b0e}
body.i9-theme .client-home-cards .card-header{background:#f9faff;border-bottom:1px solid #e8ecf7}
body.i9-theme .client-home-cards .card-header h3{font-size:15px;font-weight:800;color:#273452}
body.i9-theme .client-home-cards .list-group-item{border-color:#edf0f7;font-size:12px}
body.i9-theme .client-home-cards .list-group-item:hover{background:#f6f7ff}
body.i9-theme .i9-footer-social{display:flex;gap:7px;padding:0;align-items:center;list-style:none}
body.i9-theme .i9-footer-social .btn{color:#adb9d2!important;background:#222d48;border-radius:8px;padding:6px 9px}
body.i9-theme .i9-footer-social .btn:hover{background:#34436f;color:#fff!important}

/* Login form brand treatment while keeping WHMCS authentication & CAPTCHA intact. */
body.i9-login-page #main-body{background:radial-gradient(ellipse 36% 42% at 18% 15%,#e7eaff,transparent),radial-gradient(ellipse 38% 40% at 82% 30%,#edf0ff,transparent),#fbfcff;padding-top:68px!important;padding-bottom:95px!important}
.i9-login-intro{text-align:center;margin-bottom:31px}
.i9-login-intro h1{font:800 clamp(32px,3.7vw,45px)/1.2 var(--i9-heading);letter-spacing:-2px;color:#161f3a;margin:0 0 10px}
.i9-login-intro h1 span{color:#6775ed}
.i9-login-intro>p{font-size:13px;color:#7d8ba2;margin:0}
body.i9-login-page .login-form .card{border-radius:18px;border:1px solid #e9ebf5;box-shadow:0 21px 65px #23366a1a;overflow:hidden}
body.i9-login-page .login-form .card-body{background:#fff}
body.i9-login-page .login-form h6{font-family:var(--i9-heading);font-weight:800;letter-spacing:-.8px}
body.i9-login-page .login-form .card-footer{background:#f7f9ff;border-top:1px solid #e9edf7}
@media(max-width:900px){.i9-client-welcome{padding:27px;align-items:flex-start;flex-direction:column}.i9-client-welcome-actions{width:100%}}
@media(max-width:520px){.i9-client-welcome-actions{flex-wrap:wrap}.i9-client-welcome-actions a{flex:1;text-align:center}.i9-client-welcome{padding:25px 22px}.i9-client-welcome h1{font-size:25px}.i9-client-welcome p{font-size:11px}}