:root{
  --ink:#0E223E;--ink2:#273C57;--muted:#617289;--navy:#07172D;--navy2:#0D2B50;
  --blue:#2B6FB8;--blue2:#4C8FD3;--blue3:#DDEAF7;--soft:#F4F7FB;--soft2:#F8FAFD;
  --line:#DCE4ED;--white:#FFF;--green:#1D8A5B;--amber:#A86D18;--red:#B84747;
  --shadow:0 24px 70px rgba(7,25,49,.10);--shadow2:0 12px 36px rgba(7,25,49,.08);
  --r:18px;--rl:30px;--container:1220px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}
h1,h2,h3,p{margin-top:0}.display{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.94;letter-spacing:-.062em;font-weight:780;margin:18px 0 26px;color:var(--navy)}
.h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1;letter-spacing:-.052em;margin:0 0 22px;color:var(--navy)}
.h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.042em;margin:0 0 18px;color:var(--navy)}
.h3{font-size:1.22rem;line-height:1.25;margin:0 0 9px;color:var(--navy)}
.lead{font-size:clamp(1.04rem,1.8vw,1.27rem);color:var(--muted);max-width:780px}.small{font-size:.86rem}.muted{color:var(--muted)}
.eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:var(--blue);margin-bottom:10px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--blue3);background:#EEF5FC;color:#214B7A;padding:8px 12px;border-radius:999px;font-size:.79rem;font-weight:760}
.badge.roadmap{background:#FFF8E9;border-color:#F0DFB6;color:#745117}.badge.live{background:#ECF8F1;border-color:#CEEADB;color:#256946}
.dot{width:8px;height:8px;border-radius:50%;background:#2AA86F;box-shadow:0 0 0 4px rgba(42,168,111,.11)}
.section{padding:100px 0}.section-sm{padding:68px 0}.section-soft{background:var(--soft2)}.section-dark{background:var(--navy);color:#DCE8F5}.section-dark .h1,.section-dark .h2,.section-dark .h3{color:#fff}.section-dark .lead,.section-dark .muted{color:#A1B5CB}
.grid2{display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.stack{display:grid;gap:18px}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,228,237,.88)}
.topbar{background:var(--navy);color:#B7C9DA;font-size:.77rem}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar strong{color:#fff}.topbar a:hover{color:#fff}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.055em}.brand img{width:36px;height:36px}.brand .layer{color:var(--blue)}
.navlinks{display:flex;align-items:center;gap:26px;font-size:.91rem;font-weight:680;color:#314760}.navitem{position:relative}.navitem>button{border:0;background:none;color:#314760;padding:26px 0;cursor:pointer;font-weight:680;display:flex;gap:6px}.navitem.open .mega{display:grid}
.mega{display:none;position:absolute;top:67px;left:-220px;width:850px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;grid-template-columns:1.1fr 1fr 1fr;gap:12px}
.mega .coltitle{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#8291A4;font-weight:850;padding:8px 10px}.mega a{padding:11px 12px;border-radius:11px}.mega a:hover{background:var(--soft)}.mega strong{display:block;font-size:.88rem}.mega span{display:block;font-size:.74rem;color:var(--muted);margin-top:2px}
.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;border:1px solid transparent;font-weight:760;font-size:.9rem;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#0C2A51}.btn-secondary{border-color:var(--line);background:#fff;color:var(--navy)}.btn-secondary:hover{background:var(--soft)}.btn-blue{background:var(--blue);color:#fff}.btn-lg{padding:14px 20px;font-size:.98rem}.mobiletoggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px}.mobilemenu{display:none}
.hero{padding:86px 0 72px;background:radial-gradient(circle at 90% 0,rgba(67,137,211,.13),transparent 33%),linear-gradient(180deg,#fff,#FBFDFF);overflow:hidden}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:30px 0}.meta{display:flex;gap:18px;flex-wrap:wrap;color:#52657E;font-size:.88rem;font-weight:650}
.hero-art{border-radius:32px;box-shadow:var(--shadow);border:1px solid #E1E8F0;background:#07172D;padding:12px}.hero-art img{border-radius:24px}
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.trustgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;text-align:center;color:#6B7D92;font-size:.74rem;font-weight:800;letter-spacing:.055em}
.card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:26px;transition:.2s ease}.card:hover{box-shadow:var(--shadow2);border-color:#C8D6E6;transform:translateY(-2px)}.card p:last-child{margin-bottom:0}
.icon{width:46px;height:46px;border-radius:12px;background:#EEF5FC;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.link{display:inline-flex;gap:6px;align-items:center;color:var(--blue);font-weight:760;font-size:.88rem;margin-top:12px}
.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.catalog-group{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.catalog-group h3{font-size:1.05rem;margin:0 0 14px}.catalog-list{display:grid;gap:7px}.catalog-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:10px}.catalog-list a:hover{background:var(--soft)}.catalog-list small{color:var(--muted)}
.feature-list{display:grid;gap:16px;margin-top:26px}.feature{display:grid;grid-template-columns:38px 1fr;gap:13px}.feature i{font-style:normal;width:36px;height:36px;border-radius:10px;background:#EEF5FC;display:grid;place-items:center;color:var(--blue);font-weight:850;font-size:.77rem}.feature strong{display:block;color:var(--navy);margin-bottom:2px}
.pagehero{padding:72px 0 56px;background:linear-gradient(180deg,#F7FAFE,#fff);border-bottom:1px solid var(--line)}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:14px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.chips span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#50637C;font-size:.79rem}
.product-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}.tech-card{border:1px solid var(--line);border-radius:24px;padding:22px;background:linear-gradient(180deg,#FBFDFF,#F3F7FB)}.tech-panel{background:var(--navy);border-radius:18px;padding:20px;color:#DAE8F6}.tech-panel-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.tech-metric{background:#0C2A50;border:1px solid rgba(255,255,255,.06);padding:13px;border-radius:10px}.tech-metric span{display:block;font-size:.7rem;color:#8EA6C0}.tech-metric strong{display:block;color:#fff;margin-top:4px}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:25px;background:#fff}.price-card.featured{border-color:#8CB0D6;box-shadow:var(--shadow);transform:translateY(-5px)}.price-title{font-weight:830}.price{font-size:2.15rem;font-weight:880;letter-spacing:-.045em;margin:11px 0;color:var(--navy)}.price small{font-size:.88rem;font-weight:600;color:var(--muted)}.specs{list-style:none;padding:0;margin:19px 0;display:grid;gap:9px}.specs li{display:flex;align-items:center;gap:8px;color:#465B74;font-size:.89rem}.specs li:before{content:"✓";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#EAF6EF;color:var(--green);font-size:.68rem;font-weight:900}
.callout{border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(135deg,#F9FBFE,#EEF5FB)}.callout-dark{background:linear-gradient(135deg,#07172D,#103761);color:#DCE8F5;border:0}.callout-dark .h2,.callout-dark .h3{color:#fff}.callout-dark .muted,.callout-dark .lead{color:#A7BCD1}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.stat{padding:25px;background:#fff;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat strong{display:block;font-size:1.85rem;color:var(--navy);letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.84rem}
.tablewrap{border:1px solid var(--line);border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:15px 17px;border-bottom:1px solid var(--line);text-align:left;font-size:.88rem}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.07em;color:#51647C;background:#F7F9FC}tr:last-child td{border-bottom:0}
.faq{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;background:#fff;padding:16px 18px;font-weight:750;color:var(--navy);cursor:pointer}.faq-a{display:none;padding:0 18px 17px;color:var(--muted);font-size:.9rem}.faq-item.open .faq-a{display:block}
.cta{border-radius:30px;padding:48px;background:linear-gradient(135deg,#07172D,#103B6B);display:flex;justify-content:space-between;align-items:center;gap:28px;color:#fff;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(71,139,206,.15);right:-130px;top:-180px}.cta .h2{color:#fff;margin-bottom:8px}.cta p{color:#ABC0D5;max-width:650px;margin-bottom:0}
.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:.82rem;font-weight:760}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:10px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#87ACD2;box-shadow:0 0 0 4px rgba(43,111,184,.09)}.note{font-size:.77rem;color:#7B8B9E}.alert{border:1px solid #D8E6F4;background:#F1F7FD;padding:13px 15px;border-radius:11px;color:#3C5877;font-size:.83rem}
.footer{background:#061326;color:#9DB1C7;padding:72px 0 28px}.footergrid{display:grid;grid-template-columns:1.45fr repeat(5,1fr);gap:28px}.footer h4{color:#fff;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 13px}.footer a{display:block;margin:8px 0;font-size:.84rem}.footer a:hover{color:#fff}.footerbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem}
@media(max-width:1050px){.navlinks{display:none}.mobiletoggle{display:grid;place-items:center}.grid2,.product-hero-grid{grid-template-columns:1fr}.grid4,.price-grid{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.grid5{grid-template-columns:repeat(3,1fr)}.trustgrid{grid-template-columns:repeat(3,1fr)}.footergrid{grid-template-columns:1.4fr repeat(3,1fr)}.mobilemenu.open{display:grid;padding:14px 20px 22px;border-top:1px solid var(--line);gap:3px;background:#fff}.mobilemenu a{padding:10px 0;font-weight:700;color:#314760}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--container))}.section{padding:74px 0}.hero{padding-top:58px}.grid3,.grid4,.grid5,.price-grid,.catalog,.statgrid,.footergrid,.trustgrid{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid var(--line)}.stat:first-child{border-top:0}.hero-actions .btn{width:100%}.cta{display:block;padding:34px}.cta .btn{margin-top:17px}.topbar .container span:last-child{display:none}}

:focus-visible{outline:3px solid rgba(43,111,184,.38);outline-offset:3px}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:#07172D;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:12px}
.policy-hero{padding:58px 0 40px;background:linear-gradient(180deg,#F7FAFE,#fff);border-bottom:1px solid var(--line)}
.policy-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;color:#66798f;font-size:.82rem}
.policy-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.policy-toc{position:sticky;top:132px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px}
.policy-toc h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;margin:0 0 12px;color:#67798f}
.policy-toc a{display:block;padding:7px 8px;border-radius:8px;color:#50647b;font-size:.83rem}
.policy-toc a:hover{background:var(--soft);color:var(--navy)}
.policy-content{max-width:860px}
.policy-section{padding:6px 0 26px;border-bottom:1px solid #e7edf3;margin-bottom:28px}
.policy-section:last-child{border-bottom:0}
.policy-section h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px;color:var(--navy)}
.policy-section h3{font-size:1.05rem;margin:22px 0 8px}
.policy-section p,.policy-section li{color:#455a73;font-size:.95rem}
.policy-section ul,.policy-section ol{padding-left:22px}
.policy-section li{margin:7px 0}
.policy-note{border:1px solid #dbe8f5;background:#f3f8fd;border-radius:14px;padding:16px 18px;color:#405d7b;font-size:.88rem;margin:18px 0}
.policy-warning{border:1px solid #eed7a7;background:#fff8e8;border-radius:14px;padding:16px 18px;color:#76551e;font-size:.88rem;margin:18px 0}
.legal-index{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.legal-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px}
.legal-card h3{font-size:1rem;margin:0 0 7px}.legal-card p{color:var(--muted);font-size:.84rem;margin:0 0 12px}.legal-card a{color:var(--blue);font-weight:760;font-size:.84rem}
.definition-grid{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.definition-grid div{padding:12px 14px;border-bottom:1px solid var(--line)}.definition-grid div:nth-last-child(-n+2){border-bottom:0}.definition-grid .term{background:#f7f9fc;font-weight:750;color:#31465f}
.cookie-button{background:none;border:0;color:inherit;padding:0;cursor:pointer;font:inherit}
.cookie-modal{position:fixed;inset:0;z-index:600;background:rgba(4,13,27,.58);display:none;align-items:center;justify-content:center;padding:20px}
.cookie-modal.show{display:flex}.cookie-dialog{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.cookie-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}
.toggle{position:relative;width:44px;height:24px;border:0;border-radius:999px;background:#cbd5e1;flex:none;cursor:pointer}.toggle.on{background:var(--blue)}.toggle:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle.on:after{left:23px}.toggle.locked{opacity:.6;cursor:default}
.order-steps{counter-reset:orderstep;display:grid;gap:14px}.order-step{position:relative;padding:20px 20px 20px 68px;border:1px solid var(--line);border-radius:16px;background:#fff}.order-step:before{counter-increment:orderstep;content:counter(orderstep);position:absolute;left:20px;top:19px;width:32px;height:32px;border-radius:10px;background:#eef5fc;color:var(--blue);display:grid;place-items:center;font-weight:850}
.search-panel{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.search-input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:11px;outline:none}.search-results{display:grid;gap:8px;margin-top:14px}.search-results a{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #edf1f5}
@media(max-width:950px){.policy-layout{grid-template-columns:1fr}.policy-toc{position:relative;top:auto}.legal-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.legal-index{grid-template-columns:1fr}.definition-grid{grid-template-columns:1fr}.policy-content{max-width:none}}


/* ===== Production responsiveness & accessibility hardening v1 ===== */
html,body{max-width:100%;overflow-x:hidden}
body{overflow-wrap:break-word}
a,p,li,td,th,code,pre{overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
button,.btn,a{touch-action:manipulation}
.mobiletoggle{min-width:44px;min-height:44px;font-size:1.1rem}
.mobilemenu{max-height:calc(100vh - 74px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobilemenu .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:9px;margin-top:7px;border-top:1px solid var(--line)}
.mobilemenu .mobile-actions a{text-align:center;padding:10px;border-radius:9px}
.mobilemenu .mobile-actions a:first-child{background:var(--navy);color:#fff}.mobilemenu .mobile-actions a:last-child{border:1px solid var(--line)}
.navitem>button[aria-expanded="true"]{color:var(--navy)}
.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}
.policy-content{min-width:0}.policy-toc{min-width:0}
.field input,.field select,.field textarea{font-size:16px}
@media(max-width:700px){
  .topbar{display:none}
  .nav{height:68px;gap:10px}
  .brand{min-width:0;font-size:.9rem}.brand img{width:32px;height:32px}
  .actions{margin-left:auto;gap:7px}.actions>.btn{display:none}
  .mobiletoggle{display:grid;place-items:center}
  .hero{padding:52px 0 54px}.pagehero,.policy-hero{padding:50px 0 38px}
  .display{font-size:clamp(2.6rem,14vw,4.5rem);line-height:.97}
  .h1{font-size:clamp(2.25rem,11vw,3.65rem)}
  .h2{font-size:clamp(1.85rem,9vw,2.8rem)}
  .lead{font-size:1rem}
  .card,.price-card,.callout{padding:20px}
  .price-card.featured{transform:none}
  .tech-card{padding:12px}.tech-panel{padding:15px}.tech-grid{grid-template-columns:1fr 1fr}
  .cta{border-radius:22px}.policy-toc{display:none}
  .policy-section{scroll-margin-top:88px}
  .footer{padding-top:54px}
  .footerbottom{align-items:flex-start}
}
@media(max-width:360px){
  .container{width:calc(100% - 24px)}
  .brand{font-size:.82rem;letter-spacing:.035em}
  .brand img{width:30px;height:30px}
  .metric-grid,.tech-grid,.mobilemenu .mobile-actions{grid-template-columns:1fr}
  .chips{gap:6px}.chips span{font-size:.74rem}
}
@media(min-width:701px) and (max-width:1050px){
  .actions>.btn-secondary{display:none}
  .mega{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
  header,.topbar,.footer,.cookie-modal,.cookie-banner,.skip-link,.cta,.policy-toc{display:none!important}
  body{color:#000;background:#fff}.section,.policy-hero{padding:20px 0}.policy-layout{display:block}.policy-content{max-width:none}
  a{text-decoration:none;color:#000}
}


/* ===== Footer legal bar hotfix v1.0.1 ===== */
.footerbottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px 28px;
  flex-wrap:wrap;
}
.footerbottom > span:first-child{
  flex:0 0 auto;
  white-space:nowrap;
}
.footerbottom .footerlegal{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px 12px;
  flex-wrap:wrap;
  margin-left:auto;
}
.footerbottom .footerlegal a,
.footerbottom .footerlegal .cookie-button{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  font-size:inherit;
  line-height:1.5;
  color:inherit;
  white-space:nowrap;
}
.footerbottom .footerlegal a:hover,
.footerbottom .footerlegal .cookie-button:hover{color:#fff}
.footerbottom .footer-sep{
  display:inline-block;
  opacity:.55;
  user-select:none;
}
@media(max-width:760px){
  .footerbottom{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .footerbottom > span:first-child{
    white-space:normal;
  }
  .footerbottom .footerlegal{
    justify-content:flex-start;
    margin-left:0;
    gap:7px 10px;
  }
}
@media(max-width:380px){
  .footerbottom .footerlegal{
    column-gap:8px;
    row-gap:6px;
  }
  .footerbottom .footer-sep{display:none}
}


/* ===== v1.1 final production QA hardening ===== */
html,body{max-width:100%;overflow-x:clip}
main{min-width:0}
.footerbottom{align-items:flex-start}
.footerbottom>span:last-child{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center}
.footerbottom>span:last-child>a,
.footerbottom>span:last-child>.cookie-button{display:inline!important;margin:0!important;white-space:nowrap}
.footerbottom .cookie-button{color:inherit}
.footerbottom .cookie-button:hover,.footerbottom a:hover{color:#fff}
pre,code{max-width:100%;overflow:auto}
table{max-width:100%}
img,svg,video,iframe{height:auto}
.pagehero,.policy-hero,.hero,.section,.footer{overflow-wrap:anywhere}
.actions{min-width:max-content}
.longform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.longform-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}
.longform-card h3{margin:0 0 8px;font-size:1rem;color:var(--navy)}
.longform-card p{margin:0;color:var(--muted);font-size:.88rem}
.production-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#edf7f2;border:1px solid #cfe9dc;color:#246847;font-size:.78rem;font-weight:800}
.coming-soon{background:#fff7e8;border-color:#eedcab;color:#75551d}
.real-data-note{border:1px solid #d8e6f4;background:#f2f7fd;border-radius:13px;padding:14px 16px;color:#405c78;font-size:.85rem}
@media(max-width:1100px){
  .mega{left:auto;right:-220px;max-width:min(850px,calc(100vw - 32px))}
}
@media(max-width:1050px){
  .actions{min-width:0}
}
@media(max-width:760px){
  .topbar{display:none}
  .nav{height:68px;gap:10px}
  .brand{font-size:.92rem;min-width:0}
  .brand img{width:32px;height:32px}
  .actions{gap:6px}
  .actions>.btn{display:none}
  .mobiletoggle{display:grid;place-items:center;flex:0 0 42px}
  .longform-grid{grid-template-columns:1fr}
  .footerbottom>span:last-child{gap:6px 8px}
}
@media(max-width:380px){
  .container{width:calc(100% - 24px)}
  .brand{letter-spacing:.035em;font-size:.84rem}
  .brand img{width:30px;height:30px}
  .display{font-size:clamp(2.7rem,15vw,4.2rem)}
  .h1{font-size:clamp(2.35rem,12vw,3.4rem)}
  .section{padding:62px 0}
  .pagehero{padding:54px 0 40px}
  .footer{padding-top:56px}
  .footerbottom>span:last-child{display:flex}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.catalog-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 34px}.catalog-search{flex:1;min-width:240px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.cycle-switch{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:auto;max-width:100%}.cycle-switch button{border:0;background:transparent;padding:8px 11px;border-radius:8px;white-space:nowrap;cursor:pointer;color:#5c7087;font:inherit;font-size:.8rem;font-weight:750}.cycle-switch button.active{background:#eaf3fb;color:#0d579e}.catalog-group{margin:52px 0}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-head h2{margin:0}.catalog-head p{margin:5px 0 0;color:var(--muted);max-width:680px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-product{border:1px solid var(--line);border-radius:17px;background:#fff;padding:20px;display:flex;flex-direction:column;min-width:0}.catalog-product h3{font-size:1.02rem;margin:8px 0 6px;color:var(--navy)}.catalog-product p{font-size:.84rem;color:var(--muted);margin:0 0 18px;min-height:52px}.catalog-price{font-size:1.5rem;font-weight:850;color:var(--navy);letter-spacing:-.03em}.catalog-price small{font-size:.74rem;font-weight:650;color:var(--muted);letter-spacing:0}.catalog-actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.catalog-status{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#2f7b59}.catalog-status.roadmap{color:#8a6422}.plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}.plan-price-card{position:sticky;top:124px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}.plan-price-table{width:100%;border-collapse:collapse;margin-top:16px}.plan-price-table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:.84rem}.plan-price-table td:last-child{text-align:right;font-weight:800;color:var(--navy)}.plan-features{font-size:.92rem;line-height:1.65;color:#40546b}.plan-features strong{display:block;color:var(--navy);font-size:1rem;margin:22px 0 5px}.plan-features strong:first-child{margin-top:0}.plan-features br{line-height:1.8}@media(max-width:1020px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.plan-layout{grid-template-columns:1fr}.plan-price-card{position:relative;top:auto}}@media(max-width:650px){.catalog-grid{grid-template-columns:1fr}.catalog-head{align-items:start;flex-direction:column}.cycle-switch{width:100%}.catalog-toolbar{align-items:stretch}.catalog-search{width:100%}}

/* ===== AlpineLayer v3 console + responsive hardening ===== */
.header,.nav,.navlinks,.actions,.footergrid,.footerbottom{min-width:0}
.navlinks>a,.dropbtn{white-space:nowrap}
.footergrid>div{min-width:0}
.footer a,.footer button{overflow-wrap:anywhere}
.footerbottom{gap:18px}
.footerbottom>span{min-width:0}
.footerbottom>span:last-child{justify-content:flex-end}
@media(max-width:1180px){
  .navlinks{gap:2px}
  .navlinks>a,.dropbtn{padding:8px 8px;font-size:.76rem}
  .actions .btn{padding:9px 11px}
}
@media(max-width:1050px){
  .navlinks{display:none}
  .mobiletoggle{display:grid;place-items:center}
  .actions>.btn-secondary{display:none}
}
@media(max-width:900px){
  .footergrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footerbottom{flex-direction:column;align-items:flex-start}
  .footerbottom>span:last-child{justify-content:flex-start}
}
@media(max-width:640px){
  .footergrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  .footerbottom>span:last-child{gap:7px 9px}
  .catalog-actions{flex-wrap:wrap}
  .catalog-actions .btn{flex:1 1 auto}
}
@media(max-width:420px){
  .nav{height:64px}
  .brand{font-size:.8rem}
  .brand img{width:29px;height:29px}
  .footergrid{grid-template-columns:1fr}
  .footerbottom>span:last-child{display:flex;flex-wrap:wrap}
  .footerbottom>span:last-child>a,
  .footerbottom>span:last-child>.cookie-button{white-space:normal!important}
  .cycle-switch{scrollbar-width:none}
  .cycle-switch::-webkit-scrollbar{display:none}
}

/* ===== v4 exact imported catalog ===== */
.mega-products{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1120px,calc(100vw - 40px));left:50%;transform:translateX(-50%)}.mega-solutions{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-bottom{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:12px}.mobilemenu details{border-bottom:1px solid rgba(255,255,255,.08)}.mobilemenu summary{cursor:pointer;padding:13px 0;font-weight:800;list-style:none}.mobilemenu summary::-webkit-details-marker{display:none}.mobile-submenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:0 0 12px}.mobile-submenu a{padding:8px 0;font-size:.84rem}.mobile-main{font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.category-card{display:block;border:1px solid var(--line);border-radius:17px;background:#fff;padding:21px;text-decoration:none;color:inherit;min-width:0}.category-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(8,32,60,.08)}.category-card h3{margin:7px 0 8px;color:var(--navy);font-size:1.05rem}.category-card p{color:var(--muted);font-size:.85rem;min-height:62px}.category-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#31735a}.category-meta{font-size:.75rem;font-weight:750;color:#6d8093}.pillar-links{margin-top:14px;font-size:.78rem;line-height:1.8}.pillar-links a{color:#1863a5;text-decoration:none}.pricing-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-family{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:13px;padding:16px 18px;background:#fff;text-decoration:none;color:var(--navy)}.pricing-family strong{white-space:nowrap}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.hero-metrics>div{border-top:1px solid rgba(255,255,255,.18);padding-top:12px}.hero-metrics strong{display:block;font-size:1.4rem}.hero-metrics span{font-size:.76rem;opacity:.75}.footerbrand{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:34px}.footerbrand p{max-width:560px;margin:0;color:var(--muted)}.footergrid{grid-template-columns:repeat(6,minmax(0,1fr))}.footergrid a{display:block!important}.footerbottom>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.footerbottom>span:last-child>a,.footerbottom>span:last-child>.cookie-button{display:inline!important}@media(max-width:1180px){.mega-products{grid-template-columns:repeat(2,minmax(0,1fr));max-height:72vh;overflow:auto}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footergrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.navlinks{display:none!important}.mobiletoggle{display:grid!important;place-items:center}.actions>.btn-secondary{display:none}}@media(max-width:820px){.category-grid,.pricing-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.footerbrand{display:block}.footerbrand p{margin-top:14px}.footerbottom{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.category-grid,.pricing-family-grid{grid-template-columns:1fr}.mobile-submenu{grid-template-columns:1fr}.footergrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.pricing-family{align-items:flex-start;flex-direction:column;gap:4px}.catalog-toolbar{display:block}.catalog-toolbar .cycle-switch{margin-top:14px}}@media(max-width:390px){.footergrid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr 1fr}.brand{font-size:.78rem}.actions .btn-primary{padding:9px 10px;font-size:.75rem}}


/* =====================================================================
   ALPINELAYER v5 — GO-LIVE UI LAYER
   ===================================================================== */
:root{
  --al-navy:#07172d;
  --al-navy-2:#0b294d;
  --al-blue:#2b6fb8;
  --al-blue-soft:#eaf3fb;
  --al-surface:#ffffff;
  --al-surface-soft:#f6f9fc;
  --al-border:#dce5ef;
  --al-text:#0e223e;
  --al-muted:#617289;
  --al-green:#1b7f55;
  --al-radius:18px;
  --al-shadow:0 16px 45px rgba(7,23,45,.08);
}
body{overflow-x:hidden}
.container{width:min(1220px,calc(100% - 40px))}
header{box-shadow:0 1px 0 rgba(7,23,45,.03)}
.nav{max-width:1220px}
.navlinks{gap:20px}
.navlinks>a,.navitem>button{font-size:.875rem}
.actions .btn{white-space:nowrap}

/* HERO */
.hero{padding:96px 0 88px}
.hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;gap:72px!important;align-items:center!important}
.hero .display{max-width:760px}
.hero .lead{max-width:720px}
.hero-card{
  position:relative;border:1px solid var(--al-border);border-radius:30px;
  background:linear-gradient(145deg,#07172d,#103b6b);padding:18px;
  box-shadow:0 28px 80px rgba(7,23,45,.18);overflow:hidden
}
.hero-card img{width:100%;border-radius:20px}
.hero-card-copy{padding:20px 10px 4px;color:#fff}
.hero-card-copy strong{display:block;font-size:1.04rem}
.hero-card-copy span{display:block;color:#adc4da;font-size:.84rem;margin-top:4px}
.hero-metrics{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;margin-top:36px!important
}
.hero-metrics>div{
  border:1px solid var(--al-border)!important;border-radius:14px!important;
  background:#fff!important;padding:15px 16px!important
}
.hero-metrics strong{display:block!important;font-size:1.45rem!important;line-height:1!important;color:var(--al-navy)!important}
.hero-metrics span{display:block!important;margin-top:7px!important;font-size:.72rem!important;color:var(--al-muted)!important;opacity:1!important}

/* CATALOG TOOLBAR */
.catalog-toolbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;margin:0 0 30px!important;padding:14px!important;
  border:1px solid var(--al-border)!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(7,23,45,.04)
}
.catalog-toolbar .real-data-note{flex:1;margin:0!important}
.cycle-switch{
  display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;
  background:#eef3f8!important;border:0!important;border-radius:11px!important;
  overflow-x:auto!important;max-width:100%!important
}
.cycle-switch button{
  appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;
  background:transparent!important;color:#53677f!important;border-radius:8px!important;
  padding:9px 12px!important;font-size:.77rem!important;font-weight:780!important;
  white-space:nowrap!important;cursor:pointer!important;line-height:1.2!important
}
.cycle-switch button:hover{background:#fff!important;color:var(--al-navy)!important}
.cycle-switch button.active{background:#fff!important;color:var(--al-navy)!important;box-shadow:0 3px 10px rgba(7,23,45,.08)!important}

/* PRODUCT CARDS */
.catalog-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;align-items:stretch!important
}
.catalog-product{
  display:flex!important;flex-direction:column!important;min-width:0!important;
  border:1px solid var(--al-border)!important;border-radius:20px!important;
  padding:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 7px 24px rgba(7,23,45,.035)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important
}
.catalog-product:hover{
  transform:translateY(-3px)!important;border-color:#bed1e4!important;
  box-shadow:var(--al-shadow)!important
}
.catalog-status{
  display:inline-flex!important;align-self:flex-start!important;padding:6px 9px!important;
  border-radius:999px!important;background:#edf8f2!important;color:var(--al-green)!important;
  font-size:.66rem!important;font-weight:850!important;text-transform:uppercase!important;
  letter-spacing:.08em!important;margin-bottom:15px!important
}
.catalog-status.roadmap{background:#fff6e7!important;color:#845d19!important}
.catalog-product h3{font-size:1.18rem!important;line-height:1.25!important;margin:0 0 10px!important}
.catalog-product h3 a:hover{color:var(--al-blue)}
.catalog-product p{
  color:var(--al-muted)!important;font-size:.88rem!important;line-height:1.6!important;
  min-height:68px!important;margin:0 0 22px!important
}
.catalog-price{
  margin-top:auto!important;font-size:1.7rem!important;font-weight:860!important;
  color:var(--al-navy)!important;line-height:1.1!important;letter-spacing:-.035em!important
}
.catalog-price small{font-size:.74rem!important;color:var(--al-muted)!important;font-weight:650!important}
.catalog-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding-top:20px!important}
.catalog-actions .btn{width:100%!important;padding:11px 12px!important}

/* CATEGORY INDEX */
.category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.category-card{
  min-height:190px!important;padding:23px!important;border-radius:20px!important;
  border:1px solid var(--al-border)!important;background:#fff!important;
  box-shadow:0 5px 18px rgba(7,23,45,.03)!important
}
.category-card:hover{border-color:#bed1e4!important;box-shadow:var(--al-shadow)!important}
.category-card h3{font-size:1.08rem!important;line-height:1.3!important}
.category-card p{min-height:auto!important;font-size:.84rem!important;line-height:1.55!important}
.category-meta{display:block!important;margin-top:18px!important}

/* FEATURED + CONTENT */
.longform-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.longform-card{height:100%;padding:25px!important}
.section-soft .catalog-product{background:#fff!important}
.real-data-note{
  border:1px solid #d5e5f5!important;background:#f3f8fd!important;border-radius:13px!important;
  padding:14px 16px!important;font-size:.82rem!important;line-height:1.5!important
}

/* PRODUCT DETAILS */
.plan-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;
  gap:64px!important;align-items:start!important
}
.plan-layout article{min-width:0}
.plan-features{
  border:1px solid var(--al-border);border-radius:20px;background:#fff;padding:28px 30px;
  box-shadow:0 6px 22px rgba(7,23,45,.035);font-size:.93rem!important;line-height:1.9!important
}
.plan-features strong{
  display:block!important;font-size:1.02rem!important;color:var(--al-navy)!important;
  margin:25px 0 9px!important;padding-bottom:8px!important;border-bottom:1px solid #edf1f5!important
}
.plan-features strong:first-child{margin-top:0!important}
.plan-price-card{
  position:sticky!important;top:112px!important;border:1px solid var(--al-border)!important;
  border-radius:22px!important;background:#fff!important;padding:25px!important;
  box-shadow:0 16px 44px rgba(7,23,45,.08)!important
}
.plan-price-card .catalog-price{font-size:2rem!important;margin:10px 0!important}
.plan-price-table{min-width:0!important;width:100%!important;margin-top:16px!important}
.plan-price-table td{padding:11px 2px!important;font-size:.83rem!important}
.plan-price-table td:first-child{color:var(--al-muted)}
.plan-price-table td:last-child{font-weight:820!important;color:var(--al-navy)}
.plan-price-card>.btn,.plan-price-card div>.btn{width:100%!important}
.production-badge{margin-bottom:16px}

/* PRICING */
.pricing-family-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.pricing-family{
  min-height:70px!important;align-items:center!important;padding:17px 18px!important;border-radius:14px!important;
  transition:.2s ease!important
}
.pricing-family:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,23,45,.06)!important}

/* FOOTER */
.footer{padding-top:70px!important}
.footerbrand{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.footergrid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:28px!important;margin-top:34px!important}
.footergrid h4{min-height:20px}
.footergrid a{display:block!important;margin:7px 0!important;line-height:1.45!important}
.footerbottom{margin-top:44px!important}
.footerbottom>span:last-child{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 9px!important}

/* TABLET */
@media(max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr)!important;gap:45px!important}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footergrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-card{max-width:760px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .plan-layout{grid-template-columns:1fr!important}
  .plan-price-card{position:relative!important;top:auto!important}
  .pricing-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* MOBILE */
@media(max-width:760px){
  .container{width:calc(100% - 28px)!important}
  .hero{padding:62px 0 56px!important}
  .hero .display{font-size:clamp(2.75rem,14vw,4.3rem)!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important}
  .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-toolbar{display:block!important;padding:12px!important}
  .catalog-toolbar .cycle-switch{margin-top:12px!important;width:100%!important}
  .catalog-grid{grid-template-columns:1fr!important}
  .catalog-product p{min-height:0!important}
  .catalog-actions{grid-template-columns:1fr!important}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .longform-grid{grid-template-columns:1fr!important}
  .pricing-family-grid{grid-template-columns:1fr!important}
  .footergrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .plan-features{padding:22px!important}
}
@media(max-width:480px){
  .category-grid{grid-template-columns:1fr!important}
  .hero-metrics{grid-template-columns:1fr 1fr!important}
  .footergrid{grid-template-columns:1fr!important}
  .cycle-switch button{padding:9px 10px!important;font-size:.74rem!important}
  .pagehero{padding:50px 0 38px!important}
}


/* ======================================================================
   ALPINELAYER v6 — WORLD-CLASS HOSTING LAYOUT
   Original AlpineLayer design inspired by modern WHMCS hosting UX patterns.
   ====================================================================== */
:root{
 --ink:#07172d; --ink2:#102c4e; --blue:#286fbe; --blue2:#4c8fd1;
 --sky:#eef6ff; --soft:#f7f9fc; --white:#fff; --muted:#61738b; --line:#dbe5ef;
 --green:#21835a; --orange:#c77a18; --radius:20px;
 --shadow-sm:0 8px 26px rgba(7,23,45,.055);
 --shadow:0 20px 56px rgba(7,23,45,.10);
}
body{background:#fff;color:var(--ink)}
.container{width:min(1240px,calc(100% - 40px))}
.section{padding:88px 0}
.section-sm{padding:58px 0}
.section-soft{background:#f7f9fc}
.eyebrow{letter-spacing:.13em;font-size:.72rem;font-weight:850;text-transform:uppercase;color:#3576b8}
.h2{letter-spacing:-.045em}
.lead{line-height:1.65}

/* NAV */
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,229,239,.8)}
.nav{height:76px}
.brand{font-weight:900;letter-spacing:.04em}
.mega{border-radius:18px;box-shadow:0 24px 70px rgba(7,23,45,.14);border:1px solid var(--line)}
.mega a{border-radius:12px}
.actions .btn-primary{box-shadow:0 7px 18px rgba(7,23,45,.13)}

/* HERO */
.wc-hero{position:relative;overflow:hidden;padding:86px 0 54px;background:
 radial-gradient(circle at 85% 10%,rgba(55,127,198,.18),transparent 28%),
 linear-gradient(180deg,#f8fbff 0%,#fff 78%)}
.wc-hero:after{content:"";position:absolute;inset:auto -15% -180px; height:330px;background:linear-gradient(90deg,transparent,rgba(40,111,190,.05),transparent);transform:rotate(-5deg)}
.wc-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:72px;align-items:center;position:relative;z-index:1}
.wc-hero h1{font-size:clamp(3.45rem,6.2vw,6.35rem);line-height:.93;letter-spacing:-.068em;margin:.15em 0 .28em;max-width:780px}
.wc-hero h1 em{font-style:normal;color:#357ec2}
.wc-hero .lead{font-size:1.12rem;max-width:690px}
.wc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 32px}
.trust-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;color:#556a82;font-size:.78rem;font-weight:720}
.trust-check{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e9f6f0;color:#1c7b54;font-size:.72rem;font-weight:900}
.hero-stack{position:relative;min-height:480px}
.hero-console{
 position:absolute;inset:20px 0 auto 30px;border:1px solid #d9e5f0;border-radius:24px;background:#fff;
 box-shadow:0 30px 80px rgba(7,23,45,.15);padding:18px;transform:rotate(1.5deg)
}
.hero-console-bar{display:flex;gap:6px;padding:3px 0 15px}.hero-console-bar span{width:8px;height:8px;border-radius:50%;background:#d7e0ea}
.hero-console-nav{display:grid;grid-template-columns:112px 1fr;gap:16px}
.console-side{background:#081a31;border-radius:14px;padding:15px 11px;color:#a9bed3;font-size:.68rem;line-height:2.5}
.console-main{padding:4px 4px 10px}
.console-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.console-title strong{font-size:.9rem}
.console-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.console-card{border:1px solid #e1e8f0;border-radius:12px;padding:14px}.console-card b{font-size:1.1rem}.console-card span{display:block;color:#7c8ca0;font-size:.67rem;margin-top:4px}
.console-chart{height:108px;margin-top:12px;border-radius:12px;background:linear-gradient(180deg,#edf6ff,#fff);position:relative;overflow:hidden}
.console-chart:after{content:"";position:absolute;width:120%;height:70px;left:-10%;bottom:15px;border-top:3px solid #3a82c6;border-radius:50%;transform:rotate(-7deg)}
.hero-float{position:absolute;right:-10px;bottom:7px;width:205px;border:1px solid #dbe5ef;border-radius:17px;background:#fff;box-shadow:0 20px 50px rgba(7,23,45,.14);padding:16px;transform:rotate(-2deg)}
.hero-float .mini-label{font-size:.67rem;color:#708196}.hero-float strong{display:block;margin-top:3px;font-size:1.1rem}.hero-float .bar{height:7px;background:#ecf1f6;border-radius:999px;margin-top:13px}.hero-float .bar i{display:block;height:100%;width:71%;background:#347fc5;border-radius:999px}

/* DOMAIN SEARCH */
.domain-strip{position:relative;z-index:4;margin-top:18px}
.domain-box{display:grid;grid-template-columns:1fr auto;gap:8px;background:#07172d;padding:15px;border-radius:18px;box-shadow:0 22px 48px rgba(7,23,45,.13)}
.domain-box input{min-width:0;height:54px;border:0;border-radius:11px;padding:0 18px;font:inherit;font-size:.95rem;outline:none}
.domain-box .btn{height:54px;min-width:160px}
.domain-note{display:flex;gap:18px;flex-wrap:wrap;padding:12px 4px 0;color:#62758d;font-size:.75rem}.domain-note b{color:#0e3156}

/* PRODUCT TABS + HOSTING PRICING */
.hosting-showcase{background:#fff}
.pill-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0 34px}
.pill-tabs a{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.77rem;font-weight:780;color:#546b84;background:#fff}
.pill-tabs a.active,.pill-tabs a:hover{background:#07172d;color:#fff;border-color:#07172d}
.host-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.host-plan{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:21px;background:#fff;padding:25px;box-shadow:var(--shadow-sm)}
.host-plan.featured{border-color:#4389ca;box-shadow:0 20px 50px rgba(34,106,176,.13);transform:translateY(-7px)}
.plan-ribbon{position:absolute;top:0;right:20px;transform:translateY(-50%);padding:6px 10px;background:#2c76ba;color:#fff;border-radius:999px;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.host-plan .plan-name{font-size:1.18rem;font-weight:860}
.host-plan .plan-desc{color:var(--muted);font-size:.82rem;line-height:1.55;min-height:64px;margin:9px 0 20px}
.host-plan .price{font-size:2.05rem;font-weight:900;letter-spacing:-.055em}.host-plan .price small{font-size:.72rem;color:var(--muted);font-weight:650}
.host-plan .save{font-size:.7rem;color:#25734f;margin:6px 0 19px}
.host-plan .btn{width:100%;margin-bottom:20px}
.feature-mini{border-top:1px solid #edf1f5;padding-top:16px;display:grid;gap:10px;font-size:.78rem;color:#4d6076}.feature-mini span:before{content:"✓";color:#238458;font-weight:900;margin-right:8px}

/* PRODUCT FAMILIES */
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.family-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;text-decoration:none;color:inherit;transition:.2s ease}
.family-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c2d4e7}
.family-icon{width:42px;height:42px;border-radius:12px;background:#eef6ff;display:grid;place-items:center;color:#3279bc;font-weight:900;margin-bottom:17px}
.family-card h3{font-size:1rem;margin:0 0 7px}.family-card p{font-size:.79rem;color:var(--muted);line-height:1.55;margin:0}.family-card .meta{display:block;margin-top:16px;color:#3877b6;font-size:.72rem;font-weight:800}

/* CLOUD FEATURE */
.cloud-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;border:1px solid #dbe6f0;border-radius:26px;background:linear-gradient(135deg,#07172d,#113a67);padding:42px;color:#fff;overflow:hidden}
.cloud-panel .lead{color:#b9cade}.cloud-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cloud-spec{padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055)}.cloud-spec strong{font-size:1.25rem}.cloud-spec span{display:block;font-size:.7rem;color:#adc1d5;margin-top:4px}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.why-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}
.why-num{font-size:.68rem;font-weight:900;color:#347dbf;letter-spacing:.08em}.why-card h3{margin:12px 0 7px;font-size:1rem}.why-card p{margin:0;color:var(--muted);font-size:.81rem;line-height:1.6}

/* TRUST STRIP */
.trust-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:34px;background:#f7fafc}
.trust-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.trust-stat{border-radius:14px;background:#fff;border:1px solid #e2e8ef;padding:17px}.trust-stat strong{font-size:1.35rem}.trust-stat span{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}

/* FAQ */
.faq-list{max-width:920px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--line);padding:6px 0}.faq-list summary{cursor:pointer;padding:17px 0;font-weight:820;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#397ab8}.faq-list details[open] summary:after{content:"−"}.faq-list p{padding:0 0 18px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}

/* CTA */
.final-cta{border-radius:28px;background:linear-gradient(120deg,#07172d,#123f70);padding:52px;color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center;overflow:hidden;position:relative}.final-cta:after{content:"";position:absolute;width:280px;height:280px;border:60px solid rgba(255,255,255,.04);border-radius:50%;right:-50px;top:-90px}.final-cta p{color:#b8cadc;max-width:650px}.final-cta .actions{display:flex;gap:10px;position:relative;z-index:2}

/* GROUP PAGE */
.group-hero{padding:68px 0 44px;background:linear-gradient(180deg,#f8fbff,#fff)}
.group-top{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}.group-top .lead{max-width:780px}
.group-badges{display:flex;gap:8px;flex-wrap:wrap}.group-badges span{padding:7px 10px;border-radius:999px;background:#eef5fc;color:#346faa;font-size:.69rem;font-weight:800}
.group-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.group-product{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px;box-shadow:var(--shadow-sm)}
.group-product .status{font-size:.65rem;font-weight:850;color:#27805a;text-transform:uppercase;letter-spacing:.08em}.group-product h3{font-size:1.17rem;margin:10px 0}.group-product p{font-size:.84rem;line-height:1.58;color:var(--muted);min-height:67px}
.group-product .price{font-size:1.65rem;font-weight:900;margin-top:auto}.group-product .price small{font-size:.71rem;color:var(--muted);font-weight:650}.group-product .buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}

/* DETAIL PAGE */
.product-shell{padding:60px 0 88px;background:linear-gradient(180deg,#f8fbff 0,#fff 350px)}
.product-head{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:start}
.product-breadcrumb{font-size:.75rem;color:#6f8297;margin-bottom:18px}.product-breadcrumb a{color:#3978b6;text-decoration:none}
.product-head h1{font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1;margin:10px 0 18px}.product-head .lead{font-size:1.04rem}
.product-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.product-tags span{padding:7px 9px;border-radius:999px;background:#eef5fb;color:#396f9e;font-size:.68rem;font-weight:800}
.buy-card{position:sticky;top:105px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:25px;box-shadow:var(--shadow)}
.buy-card .from{font-size:.72rem;color:var(--muted)}.buy-card .big-price{font-size:2.25rem;font-weight:900;letter-spacing:-.055em;margin:5px 0}.buy-card .big-price small{font-size:.76rem;color:var(--muted);font-weight:650}
.buy-card .btn{width:100%;margin:13px 0 5px}
.buy-trust{display:grid;gap:7px;border-top:1px solid #edf1f5;margin-top:16px;padding-top:16px;font-size:.72rem;color:#657991}.buy-trust span:before{content:"✓";color:#28845d;font-weight:900;margin-right:7px}
.billing-table{width:100%;border-collapse:collapse;margin-top:18px}.billing-table td{padding:10px 0;border-bottom:1px solid #edf1f5;font-size:.78rem}.billing-table td:last-child{text-align:right;font-weight:820}
.product-content{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px}.features-box{border:1px solid var(--line);border-radius:20px;background:#fff;padding:28px}.features-box .plan-features{border:0;box-shadow:none;padding:0}.side-info{display:grid;gap:14px}.side-card{border:1px solid var(--line);border-radius:17px;padding:20px}.side-card h3{font-size:.9rem;margin:0 0 7px}.side-card p{font-size:.78rem;line-height:1.55;color:var(--muted);margin:0}

/* RESPONSIVE */
@media(max-width:1100px){
 .wc-hero-grid{grid-template-columns:1fr}.hero-stack{max-width:760px;margin:0 auto;width:100%}
 .host-plans{grid-template-columns:repeat(2,1fr)}.family-grid{grid-template-columns:repeat(3,1fr)}
 .cloud-panel{grid-template-columns:1fr}.product-head{grid-template-columns:1fr}.buy-card{position:relative;top:auto;max-width:520px}
 .product-content{grid-template-columns:1fr}.side-info{grid-template-columns:repeat(3,1fr)}
 .group-products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
 .section{padding:68px 0}.family-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.trust-panel{grid-template-columns:1fr}
 .final-cta{display:block}.final-cta .actions{margin-top:20px}.side-info{grid-template-columns:1fr}
 .group-top{grid-template-columns:1fr}.group-products{grid-template-columns:1fr}
}
@media(max-width:600px){
 .container{width:calc(100% - 28px)}.wc-hero{padding:58px 0 36px}.wc-hero h1{font-size:3.25rem}
 .hero-stack{min-height:365px}.hero-console{inset:10px 0 auto 0}.hero-float{width:175px;right:-3px}.console-side{display:none}.hero-console-nav{grid-template-columns:1fr}
 .domain-box{grid-template-columns:1fr}.domain-box .btn{width:100%}.domain-note{gap:10px}
 .host-plans,.family-grid,.why-grid{grid-template-columns:1fr}.host-plan.featured{transform:none}
 .cloud-specs,.trust-stats{grid-template-columns:1fr 1fr}.final-cta{padding:34px 25px}.final-cta .actions{display:grid}
 .product-head h1{font-size:3rem}.group-products{grid-template-columns:1fr}.group-product .buttons{grid-template-columns:1fr}
}