html{color-scheme:light!important;background:#fff!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#0b1630;background:#fff}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eff8;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.logo{font-size:24px;font-weight:900;letter-spacing:-1.5px}.logo span{color:#087cff;text-shadow:0 0 18px rgba(0,124,255,.35)}nav{display:flex;gap:28px;font-size:14px;font-weight:650;color:#516078}nav a:hover,nav a.active{color:#087cff}.header-actions{display:flex;gap:16px;align-items:center}.login{font-weight:700;color:#263651}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:0;border-radius:11px;background:linear-gradient(135deg,#0078ff,#16b8ff);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(0,126,255,.22);cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,126,255,.3)}.btn.small{padding:10px 16px}.btn.ghost{background:#fff;color:#087cff;border:1px solid #cfe4ff;box-shadow:none}.btn.full{width:100%}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:650px;padding:85px 7%;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:radial-gradient(circle at 78% 45%,rgba(0,135,255,.13),transparent 35%),linear-gradient(180deg,#fff,#f7fbff)}.badge,.eyebrow{color:#087cff;font-size:12px;font-weight:900;letter-spacing:1.8px}.badge{display:inline-block;padding:9px 13px;border:1px solid #cfe5ff;border-radius:999px;background:#f4faff}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:22px 0}.hero h1 span{color:#087cff;text-shadow:0 0 30px rgba(0,126,255,.18)}.hero p{font-size:18px;line-height:1.7;color:#60708a;max-width:620px}.hero-buttons{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:22px;color:#5d6c83;font-size:13px;font-weight:700}.hero-card{position:relative;padding:18px;border:1px solid #dceafa;border-radius:24px;background:rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(21,87,145,.13);overflow:hidden}.glow{position:absolute;width:230px;height:230px;background:#008cff;filter:blur(80px);opacity:.18;right:-40px;top:-50px}.server-top{display:flex;gap:6px;padding:4px}.server-top span{width:9px;height:9px;border-radius:50%;background:#c8d8ea}.server-screen{margin-top:14px;border-radius:17px;background:#07162c;color:#fff;padding:32px;min-height:350px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 45px rgba(0,126,255,.2)}.server-screen small{color:#55baff;letter-spacing:2px}.server-screen strong{font-size:35px;margin:16px 0}.progress{height:8px;background:#183454;border-radius:20px;overflow:hidden}.progress i{display:block;width:87%;height:100%;background:linear-gradient(90deg,#087cff,#46d8ff);box-shadow:0 0 15px #159dff}.stats{display:flex;justify-content:space-between;margin-top:30px}.stats b{font-size:20px}.stats small{display:block;color:#91a6c1;font-size:11px;margin-top:5px}.domain-search{margin:0 7%;padding:35px 42px;border-radius:22px;background:#07162c;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:15px;align-items:center;box-shadow:0 20px 55px rgba(0,89,170,.18)}.domain-search h2{margin:8px 0;font-size:28px}.domain-search p{color:#9db0c9}.domain-search form{display:flex;gap:10px}.domain-search input,.big-search input,.form input,.form textarea,.form select{width:100%;padding:15px;border:1px solid #d7e2ef;border-radius:11px;outline:none;background:#fff;font:inherit}.domain-search input{border:0}.search-result{grid-column:1/-1;display:none;margin-top:4px;padding:13px 16px;border:1px solid #cfe5ff;border-radius:12px;background:#f4faff;color:#33445d;font-size:14px;font-weight:700;line-height:1.45;box-shadow:0 6px 20px rgba(0,126,255,.07)}.search-result strong{color:#087cff}.search-result span{color:#687991;font-weight:600}.search-result.show{display:block}.section{padding:100px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section h2{font-size:40px;letter-spacing:-1.8px;margin:8px 0}.text-link{color:#087cff;font-weight:800}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e1eaf4;border-radius:20px;padding:28px;box-shadow:0 15px 45px rgba(30,78,120,.07);position:relative}.card.featured{border-color:#9ed3ff;box-shadow:0 20px 60px rgba(0,126,255,.15)}.popular{position:absolute;right:18px;top:18px;font-size:10px;color:#087cff;font-weight:900;background:#e9f5ff;padding:7px 9px;border-radius:99px}.plan{font-size:11px;letter-spacing:1.7px;color:#087cff;font-weight:900}.card h3{font-size:26px;margin:10px 0}.price{font-size:28px;font-weight:900;margin:16px 0}.price small,.mini p small{font-size:12px;color:#6b7a90}.card>p:not(.price){color:#6b7a90;line-height:1.6}.card ul{padding:0;list-style:none;line-height:2.25;color:#43546c}.card li:before{content:'✓';color:#087cff;font-weight:900;margin-right:9px}.features{padding:80px 7%;background:#f6faff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:24px;border:1px solid #e0ebf7;background:#fff;border-radius:17px}.feature>b{font-size:24px;color:#087cff}.feature p{color:#66768d;line-height:1.6}.cta{margin:70px 7%;padding:45px 50px;border-radius:24px;background:linear-gradient(120deg,#07162c,#0c2d50);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 25px 60px rgba(0,65,130,.18)}.cta h2{font-size:35px;margin:8px 0}.cta p{color:#a8bad0}.page-hero{padding:100px 7% 75px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,126,255,.13),transparent 45%),#f8fbff}.page-hero h1{font-size:clamp(42px,5vw,64px);letter-spacing:-3px;margin:15px 0}.page-hero p{color:#66768d;font-size:17px}.big-search{max-width:720px;margin:35px auto 0;display:flex;gap:10px}.mini{text-align:center}.mini h3{font-size:32px}.contact-grid,.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;max-width:1100px;margin:auto}.form{display:flex;flex-direction:column;gap:14px}.form h2{margin-top:0}.contact-info{display:grid;gap:15px}.auth-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:40px;background:#f7fbff}.auth{width:min(440px,100%)}.auth h1{font-size:38px;margin:10px 0}.auth form{display:grid;gap:14px;margin-top:25px}.auth label{font-size:13px;color:#66768d}.auth-links{display:flex;justify-content:space-between;margin-top:18px;font-size:13px;color:#087cff}.checkout{padding:80px 0}.summary{height:max-content}.summary-total{font-size:34px;font-weight:900;margin:25px 0}footer{padding:55px 7%;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;border-top:1px solid #e7eef6;background:#fbfdff}footer h4{margin-top:0}footer a:not(.logo){display:block;color:#66768d;margin:11px 0;font-size:14px}footer p{color:#738198;max-width:300px;line-height:1.6}@media(max-width:900px){nav{display:none}.menu{display:block}.header-actions .btn{display:none}.header{padding:0 5%}nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:#fff;padding:22px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.08)}.hero{grid-template-columns:1fr;padding:65px 6%}.domain-search{grid-template-columns:1fr;margin:0 5%}.cards.three,.feature-grid,.cards.four,.contact-grid,.checkout{grid-template-columns:1fr}.section{padding:70px 6%}.cta{margin:50px 5%;padding:35px;flex-direction:column;align-items:flex-start;gap:25px}footer{grid-template-columns:1fr 1fr;padding:45px 6%}.big-search{flex-direction:column}.hero h1{letter-spacing:-2.5px}.trust{flex-wrap:wrap}}@media(max-width:520px){.hero{padding-top:45px}.hero-buttons{flex-direction:column}.hero-card{margin-top:10px}.domain-search{padding:28px 22px}.domain-search form{flex-direction:column}.section h2{font-size:32px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:10px}.stats{gap:12px}.stats b{font-size:16px}footer{grid-template-columns:1fr}.cta h2{font-size:28px}}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f1f6fb;padding:5px;border-radius:12px;margin:24px 0 18px}.tab{border:0;background:transparent;padding:11px;border-radius:9px;font-weight:800;color:#62738a;cursor:pointer}.tab.active{background:#fff;color:#087cff;box-shadow:0 3px 12px rgba(20,80,130,.08)}.form-result{color:#087cff;font-size:13px;font-weight:700;line-height:1.5}.muted{color:#66768d}.dashboard{min-height:70vh}.dashboard h1{font-size:48px;letter-spacing:-2px;margin:8px 0}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.dash-card{background:#fff;border:1px solid #e0eaf4;border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(30,78,120,.07)}.dash-card>span{font-size:26px}.dash-card h3{margin:14px 0 8px}.dash-card p{color:#697991;min-height:42px}.dash-card a{color:#087cff;font-weight:800;font-size:14px}.notice{margin-top:28px;padding:22px;border:1px solid #cfe4ff;background:#f5faff;border-radius:16px}.notice p{color:#64748a;line-height:1.6;margin-bottom:0}@media(max-width:900px){.dash-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.dashboard h1{font-size:38px}.dash-grid{grid-template-columns:1fr}}
/* ZinkHost Client Portal */
.client-body{background:#f6f9fd}.client-header{background:#fff}.client-top{display:flex;align-items:center;gap:22px;font-weight:800}.user-pill{border:1px solid #d8e5f2;background:#fff;border-radius:10px;padding:9px 15px;font-weight:800;color:#253650;cursor:pointer}.client-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 78px);max-width:1500px;margin:auto}.client-sidebar{background:#fff;border-right:1px solid #e3ebf4;padding:28px 18px;display:flex;flex-direction:column}.client-profile{display:flex;gap:12px;align-items:center;padding:8px 8px 25px;border-bottom:1px solid #edf2f7}.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#087cff,#20c8ff);color:#fff;font-weight:900;font-size:18px;box-shadow:0 8px 22px rgba(0,126,255,.2)}.client-profile strong,.client-profile small{display:block}.client-profile small{color:#8290a3;margin-top:3px;font-size:11px}.client-nav{display:grid;gap:6px;margin-top:22px}.client-nav a{padding:12px 13px;border-radius:10px;color:#5d6d83;font-weight:750;display:flex;gap:12px;align-items:center}.client-nav a:hover,.client-nav a.selected{color:#087cff;background:#edf7ff}.side-help{margin-top:auto;padding:18px;border-radius:14px;background:#f3f9ff;border:1px solid #dceeff}.side-help b{font-size:14px}.side-help p{font-size:12px;line-height:1.5;color:#728198}.side-help a{font-size:12px;color:#087cff;font-weight:800}.client-content{padding:42px 4.5%;min-width:0}.client-welcome{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.client-welcome h1{font-size:40px;letter-spacing:-1.8px;margin:7px 0}.client-welcome h1 span{color:#087cff}.client-welcome p{color:#718097;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:#fff;border:1px solid #e0e9f3;border-radius:16px;padding:20px;display:flex;gap:15px;box-shadow:0 8px 28px rgba(35,78,120,.05)}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:900}.metric-icon.blue{background:#eaf5ff;color:#087cff}.metric-icon.cyan{background:#e8fbff;color:#00a8d8}.metric-icon.purple{background:#f2edff;color:#7b4dff}.metric-icon.green{background:#e9fbf2;color:#10a66a}.metric small{display:block;color:#718097;font-weight:700;font-size:11px}.metric strong{display:block;font-size:23px;margin-top:3px}.metric em{display:block;font-style:normal;font-size:10px;color:#96a2b2;margin-top:3px}.active-text{color:#10a66a!important;font-size:18px!important;margin-top:8px!important}.dash-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:23px;box-shadow:0 8px 28px rgba(35,78,120,.045)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2{font-size:22px;margin:5px 0}.panel-head>a{color:#087cff;font-size:12px;font-weight:800}.empty-service{text-align:center;padding:38px 20px 28px;border:1px dashed #d7e4f0;border-radius:14px;background:#fbfdff}.empty-service.compact{padding:28px 15px}.empty-icon{width:54px;height:54px;border-radius:16px;margin:auto;display:grid;place-items:center;background:#eef7ff;color:#087cff;font-size:25px}.empty-service h3{margin:13px 0 5px}.empty-service p{color:#78869a;font-size:13px;margin:0 auto 18px;max-width:390px;line-height:1.5}.empty-service .btn{font-size:12px;padding:10px 16px}.lower{margin-bottom:18px}.empty-row{display:flex;align-items:center;gap:15px;padding:15px 5px}.empty-row>span{width:42px;height:42px;border-radius:12px;background:#f0f7ff;color:#087cff;display:grid;place-items:center}.empty-row p{color:#8793a4;font-size:12px;margin:5px 0 0}.support-box{display:flex;gap:14px;align-items:center;background:#f5faff;border:1px solid #dceeff;border-radius:14px;padding:18px}.support-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#087cff;color:#fff;font-weight:900}.support-box strong{font-size:14px}.support-box p{color:#7b889b;font-size:12px;margin:4px 0 7px}.support-box a{color:#087cff;font-size:12px;font-weight:800}.portal-note{display:flex;gap:15px;align-items:flex-start;padding:19px 21px;border:1px solid #cfe5ff;background:linear-gradient(100deg,#f2f9ff,#fff);border-radius:16px}.note-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f5ff;color:#087cff}.portal-note strong{font-size:14px}.portal-note p{font-size:12px;color:#718097;line-height:1.5;margin:5px 0 0}.client-header .logo{margin-left:2px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.client-shell{grid-template-columns:210px 1fr}.dash-columns{grid-template-columns:1fr}}
@media(max-width:700px){.client-shell{display:block}.client-sidebar{display:none}.client-content{padding:30px 5%}.client-welcome{align-items:flex-start;flex-direction:column}.client-welcome h1{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.client-top{gap:10px;font-size:13px}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric{padding:17px}.panel{padding:18px}.client-welcome h1{font-size:30px}}
.portal-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(0,126,255,.13),transparent 40%),#f5f9fd}.portal-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:40px 18px}.portal-card{width:min(470px,100%);background:#fff;border:1px solid #dfe8f2;border-radius:22px;padding:36px;box-shadow:0 25px 80px rgba(26,79,125,.12)}.portal-brand{font-size:24px;font-weight:900;margin-bottom:30px}.portal-brand span{color:#087cff}.portal-card h1{font-size:35px;margin:8px 0}.portal-card>p{color:#718097;line-height:1.5}.portal-form{display:grid;gap:14px;margin-top:20px}.portal-form label{font-size:12px;font-weight:800;color:#4d5e75}.portal-form input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #d5e1ed;border-radius:11px;font:inherit}.portal-security{text-align:center;margin-top:22px;padding-top:16px;border-top:1px solid #edf1f5;color:#8a97a8;font-size:11px}.domain-table{border:1px solid #dfe8f2;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(30,78,120,.06)}.domain-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.1fr;align-items:center;gap:15px;padding:18px 22px;border-bottom:1px solid #edf2f7}.domain-row:last-child{border-bottom:0}.domain-row strong{font-size:20px;color:#087cff}.domain-row span{color:#5e6d82;font-size:14px;font-weight:650}.domain-head{background:#f4f8fc;color:#718097;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.domain-head span{color:#718097}@media(max-width:800px){.domain-row{grid-template-columns:1fr 1fr}.domain-head{display:none}}@media(max-width:500px){.portal-card{padding:26px 20px}.domain-row{grid-template-columns:1fr}.domain-row .btn{width:100%}}
/* ZinkHost centered header */
.tick-header{height:78px;position:sticky;top:0;z-index:100;padding:0 5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e5edf5}.centered-logo{justify-self:center;font-size:26px;line-height:1;white-space:nowrap}.centered-logo span{color:#087cff;text-shadow:0 0 18px rgba(0,126,255,.28)}.header-menu{justify-self:start;width:42px;height:42px;border:1px solid #dce7f2;background:#fff;border-radius:11px;color:#18314f;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 18px rgba(31,78,120,.06)}.header-menu:hover{color:#087cff;border-color:#b9dcff;box-shadow:0 7px 22px rgba(0,126,255,.12)}.header-right{justify-self:end;display:flex;align-items:center;gap:18px}.header-link{font-size:14px;font-weight:800;color:#30435d}.header-link:hover{color:#087cff}.signup-link{padding:10px 15px;border:1px solid #cfe3f7;border-radius:10px;color:#087cff;background:#f7fbff}.cart-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#087cff,#19bfff);color:#fff;font-size:19px;box-shadow:0 9px 22px rgba(0,126,255,.22)}.cart-icon:hover{transform:translateY(-1px)}.cart-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#0a1730;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900}.tick-header .login-link{display:block}.tick-header .signup-link{display:block}.tick-header + .client-shell{}.tick-header + main{}.tick-header + .hero{}
@media(max-width:650px){.tick-header{padding:0 4%;grid-template-columns:42px auto 1fr}.centered-logo{font-size:23px}.header-right{gap:7px}.header-link{font-size:12px}.signup-link{padding:8px 10px}.cart-icon{width:40px;height:40px}.login-link{display:block}.header-menu{width:40px;height:40px}}
@media(max-width:390px){.header-right{gap:5px}.login-link{font-size:11px}.signup-link{padding:8px 7px}.centered-logo{font-size:21px}}
.mobile-drawer{position:fixed;top:78px;left:18px;z-index:99;width:220px;padding:10px;background:#fff;border:1px solid #dce8f3;border-radius:14px;box-shadow:0 20px 45px rgba(20,65,110,.16);display:none}.mobile-drawer.show{display:grid}.mobile-drawer a{padding:12px 13px;border-radius:9px;color:#44556c;font-weight:750}.mobile-drawer a:hover{background:#eef7ff;color:#087cff}
/* ZinkHost V7 — professional mobile/desktop header */
.tick-header{height:76px!important;padding:0 5%!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e8eef5!important;box-shadow:0 2px 18px rgba(20,55,90,.04)!important;position:sticky!important;top:0!important;z-index:1000!important}
.centered-logo{justify-self:center!important;font-size:25px!important;letter-spacing:-1.5px!important;font-weight:900!important}
.centered-logo span{color:#087cff!important;text-shadow:0 0 16px rgba(0,126,255,.18)!important}
.header-menu{justify-self:start!important;width:40px!important;height:40px!important;border:1px solid #d9e3ed!important;background:#fff!important;border-radius:10px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;box-shadow:none!important}
.header-menu span{display:block!important;width:19px!important;height:2px!important;background:#15263d!important;border-radius:4px!important}
.header-menu:hover{border-color:#a9d5ff!important;background:#f6fbff!important}
.header-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:14px!important}
.header-action{height:40px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:#20334d!important;font-size:14px!important;font-weight:750!important;white-space:nowrap!important}
.header-action:hover{color:#087cff!important}
.action-icon{font-size:18px!important;line-height:1!important}
.signup-action{padding:0 13px!important;border:1px solid #d6e4f1!important;border-radius:9px!important;background:#fff!important}
.signup-action:hover{border-color:#a9d5ff!important;background:#f5faff!important}
.cart-button{position:relative!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#087cff!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,126,255,.2)!important}
.cart-button svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.cart-count{position:absolute!important;right:-6px!important;top:-6px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:99px!important;background:#0b1930!important;color:#fff!important;border:2px solid #fff!important;font-size:9px!important;line-height:1!important}
@media(max-width:650px){
.tick-header{height:72px!important;padding:0 18px!important;grid-template-columns:42px auto 1fr!important}
.centered-logo{font-size:22px!important}
.header-right{gap:7px!important}
.header-action{font-size:12px!important;height:38px!important}
.action-icon{display:none!important}
.signup-action{padding:0 8px!important}
.cart-button{width:38px!important;height:38px!important}
.cart-button svg{width:20px!important;height:20px!important}
}
@media(max-width:390px){
.tick-header{padding:0 12px!important}
.header-right{gap:5px!important}
.header-action{font-size:11px!important}
.signup-action{padding:0 6px!important}
.centered-logo{font-size:20px!important}
.header-menu{width:38px!important;height:38px!important}
.cart-button{width:36px!important;height:36px!important}
}
/* V8 light-mode protection */
body,.header,.hero,.section,.page-hero,.features,.auth-wrap,.checkout,.client-body,.portal-page{background-color:#fff!important;color:#0b1630!important}
.hero{background:radial-gradient(circle at 78% 45%,rgba(0,135,255,.12),transparent 35%),linear-gradient(180deg,#fff,#f7fbff)!important}
.page-hero{background:radial-gradient(circle at 50% 0,rgba(0,126,255,.12),transparent 45%),#f8fbff!important}
.header-menu{background:#fff!important;border:1px solid #d9e3ed!important}
.header-menu span{background:#15263d!important;width:20px!important;height:2.5px!important;display:block!important}
.cart-button{width:40px!important;height:40px!important;background:#087cff!important;display:grid!important;place-items:center!important}
.cart-button svg{width:20px!important;height:20px!important;display:block!important}
.cart-count{font-size:9px!important;display:grid!important}
@media(max-width:650px){
.tick-header{height:72px!important;background:#fff!important}
.header-menu{width:40px!important;height:40px!important}
.centered-logo{font-size:22px!important}
.header-right{gap:8px!important}
.header-action{color:#20334d!important}
.signup-action{color:#087cff!important}
.cart-button{width:38px!important;height:38px!important}
}
/* ZinkHost V9 — premium neon footer + legal pages */
.premium-footer{position:relative;overflow:hidden;background:#061225!important;color:#dcecff!important;padding:68px 7% 0!important;border-top:1px solid #123c66!important;box-shadow:0 -15px 60px rgba(0,126,255,.08)!important}
.footer-glow{position:absolute;width:420px;height:260px;left:50%;top:-170px;transform:translateX(-50%);background:#008cff;filter:blur(100px);opacity:.22;pointer-events:none}
.footer-top{position:relative;z-index:1;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.25fr;gap:45px;padding-bottom:48px}
.premium-footer .logo{color:#fff!important}.premium-footer .logo span{color:#25a8ff!important;text-shadow:0 0 20px rgba(0,159,255,.55)!important}
.footer-brand p{max-width:360px;color:#8ea8c4!important;line-height:1.65;margin:17px 0}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px}.footer-badges span{padding:8px 10px;border:1px solid #16456f;border-radius:99px;background:rgba(10,45,75,.55);color:#9edbff;font-size:10px;font-weight:800}
.footer-col h4{color:#fff;margin:0 0 17px;font-size:14px}.premium-footer .footer-col a{display:block!important;color:#8fa7c0!important;margin:11px 0!important;font-size:13px!important;transition:.2s}.premium-footer .footer-col a:hover{color:#28b5ff!important;text-shadow:0 0 12px rgba(0,170,255,.4)}
.footer-bottom{position:relative;z-index:1;border-top:1px solid #163756;padding:19px 0;display:flex;justify-content:space-between;gap:20px;color:#6f8ba7;font-size:11px}
.legal-hero{padding:85px 7% 65px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,126,255,.15),transparent 48%),#f7fbff!important;border-bottom:1px solid #e5eef7}
.legal-hero h1{font-size:clamp(40px,5vw,62px);letter-spacing:-2.8px;margin:13px 0}.legal-hero p{max-width:720px;margin:auto;color:#6c7b90;line-height:1.7}
.legal-content{max-width:980px;margin:auto;padding:65px 6% 90px;background:#fff}
.legal-card{position:relative;padding:25px 27px;margin-bottom:15px;border:1px solid #dfebf5;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(27,79,120,.045);overflow:hidden}
.legal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#087cff,#27c7ff);box-shadow:0 0 16px rgba(0,140,255,.5)}
.legal-card h2{font-size:19px;margin:0 0 9px;color:#0c1c35}.legal-card p{margin:0;color:#66768d;line-height:1.75;font-size:14px}
@media(max-width:900px){.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-top .footer-col:last-child{grid-column:2}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.premium-footer{padding:50px 6% 0!important}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-top .footer-col:last-child{grid-column:auto}.footer-bottom{display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;gap:6px!important;text-align:center!important}.footer-bottom span{display:block;margin:0}.legal-content{padding:40px 5% 60px}.legal-card{padding:21px 22px}}
/* ZinkHost V10 hosting page */
.hosting-hero{padding:85px 7% 65px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,126,255,.14),transparent 48%),#f7fbff!important;border-bottom:1px solid #e5eef7}.hosting-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-3.5px;margin:12px 0}.hosting-hero h1 span{color:#087cff;text-shadow:0 0 24px rgba(0,126,255,.16)}.hosting-hero p{max-width:650px;margin:auto;color:#6e7d92;font-size:17px;line-height:1.65}.hosting-plans{padding-top:50px!important}.hosting-tabs{max-width:720px;margin:0 auto 48px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:7px;border:1px solid #dbe7f2;background:#f3f8fc;border-radius:17px}.hosting-tab{border:0;background:transparent;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:#68788e}.hosting-tab strong,.hosting-tab small{display:block}.hosting-tab strong{font-size:14px;color:#35465e}.hosting-tab small{font-size:10px;margin-top:3px}.hosting-tab.active{background:#fff;box-shadow:0 8px 25px rgba(25,76,120,.1);color:#087cff}.hosting-tab.active strong{color:#087cff}.tab-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f5ff;color:#087cff;font-weight:900;font-size:17px}.plan-panel{display:none}.plan-panel.active{display:block}.plan-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.plan-heading h2{font-size:34px;letter-spacing:-1.4px;margin:6px 0}.plan-note{font-size:11px;color:#087cff;border:1px solid #cce6ff;background:#f3faff;padding:9px 12px;border-radius:99px;font-weight:800}.hosting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hosting-card{position:relative;background:#fff;border:1px solid #dce7f1;border-radius:20px;padding:27px;box-shadow:0 12px 35px rgba(25,77,120,.06);overflow:hidden}.hosting-card.featured{border-color:#9fd4ff;box-shadow:0 18px 50px rgba(0,126,255,.13),0 0 35px rgba(0,165,255,.07)}.card-glow{position:absolute;top:-100px;right:-90px;width:220px;height:180px;background:#08aaff;filter:blur(75px);opacity:.16}.card-top{position:relative;display:flex;justify-content:space-between;gap:8px}.plan-label{font-size:10px;color:#087cff;font-weight:900;letter-spacing:1.5px}.hosting-card h3{font-size:24px;margin:7px 0 0}.popular-tag{height:max-content;padding:6px 9px;border-radius:99px;background:#edf7ff;color:#087cff;font-size:9px;font-weight:900}.price{margin:24px 0 20px}.price b{font-size:43px;letter-spacing:-2px;color:#0b1730}.price span{font-size:13px;color:#718097}.price small{display:block;margin-top:3px;color:#087cff;font-weight:800}.hosting-card ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #e8eff5}.hosting-card li{position:relative;padding:7px 0 7px 23px;color:#596a80;font-size:13px}.hosting-card li:before{content:"✓";position:absolute;left:0;color:#087cff;font-weight:900;text-shadow:0 0 10px rgba(0,126,255,.35)}.shared-coming{max-width:700px;margin:10px auto 30px;text-align:center;padding:65px 25px;border:1px dashed #b9d9f2;border-radius:20px;background:linear-gradient(135deg,#fbfdff,#f3faff)}.coming-icon{width:60px;height:60px;margin:0 auto 18px;border-radius:17px;display:grid;place-items:center;background:#087cff;color:#fff;font-size:25px;font-weight:900;box-shadow:0 0 28px rgba(0,126,255,.28)}.shared-coming h2{font-size:31px;margin:8px 0}.shared-coming p{color:#748398;line-height:1.6}.coming-line{width:100px;height:2px;background:linear-gradient(90deg,transparent,#087cff,transparent);margin:24px auto 13px}.shared-coming>span{font-size:11px;color:#087cff;font-weight:900;letter-spacing:1px}.hosting-benefits{background:#061225!important;border-top:1px solid #123c66;border-bottom:1px solid #123c66;box-shadow:0 0 45px rgba(0,126,255,.08)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:30px 0}.benefit-grid>div{padding:16px;border:1px solid #153d63;border-radius:13px;background:rgba(7,27,48,.7);box-shadow:inset 0 0 25px rgba(0,126,255,.035)}.benefit-grid b,.benefit-grid span{display:block}.benefit-grid b{color:#dceeff;font-size:13px}.benefit-grid span{color:#7691ac;font-size:10px;margin-top:4px}@media(max-width:900px){.hosting-grid{grid-template-columns:1fr 1fr}.hosting-card:last-child{grid-column:1/-1;max-width:500px;width:100%;margin:auto}.plan-heading{align-items:start;flex-direction:column}.benefit-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hosting-hero{padding:65px 5% 50px}.hosting-hero h1{letter-spacing:-2.2px}.hosting-hero p{font-size:15px}.hosting-tabs{grid-template-columns:1fr;margin-bottom:35px}.hosting-grid{grid-template-columns:1fr}.hosting-card:last-child{grid-column:auto;max-width:none}.plan-heading h2{font-size:28px}.benefit-grid{grid-template-columns:1fr 1fr;padding:25px 0}.hosting-tab{padding:13px}}
/* ZinkHost V11 — homepage inspired by the supplied mobile reference, with white + neon blue */
.home-domain-bar{padding:14px 5%;background:#fff;border-bottom:1px solid #e7eef5}.home-domain-bar form{max-width:900px;margin:auto;display:flex;gap:0;padding:4px;border:1px solid #dbe5ee;border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(0,126,255,.06)}.home-domain-bar input{flex:1;border:0;outline:0;padding:14px 18px;font-size:16px;color:#14233b;border-radius:14px}.domain-search-btn{border:0;border-radius:14px;padding:0 25px;background:linear-gradient(135deg,#087cff,#1bc6ff);color:#fff;font-weight:900;font-size:14px;box-shadow:0 8px 24px rgba(0,126,255,.24);cursor:pointer}.domain-search-btn span{font-size:20px;vertical-align:-2px;margin-right:5px}.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(0,156,255,.16),transparent 27%),radial-gradient(circle at 10% 80%,rgba(0,126,255,.07),transparent 30%),linear-gradient(180deg,#fff,#f6fbff)!important}.home-hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-180px;border:1px solid rgba(0,140,255,.15);border-radius:50%;box-shadow:0 0 80px rgba(0,140,255,.1);pointer-events:none}.home-hero-inner{max-width:1200px;margin:auto;min-height:590px;padding:75px 5%;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px}.home-hero-copy{position:relative;z-index:2}.neon-badge{display:inline-flex;padding:9px 16px;border:1px solid #bfe2ff;border-radius:99px;background:rgba(239,249,255,.9);color:#087cff;font-weight:900;font-size:12px;letter-spacing:.5px;box-shadow:0 0 24px rgba(0,150,255,.1)}.home-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-3.8px;margin:20px 0 22px;color:#0a1730}.home-hero h1 span{color:#087cff;text-shadow:0 0 24px rgba(0,126,255,.18)}.home-hero-copy>p{font-size:17px;line-height:1.7;color:#687990;max-width:660px}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:27px;color:#66778d;font-size:12px;font-weight:800}.hero-trust span:before{color:#087cff}.hero-orbit{height:390px;position:relative;display:grid;place-items:center}.orbit-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#00a8ff;filter:blur(80px);opacity:.16}.server-visual{position:relative;z-index:3;width:230px;height:250px;border:1px solid #a8d9ff;border-radius:25px;background:linear-gradient(145deg,#fff,#edf8ff);box-shadow:0 20px 65px rgba(0,126,255,.18),inset 0 0 40px rgba(0,155,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center}.server-visual:before,.server-visual:after{content:"";position:absolute;left:25px;right:25px;height:1px;background:#b9dfff;box-shadow:0 0 12px #56bfff}.server-visual:before{top:70px}.server-visual:after{bottom:70px}.server-light{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#087cff,#20cfff);box-shadow:0 0 40px rgba(0,151,255,.45);margin-bottom:18px}.server-lines{display:flex;gap:6px}.server-lines i{display:block;width:23px;height:3px;border-radius:9px;background:#087cff;box-shadow:0 0 8px rgba(0,126,255,.4)}.server-visual strong{margin-top:18px;font-size:15px;color:#10203a}.server-visual small{color:#087cff;font-weight:900;font-size:8px;letter-spacing:2px;margin-top:4px}.orbit-ring{position:absolute;width:340px;height:210px;border:1px solid rgba(0,126,255,.2);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 35px rgba(0,126,255,.08)}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#087cff;box-shadow:0 0 18px #087cff;z-index:4}.orbit-dot.one{top:70px;right:90px}.orbit-dot.two{bottom:70px;left:95px}.center-heading{text-align:center;max-width:760px;margin:0 auto 38px}.center-heading h2{font-size:clamp(32px,4vw,47px);letter-spacing:-2px;margin:8px 0 10px}.center-heading p{color:#718096;line-height:1.65}.home-plans{padding-top:80px!important;padding-bottom:85px!important}.home-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-plan-card{position:relative;padding:27px;border:1px solid #dce8f2;border-radius:21px;background:#fff;box-shadow:0 14px 42px rgba(30,80,125,.06);overflow:hidden}.home-plan-card:after{content:"";position:absolute;width:160px;height:120px;right:-70px;top:-65px;background:#00a8ff;filter:blur(70px);opacity:.08}.home-plan-card.featured{border-color:#a5d9ff;box-shadow:0 20px 55px rgba(0,126,255,.13),0 0 30px rgba(0,157,255,.07)}.home-plan-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf6ff;color:#087cff;font-weight:900;font-size:20px;box-shadow:0 0 24px rgba(0,126,255,.1)}.home-popular{display:inline-block;margin-top:15px;color:#087cff;font-size:10px;letter-spacing:1.5px;font-weight:900}.home-plan-card h3{font-size:24px;margin:7px 0}.home-plan-card>p{color:#718096;line-height:1.55;font-size:13px;min-height:42px}.home-price{font-size:37px;font-weight:900;color:#0b1730;margin:18px 0}.home-price small{font-size:13px;color:#728197;font-weight:700}.home-price em{display:block;color:#087cff;font-size:11px;font-style:normal;margin-top:3px}.home-plan-card ul{list-style:none;padding:14px 0 4px;margin:0;border-top:1px solid #e8eff5}.home-plan-card li{padding:6px 0;color:#5d6e83;font-size:12px}.home-plan-card li:before{content:"✓";color:#087cff;font-weight:900;margin-right:8px}.included-section{background:linear-gradient(180deg,#f7fbff,#fff)!important;padding:85px 0;border-top:1px solid #e5eef7;border-bottom:1px solid #e5eef7}.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.included-card{position:relative;min-height:185px;padding:23px;border:1px solid #dce8f2;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(20,78,120,.045);overflow:hidden}.included-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(0,150,255,.07),transparent 38%);pointer-events:none}.feature-icon{position:relative;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#eaf6ff;color:#087cff;font-size:20px;font-weight:900;box-shadow:0 0 22px rgba(0,126,255,.11)}.included-card h3{font-size:17px;margin:17px 0 8px}.included-card p{color:#718096;font-size:12px;line-height:1.65;margin:0}.why-section{padding-top:80px!important;padding-bottom:80px!important}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.why-grid div{text-align:center;padding:25px;border:1px solid #dce8f2;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(20,78,120,.045)}.why-grid strong{display:block;font-size:28px;color:#087cff;text-shadow:0 0 18px rgba(0,126,255,.15)}.why-grid span{font-size:11px;color:#75859a;margin-top:5px;display:block}.faq-home{padding-top:70px!important;padding-bottom:85px!important;background:#f8fbff!important}.faq-list{max-width:850px;margin:auto;display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid #dce8f2;border-radius:15px;padding:18px 21px;box-shadow:0 7px 22px rgba(20,78,120,.035)}.faq-list summary{cursor:pointer;font-weight:800;color:#172640;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#087cff;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#718096;line-height:1.65;font-size:13px;padding:10px 0 0;margin:0}.home-cta{margin:0 5% 75px;padding:45px 6%;border-radius:25px;background:linear-gradient(120deg,#061b34,#073b70);border:1px solid #0b6bb8;box-shadow:0 0 55px rgba(0,126,255,.14);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;overflow:hidden;position:relative}.home-cta:after{content:"";position:absolute;width:300px;height:180px;right:-100px;top:-100px;background:#00aaff;filter:blur(75px);opacity:.24}.home-cta h2{font-size:32px;letter-spacing:-1px;margin:7px 0}.home-cta p{color:#9db7d1}.home-cta .btn{position:relative;z-index:2}.floating-actions{position:fixed;right:18px;bottom:78px;z-index:80;display:grid;gap:10px}.back-top,.whatsapp-float{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:900}.back-top{background:#087cff;color:#fff;box-shadow:0 10px 28px rgba(0,126,255,.28);font-size:24px}.whatsapp-float{background:#fff;color:#087cff;border:1px solid #bfe2ff;box-shadow:0 10px 28px rgba(0,126,255,.15);font-size:23px}.offer-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:90;width:min(720px,calc(100% - 24px));display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 16px;background:#fff;border:1px solid #cce7ff;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 35px rgba(0,126,255,.12);font-size:11px}.offer-bar span{color:#087cff;font-weight:900}.offer-bar strong{color:#4f6076}.offer-bar a{color:#fff;background:linear-gradient(135deg,#087cff,#1cc5ff);padding:9px 14px;border-radius:9px;font-weight:900}.offer-bar button{border:0;background:transparent;color:#718096;font-size:19px;cursor:pointer}@media(max-width:950px){.home-hero-inner{grid-template-columns:1fr}.hero-orbit{display:none}.home-plan-grid{grid-template-columns:1fr 1fr}.home-plan-card:last-child{grid-column:1/-1;max-width:500px;margin:auto}.included-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home-domain-bar{padding:12px 5%}.home-domain-bar form{padding:3px}.home-domain-bar input{padding:13px 12px;font-size:14px}.domain-search-btn{padding:0 16px}.home-hero-inner{min-height:0;padding:58px 5% 65px}.home-hero h1{font-size:45px;letter-spacing:-2.6px}.home-hero-copy>p{font-size:15px}.hero-buttons{display:grid;gap:10px}.hero-buttons .btn{width:100%;text-align:center}.hero-trust{justify-content:center;gap:12px}.home-plans{padding-top:60px!important}.home-plan-grid{grid-template-columns:1fr}.home-plan-card:last-child{grid-column:auto;max-width:none}.included-section{padding:60px 0}.included-grid{grid-template-columns:1fr}.included-card{min-height:auto}.why-grid{grid-template-columns:1fr 1fr}.home-cta{display:block;padding:35px 25px;margin-bottom:60px}.home-cta h2{font-size:27px}.home-cta .btn{margin-top:18px;width:100%;text-align:center}.offer-bar{gap:7px;font-size:9px}.offer-bar strong{display:none}.offer-bar a{padding:8px 10px}.floating-actions{right:13px;bottom:66px}}
/* V12 reference-inspired top: white + neon blue */
.reference-style-hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(0,150,255,.13),transparent 34%),linear-gradient(180deg,#f8fcff,#fff)!important;border-bottom:1px solid #e5eef7}.reference-style-hero:before{content:"";position:absolute;left:50%;top:8%;width:430px;height:430px;transform:translateX(-50%);border:1px solid rgba(0,126,255,.12);border-radius:50%;box-shadow:0 0 80px rgba(0,126,255,.08)}.reference-hero-inner{position:relative;z-index:2;max-width:850px;margin:auto;padding:76px 5% 68px}.reference-style-hero h1{font-size:clamp(43px,6.5vw,70px);line-height:1.04;letter-spacing:-3.6px;margin:25px 0 22px;color:#0b1730}.reference-style-hero h1 span{color:#087cff;text-shadow:0 0 22px rgba(0,126,255,.2)}.reference-style-hero p{max-width:720px;margin:auto;color:#6c7b90;font-size:17px;line-height:1.72}.reference-style-hero p strong{color:#087cff}.reference-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.reference-hero-actions .btn{min-width:205px;text-align:center}.reference-trust{display:flex;justify-content:center;gap:38px;margin-top:30px;flex-wrap:wrap;color:#6a7b90;font-size:12px;font-weight:800}.home-infrastructure{background:#fff!important;border-bottom:1px solid #e5eef7;padding:8px 0 52px}.infra-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.infra-strip>div{text-align:center;padding:21px;border:1px solid #dce8f2;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(0,126,255,.05)}.infra-strip strong{display:block;font-size:22px;color:#087cff;text-shadow:0 0 14px rgba(0,126,255,.13)}.infra-strip span{display:block;margin-top:4px;color:#738398;font-size:10px}@media(max-width:600px){.reference-hero-inner{padding:62px 5% 52px}.reference-style-hero h1{font-size:43px;letter-spacing:-2.5px}.reference-style-hero p{font-size:15px}.reference-hero-actions{display:grid}.reference-hero-actions .btn{width:100%}.reference-trust{gap:15px 20px;font-size:10px}.infra-strip{grid-template-columns:1fr 1fr}.infra-strip>div{padding:16px 8px}}
/* V13 — Infrastructure card + continuously left-scrolling animated graphics */
.home-infrastructure{padding:12px 0 55px!important;background:#fff!important}
.reference-infra-card{max-width:980px;margin:0 auto;padding:24px 26px 26px;border:1px solid #dfe8f1;border-radius:22px;background:#fff;box-shadow:0 14px 45px rgba(16,76,122,.07);position:relative;overflow:hidden}
.reference-infra-card:before{content:"";position:absolute;width:280px;height:160px;right:-80px;top:-90px;background:#00aaff;filter:blur(75px);opacity:.1}
.reference-infra-title{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.reference-infra-title h2{font-size:22px;margin:4px 0 0;letter-spacing:-.8px}
.infra-server-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eef8ff;color:#087cff;font-size:22px;box-shadow:0 0 18px rgba(0,126,255,.1)}
.infra-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px;position:relative;z-index:1}
.infra-metrics>div{padding:21px 12px;text-align:center;border-radius:15px;background:#f8fbfe;box-shadow:inset 0 0 25px rgba(0,126,255,.025)}
.infra-metrics strong{display:block;color:#087cff;font-size:31px;letter-spacing:-1.2px;text-shadow:0 0 18px rgba(0,126,255,.13)}
.infra-metrics span{display:block;color:#68788c;font-size:11px;margin-top:6px}
.systems-status{max-width:980px;margin:22px auto 14px;height:58px;padding:0 22px;border:1px solid #dfe8f1;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(16,76,122,.04);display:flex;align-items:center;gap:10px;color:#64758a;font-size:12px;white-space:nowrap;overflow:hidden}
.systems-status strong{color:#18253b;font-size:13px}.status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#21c978;box-shadow:0 0 13px rgba(33,201,120,.65);animation:statusPulse 1.8s ease-in-out infinite}
@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 8px rgba(33,201,120,.5)}50%{opacity:.55;box-shadow:0 0 18px rgba(33,201,120,.8)}}
.animated-graphics{max-width:980px;margin:0 auto;overflow:hidden;border:1px solid #dfe8f1;border-radius:17px;background:linear-gradient(180deg,#fbfdff,#f5faff);box-shadow:0 10px 30px rgba(16,76,122,.05);padding:16px 0}
.graphics-track{display:flex;width:max-content;align-items:center;gap:14px;animation:tickhostScroll 28s linear infinite}
.graphics-track:hover{animation-play-state:paused}
@keyframes tickhostScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.graphics-card,.pulse-card{height:76px;min-width:175px;padding:14px 17px;border:1px solid #d7e9f7;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(0,126,255,.06);display:flex;flex-direction:column;justify-content:center}
.graphics-card b{color:#087cff;font-size:13px}.graphics-card span{color:#718196;font-size:10px;margin-top:6px}
.pulse-card{min-width:260px;overflow:hidden;position:relative}.pulse-label{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#087cff}.pulse-card small{font-size:7px;color:#8594a5;letter-spacing:.6px;margin-top:5px}
.pulse-line{height:26px;display:flex;align-items:center;gap:5px;position:relative;margin-top:2px}.pulse-line:before{content:"";position:absolute;left:0;right:0;top:13px;height:1px;background:#c8e5f8}.pulse-line i{position:relative;display:block;width:3px;height:7px;border-radius:4px;background:#087cff;box-shadow:0 0 7px rgba(0,126,255,.7);animation:signal 1.4s ease-in-out infinite}.pulse-line i:nth-child(2){height:18px;animation-delay:.08s}.pulse-line i:nth-child(3){height:28px;animation-delay:.16s}.pulse-line i:nth-child(4){height:9px;animation-delay:.24s}.pulse-line i:nth-child(5){height:22px;animation-delay:.32s}.pulse-line i:nth-child(6){height:13px;animation-delay:.4s}.pulse-line i:nth-child(7){height:24px;animation-delay:.48s}.pulse-line i:nth-child(8){height:8px;animation-delay:.56s}
@keyframes signal{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1.15);opacity:1}}
@media(max-width:650px){.reference-infra-card{padding:21px 16px;border-radius:19px}.reference-infra-title h2{font-size:18px}.infra-metrics{grid-template-columns:1fr 1fr;gap:12px}.infra-metrics>div{padding:19px 7px}.infra-metrics strong{font-size:27px}.infra-metrics span{font-size:9px}.systems-status{margin-left:0;margin-right:0;padding:0 15px;font-size:10px}.systems-status span:nth-of-type(n+4){display:none}.animated-graphics{border-radius:14px}.graphics-track{animation-duration:24s}.graphics-card{min-width:150px}.pulse-card{min-width:230px}}
/* V15 — Live scrolling ECG/network graphic + stats */
.home-infrastructure{padding:18px 0 0!important;background:#fff!important;border-bottom:1px solid #e5eef7}
.home-infrastructure .section{padding-bottom:0!important}
.systems-status{max-width:980px;margin:0 auto 22px;height:58px;padding:0 24px;border:1px solid #dfe8f1;border-radius:17px;background:#fff;box-shadow:0 9px 28px rgba(16,76,122,.055);display:flex;align-items:center;justify-content:center;gap:11px;color:#6c7b8e;font-size:13px;white-space:nowrap;overflow:hidden}
.systems-status strong{color:#1b2638;font-size:14px}.status-divider{color:#d1dbe4}.status-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#20c978;box-shadow:0 0 14px rgba(32,201,120,.65);animation:statusPulse 1.8s ease-in-out infinite}.live-wave{font-size:24px;line-height:1;color:#16b976;text-shadow:0 0 12px rgba(22,185,118,.35);animation:waveGlow 1.4s ease-in-out infinite}
@keyframes waveGlow{0%,100%{opacity:.65;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1.12)}}
.ecg-window{width:100%;height:92px;overflow:hidden;border:1px solid #dfe8f1;border-radius:18px;background:linear-gradient(180deg,#fcfeff,#f8fbfd);box-shadow:0 9px 28px rgba(16,76,122,.045);position:relative}
.ecg-window:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 22px,rgba(8,124,255,.035) 23px,transparent 24px);pointer-events:none}
.ecg-track{height:100%;display:flex;width:max-content;animation:ecgScroll 12s linear infinite;will-change:transform}
.ecg-track:hover{animation-play-state:paused}
.ecg-line{position:relative;width:780px;height:92px;flex:0 0 780px}
.ecg-base{position:absolute;left:0;right:0;top:49px;height:2px;background:#b9d7ea;box-shadow:0 0 6px rgba(0,126,255,.08)}
.ecg-pulse{position:absolute;top:0;width:3px;height:92px;background:transparent}
.ecg-pulse:before{content:"";position:absolute;left:-20px;top:48px;width:40px;height:2px;background:#087cff;box-shadow:0 0 7px rgba(0,126,255,.35)}
.ecg-pulse:after{content:"";position:absolute;left:-4px;top:45px;width:8px;height:9px;border-radius:50%;background:#087cff;box-shadow:0 0 12px rgba(0,126,255,.55)}
.ecg-pulse:nth-child(2){left:115px}.ecg-pulse:nth-child(3){left:245px}.ecg-pulse:nth-child(4){left:380px}.ecg-pulse:nth-child(5){left:510px}.ecg-pulse:nth-child(6){left:645px}.ecg-pulse:nth-child(7){left:755px}
.ecg-pulse:nth-child(2):before,.ecg-pulse:nth-child(4):before,.ecg-pulse:nth-child(6):before{height:2px}
.ecg-pulse:nth-child(2):after,.ecg-pulse:nth-child(4):after,.ecg-pulse:nth-child(6):after{top:19px;height:61px;width:3px;left:0;border-radius:0;box-shadow:0 0 10px rgba(0,126,255,.45)}
.ecg-pulse:nth-child(3):after,.ecg-pulse:nth-child(5):after,.ecg-pulse:nth-child(7):after{top:39px;height:20px;width:3px;left:0;border-radius:0}
@keyframes ecgScroll{from{transform:translateX(0)}to{transform:translateX(-780px)}}
.home-stats{margin-top:0;padding:88px 4% 78px;display:grid;grid-template-columns:repeat(2,1fr);gap:85px 40px;background:#fbfcfc;border-top:1px solid #eef2f5}
.home-stat{text-align:center}.home-stat strong{display:block;font-size:64px;line-height:1;font-weight:900;letter-spacing:-3px;color:#101a2d;text-shadow:0 0 20px rgba(0,126,255,.035)}.home-stat strong span{color:#087cff}.home-stat label{display:block;margin-top:15px;color:#6d7787;font-size:18px;font-weight:500}
@media(max-width:600px){.home-infrastructure{padding-top:16px!important}.systems-status{height:58px;margin-bottom:22px;padding:0 14px;gap:8px;font-size:10px}.systems-status strong{font-size:12px}.live-wave{font-size:20px}.ecg-window{height:90px;border-radius:17px}.ecg-line{width:620px;flex-basis:620px}.ecg-track{animation-duration:10s}.home-stats{padding:66px 4% 62px;gap:76px 22px}.home-stat strong{font-size:43px;letter-spacing:-1.8px}.home-stat label{font-size:13px;margin-top:11px}.home-stat strong span{font-size:.88em}}
/* V18 — 8 premium hosting feature boxes */
.hosting-features{background:#fff;padding:66px 4% 72px;border-top:1px solid #edf2f6}
.features-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 50px}
.feature-box{text-align:center;padding:0 10px}
.feature-icon{width:92px;height:92px;margin:0 auto 17px;border-radius:26px;background:linear-gradient(145deg,#f7faff,#eef8ff);border:1px solid #dcecf8;color:#087cff;display:grid;place-items:center;font-size:43px;font-weight:700;box-shadow:0 10px 28px rgba(0,126,255,.08),0 0 25px rgba(0,126,255,.06)}
.feature-box h3{margin:0;color:#182033;font-size:19px;line-height:1.2;font-weight:750;letter-spacing:-.35px}
.feature-box p{margin:6px 0 5px;color:#747f8f;font-size:14px;line-height:1.45}
.feature-box strong{display:block;color:#087cff;font-size:14px;font-weight:800;margin-top:5px}
@media(max-width:600px){.hosting-features{padding:60px 5% 68px}.features-grid{gap:62px 18px}.feature-box{padding:0}.feature-icon{width:84px;height:84px;border-radius:24px;font-size:38px;margin-bottom:15px}.feature-box h3{font-size:16px}.feature-box p{font-size:12px}.feature-box strong{font-size:12px}}
/* V19 — separate operational status, animated graph and statistics sections */
.reference-style-hero{padding-bottom:0}
.hero-system-status{max-width:980px;margin:34px auto 0;height:58px;padding:0 22px;border:1px solid #dfe8f1;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(16,76,122,.06);display:flex;align-items:center;justify-content:center;gap:10px;color:#64758a;font-size:12px;white-space:nowrap;overflow:hidden}
.hero-system-status strong{color:#18253b;font-size:13px}
.home-graph-section{background:#fbfdff;padding:34px 0 36px;border-top:1px solid #edf3f8;border-bottom:1px solid #edf3f8}
.home-graph-section .section{max-width:980px;margin:0 auto}
.home-graph-section .ecg-window{margin:0}
.home-stats-section{background:#fff;padding:0}
.home-stats-section .home-stats{border-top:0;margin:0}
.home-stat strong{display:flex;align-items:baseline;justify-content:center;gap:0}
.home-stat strong .counter{font-variant-numeric:tabular-nums}
.home-stat strong em{font-style:normal;color:#087cff;font-size:.72em;font-weight:800;letter-spacing:-1px}
@media(max-width:600px){
.hero-system-status{margin-top:25px;height:54px;padding:0 12px;gap:7px;font-size:10px}
.hero-system-status strong{font-size:12px}
.home-graph-section{padding:24px 0 28px}
.home-graph-section .section{padding:0 4%}
.home-stats-section .home-stats{padding-top:62px;padding-bottom:62px}
}
/* V21 — homepage starter hosting section */
.home-starter-plans{position:relative;padding:78px 4% 84px;background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);border-top:1px solid #edf3f8}
.starter-plans-inner{max-width:1050px;margin:0 auto}
.starter-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.starter-heading .eyebrow{margin-bottom:10px}
.starter-heading h2{margin:0;color:#101a2d;font-size:42px;line-height:1.1;letter-spacing:-1.7px;font-weight:850}
.starter-heading h2 span{color:#087cff}
.starter-heading p{margin:14px auto 0;color:#69788b;font-size:17px;line-height:1.6;max-width:650px}
.starter-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.starter-plan-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dce8f2;border-radius:26px;padding:30px;box-shadow:0 18px 45px rgba(20,90,140,.07),0 0 30px rgba(0,126,255,.035)}
.starter-plan-featured{border-color:#b9dcfb;box-shadow:0 18px 50px rgba(0,126,255,.1),0 0 35px rgba(0,126,255,.09)}
.starter-glow{position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:rgba(0,126,255,.12);filter:blur(22px);pointer-events:none}
.starter-card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.starter-label{display:block;color:#087cff;font-size:11px;font-weight:850;letter-spacing:1.5px}
.starter-card-top h3{margin:6px 0 0;color:#142036;font-size:27px;letter-spacing:-.7px}
.starter-badge{white-space:nowrap;padding:7px 11px;border-radius:999px;background:#eaf5ff;color:#087cff;font-size:10px;font-weight:850;letter-spacing:.7px;border:1px solid #cde7fb}
.starter-desc{color:#6d7888;font-size:14px;line-height:1.55;margin:17px 0 18px}
.starter-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-bottom:20px}
.starter-price strong{font-size:42px;line-height:1;color:#111b2e;letter-spacing:-1.5px}
.starter-price span{font-size:14px;color:#758295}
.starter-price small{display:block;width:100%;color:#087cff;font-size:12px;font-weight:700;margin-top:5px}
.starter-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.starter-list li{position:relative;padding-left:25px;color:#5f6d80;font-size:14px}
.starter-list li:before{content:"✓";position:absolute;left:0;top:0;color:#087cff;font-weight:900}
.starter-plan-card .btn{position:relative}
@media(max-width:700px){
.home-starter-plans{padding:62px 5% 70px}
.starter-heading{margin-bottom:30px}
.starter-heading h2{font-size:31px;letter-spacing:-1px}
.starter-heading p{font-size:14px}
.starter-plan-grid{grid-template-columns:1fr;gap:18px}
.starter-plan-card{padding:25px;border-radius:22px}
.starter-card-top h3{font-size:24px}
.starter-price strong{font-size:37px}
}
/* V22 domain finder */
.home-domain-finder{position:relative;overflow:hidden;padding:76px 20px 80px;background:radial-gradient(circle at 12% 15%,rgba(0,139,255,.13),transparent 30%),radial-gradient(circle at 88% 75%,rgba(30,190,255,.12),transparent 30%),linear-gradient(145deg,#f7fbff 0%,#eef8ff 48%,#f9fcff 100%);border-top:1px solid #dcecf8;border-bottom:1px solid #dcecf8}
.domain-finder-inner{position:relative;z-index:1;max-width:920px;margin:auto;text-align:center}
.domain-kicker{font-size:12px;letter-spacing:3px;font-weight:900;color:#0787f5;margin-bottom:12px}
.home-domain-finder h2{margin:0;color:#0b1932;font-size:48px;line-height:1.08;letter-spacing:-1.8px}.home-domain-finder h2 span{color:#078cff;text-shadow:0 0 24px rgba(0,145,255,.18)}
.domain-lead{max-width:650px;margin:22px auto 34px;color:#697a8e;font-size:18px;line-height:1.65}
.domain-search-premium{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 19px;border:1px solid #cfe3f2;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(22,123,196,.12),0 0 30px rgba(0,153,255,.06)}
.domain-globe{font-size:30px;color:#71859b}.domain-search-premium input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:18px;color:#0b1932}.domain-search-premium input::placeholder{color:#9ba9b8}
.domain-search-premium button{width:66px;height:58px;border:0;border-radius:16px;cursor:pointer;color:#fff;font-size:32px;background:linear-gradient(135deg,#087dff,#13b8ef);box-shadow:0 10px 24px rgba(0,137,255,.28)}
.domain-transfer-link{display:inline-flex;align-items:center;gap:12px;margin:27px auto 30px;text-decoration:none;color:#0b1932}.transfer-icon{font-size:27px;color:#078cff}.domain-transfer-link span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.domain-transfer-link small{font-size:15px;color:#078cff;font-weight:800}.domain-transfer-link strong{font-size:16px;border-bottom:1px solid #8bcaff;padding-bottom:4px}
.domain-extension-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:680px;margin:auto}.domain-extension-pills a{min-width:145px;padding:14px 17px;border:1px solid #c8ddec;border-radius:16px;background:rgba(255,255,255,.65);color:#0b1932;text-decoration:none}.domain-extension-pills strong{font-size:17px;margin-right:7px}.domain-extension-pills span{font-size:12px;color:#8191a4}
.domain-trust-row{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:18px;color:#687b8e;font-size:13px}.domain-trust-row span{display:flex;align-items:center;gap:8px}.domain-trust-row i{width:8px;height:8px;border-radius:50%;background:#20c77a;box-shadow:0 0 10px rgba(32,199,122,.45)}.domain-trust-row b{width:1px;height:18px;background:#b9c9d7}
@media(max-width:600px){.home-domain-finder{padding:58px 18px 62px}.home-domain-finder h2{font-size:36px}.domain-lead{font-size:16px;margin:18px auto 28px}.domain-search-premium{padding-left:14px}.domain-search-premium input{font-size:15px}.domain-search-premium button{width:58px;height:54px}.domain-extension-pills{gap:10px}.domain-extension-pills a{min-width:135px;padding:13px 12px}.domain-trust-row{gap:9px;font-size:10px;white-space:nowrap}}
/* V23 Desktop layout — mobile remains unchanged */
.desktop-main-nav{display:none}
@media (min-width:901px){
header{
min-height:78px!important;padding:0 38px!important;display:flex!important;
align-items:center!important;justify-content:space-between!important;gap:24px!important
}
header .desktop-main-nav{
display:flex!important;align-items:center;justify-content:center;gap:30px;
flex:1;margin-left:30px
}
header .desktop-main-nav a{
color:#17243a;text-decoration:none;font-size:13px;font-weight:700;
white-space:nowrap;transition:.2s ease
}
header .desktop-main-nav a:hover{color:#087cff;text-shadow:0 0 14px rgba(8,124,255,.22)}
header .desktop-main-nav .company-nav span{margin-left:4px;color:#708196}
header .menu-toggle,header .hamburger,header button[aria-label*="menu" i]{display:none!important}
.reference-style-hero .hero-content,.reference-style-hero .section{max-width:1180px}
.reference-style-hero{padding-top:72px!important;padding-bottom:58px!important}
.home-domain-finder .domain-finder-inner,.home-graph-section .section,
.home-stats-section .home-stats,.hosting-features{max-width:1180px!important}
.home-stats-section .home-stats{grid-template-columns:repeat(4,1fr)!important}
.hosting-features{grid-template-columns:repeat(8,1fr)!important}
}
@media (max-width:900px){header .desktop-main-nav{display:none!important}}
/* V24 — desktop header order: ZinkHost left, main navigation right, account actions far right */
@media (min-width:901px){
header.tick-header{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:22px!important;
}
header.tick-header .centered-logo,
header.tick-header .logo{
order:1!important;
margin-right:auto!important;
flex:0 0 auto!important;
}
header.tick-header .desktop-main-nav{
order:2!important;
flex:0 0 auto!important;
margin-left:0!important;
margin-right:4px!important;
justify-content:flex-end!important;
gap:26px!important;
}
header.tick-header .header-right{
order:3!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
margin-left:0!important;
}
header.tick-header .header-action{
font-size:13px!important;
font-weight:700!important;
white-space:nowrap!important;
}
header.tick-header .cart-button{
flex:0 0 auto!important;
}
}
/* V25 — desktop feature boxes: 4 per row, 2 rows */
@media (min-width:901px){
.hosting-features .features-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
grid-template-rows:repeat(2,auto)!important;
column-gap:38px!important;
row-gap:54px!important;
max-width:1180px!important;
margin:0 auto!important;
align-items:start!important;
}
.hosting-features .feature-box{
width:auto!important;
min-width:0!important;
}
}
/* Keep the original mobile arrangement untouched */
@media (max-width:900px){
.hosting-features .features-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* V26 — ZinkHost plan-includes + global infrastructure */
.tick-includes-section,.tick-infrastructure-section{position:relative;overflow:hidden}
.tick-includes-section{background:#fff;padding:82px 24px 76px;border-top:1px solid #edf4fb}
.tick-infrastructure-section{background:#f9fcff;padding:82px 24px 88px;border-top:1px solid #e8f1f9}
.tick-wide{max-width:1180px;margin:0 auto}
.tick-section-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.tick-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#1685ef;margin-bottom:10px}
.tick-section-heading h2{margin:0;color:#0d1b33;font-size:34px;line-height:1.15;font-weight:800}
.tick-section-heading h2 span{color:#1685ef}
.tick-section-heading p{margin:14px auto 0;color:#6d7b8d;font-size:15px;line-height:1.65;max-width:690px}
.tick-includes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tick-includes-grid article{background:#fff;border:1px solid #e2ebf4;border-radius:14px;padding:22px 19px;box-shadow:0 8px 28px rgba(20,91,150,.06);min-height:170px;transition:.25s}
.tick-includes-grid article:hover{transform:translateY(-3px);border-color:#a9d8ff;box-shadow:0 12px 35px rgba(20,132,239,.12)}
.tick-mini-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#edf7ff;color:#1685ef;font-size:17px;margin-bottom:13px;box-shadow:0 0 18px rgba(22,133,239,.10)}
.tick-includes-grid h3{font-size:14px;margin:0 0 8px;color:#18253a}
.tick-includes-grid p{font-size:11px;line-height:1.55;color:#718093;margin:0}
.tick-locations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}
.tick-locations article{background:#fff;border:1px solid #e3ebf3;border-radius:10px;padding:15px 8px;text-align:center;box-shadow:0 5px 18px rgba(20,91,150,.045)}
.tick-locations .flag{font-size:20px;margin-bottom:6px}
.tick-locations strong{display:block;color:#172338;font-size:12px}
.tick-locations span{display:block;color:#778496;font-size:10px;margin-top:3px}
.tick-locations small{display:inline-block;margin-top:7px;background:#edf7ff;color:#1685ef;border-radius:8px;padding:2px 7px;font-size:8px}
.tick-infra-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tick-infra-points article{background:#fff;border:1px solid #e3ebf3;border-radius:10px;padding:13px;display:flex;gap:10px;align-items:flex-start}
.tick-infra-points b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#edf7ff;color:#1685ef;flex:0 0 auto}
.tick-infra-points strong{display:block;color:#18253a;font-size:11px}
.tick-infra-points small{display:block;color:#778496;font-size:9px;line-height:1.35;margin-top:3px}
@media(max-width:900px){
.tick-includes-section,.tick-infrastructure-section{padding:58px 18px}
.tick-section-heading{margin-bottom:30px}
.tick-section-heading h2{font-size:28px}
.tick-section-heading p{font-size:14px}
.tick-includes-grid{grid-template-columns:1fr;gap:13px}
.tick-includes-grid article{min-height:auto;padding:18px}
.tick-locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tick-locations article{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;padding:22px 12px;border-radius:16px}
.tick-locations .flag{margin:0 0 12px;font-size:42px}
.tick-locations strong{font-size:20px;margin-bottom:5px}
.tick-locations span{font-size:16px;margin:0 0 10px}
.tick-locations small{margin:0;font-size:12px;padding:5px 12px;border-radius:14px}
.tick-infra-points{grid-template-columns:1fr;gap:10px}
}
/* V28 — comparison + security sections */
.tick-compare-section{background:#fff;padding:86px 24px 88px;border-top:1px solid #edf3f8}
.tick-compare-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:0}
.tick-compare-table{width:100%;min-width:900px;border-collapse:collapse;font-size:11px;color:#6f7c8b}
.tick-compare-table th,.tick-compare-table td{padding:12px 10px;text-align:center;border-bottom:1px solid #edf1f5;white-space:nowrap}
.tick-compare-table th{font-weight:700;color:#253147;background:#fbfdff}
.tick-compare-table td:first-child,.tick-compare-table th:first-child{text-align:left}
.tick-compare-table .tick-feature-col{width:180px}
.tick-compare-table .tick-best{position:relative;color:#1685ef;background:#f8fcff;border:1px solid #a9d8ff;border-bottom:1px solid #a9d8ff}
.tick-compare-table .tick-best span{display:block;font-size:8px;letter-spacing:.4px;background:#1685ef;color:#fff;border-radius:8px;padding:3px 7px;margin:-23px auto 5px;width:max-content}
.tick-compare-table .tick-best strong{display:block;font-size:12px}
.tick-compare-table .tick-highlight{font-weight:800;color:#1685ef}
.tick-compare-table .tick-check{font-size:16px;font-weight:800;color:#1685ef}
.tick-compare-cta td{padding-top:18px;border-bottom:0}
.tick-compare-cta a{display:inline-block;background:#1685ef;color:#fff;text-decoration:none;border-radius:7px;padding:8px 13px;font-size:9px;font-weight:800}
.tick-security-section{background:#fff;padding:86px 24px 95px;border-top:1px solid #edf3f8}
.tick-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tick-security-grid article{background:#fff;border:1px solid #e4ebf2;border-radius:12px;padding:21px 18px;box-shadow:0 7px 22px rgba(24,55,85,.055);min-height:155px}
.tick-security-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#eef7ff;color:#1685ef;font-size:16px;margin-bottom:13px}
.tick-security-grid h3{font-size:13px;color:#17243a;margin:0 0 7px}
.tick-security-grid p{font-size:10.5px;line-height:1.55;color:#748192;margin:0}
@media(max-width:900px){
.tick-compare-section{padding:60px 18px 68px}
.tick-compare-scroll{margin:0 -2px;padding:25px 0 8px}
.tick-compare-table{min-width:920px}
.tick-compare-table th,.tick-compare-table td{padding:11px 9px}
.tick-security-section{padding:60px 18px 72px}
.tick-security-grid{grid-template-columns:1fr;gap:13px}
.tick-security-grid article{min-height:auto;padding:19px}
}
/* V29 — clean statistics + feature section */
.tick-stats-section,
.tick-stats-section *,
.tick-features-section,
.tick-features-section *{
text-shadow:none !important;
filter:none !important;
box-shadow:none !important;
}
.tick-stats-section .stat-value,
.tick-stats-section .counter,
.tick-stats-section .stat-number,
.tick-stats-section .number,
.tick-stats-section strong{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
text-shadow:none !important;
filter:none !important;
}
/* V30 — FINAL CLEAN STATS + FEATURES
Keep the existing blue color, remove all glow/neon effects only here. */
.home-stats-section,
.home-stats-section .home-stats,
.home-stats-section .home-stat,
.hosting-features,
.hosting-features .features-grid,
.hosting-features .feature-box{
filter:none !important;
text-shadow:none !important;
}
.home-stats-section .home-stat strong,
.home-stats-section .home-stat strong .counter,
.home-stats-section .home-stat strong em{
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
text-shadow:none !important;
filter:none !important;
box-shadow:none !important;
}
.home-stats-section .home-stat strong{
color:#101a2d !important;
text-shadow:none !important;
}
.home-stats-section .home-stat strong span,
.home-stats-section .home-stat strong em{
color:#087cff !important;
text-shadow:none !important;
}
.hosting-features .feature-icon,
.hosting-features .feature-box h3,
.hosting-features .feature-box p,
.hosting-features .feature-box strong{
text-shadow:none !important;
filter:none !important;
}
.hosting-features .feature-icon{
box-shadow:none !important;
}
/* V32 — customer reviews + app/framework showcase */
.tick-reviews-section{background:#fff;padding:82px 24px 78px;border-top:1px solid #edf3f8;overflow:hidden}
.review-source-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:720px;margin:0 auto 34px}
.review-source-card{text-align:center;padding:20px 18px;border:1px solid #e2ebf3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(22,57,90,.055)}
.review-source-icon{width:34px;height:34px;border-radius:9px;margin:0 auto 9px;display:grid;place-items:center;font-weight:900;font-size:19px;background:#f3f7fb;color:#1685ef}
.trust-icon{font-size:16px}
.review-stars{color:#f08a2b;letter-spacing:2px;font-size:12px;margin-bottom:6px}
.review-source-card strong{display:block;color:#17243a;font-size:13px}
.review-source-card span{display:block;color:#788596;font-size:10px;margin-top:5px}
.review-source-card a{display:inline-block;margin-top:11px;color:#d9571b;text-decoration:none;font-size:10px;font-weight:800}
.review-cards-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1180px;margin:0 auto;overflow:visible}
.review-card{min-width:0;background:#fff;border:1px solid #e0e8ef;border-radius:12px;padding:15px 14px;box-shadow:0 7px 20px rgba(20,55,85,.045);margin-right:0}
.review-card+.review-card{border-left-color:#edf1f5;border-radius:0}
.review-card:nth-child(4n+1){border-radius:12px 0 0 12px}
.review-card:nth-child(4n){border-radius:0 12px 12px 0}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.review-card-top b{color:#d9571b;font-size:10px;letter-spacing:1px}
.review-card-top small{color:#7f8b99;background:#f6f8fa;border-radius:8px;padding:2px 6px;font-size:7px;font-weight:800}
.review-card p{color:#5f6d7d;font-size:10px;line-height:1.55;margin:0;min-height:105px}
.review-person{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f4}
.review-person i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fdebe4;color:#d9571b;font-size:8px;font-style:normal;font-weight:800;flex:0 0 auto}
.review-person strong{display:block;color:#283448;font-size:9px}.review-person small{display:block;color:#7a8795;font-size:7px;margin-top:2px}
.review-proof-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px;color:#536274;font-size:9px;font-weight:700}
.tick-apps-section{background:#f9fcff;padding:82px 24px 88px;border-top:1px solid #e8f1f9}
.apps-subheading{text-align:center;color:#26354a;font-size:13px;font-weight:800;margin:0 0 17px}
.app-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin-bottom:31px}
.app-grid article{min-height:68px;background:#fff;border:1px solid #e1eaf2;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#667487}
.app-grid article b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eef7ff;color:#1685ef;font-size:10px;font-weight:900}
.app-grid article b img{width:25px;height:25px;display:block;object-fit:contain}
.app-grid article span{font-size:9px;font-weight:700}
.framework-grid{margin-bottom:0}
@media(max-width:900px){
.tick-reviews-section{padding:58px 18px 65px}
.review-source-row{grid-template-columns:1fr;gap:13px;max-width:420px;margin-bottom:26px}
.review-source-card{padding:19px 15px}
.review-cards-track{display:flex;overflow-x:auto;gap:13px;padding:2px 2px 12px;margin:0 -18px;padding-left:18px;padding-right:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.review-card{flex:0 0 86%;border-radius:14px!important;scroll-snap-align:start;margin:0;box-shadow:0 6px 18px rgba(20,55,85,.04)}
.review-card p{min-height:0}
.review-proof-row{gap:12px;text-align:center;line-height:1.5}
.tick-apps-section{padding:58px 18px 70px}
.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.app-grid article{min-height:74px}
}
/* FAQ + Guarantee + Final CTA */
.th-faq-section{padding:86px 24px 82px;background:#fff;border-top:1px solid #e8f1f9}
.th-faq-list{max-width:920px;margin:32px auto 0;display:grid;gap:10px}
.th-faq-list details{background:#fff;border:1px solid #dce9f5;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.th-faq-list details[open]{border-color:#b9daf7;box-shadow:0 8px 24px rgba(22,133,239,.07)}
.th-faq-list summary{padding:18px 21px;cursor:pointer;list-style:none;font-size:14px;font-weight:800;color:#18263b;position:relative;padding-right:55px}
.th-faq-list summary::-webkit-details-marker{display:none}
.th-faq-list summary:after{content:'+';position:absolute;right:20px;top:13px;font-size:22px;line-height:1;color:#1685ef;font-weight:500}
.th-faq-list details[open] summary:after{content:'−'}
.th-faq-list p{margin:0;padding:0 21px 19px;color:#718096;font-size:12px;line-height:1.7;max-width:820px}
.th-guarantee-section{padding:34px 24px 55px;background:#f8fbff}
.th-guarantee-inner{max-width:900px;margin:auto;display:flex;align-items:center;gap:18px;padding:22px 25px;border-left:3px solid #1685ef;background:#fff;border-top:1px solid #e1edf7;border-right:1px solid #e1edf7;border-bottom:1px solid #e1edf7;border-radius:12px;box-shadow:0 8px 24px rgba(20,78,120,.05)}
.th-guarantee-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#1685ef;font-size:20px;font-weight:900}
.th-guarantee-label{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#1685ef;margin-bottom:4px}
.th-guarantee-inner h3{margin:0 0 5px;font-size:16px;color:#172640}
.th-guarantee-inner p{margin:0;color:#718096;font-size:11px;line-height:1.6}
.th-guarantee-badge{margin-left:auto;white-space:nowrap;border:1px solid #cce6fb;background:#f1f9ff;color:#1685ef;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900}
.th-final-cta{position:relative;overflow:hidden;padding:82px 24px 88px;background:linear-gradient(135deg,#f3faff 0%,#e8f5ff 55%,#fff 100%);border-top:1px solid #dceefb;border-bottom:1px solid #e5f1fa;text-align:center}
.th-final-cta-glow{position:absolute;width:460px;height:260px;left:50%;top:-130px;transform:translateX(-50%);background:rgba(22,133,239,.10);filter:blur(70px);pointer-events:none}
.th-final-cta-content{position:relative;z-index:1;max-width:760px;margin:auto}
.th-final-cta .tick-eyebrow{color:#1685ef}
.th-final-cta h2{margin:9px 0 12px;font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;color:#172640}
.th-final-cta h2 span{color:#1685ef}
.th-final-cta p{max-width:650px;margin:0 auto;color:#718096;font-size:13px;line-height:1.7}
.th-final-btn{display:inline-flex;align-items:center;gap:22px;margin-top:25px;padding:13px 19px 13px 22px;border-radius:9px;background:#1685ef;color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(22,133,239,.20)}
.th-final-btn b{font-size:18px;line-height:1}
@media(max-width:900px){
.th-faq-section{padding:58px 18px 62px}
.th-faq-list{margin-top:25px;gap:9px}
.th-faq-list summary{font-size:12px;padding:16px 45px 16px 15px}
.th-faq-list summary:after{right:15px;top:12px}
.th-faq-list p{font-size:11px;padding:0 15px 16px}
.th-guarantee-section{padding:25px 18px 45px}
.th-guarantee-inner{padding:18px 15px;align-items:flex-start;gap:12px}
.th-guarantee-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}
.th-guarantee-inner h3{font-size:14px}
.th-guarantee-inner p{font-size:10px}
.th-guarantee-badge{display:none}
.th-final-cta{padding:65px 20px 70px}
.th-final-cta h2{font-size:28px;letter-spacing:-.8px}
.th-final-cta p{font-size:12px}
.th-final-btn{font-size:11px}
}
/* ZinkHost V41: light blue theme footer refinement */
.premium-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%)!important;color:#0b1630!important;padding:68px 7% 0!important;border-top:1px solid #dcecff!important;box-shadow:none!important}
.premium-footer .footer-glow{display:none!important}
.premium-footer .logo{color:#0b1630!important}.premium-footer .logo span{color:#087cff!important;text-shadow:none!important}
.premium-footer .footer-brand p{color:#66768d!important}
.premium-footer .footer-badges span{border:1px solid #cfe5ff;background:#f4faff;color:#087cff}
.premium-footer .footer-col h4{color:#13213a!important}
.premium-footer .footer-col a{color:#60708a!important;text-shadow:none!important}
.premium-footer .footer-col a:hover{color:#087cff!important;text-shadow:none!important}
.premium-footer .footer-contact b{color:#087cff!important}
.premium-footer .footer-contact span,.premium-footer .footer-contact a{color:#60708a!important}
.premium-footer .footer-bottom{border-top:1px solid #d7e7f7;color:#718198;justify-content:center;text-align:center;gap:35px;padding:20px 0;font-size:11px}
/* ZinkHost V40: consistent footer/contact details + simple page polish */
.footer-top-v40{grid-template-columns:1.65fr 1fr 1fr 1.35fr 1fr!important;gap:30px!important}
.footer-contact div{display:grid;gap:4px;margin:0 0 13px}
.footer-contact b{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#5fbfff}
.footer-contact span,.premium-footer .footer-contact a{color:#8fa7c0!important;font-size:12px!important;margin:0!important;line-height:1.45}
.footer-contact a:hover{color:#28b5ff!important}
/* Clean black/blue content pages */
.page-feature-strip{max-width:1100px;margin:0 auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-feature-card{background:#fff;border:1px solid #dce8f3;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(20,78,120,.045);position:relative;overflow:hidden}
.page-feature-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#087cff,#39bfff)}
.page-feature-card .pf-icon{width:42px;height:42px;border-radius:12px;background:#edf7ff;color:#087cff;display:grid;place-items:center;font-weight:900;font-size:19px;margin-bottom:15px}
.page-feature-card h3{margin:0 0 7px;color:#172640;font-size:17px}.page-feature-card p{margin:0;color:#718096;font-size:12px;line-height:1.65}
.simple-page-wrap{background:#f8fbff;border-top:1px solid #e6f0f8;padding:70px 20px}
.simple-page-inner{max-width:1060px;margin:auto}.simple-page-inner h2{color:#172640}.simple-page-inner p{color:#718096;line-height:1.75}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.about-panel{background:#fff;border:1px solid #dce8f3;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(20,78,120,.04)}
.contact-info .feature{border:1px solid #dce8f3!important;background:#fff!important;box-shadow:0 10px 28px rgba(20,78,120,.045)!important}
@media(max-width:900px){.footer-top-v40{grid-template-columns:1fr 1fr!important}.page-feature-strip{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}}
@media(max-width:600px){.footer-top-v40{grid-template-columns:1fr!important}.page-feature-strip{grid-template-columns:1fr;padding-bottom:45px}.page-feature-card{padding:20px}.simple-page-wrap{padding:52px 16px}}
/* ZinkHost V42: footer bottom always spans full width and stays centered */
.premium-footer{display:block!important}
.premium-footer .footer-bottom{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important;margin:0!important;padding:20px 0!important;border-top:1px solid #d7e7f7!important;color:#718198!important}
.premium-footer .footer-bottom span{display:block!important;width:100%!important;text-align:center!important;margin:0!important}
@media(max-width:600px){.premium-footer .footer-bottom{padding:20px 0!important;gap:7px!important}}
/* ZinkHost Hosting Page V43 — clean white/blue design, no neon */
.host-v43-wrap{width:min(1180px,92%);margin:0 auto}.host-v43-hero{background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%);border-bottom:1px solid #dcecff;text-align:center;padding:88px 0 66px}.host-v43-hero-inner{max-width:920px}.host-v43-eyebrow{display:inline-block;color:#087cff;font-size:10px;font-weight:900;letter-spacing:1.8px;margin-bottom:10px}.host-v43-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-3px;color:#0d1b33;margin:5px 0 18px}.host-v43-hero h1 span{color:#087cff}.host-v43-hero p{max-width:720px;margin:0 auto;color:#687990;font-size:16px;line-height:1.7}.host-v43-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 18px}.host-v43-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:9px;padding:13px 19px;font-size:12px;font-weight:900;transition:.2s;border:1px solid #cfe1f1}.host-v43-btn.primary{background:#087cff;color:#fff;border-color:#087cff}.host-v43-btn.primary:hover{background:#066ddd}.host-v43-btn.secondary{background:#fff;color:#16304e}.host-v43-btn.full{width:100%}.host-v43-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#728197;font-size:10px}.host-v43-feature-strip{background:#fff;border-bottom:1px solid #e5eef7}.host-v43-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.host-v43-feature-grid>div{display:flex;align-items:center;gap:12px;padding:25px 18px;border-right:1px solid #e9f0f6}.host-v43-feature-grid>div:last-child{border-right:0}.host-v43-feature-grid i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf7ff;color:#087cff;font-style:normal;font-weight:900}.host-v43-feature-grid b,.host-v43-feature-grid span{display:block}.host-v43-feature-grid b{font-size:12px;color:#1c2c43}.host-v43-feature-grid span{font-size:10px;color:#77869a;margin-top:4px}.host-v43-category{padding:80px 0 30px;background:#fff}.host-v43-section-head{text-align:center;max-width:720px;margin:0 auto 35px}.host-v43-section-head.left{text-align:left;margin-left:0;margin-right:0}.host-v43-section-head h2{font-size:38px;line-height:1.12;letter-spacing:-1.6px;color:#14223a;margin:4px 0 12px}.host-v43-section-head p{color:#718096;font-size:14px;line-height:1.65;margin:0}.host-v43-tabs{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.host-v43-tab{display:grid;grid-template-columns:52px 1fr;column-gap:15px;align-items:center;text-align:left;background:#fff;border:1px solid #dbe7f1;border-radius:14px;padding:20px;cursor:pointer}.host-v43-tab>span{grid-row:span 2;width:52px;height:52px;border-radius:14px;background:#edf7ff;color:#087cff;display:grid;place-items:center;font-size:21px;font-weight:900}.host-v43-tab strong{font-size:16px;color:#22334a}.host-v43-tab small{font-size:11px;line-height:1.5;color:#77869a;margin-top:4px}.host-v43-tab.active{border-color:#9dccf5;box-shadow:0 8px 26px rgba(30,94,145,.07)}.host-v43-tab.active strong{color:#087cff}.host-v43-plans{background:#f7fbff;border-top:1px solid #e3edf6;border-bottom:1px solid #e3edf6;padding:75px 0 85px}.host-v43-panel{display:none}.host-v43-panel.active{display:block}.host-v43-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.host-v43-plan{position:relative;background:#fff;display:flex;flex-direction:column;border:1px solid #dbe6f0;border-radius:16px;padding:27px;box-shadow:0 10px 30px rgba(25,77,120,.055)}.plan-badge{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#087cff}.host-v43-plan h3{font-size:25px;color:#14223a;margin:7px 0}.plan-desc{min-height:38px;color:#758499;font-size:12px;line-height:1.5;margin:0}.host-v43-price{margin:23px 0 18px}.host-v43-price b{font-size:42px;letter-spacing:-2px;color:#0c1b32}.host-v43-price>span{font-size:12px;color:#728197}.host-v43-price small{display:block;color:#087cff;font-weight:800;margin-top:4px}.plan-rule{height:1px;background:#e6eef5;margin:23px 0 14px}.host-v43-plan h4{font-size:11px;color:#34465d;margin:0 0 8px}.host-v43-plan ul{list-style:none;margin:0;padding:0;flex:1}.host-v43-plan li{position:relative;padding:7px 0 7px 22px;color:#5d6d81;font-size:12px;line-height:1.4}.host-v43-plan li:before{content:'✓';position:absolute;left:0;color:#087cff;font-weight:900}.host-v43-compare{background:#fff;padding:88px 0}.host-v43-feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.host-v43-feature-cards article{padding:24px;border:1px solid #dce8f2;border-radius:14px;background:#fff}.host-v43-feature-cards span{font-size:10px;color:#087cff;font-weight:900}.host-v43-feature-cards h3{font-size:16px;color:#1a2b43;margin:11px 0 8px}.host-v43-feature-cards p{font-size:12px;color:#718095;line-height:1.65;margin:0}.host-v43-process{background:#f7fbff;border-top:1px solid #e4edf6;padding:82px 0}.host-v43-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.host-v43-steps>div{position:relative;padding:24px 20px 20px;border-top:2px solid #b9dafa}.host-v43-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#087cff;color:#fff;font-size:12px;margin-bottom:17px}.host-v43-steps h3{font-size:16px;color:#1b2c44;margin:0 0 8px}.host-v43-steps p{font-size:12px;color:#728197;line-height:1.6;margin:0}.host-v43-included{background:#fff;padding:82px 0}.host-v43-included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.host-v43-included-grid>div{padding:19px;border:1px solid #dce8f2;border-radius:12px;background:#fbfdff}.host-v43-included-grid b{display:block;color:#1b2c43;font-size:12px}.host-v43-included-grid span{display:block;color:#738196;font-size:10px;line-height:1.5;margin-top:5px}.host-v43-cta{text-align:center;background:linear-gradient(135deg,#eef8ff,#dff1ff);border-top:1px solid #d5e9f9;padding:80px 0}.host-v43-cta h2{font-size:40px;letter-spacing:-1.5px;color:#14223a;margin:4px 0 10px}.host-v43-cta p{max-width:620px;margin:0 auto 23px;color:#718096;font-size:14px;line-height:1.6}
@media(max-width:900px){.host-v43-feature-grid{grid-template-columns:1fr 1fr}.host-v43-feature-grid>div:nth-child(2){border-right:0}.host-v43-feature-grid>div:nth-child(-n+2){border-bottom:1px solid #e9f0f6}.host-v43-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.host-v43-plan{height:100%;display:flex;flex-direction:column}.host-v43-plan ul{flex:1}.host-v43-plan:last-child{grid-column:auto;max-width:none;width:auto;margin:0}.host-v43-feature-cards{grid-template-columns:1fr 1fr}.host-v43-steps{grid-template-columns:1fr 1fr}.host-v43-included-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.host-v43-wrap{width:94%}.host-v43-hero{padding:62px 0 48px}.host-v43-hero h1{font-size:39px;letter-spacing:-2px}.host-v43-hero p{font-size:14px}.host-v43-actions{flex-direction:column;margin-left:20px;margin-right:20px}.host-v43-btn{width:100%}.host-v43-trust{gap:11px 18px}.host-v43-feature-grid{grid-template-columns:1fr}.host-v43-feature-grid>div,.host-v43-feature-grid>div:nth-child(2){border-right:0;border-bottom:1px solid #e9f0f6}.host-v43-feature-grid>div:last-child{border-bottom:0}.host-v43-feature-grid>div{padding:18px 8px}.host-v43-category{padding:62px 0 22px}.host-v43-section-head h2{font-size:29px;letter-spacing:-1px}.host-v43-section-head p{font-size:13px}.host-v43-tabs{grid-template-columns:1fr}.host-v43-tab{padding:17px}.host-v43-plans{padding:55px 0 65px}.host-v43-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}.host-v43-plan:last-child{grid-column:auto;max-width:none}.host-v43-plan{padding:11px 8px;border-radius:10px;min-width:0}.host-v43-plan .plan-badge{font-size:6px;letter-spacing:.7px}.host-v43-plan h3{font-size:12px;line-height:1.2;margin:4px 0}.host-v43-plan .plan-desc{font-size:7px;line-height:1.3;min-height:30px}.host-v43-price{margin:10px 0 8px}.host-v43-price b{font-size:20px;letter-spacing:-1px}.host-v43-price>span{font-size:7px}.host-v43-price small{font-size:6px;margin-top:2px;white-space:nowrap}.host-v43-plan .host-v43-btn{font-size:7px;padding:7px 3px;border-radius:6px;white-space:nowrap}.host-v43-plan .plan-rule{margin:9px 0 7px}.host-v43-plan h4{font-size:7px;margin-bottom:4px}.host-v43-plan li{padding:3px 0 3px 10px;font-size:6.5px;line-height:1.25}.host-v43-plan li:before{font-size:7px}.host-v43-compare,.host-v43-process,.host-v43-included{padding:62px 0}.host-v43-feature-cards,.host-v43-steps,.host-v43-included-grid{grid-template-columns:1fr}.host-v43-feature-cards article{padding:21px}.host-v43-steps>div{padding:21px 17px}.host-v43-cta{padding:62px 0}.host-v43-cta h2{font-size:30px;letter-spacing:-1px}.host-v43-cta p{font-size:13px}}
/* Client account + saved billing profile */
.checkout-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.checkout-title-row .checkout-section-title{margin:0}.profile-fill-btn{border:1px solid #bcdcf8;background:#f4faff;color:#087cff;border-radius:10px;padding:10px 13px;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap}.profile-fill-btn:hover,.profile-fill-btn.applied{background:#e9f6ff;border-color:#087cff}.profile-fill-btn:disabled{opacity:.7;cursor:wait}.profile-panel{margin-top:18px}.profile-help{color:#718097;font-size:13px;margin:0 0 18px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-grid input,.profile-grid select{width:100%;box-sizing:border-box;border:1px solid #d6e1ec;background:#fff;border-radius:10px;padding:11px 12px;color:#14213d;font:inherit}.profile-grid input:focus,.profile-grid select:focus{border-color:#1683e8;outline:none;box-shadow:0 0 0 3px rgba(22,131,232,.08)}.form-result.success{color:#118653}.form-result{font-size:12px;color:#1683e8}@media(max-width:850px){.checkout-title-row{align-items:flex-start;flex-direction:column}.profile-fill-btn{width:100%;justify-content:center}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.profile-grid{grid-template-columns:1fr}}
/* ZinkHost V61 — polished mobile header and working menu */
.header-menu{
position:relative!important;
flex:0 0 44px!important;
width:44px!important;height:44px!important;
padding:0!important;
border:1px solid #d7e3ee!important;
border-radius:12px!important;
background:#fff!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
box-shadow:0 5px 16px rgba(31,78,120,.07)!important;
}
.header-menu span{
width:21px!important;height:2.5px!important;
margin:0!important;
border-radius:10px!important;
background:#172a43!important;
transition:transform .2s ease,opacity .2s ease!important;
}
.mobile-drawer{
position:fixed!important;
top:78px!important;left:12px!important;right:12px!important;
z-index:9999!important;
width:auto!important;
padding:10px!important;
background:#fff!important;
border:1px solid #dbe7f1!important;
border-radius:16px!important;
box-shadow:0 24px 55px rgba(20,65,110,.18)!important;
display:none!important;
}
.mobile-drawer.show{display:grid!important}
.mobile-drawer-head{
display:flex;align-items:center;justify-content:space-between;
padding:8px 10px 10px;border-bottom:1px solid #edf2f7;margin-bottom:4px;
color:#13243d;font-size:16px;
}
.mobile-drawer-head strong:first-letter{color:#087cff}
.mobile-drawer-close{
width:34px;height:34px;border:1px solid #dbe7f1;border-radius:9px;
background:#f8fbff;color:#24364e;font-size:24px;line-height:1;cursor:pointer;
}
.mobile-drawer a{
display:block!important;padding:13px 12px!important;border-radius:10px!important;
color:#344760!important;font-size:14px!important;font-weight:750!important;
}
.mobile-drawer a:hover{background:#f2f8fd!important;color:#087cff!important}
@media(max-width:650px){
.tick-header{
height:78px!important;padding:0 4%!important;
display:flex!important;align-items:center!important;
justify-content:flex-start!important;gap:12px!important;
grid-template-columns:none!important;
}
.tick-header .header-menu{order:1!important;justify-self:auto!important}
.tick-header .centered-logo{
order:2!important;justify-self:auto!important;
margin:0!important;flex:0 0 auto!important;
font-size:23px!important;letter-spacing:-1.5px!important;
}
.tick-header .header-right{
order:3!important;margin-left:auto!important;
display:flex!important;align-items:center!important;gap:8px!important;
min-width:0!important;
}
.tick-header .header-link,.tick-header .header-action{font-size:12px!important}
.tick-header .signup-link{padding:8px 10px!important}
.tick-header .cart-button,.tick-header .cart-icon{width:42px!important;height:42px!important}
.desktop-main-nav{display:none!important}
}
@media(max-width:430px){
.tick-header{gap:10px!important}
.tick-header .centered-logo{font-size:21px!important}
.tick-header .header-right{gap:6px!important}
.tick-header .header-action{font-size:11px!important}
.tick-header .signup-link{padding:8px 8px!important}
.tick-header .cart-button,.tick-header .cart-icon{width:40px!important;height:40px!important}
}
/* V62 — Client settings + dashboard action */
.client-welcome-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.settings-icon-btn{width:52px;height:52px;border:1px solid #d8e5f2;border-radius:12px;background:#fff;color:#33445c;display:grid;place-items:center;box-shadow:0 6px 18px rgba(30,78,120,.06);transition:.2s}.settings-icon-btn:hover{border-color:#b9d8f5;color:#087cff;transform:translateY(-1px)}.settings-icon-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-shell{max-width:1180px;margin:0 auto;padding:48px 4.5% 80px}.settings-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.settings-heading h1{font-size:40px;letter-spacing:-1.8px;margin:7px 0}.settings-heading p{color:#718097;margin:0;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.settings-card{background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:25px;box-shadow:0 8px 28px rgba(35,78,120,.045)}.settings-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:10px}.settings-card-head>div:first-child{display:flex;gap:12px;align-items:center}.settings-card h2{font-size:22px;margin:4px 0}.settings-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900}.settings-icon.blue{background:#eaf5ff;color:#087cff}.settings-icon.dark{background:#edf2f7;color:#253650}.settings-icon.light{background:#f3f7fb;color:#087cff}.settings-status{font-size:11px;color:#6e7d91;background:#f5f8fb;border:1px solid #e5edf5;border-radius:999px;padding:7px 10px}.settings-muted{color:#718097;font-size:13px;line-height:1.6;margin:0 0 20px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form-grid label,.settings-form-single label{font-size:12px;font-weight:800;color:#4d5e75}.settings-form-grid input,.settings-form-grid select,.settings-form-single input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d5e1ed;border-radius:11px;outline:none;background:#fff;font:inherit;color:#1b2a40}.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-form-single input:focus{border-color:#9bcfff;box-shadow:0 0 0 3px rgba(0,126,255,.07)}.settings-form-single{display:grid;gap:14px}.settings-actions{display:flex;justify-content:flex-end;margin-top:18px}.form-result{font-size:12px;font-weight:700;margin:10px 0 0}.form-result.success{color:#109766}.form-result.error{color:#d34d4d}.account-detail-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf2f7;font-size:13px}.account-detail-row span{color:#718097}.account-detail-row strong{color:#1a2a41}.status-active{color:#109766!important}.settings-tip{margin-top:16px;padding:13px 14px;border-radius:11px;background:#f5faff;border:1px solid #dceeff;color:#66778e;font-size:12px;line-height:1.55}.compact-settings .btn{margin-top:4px}
@media(max-width:850px){.settings-shell{padding:34px 5% 60px}.settings-heading{align-items:flex-start;flex-direction:column}.settings-heading h1{font-size:34px}.settings-grid{grid-template-columns:1fr}.client-welcome-actions{width:100%}.client-welcome-actions .btn{flex:1}.settings-icon-btn{flex:0 0 52px}.settings-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.settings-form-grid{grid-template-columns:1fr}.settings-card{padding:19px}.settings-heading h1{font-size:30px}.settings-card-head{align-items:flex-start}.settings-status{display:none}.settings-actions .btn{width:100%}.client-welcome-actions{gap:8px}.settings-icon-btn{width:50px;height:50px}}
/* V64 — ZinkHost AI Support floating assistant */
.tickhost-ai-launcher{position:fixed;right:20px;bottom:22px;width:56px;height:56px;border:1px solid #cfe0ef;border-radius:50%;background:#fff;color:#087cff;display:grid;place-items:center;z-index:10050;box-shadow:0 10px 28px rgba(20,58,100,.18);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tickhost-ai-launcher:hover{transform:translateY(-2px);border-color:#a9cbed;box-shadow:0 14px 32px rgba(20,58,100,.22)}.tickhost-ai-launcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tickhost-ai-badge{position:absolute;right:-1px;top:-2px;width:16px;height:16px;border-radius:50%;background:#087cff;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.tickhost-ai-panel{position:fixed;right:20px;bottom:90px;width:min(380px,calc(100vw - 28px));height:min(570px,calc(100vh - 125px));background:#fff;border:1px solid #dbe7f1;border-radius:18px;z-index:10049;box-shadow:0 24px 65px rgba(17,47,82,.22);overflow:hidden;display:none;flex-direction:column}.tickhost-ai-panel.show{display:flex}.tickhost-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:#f4f9fe;border-bottom:1px solid #e0ebf4}.tickhost-ai-brand{display:flex;align-items:center;gap:10px}.tickhost-ai-logo{width:38px;height:38px;border-radius:11px;background:#eaf5ff;color:#087cff;display:grid;place-items:center;font-weight:900;font-size:15px}.tickhost-ai-brand strong{display:block;color:#172b45;font-size:14px}.tickhost-ai-brand small{display:block;color:#74849a;font-size:11px;margin-top:2px}.tickhost-ai-close{width:34px;height:34px;border:1px solid #d7e4ef;background:#fff;border-radius:9px;color:#53657b;font-size:20px;line-height:1;cursor:pointer}.tickhost-ai-messages{flex:1;overflow:auto;padding:15px;background:#fbfdff;display:flex;flex-direction:column;gap:10px}.tickhost-ai-msg{max-width:86%;padding:10px 12px;border-radius:13px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.tickhost-ai-msg.ai{align-self:flex-start;background:#f0f6fb;border:1px solid #e0ebf4;color:#33485f}.tickhost-ai-msg.user{align-self:flex-end;background:#087cff;color:#fff}.tickhost-ai-msg a{color:#087cff;font-weight:700}.tickhost-ai-msg.user a{color:#fff}.tickhost-ai-typing{font-size:12px;color:#7a8a9d;padding:0 3px;display:none}.tickhost-ai-quick{display:flex;gap:7px;overflow:auto;padding:0 13px 10px;background:#fff}.tickhost-ai-quick button{flex:0 0 auto;border:1px solid #d9e7f2;background:#fff;border-radius:999px;padding:7px 10px;color:#496077;font-size:11px;font-weight:750;cursor:pointer}.tickhost-ai-quick button:hover{border-color:#a9cbed;color:#087cff}.tickhost-ai-input{display:flex;gap:8px;padding:11px;border-top:1px solid #e2ebf3;background:#fff}.tickhost-ai-input textarea{flex:1;resize:none;height:43px;border:1px solid #d4e1ed;border-radius:11px;padding:11px 12px;font:inherit;font-size:13px;outline:none;color:#1c2c42}.tickhost-ai-input textarea:focus{border-color:#9bcfff}.tickhost-ai-send{width:44px;height:43px;border:0;border-radius:11px;background:#087cff;color:#fff;display:grid;place-items:center;cursor:pointer}.tickhost-ai-send:disabled{opacity:.55;cursor:wait}.tickhost-ai-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tickhost-ai-foot{padding:6px 12px 9px;background:#fff;color:#9aa7b7;text-align:center;font-size:9px;border-top:1px solid #f0f3f6}@media(max-width:520px){.tickhost-ai-launcher{right:14px;bottom:18px;width:52px;height:52px}.tickhost-ai-panel{right:10px;bottom:78px;width:calc(100vw - 20px);height:min(560px,calc(100vh - 105px));border-radius:16px}.tickhost-ai-head{padding:13px}.tickhost-ai-messages{padding:13px}.tickhost-ai-msg{font-size:12.5px}}
.service-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.service-actions .btn{font-size:12px;padding:10px 14px}@media(max-width:600px){.service-actions{display:grid;grid-template-columns:1fr;max-width:240px;margin:auto}.service-actions .btn{width:100%}}
/* Client portal modules */
.portal-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.portal-page-head h1{font-size:42px;letter-spacing:-1.5px;margin:7px 0}.portal-page-head p{margin:0;color:#718097}.portal-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.portal-cards{display:grid;gap:16px}.service-card{display:flex;align-items:center;gap:18px}.service-card-icon{width:52px;height:52px;border-radius:15px;background:#eef7ff;color:#087cff;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.service-card-main{flex:1}.service-card-main h2{margin:4px 0;font-size:21px}.service-card-main p{margin:0;color:#718097;font-size:12px}.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf4fb;color:#50647c;font-size:11px;font-weight:800;white-space:nowrap}.status-badge.success{background:#eafaf2;color:#0b9861}.empty-portal{text-align:center;padding:70px 25px}.empty-portal h2{margin:15px 0 6px}.empty-portal p{color:#7a8798;max-width:500px;margin:0 auto 20px;line-height:1.6}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th,.table-wrap td{padding:15px 18px;text-align:left;border-bottom:1px solid #edf2f7;font-size:13px}.table-wrap th{background:#f8fbfe;color:#718097;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.table-wrap td{color:#40516a}.ticket-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #edf2f7}.ticket-row:last-child{border-bottom:0}.ticket-row h3{margin:5px 0;font-size:16px}.ticket-row p{margin:0 0 7px;color:#718097;font-size:12px}.ticket-row small{color:#9aa5b4}.data-list form input,.data-list form select,.panel form input,.panel form select,.panel form textarea{width:100%;box-sizing:border-box;border:1px solid #d6e1ec;border-radius:11px;padding:12px 13px;margin-bottom:12px;background:#fff;color:#14213d;font:inherit}.panel form input:focus,.panel form select:focus,.panel form textarea:focus{outline:none;border-color:#1683e8;box-shadow:0 0 0 3px rgba(22,131,232,.08)}.security-card{max-width:650px}.security-card h2,.security-info h2{margin-top:0}.muted{color:#7a8798;font-size:13px}.security-row{padding:12px 0;border-bottom:1px solid #edf2f7;color:#40516a;font-weight:700}.notification-list{display:grid;gap:12px}.notification-item{display:flex;gap:15px;padding:19px;background:#fff;border:1px solid #e0e9f3;border-radius:15px;box-shadow:0 7px 25px rgba(35,78,120,.04)}.notification-icon{width:42px;height:42px;border-radius:12px;background:#edf7ff;color:#087cff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.notification-item b{font-size:14px}.notification-item p{margin:5px 0;color:#718097;font-size:13px}.notification-item small{color:#9aa5b4}.profile-panel{max-width:900px}
@media(max-width:850px){.portal-page-head{align-items:flex-start;flex-direction:column}.portal-page-head h1{font-size:34px}.portal-grid{grid-template-columns:1fr}.service-card{align-items:flex-start;flex-wrap:wrap}.service-card strong{margin-left:70px}.portal-page-head .btn{width:100%;text-align:center}}
@media(max-width:520px){.portal-page-head h1{font-size:30px}.service-card{padding:17px}.service-card-main{min-width:calc(100% - 75px)}.service-card .status-badge{margin-left:70px}.empty-portal{padding:50px 18px}.ticket-row{align-items:flex-start;flex-direction:column}}
/* V78 — Client Portal mobile navigation */
@media(max-width:700px){
.client-body .mobile-drawer{top:78px!important;max-height:calc(100vh - 96px)!important;overflow:auto!important}
.client-body .mobile-drawer a{padding:13px 14px!important}
.client-body .client-sidebar{display:none!important}
}
/* V79 — Hosting service details */
.service-card-premium{display:block!important;padding:0!important;overflow:hidden;border-radius:18px;transition:box-shadow .2s ease,border-color .2s ease}.service-card-premium:hover{border-color:#c5ddf2;box-shadow:0 15px 40px rgba(30,78,120,.09)}.service-summary{display:flex;align-items:center;gap:18px;padding:20px}.service-top-meta{display:flex;align-items:center;gap:18px;margin-left:auto}.service-top-meta strong{font-size:17px;color:#14213d;white-space:nowrap}.service-top-meta small{font-size:10px;color:#8290a3;font-weight:700}.service-details-toggle{border:1px solid #d6e5f2;background:#f7fbff;color:#087cff;border-radius:10px;padding:10px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.service-details-toggle span{margin-left:5px;font-size:14px}.service-details{display:none;border-top:1px solid #e7eef6;background:#fbfdff;padding:24px}.service-details.open{display:block}.service-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.service-detail-head h3{margin:5px 0 0;font-size:24px}.service-order-chip{padding:7px 10px;border-radius:9px;background:#edf7ff;color:#087cff;font-size:11px;font-weight:900}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e3ebf3;border:1px solid #e3ebf3;border-radius:13px;overflow:hidden}.service-detail-grid>div{background:#fff;padding:15px}.service-detail-grid span{display:block;color:#7b899b;font-size:11px;font-weight:700;margin-bottom:5px}.service-detail-grid b{color:#172b45;font-size:14px}.service-green{color:#0b9861!important}.service-info-box{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-top:18px}.service-info-box>div{padding:17px;border:1px solid #e1eaf3;border-radius:13px;background:#fff}.service-info-box p{color:#66768d;line-height:1.6;font-size:13px;margin:8px 0 0}.service-features ul{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.service-features li{font-size:12px;color:#53657b}.service-features li:before{content:'✓';color:#087cff;font-weight:900;margin-right:7px}.service-detail-actions{display:flex;gap:10px;margin-top:18px}.service-detail-actions .btn{min-width:130px;text-align:center}.service-detail-actions .btn.ghost{background:#fff}
@media(max-width:850px){.service-summary{flex-wrap:wrap}.service-top-meta{margin-left:70px}.service-details-toggle{margin-left:70px}.service-detail-grid{grid-template-columns:1fr 1fr}.service-info-box{grid-template-columns:1fr}.service-features ul{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.service-summary{padding:17px;gap:13px}.service-card-main{min-width:calc(100% - 70px)}.service-top-meta{width:100%;margin-left:70px;justify-content:space-between}.service-details-toggle{margin-left:70px}.service-detail-grid{grid-template-columns:1fr}.service-detail-head{align-items:flex-start;flex-direction:column}.service-features ul{grid-template-columns:1fr}.service-detail-actions{display:grid;grid-template-columns:1fr}.service-detail-actions .btn{width:100%;box-sizing:border-box}}
/* ZinkHost V81 - Service expiry system */
.service-red{color:#c73535!important}.service-warning{color:#b56b00!important}
.status-badge.warning{background:#fff4d8;color:#a65f00}
.status-badge.danger{background:#ffe8e8;color:#bd2f2f}
.expiry-alert{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:16px 0;padding:13px 16px;border:1px solid #d7e8f6;border-radius:12px;background:#f5fbff;color:#40556d}
.expiry-alert strong{color:#167fd1}.expiry-alert.danger{background:#fff1f1;border-color:#ffd0d0}.expiry-alert.danger strong{color:#c73535}
.notification-row.warning{border-color:#ffe0a8;background:#fffaf0}
.notification-row.danger{border-color:#ffcaca;background:#fff5f5}
@media(max-width:700px){.expiry-alert{display:block}.expiry-alert span{display:block;margin-top:4px}}
.notification-item.warning{border-color:#ffe0a8!important;background:#fffaf0!important}
.notification-item.danger{border-color:#ffcaca!important;background:#fff5f5!important}
/* ZinkHost V82 — Support Ticket System */
.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:18px;align-items:start}
.ticket-layout .ticket-thread-panel{grid-column:1/-1}
.ticket-click{width:100%;border:0;background:#fff;color:inherit;text-align:left;cursor:pointer}
.ticket-click:hover{border-color:#9dcef2;box-shadow:0 8px 22px rgba(20,133,232,.08)}
.ticket-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.ticket-row h3{margin:6px 0 5px;font-size:16px}.ticket-row p{margin:0;color:#718096;font-size:13px;max-width:700px}
.icon-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#65758a;font-size:22px;cursor:pointer}
.ticket-thread{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow:auto;padding:4px}
.ticket-message{max-width:82%;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#f8fbfe}
.ticket-message.customer-msg{align-self:flex-start}.ticket-message.admin-msg{align-self:flex-end;background:#edf7ff;border-color:#cbe5fa}
.ticket-message-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.ticket-message-head small{color:#7b8998}
.ticket-message p{margin:0;white-space:pre-wrap;line-height:1.55;color:#334155}
.ticket-attachment{display:inline-block;margin-top:10px;padding:8px 11px;border-radius:9px;background:#fff;border:1px solid #d6e5f1;color:#1685df;font-weight:800;font-size:12px}
.ticket-reply{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.ticket-reply-bar{display:flex;align-items:center;gap:12px;margin-top:10px}.ticket-reply-bar input{flex:1}
.admin-ticket-list{display:grid;gap:9px}.admin-ticket-row{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;color:var(--navy)}
.admin-ticket-row:hover{border-color:#94c8f1;background:#fbfdff}.admin-ticket-row h4{margin:5px 0;font-size:14px}.admin-ticket-row p{margin:0;color:var(--muted);font-size:12px}
.form-result{color:#587087;font-size:12px}.mini{color:#7a8998;font-size:12px}
@media(max-width:850px){.ticket-layout{grid-template-columns:1fr}.ticket-layout .ticket-thread-panel{grid-column:auto}.ticket-message{max-width:94%}}
@media(max-width:600px){.ticket-reply-bar{display:block}.ticket-reply-bar input{margin-bottom:10px}.ticket-reply-bar .btn{width:100%}.ticket-row{padding:13px}.ticket-row .status-badge{white-space:nowrap}}
/* ZinkHost V84 — Client notification bell */
.notify-wrap{position:relative;display:flex;align-items:center}
.notify-bell{position:relative;width:40px;height:40px;border:1px solid #dbe6ef;border-radius:11px;background:#fff;color:#19324f;cursor:pointer;font-size:19px;display:grid;place-items:center}
.notify-bell:hover{border-color:#8fc7f1;background:#f6fbff}
.notify-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e74646;color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff}
.notify-popover{display:none;position:absolute;right:0;top:49px;width:360px;background:#fff;border:1px solid #dbe6ef;border-radius:16px;box-shadow:0 18px 50px rgba(20,48,80,.16);z-index:1000;overflow:hidden}
.notify-popover.open{display:block}
.notify-pop-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #e7eef5}
.notify-pop-head a{font-size:12px;color:#1685df;font-weight:800}
.notify-empty{padding:25px;text-align:center;color:#75869a;font-size:13px}
.notify-popover .notification-item{border:0;border-bottom:1px solid #edf2f6;border-radius:0;margin:0;padding:12px 14px;background:#fff}
.notify-popover .notification-item:last-child{border-bottom:0}
.notification-item{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #dce8f1;border-radius:14px;background:#fff;margin-bottom:10px}
.notification-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#edf7ff;display:grid;place-items:center;font-size:17px}
.notification-copy{min-width:0}.notification-copy b{font-size:14px;color:#17314e}.notification-copy p{margin:5px 0;color:#65758a;font-size:13px;line-height:1.5}.notification-copy small{color:#8b99a7;font-size:11px}
.notification-link{display:inline-block;margin-top:8px;color:#1685df;font-size:12px;font-weight:900}
.notification-item.success{border-color:#ccebdc;background:#fbfffd}.notification-item.success .notification-icon{background:#eaf8f1}
.notification-item.warning{border-color:#ffe0a8;background:#fffaf0}.notification-item.warning .notification-icon{background:#fff2d8}
.notification-item.danger{border-color:#ffcaca;background:#fff6f6}.notification-item.danger .notification-icon{background:#ffe6e6}
@media(max-width:700px){
.notify-popover{position:fixed;right:10px;left:10px;top:66px;width:auto;max-height:70vh;overflow:auto}
.notify-bell{width:38px;height:38px}
}
/* ================= ZinkHost V86 UI POLISH ================= */
:root{--th-blue:#087ff5;--th-blue-2:#18a8ee;--th-ink:#10243d;--th-muted:#66778b;--th-line:#dfeaf3;--th-soft:#f5faff}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--th-ink)}
a,button,input,select,textarea{transition:all .2s ease}
button,.btn,[class*="btn"],a[class*="btn"]{font-family:inherit}
.btn,.th-final-btn,.th-primary-btn{border-radius:11px!important}
.btn:hover,.th-final-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(8,127,245,.16)}
.panel,.th-card,.plan-card,.hosting-plan-card,.feature-card,.tick-includes-grid article,.tick-locations article{border-color:var(--th-line)}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#7fc4f3!important;box-shadow:0 0 0 3px rgba(8,127,245,.10)!important}
.th-ui-ready .th-reveal{animation:thReveal .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes thReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.th-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;vertical-align:-2px;animation:thSpin .7s linear infinite;margin-right:7px}
button.is-loading{pointer-events:none;opacity:.8}
@keyframes thSpin{to{transform:rotate(360deg)}}
.th-page-loader{position:fixed;inset:0;background:rgba(255,255,255,.96);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
.th-page-loader.active{opacity:1;pointer-events:auto}
.th-loader-logo{font-size:30px;font-weight:900;color:var(--th-ink)}.th-loader-logo span{color:var(--th-blue)}
.th-loader-line{width:150px;height:3px;background:#e5f1f9;border-radius:99px;overflow:hidden;margin-top:16px}.th-loader-line i{display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--th-blue),var(--th-blue-2));animation:thLoad 1s ease-in-out infinite}
@keyframes thLoad{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
.ticket-success-modal{position:fixed;inset:0;background:rgba(10,28,48,.52);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:100001}.ticket-success-modal.show{opacity:1;visibility:visible;pointer-events:auto}.ticket-success-card{width:min(440px,100%);background:#fff;border:1px solid #dcebf7;border-radius:24px;padding:34px 28px;text-align:center;box-shadow:0 25px 80px rgba(8,54,94,.25);transform:translateY(14px) scale(.98);transition:.22s ease}.ticket-success-modal.show .ticket-success-card{transform:none}.ticket-success-icon{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b83f6,#20b4e8);color:#fff;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(8,127,245,.25)}.ticket-success-card h2{margin:0 0 9px;color:#14213d;font-size:25px}.ticket-success-card p{margin:0 auto 22px;color:#65768a;line-height:1.65;max-width:360px}
.th-toast-wrap{position:fixed;right:20px;bottom:20px;z-index:100000;display:flex;flex-direction:column;gap:9px;max-width:min(390px,calc(100vw - 30px))}
.th-toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--th-line);box-shadow:0 15px 40px rgba(19,53,85,.16);border-radius:13px;padding:12px 13px;font-size:13px;font-weight:700;opacity:0;transform:translateY(10px);transition:.25s}
.th-toast.show{opacity:1;transform:none}.th-toast button{margin-left:auto;border:0;background:transparent;font-size:19px;color:#8291a1;cursor:pointer}.th-toast-dot{width:8px;height:8px;border-radius:50%;background:var(--th-blue);flex:none}
.th-toast-success .th-toast-dot{background:#16a06b}.th-toast-error .th-toast-dot{background:#e34d4d}.th-toast-warning .th-toast-dot{background:#ed9c18}
.th-empty-state{padding:42px 20px;text-align:center;border:1px dashed #cddde9;border-radius:16px;background:#fbfdff}.th-empty-icon{font-size:30px;margin-bottom:8px}.th-empty-state h3{margin:5px 0}.th-empty-state p{color:var(--th-muted);font-size:13px;margin:0}
.th-error-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#eaf7ff 0,#fff 45%)}.th-error-card{width:min(620px,100%);text-align:center;background:#fff;border:1px solid var(--th-line);border-radius:22px;padding:46px 28px;box-shadow:0 20px 60px rgba(20,70,110,.1)}.th-error-code{font-size:78px;line-height:1;font-weight:950;color:var(--th-blue);letter-spacing:-5px}.th-error-card h1{margin:12px 0 8px}.th-error-card p{color:var(--th-muted);line-height:1.7;max-width:480px;margin:0 auto 24px}
.th-status-strip{margin:34px 0 0;border-top:1px solid #dceaf4;border-bottom:1px solid #dceaf4;background:#f6fbff;overflow:hidden;position:relative}.th-status-track{display:flex;width:max-content;animation:thMarquee 32s linear infinite}.th-status-strip:hover .th-status-track{animation-play-state:paused}.th-status-item{display:flex;align-items:center;gap:9px;padding:15px 25px;white-space:nowrap;border-right:1px solid #dfeaf3;font-size:12px;font-weight:800;color:#456078}.th-status-item i{width:8px;height:8px;border-radius:50%;background:#12a873;box-shadow:0 0 0 4px rgba(18,168,115,.10)}.th-status-item b{color:#0e8af0}.th-status-item .pulse{animation:thPulse 1.8s infinite}
@keyframes thMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes thPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:700px){.th-toast-wrap{right:12px;bottom:12px}.th-error-code{font-size:62px}.th-status-item{padding:13px 18px;font-size:11px}.th-status-track{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition:none!important}}
/* V86.1 navigation loader / BFCache polish */
.th-page-loader{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.th-page-loader.active{display:flex}
.th-loader-logo{letter-spacing:-1px}
.th-loader-line{position:relative}
.th-loading{overflow:hidden}
@media(max-width:700px){
.th-page-loader{padding-bottom:env(safe-area-inset-bottom)}
}
/* V87 — Strong Customer Service Details */
.service-card-premium{overflow:hidden;border-radius:18px!important;background:#fff}
.service-card-premium .service-summary{padding:20px 20px 18px}
.service-card-premium .service-details{padding:0 20px 20px}
.service-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;border-top:1px solid #e4edf4}
.service-detail-head h3{margin:5px 0 3px;font-size:20px}.service-detail-head p{margin:0;color:#738397;font-size:12px}
.service-detail-grid-strong{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:2px}
.service-detail-item{min-height:72px;padding:13px 14px!important;border:1px solid #dce8f1!important;border-radius:12px;background:linear-gradient(180deg,#fff,#f9fcff);display:flex;flex-direction:column;justify-content:center}
.service-detail-item span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#7c8da0;margin-bottom:6px}
.service-detail-item b{font-size:14px;color:#142f4b;line-height:1.25}.service-detail-item b small{font-weight:700;color:#75879a}
.service-status-success{color:#16865b!important}.service-status-warning{color:#b77800!important}.service-status-gray{color:#657487!important}.service-status-danger{color:#d13e3e!important}
.service-info-row{margin-top:12px}.service-info-row .service-info-box{border:1px solid #dce8f1;border-radius:14px;background:#f8fcff;padding:16px}
.service-info-row .service-info-box p{margin:6px 0 0;color:#62758a;line-height:1.6;font-size:13px}
.service-detail-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e4edf4}
.service-detail-actions .btn{min-width:120px;text-align:center}
@media(max-width:900px){.service-detail-grid-strong{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){
.service-detail-head{flex-direction:column}.service-detail-grid-strong{grid-template-columns:1fr 1fr!important}
.service-detail-item{min-height:66px;padding:11px!important}.service-detail-actions{display:grid;grid-template-columns:1fr 1fr}
.service-detail-actions .btn{min-width:0}
}
/* Client portal same-page navigation */
.client-content.portal-loading{opacity:.55;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;min-height:420px}
.client-nav a{cursor:pointer}
.portal-route-error{text-align:center;max-width:620px;margin:50px auto;padding:45px 25px}
.portal-route-error h2{margin:16px 0 7px}
.portal-route-error p{color:#718097;margin:0 0 20px}
/* ZinkHost Hosting Plan Cards V89 — same white/blue site theme */
.host-v43-plan{overflow:hidden;padding:0;min-height:100%;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.host-v43-plan:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(25,77,120,.11)}.host-v43-plan.is-popular{border:2px solid #087cff;box-shadow:0 18px 45px rgba(8,124,255,.12)}.plan-popular{display:flex;align-items:center;justify-content:center;min-height:46px;background:linear-gradient(135deg,#087cff,#18a5ef);color:#fff;font-size:12px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.plan-card-inner{padding:27px}.host-v43-price-wrap{margin:20px 0 13px}.host-v43-price{min-height:83px}.host-v43-price .price-line{display:flex;align-items:center;gap:8px;min-height:22px}.host-v43-price .old-price{font-size:13px;color:#9aa7b5}.save-badge{display:none;align-items:center;border:1px solid #b9def7;background:#eef8ff;color:#087cff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.host-v43-price .current-price{font-size:43px;letter-spacing:-2.3px;color:#0c1b32}.host-v43-price .price-cycle{font-size:13px;color:#728197;margin-left:5px}.host-v43-price .pkr-price{display:block;color:#087cff;font-size:11px;font-weight:800;margin-top:5px}.plan-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f7fafc;border-radius:12px;padding:4px;margin:10px 0 9px}.plan-periods button{border:0;background:transparent;color:#64748b;font-weight:800;font-size:11px;border-radius:9px;padding:10px 6px;cursor:pointer}.plan-periods button.active{background:#087cff;color:#fff;box-shadow:0 5px 14px rgba(8,124,255,.2)}.plan-periods button:disabled{opacity:.4;cursor:not-allowed}.billing-note{min-height:31px;text-align:center;color:#8a98a9;font-size:10px;line-height:1.45;margin-bottom:14px}.host-v43-plan .host-v43-btn.full{min-height:48px}.host-v43-plan .plan-rule{margin:23px 0 14px}.host-v43-plan h4{font-size:11px}.host-v43-plan li{font-size:12px}.host-v43-plan .plan-badge{margin-bottom:3px}
@media(max-width:900px){.host-v43-plan-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:5px 4% 18px;margin-left:-2%;margin-right:-2%;scrollbar-width:none}.host-v43-plan-grid::-webkit-scrollbar{display:none}.host-v43-plan{flex:0 0 calc(88vw - 10px);scroll-snap-align:center}.host-v43-plan:hover{transform:none}.plan-card-inner{padding:23px}.host-v43-price .current-price{font-size:39px}.host-v43-plan-grid:after{content:'';flex:0 0 2px}}
@media(max-width:600px){.host-v43-plan{border-radius:17px}.host-v43-plan.is-popular{border-width:2px}.plan-popular{min-height:42px;font-size:10px}.plan-card-inner{padding:22px 19px}.host-v43-plan h3{font-size:25px}.host-v43-plan .plan-desc{font-size:12px;min-height:40px}.host-v43-price .current-price{font-size:42px}.plan-periods button{font-size:12px;padding:11px 5px}.billing-note{font-size:10px}.host-v43-plan .host-v43-btn.full{font-size:12px;padding:13px 15px}.host-v43-plan li{font-size:12px;padding:7px 0 7px 22px}}
/* V90: Hosting plan mobile cards — one compact card per row, no horizontal scrolling */
@media(max-width:600px){
.host-v43-plan-grid{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:14px !important;
overflow:visible !important;
scroll-snap-type:none !important;
padding:4px 8px 14px !important;
margin:0 !important;
}
.host-v43-plan{
width:100% !important;
min-width:0 !important;
max-width:360px !important;
margin:0 auto !important;
flex:initial !important;
scroll-snap-align:none !important;
padding:18px 16px !important;
border-radius:14px !important;
box-sizing:border-box;
}
.host-v43-plan .plan-badge{font-size:7px;letter-spacing:.9px}
.host-v43-plan h3{font-size:19px;line-height:1.2;margin:5px 0}
.host-v43-plan .plan-desc{font-size:10px;line-height:1.45;min-height:32px}
.host-v43-price{margin:13px 0 10px}
.host-v43-price b{font-size:29px;letter-spacing:-1.2px}
.host-v43-price>span{font-size:9px}
.host-v43-price small{font-size:8px;margin-top:3px}
.host-v43-plan .plan-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.host-v43-plan .plan-periods button{font-size:9px;padding:8px 4px}
.host-v43-plan .billing-note{font-size:8px;line-height:1.4;margin-top:6px}
.host-v43-plan .host-v43-btn.full{font-size:10px;padding:10px 12px;border-radius:8px}
.host-v43-plan .plan-rule{margin:13px 0 8px}
.host-v43-plan h4{font-size:9px;margin-bottom:5px}
.host-v43-plan li{font-size:9px;line-height:1.35;padding:4px 0 4px 14px}
.host-v43-plan li:before{font-size:9px}
.plan-popular{min-height:34px;font-size:9px}
}
/* ZinkHost V92 — footer columns on mobile
Keep Hosting, Company, Contact and Legal side-by-side in a clean 2-column layout. */
@media(max-width:600px){
.premium-footer .footer-top-v40{
grid-template-columns:1fr 1fr !important;
gap:28px 22px !important;
align-items:start !important;
}
.premium-footer .footer-brand{
grid-column:1/-1 !important;
}
.premium-footer .footer-top-v40 .footer-col{
min-width:0 !important;
}
.premium-footer .footer-top-v40 .footer-col a{
font-size:12px !important;
line-height:1.4 !important;
margin:9px 0 !important;
}
.premium-footer .footer-top-v40 .footer-col h4{
font-size:13px !important;
margin-bottom:12px !important;
}
.premium-footer .footer-contact div{
margin-bottom:12px !important;
}
.premium-footer .footer-contact span,
.premium-footer .footer-contact a{
overflow-wrap:anywhere !important;
}
}
/* ZinkHost footer contact + branded information refinement */
.premium-footer .footer-top-v40{
grid-template-columns:1.9fr repeat(4,1fr)!important;
gap:32px!important;
align-items:start!important;
}
.footer-brand-info h3{margin:13px 0 8px!important;font-size:17px!important;color:#13213a!important}
.footer-logo-link{display:inline-flex!important;align-items:center!important}
.footer-logo-img{display:block!important;width:190px!important;height:auto!important;max-width:100%!important}
.footer-contact-info{display:grid!important;gap:13px!important;margin:20px 0 17px!important}
.footer-contact-info>div{display:grid!important;gap:3px!important}
.footer-contact-info .footer-contact-label{font-size:10px!important;letter-spacing:.9px!important;font-weight:900!important;color:#087cff!important}
.footer-contact-info a,.footer-contact-info span:not(.footer-contact-label){font-size:13px!important;line-height:1.45!important;color:#60708a!important;margin:0!important}
.footer-contact-info a:hover{color:#087cff!important}
@media(max-width:1100px){
.premium-footer .footer-top-v40{grid-template-columns:1.6fr repeat(3,1fr)!important}
.premium-footer .footer-brand-info{grid-column:1/-1!important}
}
@media(max-width:600px){
.premium-footer .footer-top-v40{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}
.premium-footer .footer-brand-info{grid-column:1/-1!important}
.premium-footer .footer-logo-img{width:175px!important}
.premium-footer .footer-brand-info p{max-width:none!important;font-size:14px!important}
.footer-contact-info{gap:11px!important}
.premium-footer .footer-col h4{font-size:13px!important}
.premium-footer .footer-col a{font-size:12px!important;line-height:1.4!important}
}
@media(max-width:390px){
.premium-footer .footer-top-v40{grid-template-columns:1fr 1fr!important;gap:24px 14px!important}
.premium-footer .footer-brand-info{grid-column:1/-1!important}
.premium-footer .footer-top-v40 .footer-col{min-width:0!important}
}
/* ZinkHost Blog */
.blog-hero{background:linear-gradient(180deg,#f4f9ff 0%,#eef6ff 72%,#fff 100%);padding:74px 20px 64px;text-align:center;border-bottom:1px solid #dcecff;position:relative;overflow:hidden}.blog-hero:before,.blog-hero:after{content:"";position:absolute;border-radius:50%;background:#dcebff;opacity:.55;filter:blur(2px)}.blog-hero:before{width:220px;height:220px;left:-100px;top:20px}.blog-hero:after{width:260px;height:260px;right:-120px;top:70px}.blog-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #cfe3fb;background:#fff;border-radius:999px;color:#1379e8;font-weight:800;font-size:13px;letter-spacing:.04em;position:relative;z-index:1}.blog-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.04em;color:#0d1d35;margin:22px auto 18px;max-width:920px;position:relative;z-index:1}.blog-hero h1 span{color:#147ff5}.blog-hero p{max-width:720px;margin:auto;color:#66788e;font-size:18px;line-height:1.7;position:relative;z-index:1}.blog-filter{max-width:1180px;margin:-25px auto 42px;padding:0 20px;position:relative;z-index:2;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.blog-filter button{border:1px solid #d4e4f5;background:#fff;color:#52657d;padding:10px 17px;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 5px 20px rgba(25,91,155,.05)}.blog-filter button.active,.blog-filter button:hover{background:#147ff5;color:#fff;border-color:#147ff5}.blog-grid{max-width:1180px;margin:0 auto;padding:0 20px 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border:1px solid #dbe8f6;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(23,73,122,.08);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(23,73,122,.14)}.blog-card-image{height:210px;background:#eef6ff;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-cat{position:absolute;top:14px;left:14px;background:#147ff5;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.03em}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-meta{font-size:12px;color:#7b8ba0;margin-bottom:12px}.blog-card h2{font-size:21px;line-height:1.25;color:#12233c;margin:0 0 10px}.blog-card p{font-size:14px;line-height:1.7;color:#68798d;margin:0 0 15px}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}.blog-tags span{font-size:11px;font-weight:700;background:#edf6ff;color:#1677d9;padding:5px 8px;border-radius:6px}.blog-read{display:inline-flex;margin-top:16px;color:#147ff5;font-weight:800;font-size:14px;text-decoration:none}.blog-newsletter{max-width:1140px;margin:0 auto 80px;padding:48px 25px;border-radius:24px;background:linear-gradient(135deg,#0d78ed,#25a2ff);color:#fff;text-align:center;box-shadow:0 18px 50px rgba(20,127,245,.2)}.blog-newsletter h2{margin:10px 0;font-size:32px}.blog-newsletter p{margin:0 auto 22px;max-width:620px;opacity:.9}.blog-newsletter form{display:flex;max-width:560px;margin:auto;gap:10px}.blog-newsletter input{flex:1;border:0;border-radius:12px;padding:14px 16px;min-width:0}.blog-newsletter button{border:0;border-radius:12px;padding:14px 20px;font-weight:800;color:#147ff5;background:#fff}.article-wrap{max-width:930px;margin:0 auto;padding:62px 20px 80px}.article-hero{text-align:center}.article-hero .blog-kicker{margin-bottom:15px}.article-hero h1{font-size:clamp(36px,6vw,62px);line-height:1.05;color:#10233e;letter-spacing:-.035em;margin:12px 0 18px}.article-hero p{font-size:18px;line-height:1.8;color:#66798e;max-width:760px;margin:0 auto 22px}.article-meta{color:#7c8ca0;font-size:13px}.article-cover{margin:38px 0 42px;border-radius:24px;overflow:hidden;border:1px solid #dbe8f6;box-shadow:0 15px 40px rgba(23,73,122,.1)}.article-cover img{display:block;width:100%;height:auto}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 35px}.article-tags span{background:#edf6ff;color:#1478df;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}.article-content h2{font-size:29px;color:#12243e;margin:42px 0 12px}.article-content p{font-size:17px;line-height:1.9;color:#53677d;margin:0 0 18px}.article-end{margin-top:45px;padding:25px;border-radius:18px;background:#f3f8fe;border:1px solid #dceafa}.article-end strong{color:#12243e}.blog-empty{grid-column:1/-1;text-align:center;padding:60px;color:#6b7d91}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-image{height:190px}}@media(max-width:620px){.blog-hero{padding:52px 18px 55px}.blog-hero p{font-size:16px}.blog-grid{grid-template-columns:1fr;padding:0 14px 55px;gap:18px}.blog-card-image{height:190px}.blog-card h2{font-size:20px}.blog-newsletter{margin:0 14px 55px;padding:36px 18px}.blog-newsletter h2{font-size:27px}.blog-newsletter form{flex-direction:column}.blog-newsletter button{width:100%}.article-wrap{padding:42px 16px 60px}.article-content h2{font-size:25px}.article-content p{font-size:16px}.article-cover{margin-top:28px;border-radius:18px}}
/* Blog cards are fully clickable */
.blog-card[data-url]{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.blog-card[data-url]:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,122,238,.12);}
.blog-card[data-url]:focus-visible{outline:3px solid rgba(17,122,238,.35);outline-offset:3px;}
/* V100 — ZinkHost cart */
.cart-wrap{max-width:1120px;margin:0 auto;padding:58px 22px 90px;min-height:62vh}.cart-head{text-align:center;max-width:760px;margin:0 auto 34px}.cart-head h1{margin:10px 0;color:#14213d;font-size:42px;line-height:1.12}.cart-head p{margin:0;color:#6b7a8e;line-height:1.7}.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.cart-list,.cart-summary,.cart-empty{background:#fff;border:1px solid #dce7f1;border-radius:20px;box-shadow:0 12px 34px rgba(18,57,92,.07)}.cart-list{overflow:hidden}.cart-item{display:grid;grid-template-columns:1fr auto;gap:18px;padding:24px;border-bottom:1px solid #e7eef5}.cart-item:last-child{border-bottom:0}.cart-item-type{font-size:10px;letter-spacing:.14em;font-weight:900;color:#1683e8;margin-bottom:7px}.cart-item h3{margin:0 0 6px;color:#14213d;font-size:21px}.cart-item-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6c7b8e;font-size:13px}.cart-item-meta span{background:#f1f7fc;border:1px solid #e0ebf4;padding:5px 8px;border-radius:8px}.cart-item-price{text-align:right;font-weight:900;color:#1683e8;font-size:20px;white-space:nowrap}.cart-remove{border:1px solid #dbe6ef;background:#fff;color:#c33c4d;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:800;margin-top:10px}.cart-remove:hover{border-color:#c33c4d;background:#fff5f6}.cart-summary{padding:24px;position:sticky;top:24px}.cart-summary h2{margin:0 0 20px;color:#14213d;font-size:21px}.cart-total-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;color:#64748b}.cart-total-row.total{border-top:1px solid #e3ebf3;margin-top:7px;padding-top:18px;color:#14213d;font-size:22px;font-weight:900}.cart-actions{display:grid;gap:10px;margin-top:20px}.cart-primary,.cart-secondary{display:block;text-align:center;text-decoration:none;border-radius:11px;padding:14px 16px;font-weight:850;cursor:pointer}.cart-primary{border:0;background:#1683e8;color:#fff;box-shadow:0 8px 22px rgba(22,131,232,.22)}.cart-primary:hover{background:#0d72cf}.cart-secondary{border:1px solid #d7e4ef;background:#fff;color:#1683e8}.cart-clear{border:0;background:transparent;color:#9a6470;font-size:12px;cursor:pointer;padding:8px}.cart-empty{padding:55px 25px;text-align:center}.cart-empty .cart-empty-icon{width:66px;height:66px;border-radius:18px;background:#eef7ff;color:#1683e8;display:grid;place-items:center;margin:0 auto 16px;font-size:28px}.cart-empty h2{margin:0 0 8px;color:#14213d}.cart-empty p{color:#718096;margin:0 0 20px}.cart-empty a{display:inline-block;background:#1683e8;color:#fff;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:850}@media(max-width:850px){.cart-wrap{padding:36px 14px 65px}.cart-head h1{font-size:31px}.cart-head p{font-size:14px}.cart-grid{grid-template-columns:1fr}.cart-summary{position:static;order:-1}.cart-item{grid-template-columns:1fr;padding:18px}.cart-item-price{text-align:left}.cart-item h3{font-size:19px}.cart-actions{grid-template-columns:1fr}.cart-primary,.cart-secondary{width:100%;box-sizing:border-box}}
.tick-cart-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:99999;background:#14213d;color:#fff;padding:12px 17px;border-radius:12px;box-shadow:0 12px 30px rgba(20,33,61,.22);font-weight:800;font-size:13px;transition:.22s ease}.tick-cart-toast.show{opacity:1;transform:translate(-50%,0)}
/* Reseller Hosting v109 — isolated layout fixes */
.reseller-page .rh-hero{overflow:hidden}
.reseller-page .rh-hero-grid{min-height:420px}
.reseller-page .rh-hero-card{position:relative;overflow:hidden;padding:0;min-height:390px}
.reseller-page .rh-hero-image{display:block;width:100%;height:100%;min-height:390px;object-fit:cover}
.reseller-page .rh-hero-overlay{position:absolute;left:22px;right:22px;bottom:22px;padding:16px;border:1px solid rgba(220,234,247,.95);border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 35px rgba(24,83,135,.12)}
.reseller-page .rh-hero-overlay .rh-list{gap:7px}
.reseller-page .rh-hero-overlay .rh-list div{font-size:10px}
.reseller-page .rh-hero-overlay .rh-list i{width:18px;height:18px;font-size:9px}
.reseller-page .rh-plan.featured{position:relative!important;top:auto!important;right:auto!important;left:auto!important;display:flex!important}
.reseller-page .rh-plan.popular{position:relative!important;top:auto!important;right:auto!important;left:auto!important}
.reseller-page .rh-tag{display:none!important}
.reseller-page .rh-plans{width:100%;max-width:1100px;margin:0 auto;align-items:stretch}
.reseller-page .rh-plan{height:100%}
.reseller-page .rh-body{display:flex;flex-direction:column;height:100%}
.reseller-page .rh-features{margin-top:0}
.reseller-page .rh-choose{margin-top:4px}
.reseller-page .rh-visual{padding:0;min-height:250px;background:#eef8ff}
.reseller-page .rh-visual img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}
.reseller-page .rh-feature{min-height:145px}
@media(max-width:900px){
.reseller-page .rh-plans{grid-template-columns:1fr;max-width:650px;gap:18px}
.reseller-page .rh-plan:last-child{grid-column:auto;max-width:none;width:100%;margin:0}
.reseller-page .rh-hero-grid{min-height:0}
.reseller-page .rh-hero-card{min-height:330px}
.reseller-page .rh-hero-image{min-height:330px}
.reseller-page .desktop-main-nav{display:none!important}
}
@media(max-width:600px){
.reseller-page .rh-hero{padding-top:40px}
.reseller-page .rh-hero-card{min-height:285px}
.reseller-page .rh-hero-image{min-height:285px}
.reseller-page .rh-hero-overlay{left:12px;right:12px;bottom:12px;padding:12px}
.reseller-page .rh-hero-overlay .rh-card-title{font-size:10px;margin-bottom:8px}
.reseller-page .rh-hero-overlay .rh-list{gap:5px}
.reseller-page .rh-hero-overlay .rh-list div{font-size:8px}
.reseller-page .rh-stat-row{margin-top:8px}
.reseller-page .rh-stat{padding:7px}
.reseller-page .rh-stat strong{font-size:13px}
.reseller-page .rh-stat small{font-size:7px}
.reseller-page .rh-plans{max-width:100%;gap:16px}
.reseller-page .rh-plan{border-radius:16px}
.reseller-page .rh-body{padding:22px 20px}
.reseller-page .rh-plan h3{font-size:20px}
.reseller-page .rh-now{font-size:39px}
.reseller-page .rh-visual,.reseller-page .rh-visual img{min-height:200px}
}
/* Reseller Hosting v110 — mobile-first visual correction
Desktop layout is intentionally untouched. */
@media (max-width: 900px){
.reseller-page .rh-hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.reseller-page .rh-hero{padding:42px 20px 48px;overflow:visible}
.reseller-page .rh-hero h1{font-size:clamp(34px,9.6vw,48px);line-height:1.04;letter-spacing:-2px;margin:12px 0 14px}
.reseller-page .rh-hero p{font-size:13px;line-height:1.65}
.reseller-page .rh-actions{margin:18px 0 10px}
.reseller-page .rh-btn{min-height:42px;padding:11px 15px;font-size:11px}
.reseller-page .rh-hero-card{min-height:0!important;height:auto;padding:0;border-radius:16px;overflow:hidden}
.reseller-page .rh-hero-image{display:block;width:100%;height:auto;min-height:0!important;max-height:none;object-fit:contain;object-position:center top;background:#eef7ff}
.reseller-page .rh-hero-overlay{position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:13px 14px;border:0;border-top:1px solid #dceaf7;border-radius:0;background:rgba(255,255,255,.98);backdrop-filter:none;box-shadow:none}
.reseller-page .rh-hero-overlay .rh-card-title{font-size:11px;margin-bottom:8px}
.reseller-page .rh-hero-overlay .rh-list{gap:6px}
.reseller-page .rh-hero-overlay .rh-list div{font-size:9px}
.reseller-page .rh-hero-overlay .rh-list i{width:18px;height:18px;font-size:9px;flex:0 0 18px}
.reseller-page .rh-stat-row{margin-top:9px}
.reseller-page .rh-stat{padding:8px}
.reseller-page .rh-stat strong{font-size:13px}
.reseller-page .rh-stat small{font-size:7px}
.reseller-page .rh-section{padding:58px 20px}
.reseller-page .rh-head{margin-bottom:22px}
.reseller-page .rh-head h2{font-size:26px;line-height:1.12;letter-spacing:-1px}
.reseller-page .rh-head p{font-size:11px;line-height:1.55}
.reseller-page .rh-plans{grid-template-columns:1fr!important;max-width:620px;width:100%;gap:14px;margin:0 auto}
.reseller-page .rh-plan,.reseller-page .rh-plan:last-child{width:100%;max-width:none;margin:0;grid-column:auto}
/* Migration banner: preserve desktop's horizontal visual hierarchy, but scale it down. */
.reseller-page .rh-banner{margin:0 20px 46px;padding:18px 18px;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.reseller-page .rh-banner h3{font-size:15px;line-height:1.2;margin:0 0 4px}
.reseller-page .rh-banner p{font-size:8px;line-height:1.45;max-width:none;margin:0}
.reseller-page .rh-banner .rh-btn{min-height:34px;padding:8px 10px;font-size:9px;border-radius:8px}
/* Content below migration: keep each desktop row's image/text pairing, compactly stacked. */
.reseller-page .rh-split{padding:42px 20px}
.reseller-page .rh-split-row,.reseller-page .rh-split-row.reverse{display:grid;grid-template-columns:1fr;gap:18px;max-width:620px;margin:0 auto 42px;align-items:stretch}
.reseller-page .rh-split-row.reverse .rh-visual{order:0}
.reseller-page .rh-visual{width:100%;min-height:0!important;height:auto;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#eef7ff}
.reseller-page .rh-visual img{display:block;width:100%;height:100%;min-height:0!important;object-fit:contain;object-position:center;background:#eef7ff}
.reseller-page .rh-visual:before,.reseller-page .rh-visual:after{display:none}
.reseller-page .rh-split h2{font-size:21px;line-height:1.16;letter-spacing:-.6px}
.reseller-page .rh-split p{font-size:10px;line-height:1.6;margin:0}
.reseller-page .rh-points{margin:10px 0 0}
.reseller-page .rh-points li{font-size:8.5px;line-height:1.8}
.reseller-page .rh-tools{padding:54px 20px}
.reseller-page .rh-tabs{margin:18px auto;grid-template-columns:repeat(2,1fr);gap:3px}
.reseller-page .rh-tabs button{font-size:8px;padding:9px 5px}
.reseller-page .rh-tool-grid{grid-template-columns:1fr;gap:10px}
.reseller-page .rh-tool{padding:15px}
.reseller-page .rh-tool h3{font-size:10px}
.reseller-page .rh-tool p{font-size:8.5px}
.reseller-page .rh-comparison{padding:54px 20px}
.reseller-page .rh-compare{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.reseller-page .rh-c-head,.reseller-page .rh-row,.reseller-page .rh-actions{min-width:640px}
.reseller-page .rh-faq{padding:54px 20px}
.reseller-page .rh-cta{margin:0 20px 46px;padding:34px 20px;border-radius:17px}
.reseller-page .rh-cta h2{font-size:25px;line-height:1.12}
}
@media (max-width:520px){
.reseller-page .rh-hero{padding:32px 16px 40px}
.reseller-page .rh-hero h1{font-size:36px;letter-spacing:-1.7px}
.reseller-page .rh-kicker{font-size:8px;letter-spacing:1.4px}
.reseller-page .rh-hero p{font-size:12px}
.reseller-page .rh-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reseller-page .rh-actions .rh-btn{width:100%;padding:10px 8px;font-size:9px}
.reseller-page .rh-note{font-size:8px;line-height:1.5}
.reseller-page .rh-hero-card{border-radius:14px}
.reseller-page .rh-hero-image{width:100%;height:auto}
.reseller-page .rh-hero-overlay{padding:11px 12px}
.reseller-page .rh-hero-overlay .rh-card-title{font-size:10px}
.reseller-page .rh-hero-overlay .rh-list div{font-size:8px}
.reseller-page .rh-stat{padding:7px 5px}
.reseller-page .rh-stat strong{font-size:12px}
.reseller-page .rh-stat small{font-size:6.5px}
.reseller-page .rh-banner{margin-left:16px;margin-right:16px;padding:15px 13px;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.reseller-page .rh-banner h3{font-size:12px}
.reseller-page .rh-banner p{font-size:7px}
.reseller-page .rh-banner .rh-btn{font-size:8px;padding:7px 8px;min-height:31px}
.reseller-page .rh-split{padding:34px 16px}
.reseller-page .rh-split-row,.reseller-page .rh-split-row.reverse{gap:14px;margin-bottom:34px}
.reseller-page .rh-visual{aspect-ratio:16/9;border-radius:13px}
.reseller-page .rh-split h2{font-size:19px}
.reseller-page .rh-split p{font-size:9px}
.reseller-page .rh-points li{font-size:8px;line-height:1.75}
.reseller-page .rh-feature-grid{grid-template-columns:1fr 1fr;gap:8px}
.reseller-page .rh-feature{min-height:0;padding:14px 11px;border-radius:11px}
.reseller-page .rh-feature h3{font-size:9px}
.reseller-page .rh-feature p{font-size:7.5px;line-height:1.45}
.reseller-page .rh-icon{width:30px;height:30px;border-radius:9px;margin-bottom:8px}
}
@media (max-width:390px){
.reseller-page .rh-actions{grid-template-columns:1fr}
.reseller-page .rh-feature-grid{grid-template-columns:1fr}
.reseller-page .rh-banner{grid-template-columns:1fr}
.reseller-page .rh-banner .rh-btn{justify-self:start}
}
/* Homepage hosting category cards — five-plan responsive layout */
.starter-plan-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.home-category-card{min-width:0;padding:22px 18px;border-radius:18px;display:flex;flex-direction:column}
.home-category-card .starter-card-top{display:block}
.home-category-card .starter-label{font-size:9px;letter-spacing:1.15px}
.home-category-card .starter-card-top h3{font-size:18px;line-height:1.15;margin-top:7px;letter-spacing:-.45px}
.home-category-card .starter-desc{font-size:11px;line-height:1.45;min-height:48px;margin:13px 0 12px}
.home-category-card .starter-price{margin-bottom:13px}
.home-category-card .starter-price strong{font-size:28px;letter-spacing:-1px}
.home-category-card .starter-price span{font-size:10px}
.home-category-card .starter-price small{font-size:9px;margin-top:3px}
.home-category-card .starter-list{gap:6px;margin-bottom:16px;min-height:96px}
.home-category-card .starter-list li{font-size:10px;line-height:1.35;padding-left:17px}
.home-category-card .starter-list li:before{font-size:10px}
.home-category-card .btn{font-size:10px;padding:10px 8px;border-radius:9px;margin-top:auto;white-space:nowrap}
.home-category-card.has-home-tag{padding-top:28px}
.home-category-tag{position:absolute;top:0;right:12px;padding:5px 8px;border-radius:0 0 8px 8px;background:#087cff;color:#fff;font-size:8px;font-weight:900;letter-spacing:.55px;box-shadow:0 5px 15px rgba(0,126,255,.18)}
.home-category-card:nth-child(2) .home-category-tag{background:#142036}
.home-category-card:nth-child(5) .home-category-tag{background:#16a8ff}
.home-plan-loading{grid-column:1/-1;text-align:center;padding:28px;color:#758295;font-size:13px}
@media(max-width:1050px){.starter-plan-grid-five{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-category-card .starter-list{min-height:auto}}
@media(max-width:700px){.starter-plan-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-category-card{padding:18px 14px;border-radius:16px}.home-category-card.has-home-tag{padding-top:25px}.home-category-card .starter-card-top h3{font-size:17px}.home-category-card .starter-desc{font-size:10px;min-height:57px}.home-category-card .starter-price strong{font-size:27px}.home-category-card .starter-list li{font-size:9.5px}.home-category-card .btn{font-size:9px;padding:10px 6px}}
@media(max-width:430px){.starter-plan-grid-five{grid-template-columns:1fr}.home-category-card .starter-desc{min-height:auto}.home-category-card .starter-list{min-height:auto}.home-category-card{padding:20px 17px}}
/* ZinkHost Hosting category dropdown — Shared / WordPress / VPS / Cloud / Reseller */
@media (min-width:901px){
header .desktop-main-nav .hosting-nav-item{position:relative;display:flex;align-items:center;height:78px}
header .desktop-main-nav .hosting-nav-trigger{display:inline-flex;align-items:center;gap:5px!important;color:#17243a!important}
.hosting-nav-chevron{font-size:10px;color:#6e8197;transition:transform .18s ease}
.hosting-nav-item.open .hosting-nav-chevron{transform:rotate(180deg);color:#087cff}
.hosting-nav-dropdown{
position:absolute;top:calc(100% - 8px);left:50%;transform:translateX(-50%) translateY(8px);
width:218px;padding:8px;background:rgba(255,255,255,.98);
border:1px solid #dce8f3;border-radius:14px;box-shadow:0 20px 45px rgba(25,76,120,.16),0 0 24px rgba(8,124,255,.06);
display:grid;gap:3px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:10000;
}
.hosting-nav-item:hover .hosting-nav-dropdown,.hosting-nav-item.open .hosting-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.hosting-nav-dropdown a{display:flex!important;align-items:center!important;padding:11px 12px!important;border-radius:9px!important;color:#33465d!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important}
.hosting-nav-dropdown a:hover{background:#eef7ff!important;color:#087cff!important}
.hosting-nav-dropdown a::before{content:'›';color:#087cff;font-size:15px;font-weight:900;margin-right:8px}
}
.mobile-hosting-group{display:block}
.mobile-hosting-toggle{
width:100%;display:flex;align-items:center;justify-content:space-between;
padding:13px 12px;border:0;border-radius:10px;background:transparent;color:#344760;
font:inherit;font-size:14px;font-weight:750;cursor:pointer;text-align:left;
}
.mobile-hosting-toggle b{font-size:13px;color:#708196;transition:transform .18s ease}
.mobile-hosting-toggle.open{background:#f2f8fd;color:#087cff}
.mobile-hosting-toggle.open b{transform:rotate(180deg);color:#087cff}
.mobile-hosting-submenu{display:none;margin:0 0 5px 9px;padding:4px 0 4px 8px;border-left:2px solid #dcefff}
.mobile-hosting-submenu.open{display:grid}
.mobile-hosting-submenu a{padding:10px 11px!important;border-radius:8px!important;font-size:13px!important;color:#52647a!important}
.mobile-hosting-submenu a:hover{background:#eef7ff!important;color:#087cff!important}
/* ZinkHost Footer V2 — reference-inspired responsive layout */
.tick-footer-v2{background:#fff!important;color:#657184!important;border-top:1px solid #e7edf3!important;padding:0 30px!important;box-shadow:none!important;overflow:hidden!important}
.tick-footer-v2 .footer-glow{display:none!important}
.footer-v2-inner{max-width:1380px;margin:0 auto}
.footer-v2-main{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:48px;padding:62px 0 52px}
.footer-v2-brand{min-width:0}
.tick-footer-v2 .footer-logo-link{display:inline-flex;align-items:center;margin-bottom:16px}
.tick-footer-v2 .footer-logo-img{width:155px;height:auto;display:block}
.footer-v2-brand h3{font-size:14px;color:#182338;margin:0 0 12px;font-weight:800}
.footer-v2-brand p{max-width:330px;margin:0 0 24px;color:#7a8594;font-size:14px;line-height:1.65}
.footer-v2-contact{display:grid;gap:13px}
.footer-v2-contact div{display:grid;grid-template-columns:22px 1fr;column-gap:9px;align-items:center;font-size:13px}
.footer-v2-contact span{grid-row:1/3;color:#1685ef;font-size:18px;text-align:center}
.footer-v2-contact b{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#8994a2}
.footer-v2-contact em,.footer-v2-contact a{font-style:normal;color:#667486;text-decoration:none;margin-top:2px}
.footer-v2-contact a:hover{color:#087cff}
.footer-v2-col h4{margin:0 0 18px;color:#182338;font-size:15px;font-weight:800}
.tick-footer-v2 .footer-v2-col a{display:block!important;margin:0 0 13px!important;color:#748091!important;text-decoration:none!important;font-size:13px!important;line-height:1.25;transition:.2s}
.tick-footer-v2 .footer-v2-col a:hover{color:#087cff!important}
.footer-v2-trust{border-top:1px solid #e5ebf1;display:flex;align-items:center;gap:18px;padding:28px 0 24px;flex-wrap:wrap;color:#788494;font-size:13px}
.footer-v2-trust span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.footer-v2-trust span:first-child{color:#1685ef}.footer-v2-trust b{font-weight:700;color:#6c7888}
.footer-v2-trust i{width:1px;height:18px;background:#dbe2e9;display:block}
.footer-v2-payments{border-top:1px solid #e5ebf1;padding:25px 0 30px;display:flex;gap:55px;flex-wrap:wrap}
.payment-group h5{margin:0 0 13px;font-size:10px;letter-spacing:1.2px;color:#7b8796}
.payment-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.payment-box,.pk-payment{height:48px;min-width:62px;padding:8px 11px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(20,55,90,.045);display:flex;align-items:center;justify-content:center}
.payment-box img{max-width:42px;max-height:25px;display:block}
.stripe-secure{font-size:12px;color:#778494;margin-left:4px;white-space:nowrap}
.pk-payment{font-size:10px;font-weight:800;min-width:auto;padding:8px 14px}
.pk-payment.jazzcash{color:#c8102e}.pk-payment.easypaisa{color:#28a36a}.pk-payment.bank{color:#667486;font-size:12px;font-weight:600}
.footer-v2-bottom{border-top:1px solid #e5ebf1;padding:24px 0 28px;display:grid;grid-template-columns:1.2fr auto 1fr;align-items:center;gap:25px;color:#7b8796;font-size:12px}
.footer-v2-bottom strong{display:block;color:#687486;font-size:13px;font-weight:600}.footer-v2-bottom small{display:block;margin-top:7px;color:#9aa4b0;font-size:11px}
.systems{justify-self:center;white-space:nowrap}.systems i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c776;box-shadow:0 0 8px rgba(34,199,118,.25);margin-right:7px}
.footer-v2-legal{display:flex;justify-content:flex-end;gap:26px}.footer-v2-legal a{color:#687486;text-decoration:none}.footer-v2-legal a:hover{color:#087cff}
@media(max-width:1050px){.footer-v2-main{grid-template-columns:1.5fr repeat(2,1fr);gap:38px}.footer-v2-brand{grid-row:span 2}.footer-v2-bottom{grid-template-columns:1fr 1fr}.systems{justify-self:start}.footer-v2-legal{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.tick-footer-v2{padding:0 30px!important}.footer-v2-main{grid-template-columns:1fr 1fr;gap:31px 28px;padding:44px 0 38px}.footer-v2-brand{grid-column:1/-1;grid-row:auto}.tick-footer-v2 .footer-logo-img{width:145px}.footer-v2-brand p{font-size:14px;max-width:100%}.footer-v2-contact{grid-template-columns:1fr;gap:11px}.footer-v2-contact div{grid-template-columns:22px 1fr}.footer-v2-trust{gap:14px 16px;padding:24px 0 20px}.footer-v2-trust i{display:none}.footer-v2-trust span{font-size:13px;width:calc(50% - 8px)}.footer-v2-payments{display:block;padding:23px 0 28px}.payment-group+.payment-group{margin-top:25px}.payment-row{gap:9px}.payment-box{min-width:60px;height:46px}.stripe-secure{width:100%;margin:1px 0 0 2px}.footer-v2-bottom{display:block;padding:22px 0 28px}.systems{display:block;margin:18px 0}.footer-v2-legal{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 12px}.footer-v2-legal a{font-size:12px}.footer-v2-bottom strong{font-size:13px}.footer-v2-bottom small{font-size:10px}}
.ticket-btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;margin-right:6px;animation:ticketSpin .7s linear infinite}
@keyframes ticketSpin{to{transform:rotate(360deg)}}
.ticket-success-toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-18px) scale(.97);opacity:0;visibility:hidden;z-index:100010;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #cce9db;border-radius:12px;padding:10px 15px;box-shadow:0 12px 35px rgba(8,54,94,.18);color:#126b43;font-weight:800;font-size:14px;transition:.2s ease;pointer-events:none}
.ticket-success-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.ticket-toast-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#19a66a;color:#fff;font-size:13px;font-weight:900}
.form-result.success{color:#16824f}.form-result.error{color:#c53a3a}
/* ZinkHost V131 — hide My Account text on mobile Client Portal header */
@media(max-width:650px){
.tick-header .my-account-action{display:none!important}
.tick-header .header-right{gap:8px!important}
}
@media(max-width:430px){.tick-header .header-right{gap:6px!important}}
/* Clickable notification feedback */
.notification-item[role=button]{cursor:pointer}
.notification-item[role=button]:focus-visible{outline:2px solid #1685df;outline-offset:2px}
/* ZinkHost 2FA controls */
.twofa-panel{position:relative}.twofa-box{margin-top:20px;padding:18px;border:1px solid var(--line,#dce8f2);border-radius:16px;background:#f7fbff;display:flex;justify-content:space-between;align-items:center;gap:18px}.twofa-switch{position:relative;width:52px;height:30px;display:inline-block;flex:0 0 auto}.twofa-switch input{opacity:0;width:0;height:0}.twofa-switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:30px;cursor:pointer;transition:.2s}.twofa-switch span:before{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.twofa-switch input:checked+span{background:#087ff5}.twofa-switch input:checked+span:before{transform:translateX(22px)}
/* v171 client service access */
.dashboard-service-list{display:grid;gap:12px}
.dashboard-service-card{border:1px solid #dfeaf3;background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(18,54,82,.05)}
.dashboard-service-top{display:flex;align-items:center;gap:12px}
.dashboard-service-top h3{margin:3px 0 2px}
.dashboard-service-top p{margin:0;color:#718096;font-size:13px}
.dashboard-service-top .status-badge{margin-left:auto}
.dashboard-service-meta{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;color:#718096;font-size:13px}
.dashboard-service-actions{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-service-actions .btn,.service-detail-actions .btn{margin:0}
.service-access-pending{display:block;flex:1 1 100%;padding:11px 13px;border-radius:10px;background:#f7fbff;border:1px solid #dcebf7;color:#64758b;font-size:12px;font-weight:700}
.dashboard-view-all{font-weight:800;color:#087ff5;text-decoration:none;padding:3px 2px}
@media(max-width:640px){
.dashboard-service-actions .btn{flex:1 1 100%}
.dashboard-service-meta{gap:10px}
}
.dashboard-domain-card{border:1px solid #dce8f2;border-radius:16px;padding:14px;background:#fff;margin:8px 0}
.dashboard-domain-top{display:flex;align-items:center;gap:10px}.dashboard-domain-top h3{margin:2px 0;font-size:16px}.dashboard-domain-top p{margin:3px 0;color:#718096;font-size:12px}
.dashboard-domain-top>div:nth-child(2){flex:1;min-width:0}.dashboard-domain-top .status-badge{white-space:nowrap}
/* Spaceship domain manager */
.domain-manager-panel{margin-top:18px}.domain-manager-card{padding:24px}.domain-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.domain-manager-head h2{margin:5px 0 4px;font-size:28px}.domain-manager-head p{margin:0;color:#718096}.domain-manager-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.domain-manager-message{display:none;margin:16px 0;padding:12px 14px;border-radius:11px;background:#edf7ff;color:#1765a3;font-weight:800;font-size:12px}.domain-manager-message:not(:empty){display:block}.domain-manager-message.success{background:#edf9f4;color:#0b8b58}.domain-manager-message.error{background:#fff1f2;color:#b53d52}.domain-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.domain-overview-grid>div{border:1px solid #e2edf5;background:#f9fcff;border-radius:13px;padding:13px}.domain-overview-grid span{display:block;color:#7b889a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.domain-overview-grid b{display:block;margin-top:5px;font-size:13px}.domain-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.domain-control-block{border:1px solid #dce9f3;border-radius:16px;padding:18px;background:#fff}.domain-control-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.domain-control-title h3{margin:0 0 4px;font-size:17px}.domain-control-title p{margin:0;color:#7b889a;font-size:11px;line-height:1.5}.domain-radio,.domain-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;margin:9px 0}.domain-ns-inputs{display:grid;gap:8px;margin:12px 0}.domain-ns-inputs input,.dns-add-grid input,.dns-add-grid select,.dns-advanced input{width:100%;border:1px solid #d6e3ed;border-radius:10px;padding:10px 11px;background:#fff;color:#14213d}.domain-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.domain-safe-note,.domain-pending-note{padding:12px 14px;background:#f7fbff;border:1px solid #deebf5;border-radius:12px;color:#66788e;font-size:11px;line-height:1.55}.domain-pending-note{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.domain-pending-note b{color:#14213d}.domain-pending-note span{flex:1;min-width:220px}.domain-dns-block{margin-top:14px}.dns-add-grid{display:grid;grid-template-columns:90px 1fr 2fr 100px 100px auto;gap:8px;align-items:center}.dns-advanced{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.dns-record-list{margin-top:15px;display:grid;gap:7px}.dns-record-row{display:grid;grid-template-columns:60px minmax(160px,1fr) minmax(120px,.7fr) auto;gap:10px;align-items:center;border-top:1px solid #edf2f6;padding:10px 0}.dns-record-row:first-child{border-top:0}.dns-record-row>div{min-width:0}.dns-record-row b,.dns-record-row small{display:block;overflow-wrap:anywhere}.dns-record-row small{color:#65768b;margin-top:3px}.dns-type{display:inline-flex;justify-content:center;padding:5px 7px;border-radius:8px;background:#edf7ff;color:#087ff5;font-weight:900;font-size:10px}.domain-hidden{display:none!important}.domain-card-error{margin:10px 0;padding:10px 12px;border-radius:10px;background:#fff1f2;color:#a93d4d;font-size:11px;font-weight:700}.domain-manager-loading,.domain-manager-error{padding:24px;text-align:center}.domain-manager-error{color:#b53d52}
@media(max-width:900px){.domain-overview-grid{grid-template-columns:1fr 1fr}.domain-control-grid{grid-template-columns:1fr}.dns-add-grid{grid-template-columns:1fr 1fr}.dns-add-grid .btn{grid-column:1/-1}.dns-advanced{grid-template-columns:1fr 1fr}.dns-record-row{grid-template-columns:54px 1fr auto}.dns-record-row>span:nth-child(3){display:none}}
@media(max-width:560px){.domain-manager-card{padding:16px}.domain-manager-head{display:block}.domain-manager-head-actions{margin-top:12px}.domain-overview-grid{grid-template-columns:1fr 1fr}.dns-add-grid,.dns-advanced{grid-template-columns:1fr}.dns-record-row{grid-template-columns:48px 1fr}.dns-record-row button{grid-column:1/-1}.domain-inline-actions .btn{width:100%}}
/* V402 — unified ZinkHost cloud-link logo across website header/footer/error pages */
.tick-header .centered-logo{display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;letter-spacing:0!important;text-shadow:none!important;min-width:170px!important}
.tick-header .centered-logo .global-header-logo{display:block!important;width:168px!important;height:auto!important;max-height:48px!important}
.th-error-card .error-logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;margin-bottom:10px!important}
.th-error-card .error-logo .global-header-logo{width:190px!important;height:auto!important;display:block!important}
.footer-logo-img{object-fit:contain!important;object-position:left center!important}
@media(max-width:650px){
.tick-header .centered-logo{min-width:138px!important}
.tick-header .centered-logo .global-header-logo{width:142px!important;max-height:40px!important}
}
@media(max-width:390px){.tick-header .centered-logo .global-header-logo{width:132px!important}}
/* ZinkHost V435 — unified responsive brand logo */
img[src*="zinkhost-logo.svg"],img[src*="zinkhost-logo-v435.png"],img[src*="zinkhost-logo-v437.png"]{
object-fit:contain;
object-position:center;
}
.global-header-logo,.footer-logo-img,.pf-brand img,.error-logo img{
height:auto!important;
}
/* Preserve the original blue/cyan logo in dark themes while adding enough separation from dark surfaces. */
body.portal-dark img[src*="zinkhost-logo"],
body.dark-mode img[src*="zinkhost-logo"],
body.theme-dark img[src*="zinkhost-logo"],
html[data-theme="dark"] img[src*="zinkhost-logo"]{
filter:brightness(1.12) saturate(1.08) drop-shadow(0 2px 8px rgba(0,174,255,.22));
}
@media(max-width:700px){
.tick-header .centered-logo .global-header-logo{width:148px!important;max-height:44px!important}
.footer-logo-img{max-width:170px!important}
.pf-brand img{max-width:168px!important;height:auto!important}
}
@media(max-width:390px){
.tick-header .centered-logo .global-header-logo{width:138px!important}
.footer-logo-img{max-width:158px!important}
}
/* ZinkHost V440 — logged-in public header matching the supplied reference */
.tick-header .header-menu{
border:0!important;
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
width:42px!important;
height:42px!important;
padding:0!important;
}
.tick-header .header-menu:hover{
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.tick-header .header-menu span{
width:24px!important;
height:2.5px!important;
background:#10233d!important;
}
.tick-header.is-authenticated{
grid-template-columns:auto auto 1fr auto!important;
column-gap:24px!important;
padding-left:3.2%!important;
padding-right:3.2%!important;
}
.tick-header.is-authenticated .header-menu{grid-column:1;justify-self:start!important}
.tick-header.is-authenticated .centered-logo{
grid-column:2;
justify-self:start!important;
min-width:0!important;
}
.tick-header.is-authenticated .centered-logo .global-header-logo{
width:188px!important;
max-height:52px!important;
}
.tick-header.is-authenticated .header-right{
grid-column:4;
justify-self:end!important;
}
.authenticated-header-actions{display:flex!important;align-items:center!important;gap:12px!important}
.public-header-icon{
position:relative;
width:48px;
height:48px;
padding:0;
display:grid;
place-items:center;
border:1px solid #dce7f1;
border-radius:13px;
background:#fff;
color:#10233d;
cursor:pointer;
box-shadow:0 3px 12px rgba(17,54,91,.045);
transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.public-header-icon:hover{border-color:#b7d9f7;background:#f9fcff;transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,91,160,.08)}
.public-header-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.public-header-cart{color:#0b83f6}
.public-header-cart .cart-count{
right:-5px!important;
top:-7px!important;
min-width:20px!important;
height:20px!important;
background:#0b83f6!important;
color:#fff!important;
border:2px solid #fff!important;
font-size:10px!important;
}
.public-account-wrap{position:relative}
.public-account-button{
height:48px;
min-width:92px;
padding:4px 11px 4px 6px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
border:1px solid #dce7f1;
border-radius:13px;
background:#fff;
color:#193653;
cursor:pointer;
box-shadow:0 3px 12px rgba(17,54,91,.045);
transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.public-account-button:hover,.public-account-button[aria-expanded="true"]{border-color:#b7d9f7;background:#f9fcff;box-shadow:0 7px 18px rgba(15,91,160,.08)}
.public-account-avatar{
width:38px;
height:38px;
flex:0 0 38px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:50%;
background:linear-gradient(145deg,#e6f4ff,#f8fbff);
border:1px solid #dcebf8;
color:#087cf0;
font-size:15px;
font-weight:900;
}
.public-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.public-account-initial{display:grid;place-items:center;width:100%;height:100%}
.public-account-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.public-account-button[aria-expanded="true"] .public-account-chevron{transform:rotate(180deg)}
.public-account-menu{
position:absolute;
top:58px;
right:0;
z-index:1400;
width:220px;
padding:8px;
display:none;
background:#fff;
border:1px solid #dce7f1;
border-radius:14px;
box-shadow:0 18px 45px rgba(16,49,82,.16);
}
.public-account-menu.show{display:block}
.public-account-summary{padding:10px 11px 12px;border-bottom:1px solid #edf2f6;margin-bottom:5px;min-width:0}
.public-account-summary strong,.public-account-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.public-account-summary strong{font-size:12px;color:#152b45}.public-account-summary small{font-size:10px;color:#7b8ca0;margin-top:3px}
.public-account-menu a,.public-account-menu button{
width:100%;
min-height:38px;
padding:0 11px;
display:flex;
align-items:center;
border:0;
border-radius:9px;
background:transparent;
color:#40566f;
font:inherit;
font-size:12px;
font-weight:760;
text-align:left;
cursor:pointer;
}
.public-account-menu a:hover,.public-account-menu button:hover{background:#eef7ff;color:#087cf0}
@media(max-width:700px){
.tick-header.is-authenticated{height:72px!important;padding:0 14px!important;grid-template-columns:auto auto 1fr auto!important;column-gap:9px!important}
.tick-header.is-authenticated .centered-logo .global-header-logo{width:148px!important;max-height:42px!important}
.authenticated-header-actions{gap:7px!important}
.public-header-icon{width:40px;height:40px;border-radius:11px}
.public-header-icon svg{width:21px;height:21px}
.public-account-button{height:40px;min-width:60px;padding:3px 8px 3px 4px;border-radius:11px;gap:5px}
.public-account-avatar{width:32px;height:32px;flex-basis:32px}
.public-account-chevron{width:15px;height:15px}
.public-account-menu{top:49px;right:0;width:205px}
.tick-header .header-menu{width:36px!important;height:40px!important}
.tick-header .header-menu span{width:22px!important}
}
@media(max-width:560px){
.tick-header.is-authenticated{grid-template-columns:auto minmax(110px,1fr) auto!important}
.tick-header.is-authenticated .header-menu{grid-column:1}
.tick-header.is-authenticated .centered-logo{grid-column:2;justify-self:start!important}
.tick-header.is-authenticated .header-right{grid-column:3}
.tick-header.is-authenticated .centered-logo .global-header-logo{width:138px!important}
.public-header-icon{width:37px;height:37px}
.public-account-button{height:37px;min-width:54px}
.public-account-avatar{width:29px;height:29px;flex-basis:29px;font-size:12px}
}
@media(max-width:430px){
.tick-header.is-authenticated{padding:0 10px!important;column-gap:5px!important}
.tick-header.is-authenticated .centered-logo .global-header-logo{width:124px!important}
.authenticated-header-actions{gap:4px!important}
.public-header-icon{width:34px;height:34px;border-radius:9px}
.public-header-icon svg{width:19px;height:19px}
.public-account-button{height:34px;min-width:47px;padding:2px 6px 2px 3px;border-radius:9px;gap:3px}
.public-account-avatar{width:27px;height:27px;flex-basis:27px}
.public-account-chevron{width:13px;height:13px}
.tick-header .header-menu{width:32px!important;height:36px!important}
.tick-header .header-menu span{width:21px!important}
}
/* ZinkHost V441 — Logged-in desktop header matched to supplied reference */
.public-header-domain-search{display:none}
.public-account-label{display:none}
.public-header-mobile-search{display:grid}
@media (min-width:901px){
header.tick-header.is-authenticated{
height:96px!important;
min-height:96px!important;
padding:0 3.35%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:24px!important;
background:#fff!important;
border-bottom:1px solid #dfe9f2!important;
box-shadow:0 3px 14px rgba(22,70,112,.055)!important;
}
header.tick-header.is-authenticated .header-menu{display:none!important}
header.tick-header.is-authenticated .centered-logo,
header.tick-header.is-authenticated .logo{
order:1!important;
margin:0 10px 0 0!important;
min-width:0!important;
flex:0 0 auto!important;
justify-self:auto!important;
}
header.tick-header.is-authenticated .centered-logo .global-header-logo{
width:236px!important;
max-height:68px!important;
}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{
order:2!important;
flex:1 1 auto!important;
min-width:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:24px!important;
height:96px!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item{
position:relative!important;
height:96px!important;
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
padding:0!important;
color:#14243b!important;
font-size:15px!important;
line-height:1!important;
font-weight:650!important;
white-space:nowrap!important;
text-shadow:none!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger span{
color:#314861!important;
font-size:15px!important;
line-height:1!important;
transform:translateY(-1px)!important;
transition:transform .18s ease!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item:hover>.public-nav-trigger,
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item:focus-within>.public-nav-trigger{color:#087cf0!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item:hover>.public-nav-trigger span,
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item:focus-within>.public-nav-trigger span{transform:translateY(-1px) rotate(180deg)!important}
.authenticated-desktop-nav .public-nav-dropdown{
position:absolute!important;
left:-16px!important;
top:76px!important;
z-index:1600!important;
width:210px!important;
padding:8px!important;
display:none!important;
background:#fff!important;
border:1px solid #dce7f1!important;
border-radius:14px!important;
box-shadow:0 18px 45px rgba(16,49,82,.15)!important;
}
.authenticated-desktop-nav .public-nav-dropdown-right{left:auto!important;right:-12px!important}
.authenticated-desktop-nav .public-nav-item:hover>.public-nav-dropdown,
.authenticated-desktop-nav .public-nav-item:focus-within>.public-nav-dropdown{display:block!important}
.authenticated-desktop-nav .public-nav-dropdown a{
display:flex!important;
align-items:center!important;
min-height:40px!important;
padding:0 12px!important;
border-radius:9px!important;
color:#40566f!important;
font-size:12px!important;
font-weight:720!important;
text-shadow:none!important;
}
.authenticated-desktop-nav .public-nav-dropdown a:hover{background:#eef7ff!important;color:#087cf0!important}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{
order:3!important;
flex:0 0 auto!important;
margin:0!important;
display:flex!important;
align-items:center!important;
gap:14px!important;
justify-self:auto!important;
}
.public-header-domain-search{
width:278px!important;
height:52px!important;
padding:0 16px!important;
display:flex!important;
align-items:center!important;
gap:11px!important;
border:1px solid #d8e3ed!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 3px 12px rgba(17,54,91,.035)!important;
transition:border-color .18s ease,box-shadow .18s ease!important;
}
.public-header-domain-search:focus-within{border-color:#a9d2f6!important;box-shadow:0 0 0 3px rgba(8,124,240,.07)!important}
.public-header-domain-search svg{width:22px!important;height:22px!important;flex:0 0 22px!important;fill:none!important;stroke:#10233d!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.public-header-domain-search input{
width:100%!important;
min-width:0!important;
height:100%!important;
border:0!important;
outline:0!important;
padding:0!important;
margin:0!important;
background:transparent!important;
color:#18314f!important;
font:inherit!important;
font-size:13px!important;
font-weight:500!important;
}
.public-header-domain-search input::placeholder{color:#8d9baa!important;opacity:1!important}
.public-header-mobile-search{display:none!important}
.public-header-icon{
width:52px!important;
height:52px!important;
border-radius:15px!important;
border:1px solid #d8e3ed!important;
background:#fff!important;
box-shadow:0 3px 12px rgba(17,54,91,.04)!important;
}
.public-header-cart{color:#078cf2!important}
.public-header-cart svg{width:25px!important;height:25px!important}
.public-header-cart .cart-count{
top:-9px!important;
right:-6px!important;
min-width:24px!important;
height:24px!important;
padding:0 5px!important;
border:2px solid #fff!important;
background:#078cf2!important;
color:#fff!important;
font-size:11px!important;
}
.public-account-wrap{height:52px!important}
header.tick-header .public-account-button{
height:52px!important;
min-width:194px!important;
padding:5px 16px 5px 8px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:11px!important;
border:1px solid #d8e3ed!important;
border-radius:15px!important;
background:#fff!important;
color:#14243b!important;
box-shadow:0 3px 12px rgba(17,54,91,.04)!important;
}
.public-account-avatar{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
border:0!important;
background:#edf6ff!important;
}
.public-account-label{
display:block!important;
flex:1 1 auto!important;
min-width:0!important;
color:#13243a!important;
font-size:13px!important;
font-weight:760!important;
white-space:nowrap!important;
text-align:left!important;
}
.public-account-chevron{width:17px!important;height:17px!important;flex:0 0 17px!important;margin-left:auto!important}
.public-account-menu{top:62px!important;width:230px!important;border-radius:15px!important}
}
@media (min-width:901px) and (max-width:1220px){
header.tick-header.is-authenticated{padding:0 2.2%!important;gap:14px!important}
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:188px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{gap:14px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:13px!important;gap:4px!important}
.public-header-domain-search{width:205px!important}
header.tick-header .public-account-button{min-width:150px!important;padding-right:10px!important}
.public-account-label{font-size:12px!important}
}
@media (min-width:901px) and (max-width:1040px){
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:166px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{gap:10px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:12px!important}
.public-header-domain-search{width:165px!important}
header.tick-header .public-account-button{min-width:128px!important}
.public-account-label{font-size:11px!important}
}
/* ZinkHost V442 — logged-in desktop header spacing + click-only dropdown triggers */
@media (min-width:901px){
header.tick-header.is-authenticated{
box-sizing:border-box!important;
overflow:visible!important;
}
header.tick-header.is-authenticated .centered-logo,
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav,
header.tick-header.is-authenticated .header-right.authenticated-header-actions{
min-width:0!important;
}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{
flex:0 0 auto!important;
width:auto!important;
overflow:visible!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item{
flex:0 0 auto!important;
min-width:max-content!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{
appearance:none!important;
-webkit-appearance:none!important;
border:0!important;
outline:0!important;
background:transparent!important;
box-shadow:none!important;
margin:0!important;
cursor:pointer!important;
font-family:inherit!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item.open>.public-nav-trigger{
color:#087cf0!important;
}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item.open>.public-nav-trigger span{
transform:translateY(-1px) rotate(180deg)!important;
}
.authenticated-desktop-nav .public-nav-item.open>.public-nav-dropdown{
display:block!important;
}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{
flex:0 0 auto!important;
position:relative!important;
z-index:2!important;
}
.public-header-domain-search{flex:0 0 auto!important}
.public-account-wrap,.public-header-cart{flex:0 0 auto!important}
}
@media (min-width:1321px){
header.tick-header.is-authenticated{
padding-left:3.1%!important;
padding-right:3.1%!important;
gap:25px!important;
}
header.tick-header.is-authenticated .centered-logo,
header.tick-header.is-authenticated .logo{margin-right:4px!important}
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:220px!important;max-height:64px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{gap:27px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:14px!important;gap:6px!important}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{gap:14px!important;margin-left:auto!important}
.public-header-domain-search{width:270px!important}
header.tick-header .public-account-button{min-width:194px!important}
}
@media (min-width:1181px) and (max-width:1320px){
header.tick-header.is-authenticated{padding:0 2.25%!important;gap:14px!important}
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:184px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{gap:14px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:12.5px!important;gap:4px!important}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{gap:9px!important;margin-left:auto!important}
.public-header-domain-search{width:202px!important;height:48px!important;padding:0 13px!important}
.public-header-icon{width:48px!important;height:48px!important}
.public-account-wrap{height:48px!important}
header.tick-header .public-account-button{height:48px!important;min-width:146px!important;padding-right:9px!important;gap:7px!important}
.public-account-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
.public-account-label{font-size:11.5px!important}
}
@media (min-width:1051px) and (max-width:1180px){
header.tick-header.is-authenticated{padding:0 18px!important;gap:10px!important}
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:164px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{gap:9px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:11.5px!important;gap:3px!important}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{gap:7px!important;margin-left:auto!important}
.public-header-domain-search{width:160px!important;height:46px!important;padding:0 11px!important}
.public-header-domain-search input{font-size:11px!important}
.public-header-icon{width:46px!important;height:46px!important}
.public-account-wrap{height:46px!important}
header.tick-header .public-account-button{height:46px!important;min-width:122px!important;padding:4px 8px 4px 5px!important;gap:5px!important}
.public-account-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
.public-account-label{font-size:10.5px!important}
}
@media (min-width:901px) and (max-width:1050px){
header.tick-header.is-authenticated{height:86px!important;min-height:86px!important;padding:0 14px!important;gap:8px!important}
header.tick-header.is-authenticated .centered-logo .global-header-logo{width:150px!important}
header.tick-header.is-authenticated .desktop-main-nav.authenticated-desktop-nav{height:86px!important;gap:7px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-item{height:86px!important}
header.tick-header.is-authenticated .authenticated-desktop-nav .public-nav-trigger{font-size:10.5px!important;gap:2px!important}
header.tick-header.is-authenticated .header-right.authenticated-header-actions{gap:6px!important;margin-left:auto!important}
.public-header-domain-search{display:flex!important;width:150px!important;height:44px!important;padding:0 10px!important;gap:7px!important}
.public-header-domain-search svg{width:18px!important;height:18px!important;flex-basis:18px!important}
.public-header-domain-search input{font-size:10.5px!important}
.public-header-mobile-search{display:none!important}
.public-header-icon{width:44px!important;height:44px!important}
.public-account-wrap{height:44px!important}
header.tick-header .public-account-button{height:44px!important;min-width:114px!important;padding:3px 7px 3px 4px!important;gap:4px!important}
.public-account-avatar{width:34px!important;height:34px!important;flex-basis:34px!important}
.public-account-label{font-size:10px!important}
}
/* V449 — animated impact showcase replacing old stats + feature boxes */
.impact-showcase-section{background:#fff;padding:28px 24px 84px;border-top:1px solid #edf3f8}
.impact-showcase-panel,.impact-why-block{max-width:1180px;margin:0 auto}
.impact-showcase-panel{position:relative;overflow:hidden;background:
radial-gradient(circle at 18% 28%,rgba(66,154,255,.16),transparent 26%),
radial-gradient(circle at 85% 18%,rgba(65,198,255,.2),transparent 20%),
linear-gradient(135deg,#021d68 0%,#072f9f 46%,#0a49cd 78%,#0b63eb 100%);
border:1px solid rgba(70,180,255,.45);border-radius:34px;padding:34px 32px 28px;
box-shadow:0 26px 55px rgba(4,45,123,.18), inset 0 0 0 1px rgba(255,255,255,.05)}
.impact-showcase-panel:before{content:"";position:absolute;inset:0;background:
linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:auto,44px 44px,44px 44px;opacity:.22;pointer-events:none}
.impact-showcase-panel:after{content:"";position:absolute;inset:0;border-radius:34px;box-shadow:inset 0 0 80px rgba(0,255,255,.08);pointer-events:none}
.impact-copy,.impact-visual,.impact-metrics,.impact-why-head,.impact-why-card{position:relative;z-index:2}
.impact-copy{max-width:470px;padding-right:14px}
.impact-pill,.impact-mini-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid rgba(82,193,255,.35);border-radius:999px;background:rgba(4,24,102,.4);backdrop-filter:blur(6px);color:#ecf8ff;font-size:13px;font-weight:700;letter-spacing:.06em}
.impact-mini-pill{background:#fff;color:#1d3d73;border-color:#d8e7fb;box-shadow:0 10px 24px rgba(10,75,140,.06)}
.impact-pill i,.impact-mini-pill i{display:block;width:44px;height:2px;border-radius:999px;background:linear-gradient(90deg,#21d7ff,#2f8fff)}
.impact-pill-dot,.impact-mini-dot{width:10px;height:10px;border-radius:50%;background:#2cf2a0;box-shadow:0 0 16px rgba(44,242,160,.95)}
.impact-mini-dot{background:#2f8fff;box-shadow:none}
.impact-copy h2{margin:24px 0 16px;color:#fff;font-size:clamp(40px,5vw,76px);line-height:.98;font-weight:900;letter-spacing:-.05em}
.impact-copy h2 span{background:linear-gradient(90deg,#7ce6ff 0%,#27c3ff 35%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:impactTextGlow 3s ease-in-out infinite}
.impact-copy p{margin:0;color:rgba(237,246,255,.96);font-size:21px;line-height:1.45;max-width:420px}
.impact-visual{position:absolute;right:30px;top:38px;width:44%;min-height:345px}
.impact-orb{position:absolute;right:92px;top:-4px;width:278px;height:278px;--orb-x:0px;--orb-y:0px;border-radius:50%;background:
radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 22%),
radial-gradient(circle at 50% 50%,rgba(56,130,246,.42),rgba(0,34,122,.06) 70%);
border:1px solid rgba(125,213,255,.22);box-shadow:0 0 0 22px rgba(74,144,255,.04),0 0 80px rgba(53,162,255,.18);opacity:.9;transform:translate(var(--orb-x),var(--orb-y));animation:orbFloat 8s ease-in-out infinite}
.impact-orb:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(158,230,255,.35)}
.impact-wave{position:absolute;left:-110px;right:-40px;height:130px;border-radius:50%;border:2px solid rgba(58,203,255,.12);border-color:rgba(58,203,255,.36) transparent transparent transparent;filter:drop-shadow(0 0 12px rgba(38,204,255,.35));animation:impactWaveMove 12s linear infinite}
.impact-wave-one{bottom:44px}
.impact-wave-two{bottom:10px;animation-duration:15s;animation-direction:reverse;opacity:.75}
.impact-server-stack{position:absolute;right:78px;top:36px;display:flex;gap:16px;align-items:flex-end}
.impact-server{width:86px;height:214px;--server-shift:0px;border-radius:14px;background:linear-gradient(180deg,#0c2d89 0%,#041652 100%);border:1px solid rgba(95,208,255,.48);box-shadow:0 0 24px rgba(26,168,255,.18),inset 0 0 0 1px rgba(255,255,255,.07),inset -10px 0 18px rgba(255,255,255,.05);position:relative;transform-style:preserve-3d;transform:translateY(var(--server-shift));animation:serverPulse 4s ease-in-out infinite}
.impact-server:before{content:"";position:absolute;top:10px;bottom:10px;right:8px;width:10px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(0,0,0,.18));opacity:.6}
.impact-server:after{content:"";position:absolute;left:10px;right:20px;top:16px;bottom:16px;background:repeating-linear-gradient(180deg,rgba(54,163,255,.22) 0,rgba(54,163,255,.22) 1px,transparent 1px,transparent 44px);opacity:.75}
.impact-server span{position:absolute;left:16px;width:42px;height:12px;border-radius:6px;background:linear-gradient(90deg,#5cebff,#2b93ff);box-shadow:0 0 18px rgba(75,213,255,.7)}
.impact-server span:nth-child(1){top:30px}
.impact-server span:nth-child(2){top:74px;animation:blinkBar 2.2s ease-in-out infinite .2s}
.impact-server span:nth-child(3){top:118px;animation:blinkBar 2.6s ease-in-out infinite .5s}
.impact-server span:nth-child(4){top:162px;animation:blinkBar 2.4s ease-in-out infinite .8s}
.server-two{height:236px;--server-shift:-10px;animation-delay:.45s}
.server-three{height:224px;--server-shift:-2px;animation-delay:.9s}
.impact-cloud{position:absolute;left:36px;bottom:78px;width:208px;height:74px;border-radius:999px;background:linear-gradient(180deg,#fafdff 0%,#b3dcff 100%);box-shadow:0 20px 40px rgba(5,18,63,.22), inset 0 -10px 12px rgba(62,158,255,.18);animation:cloudFloat 5s ease-in-out infinite}
.impact-cloud:before,.impact-cloud:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#bddfff 100%)}
.impact-cloud:before{width:98px;height:98px;left:22px;bottom:22px}
.impact-cloud:after{width:118px;height:118px;left:84px;bottom:18px}
.impact-shield{position:absolute;right:0;bottom:84px;width:138px;height:160px;clip-path:polygon(50% 0%,90% 16%,90% 54%,50% 100%,10% 54%,10% 16%);background:linear-gradient(180deg,rgba(30,215,255,.28),rgba(20,105,255,.68));border:2px solid rgba(145,238,255,.95);box-shadow:0 0 36px rgba(32,210,255,.4), inset 0 0 24px rgba(255,255,255,.14);display:grid;place-items:center;animation:shieldPulse 3.4s ease-in-out infinite}
.impact-shield:before{content:"";position:absolute;inset:12px;clip-path:inherit;background:linear-gradient(180deg,rgba(0,50,165,.9),rgba(0,94,221,.3))}
.impact-shield b{position:relative;z-index:1;color:#fff;font-size:60px;line-height:1;text-shadow:0 0 16px rgba(255,255,255,.45)}
.impact-metrics{position:relative;z-index:2;margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.impact-metric{display:flex;align-items:center;gap:16px;padding:18px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(4,31,110,.84),rgba(2,22,86,.76));border:1px solid rgba(86,197,255,.46);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 24px rgba(26,168,255,.13);transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.impact-metric:hover{transform:translateY(-4px);border-color:#9ae8ff;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 18px 32px rgba(1,26,89,.28),0 0 28px rgba(33,196,255,.22)}
.impact-metric-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#58e7ff 0,#307eff 70%);color:#fff;font-size:31px;box-shadow:0 0 24px rgba(70,199,255,.33)}
.impact-metric-copy strong{display:block;color:#fff;font-size:26px;line-height:1.1;font-weight:850;letter-spacing:-.03em}
.impact-metric-copy span{display:block;color:#d4e9ff;font-size:17px;margin-top:6px}
.impact-why-block{padding-top:30px}
.impact-why-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.impact-why-title-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:start;flex:1}
.impact-why-head h3{margin:16px 0 0;color:#08163d;font-size:clamp(32px,4.2vw,62px);line-height:1.03;font-weight:900;letter-spacing:-.055em;max-width:560px}
.impact-why-head h3 span{display:block;color:#1585ff}
.impact-why-head p{margin:18px 0 0;color:#697997;font-size:21px;line-height:1.55;max-width:470px}
.impact-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.impact-why-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #deebfb;border-radius:24px;padding:26px 24px 24px;box-shadow:0 14px 32px rgba(11,73,145,.06);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.impact-why-card:hover{transform:translateY(-4px);border-color:#aedcff;box-shadow:0 18px 36px rgba(11,105,205,.1)}
.impact-why-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1685ef;font-size:31px;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(21,133,239,.08)}
.impact-why-card h4{margin:0 0 10px;color:#10203c;font-size:26px;line-height:1.08;font-weight:850;letter-spacing:-.04em}
.impact-why-card p{margin:0;color:#728198;font-size:18px;line-height:1.55}
.impact-copy>*,.impact-metric,.impact-why-head,.impact-why-card{opacity:0;transform:translateY(28px);animation:impactReveal .9s cubic-bezier(.2,.8,.2,1) forwards}
.impact-copy .impact-pill{animation-delay:.1s}
.impact-copy h2{animation-delay:.28s}
.impact-copy p{animation-delay:.48s}
.impact-metrics .impact-metric:nth-child(1){animation-delay:.62s}
.impact-metrics .impact-metric:nth-child(2){animation-delay:.74s}
.impact-metrics .impact-metric:nth-child(3){animation-delay:.86s}
.impact-metrics .impact-metric:nth-child(4){animation-delay:.98s}
.impact-why-head{animation-delay:1.06s}
.impact-why-grid .impact-why-card:nth-child(1){animation-delay:1.14s}
.impact-why-grid .impact-why-card:nth-child(2){animation-delay:1.22s}
.impact-why-grid .impact-why-card:nth-child(3){animation-delay:1.3s}
.impact-why-grid .impact-why-card:nth-child(4){animation-delay:1.38s}
@keyframes impactReveal{to{opacity:1;transform:translateY(0)}}
@keyframes impactTextGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(76,230,255,0))}50%{filter:drop-shadow(0 0 18px rgba(76,230,255,.35))}}
@keyframes orbFloat{0%,100%{transform:translate(var(--orb-x),var(--orb-y))}50%{transform:translate(var(--orb-x),calc(var(--orb-y) + 12px))}}
@keyframes impactWaveMove{0%{transform:translateX(0)}50%{transform:translateX(34px)}100%{transform:translateX(0)}}
@keyframes serverPulse{0%,100%{transform:translateY(var(--server-shift))}50%{transform:translateY(calc(var(--server-shift) - 6px))}}
@keyframes cloudFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes shieldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes blinkBar{0%,100%{opacity:1;box-shadow:0 0 18px rgba(75,213,255,.7)}50%{opacity:.35;box-shadow:0 0 8px rgba(75,213,255,.35)}}
@media (max-width:1180px){
.impact-showcase-panel{padding:32px 24px 24px}
.impact-copy{max-width:420px}
.impact-copy h2{font-size:clamp(34px,5vw,62px)}
.impact-copy p,.impact-why-head p,.impact-why-card p{font-size:17px}
.impact-why-card h4{font-size:23px}
.impact-visual{width:46%;right:16px}
.impact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.impact-why-head,.impact-why-title-wrap{display:block}
.impact-why-head p{max-width:620px}
.impact-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.impact-showcase-section{padding:20px 14px 64px}
.impact-showcase-panel{padding:24px 16px 16px;border-radius:24px}
.impact-copy{max-width:none;padding-right:0}
.impact-copy h2{font-size:clamp(30px,11vw,52px);margin:18px 0 12px;max-width:320px}
.impact-copy p{font-size:15px;max-width:300px}
.impact-pill,.impact-mini-pill{font-size:11px;padding:9px 14px;gap:9px}
.impact-pill i,.impact-mini-pill i{width:30px}
.impact-visual{position:relative;top:auto;right:auto;width:100%;min-height:270px;margin-top:20px}
.impact-orb{left:50%;right:auto;--orb-x:-50%;width:184px;height:184px;top:22px}
.impact-server-stack{right:34px;top:70px;gap:10px}
.impact-server{width:56px;height:148px;border-radius:10px}
.server-two{height:162px}.server-three{height:154px}
.impact-server span{left:10px;width:28px;height:8px}
.impact-server span:nth-child(1){top:21px}.impact-server span:nth-child(2){top:52px}.impact-server span:nth-child(3){top:83px}.impact-server span:nth-child(4){top:114px}
.impact-cloud{left:20px;bottom:56px;width:124px;height:48px}
.impact-cloud:before{width:58px;height:58px;left:12px;bottom:16px}
.impact-cloud:after{width:74px;height:74px;left:48px;bottom:12px}
.impact-shield{width:90px;height:108px;right:10px;bottom:74px}
.impact-shield b{font-size:36px}
.impact-wave{left:-90px;right:-10px;height:90px}
.impact-metrics{margin-top:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.impact-metric{padding:14px 12px;gap:12px;border-radius:18px;align-items:center}
.impact-metric-icon{width:44px;height:44px;font-size:22px;border-radius:14px}
.impact-metric-copy strong{font-size:18px}
.impact-metric-copy span{font-size:12px;line-height:1.3;margin-top:4px}
.impact-why-block{padding-top:20px}
.impact-why-head{margin-bottom:18px}
.impact-why-title-wrap{display:block}
.impact-why-head h3{font-size:clamp(28px,10vw,42px);max-width:320px;margin-top:14px}
.impact-why-head p{font-size:15px;margin-top:14px;max-width:none}
.impact-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.impact-why-card{padding:18px 14px 16px;border-radius:18px}
.impact-why-icon{width:50px;height:50px;font-size:24px;margin-bottom:14px}
.impact-why-card h4{font-size:18px;margin-bottom:8px}
.impact-why-card p{font-size:13px;line-height:1.45}
}
@media (max-width:560px){
.impact-why-grid,.impact-metrics{grid-template-columns:1fr 1fr}
}
/* V450 — WordPress-only animated home plans section */
.wordpress-home-plans{position:relative;padding:78px 4% 86px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);border-top:1px solid #edf3f8;overflow:hidden}
.wp-home-shell{position:relative;max-width:1180px;margin:0 auto;padding:28px 28px 26px;border:1px solid #d9ebfb;border-radius:34px;background:linear-gradient(180deg,#fafdff 0%,#f8fbff 65%,#ffffff 100%);box-shadow:0 16px 40px rgba(17,77,141,.07);overflow:hidden}
.wp-home-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 15%,rgba(82,171,255,.16),transparent 24%),radial-gradient(circle at 84% 24%,rgba(74,150,255,.18),transparent 24%),linear-gradient(130deg,rgba(17,133,239,.05),transparent 45%,rgba(17,133,239,.06));pointer-events:none}
.wp-home-shell:after{content:"";position:absolute;left:-8%;right:-8%;top:18%;height:62%;background:radial-gradient(ellipse at center,rgba(93,176,255,.13) 0,rgba(93,176,255,0) 67%);pointer-events:none}
.wp-home-bg{position:absolute;pointer-events:none;z-index:0}
.wp-home-bg-left{left:-12px;top:34px;width:235px;height:220px}
.wp-home-bg-right{right:-8px;top:24px;width:250px;height:250px;display:grid;place-items:center}
.wp-server-stack{position:relative;width:120px;height:134px;background:linear-gradient(180deg,#0d52c5,#083287);border-radius:20px 20px 26px 26px;border:1px solid rgba(65,170,255,.38);box-shadow:0 18px 30px rgba(8,51,135,.18),0 0 26px rgba(38,173,255,.12);animation:wpFloat 5s ease-in-out infinite}
.wp-server-stack:before{content:"";position:absolute;right:-10px;top:12px;width:12px;height:110px;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#1f79e8,#0e4fb7)}
.wp-server-stack:after{content:"";position:absolute;inset:12px 18px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 2px,transparent 2px,transparent 20px)}
.wp-server-card{position:absolute;left:18px;width:54px;height:8px;border-radius:6px;background:linear-gradient(90deg,#74ebff,#1b7dff);box-shadow:0 0 18px rgba(53,193,255,.55)}
.wp-server-card:nth-child(1){top:24px}.wp-server-card:nth-child(2){top:52px;animation:wpBlink 2.2s ease-in-out infinite .2s}.wp-server-card:nth-child(3){top:80px;animation:wpBlink 2.2s ease-in-out infinite .5s}
.wp-cloud-badge{position:absolute;left:44px;bottom:0;width:102px;height:74px;border-radius:40px;background:linear-gradient(180deg,#ffffff,#d8ecff);box-shadow:0 15px 26px rgba(10,45,110,.12);display:grid;place-items:center;animation:wpCloud 6s ease-in-out infinite}
.wp-cloud-badge:before,.wp-cloud-badge:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(180deg,#fff,#d9ebff)}
.wp-cloud-badge:before{width:54px;height:54px;left:8px;top:-16px}
.wp-cloud-badge:after{width:68px;height:68px;right:8px;top:-24px}
.wp-cloud-badge b{position:relative;z-index:1;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1685ef;border:2px solid #7bc4ff;font-size:29px;font-weight:800;font-family:Georgia,serif}
.wp-watermark{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;border:16px solid rgba(72,154,239,.12);color:rgba(72,154,239,.22);font-size:118px;font-weight:700;font-family:Georgia,serif;animation:wpRotate 18s linear infinite}
.wp-home-header,.wp-home-tabs,.wp-home-cards,.wp-home-mobile-controls,.wp-home-highlights{position:relative;z-index:1}
.wp-home-header{text-align:center;max-width:790px;margin:0 auto 22px;animation:wpReveal .9s ease forwards}
.wp-home-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}
.wp-home-kicker i{width:34px;height:2px;border-radius:99px;background:linear-gradient(90deg,rgba(42,150,255,.25),#2b9bff,rgba(42,150,255,.25))}
.wp-home-kicker span{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid #d8e9fb;box-shadow:0 8px 20px rgba(16,87,150,.06);font-size:15px;font-weight:800;color:#13386d;letter-spacing:.02em}
.wp-home-kicker span:before{content:"";width:9px;height:9px;border-radius:50%;background:#1da2ff;box-shadow:0 0 0 4px rgba(29,162,255,.12)}
.wp-home-header h2{margin:0;color:#09183f;font-size:clamp(44px,5vw,74px);line-height:.96;font-weight:900;letter-spacing:-.06em}
.wp-home-header h2 span{color:#1685ef;background:linear-gradient(90deg,#1685ef 0%,#33b0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wp-home-header p{margin:16px auto 0;color:#54657f;font-size:20px;line-height:1.5;max-width:760px}
.wp-home-tabs{display:flex;justify-content:center;gap:12px;max-width:760px;margin:0 auto 26px;padding:0 12px;animation:wpReveal 1s ease forwards}
.wp-plan-tab{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:170px;padding:18px 22px;border:none;border-radius:22px;background:#fff;color:#0d1c49;font-size:18px;font-weight:800;box-shadow:0 10px 26px rgba(11,77,145,.06), inset 0 0 0 1px #d8e7f7;cursor:pointer;transition:.3s ease}
.wp-plan-tab:hover{transform:translateY(-2px)}
.wp-plan-tab.active{background:linear-gradient(90deg,#1685ef 0%,#1a9fff 45%,#21c6ff 100%);color:#fff;box-shadow:0 18px 30px rgba(21,133,239,.22)}
.wp-plan-tab-icon{display:grid;place-items:center;font-size:20px;line-height:1}
.wp-home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.wp-home-card{position:relative;padding:30px 30px 24px;border-radius:28px;background:#fff;border:1px solid #d7e8f8;box-shadow:0 16px 34px rgba(12,74,135,.07);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;animation:wpCardIn .75s ease both}
.wp-home-card:nth-child(2){animation-delay:.08s}.wp-home-card:nth-child(3){animation-delay:.16s}
.wp-home-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(12,92,165,.1)}
.wp-home-card.featured{background:radial-gradient(circle at 50% 18%,rgba(38,186,255,.18),transparent 28%),linear-gradient(180deg,#0434b1 0%,#072889 42%,#041d67 100%);border-color:#21b9ff;box-shadow:0 18px 42px rgba(0,76,190,.24),0 0 0 1px rgba(255,255,255,.06) inset}
.wp-home-card.featured:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 36%,rgba(255,255,255,.03) 58%,transparent 70%);pointer-events:none}
.wp-card-badge{position:absolute;top:20px;right:18px;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:#fff;color:#122f63;border:1px solid rgba(214,233,252,.95);font-size:13px;font-weight:800;box-shadow:0 10px 20px rgba(10,87,160,.08)}
.wp-card-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#eaf6ff 0%,#dcefff 100%);color:#1685ef;font-size:38px;box-shadow:inset 0 0 0 1px rgba(22,133,239,.08)}
.wp-home-card.featured .wp-card-icon{background:radial-gradient(circle at 30% 30%,#39ddff 0%,#1b7fff 75%);color:#fff;box-shadow:0 0 22px rgba(43,198,255,.35)}
.wp-home-card h3{margin:18px 0 10px;color:#09183f;font-size:27px;line-height:1.05;font-weight:900;letter-spacing:-.04em}
.wp-home-card p{margin:0 0 16px;color:#566882;font-size:15px;line-height:1.45;min-height:64px}
.wp-card-price{display:flex;align-items:flex-end;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.wp-card-price strong{color:#1685ef;font-size:32px;line-height:1;font-weight:900;letter-spacing:-.05em}
.wp-card-price span{color:#516278;font-size:14px;padding-bottom:4px}
.wp-card-features{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.wp-card-features li{display:flex;align-items:flex-start;gap:10px;color:#334761;font-size:14px;line-height:1.35}
.wp-card-features li b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8f5ff;color:#1685ef;font-size:12px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(22,133,239,.08)}
.wp-home-card.featured h3,.wp-home-card.featured p,.wp-home-card.featured .wp-card-price span,.wp-home-card.featured .wp-card-features li{color:#fff}
.wp-home-card.featured .wp-card-price strong{color:#55c9ff}
.wp-home-card.featured .wp-card-features li b{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
.wp-card-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;min-height:54px;border-radius:18px;background:#fff;color:#1685ef;text-decoration:none;font-size:18px;font-weight:900;box-shadow:inset 0 0 0 2px #d4e6f9;transition:.25s ease}
.wp-card-cta:hover{transform:translateY(-2px)}
.wp-home-card.featured .wp-card-cta{background:linear-gradient(90deg,#1685ef 0%,#1d9fff 55%,#22cfff 100%);color:#fff;box-shadow:0 12px 25px rgba(26,166,255,.28), inset 0 0 0 1px rgba(255,255,255,.15)}
.wp-card-cta em{font-style:normal}
.wp-home-highlights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px;padding:0 18px;animation:wpReveal 1.1s ease forwards}
.wp-home-highlights>div{display:flex;align-items:center;justify-content:center;gap:12px;color:#233a59;font-size:14px;font-weight:700}
.wp-home-highlights span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e9f9;box-shadow:0 8px 18px rgba(11,77,145,.05);color:#1685ef;font-size:24px}
.wp-home-highlights label{display:block;line-height:1.2;cursor:default}
.wp-home-mobile-controls{display:none}
@keyframes wpReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes wpCardIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes wpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes wpCloud{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes wpBlink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes wpRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:1100px){
.wp-home-shell{padding:24px 20px 24px}
.wp-home-bg-left{left:-22px;transform:scale(.88);transform-origin:left top}
.wp-home-bg-right{right:-36px;transform:scale(.82)}
.wp-home-header h2{font-size:clamp(38px,5vw,58px)}
.wp-home-header p{font-size:18px;max-width:650px}
.wp-plan-tab{min-width:0;flex:1;padding:16px 14px;font-size:16px}
.wp-home-cards{gap:16px}
.wp-home-card{padding:26px 22px 22px}
.wp-home-highlights{gap:10px;padding:0}
}
@media(max-width:900px){
.wordpress-home-plans{padding:64px 14px 72px}
.wp-home-shell{padding:18px 14px 20px;border-radius:26px}
.wp-home-bg-left{display:none}
.wp-home-bg-right{right:-52px;top:42px;transform:scale(.62);opacity:.9}
.wp-home-header{margin-bottom:16px}
.wp-home-kicker{gap:10px;margin-bottom:10px}
.wp-home-kicker i{width:22px}
.wp-home-kicker span{font-size:12px;padding:9px 13px}
.wp-home-header h2{font-size:clamp(30px,10.5vw,44px);line-height:1.02;max-width:330px;margin:0 auto}
.wp-home-header p{font-size:15px;line-height:1.5;margin-top:12px;max-width:320px}
.wp-home-tabs{gap:8px;margin-bottom:16px;padding:0;overflow:auto;scrollbar-width:none;justify-content:flex-start}
.wp-home-tabs::-webkit-scrollbar{display:none}
.wp-plan-tab{flex:0 0 auto;min-width:114px;padding:14px 14px;border-radius:18px;font-size:14px;gap:8px}
.wp-plan-tab-icon{font-size:16px}
.wp-home-cards{display:block;position:relative;min-height:535px}
.wp-home-card{display:none;padding:24px 18px 20px;border-radius:24px}
.wp-home-card.active{display:block;animation:wpCardIn .45s ease both}
.wp-home-card h3{font-size:24px}
.wp-home-card p{font-size:14px;min-height:auto;margin-bottom:12px}
.wp-card-price strong{font-size:29px}
.wp-card-features{gap:9px}
.wp-card-features li{font-size:13px}
.wp-card-cta{min-height:52px;font-size:17px;margin-top:16px}
.wp-card-badge{top:14px;right:14px;font-size:11px;padding:8px 11px}
.wp-card-icon{width:70px;height:70px;font-size:32px}
.wp-home-mobile-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0 0;position:relative;z-index:2}
.wp-nav-btn{width:42px;height:42px;border:none;border-radius:50%;background:#fff;color:#1685ef;font-size:28px;line-height:1;box-shadow:0 10px 20px rgba(11,77,145,.08), inset 0 0 0 1px #d8e9fb;cursor:pointer}
.wp-home-dots{display:flex;align-items:center;justify-content:center;gap:8px}
.wp-dot{width:10px;height:10px;border:none;border-radius:50%;background:#d7e6f7;cursor:pointer;padding:0}
.wp-dot.active{width:12px;height:12px;background:#1685ef;box-shadow:0 0 0 4px rgba(22,133,239,.14)}
.wp-home-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:18px}
.wp-home-highlights>div{justify-content:flex-start;background:#fff;border:1px solid #e0ecf7;border-radius:16px;padding:12px 12px 12px 10px;box-shadow:0 10px 18px rgba(11,77,145,.04)}
.wp-home-highlights>div:last-child{grid-column:1/-1;justify-content:center}
.wp-home-highlights span{width:42px;height:42px;font-size:20px;box-shadow:none}
.wp-home-highlights label{font-size:12px}
}
/* V451 — redesigned What Every ZinkHost Plan Includes section */
.tick-includes-section{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);padding:84px 20px 90px;border-top:1px solid #edf4fb;overflow:hidden}
.tick-includes-shell{position:relative;max-width:1180px;margin:0 auto;padding:24px 26px 34px;border:1px solid #dceaf9;border-radius:34px;background:linear-gradient(180deg,#fdfefe 0%,#f8fbff 64%,#fbfdff 100%);box-shadow:0 18px 48px rgba(16,80,145,.06);overflow:hidden}
.tick-includes-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 23%,rgba(69,162,255,.16),transparent 18%),radial-gradient(circle at 88% 14%,rgba(58,155,255,.16),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 35%);pointer-events:none}
.tick-includes-shell:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-2%;height:170px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(160,214,255,.18));clip-path:polygon(0 58%,10% 44%,24% 64%,40% 36%,58% 65%,77% 41%,100% 70%,100% 100%,0 100%);pointer-events:none}
.tick-includes-decor{position:absolute;pointer-events:none;z-index:0;opacity:.96}
.tick-inc-decor-left{left:-70px;top:-30px;width:260px;height:300px;background:radial-gradient(circle at 68% 62%,rgba(255,255,255,0) 46%,rgba(67,160,255,.18) 47%,rgba(67,160,255,.18) 63%,rgba(255,255,255,0) 64%)}
.tick-inc-decor-right{right:-22px;top:-18px;width:240px;height:220px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 45%,rgba(67,160,255,.16) 46%,rgba(67,160,255,.16) 60%,rgba(255,255,255,0) 61%)}
.tick-section-heading.tick-includes-heading{position:relative;z-index:2;text-align:center;max-width:860px;margin:0 auto 28px;animation:tickFadeUp .8s ease both}
.tick-includes-pill{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}
.tick-includes-pill i{width:96px;height:2px;max-width:15vw;border-radius:999px;background:linear-gradient(90deg,rgba(31,148,255,0),rgba(31,148,255,.35),rgba(31,148,255,0))}
.tick-includes-pill span{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:#fff;border:1px solid #dfeaf7;box-shadow:0 10px 24px rgba(13,73,140,.06);color:#18376d;font-size:14px;font-weight:800;letter-spacing:.02em}
.tick-includes-pill span:before,.tick-includes-pill span:after{content:"";width:6px;height:6px;border-radius:50%;background:#1290ff;box-shadow:0 0 0 4px rgba(18,144,255,.10)}
.tick-includes-heading h2{margin:0;color:#08183c;font-size:clamp(46px,5.4vw,72px);line-height:.97;font-weight:900;letter-spacing:-.06em}
.tick-includes-heading h2 span{background:linear-gradient(90deg,#1685ef 0%,#31aefe 46%,#1685ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tick-includes-heading p{margin:16px auto 0;max-width:790px;color:#5f718c;font-size:20px;line-height:1.5}
.tick-includes-layout{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;grid-template-areas:"a b c d" "e center center f" "g g h h"}
.tick-include-card{position:relative;display:flex;align-items:flex-start;gap:16px;min-height:174px;padding:18px 18px 18px 22px;border-radius:26px;background:rgba(255,255,255,.96);border:1px solid #dce8f5;box-shadow:0 14px 28px rgba(14,77,145,.045);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;overflow:hidden;animation:tickCardReveal .85s ease both}
.tick-include-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.5),transparent 44%);pointer-events:none}
.tick-include-card:hover{transform:translateY(-4px);border-color:#b7dcfb;box-shadow:0 20px 36px rgba(14,97,179,.09)}
.tick-include-card.card-speed{grid-area:a;animation-delay:.04s}.tick-include-card.card-storage{grid-area:b;animation-delay:.10s}.tick-include-card.card-security{grid-area:c;animation-delay:.16s}.tick-include-card.card-cdn{grid-area:d;animation-delay:.22s}.tick-include-card.card-uptime{grid-area:e;animation-delay:.28s}.tick-include-card.card-ssl{grid-area:f;animation-delay:.34s}.tick-include-card.card-cpanel{grid-area:g;animation-delay:.40s;min-height:122px;max-width:390px}.tick-include-card.card-no-oversell{grid-area:h;animation-delay:.46s;min-height:122px;max-width:390px;justify-self:end}
.tick-include-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#eaf5ff 0%,#dceaf8 100%);box-shadow:inset 0 0 0 1px rgba(22,133,239,.08);color:#1685ef;font-size:30px;flex:0 0 auto}.tick-include-icon.cpanel-icon{background:linear-gradient(180deg,#eef5fb 0%,#e4eef8 100%);color:#f98210;font-weight:900;font-size:27px;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.05em}
.tick-include-copy{flex:1;min-width:0;padding-top:4px}.tick-include-copy h3{margin:0 0 10px;color:#0c1c46;font-size:18px;line-height:1.15;font-weight:850;letter-spacing:-.03em}.tick-include-copy p{margin:0;color:#667893;font-size:13px;line-height:1.45;max-width:205px}
.tick-include-arrow{align-self:center;width:32px;height:32px;border-radius:50%;border:1px solid #d9e8f7;background:#fbfdff;color:#1685ef;font-size:17px;display:grid;place-items:center;cursor:default;flex:0 0 auto;box-shadow:0 6px 12px rgba(10,70,120,.03)}
.tick-include-center{grid-area:center;position:relative;min-height:370px;display:grid;place-items:center;animation:tickFadeUp .95s ease both .15s}
.tick-center-orbit{position:absolute;border-radius:50%;border:2px solid rgba(24,144,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset;animation:tickOrbitSpin 14s linear infinite}.tick-center-orbit:before,.tick-center-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#1d9bff;box-shadow:0 0 0 4px rgba(29,155,255,.12)}.tick-center-orbit:before{left:10%;top:66%}.tick-center-orbit:after{right:12%;top:18%}
.orbit-one{width:430px;height:212px}.orbit-two{width:330px;height:306px;transform:rotate(18deg);animation-duration:17s;animation-direction:reverse}
.tick-center-ring{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(76,180,255,.13) 0,rgba(76,180,255,0) 66%)}
.tick-server-visual{position:relative;width:286px;height:264px;display:grid;place-items:center;animation:tickFloat 5.4s ease-in-out infinite}
.tick-server-layer{position:absolute;left:50%;transform:translateX(-50%) perspective(520px) rotateX(60deg);border-radius:24px;background:linear-gradient(180deg,#0f67e0 0%,#0a42b2 52%,#082e83 100%);border:1px solid rgba(120,215,255,.40);box-shadow:0 18px 26px rgba(12,88,188,.22),0 0 34px rgba(25,174,255,.16)}
.tick-server-layer:before{content:"";position:absolute;left:20px;top:16px;width:40px;height:8px;border-radius:8px;background:linear-gradient(90deg,#8df2ff,#33a6ff);box-shadow:0 0 14px rgba(106,224,255,.55)}
.tick-server-layer:after{content:"";position:absolute;left:68px;top:16px;width:12px;height:8px;border-radius:8px;background:linear-gradient(90deg,#8df2ff,#33a6ff);box-shadow:0 0 14px rgba(106,224,255,.55)}
.tick-server-layer.layer-top{top:18px;width:156px;height:90px}.tick-server-layer.layer-mid{top:92px;width:188px;height:94px}.tick-server-layer.layer-bottom{top:162px;width:220px;height:98px}
.tick-center-shield{position:absolute;left:56px;bottom:44px;width:90px;height:104px;clip-path:polygon(50% 0%,88% 16%,88% 58%,50% 100%,12% 58%,12% 16%);background:linear-gradient(180deg,#1ab2ff 0%,#107df0 100%);border:2px solid rgba(181,237,255,.92);box-shadow:0 0 24px rgba(21,166,255,.28);display:grid;place-items:center;z-index:3}.tick-center-shield:before{content:"";position:absolute;inset:10px;clip-path:inherit;background:linear-gradient(180deg,#0e52c0 0%,#0f7fe8 100%)}.tick-center-shield b{position:relative;z-index:1;color:#fff;font-size:36px;line-height:1}
.tick-center-cloud{position:absolute;right:28px;bottom:52px;width:102px;height:42px;border-radius:999px;background:linear-gradient(180deg,#fbfeff 0%,#d9ecff 100%);box-shadow:0 14px 22px rgba(11,52,112,.12);z-index:3}.tick-center-cloud:before,.tick-center-cloud:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#d7ecff 100%)}.tick-center-cloud:before{width:50px;height:50px;left:8px;top:-16px}.tick-center-cloud:after{width:60px;height:60px;right:8px;top:-24px}
@keyframes tickFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes tickCardReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes tickFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes tickOrbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1100px){.tick-includes-shell{padding:22px 18px 28px}.tick-includes-heading h2{font-size:clamp(36px,5vw,58px)}.tick-includes-heading p{font-size:17px}.tick-includes-layout{gap:14px}.tick-include-card{padding:16px 16px 16px 18px}.tick-include-copy h3{font-size:17px}.tick-include-copy p{font-size:12px}.tick-include-center{min-height:340px}.tick-server-visual{transform:scale(.92)}.tick-include-card.card-cpanel,.tick-include-card.card-no-oversell{max-width:none}}
@media(max-width:900px){.tick-includes-section{padding:64px 14px 72px}.tick-includes-shell{padding:18px 12px 18px;border-radius:26px}.tick-inc-decor-left,.tick-inc-decor-right,.tick-include-center{display:none}.tick-includes-pill{gap:8px;margin-bottom:12px}.tick-includes-pill i{width:26px}.tick-includes-pill span{font-size:12px;padding:10px 14px}.tick-includes-heading{margin-bottom:16px}.tick-includes-heading h2{font-size:clamp(30px,10vw,42px);max-width:320px;margin:0 auto;line-height:1.04}.tick-includes-heading p{font-size:15px;line-height:1.5;max-width:320px}.tick-includes-layout{display:grid;grid-template-columns:1fr;gap:12px;grid-template-areas:none}.tick-include-card,.tick-include-card.card-cpanel,.tick-include-card.card-no-oversell,.tick-include-card.card-speed,.tick-include-card.card-storage,.tick-include-card.card-security,.tick-include-card.card-cdn,.tick-include-card.card-uptime,.tick-include-card.card-ssl{grid-area:auto;min-height:auto;max-width:none;justify-self:stretch;padding:14px 12px 14px 12px;border-radius:18px;gap:12px}.tick-include-icon{width:50px;height:50px;border-radius:16px;font-size:24px}.tick-include-icon.cpanel-icon{font-size:24px}.tick-include-copy{padding-top:2px}.tick-include-copy h3{font-size:15px;margin-bottom:5px}.tick-include-copy p{font-size:11px;line-height:1.42;max-width:none}.tick-include-arrow{width:30px;height:30px;font-size:15px}}