:root{
      --bg: #F6FAFF;
      --bg2:#FFFFFF;
      --navy:#08142B;
      --navy2:#0D1E3F;
      --blue:#1D4ED8;
      --cyan:#14B8A6;
      --cyan2:#22D3EE;

      --text: rgba(8,20,43,.92);
      --muted: rgba(8,20,43,.68);
      --muted2: rgba(8,20,43,.52);

      --card: rgba(255,255,255,.78);
      --glass: rgba(255,255,255,.62);
      --stroke: rgba(8,20,43,.10);
      --stroke2: rgba(8,20,43,.14);

      --shadow: 0 24px 70px rgba(8,20,43,.12);
      --shadow2: 0 16px 44px rgba(8,20,43,.10);

      --r: 18px;
      --r2: 24px;
      --max: 1180px;

      --gradA: linear-gradient(135deg, rgba(29,78,216,.95), rgba(20,184,166,.88));
      --gradB: linear-gradient(135deg, rgba(8,20,43,.98), rgba(29,78,216,.70));
      --gradC: linear-gradient(135deg, rgba(20,184,166,.92), rgba(34,211,238,.88));
      --ring: 0 0 0 1px var(--stroke2), 0 0 0 7px rgba(20,184,166,.16);
      --ring2: 0 0 0 1px var(--stroke2), 0 0 0 7px rgba(29,78,216,.14);

      --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

      --topPad: 92px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:var(--font);
      color:var(--text);
      overflow-x:hidden;
      background:
        radial-gradient(1100px 520px at 10% 6%, rgba(29,78,216,.16), transparent 55%),
        radial-gradient(900px 560px at 82% 10%, rgba(20,184,166,.14), transparent 55%),
        radial-gradient(900px 640px at 50% 96%, rgba(34,211,238,.10), transparent 60%),
        linear-gradient(180deg, var(--bg), var(--bg2));
    }
    a{color:inherit; text-decoration:none}
    button,input{font:inherit}
    ::selection{background: rgba(20,184,166,.22)}

    .container{max-width:var(--max); margin:0 auto; padding:0 22px}
    .section{padding: 78px 0}
    .topPad{padding-top: var(--topPad)}
    .grid{display:grid; gap:16px}

    /* --- Background tech: CSS "mesh" + SVG goo dots --- */
    .mesh{
      pointer-events:none;
      position:fixed; inset:-80px;
      opacity:.80;
      filter: saturate(1.05);
      transform: translateZ(0);
      z-index:-2;
      background:
        radial-gradient(closest-side at 20% 18%, rgba(29,78,216,.22), transparent 68%),
        radial-gradient(closest-side at 82% 14%, rgba(20,184,166,.18), transparent 66%),
        radial-gradient(closest-side at 52% 78%, rgba(34,211,238,.16), transparent 68%),
        radial-gradient(closest-side at 18% 82%, rgba(8,20,43,.10), transparent 68%);
    }
    .gridlines{
      pointer-events:none;
      position:fixed; inset:0;
      opacity:.22;
      z-index:-1;
      background-image:
        linear-gradient(to right, rgba(8,20,43,.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(8,20,43,.06) 1px, transparent 1px);
      background-size: 46px 46px;
      mask-image: radial-gradient(closest-side at 50% 20%, #000 0%, transparent 75%);
    }

    /* --- Navbar --- */
    .navWrap{
      position:fixed; top: 14px; left:0; right:0;
      z-index:1000;
      transition: transform .25s ease;
    }
    .nav{
      display:flex; align-items:center; justify-content:space-between;
      padding: 12px 14px;
      border-radius: 999px;
      background: rgba(255,255,255,.68);
      border: 1px solid var(--stroke);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow2);
    }
    .brand{
      display:flex; align-items:center; gap:10px;
      padding:6px 10px; border-radius: 999px;
    }
    .logo{
      width:30px;height:30px;border-radius: 12px;
      background: var(--gradA);
      position:relative;
      box-shadow: 0 14px 26px rgba(29,78,216,.20);
      overflow:hidden;
    }
    .logo:before{
      content:"";
      position:absolute; inset:-30px;
      background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.65), transparent 42%),
        radial-gradient(circle at 70% 80%, rgba(255,255,255,.35), transparent 44%);
      transform: rotate(12deg);
    }
    .brandName{font-weight: 900; letter-spacing:-.25px; line-height:1}
    .brandSub{font-size: 12px; color: var(--muted2); margin-top:2px; line-height:1}

    .navLinks{display:flex; gap:10px; align-items:center; color: var(--muted); font-size: 14px}
    .navLinks a{
      padding: 9px 10px;
      border-radius: 999px;
      transition: background .2s ease, color .2s ease, transform .16s ease;
    }
    .navLinks a:hover{
      background: rgba(8,20,43,.05);
      color: var(--text);
      transform: translateY(-1px);
    }

    .navActions{display:flex; gap:10px; align-items:center}
    .btn{
      border:0; cursor:pointer;
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding: 12px 16px;
      border-radius: 999px;
      background: rgba(8,20,43,.05);
      border: 1px solid var(--stroke);
      color: var(--text);
      transition: transform .16s ease, box-shadow .2s ease, background .2s ease;
      user-select:none;
      white-space:nowrap;
    }
    .btn:hover{transform: translateY(-1px); background: rgba(8,20,43,.06)}
    .btnPrimary{
      border:0;
      background: var(--gradA);
      color: white;
      box-shadow: 0 18px 46px rgba(29,78,216,.18);
    }
    .btnPrimary:hover{box-shadow: 0 22px 56px rgba(29,78,216,.22);
	color: #6d6d6d;
	}
    .btnGhost{
      background: rgba(255,255,255,.52);
      border: 1px solid var(--stroke);
    }
    .iconBtn{
      width:40px;height:40px;border-radius:999px;
      display:grid; place-items:center;
      background: rgba(255,255,255,.60);
      border: 1px solid var(--stroke);
      cursor:pointer;
      transition: transform .16s ease, background .2s ease;
    }
    .iconBtn:hover{transform: translateY(-1px); background: rgba(255,255,255,.78)}
    .kbd{
      font-family: var(--mono);
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 999px;
      background: rgba(8,20,43,.06);
      border: 1px solid var(--stroke);
      color: var(--muted);
    }

    .hamburger{display:none}
    .mobilePanel{
      display:none;
      margin-top: 10px;
      border-radius: 22px;
      background: rgba(255,255,255,.74);
      border: 1px solid var(--stroke);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow2);
      padding: 12px;
    }
    .mobilePanel.open{display:block}
    .mobilePanel a{
      display:flex; align-items:center; justify-content:space-between;
      padding: 12px 12px;
      border-radius: 14px;
      color: var(--muted);
    }
    .mobilePanel a:hover{background: rgba(8,20,43,.05); color: var(--text)}
    .mobilePanel .row{display:flex; gap:10px; padding:10px 10px 2px}

    /* --- Hero --- */
    .hero{padding: 104px 0 42px; position:relative}
    .heroGrid{
      display:grid;
      grid-template-columns: 1.12fr .88fr;
      gap: 22px;
      align-items:start;
    }
    .badge{
      display:inline-flex; gap:8px; align-items:center;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.70);
      border: 1px solid var(--stroke);
      box-shadow: 0 10px 22px rgba(8,20,43,.06);
      color: var(--muted);
      font-size: 13px;
    }
    .pulseDot{
      width:8px;height:8px;border-radius:999px;
      background: var(--cyan);
      box-shadow: 0 0 0 5px rgba(20,184,166,.15);
      animation: pulse 1.9s ease-in-out infinite;
    }
    @keyframes pulse{
      0%,100%{transform: scale(1); opacity:.95}
      50%{transform: scale(1.25); opacity:.75}
    }
    h1{
      font-size: clamp(34px, 4.0vw, 56px);
      line-height: 1.05;
      margin: 14px 0 12px;
      letter-spacing: -0.9px;
      color: var(--navy);
    }
    .lead{
      font-size: 16px;
      line-height: 1.65;
      color: var(--muted);
      max-width: 60ch;
    }
    .heroActions{display:flex; gap:12px; flex-wrap:wrap; margin-top: 20px}
    .chipRow{
      display:flex; gap:10px; flex-wrap:wrap; margin-top: 16px;
      color: var(--muted2); font-size: 13px; align-items:center;
    }
    .chip{
      display:inline-flex; gap:8px; align-items:center;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.62);
      border: 1px solid var(--stroke);
    }

    /* --- “Different tech”: SVG animated waves (inline) --- */
    .waves{
      position:absolute;
      left:0; right:0; bottom:-1px;
      height: 180px;
      pointer-events:none;
      opacity:.9;
      z-index:0;
    }
    .waves svg{width:100%; height:100%; display:block}
    .waveFill1{fill: rgba(29,78,216,.10)}
    .waveFill2{fill: rgba(20,184,166,.09)}
    .waveFill3{fill: rgba(8,20,43,.06)}

    /* --- Cards --- */
    .card{
      border-radius: var(--r);
      background: var(--card);
      border: 1px solid var(--stroke);
      box-shadow: var(--shadow2);
      overflow:hidden;
      position:relative;
    }
    .card .inner{padding: 18px}
    .card h3{margin: 10px 0 6px; font-size: 16px; letter-spacing:-.2px; color: var(--navy)}
    .card p{margin:0; color: var(--muted); line-height: 1.6; font-size: 14px}

    .glass{
      border-radius: var(--r2);
      background: var(--glass);
      border: 1px solid var(--stroke);
      backdrop-filter: blur(14px);
      box-shadow: var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .glass:before{
      content:"";
      position:absolute; inset:-80px;
      background:
        radial-gradient(circle at 18% 20%, rgba(29,78,216,.18), transparent 55%),
        radial-gradient(circle at 90% 18%, rgba(20,184,166,.14), transparent 55%),
        radial-gradient(circle at 60% 112%, rgba(34,211,238,.12), transparent 55%);
      filter: blur(8px);
      opacity:.85;
    }
    .glass > *{position:relative; z-index:1}

    .icon{
      width:44px;height:44px;border-radius: 14px;
      display:grid; place-items:center;
      background: rgba(8,20,43,.06);
      border: 1px solid var(--stroke);
      color: var(--navy2);
    }
    .icon svg{width:20px;height:20px}

    /* --- Domain panel --- */
    .domain{padding: 18px}
    .domainTop{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom: 12px}
    .tag{
      font-size: 12px;
      padding: 4px 9px;
      border-radius: 999px;
      border: 1px solid var(--stroke2);
      background: rgba(255,255,255,.55);
      color: var(--muted);
      white-space:nowrap;
    }
    .pill{
      display:inline-flex; gap:8px; align-items:center;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(8,20,43,.05);
      border: 1px solid var(--stroke);
      color: var(--muted);
      font-size: 13px;
    }
    .pill strong{color: var(--navy)}
    .domainForm{
      display:grid;
      grid-template-columns: 1fr auto;
      gap: 10px;
      margin-top: 10px;
    }
    .input{
      height: 48px;
      padding: 0 14px;
      border-radius: 14px;
      border: 1px solid var(--stroke2);
      background: rgba(255,255,255,.72);
      color: var(--navy);
      outline:none;
      transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
    }
    .input:focus{
      box-shadow: var(--ring);
      border-color: rgba(20,184,166,.35);
      background: rgba(255,255,255,.84);
    }

    .domainResults{margin-top: 12px; display:grid; gap:10px}
    .result{
      display:flex; justify-content:space-between; align-items:center; gap:10px;
      padding: 12px 12px;
      border-radius: 14px;
      background: rgba(255,255,255,.66);
      border: 1px solid var(--stroke);
      color: var(--muted);
    }
    .result b{color: var(--navy)}
    .badTag{
      border-color: rgba(255,77,77,.28);
      color: rgba(200,35,35,.92);
      background: rgba(255,77,77,.08);
    }

    /* --- Section title --- */
    .sectionTitle{
      display:flex; align-items:flex-end; justify-content:space-between;
      gap: 16px; flex-wrap:wrap;
      margin-bottom: 18px;
    }
    .sectionTitle h2{
      margin:0;
      font-size: clamp(22px, 2.6vw, 34px);
      letter-spacing: -0.4px;
      color: var(--navy);
    }
    .sectionTitle p{
      margin:0;
      color: var(--muted);
      max-width: 64ch;
      line-height: 1.55;
      font-size: 14px;
    }

    /* --- Feature grid --- */
    .featureGrid{grid-template-columns: repeat(12, 1fr)}
    .span4{grid-column: span 4}
    .span6{grid-column: span 6}
    .span3{grid-column: span 3}
    .span12{grid-column: span 12}

    /* --- “Tech” cards: CSS conic-gradient border --- */
    .neoBorder{
      position:relative;
      overflow:hidden;
    }
    .neoBorder:before{
      content:"";
      position:absolute; inset:-2px;
      background: conic-gradient(from 180deg,
        rgba(29,78,216,.0),
        rgba(29,78,216,.28),
        rgba(20,184,166,.22),
        rgba(34,211,238,.18),
        rgba(29,78,216,.0)
      );
      filter: blur(.2px);
      opacity:.95;
      animation: spin 7.2s linear infinite;
    }
    .neoBorder:after{
      content:"";
      position:absolute; inset:1px;
      background: var(--card);
      border-radius: calc(var(--r) - 1px);
      border: 1px solid var(--stroke);
    }
    .neoBorder > *{position:relative; z-index:1}
    @keyframes spin{to{transform: rotate(360deg)}}

    /* --- Pricing --- */
    .pricingTop{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
    .switch{
      display:inline-flex; align-items:center; gap:10px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid var(--stroke);
      background: rgba(255,255,255,.64);
      color: var(--muted);
      user-select:none;
    }
    .toggle{
      width: 46px; height: 26px;
      border-radius: 999px;
      border: 1px solid var(--stroke2);
      background: rgba(8,20,43,.06);
      position:relative;
      cursor:pointer;
      flex:0 0 auto;
    }
    .toggle i{
      position:absolute; top:2px; left:2px;
      width: 22px; height: 22px;
      border-radius: 999px;
      background: var(--gradA);
      box-shadow: 0 10px 18px rgba(29,78,216,.16);
      transition: transform .18s ease;
    }
    .toggle.on i{transform: translateX(20px)}

    .pricingGrid{grid-template-columns: repeat(12,1fr); margin-top: 18px}
    .priceCard{padding: 18px; display:flex; flex-direction:column; gap:12px}
    .priceHead{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
    .priceHead h3{margin:0; color: var(--navy)}
    .sub{color: var(--muted); font-size: 13px; margin-top:4px}
    .price{display:flex; align-items:baseline; gap:8px; margin-top: 6px}
    .price .num{font-size: 40px; font-weight: 950; letter-spacing:-1px; color: var(--navy)}
    .price .per{color: var(--muted2); font-size: 13px}
    .strike{font-size: 13px; color: var(--muted2); text-decoration: line-through; margin-left: 10px}

    .ul{display:grid; gap:10px; margin:0; padding:0; list-style:none; color: var(--muted); font-size: 14px; line-height:1.35}
    .ul li{display:flex; gap:10px}
    .ul svg{width:18px;height:18px; flex:0 0 auto; color: var(--cyan); }

    .popular{
      border-color: rgba(20,184,166,.34);
      box-shadow: 0 26px 70px rgba(20,184,166,.12), var(--shadow2);
    }
    .ribbon{
      position:absolute;
      top: 14px; right: 14px;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(20,184,166,.10);
      border: 1px solid rgba(20,184,166,.26);
      color: var(--navy);
      font-size: 12px;
      display:inline-flex; gap:8px; align-items:center;
      z-index:2;
    }

    /* --- Stats --- */
    .stats{grid-template-columns: repeat(12,1fr); align-items:stretch}
    .stat{padding: 18px; display:flex; flex-direction:column; gap:8px}
    .stat .big{font-size: 28px; font-weight: 950; letter-spacing:-.6px; color: var(--navy)}
    .stat .lbl{color: var(--muted2); font-size: 13px}
    .meter{
      height: 10px; border-radius: 999px;
      background: rgba(8,20,43,.06);
      border: 1px solid var(--stroke);
      overflow:hidden;
      margin-top: 6px;
    }
    .meter > i{
      display:block; height:100%;
      width: 40%;
      background: var(--gradC);
      border-radius: 999px;
      box-shadow: 0 10px 22px rgba(20,184,166,.18);
    }
    .meter > i.u-inline-010{ width:99% !important; }
    .meter > i.u-inline-011{ width:85% !important; }
    .meter > i.u-inline-012{ width:79% !important; }
    .meter > i.u-inline-013{ width:48% !important; }
    /* --- FAQ --- */
    .faqGrid{grid-template-columns: repeat(12,1fr)}
    .qa{padding: 14px}
    .qBtn{
      width:100%; text-align:left;
      background: transparent; border:0;
      padding: 10px 10px;
      display:flex; justify-content:space-between; align-items:center;
      color: var(--navy); cursor:pointer;
      border-radius: 14px;
      transition: background .2s ease;
      font-weight: 800;
      letter-spacing:-.2px;
    }
    .qBtn:hover{background: rgba(8,20,43,.05)}
    .ans{
      padding: 0 10px 10px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.65;
      display:none;
    }
    .qa.open .ans{display:block}
    .chev{transition: transform .18s ease}
    .qa.open .chev{transform: rotate(180deg)}

    /* --- Footer --- */
    footer{padding: 34px 0 46px}
    .footGrid{
      display:grid; gap: 16px;
      grid-template-columns: 1.6fr 1fr 1fr 1fr;
      align-items:start;
      padding-top: 10px;
    }
    .footGrid a{color: var(--muted); font-size: 14px; padding:6px 0; display:inline-block}
    .footGrid a:hover{color: var(--text)}
    .footNote{
      margin-top: 18px;
      display:flex; align-items:center; justify-content:space-between;
      color: var(--muted2);
      border-top: 1px solid var(--stroke);
      padding-top: 18px;
      gap: 10px;
      flex-wrap:wrap;
      font-size: 13px;
    }

    /* --- Micro animations --- */
    .reveal{opacity:0; transform: translateY(10px) scale(.995); transition: opacity .6s ease, transform .6s ease}
    .reveal.in{opacity:1; transform: translateY(0) scale(1)}
    .floaty{
      animation: floaty 6.5s ease-in-out infinite;
      transform-origin: center;
    }
    @keyframes floaty{
      0%,100%{transform: translateY(0)}
      50%{transform: translateY(-6px)}
    }

    /* --- Responsive --- */
    @media (max-width: 980px){
      .heroGrid{grid-template-columns: 1fr}
      .span4,.span3,.span6{grid-column: span 12}
      .footGrid{grid-template-columns: 1fr 1fr}
    }
    @media (max-width: 720px){
      :root{--topPad: 114px}
      .navLinks{display:none}
      .hamburger{display:grid}
      .domainForm{grid-template-columns: 1fr}
      .footGrid{grid-template-columns: 1fr}
      .nav{border-radius: 22px}
      .navWrap{top:10px}
    }


/* --- Extracted inline styles (auto) --- */
.u-inline-001{width:18px;height:18px;}
.u-inline-002{flex:1;}
.u-inline-003{background:var(--gradA);-webkit-background-clip:text;background-clip:text;color:transparent;}
.u-inline-004{letter-spacing:.3px;}
.u-inline-005{color:var(--muted);font-size:14px;line-height:1.55;}
.u-inline-006{height:48px;}
.u-inline-007{color:var(--muted2);}
.u-inline-008{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.u-inline-009{animation-duration:2.2s;}
.u-inline-010{width:92%;}
.u-inline-011{width:76%;}
.u-inline-012{width:86%;}
.u-inline-013{width:66%;}
.u-inline-014{margin-top:auto; display:flex; gap:10px; flex-wrap:wrap;}
.u-inline-015{position:relative;}
.u-inline-016{width:16px;height:16px;}
.u-inline-017{padding: 20px;}
.u-inline-018{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.u-inline-019{display:flex;gap:12px;align-items:center;}
.u-inline-020{background: rgba(255,255,255,.68);}
.u-inline-021{font-weight:950;letter-spacing:-.4px;font-size:18px;color:var(--navy);}
.u-inline-022{color:var(--muted);font-size:14px;line-height:1.6;}
.u-inline-023{font-family:var(--mono);font-size:12px;}
.u-inline-024{display:flex;gap:10px;flex-wrap:wrap;}
.u-inline-025{margin-top:14px; grid-template-columns: 1.2fr .8fr; gap:12px;}
.u-inline-026{margin-top:12px;color:var(--muted2);font-size:13px;line-height:1.5;}
.u-inline-027{display:flex;align-items:center;gap:10px;}
.u-inline-028{width:32px;height:32px;border-radius:14px;}
.u-inline-029{font-weight:950;letter-spacing:-.2px;color:var(--navy);}
.u-inline-030{color:var(--muted2);font-size:13px;}
.u-inline-031{margin-top:12px;color:var(--muted);line-height:1.65;font-size:14px;}
.u-inline-032{font-weight:900;margin-bottom:8px;color:var(--navy);}
.u-inline-033{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.u-inline-034{display:none; position:fixed; inset:0; z-index:2000; background:rgba(8,20,43,.35); backdrop-filter: blur(10px);}
.u-inline-035{height:100%;display:grid;place-items:center;}
.u-inline-036{width:min(760px, 96vw); padding: 16px; border-radius: 22px;}
.u-inline-037{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.u-inline-038{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6;}
.u-inline-039{margin-top:12px; grid-template-columns: 1fr 1fr; gap:10px;}
.u-inline-040{display:flex;justify-content:space-between;align-items:center;}
.u-inline-041{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.u-inline-042{position:fixed; right:16px; bottom:16px; z-index:3000; display:flex; flex-direction:column; align-items:flex-end; gap:10px;}
.u-inline-043{display:none; padding:10px 12px; border-radius: 14px; background: rgba(255,255,255,.78); border:1px solid var(--stroke); box-shadow: var(--shadow2); color: var(--navy); font-size: 13px; max-width: 260px;}

/* SECTION: HERO WEB HOSTING */
.heroNav{
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:flex-start;
  margin: .25rem 0 1rem;
}
.heroNavRight{ margin-left:auto; display:flex; gap:.5rem; }

.heroTab{
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding:.5rem .75rem;
  border-radius: 999px;
  font-weight: 650;
  font-size: .95rem;
  color: rgba(15,23,42,.90);
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.heroTab:hover{ transform: translateY(-1px); background: rgba(255,255,255,.85); }
.heroTab.isActive{
  border-color: rgba(15,23,42,.18);
  background: rgba(255,255,255,.92);
}
.heroArrow{ width:42px; height:42px; }

.heroSlides{
  display:grid;
  grid-template-areas: "stack";
}
.heroSlide{
  grid-area: stack;
  opacity:0;
  transform: translateY(10px);
  pointer-events:none;
  transition: opacity .45s ease, transform .55s ease;
}
.heroSlide.isActive{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* Keep hero height stable across slides */
.hero[data-hero="carousel"] .heroSlides{
  min-height: clamp(520px, 64vh, 780px);
}

/* Mini cards row (left) */
.heroMiniRow{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:.75rem;
  margin-top: 1rem;
}
.miniCard{
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: .85rem .9rem;
}
.miniTitle{ font-weight: 750; margin-bottom: .25rem; }
.miniText{ opacity:.82; font-size: .95rem; line-height: 1.35; }

/* Hosting card */
.glass.hosting{ max-width: 520px; }
.hostingTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.5rem;
}
.hostingDesc{ opacity:.8; margin-bottom: .9rem; }

.hostingPick{ display:grid; gap:.75rem; margin-bottom: .9rem; }
.pickRow{ display:grid; gap:.35rem; }
.pickLbl{ font-weight:650; opacity:.85; font-size:.95rem; }
.pickInput{ width:100%; }

.seg{
  display:flex;
  gap:.5rem;
  padding:.35rem;
  border-radius: 999px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.45);
}
.segBtn{
  flex:1;
  border:0;
  border-radius: 999px;
  padding:.5rem .6rem;
  background: transparent;
  cursor:pointer;
  font-weight:700;
}
.segBtn.isOn{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.10);
}

.hostingPrice{ padding:.85rem .9rem; border-radius: 16px; background: rgba(255,255,255,.55); border:1px solid rgba(15,23,42,.10); }
.priceLine{ display:flex; align-items:baseline; gap:.5rem; }
.priceBig{ font-size: 2rem; font-weight: 800; letter-spacing: -.02em; }
.pricePer{ opacity:.75; font-weight:650; }
.priceSub{ margin-top:.2rem; opacity:.78; }

.hostingFacts{ margin-top:.8rem; display:grid; gap:.45rem; }
.factRow{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem .65rem;
  border:1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.45);
  border-radius: 14px;
}
.factRow .k{ opacity:.75; }
.factRow .v{ font-weight:750; }

.hostingCtas{ display:flex; gap:.6rem; margin-top: .9rem; }
.hostingMiniStats{
  display:flex;
  gap:.6rem;
  margin-top:.9rem;
  flex-wrap:wrap;
}
.miniStat{
  display:flex;
  gap:.35rem;
  align-items:baseline;
  padding:.5rem .6rem;
  border-radius: 999px;
  border:1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.45);
}
.miniStat span{ opacity:.75; }

/* Responsive */
@media (max-width: 900px){
  .heroMiniRow{ grid-template-columns: 1fr; }
  .heroNav{ flex-wrap:wrap; }
  .heroNavRight{ margin-left:0; }
}
@media (prefers-reduced-motion: reduce){
  .heroSlide{ transition:none; transform:none; }
  .heroTab{ transition:none; }
}

/* SECTION: HERO SERVERS */
.glass.servers{
  max-width: 500px;
  justify-self: end;
  padding: 18px;
  border-radius: 22px;
}

.serversTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: 8px;
}
.serversDesc{
  opacity:.82;
  margin-bottom: 12px;
  line-height: 1.35;
}

.serverOptions{
  display:grid;
  gap: 10px;
  margin-bottom: 12px;
}
.serverOption{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  text-align:left;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.45);
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.serverOption:hover{ transform: translateY(-1px); background: rgba(255,255,255,.58); }
.serverOption.isOn{
  background: rgba(255,255,255,.82);
  border-color: rgba(15,23,42,.18);
}

.optTitle{ font-weight: 850; }
.optSub{ opacity:.78; font-size:.95rem; margin-top: .15rem; }
.optRight{ text-align:right; }
.optPrice{ font-weight: 900; font-size: 1.15rem; letter-spacing: -.01em; }
.optMeta{ opacity:.72; font-size:.92rem; margin-top: .05rem; }

.serversSummary{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.45);
  border: 1px solid rgba(15,23,42,.10);
}
.sumLine{ display:flex; align-items:baseline; gap:.5rem; }
.sumBig{ font-size: 1.85rem; font-weight: 900; letter-spacing: -.02em; }
.sumPer{ opacity:.75; font-weight: 650; }
.sumSub{ margin-top:.2rem; opacity:.78; font-size:.95rem; }

.serversFacts{ margin-top: 10px; display:grid; gap: 10px; }
.serversCtas{ display:flex; gap: 10px; margin-top: 12px; }
.serversMiniStats{ display:flex; gap: 8px; margin-top: 12px; flex-wrap:wrap; }

@media (max-width: 900px){
  .glass.servers{ max-width: 100%; }
}

/* SECTION: HERO WEB DESIGN */
.glass.webdesign{
  max-width: 500px;
  justify-self: end;
  padding: 18px;
  border-radius: 22px;
}

.webTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: 8px;
}
.webDesc{
  opacity:.82;
  margin-bottom: 12px;
  line-height: 1.35;
}

.webOptions{
  display:grid;
  gap: 10px;
  margin-bottom: 12px;
}
.webOption{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  text-align:left;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.45);
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.webOption:hover{ transform: translateY(-1px); background: rgba(255,255,255,.58); }
.webOption.isOn{
  background: rgba(255,255,255,.82);
  border-color: rgba(15,23,42,.18);
}

.webSummary{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.45);
  border: 1px solid rgba(15,23,42,.10);
}
.webFacts{ margin-top: 10px; display:grid; gap: 10px; }
.webCtas{ display:flex; gap: 10px; margin-top: 12px; }
.webMiniStats{ display:flex; gap: 8px; margin-top: 12px; flex-wrap:wrap; }

@media (max-width: 900px){
  .glass.webdesign{ max-width: 100%; }
}

/* SECTION: HERO E-COMMERCE */
.glass.ecommerce{
  max-width: 500px;
  justify-self: end;
  padding: 18px;
  border-radius: 22px;
}

.ecomTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: 8px;
}
.ecomDesc{
  opacity:.82;
  margin-bottom: 12px;
  line-height: 1.35;
}

.ecomOptions{
  display:grid;
  gap: 10px;
  margin-bottom: 12px;
}
.ecomOption{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  text-align:left;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.45);
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.ecomOption:hover{ transform: translateY(-1px); background: rgba(255,255,255,.58); }
.ecomOption.isOn{
  background: rgba(255,255,255,.82);
  border-color: rgba(15,23,42,.18);
}

.ecomSummary{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.45);
  border: 1px solid rgba(15,23,42,.10);
}
.ecomFacts{ margin-top: 10px; display:grid; gap: 10px; }
.ecomCtas{ display:flex; gap: 10px; margin-top: 12px; }
.ecomMiniStats{ display:flex; gap: 8px; margin-top: 12px; flex-wrap:wrap; }

@media (max-width: 900px){
  .glass.ecommerce{ max-width: 100%; }
}

/* SECTION: HERO SEO */
.glass.seo{
  max-width: 500px;
  justify-self: end;
  padding: 18px;
  border-radius: 22px;
}

.seoTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: 8px;
}
.seoDesc{
  opacity:.82;
  margin-bottom: 12px;
  line-height: 1.35;
}

.seoOptions{
  display:grid;
  gap: 10px;
  margin-bottom: 12px;
}
.seoOption{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  text-align:left;
  border-radius: 16px;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.45);
  cursor:pointer;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.seoOption:hover{ transform: translateY(-1px); background: rgba(255,255,255,.58); }
.seoOption.isOn{
  background: rgba(255,255,255,.82);
  border-color: rgba(15,23,42,.18);
}

.seoSummary{
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.45);
  border: 1px solid rgba(15,23,42,.10);
}
.seoFacts{ margin-top: 10px; display:grid; gap: 10px; }
.seoCtas{ display:flex; gap: 10px; margin-top: 12px; }
.seoMiniStats{ display:flex; gap: 8px; margin-top: 12px; flex-wrap:wrap; }

@media (max-width: 900px){
  .glass.seo{ max-width: 100%; }
}

/* HERO CAROUSEL: sadece aktif slide yükseklik belirlesin */
.hero[data-hero="carousel"] .heroSlide{
  display: none;
}
.hero[data-hero="carousel"] .heroSlide.isActive{
  display: block;
  animation: heroFade .18s ease-out;
}
@keyframes heroFade{
  from{ opacity:0; transform: translateY(6px); }
  to{ opacity:1; transform: none; }
}

/* WAVES: her zaman hero'nun dibinde kalsın */
.hero{
  position: relative;
  overflow: hidden;
  /* dalgaların üstüne içerik binmesin diye alt pay */
  padding-bottom: clamp(110px, 16vh, 180px);
}
.hero .container{ position: relative; z-index: 2; }
.hero .waves{
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  z-index: 1;
  pointer-events: none;
}

.hero{
  min-height: clamp(560px, 82vh, 860px);
}
@media (max-width: 900px){
  .hero{ min-height: auto; }
}

.goodTag{
  border-color: rgba(20,184,166,.28);
  background: rgba(20,184,166,.10);
  color: rgba(8,20,43,.78);
}

/* OUR DIFFERENCE (v2) */
.diff .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.70);
  font-size:12px;
  white-space:nowrap;
}

.diffTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.diffTitle p{
  max-width: 72ch;
}

.diffGrid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:14px;
  align-items:stretch;
}

@media (max-width: 980px){
  .diffGrid{ grid-template-columns: 1fr; }
  .diffTop{ flex-direction:column; }
  .diffActions{ width:100%; }
}

.diffStory{
  position:relative;
  overflow:hidden;
}

.diffSwitch{
  display:flex;
  gap:10px;
  padding:12px;
  border-bottom:1px solid rgba(20,30,55,.08);
}

.diffTab{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.65);
  cursor:pointer;
  font-weight:700;
}

.diffTab.isOn{
  background:rgba(0, 180, 190, .12);
  border-color:rgba(0, 180, 190, .35);
}

.diffPanelWrap{
  padding:14px 14px 10px;
}

.diffPanel h3{
  margin: 0 0 8px;
  font-size: 18px;
}

.diffUl{
  margin-top:10px;
}

.diffMuted{
  opacity:.75;
}

.diffMiniCtas{
  display:flex;
  gap:10px;
  padding: 0 14px 14px;
  flex-wrap:wrap;
}

.diffRight{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.diffHighlightTop{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
}

.diffIcon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.65);
}

.diffKicker{
  font-size:12px;
  opacity:.75;
  margin-bottom:2px;
}

.diffBadges{
  padding:0 14px 14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.diffShotCard{
  overflow:hidden;
}

.diffShotHead{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px 10px;
}

.diffShot{
  height:250px;
  margin: 0 14px 12px;
  border-radius:16px;
  border:1px solid rgba(20,30,55,.10);
  overflow:hidden;
  position:relative;
  background: rgba(255,255,255,.6);
}

.diffShot img{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
  object-position: center top;
}

.diffShot:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(135deg, rgba(0,120,255,.08), rgba(0,210,200,.06));
}

.diffShot:after{
  content:"";
}


.diffShotFoot{
  padding: 0 14px 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.diffStats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}

@media (max-width: 560px){
  .diffStats{ grid-template-columns:1fr; }
}

.diffStat{
  padding:12px;
  display:flex;
  gap:10px;
  align-items:center;
}

.diffStatIco{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.65);
}

.diffStatT{
  font-weight:800;
  font-size:13px;
}

.diffStatS{
  font-size:12px;
  opacity:.75;
}

/* Panels visibility */
#diffSection[data-diff-state="challenge"] [data-diff-panel="solution"]{ display:none; }
#diffSection[data-diff-state="solution"]  [data-diff-panel="challenge"]{ display:none; }

.diffNote{
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(20,30,55,.10);
  background: rgba(255,255,255,.55);
}
.diffNote .diffUl{
  margin:0;
}

/* REVIEWS (slider) */
.reviewsTopRight{ display:flex; align-items:center; gap:10px; }

.reviewsShell{
  position:relative;
  margin-top:14px;
}

.reviewsRail{
  overflow:hidden;
  border-radius:22px;
  outline:none;
}

.reviewsTrack{
  display:flex;
  gap:14px;
  will-change:transform;
  transition: transform .45s cubic-bezier(.2,.9,.2,1);
  padding: 2px;
}

.reviewCard{
  min-width: 360px;
  max-width: 360px;
  padding: 14px;
}

@media (max-width: 980px){
  .reviewCard{ min-width: 320px; max-width: 320px; }
}
@media (max-width: 520px){
  .reviewCard{ min-width: 86vw; max-width: 86vw; }
}

.reviewStars{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}
.reviewStars i{
  font-size: 12px;
  opacity:.9;
}
.reviewTag{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.70);
  font-size:12px;
  white-space:nowrap;
}

.reviewText{
  margin:0;
  line-height:1.55;
  opacity:.92;

  /* uzun review’lerde kart yüksekliği patlamasın */
  max-height: 170px;
  overflow:auto;
  padding-right:6px;
}

.reviewMeta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(20,30,55,.08);
}
.reviewAvatar{
  width:36px; height:36px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.65);
}
.reviewName{ font-weight:800; font-size:13px; }
.reviewSub{ font-size:12px; opacity:.75; }

.reviewsNav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(20,30,55,.10);
  background:rgba(255,255,255,.70);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
}
.reviewsNav.prev{ left:-8px; }
.reviewsNav.next{ right:-8px; }
@media (max-width: 700px){
  .reviewsNav.prev{ left:4px; }
  .reviewsNav.next{ right:4px; }
}

.reviewsDots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:12px;
}
.reviewsDot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:1px solid rgba(20,30,55,.18);
  background:rgba(255,255,255,.55);
  cursor:pointer;
}
.reviewsDot.isOn{
  width:18px;
  background:rgba(0, 180, 190, .28);
  border-color:rgba(0, 180, 190, .40);
}




  /* Page-only styling (top.php’ye dokunmadan) */
  .domainsShell{
    display:grid;
    grid-template-columns: 280px minmax(0,1fr);
    gap:18px;
    align-items:start;
  }
  @media (max-width: 980px){
    .domainsShell{ grid-template-columns: 1fr; }
  }

  .sideCard .sideTitle{
    font-weight:800;
    font-size:16px;
    margin:0 0 10px;
  }
  .sideNav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    border-radius:14px;
    text-decoration:none;
    color:inherit;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    margin-bottom:8px;
    transition: transform .12s ease, background .12s ease;
  }
  .sideNav a:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.75);
  }
  .sideNav .active{
    background: rgba(255,255,255,.9);
    border-color: rgba(0,0,0,.10);
    font-weight:700;
  }
  .sideMeta{
    margin-top:12px;
    display:grid;
    gap:10px;
  }
  .miniBadge{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border-radius:16px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
  }
  .miniBadge .ico{
    width:34px;
    height:34px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background: rgba(0,0,0,.04);
    flex: 0 0 auto;
  }
  .miniBadge .t{ font-weight:800; font-size:13px; margin:0; }
  .miniBadge .s{ margin:2px 0 0; font-size:13px; color: var(--muted2); line-height:1.45; }

  .policyTop{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
  }
  .policyTop h1{
    margin:0;
    font-size:22px;
    letter-spacing:-.02em;
  }
  .crumbs{
    color: var(--muted2);
    font-size:13px;
  }
  .crumbs a{ color: inherit; text-decoration: none; }
  .crumbs a:hover{ text-decoration: underline; }

  .legalProse{
    line-height:1.7;
    font-size:15px;
    color: rgba(0,0,0,.82);
  }
  .legalProse p{ margin: 0 0 12px; }
  .legalProse b, .legalProse strong{ color: rgba(0,0,0,.92); }
  .legalProse a{ color: rgba(24, 102, 255, 1); text-decoration: underline; }
  .legalProse blockquote{
    margin: 10px 0 12px;
    padding: 10px 12px;
    border-left: 3px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.55);
    border-radius: 14px;
  }
  .legalProse dir{ margin: 0; padding-left: 18px; }
  .legalProse .content14,
  .legalProse .white_ariall2{
    font-size: inherit;
    color: inherit;
  }

  .policyTools{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:14px;
  }
  
  /* ==========================================================================
   Domains / Register (v2) — page-only (scoped)
   Paste into site.css
   ========================================================================== */

.page-domains .domainsShell{
  display:grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

@media (max-width: 980px){
  .page-domains .domainsShell{
    grid-template-columns: 1fr;
  }
}

/* ---- Sidebar ---- */
.page-domains .sideCard .inner{
  padding:16px;
}

.page-domains .sideTitle{
  font-weight:800;
  font-size:16px;
  margin:0 0 12px;
  letter-spacing:-0.01em;
}

.page-domains .sideNav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  color:inherit;

  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  margin-bottom:8px;

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.page-domains .sideNav a i{
  opacity:.75;
}

.page-domains .sideNav a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.72);
  border-color: rgba(0,0,0,.10);
}

.page-domains .sideNav .active{
  background: rgba(255,255,255,.92);
  border-color: rgba(0,0,0,.12);
  font-weight:800;
}

.page-domains .sideMeta{
  margin-top:12px;
  display:grid;
  gap:10px;
}

.page-domains .miniBadge{
  display:flex;
  gap:12px;
  align-items:flex-start;

  padding:12px;
  border-radius:16px;

  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.page-domains .miniBadge .ico{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background: rgba(0,0,0,.04);
  flex: 0 0 auto;
}

.page-domains .miniBadge .t{
  font-weight:800;
  font-size:13px;
  margin:0;
}

.page-domains .miniBadge .s{
  margin:2px 0 0;
  font-size:13px;
  color: var(--muted2, rgba(0,0,0,.6));
  line-height:1.45;
}

.page-domains .miniBadge a{
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ---- Right header ---- */
.page-domains .policyTop{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.page-domains .policyTop h1{
  margin:0;
  font-size:22px;
  letter-spacing:-.02em;
  line-height:1.15;
}

.page-domains .crumbs{
  color: var(--muted2, rgba(0,0,0,.6));
  font-size:13px;
  margin-bottom:6px;
}

.page-domains .crumbs a{
  color: inherit;
  text-decoration:none;
}
.page-domains .crumbs a:hover{
  text-decoration: underline;
  text-underline-offset: 2px;
}

.page-domains .policyTools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* Make sure main card has breathing room */
.page-domains article.card .inner{
  padding:18px;
}

/* ---- Muted paragraph helper ---- */
.page-domains .muted{
  color: var(--muted2, rgba(0,0,0,.62));
  margin:6px 0 0;
  font-size:13px;
}

/* ---- Sub-card block (Search) ---- */
.page-domains .cardSub{
  border-radius:18px;
  padding:14px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  margin: 10px 0 14px;
}

/* ---- Forms ---- */
.page-domains .formRow{
  display:grid;
  grid-template-columns: 1fr 130px 180px;
  gap:12px;
  align-items:end;
}

@media (max-width: 680px){
  .page-domains .formRow{
    grid-template-columns: 1fr;
  }
}

.page-domains .formField label{
  display:block;
  font-size:12px;
  font-weight:800;
  color: rgba(0,0,0,.78);
  margin:0 0 6px;
}

.page-domains .formField input,
.page-domains .formField select{
  width:100%;
  height:44px;
  padding: 10px 12px;
  border-radius:14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  color: rgba(0,0,0,.86);
  outline: none;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.page-domains .formField input::placeholder{
  color: rgba(0,0,0,.45);
}

.page-domains .formField input:focus,
.page-domains .formField select:focus{
  border-color: rgba(24,102,255,.45);
  box-shadow: 0 0 0 4px rgba(24,102,255,.14);
}

.page-domains .formFieldActions .btn{
  width:100%;
  height:44px;
  justify-content:center;
}

.page-domains .hint{
  margin-top:10px;
  font-size:13px;
  color: var(--muted2, rgba(0,0,0,.62));
  line-height:1.5;
}

/* ---- Notices ---- */
.page-domains .notice{
  border-radius:16px;
  padding:12px 12px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.70);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  margin: 10px 0 12px;
  font-size:14px;
  line-height:1.55;
}

.page-domains .notice .hl{
  font-weight:900;
  color: rgba(24,102,255,1);
}

.page-domains .noticeSuccess{
  border-color: rgba(16, 185, 129, .35);
  background: rgba(16, 185, 129, .10);
}

.page-domains .noticeWarn{
  border-color: rgba(245, 158, 11, .35);
  background: rgba(245, 158, 11, .10);
}

.page-domains .noticeError{
  border-color: rgba(239, 68, 68, .35);
  background: rgba(239, 68, 68, .10);
}

/* ---- Results ---- */
.page-domains .resultList{
  display:grid;
  gap:8px;
  margin: 10px 0 12px;
}

.page-domains .resultItem{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(0,0,0,.06);
  cursor:pointer;
}

.page-domains .resultItem:hover{
  background: rgba(255,255,255,.78);
  border-color: rgba(0,0,0,.10);
}

.page-domains .resultItem input{
  width:18px;
  height:18px;
}

.page-domains .tldLegend{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:12px;
  color: var(--muted2, rgba(0,0,0,.62));
}

/* ---- Action row ---- */
.page-domains .actionsRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}

/* ---- Panes (Cart / Checkout) ---- */
.page-domains .pane{
  margin-top:14px;
  border-radius:18px;
  padding:14px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
}

.page-domains .paneTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.page-domains .paneTitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  letter-spacing:-.01em;
}

.page-domains .paneActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.page-domains .emptyState{
  padding:12px;
  border-radius:14px;
  border: 1px dashed rgba(0,0,0,.14);
  color: var(--muted2, rgba(0,0,0,.62));
  background: rgba(255,255,255,.40);
}

/* ---- Cart list ---- */
.page-domains .cartList{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.page-domains .cartRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(0,0,0,.06);
}

.page-domains .cartDomain{
  font-weight:800;
  color: rgba(0,0,0,.84);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-domains .cartBtns{
  display:flex;
  gap:8px;
}

/* ---- Checkout grid ---- */
.page-domains .checkoutGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
  margin-top:10px;
}

@media (max-width: 860px){
  .page-domains .checkoutGrid{
    grid-template-columns: 1fr;
  }
}

.page-domains .checkoutCol{
  border-radius:16px;
  padding:14px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
}

.page-domains .checkoutCol h3{
  margin:0 0 6px;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.01em;
}

.page-domains .formRow2{
  display:grid;
  gap:8px;
  margin-top:10px;
}

.page-domains .formRow2 label{
  font-size:12px;
  font-weight:800;
  color: rgba(0,0,0,.78);
}

.page-domains .formRow2 input{
  height:44px;
  padding: 10px 12px;
  border-radius:14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  outline:none;
}

.page-domains .formRow2 input:focus{
  border-color: rgba(24,102,255,.45);
  box-shadow: 0 0 0 4px rgba(24,102,255,.14);
}

.page-domains .formInline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.page-domains .chk,
.page-domains .rad{
  display:flex;
  align-items:center;
  gap:10px;
  user-select:none;
  cursor:pointer;
  color: rgba(0,0,0,.80);
}

.page-domains .chk input,
.page-domains .rad input{
  width:18px;
  height:18px;
}

/* ---- Utility ---- */
.page-domains .srOnly{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* Policy page helpers */
.policyProse { margin-top: 14px; }
.policySection { padding: 14px 0; border-top: 1px solid rgba(0,0,0,.08); }
.policySection:first-child { border-top: 0; padding-top: 0; }
.policySection h2 { margin: 0 0 10px; font-size: 18px; }
.policySection p { margin: 0 0 10px; line-height: 1.65; }
.policyBottom { display:flex; justify-content:flex-end; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.08); }

.policyToc .tocTitle { font-weight: 800; display:flex; gap:10px; align-items:center; margin-bottom: 10px; }
.policyToc .tocList { margin: 0; padding-left: 18px; }
.policyToc .tocList li { margin: 6px 0; }
.policyToc .tocList a { text-decoration: none; }
.policyToc .tocList a:hover { text-decoration: underline; }

.domainsHero .heroBullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.domainsHero .heroBullet{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;text-decoration:none;border:1px solid rgba(0,0,0,.08)}
.domainsHero .heroBullet:hover{text-decoration:underline}

.wmTableWrap{overflow:auto;border-radius:14px;border:1px solid rgba(0,0,0,.08)}
.wmTable{width:100%;border-collapse:collapse;min-width:520px}
.wmTable th,.wmTable td{padding:12px 12px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top;text-align:left}
.wmTable thead th{font-weight:800;background:rgba(0,0,0,.03)}
.wmTable tbody tr:last-child td{border-bottom:0}

.icannBox{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02)}
.wmList{margin:0;padding-left:18px}
.tldLegend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.tldLegend span{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02)}

/* =======================
   DOMAINS — Search form fix
   (scope: body.page-domains)
   ======================= */

body.page-domains .srOnly{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body.page-domains .cardSub form{
  width:100%;
}

body.page-domains .formRow{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 140px auto;
  gap:12px;
  align-items:end;
}

body.page-domains .formField{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

body.page-domains .formFieldSmall{
  width:140px;
  max-width:140px;
}

body.page-domains .formFieldActions{
  display:flex;
  align-items:end;
}

body.page-domains .formField label,
body.page-domains .formRow label{
  display:block;
  font-weight:600;
  font-size:12px;
  line-height:1.2;
  color:var(--muted2, #64748b);
  margin:0;
}

body.page-domains .formField input[type="text"],
body.page-domains .formField input[type="password"],
body.page-domains .formField select{
  width:100% !important;
  box-sizing:border-box !important;
  height:42px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(15, 23, 42, .14);
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 0 rgba(15,23,42,.04);
  outline:none;
}

body.page-domains .formField input[type="text"]:focus,
body.page-domains .formField input[type="password"]:focus,
body.page-domains .formField select:focus{
  border-color: rgba(56, 189, 248, .65);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .18);
}

@media (max-width: 720px){
  body.page-domains .formRow{
    grid-template-columns: 1fr;
  }
  body.page-domains .formFieldSmall{
    width:auto;
    max-width:none;
  }
  body.page-domains .formFieldActions .btn{
    width:100%;
  }
}

/* Transfer page: email satırı tam genişlik */
body.page-domains-transfer .formFieldFull{
  grid-column: 1 / -1;
}

/* =======================
   DOMAINS — Bulk transfer form
   (scope: body.page-domains-transfer-bulk)
   ======================= */

body.page-domains-transfer-bulk .bulkRow{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}

body.page-domains-transfer-bulk textarea{
  width:100% !important;
  box-sizing:border-box !important;
  min-height:220px;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(15, 23, 42, .14);
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 0 rgba(15,23,42,.04);
  outline:none;
  resize:vertical;
  font: inherit;
  line-height:1.45;
}

body.page-domains-transfer-bulk textarea:focus{
  border-color: rgba(56, 189, 248, .65);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .18);
}

body.page-domains-transfer-bulk .formFieldActions{
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 720px){
  body.page-domains-transfer-bulk .formFieldActions .btn{
    width:100%;
  }
}

/* ==========================================================================
   domains/whois.php — WHOIS (v2) — page-only (scoped)
   Paste into: /assets/site.css
   ========================================================================== */

body.page-domains.page-domains-whois .contentCard .inner{
  padding: 16px;
}

body.page-domains.page-domains-whois .whoisIntro{
  margin-top: 6px;
  color: var(--muted2);
  font-size: 14px;
  line-height: 1.55;
  max-width: 72ch;
}

body.page-domains.page-domains-whois .whoisPills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 12px 0 14px;
}

body.page-domains.page-domains-whois .whoisForm{
  display:grid;
  gap: 12px;
  margin-top: 10px;
}

body.page-domains.page-domains-whois .whoisLabel{
  font-size: 13px;
  color: var(--muted2);
  margin-bottom: 6px;
}

body.page-domains.page-domains-whois .whoisField{
  display:grid;
  gap:6px;
}

body.page-domains.page-domains-whois .whoisCaptcha{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  align-items:flex-end;
}

body.page-domains.page-domains-whois .whoisCaptchaImg{
  border-radius: 12px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.85);
}

body.page-domains.page-domains-whois .whoisCode{
  min-width: 220px;
}

body.page-domains.page-domains-whois .whoisActions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
}

body.page-domains.page-domains-whois .whoisAlert{
  margin: 10px 0 12px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,77,77,.22);
  background: rgba(255,77,77,.07);
  color: rgba(120,10,10,.92);
  font-size: 14px;
  line-height: 1.55;
}

body.page-domains.page-domains-whois .devNotice{
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,176,0,.22);
  background: rgba(255,176,0,.10);
  color: rgba(70,45,0,.92);
  font-size: 13px;
  line-height: 1.5;
}

body.page-domains.page-domains-whois .whoisResults{
  margin: 12px 0 10px;
  display:grid;
  gap:10px;
}

body.page-domains.page-domains-whois .whoisPre{
  max-height: 520px;
  overflow:auto;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.64);
  border: 1px solid var(--stroke);
  color: rgba(0,0,0,.84);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

body.page-domains.page-domains-whois .whoisTip{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
}

/* ==========================================================================
   Web Hosting Page (web_hosting.htm) — scoped styles
   ========================================================================== */

body.page-webhosting .hostingHero { margin-bottom: 18px; }
body.page-webhosting .hostingHeroInner{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 16px;
  align-items: start;
}
body.page-webhosting .hostingH1{ margin: 8px 0 0; }
body.page-webhosting .hostingLead{
  margin-top: 10px;
  color: var(--muted2);
  font-size: 15px;
  line-height: 1.6;
  max-width: 72ch;
}

body.page-webhosting .hostingBullets{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
body.page-webhosting .hostingBullet{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  color: rgba(0,0,0,.84);
  font-weight: 600;
}
body.page-webhosting .hostingBullet i{ color: var(--brand); }

body.page-webhosting .hostingActions{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-webhosting .hostingFine{
  margin-top: 12px;
  color: var(--muted2);
  font-size: 12.5px;
  line-height: 1.5;
}

body.page-webhosting .hostingHeroRight{ display:grid; gap: 12px; }
body.page-webhosting .hostingPriceTop{ display:flex; justify-content:space-between; align-items:baseline; gap: 10px; }
body.page-webhosting .hostingPriceTop .kicker{ color: var(--muted2); font-weight: 700; font-size: 13px; }
body.page-webhosting .hostingPriceTop .price{ font-weight: 900; font-size: 34px; letter-spacing: -.02em; }
body.page-webhosting .hostingPriceTop .price span{ font-weight: 700; font-size: 14px; color: var(--muted2); margin-left: 6px; }
body.page-webhosting .hostingPriceMeta{ margin-top: 10px; display:flex; flex-wrap:wrap; gap: 8px; }
body.page-webhosting .hostingPriceCta{ margin-top: 12px; }

body.page-webhosting .hostingMini .miniTitle{ font-weight: 800; }
body.page-webhosting .hostingMini .miniLink{ display:inline-flex; align-items:center; gap: 8px; margin-top: 6px; color: rgba(0,0,0,.86); text-decoration: none; }
body.page-webhosting .hostingMini .miniLink:hover{ text-decoration: underline; }
body.page-webhosting .hostingMini .miniDivider{ height: 1px; background: var(--stroke); margin: 10px 0; }

body.page-webhosting .hostingShell{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

body.page-webhosting .hostingSide{ position: sticky; top: 88px; height: fit-content; }

body.page-webhosting .hostingContent .hostingInner{ display:grid; gap: 18px; }

body.page-webhosting .hostingSection{
  scroll-margin-top: 110px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--stroke);
}
body.page-webhosting .hostingSection:last-child{ border-bottom: 0; }

body.page-webhosting .secHead{ display:flex; align-items:baseline; justify-content:space-between; gap: 12px; }
body.page-webhosting .secHead h2{ margin: 0; font-size: 18px; }
body.page-webhosting .secSub{ color: var(--muted2); font-size: 13px; }

body.page-webhosting .featTable{
  margin-top: 10px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
}
body.page-webhosting .featRow{
  display:grid;
  grid-template-columns: minmax(0,1fr) 180px;
  gap: 12px;
  padding: 10px 12px;
  border-top: 1px solid var(--stroke);
}
body.page-webhosting .featRow:first-child{ border-top: 0; }
body.page-webhosting .featKey{ color: rgba(0,0,0,.84); }
body.page-webhosting .featVal{ text-align:right; font-weight: 800; color: rgba(0,0,0,.84); }
body.page-webhosting .featLink{ color: rgba(0,0,0,.88); text-decoration: none; font-weight: 700; }
body.page-webhosting .featLink:hover{ text-decoration: underline; }
body.page-webhosting .featNote{ color: var(--muted2); font-weight: 600; font-size: 12px; margin-left: 6px; }

body.page-webhosting .featOk{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 34px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.7);
}

body.page-webhosting .prose{
  margin-top: 10px;
  color: rgba(0,0,0,.82);
  line-height: 1.75;
  font-size: 14px;
}
body.page-webhosting .prose p{ margin: 0 0 12px; }
body.page-webhosting .prose a{ color: rgba(0,0,0,.9); font-weight: 800; }

body.page-webhosting .ctaRow{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 980px){
  body.page-webhosting .hostingHeroInner{ grid-template-columns: 1fr; }
  body.page-webhosting .hostingShell{ grid-template-columns: 1fr; }
  body.page-webhosting .hostingSide{ position: relative; top: auto; }
}

@media (max-width: 560px){
  body.page-webhosting .hostingBullets{ grid-template-columns: 1fr; }
  body.page-webhosting .featRow{ grid-template-columns: 1fr; }
  body.page-webhosting .featVal{ text-align:left; }
}

/* =========================
   Servers Page (servers.htm)
   ========================= */

:root{
  /* fallback’ler (site.css’te varsa zaten override olur) */
  --srvText: var(--text, #0f172a);
  --srvMuted: var(--muted, #475569);
  --srvCard: var(--card, rgba(255,255,255,.82));
  --srvBorder: var(--border, rgba(15, 23, 42, .10));
  --srvShadow: var(--shadow, 0 18px 50px rgba(2, 6, 23, .10));
  --srvRadius: 22px;
  --stickyHeaderH: 0px; /* JS bunu set edecek */
}

html{
  /* anchor jump + fixed/sticky header fix */
  scroll-padding-top: calc(var(--stickyHeaderH) + 18px);
}

.srvPage{
  position: relative;
  color: var(--srvText);
}

/* Hero arka planı (header ile “iç içe” hissini azaltır) */
.srvHero{
  position: relative;
  padding: calc(var(--stickyHeaderH) + 28px) 0 34px;
}

.srvHero::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 15% 10%, rgba(56, 189, 248, .22), transparent 60%),
    radial-gradient(900px 420px at 85% 15%, rgba(99, 102, 241, .16), transparent 62%);
}

.srvContainer{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 22px;
}

.srvHeroGrid{
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr .56fr;
  gap: 22px;
  align-items: start;
}

.srvHeroCopy{
  background: var(--srvCard);
  border: 1px solid var(--srvBorder);
  border-radius: var(--srvRadius);
  box-shadow: var(--srvShadow);
  padding: 26px 26px 22px;
  backdrop-filter: blur(10px);
}

.srvKicker{
  font-size: 13px;
  color: var(--srvMuted);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 0 8px;
}

.srvH1{
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.06;
  margin: 0 0 12px;
}

.srvLead{
  margin: 0 0 16px;
  color: var(--srvMuted);
  font-size: 15.5px;
  line-height: 1.6;
}

.srvPills{
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.srvPill{
  border: 1px solid var(--srvBorder);
  background: rgba(255,255,255,.65);
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 12.5px;
  color: var(--srvText);
}

.srvHeroCtas{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 6px;
}

.srvFine{
  margin: 14px 0 0;
  font-size: 12.5px;
  color: var(--srvMuted);
}

/* TOC / Side */
.srvToc{
  position: sticky;
  top: calc(var(--stickyHeaderH) + 16px);
}

.srvTocToggle{
  width: 100%;
  display: none; /* mobile’da açılacak */
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--srvBorder);
  background: var(--srvCard);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, .08);
  color: var(--srvText);
}

.srvTocChevron{
  opacity: .8;
  transform: translateY(-1px);
}

.srvTocNav{
  background: var(--srvCard);
  border: 1px solid var(--srvBorder);
  border-radius: 18px;
  box-shadow: 0 10px 34px rgba(2, 6, 23, .08);
  padding: 12px;
}

.srvTocLink{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  color: var(--srvText);
  text-decoration: none;
  font-size: 13.5px;
}

.srvTocLink:hover{
  background: rgba(2, 6, 23, .04);
}

.srvTocLink.isActive{
  background: rgba(2, 6, 23, .06);
  box-shadow: inset 0 0 0 1px rgba(2, 6, 23, .08);
}

.srvSideCards{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.srvSideCard{
  display: block;
  text-decoration: none;
  color: var(--srvText);
  background: rgba(2, 6, 23, .05);
  border: 1px solid var(--srvBorder);
  border-radius: 16px;
  padding: 12px 12px;
}

.srvSideCard:hover{
  background: rgba(2, 6, 23, .07);
}

.srvSideTitle{
  font-weight: 700;
  font-size: 13.5px;
  margin: 0 0 2px;
}

.srvSideSub{
  font-size: 12.5px;
  color: var(--srvMuted);
}

/* Sections */
.srvSection{
  padding: 12px 0 28px;
}

.srvSectionHead{
  padding: 6px 0 0;
}

.srvH2{
  font-size: 24px;
  margin: 0 0 8px;
}

.srvSub{
  margin: 0;
  color: var(--srvMuted);
  line-height: 1.65;
}

/* Plans */
.srvPlans{
  display: grid;
  gap: 18px;
}

.srvPlan{
  background: var(--srvCard);
  border: 1px solid var(--srvBorder);
  border-radius: var(--srvRadius);
  box-shadow: var(--srvShadow);
  overflow: hidden;
}

.srvPlanHead{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  align-items: start;
}

.srvH3{
  font-size: 18px;
  margin: 0 0 4px;
}

.srvPlanTag{
  margin: 0;
  color: var(--srvMuted);
  font-size: 13px;
}

.srvPriceBox{
  text-align: right;
  display: grid;
  justify-items: end;
  gap: 6px;
}

.srvPrice{
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
}

.srvPrice span{
  font-weight: 600;
  font-size: 13px;
  color: var(--srvMuted);
  margin-left: 4px;
}

.srvMeta{
  font-size: 12.5px;
  color: var(--srvMuted);
}

.srvPlanBody{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  padding: 16px 18px 18px;
}

.srvText p{
  margin: 0 0 10px;
  line-height: 1.65;
  color: var(--srvText);
}

.srvText code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .95em;
}

.srvMuted{
  color: var(--srvMuted) !important;
}

.srvFeatGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-content: start;
}

.srvFeat{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.srvFeat li{
  padding-left: 18px;
  position: relative;
  color: var(--srvText);
  font-size: 13.5px;
  line-height: 1.35;
}

.srvFeat li::before{
  content: "•";
  position: absolute;
  left: 6px;
  top: 0;
  color: rgba(2, 6, 23, .55);
}

/* === BURASI 2. EKRAN SORUNUNU ÇÖZER: footer metin kontrastı === */
.srvPlanFoot{
  background: rgba(2, 6, 23, .05);
  border-top: 1px solid rgba(15,23,42,.08);
  padding: 14px 18px 18px;
  color: var(--srvText);
}

.srvNote{
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--srvText); /* özellikle set ediyoruz */
}

.srvNote a{
  color: var(--link, #2563eb);
  text-decoration: none;
  font-weight: 600;
}

.srvNote a:hover{
  text-decoration: underline;
}

.srvFootCtas{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

/* Cards (info sections) */
.srvCard{
  background: var(--srvCard);
  border: 1px solid var(--srvBorder);
  border-radius: var(--srvRadius);
  box-shadow: var(--srvShadow);
  padding: 18px 18px;
}

.srvProse p{
  margin: 0 0 10px;
  line-height: 1.7;
  color: var(--srvText);
}

.srvH3Sm{
  font-size: 15px;
  margin: 14px 0 8px;
}

/* Back to top */
.srvToTop{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid var(--srvBorder);
  background: var(--srvCard);
  box-shadow: 0 14px 34px rgba(2, 6, 23, .12);
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

.srvToTop.isShow{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 940px){
  .srvHeroGrid{ grid-template-columns: 1fr; }
  .srvToc{ position: relative; top: auto; }

  .srvTocToggle{ display: flex; margin-top: 12px; }
  .srvTocNav{ margin-top: 10px; }

  /* JS mobilde nav’i hidden yapacak; desktop’ta sürekli açık */
  .srvPlanBody{ grid-template-columns: 1fr; }
  .srvFeatGrid{ grid-template-columns: 1fr; }
}

/* =========================
   SERVERS PAGE (servers.htm)
   ========================= */

.srvPage{
  /* anchors header altında kalmasın */
  --stickyHeaderH: var(--stickyHeaderH, 88px);
}

.srvPage [id]{
  scroll-margin-top: calc(var(--stickyHeaderH, 88px) + 18px);
}

/* Header fixed olduğu için hero content aşağı insin (menüyle iç içe olmasın) */
.srvHero{
  padding-top: calc(var(--stickyHeaderH, 88px) + 22px);
}

/* TOC kutusu da header’dan aşağıda dursun */
.srvToc{
  position: sticky;
  top: calc(var(--stickyHeaderH, 88px) + 14px);
}

/* Alt “not” alanında kontrast */
.srvPlanFoot{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.10);
  color: var(--ink, #0f172a);
}

.srvNote{
  color: rgba(15,23,42,.78);
}

.srvNote a{
  color: var(--link, #1d4ed8);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Eğer foot içinde butonlar “gömülüyorsa” */
.srvFootCtas{
  margin-top: 12px;
}

/* Çok nadiren header z-index düşükse (hero üstüne çıkıyorsa) */
#navWrap, .siteHeader, #siteHeader, header{
  z-index: 9999;
}

/* =========================
   E-Commerce Page
   ========================= */

.page-ecommerce .ecoHero{
  padding-top: calc(var(--stickyHeaderH, 0px) + 18px);
}

.ecoPage{ background: var(--bg, #ffffff); color: var(--text, #0b0b0e); }
.ecoContainer{ width:min(1140px, calc(100% - 48px)); margin:0 auto; }

.ecoHero{
  position:relative;
  padding-bottom: 26px;
}
.ecoHero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(0,160,255,.14), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(0,200,180,.12), transparent 58%),
    linear-gradient(to bottom, rgba(10,20,35,.02), transparent 60%);
  pointer-events:none;
}
.ecoHeroGrid{
  position:relative;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 22px;
  align-items:start;
}

.ecoKicker{
  display:inline-block;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--muted2, #5a6472);
  margin: 0 0 10px;
}
.ecoH1{ font-size: clamp(30px, 3.4vw, 46px); line-height:1.05; margin: 0 0 10px; }
.ecoLead{ margin: 0 0 14px; color: var(--muted, #2f3a46); font-size: 15px; line-height:1.65; }

.ecoPills{
  list-style:none; padding:0; margin: 14px 0 16px;
  display:flex; flex-wrap:wrap; gap:10px;
}
.ecoPill{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  font-size: 13px;
  color: var(--text, #0b0b0e);
}

.ecoHeroCtas{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 6px; }
.ecoFine{ margin: 12px 0 0; font-size: 12px; color: var(--muted2, #5a6472); }

.ecoToc{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 14px);
  align-self:start;
  border-radius: 16px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
  padding: 12px;
}

.ecoTocToggle{
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.80);
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
  cursor:pointer;
}
.ecoTocChevron{ opacity:.65; }

.ecoTocNav{
  display:flex; flex-direction:column;
  gap: 6px;
  margin-top: 10px;
}
.ecoTocLink{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(10,20,35,.08);
  text-decoration:none;
  color: var(--text, #0b0b0e);
  background: rgba(255,255,255,.72);
}
.ecoTocLink:hover{ background: rgba(0,160,255,.08); }
.ecoTocLink.isActive{ border-color: rgba(0,160,255,.35); background: rgba(0,160,255,.10); }

.ecoSideCards{ margin-top: 12px; display:grid; gap:10px; }
.ecoSideCard{
  display:block;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(10,20,35,.10);
  text-decoration:none;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.ecoSideTitle{ font-weight: 800; color: var(--text, #0b0b0e); }
.ecoSideSub{ margin-top: 3px; font-size: 13px; color: var(--muted2, #5a6472); }

.ecoSection{ padding: 18px 0; }
.ecoCard{
  border-radius: 18px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 38px rgba(0,0,0,.08);
  padding: 16px;
}
.ecoCardHead{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(10,20,35,.08);
  margin-bottom: 10px;
}
.ecoIcon{
  width: 42px; height: 42px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(0,160,255,.08);
  font-size: 18px;
}
.ecoH2{ margin: 0; font-size: 22px; }
.ecoSub{ margin: 6px 0 0; color: var(--muted2, #5a6472); }

.ecoProse{ color: var(--muted, #2f3a46); line-height:1.65; font-size: 14px; }
.ecoMuted{ color: var(--muted2, #5a6472); font-weight: 600; }

.ecoList{
  margin: 10px 0 0;
  padding-left: 18px;
}
.ecoList li{ margin: 6px 0; }

.ecoGrid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  margin-top: 10px;
}

.ecoPriceRow{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ecoPriceBox{
  border-radius: 14px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.72);
  padding: 12px;
}
.ecoPriceLabel{ font-size: 12px; letter-spacing:.08em; text-transform:uppercase; color: var(--muted2, #5a6472); }
.ecoPriceValue{ margin-top: 4px; font-weight: 800; color: var(--text, #0b0b0e); }

.ecoFine2{
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--muted2, #5a6472);
}

.ecoToTop{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(10,20,35,.15);
  background: rgba(255,255,255,.85);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  cursor: pointer;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.ecoToTop.isShow{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

@media (max-width: 940px){
  .ecoHeroGrid{ grid-template-columns: 1fr; }
  .ecoToc{ position:relative; top: 0; }
  .ecoTocNav[hidden]{ display:none; }
  .ecoGrid2{ grid-template-columns: 1fr; }
  .ecoPriceRow{ grid-template-columns: 1fr; }
}

:root{
  --stickyHeaderH: 0px;
}

/* Anchor jump’larda section’lar header altında kalmasın */
html{
  scroll-padding-top: calc(var(--stickyHeaderH) + 18px);
}

/* Fixed header overlay fix (tüm sayfalar) */
main{
  padding-top: calc(var(--stickyHeaderH) + 18px);
}

/* Sağdaki TOC/side sticky ise header’a göre dursun */
.srvToc,
.ecoToc{
  top: calc(var(--stickyHeaderH) + 18px);
}

/* =========================
   Web Design Page
   ========================= */

body.page-webdesign .wdPage{
  background: var(--bg, #ffffff);
  color: var(--text, #0b0b0e);
}

body.page-webdesign .wdContainer{
  width: min(1140px, calc(100% - 48px));
  margin: 0 auto;
}

body.page-webdesign .wdHero{
  position: relative;
  padding-top: calc(var(--stickyHeaderH, 0px) + 18px);
  padding-bottom: 26px;
}

body.page-webdesign .wdHero::before{
  content:"";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(0,160,255,.14), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(0,200,180,.12), transparent 58%),
    linear-gradient(to bottom, rgba(10,20,35,.02), transparent 60%);
  pointer-events: none;
}

body.page-webdesign .wdHeroGrid{
  position: relative;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 22px;
  align-items: start;
}

body.page-webdesign .wdHeroCard{
  position: relative;
}

body.page-webdesign .wdKicker{
  display: inline-block;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--muted2, #5a6472);
  margin: 0 0 10px;
}

body.page-webdesign .wdH1{
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.05;
  margin: 0 0 10px;
}

body.page-webdesign .wdLead{
  margin: 0 0 14px;
  color: var(--muted, #2f3a46);
  font-size: 15px;
  line-height: 1.65;
  max-width: 62ch;
}

body.page-webdesign .wdPills{
  list-style: none;
  padding: 0;
  margin: 14px 0 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-webdesign .wdPill{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  font-size: 13px;
  color: var(--text, #0b0b0e);
}

body.page-webdesign .wdHeroCtas{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

body.page-webdesign .wdFine{
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--muted2, #5a6472);
}

body.page-webdesign .wdToc{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 14px);
  align-self: start;
  border-radius: 16px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(0,0,0,.08);
  padding: 12px;
}

body.page-webdesign .wdTocToggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.80);
  border-radius: 12px;
  padding: 10px 12px;
  font-weight: 700;
  cursor: pointer;
}

body.page-webdesign .wdTocChevron{ opacity: .65; }

body.page-webdesign .wdTocNav{
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}

body.page-webdesign .wdTocLink{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(10,20,35,.08);
  text-decoration: none;
  color: var(--text, #0b0b0e);
  background: rgba(255,255,255,.72);
}

body.page-webdesign .wdTocLink:hover{ background: rgba(0,160,255,.08); }
body.page-webdesign .wdTocLink.isActive{
  border-color: rgba(0,160,255,.35);
  background: rgba(0,160,255,.10);
}

body.page-webdesign .wdSideCards{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

body.page-webdesign .wdSideCard{
  display: block;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(10,20,35,.10);
  text-decoration: none;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

body.page-webdesign .wdSideTitle{ font-weight: 800; color: var(--text, #0b0b0e); }
body.page-webdesign .wdSideSub{ margin-top: 3px; font-size: 13px; color: var(--muted2, #5a6472); }

body.page-webdesign .wdSection{
  padding: 18px 0;
}

body.page-webdesign .wdCard{
  border-radius: 18px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 38px rgba(0,0,0,.08);
  padding: 16px;
}

body.page-webdesign .wdCardSimple{
  padding: 16px 18px;
}

body.page-webdesign .wdSectionHead{
  max-width: 70ch;
}

body.page-webdesign .wdH2{
  margin: 0;
  font-size: 22px;
}

body.page-webdesign .wdSub{
  margin: 6px 0 0;
  color: var(--muted2, #5a6472);
  line-height: 1.65;
  max-width: 66ch;
}

body.page-webdesign .wdSplit{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

body.page-webdesign .wdCardHead{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(10,20,35,.08);
  margin-bottom: 10px;
}

body.page-webdesign .wdTag{
  margin: 0 0 6px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--muted2, #5a6472);
}

body.page-webdesign .wdH3{
  margin: 0;
  font-size: 20px;
}

body.page-webdesign .wdCardSub{
  margin: 6px 0 0;
  color: var(--muted2, #5a6472);
}

body.page-webdesign .wdCardBody{
  color: var(--muted, #2f3a46);
  line-height: 1.65;
  font-size: 14px;
}

body.page-webdesign .wdList{
  margin: 10px 0 0;
  padding-left: 18px;
}

body.page-webdesign .wdList li{
  margin: 6px 0;
}

body.page-webdesign .wdNote{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(10,20,35,.10);
  background: rgba(0,160,255,.06);
  color: var(--muted, #2f3a46);
  font-size: 13px;
}

body.page-webdesign .wdCardFoot{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-webdesign .wdCta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 18px;
}

body.page-webdesign .wdCtaBtns{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-webdesign .wdToTop{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(10,20,35,.15);
  background: rgba(255,255,255,.85);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  cursor: pointer;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

body.page-webdesign .wdToTop.isShow{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

@media (max-width: 940px){
  body.page-webdesign .wdHeroGrid{ grid-template-columns: 1fr; }
  body.page-webdesign .wdToc{ position: relative; top: 0; }
  body.page-webdesign .wdTocNav[hidden]{ display: none; }
  body.page-webdesign .wdSplit{ grid-template-columns: 1fr; }
}

/* =========================
   BUILD TRAFFIC / SEO PAGE (build_traffic.htm)
   ========================= */

body.page-build-traffic .seoPage{
  padding-top: calc(var(--stickyHeaderH, 0px) + 18px);
}

body.page-build-traffic .seoContainer{
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

body.page-build-traffic .seoHero{
  background:
    radial-gradient(800px 380px at 15% 20%, rgba(56,132,255,.18), transparent 60%),
    radial-gradient(900px 520px at 85% 60%, rgba(35,189,199,.14), transparent 60%);
  border-bottom: 1px solid rgba(12,26,54,.08);
  padding: 28px 0 18px;
}

body.page-build-traffic .seoHeroGrid{
  display: grid;
  grid-template-columns: 1.25fr .95fr;
  gap: 22px;
  align-items: start;
}

@media (max-width: 980px){
  body.page-build-traffic .seoHeroGrid{ grid-template-columns: 1fr; }
}

body.page-build-traffic .seoPillsTop{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}
body.page-build-traffic .seoPillTop{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,26,54,.08);
  text-decoration:none;
  color: inherit;
}

body.page-build-traffic .seoBadge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,26,54,.08);
  margin-bottom: 14px;
}
body.page-build-traffic .seoDot{
  width:10px; height:10px; border-radius:999px;
  background: rgba(35,189,199,.95);
  box-shadow: 0 0 0 6px rgba(35,189,199,.18);
}

body.page-build-traffic .seoH1{
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.04;
  letter-spacing:-.02em;
  margin: 0 0 12px;
}
body.page-build-traffic .seoAccent{ color: rgba(56,132,255,1); }
body.page-build-traffic .seoLead{ margin: 0 0 16px; max-width: 58ch; opacity:.9; }

body.page-build-traffic .seoCtas{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 14px; }

body.page-build-traffic .seoChips{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 14px; }
body.page-build-traffic .seoChip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,26,54,.08);
  font-size: 13px;
}

body.page-build-traffic .seoMiniCards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 10px;
}
@media (max-width: 720px){
  body.page-build-traffic .seoMiniCards{ grid-template-columns: 1fr; }
}
body.page-build-traffic .seoMiniCard{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,26,54,.08);
  border-radius: 14px;
  padding: 12px 14px;
}
body.page-build-traffic .seoMiniTitle{ font-weight: 700; margin-bottom: 4px; }
body.page-build-traffic .seoMiniText{ font-size: 13px; opacity:.9; }

body.page-build-traffic .seoServicesCard{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 18px 42px rgba(10,24,48,.08);
}
body.page-build-traffic .seoServicesHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
body.page-build-traffic .seoServicesHeadL{ display:flex; gap:10px; }
body.page-build-traffic .seoServicesIcon{
  width: 34px; height: 34px; border-radius: 12px;
  display:grid; place-items:center;
  background: rgba(56,132,255,.10);
  border: 1px solid rgba(56,132,255,.18);
}
body.page-build-traffic .seoServicesTitle{ font-weight: 800; }
body.page-build-traffic .seoMuted{ opacity:.7; }
body.page-build-traffic .seoServicesSub{ font-size: 13px; opacity:.85; margin-top:2px; }
body.page-build-traffic .seoTag{
  font-size: 12px; font-weight: 700;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(35,189,199,.10);
  border: 1px solid rgba(35,189,199,.20);
}

body.page-build-traffic .seoServicesList{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}

body.page-build-traffic .seoSvc{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 14px;
  padding: 10px 12px;
  cursor:pointer;
  text-align:left;
}
body.page-build-traffic .seoSvc.isOn{
  border-color: rgba(56,132,255,.35);
  box-shadow: 0 0 0 4px rgba(56,132,255,.10);
}
body.page-build-traffic .seoSvcName{ display:flex; align-items:center; gap:8px; font-weight:800; }
body.page-build-traffic .seoSvcDesc{ font-size: 12px; opacity:.85; margin-top:2px; }
body.page-build-traffic .seoSvcPrice{ font-weight:900; font-size:18px; }
body.page-build-traffic .seoSvcPer{ font-size:12px; opacity:.7; text-align:right; }

body.page-build-traffic .seoSvcFine{ font-size:12px; opacity:.75; margin: 10px 2px 12px; }

body.page-build-traffic .seoSummary{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 16px;
  padding: 12px;
}
body.page-build-traffic .seoSummaryTop{ display:flex; gap:12px; align-items:center; }
body.page-build-traffic .seoSummaryPrice{ font-size:22px; font-weight:900; white-space:nowrap; }
body.page-build-traffic .seoSummaryPer{ font-size:12px; opacity:.75; margin-left:6px; }
body.page-build-traffic .seoSummaryName{ font-weight:900; }
body.page-build-traffic .seoSummarySub{ font-size:12px; opacity:.8; margin-top:2px; }
body.page-build-traffic .seoSummaryBullets{ margin-top:10px; font-size:13px; opacity:.9; }

body.page-build-traffic .seoSideCards{ display:grid; gap:10px; margin-top:12px; }
body.page-build-traffic .seoSideCard{
  display:block; width:100%;
  text-decoration:none;
  color: inherit;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 14px;
  padding: 12px;
}
body.page-build-traffic .seoSideTitle{ font-weight:900; }
body.page-build-traffic .seoSideSub{ font-size:12px; opacity:.8; margin-top:2px; }

body.page-build-traffic .seoAnchors{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin-top:16px;
}
@media (max-width: 720px){
  body.page-build-traffic .seoAnchors{ grid-template-columns: 1fr; }
}
body.page-build-traffic .seoAnchorCard{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,26,54,.08);
  border-radius: 14px;
  padding: 12px 14px;
}
body.page-build-traffic .seoAnchorTitle{ font-weight:900; display:flex; gap:8px; align-items:center; }
body.page-build-traffic .seoAnchorText{ font-size:13px; opacity:.85; margin-top:4px; }

body.page-build-traffic .seoSection{ padding: 22px 0; }
body.page-build-traffic .seoCard{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 18px;
  padding: 16px;
}
body.page-build-traffic .seoCardHead{ display:flex; gap:12px; align-items:flex-start; margin-bottom:10px; }
body.page-build-traffic .seoCardIcon{
  width:38px; height:38px; border-radius:14px;
  display:grid; place-items:center;
  background: rgba(35,189,199,.10);
  border: 1px solid rgba(35,189,199,.20);
}
body.page-build-traffic .seoH2{ margin:0; font-size:20px; letter-spacing:-.01em; }
body.page-build-traffic .seoSub{ margin:3px 0 0; font-size:13px; opacity:.85; }
body.page-build-traffic .seoProse{ font-size:14px; opacity:.95; }
body.page-build-traffic .seoList{ margin:10px 0 0; padding-left:18px; }

body.page-build-traffic .seoGrid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width: 900px){
  body.page-build-traffic .seoGrid2{ grid-template-columns: 1fr; }
}

body.page-build-traffic .seoLinkBtn{
  display:inline-flex; align-items:center; gap:8px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  background: rgba(56,132,255,.10);
  border: 1px solid rgba(56,132,255,.18);
}

body.page-build-traffic .seoGlossary{ display:grid; gap:10px; margin-top:10px; }
body.page-build-traffic .seoDef{
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(12,26,54,.10);
  border-radius: 14px;
  padding: 10px 12px;
}
body.page-build-traffic .seoDef summary{ cursor:pointer; }

body.page-build-traffic .seoToTop{
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(12,26,54,.12);
  background: rgba(255,255,255,.85);
  display:none;
  cursor:pointer;
}
body.page-build-traffic .seoToTop.isShow{ display:block; }
/* ================================
   Page: Make Money (make_money.htm)
   Scope: body.page-make-money
================================ */

body.page-make-money .mm-main{
  padding-block: clamp(18px, 3vw, 34px);
}

body.page-make-money .mm-hero{
  display: grid;
  gap: 18px;
  align-items: start;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (min-width: 900px){
  body.page-make-money .mm-hero{
    grid-template-columns: 1.2fr .8fr;
    gap: 22px;
  }
}

body.page-make-money .mm-title{
  margin: 0 0 10px 0;
  font-size: clamp(28px, 3.2vw, 40px);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

body.page-make-money .mm-lead{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  max-width: 72ch;
}

body.page-make-money .mm-heroCard{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.85);
}

body.page-make-money .mm-heroCard__k{
  font-size: 12px;
  opacity: .75;
  margin-top: 8px;
}

body.page-make-money .mm-heroCard__k:first-child{ margin-top: 0; }

body.page-make-money .mm-heroCard__v{
  font-weight: 600;
  margin-top: 4px;
}

body.page-make-money .mm-section{
  margin-top: 18px;
}

body.page-make-money .mm-h2{
  margin: 0 0 10px 0;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: -0.01em;
}

body.page-make-money .mm-h3{
  margin: 14px 0 10px 0;
  font-size: 16px;
}

body.page-make-money .mm-h4{
  margin: 0 0 8px 0;
  font-size: 15px;
}

body.page-make-money .mm-hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.12);
  margin: 0 0 12px 0;
}

body.page-make-money .mm-card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: clamp(16px, 2.6vw, 22px);
  background: rgba(255,255,255,.80);
}

body.page-make-money .mm-card p{
  margin: 0 0 12px 0;
  line-height: 1.65;
}

body.page-make-money .mm-card p:last-child{
  margin-bottom: 0;
}

body.page-make-money .mm-linksRow{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

body.page-make-money .mm-sep{
  opacity: .55;
}

body.page-make-money .mm-tableWrap{
  margin-top: 10px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  overflow: auto;
  background: rgba(255,255,255,.92);
}

body.page-make-money .mm-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 420px;
}

body.page-make-money .mm-table th,
body.page-make-money .mm-table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  text-align: left;
  white-space: nowrap;
}

body.page-make-money .mm-table thead th{
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: none;
  background: rgba(0,0,0,.03);
}

body.page-make-money .mm-grid{
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

@media (min-width: 780px){
  body.page-make-money .mm-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.page-make-money .mm-miniCard{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.92);
}

body.page-make-money .mm-miniCard p{
  margin: 0 0 10px 0;
}

body.page-make-money .mm-miniLinks{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 13px;
}

body.page-make-money .mm-miniLinks a{
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.page-make-money .mm-resourceList{
  display: grid;
  gap: 14px;
  margin-top: 12px;
}

body.page-make-money .mm-resource{
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.10);
}

body.page-make-money .mm-resource:first-child{
  padding-top: 0;
  border-top: 0;
}

body.page-make-money .mm-contactLine{
  margin-top: 14px;
}

body.page-make-money .mm-email{
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.page-make-money .mm-footnote{
  margin-top: 14px;
  font-size: 13px;
  opacity: .85;
}

/* ================================
   Global: header offset (sticky/fixed nav spacing)
   Uses: --stickyHeaderH (computed in site.js)
================================ */
:root{
  --wm-content-top-gap: 14px; /* tweak if you want more/less space */
}

/* push main down without overriding page paddings */
body.has-fixed-nav #main{
  margin-top: calc(var(--stickyHeaderH) + var(--wm-content-top-gap));
}

/* anchors won't hide under sticky header */
body.has-fixed-nav :target{
  scroll-margin-top: calc(var(--stickyHeaderH) + 12px);
}

}

/* ================================
   Domains Home Hero (full-bleed)
   Scope: body.page-domains-home
================================ */

body.page-domains-home .domMain{
  padding-top: 0; /* topPad already handles spacing */
}

body.page-domains-home .domHero{
  position: relative;
  overflow: hidden;
  color: #fff;
  padding-block: clamp(46px, 7vw, 92px);
  min-height: clamp(520px, 78vh, 760px);
  display: flex;
  align-items: center;
  background:
    radial-gradient(1100px 520px at 50% -10%, rgba(64, 220, 255, .26), rgba(6, 12, 20, .02) 55%),
    radial-gradient(900px 520px at 50% 110%, rgba(38, 110, 255, .18), rgba(6, 12, 20, .02) 55%),
    linear-gradient(180deg, rgba(6, 12, 20, .94), rgba(6, 12, 20, .98));
}

body.page-domains-home .domHero::before{
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.07) 0px,
      rgba(255,255,255,.07) 1px,
      transparent 1px,
      transparent 60px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.05) 0px,
      rgba(255,255,255,.05) 1px,
      transparent 1px,
      transparent 60px
    );
  opacity: .18;
  mask-image: radial-gradient(circle at 50% 30%, rgba(0,0,0,1), rgba(0,0,0,.2) 55%, transparent 78%);
}

body.page-domains-home .domHero::after{
  content: "";
  position: absolute;
  inset: -120px;
  pointer-events: none;
  background:
    radial-gradient(240px 240px at 18% 40%, rgba(64, 220, 255, .22), transparent 65%),
    radial-gradient(320px 320px at 82% 52%, rgba(38, 110, 255, .18), transparent 68%);
  filter: blur(2px);
  opacity: .9;
}

body.page-domains-home .domHeroInner{
  position: relative;
  z-index: 2;
}

body.page-domains-home .domHeroTop{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 860px){
  body.page-domains-home .domHeroTop{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-domains-home .domHeroCrumbs,
body.page-domains-home .domHeroCrumbs a{
  color: rgba(255,255,255,.72);
}

body.page-domains-home .domHeroTitle{
  margin: 6px 0 10px 0;
  font-size: clamp(38px, 4.2vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

body.page-domains-home .domHeroLead{
  margin: 0;
  max-width: 70ch;
  confirm: none;
  color: rgba(255,255,255,.78);
}

body.page-domains-home .domHeroActions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

body.page-domains-home .domHeroSearch{
  margin-top: clamp(18px, 3vw, 26px);
}

body.page-domains-home .domHeroForm{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: clamp(14px, 2.4vw, 18px);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body.page-domains-home .domHeroFormRow{
  display: flex;
  gap: 10px;
  align-items: center;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  padding: 10px;
}

@media (max-width: 760px){
  body.page-domains-home .domHeroFormRow{
    flex-wrap: wrap;
  }
}

body.page-domains-home .domHeroInput{
  flex: 1 1 260px;
  min-width: 220px;
  border: 0;
  outline: none;
  background: transparent;
  color: #0b1220;
  font-size: 16px;
  padding: 14px 12px;
}

body.page-domains-home .domHeroSelect{
  flex: 0 0 120px;
  border-radius: 12px;
}

body.page-domains-home .domHeroBtn{
  white-space: nowrap;
  padding-inline: 16px;
}

@media (max-width: 760px){
  body.page-domains-home .domHeroBtn{
    width: 100%;
    justify-content: center;
  }
}

body.page-domains-home .domHeroHint{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,.76);
}

body.page-domains-home .domHeroChips{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.70);
  font-size: 13px;
}

body.page-domains-home .domHeroChips__label{
  opacity: .9;
}

body.page-domains-home .domChip{
  appearance: none;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 8px 12px;
  cursor: pointer;
}

body.page-domains-home .domChip:hover{
  background: rgba(255,255,255,.14);
}

body.page-domains-home .domHeroBulletsWrap{
  margin-top: clamp(16px, 2.8vw, 22px);
}

body.page-domains-home .domHeroBullets{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 760px){
  body.page-domains-home .domHeroBullets{
    grid-template-columns: 1fr;
  }
}

body.page-domains-home .domHeroBullets .heroBullet{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
}

body.page-domains-home .domHeroBullets .heroBullet b{
  color: #fff;
}

body.page-domains-home .domAfterHero{
  margin-top: -46px;
  position: relative;
  z-index: 3;
}

@media (max-width: 760px){
  body.page-domains-home .domAfterHero{
    margin-top: -26px;
  }
}

/* ================================
   Domains Hero polish (override)
   Fix: contrast + hover clashes + modern boxes
   Scope: body.page-domains-home
================================ */

body.page-domains-home .domHero{
  /* a little richer depth + less banding */
  background:
    radial-gradient(1200px 640px at 50% -18%, rgba(64, 220, 255, .28), rgba(6, 12, 20, .02) 58%),
    radial-gradient(1000px 640px at 50% 118%, rgba(38, 110, 255, .22), rgba(6, 12, 20, .02) 60%),
    linear-gradient(180deg, rgba(6, 12, 20, .92), rgba(6, 12, 20, .99));
}

/* Stop global link hover from wrecking contrast */
body.page-domains-home .domHero a{
  color: rgba(255,255,255,.92);
}
body.page-domains-home .domHero a:hover{
  color: #ffffff;
}

/* Title/lead were looking "dark" because globals win */
body.page-domains-home .domHeroTitle{
  color: #fff;
  text-shadow: 0 10px 28px rgba(0,0,0,.35);
}
body.page-domains-home .domHeroCrumbs,
body.page-domains-home .domHeroCrumbs a{
  color: rgba(255,255,255,.75);
}
body.page-domains-home .domHeroLead{
  color: rgba(255,255,255,.78);
}

/* Top actions: make ghost look good on dark hero */
body.page-domains-home .domHero .btn{
  border-radius: 999px;
}
body.page-domains-home .domHero .btn.btnGhost{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}
body.page-domains-home .domHero .btn.btnGhost:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.24);
  transform: translateY(-1px);
}
body.page-domains-home .domHero .btn.btnPrimary{
  box-shadow: 0 16px 36px rgba(0,0,0,.35);
}
body.page-domains-home .domHero .btn.btnPrimary:hover{
  transform: translateY(-1px);
}

/* Search box: more premium glass + better focus */
body.page-domains-home .domHeroForm{
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 22px 60px rgba(0,0,0,.45);
}

body.page-domains-home .domHeroFormRow{
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  border-radius: 18px;
}

body.page-domains-home .domHeroInput{
  color: #0b1220;
}
body.page-domains-home .domHeroInput::placeholder{
  color: rgba(11, 18, 32, .55);
}

body.page-domains-home .domHeroSelect{
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.98);
  min-height: 46px;
}

/* focus ring (no global override; scoped) */
body.page-domains-home .domHeroInput:focus,
body.page-domains-home .domHeroSelect:focus{
  outline: none;
}
body.page-domains-home .domHeroFormRow:focus-within{
  border-color: rgba(64, 220, 255, .55);
  box-shadow: 0 14px 34px rgba(0,0,0,.24), 0 0 0 4px rgba(64, 220, 255, .16);
}

/* Chips: fix hover clash + make them feel clickable */
body.page-domains-home .domChip{
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  box-shadow: 0 10px 22px rgba(0,0,0,.20);
}
body.page-domains-home .domChip:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.26);
  transform: translateY(-1px);
}
body.page-domains-home .domChip:active{
  transform: translateY(0);
}

/* Hero bullets: convert to modern cards + consistent hover */
body.page-domains-home .domHeroBullets{
  gap: 14px;
}

body.page-domains-home .domHeroBullets .heroBullet{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.page-domains-home .domHeroBullets .heroBullet i{
  opacity: .95;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

body.page-domains-home .domHeroBullets .heroBullet span{
  color: rgba(255,255,255,.92);
}

body.page-domains-home .domHeroBullets .heroBullet:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(0,0,0,.36);
}

body.page-domains-home .domHeroBullets .heroBullet:hover span{
  color: #fff;
}

/* Pull next section nicely into hero (less harsh edge) */
body.page-domains-home .domAfterHero{
  margin-top: -56px;
}
@media (max-width: 760px){
  body.page-domains-home .domAfterHero{ margin-top: -34px; }
}

/* Optional: reduce heavy overlays on very small screens (performance/clarity) */
@media (max-width: 520px){
  body.page-domains-home .domHero::before{ opacity: .12; }
  body.page-domains-home .domHero::after{ opacity: .75; }
}

/* ================================
   Domains: extend hero background behind header (page-only)
   Scope: body.page-domains-home
================================ */

body.page-domains-home{
  position: relative;
  overflow-x: hidden;
}

/* Paint dark hero bg from very top (behind header) down to hero area */
:root{
  --domHeroBgH: 1100px; /* fallback (JS yoksa) */
}

body.page-domains-home{
  position: relative;
  overflow-x: hidden;
}

body.page-domains-home::before{
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: var(--domHeroBgH);
  min-height: 820px;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(1200px 640px at 50% -18%, rgba(64, 220, 255, .28), rgba(6, 12, 20, .02) 58%),
    radial-gradient(1000px 640px at 50% 118%, rgba(38, 110, 255, .22), rgba(6, 12, 20, .02) 60%),
    linear-gradient(180deg, rgba(6, 12, 20, .92), rgba(6, 12, 20, .99));
}


/* Ensure header + main stay ABOVE the bg layer */
body.page-domains-home #navWrap,
body.page-domains-home #siteHeader,
body.page-domains-home header{
  position: relative;
  z-index: 5;
}

/* Put main content above the bg layer */
body.page-domains-home #main{
  position: relative;
  z-index: 2;
}

/* Remove duplicate dark bg from hero (so there’s no “seam”) */
body.page-domains-home .domHero{
  background: transparent !important;
}

body.page-domains-home .domAfterHero{
  margin-top: -64px; /* biraz daha overlap */
}
@media (max-width: 520px){
  body.page-domains-home .domAfterHero{ margin-top: -40px; }
}

/* ================================
   Web Hosting Hero (Domains-style, CLEAN)
   Scope: body.page-webhosting
================================ */
:root{
  --whHeroBgH: 980px; /* fallback (JS yoksa) */
}

body.page-webhosting{
  position: relative;
  overflow-x: hidden;
}

/* Full-bleed AquaNavy background behind header + hero */
body.page-webhosting::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height: var(--whHeroBgH);
  min-height: 860px;
  pointer-events:none;
  z-index:0;

  background:
    radial-gradient(1100px 520px at 24% 8%, rgba(70, 230, 255, .22), rgba(6,12,20,0) 60%),
    radial-gradient(900px 520px at 72% 42%, rgba(35, 125, 255, .22), rgba(6,12,20,0) 62%),
    radial-gradient(1000px 520px at 50% 118%, rgba(30, 255, 210, .12), rgba(6,12,20,0) 60%),
    linear-gradient(180deg, rgba(6, 10, 18, .92), rgba(6, 10, 18, .99));
}

/* keep header above bg */
body.page-webhosting #navWrap,
body.page-webhosting #siteHeader,
body.page-webhosting header{
  position: relative;
  z-index: 6;
}

body.page-webhosting main,
body.page-webhosting #main{
  position: relative;
  z-index: 2;
}

/* HERO wrapper */
body.page-webhosting .whHero{
  padding: 22px 0 16px;
}

body.page-webhosting .whHeroGrid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  align-items: stretch;
}

/* LEFT card (light) */
body.page-webhosting .whHeroCard{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.60);
  box-shadow: 0 26px 80px rgba(0,0,0,.40);
  overflow: hidden;

  /* NOT gray: clean light w/ subtle aqua tint */
  background:
    radial-gradient(900px 520px at 14% 8%, rgba(70,230,255,.14), rgba(255,255,255,0) 58%),
    radial-gradient(900px 520px at 86% 92%, rgba(35,125,255,.10), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,250,255,.92));
  padding: 18px;
  color: rgba(8,20,43,.92); /* senin istediğin */
}

body.page-webhosting .whHeroCard a{
  color: rgba(8,20,43,.92);
}
body.page-webhosting .whHeroCard a:hover{
  color: rgba(8,20,43,.98);
}

/* Kicker / crumbs / title */
body.page-webhosting .whKicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(8,20,43,.10);
  color: rgba(8,20,43,.72);
  font-size: 13px;
}

body.page-webhosting .whKickerDot{
  width: 10px; height: 10px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(70,230,255,.95), rgba(35,125,255,.95));
  box-shadow: 0 0 0 3px rgba(70,230,255,.12);
}

body.page-webhosting .whCrumbs{
  margin-top: 10px;
  font-size: 12.5px;
  color: rgba(8,20,43,.62);
}

body.page-webhosting .whH1{
  margin: 10px 0 8px;
  font-size: clamp(40px, 5.2vw, 64px);
  line-height: 1.02;
  letter-spacing: -0.02em;
  color: rgba(8,20,43,.92);
}

body.page-webhosting .whLead{
  margin: 0 0 14px;
  max-width: 66ch;
  color: rgba(8,20,43,.68);
}

/* Checks */
body.page-webhosting .whChecks{
  list-style: none;
  padding: 0;
  margin: 0 0 14px;
  display: grid;
  gap: 10px;
}

body.page-webhosting .whChecks li{
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(8,20,43,.10);
  color: rgba(8,20,43,.82);
}

body.page-webhosting .whChecks i{
  color: rgba(35,125,255,.92);
}

/* CTAs */
body.page-webhosting .whCtas{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

body.page-webhosting .whCtas .btn{
  border-radius: 999px;
}

/* Ghost buttons on light card (fix contrast/hover clash) */
body.page-webhosting .whHeroCard .btn.btnGhost{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(8,20,43,.14);
  color: rgba(8,20,43,.86);
}
body.page-webhosting .whHeroCard .btn.btnGhost:hover{
  background: rgba(255,255,255,.92);
  border-color: rgba(8,20,43,.22);
  transform: translateY(-1px);
}

body.page-webhosting .whFine{
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(8,20,43,.68);
}

body.page-webhosting .whFine i{
  color: rgba(35,125,255,.92);
}

body.page-webhosting .whFootnotes{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(8,20,43,.58);
}

/* RIGHT stage */
body.page-webhosting .whStage{
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10, 14, 22, .35);
  box-shadow: 0 34px 110px rgba(0,0,0,.55);
  overflow: hidden;
  min-height: 420px;
  isolation: isolate;
}

body.page-webhosting .whStageBack{
  position: absolute;
  inset: -30%;
  background:
    radial-gradient(600px 420px at 70% 64%, rgba(35,125,255,.35), rgba(0,0,0,0) 62%),
    radial-gradient(680px 420px at 30% 20%, rgba(70,230,255,.28), rgba(0,0,0,0) 62%),
    conic-gradient(from 220deg, rgba(70,230,255,.18), rgba(35,125,255,.16), rgba(30,255,210,.12), rgba(70,230,255,.18));
  filter: blur(14px);
  opacity: .9;
  z-index: 0;
}

body.page-webhosting .whPanel{
  position: absolute;
  border-radius: 18px;
  background: rgba(10, 14, 22, .58);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  z-index: 2;
}

body.page-webhosting .whPanelCode{
  left: 26px; right: 26px; top: 26px;
  height: 220px;
  box-shadow: 0 26px 80px rgba(0,0,0,.40);
}

body.page-webhosting .whPanelTop{
  display: flex;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.page-webhosting .whDot{
  width: 9px; height: 9px; border-radius: 50%;
  background: rgba(255,255,255,.22);
}

body.page-webhosting .whCodeLines{
  padding: 14px;
  display: grid;
  gap: 10px;
}

body.page-webhosting .whLine{
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
}
body.page-webhosting .whLine.w1{ width: 62%; }
body.page-webhosting .whLine.w2{ width: 78%; }
body.page-webhosting .whLine.w3{ width: 54%; }
body.page-webhosting .whLine.w4{ width: 36%; }

/* Floating pills/buttons on stage */
body.page-webhosting .whFloat{
  position: absolute;
  z-index: 3;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 70px rgba(0,0,0,.45);
  text-decoration: none;
}

body.page-webhosting .whChip{
  right: 26px;
  top: 264px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
body.page-webhosting .whChip i{ color: rgba(70,230,255,.92); }

body.page-webhosting .whPill{
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* Docked pills (prevent overlap + allow wrapping) */
body.page-webhosting .whDock{
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  z-index: 4;
}

body.page-webhosting .whDock .whPill{
  position: relative;
  inset: auto;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  margin: 0;
  white-space: nowrap;
}

body.page-webhosting .whDock .whAdmin{
  margin-left: auto;
}

body.page-webhosting .whOpen{
  padding: 7px 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(35,125,255,.95), rgba(70,230,255,.90));
  color: rgba(10, 14, 22, .92);
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.18);
}
body.page-webhosting .whArrow{ opacity: .9; }

body.page-webhosting .whAdmin{
  border-radius: 18px;
  padding: 12px 14px;
}
body.page-webhosting .whAdmin span{
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,.72);
  margin-top: 2px;
}

body.page-webhosting .whBadge{
  left: 24px;
  bottom: 130px;
  padding: 14px 16px;
  transform: rotate(-10deg);
  background: linear-gradient(135deg, rgba(70,230,255,.18), rgba(35,125,255,.16));
}
body.page-webhosting .whBadgePct{
  font-weight: 900;
  font-size: 34px;
  line-height: 1;
  display: inline-block;
  margin-right: 8px;
}
body.page-webhosting .whBadgeTxt{
  font-weight: 800;
  font-size: 13px;
  opacity: .9;
}

/* price tag (decorative) */
body.page-webhosting .whPriceTag{
  position: absolute;
  top: 26px;
  right: 26px;
  z-index: 3;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10, 14, 22, .46);
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
body.page-webhosting .whPriceTag .k{ font-size: 12px; opacity: .78; margin-right: 6px; }
body.page-webhosting .whPriceTag .p{ font-weight: 900; font-size: 18px; }
body.page-webhosting .whPriceTag .m{ font-size: 12px; opacity: .80; margin-left: 6px; }

/* Responsive */
@media (max-width: 1020px){
  body.page-webhosting .whHeroGrid{ grid-template-columns: 1fr; }
  body.page-webhosting .whStage{ min-height: 360px; }
  body.page-webhosting .whChip{ top: 236px; }
}
@media (max-width: 560px){
  body.page-webhosting .whCtas .btn{ width: 100%; justify-content: center; }
  body.page-webhosting .whTesti{ display: none; } /* mobile’da kalabalık olmasın */
}

/* ==========================================================================
   domains/domain_registration.htm — Domain Registration Features (scoped)
   ========================================================================== */

body.page-domain-registration .domainRegHero{
  margin-top: 12px;
}

body.page-domain-registration .domainRegHero .heroBullets{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}

@media (max-width: 720px){
  body.page-domain-registration .domainRegHero .heroBullets{
    grid-template-columns: 1fr;
  }
}

body.page-domain-registration .domainRegHero .heroBullet{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.55);
}

body.page-domain-registration .domainRegHero .heroBullet:hover{
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.page-domain-registration .domainRegCta{
  margin-top: 12px;
  display:flex;
  justify-content:flex-start;
}

body.page-domain-registration .domainRegH2{
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -0.02em;
}

body.page-domain-registration .domainRegProse a[name],
body.page-domain-registration .domainRegProse [id]{
  scroll-margin-top: calc(var(--topPad) + 18px);
}

body.page-domain-registration .domainRegProse ul,
body.page-domain-registration .domainRegProse ol{
  margin: 0 0 12px;
  padding-left: 20px;
}

body.page-domain-registration .domainRegProse li{
  margin: 6px 0;
}

body.page-domain-registration .wmLegacyBox{
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

body.page-domain-registration .wmLegacyMoneyback img{
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   about.htm — About Us (scoped)
   ========================================================================== */

body.page-about .aboutShell{
  display:grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

@media (max-width: 980px){
  body.page-about .aboutShell{
    grid-template-columns: 1fr;
  }
}

body.page-about .aboutAside .sideTitle{
  margin: 0 0 10px;
  font-size: 16px;
  letter-spacing:-0.01em;
}

body.page-about .aboutJump{
  margin-top: 10px;
}

body.page-about .aboutJump select.input{
  width: 100%;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(8,20,43,.55) 50%),
    linear-gradient(135deg, rgba(8,20,43,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 38px;
}

body.page-about .aboutProse .about_inner{
  margin-top: 18px;
}

body.page-about .aboutProse .h_line{
  height: 1px;
  background: rgba(8,20,43,.10);
  margin: 10px 0 12px;
  border-radius: 999px;
}

body.page-about .aboutProse .about_inner2{
  margin: 0 0 6px;
}

body.page-about .aboutImgLeft{
  float:left;
  margin: 2px 14px 10px 0;
  border-radius: 16px;
  border: 1px solid rgba(8,20,43,.10);
  box-shadow: 0 10px 30px rgba(8,20,43,.10);
}

body.page-about .aboutImgSmall{
  border-radius: 14px;
}

@media (max-width: 720px){
  body.page-about .aboutImgLeft{
    float:none;
    display:block;
    margin: 0 0 12px 0;
    max-width: 100%;
    height: auto;
  }
}

/* banners.htm - Banners page */
body.page-banners .banHero{
  display:grid;
  grid-template-columns: 1fr 420px;
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}

body.page-banners .banTitle{
  margin: 10px 0 6px;
  font-size: clamp(28px, 4vw, 46px);
  letter-spacing: -0.7px;
  color: var(--navy);
}

body.page-banners .banLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 16px;
  max-width: 62ch;
}

body.page-banners .banAsideTitle{
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}

body.page-banners .banAsideText{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-banners .banIntro{ margin-top: 16px; }
body.page-banners .banIntro p{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 15px;
}

body.page-banners .banGroup{ margin-top: 26px; }
body.page-banners .banGroupHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.page-banners .banGroupTitle{
  margin: 0;
  font-size: 18px;
  letter-spacing: -.25px;
  color: var(--navy);
}

/* legacy <font> in headings: keep markup but visually align to theme */
body.page-banners .banGroupTitle font{ color: var(--navy); }

body.page-banners .banGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.page-banners .banGridText{
  grid-template-columns: 1fr;
}

body.page-banners .banItemGrid{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
  align-items: center;
}

body.page-banners .banPreview{
  display:grid;
  place-items:center;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.52);
  border: 1px dashed rgba(8,20,43,.16);
  min-height: 110px;
}

body.page-banners .banPreview img{
  max-width: 100%;
  height: auto;
  display:block;
}

body.page-banners .banTextPreview{
  text-align:center;
  word-break: break-word;
}

body.page-banners .banMeta{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 6px;
}

body.page-banners .banMeta b{
  color: var(--text);
  font-weight: 800;
}

body.page-banners textarea.t{
  width: 100%;
  max-width: 100%;
  resize: vertical;
  min-height: 90px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(8,20,43,.14);
  background: rgba(255,255,255,.78);
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.45;
  color: rgba(8,20,43,.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

body.page-banners textarea.t:focus{
  outline: none;
  box-shadow: var(--ring);
}

@media (max-width: 980px){
  body.page-banners .banHero{ grid-template-columns: 1fr; }
  body.page-banners .banGrid{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
  body.page-banners .banItemGrid{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  body.page-banners .banPreview{ min-height: 90px; }
}

/* control.php - Control Navigation */
body.page-control .ctrlHead{
  max-width: 860px;
  margin: 0 auto 18px;
  text-align: left;
}
body.page-control .ctrlGrid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: start;
}

body.page-control .ctrlCard{
  padding: 18px;
}
body.page-control .ctrlCardTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 12px;
}

body.page-control .ctrlNavGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.page-control .ctrlBtn{
  width: 100%;
  justify-content: space-between;
  padding: 14px 16px;
}
body.page-control .ctrlBtn i{
  opacity: .8;
}

body.page-control .ctrlBtnSubmit{
  border: 0;
}

body.page-control .ctrlHint{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

body.page-control .ctrlAside .inner{
  padding: 18px;
}
body.page-control .ctrlAsideTop{
  display:flex;
  gap: 12px;
  align-items:center;
}
body.page-control .ctrlAsideTitle{
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
  line-height: 1.1;
}
body.page-control .ctrlAsideSub{
  margin-top: 3px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.35;
}

body.page-control .ctrlIcann{
  margin-top: 14px;
  display:flex;
  justify-content:center;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
}
body.page-control .ctrlIcann img{
  max-width: 100%;
  height: auto;
}

body.page-control .ctrlAsideNote{
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

/* responsive */
@media (max-width: 900px){
  body.page-control .ctrlGrid{
    grid-template-columns: 1fr;
  }
  body.page-control .ctrlNavGrid{
    grid-template-columns: 1fr;
  }
}

/* =======================
   CONTACT.PHP (v2 layout fix)
   Scope: body.page-contact
   ======================= */

body.page-contact .wmContactHero{ padding: 22px; }
body.page-contact .wmContactHeroRow{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-top: 10px;
}
body.page-contact .wmContactTitle{ margin: 8px 0 0; }
body.page-contact .wmContactHeroImg{ width: 92px; height:auto; opacity:.95; }

body.page-contact .wmContactGrid{
  display:grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.35fr);
  gap: 18px;
  align-items:start;
  margin-top: 18px;
}

body.page-contact .wmContactCard{ padding: 22px; }
body.page-contact .wmContactInfo h2{ margin: 12px 0 0; font-size: 16px; color: var(--navy); }
body.page-contact .wmContactInfo h3{ margin: 6px 0 0 0; font-size: 14px; font-weight: 700; color: var(--muted); }
body.page-contact .wmContactInfo p{ margin: 14px 0 0; }
body.page-contact .wmContactInfo a{ text-decoration: underline; text-underline-offset: 3px; }

body.page-contact .title_blue{
  display:block;
  margin-top: 12px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
}
body.page-contact .content14{ color: var(--muted); font-size: 14px; line-height: 1.65; }
body.page-contact tc{ font-weight: 900; color: var(--navy); }
body.page-contact tcl{ font-weight: 900; color: var(--blue); }

body.page-contact .wmContactForm{ width:100%; }
body.page-contact .wmContactFormGrid{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 14px 16px;
  margin-top: 4px;
}
body.page-contact .wmSpan2{ grid-column: 1 / -1; }

body.page-contact .wmField{ min-width:0; }
body.page-contact .wmLabel{
  display:block;
  font-weight: 800;
  color: var(--navy);
  font-size: 13px;
  margin: 0 0 6px;
}

body.page-contact .wmLabelRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  flex-wrap: wrap;
}
body.page-contact .wmLabelRow .wmLabel{ margin:0; }

body.page-contact .wmRadioRow{
  display:flex;
  gap: 12px;
  align-items:center;
}
body.page-contact .wmRadio{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  font-weight: 700;
  color: var(--muted);
}
body.page-contact .wmRadio input{ transform: translateY(1px); }

body.page-contact input.signup_textbox4,
body.page-contact input.signup_textbox1,
body.page-contact select.contact_form_tab5,
body.page-contact textarea.textmonila_textbox_1,
body.page-contact input[type="file"].contact_form_tab5{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, .14);
  background: rgba(255,255,255,.92);
  box-shadow: 0 1px 0 rgba(15,23,42,.04);
  padding: 10px 12px;
  outline: none;
}

body.page-contact select.contact_form_tab5{
  height: 42px;
  font-size: 14px;
}

body.page-contact textarea.textmonila_textbox_1{
  min-height: 160px;
  resize: vertical;
}

body.page-contact input.signup_textbox4:focus,
body.page-contact input.signup_textbox1:focus,
body.page-contact select.contact_form_tab5:focus,
body.page-contact textarea.textmonila_textbox_1:focus,
body.page-contact input[type="file"].contact_form_tab5:focus{
  border-color: rgba(56, 189, 248, .65);
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .18);
}

body.page-contact .wmContactAttachments{ display:grid; gap: 10px; margin-top: 2px; }
body.page-contact .wmContactAttachment.is-hidden{ display:none; }

body.page-contact .wmContactActions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}

body.page-contact .minus_btn a,
body.page-contact .add_btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.62);
  color: var(--text);
  text-decoration:none;
  transition: transform .16s ease, background .2s ease;
}

body.page-contact .minus_btn a:hover,
body.page-contact .add_btn a:hover{ transform: translateY(-1px); }

body.page-contact .wmContactSend{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-left: auto;
}

@media (max-width: 980px){
  body.page-contact .wmContactGrid{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
  body.page-contact .wmContactFormGrid{ grid-template-columns: 1fr; }
  body.page-contact .wmLabelRow{ align-items:flex-start; }
}


/* =========================================================
   Customers (customers.htm)
   Scoped: body.page-customers
========================================================= */
body.page-customers .cuHero{ padding-top: 86px; }
body.page-customers .cuHeroGrid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: start;
}

body.page-customers .cuHeroCard{ padding: 22px; }
body.page-customers .cuCrumbs{
  margin-top: 10px;
  font-size: 13px;
  color: var(--muted2);
}
body.page-customers .cuCrumbs a{
  color: var(--muted);
}
body.page-customers .cuCrumbs a:hover{
  color: var(--text);
  text-decoration: underline;
}

body.page-customers .cuIntro .content14{
  display:block;
  color: var(--muted);
  line-height: 1.7;
  font-size: 15px;
  max-width: 86ch;
}

body.page-customers .cuAside .inner{ padding: 18px; }
body.page-customers .cuAsideTop{
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 10px 10px 2px;
}
body.page-customers .cuAsideTop img{
  max-width: 100%;
  height: auto;
}

body.page-customers .cuTocTitle{
  margin-top: 10px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
}
body.page-customers .cuToc{
  display:grid;
  gap: 8px;
  margin-top: 10px;
}
body.page-customers .cuTocLink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.60);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-customers .cuTocLink:hover{
  background: rgba(8,20,43,.05);
  color: var(--text);
  transform: translateY(-1px);
}

body.page-customers .cuAsideCtas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
body.page-customers .cuAsideCtas .btn{
  flex: 1 1 auto;
  justify-content: center;
}

body.page-customers .cuStack{ gap: 16px; }

body.page-customers .cuSection .inner{ padding: 18px; }

body.page-customers .customer_title{
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -.2px;
  font-size: 18px;
  margin: 2px 0 8px;
}
body.page-customers .customer_box2{
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.56);
  margin-bottom: 10px;
}
body.page-customers .customer_box2 .content14{
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}

body.page-customers .cuList{
  width: 100%;
  border-collapse: collapse;
}
body.page-customers .cuList td{
  padding: 10px 0;
  border-bottom: 1px solid var(--stroke);
  color: var(--text);
  line-height: 1.6;
}
body.page-customers .cuList tr:last-child td{
  border-bottom: 0;
}
body.page-customers .cuList img{
  vertical-align: middle;
  margin-right: 8px;
  transform: translateY(-1px);
}

body.page-customers .cuList a{
  color: var(--navy2);
  text-decoration: underline;
  text-decoration-color: rgba(8,20,43,.22);
  text-underline-offset: 2px;
}
body.page-customers .cuList a:hover{
  text-decoration-color: rgba(29,78,216,.55);
}

body.page-customers .cuFinePrint{
  margin-top: 10px;
  color: var(--muted2);
  font-size: 13px;
}

body.page-customers .cuLinks{
  margin-top: 12px;
  color: var(--muted);
}
body.page-customers .cuLinks a{
  color: var(--navy2);
  text-decoration: underline;
  text-decoration-color: rgba(8,20,43,.22);
  text-underline-offset: 2px;
}
body.page-customers .cuLinks a:hover{
  text-decoration-color: rgba(29,78,216,.55);
}

/* Testimonials: make the legacy table read like quotes */
body.page-customers .cuTestimonials .cuList td i{
  display:block;
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted);
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.54);
  border: 1px solid var(--stroke);
}
body.page-customers .cuTestimonials .cuList td b{
  display:block;
  margin-top: 10px;
  color: var(--navy);
}
body.page-customers .cuTestimonials .cuList td{
  border-bottom: 0; /* legacy spacing rows already exist */
  padding: 0;
}

/* Responsive */
@media (max-width: 980px){
  body.page-customers .cuHeroGrid{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  body.page-customers .cuAsideCtas .btn{ width: 100%; }
  body.page-customers .customer_box2{ padding: 12px; }
}

/* ==========================================================================
   Data Center (v2) — page-only (scoped)
   Append at end of assets/site.css
   ========================================================================== */

body.page-data-center .dcHero { padding-bottom: 34px; }
body.page-data-center .dcHeroGrid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: stretch;
}

body.page-data-center .dcHeroCard .inner{ padding: 22px; }
body.page-data-center .dcBadge{ margin-bottom: 10px; }
body.page-data-center .dcCrumbs{ margin-top: 6px; }
body.page-data-center .dcH1{ margin-top: 10px; }
body.page-data-center .dcLead{ margin-bottom: 0; }

body.page-data-center .dcStatGrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
body.page-data-center .dcStat{
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  padding: 12px 12px;
}
body.page-data-center .dcStatK{
  font-size: 12px;
  color: var(--muted2);
  margin-bottom: 6px;
  font-weight: 800;
  letter-spacing: -.01em;
}
body.page-data-center .dcStatV{
  font-family: var(--mono);
  font-size: 13px;
  color: var(--navy);
  font-weight: 800;
}

body.page-data-center .dcHeroActions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
body.page-data-center .dcFine{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.5;
}

body.page-data-center .dcToc .inner{ padding: 18px; }
body.page-data-center .dcTocTitle{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight: 900;
  letter-spacing: -.02em;
  margin-bottom: 10px;
}
body.page-data-center .dcTocList{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}
body.page-data-center .dcTocList li{ margin: 7px 0; }
body.page-data-center .dcTocList a{ text-decoration: none; }
body.page-data-center .dcTocList a:hover{ text-decoration: underline; }

body.page-data-center .dcMain{ padding-top: 20px; }
body.page-data-center .dcContentGrid{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap: 18px;
  align-items: start;
}

body.page-data-center .dcArticle .inner{ padding: 22px; }
body.page-data-center .dcProse{ color: rgba(0,0,0,.82); }

body.page-data-center .dcLegacyTitle{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid var(--stroke);
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
}

body.page-data-center .dcAnchor{ height: 0; }

body.page-data-center hr{
  border: 0;
  height: 1px;
  background: rgba(8,20,43,.14);
  margin: 14px 0;
}

body.page-data-center a[name],
body.page-data-center [id]{
  scroll-margin-top: 118px;
}

/* Icon "photo" replacements (no legacy images) */
body.page-data-center .dcPhoto{
  display:inline-grid;
  place-items:center;
  width: min(520px, 100%);
  height: 210px;
  border-radius: 22px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow2);
  font-size: 68px;
  color: rgba(8,20,43,.78);
}
body.page-data-center .dcPhoto--short{
  height: 140px;
  font-size: 58px;
}

/* Side cards */
body.page-data-center .dcAside{ display:grid; gap: 16px; }
body.page-data-center .dcSideCard .inner{ padding: 18px; }
body.page-data-center .dcSideTitle{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight: 900;
  letter-spacing: -.02em;
  color: var(--navy);
  margin-bottom: 10px;
}
body.page-data-center .dcSideText{
  color: rgba(0,0,0,.82);
  line-height: 1.6;
  font-size: 14px;
}
body.page-data-center .dcSideMeta{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.5;
}
body.page-data-center .dcQuickLinks{
  display:grid;
  gap: 10px;
}
body.page-data-center .dcQuickLinks .btn{
  justify-content:flex-start;
}

/* Responsive */
@media (max-width: 980px){
  body.page-data-center .dcHeroGrid{ grid-template-columns: 1fr; }
  body.page-data-center .dcContentGrid{ grid-template-columns: 1fr; }
  body.page-data-center .dcStatGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  body.page-data-center .dcStatGrid{ grid-template-columns: 1fr; }
}

/* -------------------------------------------------
   Page: Disk Space (disk_space.htm)
-------------------------------------------------- */
body.page-disk-space .dsMain{ padding-top: calc(var(--topPad) + 10px); }
body.page-disk-space .dsSection{ padding: 56px 0; }

body.page-disk-space .dsShell{
  padding: 18px;
}

body.page-disk-space .dsTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  padding: 10px 8px 16px;
}

body.page-disk-space .dsTitle{
  display:flex;
  align-items:center;
  gap: 12px;
}

body.page-disk-space .dsTitleText{ min-width: 0; }

body.page-disk-space .dsKicker{
  font-size: 12px;
  color: var(--muted2);
  letter-spacing: .2px;
  margin-bottom: 2px;
}

body.page-disk-space .dsH1{
  margin: 0;
  font-size: 26px;
  letter-spacing: -0.4px;
  color: var(--navy);
  line-height: 1.12;
}

body.page-disk-space .dsTopActions{ display:flex; gap:10px; flex-wrap:wrap; }

body.page-disk-space .dsCard{ margin-top: 8px; }
body.page-disk-space .dsCard .inner{ padding: 18px 18px 16px; }

body.page-disk-space .dsProse{
  color: rgba(0,0,0,.82);
  line-height: 1.75;
  font-size: 14px;
}

body.page-disk-space .dsProse p{ margin: 0 0 12px; }
body.page-disk-space .dsProse a{ color: rgba(0,0,0,.92); font-weight: 800; }

body.page-disk-space .dsH2{
  margin: 16px 0 10px;
  font-size: 13px;
  letter-spacing: .5px;
  color: rgba(13,30,63,.95);
  text-transform: uppercase;
}

body.page-disk-space .dsQuote{
  margin: 0 0 12px;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.65);
}

body.page-disk-space .dsQuote i{ color: rgba(8,20,43,.80); }

body.page-disk-space .dsLegacy{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--stroke);
}

body.page-disk-space .dsLegacyCopyright{
  margin: 8px 0 0;
  color: var(--muted2);
  font-size: 12px;
}

body.page-disk-space .dsLegacyClose{ margin: 10px 0 0; }
body.page-disk-space .dsLegacyLink{
  display:inline-block;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.55);
}

body.page-disk-space .dsBottomActions{
  display:flex;
  justify-content:center;
  margin-top: 14px;
}

/* Popup-friendly mode (when opened via window.open) */
body.page-disk-space.wmPopup .navWrap,
body.page-disk-space.wmPopup footer{
  display:none;
}
body.page-disk-space.wmPopup .dsMain{ padding-top: 18px; }
body.page-disk-space.wmPopup .dsSection{ padding: 22px 0; }

@media (max-width: 720px){
  body.page-disk-space .dsTop{
    flex-direction: column;
    align-items: flex-start;
  }
  body.page-disk-space .dsTopActions{ width:100%; }
  body.page-disk-space .dsCloseBtn{ width:100%; justify-content:center; }
  body.page-disk-space .dsH1{ font-size: 24px; }
}

/* -------------------------------------------------
   Page: Dreamweaver (dreamweaver.htm)
-------------------------------------------------- */
body.page-dreamweaver .dwvPage{
  padding-bottom: 84px;
}

body.page-dreamweaver .dwvHero{
  padding: 54px 0 18px;
}

body.page-dreamweaver .dwvHeroGrid{
  display: grid;
  gap: 16px;
  grid-template-columns: 1.55fr .85fr;
  align-items: stretch;
}

@media (max-width: 980px){
  body.page-dreamweaver .dwvHeroGrid{
    grid-template-columns: 1fr;
  }
}

body.page-dreamweaver .dwvHeroCard{
  overflow: hidden;
}

body.page-dreamweaver .dwvKicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  border: 1px solid var(--stroke);
}

body.page-dreamweaver .title_blue{
  display: block;
  margin: 12px 0 6px;
  color: var(--navy);
  letter-spacing: -.7px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.08;
}

body.page-dreamweaver .title_blue strong{
  font-weight: 950;
}

body.page-dreamweaver .dwvLead{
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.75;
  max-width: 70ch;
  font-size: 15px;
}

body.page-dreamweaver .dwvChips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

body.page-dreamweaver .dwvChip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
}

body.page-dreamweaver .dwvSideTitle{
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
  margin-bottom: 10px;
}

body.page-dreamweaver .dwvSideLink{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.52);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
  margin-top: 10px;
}

body.page-dreamweaver .dwvSideLink:hover{
  background: rgba(8,20,43,.05);
  color: var(--text);
  transform: translateY(-1px);
}

body.page-dreamweaver .dwvBody{
  padding: 16px 0 0;
}

body.page-dreamweaver .dwvArticle .inner{
  padding: 22px;
}

@media (max-width: 640px){
  body.page-dreamweaver .dwvArticle .inner{
    padding: 16px;
  }
}

body.page-dreamweaver .content14{
  display: block;
  color: var(--text);
  font-size: 15px;
  line-height: 1.8;
}

body.page-dreamweaver .content14 p{
  margin: 0 0 14px;
}

body.page-dreamweaver .content14 b{
  color: var(--navy);
}

body.page-dreamweaver .content14 img{
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.72);
  padding: 10px;
  box-shadow: 0 16px 44px rgba(8,20,43,.10);
}

body.page-dreamweaver .testm_work_top{
  margin-top: 10px;
}

body.page-dreamweaver .signup_btm{
  height: 1px;
}

/* ================================
   Page: Eudora (eudora.htm)
================================ */
body.page-eudora .eudoraHero { padding-bottom: 26px; }
body.page-eudora .eudoraHeroGrid{
  display:grid;
  grid-template-columns: 1.3fr .7fr;
  gap:16px;
  align-items:stretch;
}
body.page-eudora .eudoraHeroCard{ padding: 28px; }

body.page-eudora .eudoraKicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: var(--muted);
}
body.page-eudora .eudoraKicker i{ color: var(--cyan); }

body.page-eudora .eudoraCrumbs{
  margin-top: 10px;
  font-size:13px;
  color: var(--muted2);
}
body.page-eudora .eudoraCrumbs a:hover{ text-decoration: underline; }

body.page-eudora .eudoraH1{
  margin: 10px 0 0;
  font-size: 44px;
  line-height:1.05;
  letter-spacing:-.8px;
  color: var(--navy);
}
body.page-eudora .eudoraLead{
  margin: 12px 0 0;
  color: var(--muted);
  line-height:1.7;
  max-width: 72ch;
}
body.page-eudora .eudoraChips{ margin-top: 18px; }
body.page-eudora .eudoraChips .chip i{ color: var(--navy2); opacity:.9; }

body.page-eudora .eudoraSide .inner{ padding: 18px; }
body.page-eudora .eudoraSideTitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color: var(--navy);
  margin-bottom: 10px;
}
body.page-eudora .eudoraSideTitle i{ color: var(--blue); }

body.page-eudora .eudoraMiniList{
  margin:0;
  padding-left: 18px;
  color: var(--muted);
  line-height:1.7;
}
body.page-eudora .eudoraMiniList li{ margin: 6px 0; }

body.page-eudora .eudoraHint{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
  line-height:1.6;
}

body.page-eudora .eudoraBody{ padding-top: 8px; }

body.page-eudora .title_blue{
  display:inline-block;
  margin-bottom: 14px;
  font-size: 18px;
  color: var(--navy);
}

body.page-eudora .eudoraProse{ margin-top: 10px; }
body.page-eudora .eudoraProse p{
  margin: 12px 0;
  color: var(--text);
  line-height:1.75;
}
body.page-eudora .eudoraProse blockquote{
  margin: 10px 0;
  padding-left: 14px;
  border-left: 3px solid rgba(20,184,166,.35);
}
body.page-eudora .eudoraProse ul{ margin: 8px 0; padding-left: 20px; }
body.page-eudora .eudoraProse li{ margin: 6px 0; }

body.page-eudora .eudoraProse a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-eudora .eudoraShot{ margin: 18px 0 10px; }
body.page-eudora .eudoraShot img{ display:none; }
body.page-eudora .eudoraShotPh{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow2);
  color: var(--muted);
}
body.page-eudora .eudoraShotPh i{ font-size: 18px; color: var(--muted2); }

body.page-eudora .eudoraCallout{
  margin: 14px 0;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.62);
}
body.page-eudora .eudoraCallout--important{
  border-color: rgba(29,78,216,.25);
  background: rgba(29,78,216,.06);
}

@media (max-width: 940px){
  body.page-eudora .eudoraHeroGrid{ grid-template-columns: 1fr; }
  body.page-eudora .eudoraH1{ font-size: 38px; }
}
@media (max-width: 560px){
  body.page-eudora .eudoraHeroCard{ padding: 20px; }
  body.page-eudora .eudoraH1{ font-size: 32px; }
}

/* ================================
   Do It Yourself (doit.htm)
   ================================ */
body.page-doit .wmDoitPage { padding-top: 18px; padding-bottom: 26px; }

body.page-doit .wmDoitHero { margin-bottom: 18px; }
body.page-doit .wmDoitHeroCard { padding: 22px; overflow: hidden; }
body.page-doit .wmDoitHeroGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 18px;
  align-items: start;
}
body.page-doit .wmDoitHeroTitle { margin: 10px 0 8px; line-height: 1.08; letter-spacing: -0.4px; }
body.page-doit .wmDoitHeroLead { margin: 0; max-width: 62ch; color: var(--muted); }

body.page-doit .wmDoitHeroLinks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
body.page-doit .wmDoitQuickLink {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  text-decoration: none;
  color: var(--navy);
}
body.page-doit .wmDoitQuickLink i { opacity: .9; }
body.page-doit .wmDoitQuickLink:hover { background: rgba(255,255,255,.75); }

body.page-doit .wmDoitHeroCtas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

body.page-doit .wmDoitJumpCard { padding: 16px; border-radius: 18px; }
body.page-doit .wmDoitJumpKicker { font-weight: 800; color: var(--navy); margin-bottom: 10px; letter-spacing: .2px; }
body.page-doit .wmDoitJumpHint { margin-top: 10px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; }

body.page-doit .webdesign_title { display: flex; flex-direction: column; gap: 12px; }
body.page-doit .webdesign_content1 strong { font-size: 22px; letter-spacing: -0.2px; color: var(--navy); }
body.page-doit .form_holder { margin: 0; }
body.page-doit .form_holder select {
  width: 100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.85);
}

body.page-doit .wmDoitLayout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

body.page-doit .wmDoitSideCard { padding: 16px; border-radius: 18px; }
body.page-doit .wmDoitSideNav { margin-top: 12px; display: grid; gap: 10px; }
body.page-doit .inner_subnav_btn_gap { margin: 0; }
body.page-doit .inner_subnav_btn a,
body.page-doit .inner_subnav_btnup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  text-decoration: none;
  color: var(--navy);
  font-weight: 700;
}
body.page-doit .inner_subnav_btn a:hover { background: rgba(255,255,255,.75); }
body.page-doit .inner_subnav_btnup { background: rgba(8,20,43,.08); }

body.page-doit .wmDoitGuarantee {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(8,20,43,.05);
}
body.page-doit .wmDoitGuaranteeIcon { width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center; border: 1px solid var(--stroke); background: rgba(255,255,255,.55); }
body.page-doit .wmDoitGuaranteeTitle { font-weight: 800; color: var(--navy); }
body.page-doit .wmDoitGuaranteeText { color: var(--muted); font-size: 13px; margin-top: 2px; }

body.page-doit .inner_control_panel,
body.page-doit .inner_top10 {
  margin-top: 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
}
body.page-doit .inner_control_panel a,
body.page-doit .inner_top10 a { color: var(--link); text-decoration: none; }
body.page-doit .inner_control_panel a:hover,
body.page-doit .inner_top10 a:hover { text-decoration: underline; }

body.page-doit .wmDoitContentCard { padding: 18px; border-radius: 18px; }
body.page-doit .h_line { height: 1px; background: var(--stroke); margin: 14px 0; }
body.page-doit .text_blk_11 { color: var(--text); font-size: 14px; line-height: 1.7; }
body.page-doit .text_arial15 { font-size: 18px; color: var(--navy); }
body.page-doit .text2_arial15 { font-size: 15px; color: var(--muted); }
body.page-doit .text_arial12 { font-size: 13px; color: var(--navy); }

body.page-doit ul#faq1 { margin: 10px 0 0 18px; padding: 0; }
body.page-doit li.faq2 { margin: 8px 0; }

body.page-doit a.more_info {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  text-decoration: none;
}
body.page-doit a.more_info:hover { background: rgba(255,255,255,.75); }

@media (max-width: 980px) {
  body.page-doit .wmDoitHeroGrid { grid-template-columns: 1fr; }
  body.page-doit .wmDoitHeroLinks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-doit .wmDoitLayout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body.page-doit .wmDoitHeroLinks { grid-template-columns: 1fr; }
}

body.page-doit .wmDoitPage{
  padding-top: 110px; /* clears fixed nav */
}

body.page-doit [id],
body.page-doit a[name]{
  scroll-margin-top: 110px; /* anchor jumps won't hide under nav */
}

@media (max-width: 980px){
  body.page-doit .wmDoitPage{ padding-top: 100px; }
  body.page-doit [id],
  body.page-doit a[name]{ scroll-margin-top: 100px; }
}


/* =========================
   FAQ (faq.htm)
   ========================= */
body.page-faq .faqHeroGrid{
  display:grid;
  grid-template-columns: 1.5fr .9fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  body.page-faq .faqHeroGrid{ grid-template-columns: 1fr; }
}

body.page-faq .faqIntro .inner,
body.page-faq .faqJump .inner,
body.page-faq .faqSection .inner,
body.page-faq .faqSide .inner{
  padding:22px;
}

body.page-faq .about_inner3{ margin:0 0 10px; }
body.page-faq .title_blue{
  display:block;
  font-size:40px;
  line-height:1.05;
  letter-spacing:-.7px;
  color: var(--navy);
}
@media (max-width: 620px){
  body.page-faq .title_blue{ font-size:30px; }
}

body.page-faq .content14{
  font-size:15px;
  line-height:1.7;
  color: var(--muted);
}
body.page-faq .faq_nav,
body.page-faq a.content14{
  color: var(--navy2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-faq .faq_nav:hover,
body.page-faq a.content14:hover{
  color: var(--cyan);
}

body.page-faq .faqIntroText img{
  float:left;
  margin:2px 14px 10px 0;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
  width:150px;
  height:auto;
}
@media (max-width: 620px){
  body.page-faq .faqIntroText img{
    float:none;
    width:min(260px, 100%);
    margin:0 0 12px;
  }
}

body.page-faq .faqJumpTitle{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:900;
  color: var(--navy);
  margin-bottom:12px;
}
body.page-faq .about_inner4{ margin:0; }
body.page-faq .faqJump select{
  width:100%;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-weight:700;
}
body.page-faq .faqJumpActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
body.page-faq .faqHint{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
  font-size:13px;
  color: var(--muted);
}

body.page-faq .faqLayout{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  body.page-faq .faqLayout{ grid-template-columns: 1fr; }
}

body.page-faq .faqSide{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 18px);
}
@media (max-width: 980px){
  body.page-faq .faqSide{ position: static; }
}

body.page-faq .faqSideTitle{
  font-weight:900;
  color: var(--navy);
  margin-bottom:10px;
}
body.page-faq .faqSideLink{
  display:flex;
  gap:10px;
  align-items:center;
  padding:10px 10px;
  border-radius:14px;
  color: var(--navy2);
  text-decoration:none;
  font-weight:800;
}
body.page-faq .faqSideLink:hover{
  background: rgba(20,184,166,.10);
}
body.page-faq .faqSideDivider{
  height:1px;
  background: rgba(0,0,0,.08);
  margin:10px 0;
}

body.page-faq #Top,
body.page-faq #New,
body.page-faq #Existing{
  scroll-margin-top: calc(var(--stickyHeaderH, 0px) + 18px);
}

body.page-faq .h_line{
  height:1px;
  background: rgba(0,0,0,.10);
  margin:14px 0 18px;
}

body.page-faq .about_inner2{ margin:0 0 10px; }
body.page-faq .question{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:10px;
  margin-right:10px;
  background: rgba(29,78,216,.10);
  color: var(--navy2);
  font-weight:900;
  vertical-align:middle;
}

body.page-faq .about_inner5{
  font-weight:900;
  color: var(--navy);
  margin:0 0 6px;
}
body.page-faq .about_inner6{
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background: rgba(0,0,0,.02);
  color: var(--muted);
}

body.page-faq ul[id^="faq"]{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
body.page-faq ul[id^="faq"] li{
  position:relative;
  padding-left:24px;
}
body.page-faq ul[id^="faq"] li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  font-weight:900;
  color: var(--cyan);
}
body.page-faq .faq2{ margin:0; }

/* ==========================================================================
   Using Fetch (fetch.htm)
   Scope: body.page-fetch
   ========================================================================== */

body.page-fetch .wmFetchHero{ margin-top: 18px; }
body.page-fetch .wmFetchHero__inner{
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items:center;
  padding: 22px;
}
body.page-fetch .wmFetchHero__actions{
  display:flex;
  gap: 10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

body.page-fetch .wmFetchH1{
  margin: 10px 0 6px;
  font-size: 38px;
  letter-spacing: -.6px;
  color: var(--navy);
  line-height: 1.08;
}
body.page-fetch .wmFetchLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

body.page-fetch .wmFetchLayout{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 16px;
  align-items:start;
}

body.page-fetch .wmFetchSide .inner{ padding: 18px; }
body.page-fetch .wmFetchSide__title{
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
}
body.page-fetch .wmFetchSide__nav{
  margin-top: 10px;
  display:grid;
  gap: 8px;
}
body.page-fetch .wmFetchSide__nav a{
  display:block;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-fetch .wmFetchSide__nav a:hover{
  background: rgba(8,20,43,.06);
  color: var(--text);
  transform: translateY(-1px);
}

body.page-fetch .wmFetchSide__tip{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px dashed var(--stroke2);
}
body.page-fetch .wmFetchSide__tip .tag{ display:inline-flex; gap:8px; align-items:center; }
body.page-fetch .wmFetchSide__tip p{
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

body.page-fetch .wmFetchMain .inner{ padding: 22px; }

body.page-fetch .wmFetchLegacy p{
  margin: 0 0 12px;
  line-height: 1.72;
}
body.page-fetch .wmFetchLegacy ul{
  margin: 0 0 12px 20px;
  padding: 0;
  color: var(--muted);
  line-height: 1.72;
}
body.page-fetch .wmFetchLegacy li{ margin: 6px 0; }
body.page-fetch .wmFetchLegacy b{ color: var(--navy); }

body.page-fetch .wmFetchBlock{
  padding: 16px 0;
  border-top: 1px solid var(--stroke);
}
body.page-fetch .wmFetchBlock:first-child{
  border-top: 0;
  padding-top: 0;
}

body.page-fetch .wmFetchLegacy p[align="center"]{ margin: 14px 0 16px; }
body.page-fetch .wmFetchLegacy img{
  display:block;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.70);
  box-shadow: 0 16px 42px rgba(8,20,43,.10);
}

@media (max-width: 980px){
  body.page-fetch .wmFetchLayout{ grid-template-columns: 1fr; }
  body.page-fetch .wmFetchHero__inner{ grid-template-columns: 1fr; }
  body.page-fetch .wmFetchHero__actions{ justify-content:flex-start; }
}

@media (max-width: 520px){
  body.page-fetch .wmFetchH1{ font-size: 30px; }
}

/* =========================================================
   Page: GoLive (golive.htm)
   Scoped styles only
   ========================================================= */
body.page-golive .glHeroGrid{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap:16px;
  align-items:stretch;
}

body.page-golive .glHeroCard{
  padding: 18px;
}

body.page-golive .glHeroHead{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

body.page-golive .glHeroIcon{
  width:54px;
  height:54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  box-shadow: var(--shadow2);
  color: var(--navy2);
  flex: 0 0 auto;
}

body.page-golive .glHeroIcon i{
  font-size: 22px;
}

body.page-golive .glKicker{
  margin: 2px 0 6px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted2);
}

body.page-golive .glH1{
  margin: 0 0 8px;
  font-size: clamp(28px, 3.2vw, 42px);
  letter-spacing: -.03em;
  line-height: 1.05;
  color: var(--navy);
}

body.page-golive .glLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  max-width: 70ch;
}

body.page-golive .glHeroActions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 16px;
}

body.page-golive .glSideCard .inner{
  padding: 18px;
}

body.page-golive .glSideTop{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom: 10px;
}

body.page-golive .glMiniIcon{
  width:40px;
  height:40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}

body.page-golive .glMiniIcon i{font-size: 16px;}

body.page-golive .glSideTitle{
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--navy);
  line-height: 1.1;
}

body.page-golive .glSideSub{
  margin-top: 2px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.3;
}

body.page-golive .glBullets{
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}

body.page-golive .glContentGrid{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap:16px;
  align-items:start;
}

body.page-golive .glArticle .inner{
  padding: 18px;
}

body.page-golive .glProse p{
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 15px;
}

body.page-golive .glProse b{
  color: var(--text);
}

body.page-golive .glProse a{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-color: rgba(29,78,216,.28);
  text-underline-offset: 3px;
}

body.page-golive .glProse a:hover{
  text-decoration-color: rgba(29,78,216,.55);
}

body.page-golive .glAside .inner{
  padding: 18px;
}

body.page-golive .glAsideHead{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom: 10px;
}

body.page-golive .glAsideTitle{
  font-weight: 900;
  letter-spacing: -.01em;
  color: var(--navy);
  line-height: 1.1;
}

body.page-golive .glAsideSub{
  margin-top: 2px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.3;
}

body.page-golive .glAsideLinks{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top: 12px;
}

body.page-golive .glAsideLink{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}

body.page-golive .glAsideLink:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  color: var(--text);
}

body.page-golive .glAsideLink i{
  color: var(--muted2);
}

body.page-golive .glAsideNote{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height: 1.55;
  font-size: 13px;
}

@media (max-width: 960px){
  body.page-golive .glHeroGrid,
  body.page-golive .glContentGrid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Knowledge Base (knowledge_base.php)
   Scoped: body.page-knowledge-base
========================================================= */
body.page-knowledge-base .kbHero{
  padding: 28px 0 10px;
}
body.page-knowledge-base .kbHeroCard{
  padding: 22px;
}
body.page-knowledge-base .kbHeroGrid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items:start;
}
body.page-knowledge-base .kbTitle{
  margin: 10px 0 10px;
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: -0.6px;
  color: var(--navy);
}
body.page-knowledge-base .kbIntroText{
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
  max-width: 92ch;
}
body.page-knowledge-base .kbHeroSide{
  display:flex;
  flex-direction:column;
  gap: 14px;
  align-items:flex-end;
  justify-content:flex-start;
}
body.page-knowledge-base .kbHeroIcon{
  width: 72px;
  height: 72px;
  border-radius: 22px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  box-shadow: 0 18px 46px rgba(8,20,43,.10);
}
body.page-knowledge-base .kbHeroIcon i{
  font-size: 26px;
}
body.page-knowledge-base .kbHeroMini{
  width: 100%;
  max-width: 340px;
  border-radius: var(--r);
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  padding: 12px 12px;
}
body.page-knowledge-base .kbHeroMiniRow{
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 8px 8px;
  border-radius: 14px;
  color: var(--muted);
}
body.page-knowledge-base .kbHeroMiniRow i{
  color: var(--navy2);
  width: 18px;
  text-align:center;
}
body.page-knowledge-base .kbHeroMiniRow + .kbHeroMiniRow{
  border-top: 1px solid rgba(8,20,43,.08);
}

body.page-knowledge-base .kbSection{
  padding-top: 38px;
}
body.page-knowledge-base .kbShell{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items:start;
}

/* Card headers */
body.page-knowledge-base .kbCardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
}
body.page-knowledge-base .kbCardHead h2{
  margin:0;
  font-size: 18px;
  letter-spacing: -0.2px;
  color: var(--navy);
}
body.page-knowledge-base .kbGuide,
body.page-knowledge-base .kbSearch{
  overflow: visible;
}
body.page-knowledge-base .kbGuide{
  position: sticky;
  top: calc(var(--wm-header-offset, 0px) + 18px);
}

/* Topic grid */
body.page-knowledge-base .kbTopicGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  padding: 10px 10px 14px;
  border-radius: var(--r);
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
}
body.page-knowledge-base .kbTopicCol{
  line-height: 1.9;
}
body.page-knowledge-base .kbCatLink{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
body.page-knowledge-base .kbCatLink:hover{
  transform: translateY(-1px);
  background: rgba(8,20,43,.05);
  color: var(--text);
  border-color: rgba(8,20,43,.10);
}
body.page-knowledge-base .kbCatLink.isActive{
  background: rgba(20,184,166,.14);
  border-color: rgba(20,184,166,.30);
  color: var(--navy);
  box-shadow: var(--ring);
}

/* Panels */
body.page-knowledge-base .kbPanels{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(8,20,43,.10);
}
body.page-knowledge-base .kbPanel{
  display:none;
}
body.page-knowledge-base .kbPanel.isActive{
  display:block;
}
body.page-knowledge-base .kbPanel p{
  margin: 0 0 10px;
}
body.page-knowledge-base .kbPanel ul{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.6;
}
body.page-knowledge-base .kbPanel li{
  margin: 8px 0;
}
body.page-knowledge-base .kbPanel a{
  color: var(--navy2);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-knowledge-base .kbPanel a:hover{
  color: var(--blue);
}

/* Legacy classes used in $Out */
body.page-knowledge-base .title_blue{
  color: var(--navy);
}
body.page-knowledge-base .attn{
  color: rgba(200,35,35,.92);
}
body.page-knowledge-base .content14{
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

/* Search table */
body.page-knowledge-base .kbSearchBody{
  border-radius: var(--r);
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
  padding: 12px;
}
body.page-knowledge-base .kbResultsTable{
  width: 100%;
}
body.page-knowledge-base .kbResultsTable td{
  vertical-align: top;
  font-size: 14px;
  color: var(--muted);
}
body.page-knowledge-base .kbLabel{
  white-space: nowrap;
  padding-right: 10px;
}
body.page-knowledge-base .kbInput{
  width: 100%;
}

/* Make old "send_btn" look like modern button */
body.page-knowledge-base .send_btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--gradA);
  color: #fff;
  border: 0;
  box-shadow: 0 18px 46px rgba(29,78,216,.18);
  transition: transform .16s ease, box-shadow .2s ease, filter .2s ease;
}
body.page-knowledge-base .send_btn a:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 56px rgba(29,78,216,.22);
  filter: saturate(1.05);
}
body.page-knowledge-base .send_btn a i{
  opacity: .95;
}

/* Responsive */
@media (max-width: 980px){
  body.page-knowledge-base .kbHeroGrid{
    grid-template-columns: 1fr;
  }
  body.page-knowledge-base .kbHeroSide{
    align-items: flex-start;
  }
  body.page-knowledge-base .kbShell{
    grid-template-columns: 1fr;
  }
  body.page-knowledge-base .kbGuide{
    position: static;
  }
  body.page-knowledge-base .kbTopicGrid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Knowledge Base (knowledge_base_orig.php)
   Scoped: body.page-kb
========================================================= */
body.page-kb .kbHero{
  padding: 56px 0 44px;
}

body.page-kb .kbHeroGrid{
  display:grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 22px;
  align-items:start;
}

@media (max-width: 980px){
  body.page-kb .kbHeroGrid{grid-template-columns: 1fr;}
}

body.page-kb .kbTitle{
  margin: 12px 0 10px;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.8px;
  color: var(--navy);
}

body.page-kb .title_blue strong{
  color: var(--navy);
}

body.page-kb .kbIntro .content14{
  display:block;
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 70ch;
}

body.page-kb .kbCard{
  padding: 18px;
}

body.page-kb .kbCardTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}

body.page-kb .kbCardLead{
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

body.page-kb .kbTableWrap{
  margin-top: 6px;
}

body.page-kb .kbTable{
  width:100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

body.page-kb .kbTable td{
  font-size: 14px;
  line-height: 1.55;
  color: var(--text);
}

body.page-kb .kbLabel{
  color: var(--muted);
  font-weight: 700;
  padding-right: 10px;
  white-space:nowrap;
}

@media (max-width: 520px){
  body.page-kb .kbLabel{white-space:normal;}
}

body.page-kb .kbField .input{
  width:100%;
}

body.page-kb .send_btn a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Results styling (generated inside $Out) */
body.page-kb .kbTable .content14{
  color: var(--text);
}

body.page-kb .kbTable p{
  margin: 10px 0;
  color: var(--muted);
}

body.page-kb .kbTable p b,
body.page-kb .kbTable p i,
body.page-kb .kbTable p font{
  color: inherit;
}

body.page-kb .kbTable ol{
  margin: 12px 0;
  padding-left: 22px;
}

body.page-kb .kbTable li{
  margin: 0 0 10px 0;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(8,20,43,.07);
}

body.page-kb .kbTable li b a{
  color: var(--navy);
}

body.page-kb .kbTable li b a:hover{
  text-decoration: underline;
}

body.page-kb .kbTable a{
  color: var(--blue);
}

body.page-kb .kbTable a:hover{
  text-decoration: underline;
}

/* PRINT button (generated inside $Out) */
body.page-kb .kbTable .send_btn a{
  border: 0;
}

/* Lower info grid */
body.page-kb .kbInfoGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 980px){
  body.page-kb .kbInfoGrid{grid-template-columns: 1fr;}
}

body.page-kb .kbH2{
  margin: 0 0 8px;
  font-size: 16px;
  letter-spacing: -0.2px;
  color: var(--navy);
}

body.page-kb .kbP{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-kb .kbList{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}

body.page-kb .kbActions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 12px;
}

/* ================================
   Page: Legal Notice (legal.htm)
   Scope: body.page-legal
================================ */

body.page-legal .lg-section{
  padding-top: clamp(28px, 5vw, 62px);
  padding-bottom: clamp(38px, 5vw, 74px);
}

body.page-legal .lg-grid{
  display: grid;
  gap: 16px;
  align-items: start;
}

@media (min-width: 980px){
  body.page-legal .lg-grid{
    grid-template-columns: 1fr 320px;
    gap: 18px;
  }
}

body.page-legal .lg-card{
  border-color: rgba(8,20,43,.10);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.page-legal .lg-inner{
  padding: clamp(18px, 3vw, 28px);
}

body.page-legal .lg-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

body.page-legal .title_blue{
  display: inline-flex;
  align-items: center;
}

body.page-legal .title_blue strong{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--stroke);
  color: var(--navy);
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

body.page-legal .title_blue strong:before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(20,184,166,.95);
  box-shadow: 0 0 0 6px rgba(20,184,166,.14);
}

body.page-legal .lg-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}

body.page-legal .lg-legacy{
  max-width: 88ch;
}

body.page-legal .entry-title.main_title{
  margin: 0 0 12px 0;
  font-size: clamp(24px, 2.8vw, 36px);
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--navy);
}

body.page-legal .entry-content{
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

body.page-legal .entry-content p{
  margin: 0 0 12px 0;
}

body.page-legal .entry-content ol{
  margin: 16px 0 10px 22px;
  padding: 0;
}

body.page-legal .entry-content li{
  margin: 0 0 10px 0;
}

body.page-legal .entry-content b{
  color: var(--navy);
}

body.page-legal .lg-aside{
  position: relative;
}

@media (min-width: 980px){
  body.page-legal .lg-aside{
    position: sticky;
    top: calc(var(--topPad) + 16px);
  }
}

body.page-legal .lg-sideCard{
  border-color: rgba(8,20,43,.10);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.page-legal .lg-sideInner{
  padding: 16px;
}

body.page-legal .lg-sideTitle{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
  margin-bottom: 8px;
}

body.page-legal .lg-sideText{
  margin: 0 0 12px 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-legal .lg-sideBtn{
  width: 100%;
  justify-content: center;
}

body.page-legal .lg-sideHint{
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--stroke);
  color: var(--muted2);
  font-size: 13px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

body.page-legal .lg-sideHint i{
  margin-top: 2px;
  color: var(--navy2);
}

/* ================================
   Script Library
   Scope: body.page-library
================================ */

body.page-library .libHero{
  padding: 38px 0 18px;
}

body.page-library .libHeroCardInner{
  padding: 22px;
}

body.page-library .libHeroGrid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 340px;
  gap: 16px;
  align-items: start;
}

@media (max-width: 980px){
  body.page-library .libHeroGrid{
    grid-template-columns: 1fr;
  }
}

body.page-library .libTitle{
  margin: 10px 0 8px;
  font-size: clamp(30px, 3.3vw, 46px);
  letter-spacing: -0.7px;
  line-height: 1.06;
}

body.page-library .libLead{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.65;
  max-width: 70ch;
}

body.page-library .libActions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-library .libToc{
  background: rgba(255,255,255,.68);
}

body.page-library .libTocTitle{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: -.2px;
  margin: 0 0 10px;
  color: var(--navy);
}

body.page-library .libTocNav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
  color: var(--muted);
  margin-bottom: 8px;
  transition: transform .12s ease, background .12s ease, color .12s ease;
}

body.page-library .libTocNav a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  color: var(--text);
}

body.page-library .libTocNote{
  margin-top: 10px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.45;
}

body.page-library .libShell{
  display:grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 18px;
  align-items: start;
}

@media (max-width: 980px){
  body.page-library .libShell{
    grid-template-columns: 1fr;
  }
}

body.page-library .prose{
  line-height: 1.72;
  font-size: 15px;
  color: rgba(8,20,43,.86);
}

body.page-library .prose p{
  margin: 0 0 12px;
}

body.page-library .prose hr{
  border: 0;
  height: 1px;
  background: rgba(8,20,43,.10);
  margin: 10px 0 16px;
}

body.page-library .prose ol{
  margin: 6px 0 18px;
  padding-left: 22px;
}

body.page-library .prose li{
  margin: 0 0 10px;
}

body.page-library .prose a{
  color: rgba(13,30,63,.95);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.page-library .prose a:hover{
  text-decoration-thickness: 2px;
}

body.page-library .libH2{
  margin: 18px 0 8px;
  font-size: 20px;
  letter-spacing: -.02em;
  line-height: 1.2;
  color: var(--navy);
}

body.page-library .libH2 a{
  color: inherit;
  text-decoration: none;
  font-weight: 900;
}

body.page-library .libAsideTitle{
  font-weight: 900;
  font-size: 14px;
  letter-spacing: -.2px;
  margin: 0 0 10px;
  color: var(--navy);
}

body.page-library .libAsideList{
  display:grid;
  gap: 10px;
}

body.page-library .libAsideItem{
  display:grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
}

body.page-library .libAsideIcon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}

body.page-library .libAsideItemTitle{
  font-weight: 900;
  font-size: 14px;
  margin: 2px 0 2px;
  color: rgba(8,20,43,.92);
}

body.page-library .libAsideItemText{
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.45;
}

body.page-library .libAsideFoot{
  margin-top: 14px;
  display:flex;
  justify-content:flex-start;
}

/* ==========================================================================
   4Admin Control Panel (login.php)
   Scoped to: body.page-4admin
   ========================================================================== */

body.page-4admin{
  --topPad: 0px;
}

body.page-4admin .navWrap,
body.page-4admin footer,
body.page-4admin #modal{
  display:none !important;
}

body.page-4admin .mesh{
  opacity:.80;
}

body.page-4admin .gridlines{
  opacity:.26;
  mask-image: radial-gradient(closest-side at 50% 30%, #000 0%, transparent 78%);
}

body.page-4admin main.cp{
  min-height: 100vh;
  padding: 18px 0;
  display:flex;
}

body.page-4admin .cpContainer{
  flex:1;
  display:flex;
}

body.page-4admin .cpShell{
  width:100%;
  min-height: calc(100vh - 36px);
  display:flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
}

body.page-4admin .cpHead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

body.page-4admin .cpBrand{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 260px;
}

body.page-4admin .cpMark{
  width:44px;
  height:44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  box-shadow: 0 16px 34px rgba(8,20,43,.10);
}

body.page-4admin .cpTitle{
  font-weight: 900;
  letter-spacing: -.35px;
  line-height: 1.1;
}

body.page-4admin .cpSub{
  margin-top: 2px;
  font-size: 13px;
  color: var(--muted2);
  line-height: 1.2;
}

body.page-4admin .cpActions{
  display:flex;
  align-items:center;
  gap: 10px;
}

body.page-4admin .cpViewport{
  flex:1;
  min-height: 0;
  display:flex;
  flex-direction: column;
  border-radius: var(--r2);
  overflow:hidden;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.62);
  box-shadow: var(--shadow2);
}

body.page-4admin iframe.cpFrame{
  width:100%;
  border:0;
  display:block;
}

body.page-4admin iframe.cpModule{
  flex:1;
  min-height: 0;
}

body.page-4admin iframe.cpBottom{
  height: 30px;
}

body.page-4admin .cpNoFrames{
  margin: 14px;
  font-size: 14px;
  color: var(--muted);
}

@media (max-width: 860px){
  body.page-4admin .cpShell{ padding: 14px; }
  body.page-4admin .cpActions .btn{ padding: 10px 14px; }
}

/* =========================================================
   Logout (logout.php)
   ========================================================= */
body.page-logout .logoutWrap{
  min-height: calc(100vh - var(--topPad));
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 56px 0;
}

body.page-logout .logoutShell{
  width: 100%;
  max-width: 860px;
}

body.page-logout .logoutInner{
  display:grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  padding: 22px;
  align-items:start;
}

body.page-logout .logoutIcon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: var(--gradA);
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 50px rgba(29,78,216,.18);
}

body.page-logout .logoutIcon i{
  font-size: 18px;
}

body.page-logout .logoutKicker{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted2);
  display:flex;
  align-items:center;
  gap: 10px;
  margin: 2px 0 10px;
}

body.page-logout .logoutKicker:before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(20,184,166,.95);
  box-shadow: 0 0 0 6px rgba(20,184,166,.14);
}

body.page-logout .logoutTitle{
  margin: 0 0 8px;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.7px;
  color: var(--navy);
}

body.page-logout .logoutLead{
  margin: 0 0 18px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 15px;
}

body.page-logout .logoutActions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  margin-top: 4px;
}

body.page-logout .logoutBtnIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

body.page-logout .logoutStatus{
  display:flex;
  gap: 10px;
  align-items:center;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
}

body.page-logout .logoutSpinner{
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(8,20,43,.18);
  border-top-color: rgba(20,184,166,.95);
  animation: spin .9s linear infinite;
}

body.page-logout .logoutNoscript{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px dashed var(--stroke2);
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 640px){
  body.page-logout .logoutInner{
    grid-template-columns: 1fr;
  }
  body.page-logout .logoutIcon{
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }
  body.page-logout .logoutActions .btn{
    width: 100%;
    justify-content:center;
  }
}

/* --- Multi-site Hosting (multisite.htm) --- */
body.page-multisite .msSection{
  padding: 64px 0 70px;
}

body.page-multisite .msGrid{
  display:grid;
  grid-template-columns: 1.55fr .85fr;
  gap: 16px;
  align-items: start;
}

body.page-multisite .msHeader{
  display:flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--stroke);
}

body.page-multisite .msHeaderIcon{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}
body.page-multisite .msHeaderIcon i{ font-size: 18px; }

body.page-multisite .msHeaderText{
  flex: 1;
  min-width: 0;
}

body.page-multisite .msH1{
  margin: 0;
  font-weight: 950;
  letter-spacing: -.5px;
  color: var(--navy);
  font-size: 26px;
  line-height: 1.1;
}

body.page-multisite .msH2{
  margin-top: 6px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-weight: 850;
  letter-spacing: -.2px;
  color: rgba(29,78,216,.95);
  background: rgba(29,78,216,.08);
  border: 1px solid rgba(29,78,216,.14);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
}

body.page-multisite .msHeaderActions{ flex: 0 0 auto; }

body.page-multisite .msCloseBtn{
  padding: 10px 14px;
}
body.page-multisite .msCloseBtn i{ font-size: 14px; }

body.page-multisite .msBody{
  padding: 16px 18px 8px;
}
body.page-multisite .msBody p{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 15px;
}
body.page-multisite .msBody p:last-child{ margin-bottom: 0; }

body.page-multisite .msLegacy{
  padding: 14px 18px 18px;
  border-top: 1px solid var(--stroke);
  background: rgba(255,255,255,.44);
}

body.page-multisite .msLegacyClose{
  margin: 0;
  text-align: center;
}
body.page-multisite .msLegacyClose a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(8,20,43,.05);
  transition: transform .16s ease, background .2s ease;
}
body.page-multisite .msLegacyClose a:hover{
  transform: translateY(-1px);
  background: rgba(8,20,43,.06);
}

body.page-multisite .msLegacyCopyright{
  margin: 12px 0 0;
  text-align: center;
  color: var(--muted2);
}
body.page-multisite .msLegacyCopyright a{
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(8,20,43,.22);
}
body.page-multisite .msLegacyCopyright a:hover{
  text-decoration-color: rgba(29,78,216,.35);
}

body.page-multisite .msAside .inner{ padding: 18px; }

body.page-multisite .msAsideTitle{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
}
body.page-multisite .msAsideTitle i{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(20,184,166,.12);
  border: 1px solid rgba(20,184,166,.20);
  color: rgba(8,20,43,.92);
}

body.page-multisite .msList{
  list-style: none;
  padding: 14px 0 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
body.page-multisite .msList li{
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  color: var(--muted);
  line-height: 1.55;
  font-size: 14px;
}
body.page-multisite .msList li i{
  margin-top: 2px;
  color: rgba(29,78,216,.85);
}

body.page-multisite .msAsideNote{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px dashed rgba(8,20,43,.16);
  color: var(--muted2);
  background: rgba(255,255,255,.52);
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 980px){
  body.page-multisite .msGrid{ grid-template-columns: 1fr; }
}

@media (max-width: 560px){
  body.page-multisite .msHeader{
    flex-wrap: wrap;
    align-items: flex-start;
  }
  body.page-multisite .msHeaderActions{ width: 100%; }
  body.page-multisite .msCloseBtn{
    width: 100%;
    justify-content: center;
  }
  body.page-multisite .msH1{ font-size: 22px; }
}

/* =========================================================
   Page: PageMill (pagemill.htm)
   ========================================================= */
body.page-pagemill .pmHeroSec{
  padding: 56px 0 18px;
}
body.page-pagemill .pmHeroCard{
  overflow: hidden;
}
body.page-pagemill .pmHeroInner{
  padding: 22px;
}
body.page-pagemill .pmHeroMeta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
body.page-pagemill .pmHeroMetaSep{
  width:1px;
  height:16px;
  background: var(--stroke2);
  opacity:.85;
}
body.page-pagemill .pmHeroMetaText{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color: var(--muted);
  font-size: 13px;
}
body.page-pagemill .pmH1{
  margin: 10px 0 10px;
}
body.page-pagemill .title_blue{
  color: var(--navy);
}
body.page-pagemill .pmLead{
  max-width: 70ch;
}

body.page-pagemill .pmBodySec{
  padding-top: 38px;
}
body.page-pagemill .pmGrid{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap: 18px;
  align-items:start;
}

body.page-pagemill .pmArticle .inner{
  padding: 20px;
}
body.page-pagemill .pmDocHead{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--stroke);
}
body.page-pagemill .pmKicker{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted2);
  margin-bottom: 4px;
}
body.page-pagemill .pmDocTitle{
  margin: 0;
  font-size: 18px;
  letter-spacing: -.2px;
  color: var(--navy);
}

body.page-pagemill .pmProse{
  max-width: 78ch;
}
body.page-pagemill .pmProse p{
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 15px;
}
body.page-pagemill .pmProse b{
  color: var(--navy);
}
body.page-pagemill .pmProse a{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.page-pagemill .pmCallout{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.60);
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
  color: var(--text);
}

/* Anchor scroll offset under fixed nav */
body.page-pagemill a[id]{
  scroll-margin-top: calc(var(--stickyHeaderH, 0px) + 18px);
}

body.page-pagemill .pmAside{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 18px);
  display:flex;
  flex-direction:column;
  gap: 14px;
}
body.page-pagemill .pmAsideCard .inner{
  padding: 16px;
}
body.page-pagemill .pmAsideTitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 800;
  letter-spacing: -.15px;
  color: var(--navy);
  margin-bottom: 10px;
}
body.page-pagemill .pmToc{
  display:flex;
  flex-direction:column;
  gap: 6px;
}
body.page-pagemill .pmToc a{
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: var(--muted);
  background: rgba(8,20,43,.03);
  transition: transform .16s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
body.page-pagemill .pmToc a:hover{
  transform: translateY(-1px);
  background: rgba(8,20,43,.05);
  border-color: var(--stroke);
  color: var(--text);
}

body.page-pagemill .pmAsideCtas{
  display:grid;
  gap: 10px;
  margin-top: 12px;
}
body.page-pagemill .pmAsideBtn{
  width: 100%;
  justify-content: center;
}

body.page-pagemill .pmRelated{
  display:grid;
  gap: 10px;
}
body.page-pagemill .pmRel{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-pagemill .pmRel:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.72);
  color: var(--text);
}

body.page-pagemill .pmAsideText{
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 980px){
  body.page-pagemill .pmGrid{
    grid-template-columns: 1fr;
  }
  body.page-pagemill .pmAside{
    position: static;
  }
  body.page-pagemill .pmHeroInner{
    padding: 18px;
  }
}

/* -------------------------------------------------
   Partner Agreement (partner_agreement.htm)
   Scoped styles only
-------------------------------------------------- */
body.page-partner-agreement .paHero{
  padding: 104px 0 28px;
}
body.page-partner-agreement .paHeroCard{
  padding: 22px 22px 18px;
}
body.page-partner-agreement .paHeroTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
body.page-partner-agreement .paCrumbs{
  color: var(--muted2);
  font-size: 13px;
  display:flex;
  align-items:center;
  gap:10px;
}
body.page-partner-agreement .paCrumbs a{
  color: var(--muted);
}
body.page-partner-agreement .paCrumbs a:hover{
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-partner-agreement .paCrumbSep{
  opacity:.55;
}
body.page-partner-agreement .paH1{
  margin: 12px 0 10px;
}
body.page-partner-agreement .title_blue{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 900;
  letter-spacing: -0.9px;
  line-height: 1.05;
  color: var(--navy);
  font-size: clamp(30px, 3.4vw, 50px);
}
body.page-partner-agreement .title_blue strong{
  font-weight: 900;
}
body.page-partner-agreement .paLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  max-width: 78ch;
  font-size: 15px;
}

body.page-partner-agreement .paBody{
  padding: 34px 0 88px;
}

body.page-partner-agreement .paGrid{
  display:grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 18px;
  align-items:start;
}

body.page-partner-agreement .paMain .inner{
  padding: 22px;
}

body.page-partner-agreement .paProse{
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
}
body.page-partner-agreement .content14{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
body.page-partner-agreement .paProse p{
  margin: 0 0 12px;
}
body.page-partner-agreement .paProse ol{
  margin: 12px 0 0;
  padding-left: 1.35rem;
}
body.page-partner-agreement .paProse li{
  margin: 0 0 12px;
  padding-left: 4px;
}
body.page-partner-agreement .paProse a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-partner-agreement .paProse a:hover{
  color: var(--navy);
}

body.page-partner-agreement .paAside{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 18px);
}
body.page-partner-agreement .paAside .inner{
  padding: 18px;
}
body.page-partner-agreement .paAsideTitle{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 14px;
}
body.page-partner-agreement .paAsideIcon{
  width:44px;
  height:44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}
body.page-partner-agreement .paAsideHead{
  font-weight: 900;
  letter-spacing: -0.2px;
  color: var(--navy);
  line-height: 1.1;
}
body.page-partner-agreement .paAsideSub{
  color: var(--muted2);
  font-size: 13px;
  margin-top: 2px;
}

body.page-partner-agreement .paAsideActions{
  display:grid;
  gap: 10px;
  margin-top: 10px;
}
body.page-partner-agreement .paAsideBtn{
  width: 100%;
  justify-content: center;
}
body.page-partner-agreement .paAsideNote{
  margin-top: 14px;
  color: var(--muted2);
  font-size: 13px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding-top: 14px;
  border-top: 1px solid var(--stroke);
}
body.page-partner-agreement .paMono{
  font-family: var(--mono);
  font-size: 12px;
  color: var(--muted);
  word-break: break-word;
}

@media (max-width: 940px){
  body.page-partner-agreement .paGrid{
    grid-template-columns: 1fr;
  }
  body.page-partner-agreement .paAside{
    position: static;
  }
  body.page-partner-agreement .paHero{
    padding-top: 96px;
  }
}

/* =========================================================
   Page: PageMill (pagemill.htm) — polish pass
   Append at end of assets/site.css
   ========================================================= */

body.page-pagemill .pmHeroSec{
  padding: 34px 0 10px;
}

body.page-pagemill .pmHeroCard{
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 28px 86px rgba(8,20,43,.12);
}
body.page-pagemill .pmHeroCard:before{
  opacity: .55;
}

body.page-pagemill .pmHeroInner{
  padding: 20px;
}
body.page-pagemill .pmHeroMeta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
body.page-pagemill .pmHeroMetaSep{
  width:1px;
  height:16px;
  background: var(--stroke2);
  opacity:.9;
}
body.page-pagemill .pmHeroMetaText{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color: var(--muted);
  font-size: 13px;
}

body.page-pagemill h1.pmH1{
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.7px;
  margin: 10px 0 10px;
}
body.page-pagemill .pmLead{
  font-size: 15.5px;
  max-width: 66ch;
}

body.page-pagemill .pmHeroActions{
  margin-top: 16px;
}
body.page-pagemill .pmChipRow{
  margin-top: 12px;
}
body.page-pagemill .pmChipRow .chip{
  padding: 6px 10px;
  font-size: 12.5px;
  background: rgba(255,255,255,.66);
  border-color: rgba(8,20,43,.10);
}
body.page-pagemill .pmChipRow .chip:hover{
  background: rgba(255,255,255,.78);
}

body.page-pagemill .btnPrimary:hover{
  color:#fff; /* fix global hover color override */
}

/* reduce the big “gap” between hero and content */
body.page-pagemill .pmBodySec.section{
  padding: 44px 0 82px;
}

/* Force 2-col layout on desktop (your screenshot shows it stacking) */
body.page-pagemill .pmGrid{
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items:start;
}
body.page-pagemill .pmArticle{min-width:0}

/* Article */
body.page-pagemill .pmArticle .inner{
  padding: 22px;
}
body.page-pagemill .pmDocHead{
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--stroke);
}
body.page-pagemill .pmDocIcon{
  background: rgba(29,78,216,.07);
  border-color: rgba(8,20,43,.10);
}
body.page-pagemill .pmKicker{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted2);
  margin-bottom: 4px;
}
body.page-pagemill .pmDocTitle{
  margin: 0;
  font-size: 19px;
  letter-spacing: -.25px;
  color: var(--navy);
}

body.page-pagemill .pmProse{
  max-width: 78ch;
}
body.page-pagemill .pmProse p{
  margin: 0 0 12px;
  color: rgba(8,20,43,.78);
  line-height: 1.75;
  font-size: 15.5px;
}
body.page-pagemill .pmProse b{
  color: var(--navy);
}
body.page-pagemill .pmProse a{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.page-pagemill .pmCallout{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(8,20,43,.12);
  background: rgba(255,255,255,.74);
  box-shadow: 0 14px 34px rgba(8,20,43,.07);
  color: rgba(8,20,43,.84);
}

/* Sidebar */
body.page-pagemill .pmAside{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 16px);
  display:flex;
  flex-direction:column;
  gap: 14px;
}
body.page-pagemill .pmAsideCard{
  background: rgba(255,255,255,.72);
}
body.page-pagemill .pmAsideCard .inner{
  padding: 16px;
}
body.page-pagemill .pmAsideTitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 900;
  letter-spacing: -.15px;
  color: var(--navy);
  margin-bottom: 10px;
}
body.page-pagemill .pmToc{
  display:flex;
  flex-direction:column;
  gap: 6px;
}
body.page-pagemill .pmToc a{
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: rgba(8,20,43,.70);
  background: rgba(8,20,43,.03);
  transition: transform .16s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
body.page-pagemill .pmToc a:hover{
  transform: translateY(-1px);
  background: rgba(8,20,43,.05);
  border-color: rgba(8,20,43,.10);
  color: rgba(8,20,43,.88);
}

body.page-pagemill .pmAsideCtas{
  display:grid;
  gap: 10px;
  margin-top: 12px;
}
body.page-pagemill .pmAsideBtn{
  width: 100%;
  justify-content: center;
}

body.page-pagemill .pmRelated{
  display:grid;
  gap: 10px;
}
body.page-pagemill .pmRel{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(8,20,43,.10);
  background: rgba(255,255,255,.70);
  color: rgba(8,20,43,.72);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-pagemill .pmRel:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.82);
  color: rgba(8,20,43,.90);
}

body.page-pagemill .pmAsideText{
  margin: 0;
  color: rgba(8,20,43,.72);
  line-height: 1.65;
  font-size: 14px;
}

/* Anchor scroll offset under fixed nav */
body.page-pagemill a[id]{
  scroll-margin-top: calc(var(--stickyHeaderH, 0px) + 18px);
}

/* Responsive */
@media (max-width: 1100px){
  body.page-pagemill .pmGrid{
    grid-template-columns: 1fr;
  }
  body.page-pagemill .pmAside{
    position: static;
  }
}

/* ================================
   Page: Partner FAQ (partner_faq.htm)
   Scope: body.page-partner-faq
================================ */

body.page-partner-faq .pf-main{
  padding-block: clamp(18px, 3vw, 34px);
}

body.page-partner-faq .pf-hero{
  display: grid;
  gap: 18px;
  align-items: start;
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (min-width: 900px){
  body.page-partner-faq .pf-hero{
    grid-template-columns: 1.15fr .85fr;
    gap: 22px;
  }
}

body.page-partner-faq .pf-badge{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  color: var(--muted);
  font-size: 13px;
}

body.page-partner-faq .pf-badge i{
  color: var(--navy2);
}

body.page-partner-faq .pf-title{
  margin: 10px 0 10px 0;
  font-size: clamp(28px, 3.2vw, 40px);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

body.page-partner-faq .pf-lead{
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  max-width: 72ch;
  color: var(--muted);
}

body.page-partner-faq .pf-sideCard{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: rgba(255,255,255,.85);
}

body.page-partner-faq .pf-sideRow{
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.72);
  color: var(--muted);
  margin-top: 10px;
}

body.page-partner-faq .pf-sideRow:first-child{
  margin-top: 0;
}

body.page-partner-faq .pf-sideRow i{
  width: 18px;
  text-align: center;
  color: var(--navy2);
}

body.page-partner-faq .pf-sideCtas{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

body.page-partner-faq .pf-section{
  margin-top: 18px;
}

body.page-partner-faq .pf-faqCard{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  overflow: hidden;
}

body.page-partner-faq .pf-item{
  padding: 16px 18px;
  border-top: 1px solid rgba(0,0,0,.08);
}

body.page-partner-faq .pf-item:first-child{
  border-top: 0;
}

body.page-partner-faq .pf-q{
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.45;
  color: var(--navy);
}

body.page-partner-faq .pf-a{
  margin: 8px 0 0 0;
  line-height: 1.7;
  color: var(--muted);
}

/* ==========================================================================
   PHP Info (v2) — page-only (scoped)
   ========================================================================== */

body.page-php .phpHero{
  margin-bottom: 18px;
}

body.page-php .phpHeroInner{
  padding: 22px;
  display:grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 16px;
  align-items: stretch;
}

@media (max-width: 980px){
  body.page-php .phpHeroInner{
    grid-template-columns: 1fr;
  }
}

body.page-php .phpKicker{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-size: 12px;
  color: var(--muted);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.60);
  width: fit-content;
}

body.page-php .phpDot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--gradA);
  box-shadow: 0 0 0 5px rgba(20,184,166,.16);
}

body.page-php .phpH1{
  margin: 10px 0 8px;
  font-size: 42px;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

@media (max-width: 620px){
  body.page-php .phpH1{ font-size: 32px; }
}

body.page-php .phpLead{
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
  max-width: 58ch;
}

body.page-php .phpHeroMini .inner{ padding: 18px; }

body.page-php .phpMiniTop{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 10px;
}

body.page-php .phpMiniTitle{
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

body.page-php .phpMiniSub{
  font-size: 13px;
  color: var(--muted2);
  margin-top: 2px;
}

body.page-php .phpMiniLinks p{ margin: 0; }
body.page-php .phpMiniLinks a{ font-weight: 800; }

body.page-php .phpGrid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items:start;
  margin-top: 18px;
}

@media (max-width: 980px){
  body.page-php .phpGrid{ grid-template-columns: 1fr; }
}

body.page-php .phpSide{
  display:grid;
  gap: 14px;
  align-self: start;
}

@media (min-width: 981px){
  body.page-php .phpSide{
    position: sticky;
    top: calc(var(--topPad) + 16px);
  }
}

body.page-php .phpSideTitle{
  font-weight: 900;
  letter-spacing: -0.01em;
  margin: 0 0 10px;
  font-size: 15px;
}

body.page-php .phpCloseNote{
  margin: 0 0 12px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
}

body.page-php .phpClose a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--gradA);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 16px 36px rgba(29,78,216,.22);
  border: 1px solid rgba(255,255,255,.20);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

body.page-php .phpClose a:hover{
  transform: translateY(-1px);
  box-shadow: 0 22px 44px rgba(29,78,216,.24);
  filter: brightness(1.02);
}

body.page-php .phpClose a:active{
  transform: translateY(0px);
}

/* Library list → modern 2-column “chips” */
body.page-php .phpProse ul{
  margin: 10px 0 14px;
  padding: 0;
  list-style: none;
  columns: 2 240px;
  column-gap: 18px;
}

@media (max-width: 720px){
  body.page-php .phpProse ul{ columns: 1; }
}

body.page-php .phpProse ul li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;

  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  margin: 0 0 10px;

  position: relative;
  padding-left: 26px;
}

body.page-php .phpProse ul li:before{
  content:"";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(20,184,166,.78);
  position: absolute;
  left: 10px;
  top: 15px;
  box-shadow: 0 0 0 4px rgba(20,184,166,.14);
}

body.page-php .phpProse nobr{ white-space: nowrap; }

/* =========================
   Privacy Policy Page (privacy.htm)
   ========================= */

body.page-privacy .ppHero{ padding-bottom: 26px; }
body.page-privacy .ppHeroCard{ padding: 22px; }

body.page-privacy .ppHeroInner{
  display:grid;
  grid-template-columns: 56px minmax(0,1fr) 320px;
  gap: 18px;
  align-items:center;
}

body.page-privacy .ppHeroIcon{
  width:56px;height:56px;border-radius: 18px;
  display:grid;place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}
body.page-privacy .ppHeroIcon i{ font-size: 22px; }

body.page-privacy .ppKicker{
  font-size: 12px;
  letter-spacing:.14em;
  text-transform: uppercase;
  color: var(--muted2);
  font-weight: 900;
}
body.page-privacy .ppTitle{
  margin: 6px 0 6px;
  font-size: 34px;
  letter-spacing: -.6px;
  line-height: 1.08;
}
body.page-privacy .ppSub{
  color: var(--muted);
  line-height: 1.6;
  max-width: 62ch;
}

body.page-privacy .ppHeroMeta{
  display:grid;
  gap: 10px;
  justify-items: start;
}
body.page-privacy .ppMetaItem{
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
}
body.page-privacy .ppMetaItem i{ color: var(--navy2); }

body.page-privacy .ppBody{ padding-top: 0; }

body.page-privacy .ppShell{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr);
  gap: 18px;
  align-items:start;
}

body.page-privacy .ppSide{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 18px);
  height: fit-content;
}
body.page-privacy .ppSideTitle{
  font-weight: 900;
  letter-spacing: -.2px;
  margin-bottom: 10px;
}

body.page-privacy .ppToc{ display:grid; gap: 6px; }
body.page-privacy .ppToc a{
  padding: 10px 12px;
  border-radius: 14px;
  color: var(--muted);
  border: 1px solid transparent;
  transition: background .2s ease, border-color .2s ease, transform .16s ease, color .2s ease;
}
body.page-privacy .ppToc a:hover{
  background: rgba(8,20,43,.05);
  border-color: var(--stroke);
  color: var(--text);
  transform: translateY(-1px);
}

body.page-privacy .ppSideCta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
body.page-privacy .ppSideCta .btn{ padding: 10px 14px; }
body.page-privacy .ppSideCta i{ margin-right: 2px; }

body.page-privacy .ppMain{ overflow:hidden; }

body.page-privacy .ppDocHead{
  display:flex;
  justify-content:flex-start;
  margin-bottom: 14px;
}
body.page-privacy .ppDocTag{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}
body.page-privacy .ppDocTag i{ color: var(--navy2); }

body.page-privacy .ppProse{
  color: rgba(0,0,0,.82);
  line-height: 1.8;
  font-size: 14px;
}
body.page-privacy .ppProse p{ margin: 0 0 12px; }
body.page-privacy .ppProse a{ color: rgba(0,0,0,.9); font-weight: 800; }

body.page-privacy .ppHead{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--stroke);
  scroll-margin-top: 120px;
}
body.page-privacy .ppHead b{
  font-size: 15px;
  color: rgba(0,0,0,.90);
}

body.page-privacy .ppAnchor{
  display:block;
  height: 0;
  scroll-margin-top: 120px;
}

@media (max-width: 980px){
  body.page-privacy .ppHeroInner{ grid-template-columns: 56px minmax(0,1fr); }
  body.page-privacy .ppHeroMeta{
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
  }
  body.page-privacy .ppShell{ grid-template-columns: 1fr; }
  body.page-privacy .ppSide{ position: relative; top: auto; }
}

@media (max-width: 560px){
  body.page-privacy .ppTitle{ font-size: 28px; }
  body.page-privacy .ppHeroMeta{ grid-template-columns: 1fr; }
}

/* -------------------------------------------------------------------------
   Page: policy.htm (Service Usage Policy)
------------------------------------------------------------------------- */

body.page-policy .policyHero{padding: 56px 0 24px;}
body.page-policy .policyHeroInner{padding: 22px 22px;}
body.page-policy .policyHeroTop{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
body.page-policy .policyMeta{
  display:inline-flex; gap:10px; align-items:center;
  color: var(--muted2);
  font-size: 13px;
}
body.page-policy .policyMeta i{opacity:.9}
body.page-policy .policyHeroGrid{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items:end;
}
body.page-policy h1.policyH1{margin: 6px 0 8px;}
body.page-policy .policyH1 .title_blue strong{
  color: var(--navy);
  font-weight: 950;
}
body.page-policy .policyHeroText .lead{margin: 0;}

body.page-policy .policyHeroActions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.page-policy .policyHeroActions .btn i{margin-right:2px}
@media (max-width: 860px){
  body.page-policy .policyHeroGrid{grid-template-columns: 1fr;}
  body.page-policy .policyHeroActions{justify-content:flex-start}
}

body.page-policy .policyLayout{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  body.page-policy .policyLayout{grid-template-columns: 1fr;}
}

body.page-policy .policyTocCard{
  position: sticky;
  top: calc(var(--wm-header-offset, var(--topPad)) + 16px);
}
@media (max-width: 980px){
  body.page-policy .policyTocCard{position: static;}
}

body.page-policy .policyTocTitle{
  display:flex; align-items:center; gap:10px;
  font-weight: 900;
  letter-spacing: -.25px;
  color: var(--navy);
  margin-bottom: 10px;
}
body.page-policy .policyTocTitle i{opacity:.9}

body.page-policy .policyTocDetails{
  border-radius: 16px;
  background: rgba(8,20,43,.03);
  border: 1px solid var(--stroke);
  padding: 10px;
}
body.page-policy .policyTocDetails summary{
  display:none;
  cursor:pointer;
  color: var(--muted);
  font-weight: 800;
  list-style:none;
}
body.page-policy .policyTocDetails summary::-webkit-details-marker{display:none}

body.page-policy .policyTocNav{
  display:grid;
  gap: 6px;
}
body.page-policy .policyTocNav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 10px 10px;
  border-radius: 14px;
  color: var(--muted);
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .16s ease;
}
body.page-policy .policyTocNav a:hover{
  background: rgba(255,255,255,.68);
  border-color: var(--stroke);
  color: var(--text);
  transform: translateY(-1px);
}
body.page-policy .policyHint{
  margin-top: 12px;
  font-size: 12px;
  color: var(--muted2);
  line-height: 1.6;
}

@media (max-width: 980px){
  body.page-policy .policyTocDetails summary{display:block;}
  body.page-policy .policyTocDetails{padding: 8px 10px;}
  body.page-policy .policyTocDetails[open] summary{margin-bottom: 10px;}
}

body.page-policy .policySideNote .inner{padding: 18px;}
body.page-policy .policySideNote p{margin: 8px 0 0; color: var(--muted);}

body.page-policy .policyDoc .inner{padding: 22px;}
@media (max-width: 560px){
  body.page-policy .policyDoc .inner{padding: 16px;}
}

body.page-policy .policyAnchor{
  scroll-margin-top: calc(var(--wm-header-offset, var(--topPad)) + 18px);
}

body.page-policy .policyContent{
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}
body.page-policy .policyContent p{margin: 0 0 14px;}
body.page-policy .policyContent b{color: var(--navy);}
body.page-policy .policyContent u{text-underline-offset: 3px; text-decoration-thickness: 2px;}

body.page-policy .policyContent blockquote{
  margin: 14px 0 18px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.64);
  border: 1px solid var(--stroke);
  border-left: 3px solid rgba(20,184,166,.46);
}
body.page-policy .policyContent blockquote ul{
  margin: 0 0 0 18px;
  padding: 0;
}
body.page-policy .policyContent ul,
body.page-policy .policyContent ol{
  margin: 10px 0 16px 22px;
}
body.page-policy .policyContent li{margin: 6px 0;}
body.page-policy .policyContent a{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-color: rgba(29,78,216,.48);
  text-underline-offset: 2px;
}
body.page-policy .policyContent a:hover{
  text-decoration-color: rgba(20,184,166,.62);
}

body.page-policy .content14{ /* legacy class retained */
  font-size: 15px;
  line-height: 1.75;
}

/* ==========================================================================
   Legal / Agreement — page-only (scoped)
   ========================================================================== */
body.page-agreement .heroAgreement{
  padding-bottom: 34px;
}
body.page-agreement .heroAgreement:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background: linear-gradient(to right, transparent, rgba(8,20,43,.14), transparent);
  opacity:.7;
}

body.page-agreement .agreementLayout{
  display:grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  body.page-agreement .agreementLayout{ grid-template-columns: 1fr; }
}

body.page-agreement .agreementNav{
  position: sticky;
  top: calc(var(--topPad) + 18px);
}
@media (max-width: 980px){
  body.page-agreement .agreementNav{ position: relative; top:auto; }
}

body.page-agreement .agreementNav .inner{ padding: 16px; }
body.page-agreement .agreementNavTitle{
  font-weight: 900;
  letter-spacing: -0.2px;
  color: var(--navy);
  margin-bottom: 12px;
}
body.page-agreement .agreementNavLinks{ display:grid; gap: 8px; }
body.page-agreement .agreementNavLinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.58);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .12s ease, background .2s ease, color .2s ease;
}
body.page-agreement .agreementNavLinks a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.82);
  color: var(--text);
}
body.page-agreement .agreementNavLinks a i{ color: rgba(8,20,43,.55); }

@media (max-width: 720px){
  body.page-agreement .agreementNavLinks{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.page-agreement .agreementCard .inner{ padding: 22px; }
@media (max-width: 720px){
  body.page-agreement .agreementCard .inner{ padding: 16px; }
}

body.page-agreement .agreementTopRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--stroke);
}

body.page-agreement .title_blue{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight: 950;
  letter-spacing: -0.3px;
  color: var(--navy);
  font-size: 16px;
}
body.page-agreement .agreementBackTop{
  font-size: 13px;
  color: var(--muted);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.56);
  transition: transform .12s ease, background .2s ease, color .2s ease;
}
body.page-agreement .agreementBackTop:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  color: var(--text);
}

/* Legal text (legacy content) — do NOT alter the HTML, just style it */
body.page-agreement .agreementProse{
  line-height: 1.75;
  font-size: 15px;
  color: rgba(8,20,43,.84);
}
body.page-agreement .agreementProse p{ margin: 0 0 12px; }
body.page-agreement .agreementProse b,
body.page-agreement .agreementProse strong{ color: rgba(8,20,43,.94); }
body.page-agreement .agreementProse a{
  color: rgba(29,78,216,.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Legacy class hooks used inside the agreement text */
body.page-agreement .agreementProse .content14{
  display:block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* Anchor offsets for fixed nav */
body.page-agreement a[id]{ scroll-margin-top: calc(var(--topPad) + 18px); }

/* Legacy bottom cap */
body.page-agreement .signup_btm{
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(8,20,43,.14), transparent);
  margin-top: 20px;
  border-radius: 999px;
}

/* ===========================
   Agreement (hero quick links)
   =========================== */
body.page-agreement .heroAgreement .heroGrid{
  align-items: start;
}

body.page-agreement .agreementQuick{
  padding: 16px;
  justify-self: end;
  max-width: 520px;
  width: 100%;
}

body.page-agreement .agreementQuickTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 12px;
}

body.page-agreement .agreementQuickLinks{
  display:grid;
  gap: 10px;
}

body.page-agreement .agreementQuickLinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;

  padding: 12px 12px;
  border-radius: 16px;

  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  color: var(--muted);
  text-decoration: none;

  transition: transform .14s ease, background .2s ease, color .2s ease;
}

body.page-agreement .agreementQuickLinks a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.82);
  color: var(--text);
}

body.page-agreement .agreementQuickLinks a span{
  font-weight: 700;
  color: inherit;
}

body.page-agreement .agreementQuickLinks a i{
  flex: 0 0 auto;
  color: rgba(8,20,43,.55);
}

/* Mobile: make the hero stack nicely */
@media (max-width: 980px){
  body.page-agreement .agreementQuick{
    max-width: 100%;
    justify-self: stretch;
  }
}

/* PAGE: Ruby On Rails FAQ (ror.htm) */
body.page-ror .rorPage{}

/* Right-side resources card */
body.page-ror .rorSide{ padding: 0; }
body.page-ror .rorSideInner{ padding: 18px; }
body.page-ror .rorSideLinks{
  display:grid;
  gap:10px;
  margin-top: 12px;
}
body.page-ror .rorLinkRow{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.66);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-ror .rorLinkRow:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.84);
  color: var(--text);
}
body.page-ror .rorLinkRow i{
  width:18px;
  text-align:center;
  color: var(--cyan);
  flex: 0 0 auto;
}
body.page-ror .rorLinkRow .rorArr{
  margin-left:auto;
  color: var(--muted2);
  width:auto;
}
body.page-ror .rorFine{
  margin: 12px 0 0;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
}
body.page-ror .rorSideCtas{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}

/* FAQ cards: tighter + more premium */
body.page-ror .rorFaq .qa{ padding: 0; }
body.page-ror .rorFaq .qBtn{
  padding: 14px 14px;
  border-radius: 16px;
}
body.page-ror .rorFaq .ans{
  padding: 0 14px 14px;
}
body.page-ror .rorFaq .chev{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}
body.page-ror .rorFaq .qBtn:hover{
  background: rgba(8,20,43,.04);
}

/* ------------------------------
   PAGE: search.php
   Scoped styles
---------------------------------*/
body.page-search .heroSearch{padding: 104px 0 80px;}

body.page-search .wmSearchHeroPanel{
  position: relative;
  text-align: center;
  border-radius: 32px;
  padding: 62px 28px 34px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 360px at 50% 0%, rgba(255,255,255,.12), transparent 60%),
    radial-gradient(760px 420px at 18% 24%, rgba(29,78,216,.52), transparent 62%),
    radial-gradient(680px 420px at 82% 26%, rgba(20,184,166,.42), transparent 62%),
    linear-gradient(135deg, rgba(8,20,43,.98), rgba(29,78,216,.56));
  box-shadow: 0 34px 120px rgba(8,20,43,.26);
  overflow: hidden;
}
body.page-search .wmSearchHeroPanel:before{
  content:"";
  position:absolute; inset:-120px;
  background:
    radial-gradient(circle at 22% 24%, rgba(34,211,238,.16), transparent 55%),
    radial-gradient(circle at 78% 22%, rgba(29,78,216,.16), transparent 52%),
    radial-gradient(circle at 50% 110%, rgba(255,255,255,.12), transparent 60%);
  filter: blur(10px);
  opacity: .9;
}
body.page-search .wmSearchHeroPanel > *{position:relative; z-index:1;}

body.page-search .wmSearchBadge{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.82);
}
body.page-search .heroSearch h1{color:#fff;}
body.page-search .wmSearchLead{
  color: rgba(255,255,255,.78);
  margin-left:auto;
  margin-right:auto;
}
body.page-search .wmSearchLead a{
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-decoration-color: rgba(34,211,238,.46);
  text-underline-offset: 3px;
}

body.page-search .wmSearchCard{
  margin-top: 26px;
  border-radius: 26px;
  padding: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(255,255,255,.30);
  backdrop-filter: blur(16px);
  box-shadow: 0 26px 70px rgba(8,20,43,.22);
}

body.page-search .wmSearchForm{margin:0;}
body.page-search .wmSearchTable{width:100%; border-collapse:separate; border-spacing:0;}
body.page-search .wmSearchTable td{border:0; padding:0;}
body.page-search .wmSearchTd{padding: 4px 2px 6px;}

body.page-search .wmSearchGroup{
  display:grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items:center;
}
body.page-search .wmSearchLabel{
  font-size: 13px;
  color: var(--muted);
  white-space:nowrap;
}

body.page-search .signup_textbox1.wmSearchInput{
  height: 56px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.92);
  color: var(--navy);
  outline: none;
  width:100%;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
body.page-search .signup_textbox1.wmSearchInput:focus{
  box-shadow: var(--ring2);
  border-color: rgba(29,78,216,.30);
  background: rgba(255,255,255,.98);
}

body.page-search .wmSearchBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 18px;
  border-radius: 16px;
  background: var(--gradA);
  color:#fff;
  box-shadow: 0 18px 46px rgba(29,78,216,.18);
  border: 0;
  user-select:none;
  white-space:nowrap;
}
body.page-search .wmSearchBtn:hover{transform: translateY(-1px); box-shadow: 0 22px 56px rgba(29,78,216,.22);}
body.page-search .send_btn{display:inline-flex;}

body.page-search .wmSearchChips{
  justify-content:center;
  margin-top: 12px;
}
body.page-search .wmSearchHint{color: var(--muted2);}
body.page-search .wmSearchChips .chip{
  background: rgba(8,20,43,.04);
}
body.page-search .wmSearchChips .chip:hover{
  background: rgba(8,20,43,.06);
}

/* Results styling (legacy HTML inside $Out) */
body.page-search .wmSearchTable tr.content14 td{padding-top: 18px;}
body.page-search .wmSearchTable tr.content14 td > p{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.6;
}
body.page-search .wmSearchTable tr.content14 td ol{
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
body.page-search .wmSearchTable tr.content14 td ol li{
  list-style: decimal;
  list-style-position: inside;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height: 1.55;
}
body.page-search .wmSearchTable tr.content14 td ol li b{color: var(--navy);}
body.page-search .wmSearchTable tr.content14 td ol li a{color: var(--navy);}
body.page-search .wmSearchTable tr.content14 td ol li a:hover{color: var(--blue);}

body.page-search .wmSearchTable tr.content14 td font[color="#2b8bff"],
body.page-search .wmSearchTable tr.content14 td font[color="#2B8BFF"]{color: var(--blue) !important;}
body.page-search .wmSearchTable tr.content14 td font[size="1"]{color: var(--muted2) !important;}

@media (max-width: 760px){
  body.page-search .wmSearchHeroPanel{padding: 54px 16px 28px; border-radius: 26px;}
  body.page-search .wmSearchCard{padding: 14px;}
  body.page-search .wmSearchGroup{grid-template-columns: 1fr;}
  body.page-search .wmSearchLabel{justify-self:start;}
  body.page-search .wmSearchBtn{width:100%;}
  body.page-search .wmSearchChips{justify-content:flex-start;}
}

/* --- Spam Filter (spamfilter.htm) --- */
body.page-spamfilter .sfHero{ padding-bottom: 56px; }
body.page-spamfilter .sfHeroGrid{ align-items: center; }

body.page-spamfilter .sfDemoCard{ margin-top: 6px; }
body.page-spamfilter .sfDemoInner{ padding: 18px; }

body.page-spamfilter .sfDemoTop{
  display:flex;
  align-items:center;
  gap:12px;
}

body.page-spamfilter .sfDemoIcon{
  width:44px;
  height:44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
}

body.page-spamfilter .sfDemoTitle{
  font-weight: 800;
  color: var(--navy);
  letter-spacing: -.2px;
}
body.page-spamfilter .sfDemoSub{
  margin-top: 2px;
  font-size: 13px;
  color: var(--muted);
}

body.page-spamfilter .sfKVs{
  margin-top: 14px;
  display:grid;
  gap:8px;
}
body.page-spamfilter .sfKV{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.60);
  border: 1px solid var(--stroke);
}
body.page-spamfilter .sfKV .k{ font-size: 12px; color: var(--muted2); }
body.page-spamfilter .sfKV .v{ font-size: 13px; color: var(--navy); font-weight: 700; }

body.page-spamfilter .sfHint{
  margin: 12px 0 0;
  font-size: 13px;
  color: var(--muted2);
  line-height: 1.6;
}

body.page-spamfilter .sfSpin{ animation: wmSfSpin 1.1s linear infinite; }
@keyframes wmSfSpin { to { transform: rotate(360deg); } }

@media (max-width: 900px){
  body.page-spamfilter .sfHeroGrid{ grid-template-columns: 1fr; }
  body.page-spamfilter .sfDemoCard{ margin-top: 18px; }
}

/* =========================
   PAGE: specs.htm (Server Specs)
   ========================= */
body.page-specs .heroSpecs{
  padding-bottom: 26px;
}

body.page-specs .specsTitle{
  margin: 10px 0 8px;
}

body.page-specs .title_blue{
  color: var(--navy);
}

body.page-specs .specsLead{
  max-width: 62ch;
}

body.page-specs .specsHeroActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 16px;
}

body.page-specs .specsHeroActions .btn i{
  margin-right: 8px;
}

body.page-specs .specsJumpCard{
  padding: 18px;
}

body.page-specs .specsJumpTop{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 12px;
}

body.page-specs .specsJumpIcon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}

body.page-specs .specsJumpTitle{
  font-weight: 950;
  letter-spacing: -.3px;
  color: var(--navy);
  line-height: 1.15;
}

body.page-specs .specsJumpSub{
  color: var(--muted2);
  font-size: 13px;
  margin-top: 2px;
}

body.page-specs .specsMiniNote{
  margin-top: 12px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
}

body.page-specs .about_inner4{
  margin-top: 12px;
}

body.page-specs select[name="fieldname"]{
  width: 100%;
  height: 46px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.70);
  color: var(--text);
  box-shadow: var(--shadow);
  outline: none;
}

body.page-specs select[name="fieldname"]:focus{
  box-shadow: 0 0 0 4px rgba(29,78,216,.12), var(--shadow);
}

body.page-specs .specsLayout{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 18px;
  align-items:start;
}

body.page-specs .specsAside{
  position: sticky;
  top: calc(var(--stickyHeaderH, 0px) + 16px);
}

body.page-specs .specsToc .inner{
  padding: 18px;
}

body.page-specs .specsTocHead{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 950;
  letter-spacing: -.2px;
  color: var(--navy);
}

body.page-specs .specsTocNav{
  display:grid;
  gap: 8px;
  margin-top: 12px;
  max-height: calc(100vh - (var(--stickyHeaderH, 0px) + 220px));
  overflow:auto;
  padding-right: 6px;
}

body.page-specs .specsTocNav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.58);
  border: 1px solid var(--stroke);
  color: var(--muted);
  text-decoration: none;
  transition: transform .14s ease, background .18s ease, color .18s ease;
}

body.page-specs .specsTocNav a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  color: var(--text);
}

body.page-specs .specsTocBottom{
  margin-top: 14px;
  display:flex;
}

body.page-specs .specsTopBtn{
  width: 100%;
  justify-content:center;
}

body.page-specs .specsCard .inner{
  padding: 22px;
}

/* Legacy content tuning (scoped) */
body.page-specs .about_inner2{
  display:block;
}

body.page-specs .about_inner2 .content14{
  display:block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.7;
}

body.page-specs .about_inner2 p{
  margin: 0 0 14px;
}

body.page-specs .about_inner2 b{
  color: var(--navy2);
}

body.page-specs .about_inner2 a.content14{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.page-specs textarea.t{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 12px;
  border: 1px solid var(--stroke);
  background: rgba(8,20,43,.04);
  color: var(--text);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.45;
  box-shadow: var(--shadow2);
}

/* Responsive */
@media (max-width: 980px){
  body.page-specs .specsLayout{
    grid-template-columns: 1fr;
  }
  body.page-specs .specsAside{
    position: static;
  }
  body.page-specs .specsTocNav{
    max-height: none;
  }
}

/* =========================================================
   Page: SSI (ssi.htm)
   Append at end of site.css
========================================================= */
body.page-ssi .ssiHero{
  padding: 104px 0 24px;
}
body.page-ssi .ssiHeroGrid{
  display:grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 18px;
  align-items: stretch;
}
body.page-ssi .ssiHeroCard{
  border-radius: var(--r2);
}
body.page-ssi .ssiKicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
}
body.page-ssi .ssiCrumbs{
  margin-top: 12px;
  color: var(--muted2);
  font-size: 13px;
}
body.page-ssi .ssiCrumbs a{
  color: var(--muted);
  text-decoration: none;
}
body.page-ssi .ssiCrumbs a:hover{color: var(--text)}
body.page-ssi .ssiSep{opacity:.65; margin: 0 6px}
body.page-ssi .ssiH1{
  margin: 14px 0 10px;
  font-size: clamp(34px, 3.8vw, 54px);
  line-height: 1.06;
  letter-spacing: -0.9px;
  color: var(--navy);
}
body.page-ssi .ssiLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  max-width: 62ch;
}
body.page-ssi .ssiCtas{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
body.page-ssi .ssiMetaRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
body.page-ssi .ssiPill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
}

/* Stage (right hero visual) */
body.page-ssi .ssiStage{
  border-radius: var(--r2);
  border: 1px solid rgba(255,255,255,.14);
  background: var(--gradB);
  position:relative;
  overflow:hidden;
  box-shadow: var(--shadow);
  min-height: 320px;
}
body.page-ssi .ssiStageBack{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 18% 26%, rgba(20,184,166,.22), transparent 56%),
    radial-gradient(circle at 78% 18%, rgba(29,78,216,.24), transparent 58%),
    radial-gradient(circle at 60% 90%, rgba(34,211,238,.18), transparent 56%);
  filter: blur(10px);
  opacity: .9;
}
body.page-ssi .ssiStagePanel{
  position:relative;
  margin: 18px;
  padding: 16px 16px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}
body.page-ssi .ssiStageTop{
  display:flex;
  gap:8px;
  margin-bottom: 12px;
}
body.page-ssi .ssiDot{
  width:10px;height:10px;border-radius:999px;
  background: rgba(255,255,255,.35);
}
body.page-ssi .ssiLines{display:grid; gap:8px; padding: 4px 0 6px}
body.page-ssi .ssiLine{
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,.40), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.12);
}
body.page-ssi .ssiLine.w1{width: 44%}
body.page-ssi .ssiLine.w2{width: 62%}
body.page-ssi .ssiLine.w3{width: 78%}
body.page-ssi .ssiLine.w4{width: 92%}
body.page-ssi .ssiStageBadges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 12px;
}
body.page-ssi .ssiMini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  font-size: 13px;
}
body.page-ssi .ssiFloat{
  position:absolute;
  left: 18px;
  right: 18px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
}
body.page-ssi .ssiFloat b{color: #fff}
body.page-ssi .ssiFloatA{bottom: 64px}
body.page-ssi .ssiFloatB{bottom: 18px}

/* Shell */
body.page-ssi .ssiShell{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 18px;
  align-items:start;
}
body.page-ssi .ssiSide{
  border-radius: var(--r2);
}
body.page-ssi .ssiSideTitle{
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -.2px;
}
body.page-ssi .ssiToc{
  display:grid;
  gap: 8px;
  margin-top: 12px;
}
body.page-ssi .ssiToc a{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-ssi .ssiToc a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.72);
  color: var(--text);
}
body.page-ssi .ssiSideNote{
  display:flex;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(29,78,216,.18);
  background: rgba(29,78,216,.06);
  color: var(--muted);
  line-height: 1.55;
}
body.page-ssi .ssiArticle{
  border-radius: var(--r2);
}

/* Doc typography */
body.page-ssi .ssiDoc{
  color: var(--text);
  font-size: 15px;
  line-height: 1.78;
}
body.page-ssi .ssiDoc p{margin: 0 0 14px}
body.page-ssi .ssiDoc b{color: var(--navy)}
body.page-ssi .ssiDoc a{
  color: var(--blue);
  text-decoration: underline;
  text-decoration-color: rgba(29,78,216,.28);
  text-underline-offset: 3px;
}
body.page-ssi .ssiDoc a:hover{ text-decoration-color: rgba(29,78,216,.48) }
body.page-ssi .ssiDoc ul{
  margin: 8px 0 16px 18px;
  padding: 0;
}
body.page-ssi .ssiDoc ul ul{
  margin: 8px 0 0 14px;
}
body.page-ssi .ssiDoc dl{
  margin: 14px 0 0;
}
body.page-ssi .ssiDoc dt{
  margin: 12px 0 6px;
  font-weight: 800;
  color: var(--navy);
}
body.page-ssi .ssiDoc dd{
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.62);
}
body.page-ssi .ssiDoc dt b{
  font-family: var(--mono);
  font-weight: 800;
  letter-spacing: -.1px;
}
body.page-ssi .ssiDoc dd b{
  font-family: var(--mono);
}

/* Sticky sidebar */
@media (min-width: 980px){
  body.page-ssi .ssiSide{
    position: sticky;
    top: calc(var(--stickyHeaderH, 92px) + 18px);
  }
}

/* Responsive */
@media (max-width: 980px){
  body.page-ssi .ssiHeroGrid{grid-template-columns: 1fr}
  body.page-ssi .ssiStage{min-height: 260px}
  body.page-ssi .ssiShell{grid-template-columns: 1fr}
}

/* ============================
   Support Center (support.htm)
   ============================ */
body.page-support .supportHero{ padding-bottom: 34px; }

body.page-support .supportLead .content14{
  display:block;
  font-size: 16px;
  line-height: 1.65;
  color: var(--muted);
}

body.page-support .supportChips{ margin-top: 16px; }
body.page-support .supportChipLink{ text-decoration: none; }
body.page-support .supportChipLink:hover{ box-shadow: var(--ring); }

body.page-support .supportLoginCard .inner{ padding: 20px; }
body.page-support .supportCardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}

@media (min-width: 981px){
  body.page-support .supportLoginCard{
    position: sticky;
    top: calc(var(--stickyHeaderH, 0px) + 24px);
  }
}

body.page-support .supportForm{ margin-top: 8px; }

body.page-support .supportFormGrid{
  display:grid;
  gap: 12px;
}

body.page-support .supportField label{
  display:block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 6px;
}

body.page-support .supportForm input[type="text"],
body.page-support .supportForm input[type="password"],
body.page-support .supportForm select{
  width:100%;
}

body.page-support .supportSelect{
  appearance:none;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(8,20,43,.55) 50%),
    linear-gradient(135deg, rgba(8,20,43,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

body.page-support .supportAux{
  margin-top: 8px;
  font-size: 13px;
  color: var(--muted);
}
body.page-support .supportAux a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-support .supportRadioRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
}

body.page-support .supportRadioLabel{
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
}

body.page-support .supportRadios{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items:center;
  justify-content:flex-end;
}

body.page-support .supportRadio{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  font-size: 13px;
  color: var(--text);
}

body.page-support .supportRadio input{
  accent-color: var(--cyan);
}

body.page-support .supportCtaRow{ margin-top: 2px; }
body.page-support .supportBtn{ width: 100%; justify-content:center; }

body.page-support .supportNote{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-support .wmMail a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-support .srOnly{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip: rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

body.page-support .supportResourceGrid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 980px){
  body.page-support .supportResourceGrid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   PAGE: survey.htm
   Scope: body.page-survey
========================================================= */
body.page-survey .svMain{padding-bottom: 36px}

body.page-survey .svHero{
  padding: 112px 0 64px;
}

body.page-survey .svGrid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  align-items:start;
}

body.page-survey .svTitle{
  margin: 14px 0 12px;
}

body.page-survey .svLead{
  margin: 0;
}

body.page-survey .svMeta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 16px;
  color: var(--muted);
  font-size: 13px;
}

body.page-survey .svMetaItem{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
}

body.page-survey .svMetaItem i{
  color: var(--navy2);
  opacity: .9;
}

body.page-survey .svHint{
  margin-top: 14px;
  display:flex;
  align-items:flex-start;
  gap: 10px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
  max-width: 62ch;
}

body.page-survey .svHint i{
  margin-top: 2px;
  color: var(--cyan);
}

body.page-survey .svCard{
  overflow:hidden;
}

body.page-survey .svCardInner{
  padding: 22px;
}

body.page-survey .svDone{
  margin-top: 14px;
}

body.page-survey .svDone:empty{
  display:none;
}

/* Legacy message bits produced by $Done */
body.page-survey .svDone .title_blue{
  display:block;
  font-weight: 900;
  letter-spacing: -.2px;
  margin-bottom: 6px;
}
body.page-survey .svDone .content14{
  display:block;
  color: var(--muted);
  line-height: 1.6;
}
body.page-survey .svDone font[color="#FF0000"]{
  color: #e11d48; /* modern red/pink (keeps intention, looks premium) */
}

/* Form styling */
body.page-survey .svField{
  margin-top: 14px;
}
body.page-survey .svLabel{
  display:block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.1px;
  color: var(--navy);
  margin-bottom: 8px;
}

body.page-survey select,
body.page-survey textarea{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.72);
  color: var(--text);
  outline: none;
  box-shadow: 0 12px 30px rgba(8,20,43,.06);
}

body.page-survey textarea{
  min-height: 160px;
  resize: vertical;
}

body.page-survey select:focus,
body.page-survey textarea:focus{
  box-shadow: var(--ring);
  border-color: rgba(20,184,166,.55);
}

body.page-survey .svActions{
  display:flex;
  justify-content:flex-end;
  margin-top: 16px;
}

body.page-survey .svSendBtn{
  padding-left: 16px;
  padding-right: 16px;
}

body.page-survey .svNoJs{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 980px){
  body.page-survey .svGrid{grid-template-columns: 1fr}
  body.page-survey .svHero{padding: 104px 0 58px}
  body.page-survey .svCardInner{padding: 18px}
  body.page-survey .svActions{justify-content:stretch}
  body.page-survey .svSendBtn{width: 100%}
}

/* -------------------------------------------------
   Survey (survey.php)
-------------------------------------------------- */
body.page-survey .svMain{
  padding-bottom: 68px;
}

body.page-survey .svHero{
  padding-bottom: 34px;
}

body.page-survey .svNote{
  margin-top: 12px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height: 1.55;
}
body.page-survey .svNote i{
  margin-top: 2px;
  color: var(--cyan);
}

body.page-survey .svCard{
  align-self: start;
}

body.page-survey .svField{
  display:grid;
  gap: 8px;
  margin-bottom: 14px;
}

body.page-survey .svLabel{
  font-size: 14px;
  color: var(--navy);
  line-height: 1.35;
}

body.page-survey .svForm .t,
body.page-survey .t{
  width: 100%;
}

body.page-survey .svSelect{
  width: 100%;
}

body.page-survey select.t{
  height: 48px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.72);
  color: var(--navy);
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

body.page-survey .svTextarea,
body.page-survey textarea.t{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.72);
  color: var(--navy);
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  min-height: 170px;
  resize: vertical;
}

body.page-survey select.t:focus,
body.page-survey textarea.t:focus,
body.page-survey .svTextarea:focus{
  box-shadow: var(--ring);
  border-color: rgba(20,184,166,.35);
  background: rgba(255,255,255,.84);
}

body.page-survey .svActions{
  margin-top: 6px;
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
}

body.page-survey .svHint{
  font-size: 13px;
  color: var(--muted2);
}

body.page-survey .svLegacy{
  margin-top: 18px;
}

body.page-survey .svLegacyLinks{
  text-align:center;
}

body.page-survey .svLegacyLinks nobr{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: 10px;
  white-space: normal;
}

body.page-survey .svLegacyLinks a{
  color: var(--muted);
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
  transition: background .2s ease, transform .16s ease, color .2s ease;
}
body.page-survey .svLegacyLinks a:hover{
  background: rgba(8,20,43,.06);
  color: var(--text);
  transform: translateY(-1px);
}

body.page-survey .svCopyright{
  margin-top: 12px;
  text-align:center;
  color: var(--muted2);
}
body.page-survey .svCopyright a{
  text-decoration: underline;
}

body.page-survey .svTyTitle{
  margin: 12px 0 8px;
  font-size: 16px;
  color: #FF6600;
}
body.page-survey .svTyStrong{
  margin: 0 0 12px;
  color: var(--navy);
}
body.page-survey .svTyBody{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

/* =========================================
   Page: Sitemap (sitemap.htm)
========================================= */
body.page-sitemap .sitemapHero .lead{
  max-width: 62ch;
}

body.page-sitemap .sitemapSide{
  align-self: stretch;
}

body.page-sitemap .sitemapSide .inner{
  padding: 18px;
}

body.page-sitemap .sitemapSide .kicker{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted2);
  margin: 0 0 10px;
}

body.page-sitemap .sitemapQuick{
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

body.page-sitemap .sitemapQuickLink{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  box-shadow: 0 10px 24px rgba(8,20,43,.06);
  color: var(--navy);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.page-sitemap .sitemapQuickLink i{
  width: 18px;
  color: var(--cyan);
}

body.page-sitemap .sitemapQuickLink:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(8,20,43,.10);
}

body.page-sitemap .sitemapCard{
  padding: 18px;
}

body.page-sitemap .sitemapCardHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.page-sitemap .sitemapCardHead .title_blue strong{
  font-size: 18px;
  letter-spacing: -0.01em;
  color: var(--navy);
}

body.page-sitemap .sitemapCardTools{
  display: flex;
  gap: 10px;
  align-items: center;
}

body.page-sitemap .btn.btnSmall{
  padding: 9px 12px;
  font-size: 13px;
  border-radius: 999px;
}

body.page-sitemap .sitemapCard hr{
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--stroke), transparent);
  margin: 16px 0;
}

body.page-sitemap .content14{
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}

body.page-sitemap .content14 a{
  color: var(--navy);
  text-decoration: none;
}

body.page-sitemap .content14 a:hover{
  text-decoration: underline;
}

body.page-sitemap .content14 b{
  color: var(--ink);
}

body.page-sitemap .sitemapLegacy{
  margin-top: 6px;
}

body.page-sitemap .sitemapTable{
  width: 100%;
  border-collapse: separate;
  border-spacing: 18px;
}

body.page-sitemap .sitemapSpacer{
  width: 0;
  padding: 0;
}

body.page-sitemap .sitemapCol{
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  padding: 18px 18px 14px;
  box-shadow: 0 14px 34px rgba(8,20,43,.07);
}

body.page-sitemap .sitemapChk{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  margin-right: 10px;
  background: rgba(20,184,166,.12);
  border: 1px solid rgba(20,184,166,.22);
  color: var(--cyan);
  font-size: 11px;
  vertical-align: middle;
}

body.page-sitemap .sitemapCol p{
  margin: 14px 0 0;
}

body.page-sitemap .sitemapCol br{
  line-height: 1.85;
}

body.page-sitemap .sitemapCol nobr{
  white-space: normal;
}

@media (max-width: 980px){
  body.page-sitemap .heroGrid{
    grid-template-columns: 1fr;
  }

  body.page-sitemap .sitemapTable,
  body.page-sitemap .sitemapTable tbody,
  body.page-sitemap .sitemapTable tr{
    display: block;
  }

  body.page-sitemap .sitemapTable td{
    display: block;
    width: 100% !important;
  }

  body.page-sitemap .sitemapSpacer{
    display: none;
  }

  body.page-sitemap .sitemapTable{
    border-spacing: 0;
  }

  body.page-sitemap .sitemapCol{
    margin: 0 0 16px;
  }
}

/* =======================
   SVCPAGE — FrontPage® 2002
   (scope: body.page-svcpage)
   ======================= */

body.page-svcpage .heroSvc .lead{
  max-width: 62ch;
}

body.page-svcpage .svcLeadStrong{
  font-weight: 800;
}

body.page-svcpage .svcAside .svcBrandRow{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

body.page-svcpage .svcMsLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius: 18px;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  flex: 0 0 auto;
}

body.page-svcpage .svcMsIcon{
  font-size: 22px;
  color: var(--navy2);
}

body.page-svcpage .svcBrandText p{
  margin: 0 0 10px;
  line-height: 1.6;
  color: var(--muted);
  font-size: 14px;
}

body.page-svcpage .svcBrandText p strong,
body.page-svcpage .svcBrandText p b{
  color: var(--text);
}

body.page-svcpage .svcMsBlue{
  color: #000063;
}

body.page-svcpage .svcRule{
  border:0;
  height:1px;
  background: rgba(0,0,0,.12);
  margin: 16px 0;
}

body.page-svcpage .svcRuleTight{
  margin: 12px 0;
}

body.page-svcpage .svcLearnMore{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

body.page-svcpage .svcContentGrid{
  grid-template-columns: 1.15fr .85fr;
  align-items:start;
}

body.page-svcpage .svcSideGrid{
  gap:16px;
}

body.page-svcpage .svcList{
  list-style:none;
  padding:0;
  margin: 12px 0 0;
  display:grid;
  gap:10px;
}

body.page-svcpage .svcList li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
}

body.page-svcpage .svcBulletIcon{
  width:30px;
  height:30px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  flex: 0 0 auto;
  color: var(--navy2);
  margin-top: 1px;
}

body.page-svcpage .svcLiText{
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-svcpage .svcLiText b,
body.page-svcpage .svcLiText strong{
  color: var(--text);
}

body.page-svcpage .svcRed{
  color:#ff0000;
}

body.page-svcpage .svcCenter{
  text-align:center;
}

body.page-svcpage .svcBlueHead{
  color:#000080;
  font-size: 14px;
  letter-spacing: -.1px;
}

body.page-svcpage .svcPriceLine{
  margin: 8px 0 0;
  color: var(--text);
}

body.page-svcpage .svcWmWordmark{
  color:#000080;
  letter-spacing: .4px;
}

body.page-svcpage .svcContacts{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}

body.page-svcpage .svcMiniCard{
  background: rgba(255,255,255,.62);
}

body.page-svcpage .svcMiniTitle{
  color:#000082;
  font-weight: 900;
  margin-bottom: 6px;
}

body.page-svcpage .svcMiniText{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

body.page-svcpage .svcLegacyLinksTitle{
  margin: 0 0 8px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
}

body.page-svcpage .svcLegacyLinks{
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.7;
}

body.page-svcpage .svcLegacyCopy{
  margin: 0;
  color: var(--muted2);
}

body.page-svcpage .svcSrOnly{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width: 980px){
  body.page-svcpage .svcContentGrid{
    grid-template-columns: 1fr;
  }
  body.page-svcpage .svcContacts{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px){
  body.page-svcpage .svcMsLink{
    width:48px;
    height:48px;
    border-radius: 16px;
  }
}

/* --- Page: Testimonial (testimonial.php) --- */
body.page-testimonial .wmTestimonialHero{padding-bottom:64px;}
body.page-testimonial .wmTestimonialInfoGrid{margin-top:14px;}
body.page-testimonial .wmLinkCard{display:block; transition: transform .16s ease;}
body.page-testimonial .wmLinkCard:hover{transform: translateY(-2px);}

@media (min-width: 981px){
  body.page-testimonial .wmTestimonialCard{
    position: sticky;
    top: calc(var(--stickyHeaderH, 0px) + 22px);
  }
}

body.page-testimonial .testm_work_sing{margin: 10px 0 14px;}
body.page-testimonial .wmDone{
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(20,184,166,.10);
  border: 1px solid rgba(20,184,166,.22);
}

body.page-testimonial .title_blue{
  display:block;
  font-weight: 950;
  letter-spacing: -.25px;
  color: var(--navy);
  margin-bottom: 6px;
  font-size: 18px;
}

body.page-testimonial .content14{
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}

body.page-testimonial .wmForm{margin-top: 12px;}
body.page-testimonial .wmFormGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}
body.page-testimonial .wmSpan2{grid-column: 1 / -1;}

@media (max-width: 740px){
  body.page-testimonial .wmFormGrid{grid-template-columns: 1fr;}
}

body.page-testimonial .wmField{display:flex; flex-direction:column; gap: 7px;}
body.page-testimonial .wmLabel{
  font-size: 13px;
  color: var(--muted2);
}

body.page-testimonial .wmLabelRow{display:flex; align-items:center; justify-content:space-between; gap: 10px; flex-wrap:wrap;}
body.page-testimonial .wmLabelText{
  font-size: 13px;
  color: var(--muted2);
}

body.page-testimonial .wmRadios{
  display:flex;
  gap: 14px;
  align-items:center;
  flex-wrap:wrap;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.66);
  border: 1px solid var(--stroke);
}
body.page-testimonial .wmRadio{display:inline-flex; gap: 8px; align-items:center; color: var(--text); font-size: 14px;}
body.page-testimonial .wmRadio input{transform: translateY(1px);}

body.page-testimonial .signup_textbox1,
body.page-testimonial select,
body.page-testimonial .textmonila_textbox_1{
  width: 100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
  outline: none;
}
body.page-testimonial select{appearance: none;}
body.page-testimonial .textmonila_textbox_1{
  min-height: 144px;
  resize: vertical;
}

body.page-testimonial .signup_textbox1:focus,
body.page-testimonial select:focus,
body.page-testimonial .textmonila_textbox_1:focus{
  box-shadow: var(--ring);
  border-color: rgba(20,184,166,.35);
}

body.page-testimonial .wmSubmitRow{
  display:flex;
  justify-content:flex-end;
  margin-top: 12px;
}
body.page-testimonial .wmSubmitRow .btn{min-width: 170px;}
body.page-testimonial .wmSubmitRow .btn i{margin-right: 2px;}

/* --- Testimonial CSS FIX (append after existing testimonial block) --- */
body.page-testimonial .wmTestimonialCard .inner{
  padding: 22px 22px 18px; /* glass içinde inner'a gerçek padding */
}

body.page-testimonial .wmTestimonialCard .title_blue{
  margin-top: 0;
  line-height: 1.25; /* başlığın üstten kesilmesini engeller */
}

body.page-testimonial .wmTestimonialCard .testm_work_sing{
  margin: 8px 0 16px; /* açıklama metni + form arasında nefes */
}

@media (min-width: 981px){
  /* sticky kullanıyorsan gerçek header boşluğuna göre ayarla */
  body.page-testimonial .wmTestimonialCard{
    top: calc(var(--topPad) + 14px); /* 92px + 14px => navbarı yemesin */
  }
}

/* Form elemanlarında hizalama/okunabilirlik */
body.page-testimonial .wmLabelRow{
  align-items: flex-start;
}

body.page-testimonial .wmRadios{
  padding: 8px 10px;
}

body.page-testimonial .textmonila_textbox_1{
  min-height: 160px; /* message alanı daha dengeli */
}

/* =========================================================
   Page: Testimonials
   ========================================================= */
body.page-testimonials .tmHeroGrid{
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
}

body.page-testimonials .tmCrumbs{
  margin: 12px 0 10px;
  color: var(--muted2);
  font-size: 13px;
}
body.page-testimonials .tmCrumbs a{
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-testimonials .tmCrumbs a:hover{ color: var(--text); }

body.page-testimonials .tmLead{
  max-width: 62ch;
  color: var(--muted);
}

body.page-testimonials .tmActions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

body.page-testimonials .tmAside{
  display:grid;
  gap: 14px;
  align-content:start;
}

body.page-testimonials .tmStat{
  padding: 18px;
}
body.page-testimonials .tmStatTop{
  display:flex;
  align-items:center;
  gap: 14px;
}
body.page-testimonials .tmStatIcon{
  width:46px;
  height:46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}
body.page-testimonials .tmStatLabel{
  color: var(--muted2);
  font-size: 12px;
}
body.page-testimonials .tmStatValue{
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.6px;
  color: var(--navy);
  line-height: 1.05;
  margin-top: 2px;
}
body.page-testimonials .tmStatHint{
  color: var(--muted2);
  font-size: 12px;
  margin-top: 3px;
}
body.page-testimonials .tmStatMini{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  color: var(--muted);
  display:flex;
  gap: 10px;
  align-items:center;
}

body.page-testimonials .tmSideCard .inner p{
  margin: 0;
}

body.page-testimonials .tmLayout{
  display:grid;
  grid-template-columns: minmax(0,1fr) 360px;
  gap: 18px;
  align-items:start;
}

body.page-testimonials .tmInner{
  padding: 22px;
}

body.page-testimonials .tmHeadRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 14px;
}
body.page-testimonials .tmH2{
  margin: 0;
  font-size: 20px;
  letter-spacing: -0.3px;
  color: var(--navy);
}
body.page-testimonials .tmSub{
  margin-top: 6px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
body.page-testimonials .tmMiniCta{
  padding: 10px 14px;
}

body.page-testimonials .tmTable{
  border-radius: 18px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
  overflow:hidden;
}

body.page-testimonials .tmTable table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

body.page-testimonials .tmTable td{
  padding: 10px 14px;
  vertical-align: top;
  color: var(--text);
}

body.page-testimonials .tmTable td[height="15"],
body.page-testimonials .tmTable td[height="5"]{
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

body.page-testimonials .tmTable td[colspan="2"] > b{
  color: var(--navy);
  letter-spacing: -0.2px;
}

body.page-testimonials .tmTable i{
  display:block;
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.70);
  border: 1px solid var(--stroke);
  color: rgba(8,20,43,.86);
}

body.page-testimonials .tmTable td a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-testimonials .tmTable td a:hover{
  color: var(--navy);
}

/* Pagination row styling (generated by legacy PHP) */
body.page-testimonials .tmTable td[align="center"]{
  padding: 14px 12px;
  border-top: 1px solid var(--stroke);
  background: rgba(255,255,255,.45);
}
body.page-testimonials .tmTable td[align="center"] nobr{
  white-space: normal;
}
body.page-testimonials .tmTable td[align="center"] a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 11px;
  margin: 4px 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  color: var(--muted);
  text-decoration: none;
  transition: transform .16s ease, background .2s ease;
}
body.page-testimonials .tmTable td[align="center"] a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.82);
  color: var(--text);
}
body.page-testimonials .tmTable td[align="center"] b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 11px;
  margin: 4px 3px;
  border-radius: 999px;
  background: var(--gradA);
  color: #fff;
  border: 0;
}

/* Keep the bottom "Click here" row link looking like a normal link */
body.page-testimonials .tmTable td[align="center"] a.content14{
  display:inline;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  color: var(--blue);
  text-decoration: underline;
}

/* Sidebar */
body.page-testimonials .tmHelp{
  padding: 18px;
}
body.page-testimonials .tmHelpTitle{
  display:flex;
  gap: 10px;
  align-items:center;
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -0.2px;
}
body.page-testimonials .tmHelpList{
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}
body.page-testimonials .tmHelpCtas{
  margin-top: 14px;
}

/* Responsive */
@media (max-width: 980px){
  body.page-testimonials .tmLayout{
    grid-template-columns: 1fr;
  }
  body.page-testimonials .tmHeroGrid{
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------
   Testimonials (testimonials.php)
   Scoped: body.page-testimonials
-------------------------------------------------- */
body.page-testimonials .tstHero .lead a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-testimonials .tstActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 16px;
}

body.page-testimonials .tstSide{
  padding: 18px;
}
body.page-testimonials .tstSideHead{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom: 14px;
}
body.page-testimonials .tstSideIcon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}
body.page-testimonials .tstSideTitle{
  font-weight: 900;
  letter-spacing: -.25px;
}
body.page-testimonials .tstSideSub{
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
  line-height: 1.4;
}

body.page-testimonials .tstStats{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}
body.page-testimonials .tstStat{
  border-radius: 14px;
  background: rgba(255,255,255,.60);
  border: 1px solid var(--stroke);
  padding: 12px;
}
body.page-testimonials .tstStatK{
  color: var(--muted2);
  font-size: 12px;
}
body.page-testimonials .tstStatV{
  font-weight: 900;
  font-size: 22px;
  letter-spacing: -.2px;
  margin-top: 2px;
  color: var(--navy);
}

body.page-testimonials .tstSideCtas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 14px;
}

body.page-testimonials .tstCardInner{
  padding: 22px;
}

body.page-testimonials .tstCount{
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 14px;
}

body.page-testimonials .tstList{
  display:grid;
  gap: 14px;
}

body.page-testimonials .tstItem .inner{
  padding: 18px;
}
body.page-testimonials .tstTitle{
  color: var(--navy);
  letter-spacing: -.15px;
}
body.page-testimonials .tstQuote{
  margin-top: 10px;
  line-height: 1.75;
  color: var(--text);
}
body.page-testimonials .tstBy{
  margin-top: 12px;
  color: var(--muted);
  font-size: 14px;
}
body.page-testimonials .tstBy a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-testimonials .tstPager{
  display:flex;
  justify-content:center;
  padding: 14px 0;
}
body.page-testimonials .tstPagerInner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
  color: var(--muted);
  font-size: 13px;
}
body.page-testimonials .tstPager a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-testimonials .tstPager a:hover{
  transform: translateY(-1px);
  background: rgba(8,20,43,.07);
  color: var(--text);
}
body.page-testimonials .tstPager b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(20,184,166,.16);
  border: 1px solid rgba(20,184,166,.28);
  color: var(--navy);
}

body.page-testimonials .tstSubmitRow{
  margin-top: 18px;
  text-align:center;
  color: var(--muted);
}
body.page-testimonials .tstSubmitRow a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-testimonials .tstLegacyFoot{
  margin-top: 16px;
}
body.page-testimonials .tstLegacyNav{
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2px;
}
body.page-testimonials .tstLegacyNav nobr{
  white-space: nowrap;
  display:inline-block;
}
body.page-testimonials .tstLegacyCopy{
  margin-top: 12px;
  color: var(--muted2);
  font-size: 12px;
  text-align:center;
}
body.page-testimonials .tstLegacyCopy a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 980px){
  body.page-testimonials .heroGrid{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  body.page-testimonials .tstActions .btn{ width:100%; justify-content:center; }
  body.page-testimonials .tstStats{ grid-template-columns: 1fr; }
}

/* PAGE: top10.htm */
body.page-top10 .heroTop10{
  padding-bottom: 28px;
}
body.page-top10 .heroTop10 .lead{
  max-width: 70ch;
}

body.page-top10 .top10Quick{
  padding: 16px;
}
body.page-top10 .top10QuickInner{
  padding: 12px;
}
body.page-top10 .top10QuickHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 10px;
}
body.page-top10 .top10QuickList{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
body.page-top10 .top10QuickList a{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  color: var(--muted);
  transition: transform .16s ease, background .2s ease, color .2s ease;
}
body.page-top10 .top10QuickList a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
  color: var(--text);
}
body.page-top10 .top10Mini{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy);
  font-weight: 900;
  font-size: 12px;
  flex: 0 0 auto;
}
body.page-top10 .top10QuickNote{
  margin-top: 12px;
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.55;
}

body.page-top10 .top10Stack{
  max-width: 980px;
  margin: 0 auto;
  display:grid;
  gap: 14px;
}

body.page-top10 .top10Card .top10Inner{
  display:grid;
  grid-template-columns: 64px 1fr;
  gap: 14px;
  align-items:flex-start;
}
body.page-top10 .top10Num{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: var(--gradA);
  color: #fff;
  font-weight: 950;
  font-size: 18px;
  box-shadow: 0 18px 44px rgba(29,78,216,.18);
  border: 1px solid rgba(255,255,255,.25);
}

body.page-top10 .top10Title{
  margin: 2px 0 8px;
  font-size: 16px;
  letter-spacing: -.2px;
  color: var(--navy);
}
body.page-top10 .top10Text{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}
body.page-top10 .top10Text a{
  text-decoration: underline;
  text-decoration-color: rgba(29,78,216,.35);
  text-underline-offset: 3px;
}
body.page-top10 .top10Text a:hover{
  text-decoration-color: rgba(20,184,166,.45);
}

body.page-top10 .top10Foot{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--stroke);
  text-align:center;
}
body.page-top10 .top10Close{
  margin: 0 0 10px;
}
body.page-top10 .top10Copyright{
  margin: 0;
  color: var(--muted2);
  font-size: 12px;
}
body.page-top10 .top10Copyright a{
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 720px){
  body.page-top10 .top10QuickList{
    grid-template-columns: 1fr;
  }
  body.page-top10 .top10Card .top10Inner{
    grid-template-columns: 1fr;
  }
  body.page-top10 .top10Num{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: 17px;
  }
}

/* Page: Top 10 */
body.page-top10 .navWrap{display:none;}
body.page-top10 footer{display:none;}
body.page-top10 #modal{display:none;}

body.page-top10 .t10Main{
  padding: 22px 0 34px;
}

body.page-top10 .t10Shell{
  overflow:hidden;
}

body.page-top10 .t10Head{
  padding: 18px 18px 12px;
  border-bottom: 1px solid var(--stroke);
  background: rgba(255,255,255,.48);
}

body.page-top10 .t10Kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18px;
  text-transform:uppercase;
  color: var(--navy2);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.62);
}

body.page-top10 .t10TitleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top: 12px;
}

body.page-top10 .t10Title{
  margin:0;
  color: var(--navy);
  letter-spacing:-.35px;
  line-height:1.15;
  font-size: 18px;
}

body.page-top10 .t10Title .white_arial19{
  font-family: var(--font);
  font-size: inherit;
  color: inherit;
}

body.page-top10 .t10IconClose{
  width:38px;
  height:38px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.70);
  box-shadow: var(--shadow2);
  transition: transform .15s ease, box-shadow .15s ease;
}
body.page-top10 .t10IconClose:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}

body.page-top10 .t10Lead{
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
  max-width: 75ch;
}

body.page-top10 .t10List{
  padding: 14px 18px 18px;
  display:grid;
  gap: 12px;
}

body.page-top10 .t10Item .inner{
  padding: 14px 14px;
}

body.page-top10 .t10ItemInner{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}

body.page-top10 .t10Num{
  flex: 0 0 44px;
  width:44px;
  height:44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: var(--gradA);
  box-shadow: 0 14px 26px rgba(29,78,216,.20);
}
body.page-top10 .t10Num .white_arial19{
  font-family: var(--font);
  color:#fff;
  font-weight: 900;
  font-size: 16px;
}

body.page-top10 .t10Text{
  min-width: 0;
}

body.page-top10 .t10Text .text_arial15{
  font-family: var(--font);
  font-size: 15px;
  letter-spacing:-.2px;
  color: var(--navy);
}

body.page-top10 .t10Text .content14{
  display:block;
  margin-top: 6px;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}

body.page-top10 .t10Text a{
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(29,78,216,.35);
}
body.page-top10 .t10Text a:hover{
  text-decoration-color: rgba(20,184,166,.55);
}

body.page-top10 .t10Foot{
  padding: 14px 18px 18px;
  border-top: 1px solid var(--stroke);
  background: rgba(255,255,255,.48);
  display:flex;
  justify-content:center;
}

body.page-top10 .t10CloseLink{
  gap: 10px;
}

@media (max-width: 520px){
  body.page-top10 .t10Head{padding: 16px 14px 12px;}
  body.page-top10 .t10List{padding: 12px 14px 16px;}
  body.page-top10 .t10ItemInner{gap: 12px;}
  body.page-top10 .t10Title{font-size: 17px;}
}

/* -----------------------------
   Traffic Partners page
   ----------------------------- */
body.page-traffic-partners .tp-hero{
  overflow:hidden;
}
body.page-traffic-partners .tp-side{
  padding: 18px;
}
body.page-traffic-partners .tp-sideInner{
  position: relative;
  padding: 18px;
  border-radius: var(--r2);
}
body.page-traffic-partners .tp-sideTitle{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 900;
  letter-spacing: -.25px;
  color: var(--navy);
  margin: 2px 0 10px;
}
body.page-traffic-partners .tp-sideText p{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}
body.page-traffic-partners .tp-sideText a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-traffic-partners .tp-kicker{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 16px;
}
body.page-traffic-partners .tp-kickerTitle{
  font-weight: 900;
  letter-spacing: -.35px;
  color: var(--navy);
  font-size: 18px;
}
body.page-traffic-partners .tp-kickerSub{
  color: var(--muted2);
  font-size: 13px;
  line-height: 1.35;
}

body.page-traffic-partners .tp-grid{
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
body.page-traffic-partners .tp-partner .inner{
  padding: 20px;
  display:flex;
  flex-direction:column;
  gap: 12px;
  min-height: 220px;
}
body.page-traffic-partners .tp-partnerTop{
  display:flex;
  align-items:flex-start;
  gap: 12px;
}
body.page-traffic-partners .tp-ico{
  width:44px;
  height:44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  flex: 0 0 auto;
}
body.page-traffic-partners .tp-head{
  flex: 1 1 auto;
  min-width: 0;
}
body.page-traffic-partners .tp-name{
  font-weight: 900;
  letter-spacing: -.2px;
  line-height: 1.15;
  margin-top: 2px;
}
body.page-traffic-partners .tp-name a{
  color: var(--navy);
}
body.page-traffic-partners .tp-name a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-traffic-partners .tp-ext{
  color: var(--muted2);
  padding-top: 6px;
  flex: 0 0 auto;
}

body.page-traffic-partners .tp-body p{
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
  font-size: 14px;
}
body.page-traffic-partners .tp-foot{
  margin-top: auto;
  padding-top: 6px;
}
body.page-traffic-partners .tp-url{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 12.5px;
  color: var(--muted);
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(8,20,43,.05);
  border: 1px solid var(--stroke);
  word-break: break-word;
}

body.page-traffic-partners .tp-bottom{
  margin-top: 18px;
}
body.page-traffic-partners .tp-cta .inner{
  padding: 22px;
}
body.page-traffic-partners .tp-ctaGrid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  align-items:center;
}
body.page-traffic-partners .tp-ctaTitle{
  font-weight: 900;
  letter-spacing: -.35px;
  color: var(--navy);
  font-size: 18px;
  margin-bottom: 8px;
}
body.page-traffic-partners .tp-ctaText p{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}
body.page-traffic-partners .tp-ctaActions{
  display:flex;
  gap: 10px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
body.page-traffic-partners .tp-ctaActions .btn{
  justify-content:center;
}

@media (max-width: 1020px){
  body.page-traffic-partners .tp-grid{ grid-template-columns: repeat(2, 1fr); }
  body.page-traffic-partners .tp-ctaGrid{ grid-template-columns: 1fr; }
  body.page-traffic-partners .tp-ctaActions{ justify-content:flex-start; }
}
@media (max-width: 640px){
  body.page-traffic-partners .tp-grid{ grid-template-columns: 1fr; }
  body.page-traffic-partners .tp-kicker{ flex-direction:column; align-items:flex-start; }
  body.page-traffic-partners .tp-ctaActions .btn{ width: 100%; }
}

/* =============================
   Traceroute (traceroute.htm)
   ============================= */
body.page-traceroute #head{display:none}

body.page-traceroute .trPage{padding-bottom:72px}

body.page-traceroute .trHero{padding: 26px 0 18px}
body.page-traceroute .trHeroCard .inner{padding:22px}
body.page-traceroute .trHeroTop{display:flex; gap:16px; align-items:flex-start}
body.page-traceroute .trHeroIcon{flex:0 0 auto}
body.page-traceroute .trHeroIcon i{font-size:18px}

body.page-traceroute .trBadge{margin-bottom:10px}
body.page-traceroute .trBadge i{margin-right:8px}

body.page-traceroute .trH1{
  margin: 8px 0 10px;
  font-size: 42px;
  letter-spacing: -.8px;
  line-height: 1.05;
  color: var(--navy);
}
body.page-traceroute .trLead{
  margin:0 0 14px;
  color: var(--muted);
  line-height:1.65;
  font-size:15px;
  max-width: 60ch;
}

body.page-traceroute .trCtas{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
body.page-traceroute .trPills{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}

body.page-traceroute .trSection{padding: 10px 0 80px}
body.page-traceroute .trGrid{
  display:grid;
  gap:16px;
  grid-template-columns: 1.22fr .78fr;
  align-items:start;
}

body.page-traceroute .trHeadRow{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin-bottom:12px;
}
body.page-traceroute .trH2{
  margin:0;
  font-size:18px;
  letter-spacing:-.2px;
  color: var(--navy2);
}
body.page-traceroute .trHeadHint{
  font-size:13px;
  color: var(--muted2);
  display:flex;
  gap:8px;
  align-items:center;
}

/* Legacy content styling (scoped) */
body.page-traceroute .trLegacy{
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid var(--stroke);
}
body.page-traceroute .trLegacy .testm_work_top,
body.page-traceroute .trLegacy .testm_work_top_middle{
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}
body.page-traceroute .trLegacy .content14{
  font-size:14px;
  line-height:1.75;
  color: var(--text);
}
body.page-traceroute .trLegacy p{margin: 0 0 14px}
body.page-traceroute .trLegacy a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  word-break: break-word;
}
body.page-traceroute .trLegacy a:hover{color: var(--navy2)}
body.page-traceroute .trLegacy a[href^="telnet:"]{font-family: var(--mono)}
body.page-traceroute .trLegacy font[color="#000080"]{color: var(--navy2)}

/* Sidebar */
body.page-traceroute .trSideTop{display:flex; align-items:center; gap:12px; margin-bottom:12px}
body.page-traceroute .trH3{margin:0; font-size:16px; letter-spacing:-.2px; color: var(--navy2)}
body.page-traceroute .trSteps{margin:0; padding-left:18px; color: var(--muted); line-height:1.7}
body.page-traceroute .trSteps li{margin: 0 0 10px}
body.page-traceroute .trSideCallout{
  margin-top:14px;
  padding:12px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height:1.65;
}
body.page-traceroute .trSideCtas{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}

/* Responsiveness */
@media (max-width: 980px){
  body.page-traceroute .trGrid{grid-template-columns: 1fr}
}
@media (max-width: 720px){
  body.page-traceroute .trHeroTop{flex-direction:column}
  body.page-traceroute .trH1{font-size:34px}
}
@media (min-width: 1080px){
  body.page-traceroute .trLegacy .testm_work_top_middle{
    column-count: 2;
    column-gap: 40px;
  }
  body.page-traceroute .trLegacy p{break-inside: avoid}
  body.page-traceroute .trSideCard{
    position: sticky;
    top: calc(var(--stickyHeaderH, 0px) + 20px);
  }
}

/* ================================
   Page: Unlimited Domains (unlimited_domains.htm)
   Scope: body.page-unlimited-domains
================================ */
body.page-unlimited-domains .navWrap,
body.page-unlimited-domains footer,
body.page-unlimited-domains #modal{
  display:none !important;
}

body.page-unlimited-domains main.topPad{
  padding-top: 0;
}

body.page-unlimited-domains .udSection{
  padding: 72px 0;
}

body.page-unlimited-domains #center.udWrap{
  display:flex;
  justify-content:center;
}

body.page-unlimited-domains .udCard{
  width: 100%;
  max-width: 880px;
  overflow:hidden;
}

body.page-unlimited-domains .udBar{
  height: 10px;
  background: var(--gradA);
}

body.page-unlimited-domains .udInner{
  padding: 28px 28px 22px;
}

body.page-unlimited-domains .udHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 16px;
}

body.page-unlimited-domains .udKicker{
  display:flex;
  align-items:center;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: .12px;
}

body.page-unlimited-domains .udKickerIcon{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}

body.page-unlimited-domains .udIconClose{
  flex: 0 0 auto;
}

body.page-unlimited-domains .udTitle{
  margin: 0 0 12px;
  font-size: clamp(26px, 3.1vw, 40px);
  letter-spacing: -0.6px;
  color: var(--navy);
}

body.page-unlimited-domains .udCopy .content14{
  display:block;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

body.page-unlimited-domains .udCopy p{
  margin: 0 0 14px;
}

body.page-unlimited-domains .udActions{
  display:flex;
  justify-content:center;
  margin-top: 8px;
}

body.page-unlimited-domains .udActions .btn{
  min-width: 180px;
}

@media (max-width: 560px){
  body.page-unlimited-domains .udSection{ padding: 60px 0; }
  body.page-unlimited-domains .udInner{ padding: 20px 18px 16px; }
  body.page-unlimited-domains .udActions .btn{ width: 100%; }
}

/* Uptime Report */
body.page-uptime .upHero{
  padding-top: 26px; /* main already has topPad */
}

body.page-uptime .upHeroGrid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  align-items:start;
}

body.page-uptime .upIntro{
  padding: 26px;
}

body.page-uptime .upKicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid var(--stroke);
  box-shadow: 0 10px 22px rgba(8,20,43,.06);
  color: var(--muted);
  font-size: 13px;
}

body.page-uptime .upKickerIcon{
  width:28px;height:28px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
}

body.page-uptime .upTitle{
  margin: 14px 0 10px;
  letter-spacing: -.5px;
  color: var(--navy);
  font-weight: 900;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.05;
}

body.page-uptime .upLead{
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 15px;
}

body.page-uptime .upCtas{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 16px;
}

body.page-uptime .upMeta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 14px;
}

body.page-uptime .upPanel{
  overflow:hidden;
}

body.page-uptime .upPanelInner{
  padding: 18px;
}

body.page-uptime .upPanelTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.page-uptime .upPanelTitle{
  display:flex;
  align-items:center;
  gap: 12px;
}

body.page-uptime .upPanelH{
  font-weight: 900;
  letter-spacing: -.2px;
  color: var(--navy);
  line-height: 1.1;
}

body.page-uptime .upPanelSub{
  margin-top: 2px;
  font-size: 13px;
  color: var(--muted2);
  line-height: 1.2;
}

body.page-uptime .upLabel{
  display:block;
  font-size: 13px;
  color: var(--muted2);
  margin: 10px 0 8px;
}

body.page-uptime .upTextarea{
  width: 100%;
  min-height: 320px;
  resize: vertical;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.55;
  color: rgba(8,20,43,.88);
  outline: none;
}

body.page-uptime .upTextarea:focus{
  box-shadow: var(--ring2);
}

body.page-uptime .upLinks{
  margin-top: 10px;
}

body.page-uptime .upExt{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(8,20,43,.04);
  border: 1px solid var(--stroke);
}

body.page-uptime .upExt:before{
  content:"\f08e"; /* fa-up-right-from-square */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  opacity: .8;
}

body.page-uptime .upStatusLine{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

body.page-uptime .upStatusLine a{
  color: var(--navy);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 980px){
  body.page-uptime .upHeroGrid{
    grid-template-columns: 1fr;
  }
  body.page-uptime .upIntro{
    padding: 20px;
  }
}

/* ===============================
   Web Hosting Definitions & Terms (webhosting_def.htm)
   Scope: body.page-webhosting-def
   Append at end of site.css
   =============================== */

body.page-webhosting-def .wmDefHero{
  padding-bottom: 8px;
}

body.page-webhosting-def .wmDefHeroGrid{
  gap: 22px;
  align-items: start;
}

body.page-webhosting-def .wmDefKicker{
  color: var(--muted);
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
}

body.page-webhosting-def .wmDefNote{
  margin-top: 16px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--stroke);
  border-radius: 16px;
  background: rgba(20,184,166,.06);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

body.page-webhosting-def .wmDefNote i{
  color: var(--cyan);
  margin-top: 2px;
}

body.page-webhosting-def .wmDefHighlightsCard .cardTitle{
  display: flex;
  gap: 10px;
  align-items: center;
}

body.page-webhosting-def .wmDefHighlights{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

body.page-webhosting-def .wmDefHighlights li{
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
}

body.page-webhosting-def .wmDefHighlights i{
  color: var(--cyan);
  margin-top: 2px;
}

body.page-webhosting-def .wmDefHighlights a{
  color: var(--text);
  text-decoration: none;
}

body.page-webhosting-def .wmDefHighlights a:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.page-webhosting-def .wmDefHighlightsFoot{
  padding-top: 0;
}

body.page-webhosting-def .btnBlock{
  display: inline-flex;
  width: 100%;
  justify-content: center;
}

/* Layout */
body.page-webhosting-def .wmDefSection{
  padding-top: 18px;
}

body.page-webhosting-def .wmDefLayout{
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 26px;
  align-items: start;
}

@media (max-width: 1024px){
  body.page-webhosting-def .wmDefLayout{
    grid-template-columns: 1fr;
  }
}

body.page-webhosting-def .wmDefAside{
  position: sticky;
  top: calc(var(--topPad) + 16px);
}

@media (max-width: 1024px){
  body.page-webhosting-def .wmDefAside{
    position: static;
  }
}

/* Sidebar modernization (legacy markup, modern look) */
body.page-webhosting-def .wmDefAside .inner_left{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

body.page-webhosting-def .inner_title{
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--stroke);
}

body.page-webhosting-def .inner_subnav_top,
body.page-webhosting-def .inner_subnav_btm,
body.page-webhosting-def .inner_subnav_gap{
  display: none;
}

body.page-webhosting-def .inner_subnav{
  padding: 10px 10px 12px;
}

body.page-webhosting-def .inner_subnav_btn_gap{
  margin: 0;
}

body.page-webhosting-def .inner_subnav_btn a,
body.page-webhosting-def .inner_subnav_btnup{
  display: block;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration: none;
  line-height: 1.2;
}

body.page-webhosting-def .inner_subnav_btn a{
  color: var(--muted);
}

body.page-webhosting-def .inner_subnav_btn a:hover{
  background: rgba(8,20,43,.05);
  color: var(--text);
}

body.page-webhosting-def .inner_subnav_btnup{
  background: rgba(20,184,166,.12);
  border: 1px solid rgba(20,184,166,.18);
  color: var(--text);
  font-weight: 900;
}

/* “Money back” block replaced with a modern badge */
body.page-webhosting-def .inner_moneyback{
  padding: 12px 12px 0;
}

body.page-webhosting-def .wmDefGuarantee{
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid var(--stroke);
  background:
    radial-gradient(600px 220px at 20% 0%, rgba(20,184,166,.20), rgba(255,255,255,0) 55%),
    var(--card);
}

body.page-webhosting-def .wmDefGuarantee i{
  color: var(--cyan);
  font-size: 18px;
}

body.page-webhosting-def .wmDefGuaranteeTitle{
  font-weight: 900;
  color: var(--text);
}

body.page-webhosting-def .wmDefGuaranteeSub{
  font-size: 13px;
  color: var(--muted);
  margin-top: 2px;
}

/* Sidebar promo cards */
body.page-webhosting-def .inner_control_panel,
body.page-webhosting-def .inner_top10{
  margin: 12px 12px 12px;
  padding: 14px 14px;
  border: 1px solid var(--stroke);
  border-radius: 18px;
  background: var(--card);
}

body.page-webhosting-def .inner_control_panel .content15{
  font-weight: 900;
  color: var(--text);
}

body.page-webhosting-def .inner_control_panel .content16 a{
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-webhosting-def .inner_top10 a{
  color: var(--text);
  text-decoration: none;
}

body.page-webhosting-def .inner_top10 a:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Main content: keep legacy markup but render it like modern cards */
body.page-webhosting-def .wmDefMain{
  min-width: 0;
}

body.page-webhosting-def .right_728{
  max-width: 980px;
}

body.page-webhosting-def .right_684{
  margin: 0 0 18px;
}

body.page-webhosting-def .text_blue17,
body.page-webhosting-def .text_ornange17{
  font-size: 20px;
  line-height: 1.2;
}

body.page-webhosting-def .text_blue17{ color: var(--text); }
body.page-webhosting-def .text_ornange17{ color: var(--cyan); }

body.page-webhosting-def .content14,
body.page-webhosting-def font.content14{
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}

body.page-webhosting-def .content14 a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-webhosting-def .content14 a:hover{
  color: var(--text);
}

body.page-webhosting-def .blue_bar_bg{
  border: 1px solid var(--stroke);
  border-bottom: none;
  border-radius: 22px 22px 0 0;
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(20,184,166,.22), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72));
  padding: 14px 16px;
}

body.page-webhosting-def .blue_bar_bg .white_ariall2{
  color: var(--text);
  font-weight: 900;
}

body.page-webhosting-def .blue_bar_bg b a{
  color: inherit;
  text-decoration: none;
}

body.page-webhosting-def .blank_15_s_3{
  border: 1px solid var(--stroke);
  border-top: none;
  border-radius: 0 0 22px 22px;
  background: var(--card);
  box-shadow: var(--shadow);
  padding: 16px 16px;
}

body.page-webhosting-def .blank_15_s_3 p{
  margin: 0 0 12px;
}

body.page-webhosting-def .blank_15_s_3 p:last-child{
  margin-bottom: 0;
}

body.page-webhosting-def blockquote{
  margin: 12px 0;
  padding: 0 0 0 14px;
  border-left: 2px solid rgba(20,184,166,.35);
}

body.page-webhosting-def blockquote ul{
  margin: 0;
  padding-left: 18px;
}

body.page-webhosting-def ssl{
  display: inline;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(20,184,166,.25);
  background: rgba(20,184,166,.12);
  color: var(--text);
  font-weight: 700;
}

/* Tame legacy widths that were designed for fixed 728px columns */
body.page-webhosting-def .right_516,
body.page-webhosting-def .right_684,
body.page-webhosting-def .right_728{
  width: auto !important;
}

/* Web Hosting Definitions: compact hero (fix oversized blank space) */
body.page-webhosting-def .hero{
  min-height: auto !important;
  padding-bottom: 72px !important; /* waves için yeterli, ama ekranı şişirmez */
}

/* İstersen dalgayı da biraz küçült */
body.page-webhosting-def .hero .waves{
  height: 120px;
}

/* Fix: Highlights CTA overlaps last list item */
body.page-webhosting-def .whHighlightsCard{
  display: flex;
  flex-direction: column;
}

body.page-webhosting-def .whHighlightsCard .whHighlightsList{
  flex: 1 1 auto;
  margin: 10px 0 0;
  padding: 0;
}

/* CTA kesinlikle içerikten "çalmamalı" */
body.page-webhosting-def .whHighlightsCard .whHighlightsCta{
  position: static !important;
  transform: none !important;
  margin-top: 12px;
}

/* -------------------------------------------------
   Page: WebPosition Gold Download (wpg_download.htm)
-------------------------------------------------- */
body.page-wpg-download .wpgShell{
  display:block;
}

body.page-wpg-download .wpgHero{
  margin-top: 18px;
}

body.page-wpg-download .wpgHeroInner{
  padding: 26px 22px;
}

body.page-wpg-download .wpgKicker{
  display:flex;
  align-items:center;
  gap:10px;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: .2px;
  flex-wrap:wrap;
  margin-bottom: 8px;
}

body.page-wpg-download .wpgKickerSep{
  opacity:.6;
}

body.page-wpg-download .wpgTitle{
  margin: 0;
  font-size: clamp(26px, 3.2vw, 40px);
  letter-spacing: -0.5px;
  line-height: 1.08;
  color: var(--navy2);
}

body.page-wpg-download .wpgLead{
  margin: 10px 0 0;
  color: var(--muted);
  max-width: 72ch;
  line-height: 1.65;
}

body.page-wpg-download .wpgMetaRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}

body.page-wpg-download .wpgGrid{
  display:grid;
  grid-template-columns: 1.6fr .8fr;
  gap: 16px;
  margin-top: 16px;
  align-items:start;
}

body.page-wpg-download .wpgCard .inner{
  padding: 20px;
}

body.page-wpg-download .wpgBlock{
  display:block;
}

body.page-wpg-download .wpgLegacyTitle{
  margin-bottom: 10px;
}

body.page-wpg-download .wpgSteps{
  margin: 10px 0 0 22px;
  padding: 0;
  color: var(--text);
}

body.page-wpg-download .wpgSteps li{
  margin: 10px 0;
  line-height: 1.7;
  color: var(--text);
}

body.page-wpg-download .wpgSteps a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-wpg-download .wpgInlineNote{
  display:block;
  margin-top: 6px;
  color: var(--muted);
}

body.page-wpg-download .wpgDivider{
  height:1px;
  background: var(--stroke);
  margin: 18px 0;
}

body.page-wpg-download .wpgSide .inner{
  padding: 20px;
}

body.page-wpg-download .wpgSideIcon{
  width:46px;
  height:46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(8,20,43,.06);
  border: 1px solid var(--stroke);
  color: var(--navy2);
  margin-bottom: 10px;
}

body.page-wpg-download .wpgSideTitle{
  margin: 6px 0 6px;
  font-size: 16px;
  letter-spacing: -.2px;
  color: var(--navy);
}

body.page-wpg-download .wpgSideText{
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14px;
}

body.page-wpg-download .wpgSideActions{
  display:grid;
  gap:10px;
  margin-top: 14px;
}

body.page-wpg-download .wpgFull{
  width:100%;
  justify-content:center;
}

body.page-wpg-download .wpgMiniNote{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--stroke);
  color: var(--muted);
  line-height: 1.5;
  font-size: 13px;
}

body.page-wpg-download .wpgLegacyFooter{
  margin-top: 18px;
  padding: 14px 12px 0;
  color: var(--muted2);
  text-align:center;
}

body.page-wpg-download .wpgLegacyLinks{
  font-size: 13px;
  line-height: 1.6;
}

body.page-wpg-download .wpgLegacyLinks a{
  color: var(--muted);
  text-decoration: none;
}

body.page-wpg-download .wpgLegacyLinks a:hover{
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-wpg-download .wpgLegacyCopy{
  margin-top: 10px;
  color: var(--muted2);
}

@media (max-width: 980px){
  body.page-wpg-download .wpgGrid{
    grid-template-columns: 1fr;
  }
  body.page-wpg-download .wpgHeroInner{
    padding: 22px 18px;
  }
}

/* ==========================================================================
   Merchant Account Application (forms/apply.php)
   Scope: body.page-merchant-apply
   Paste this block at the END of assets/site.css (so it overrides older rules).
   ========================================================================== */

body.page-merchant-apply .wmApply{
  padding: 34px 0 70px;
}

body.page-merchant-apply .wmApplyHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-merchant-apply .wmApplyHeaderMain{
  padding-top: 2px;
}

body.page-merchant-apply .wmApplyHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-merchant-apply .wmApplyHeaderMain h1{
  margin: 0;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.12;
  letter-spacing: -.02em;
}

body.page-merchant-apply .wmApplyAlert{
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(29, 111, 253, .22);
  background: rgba(29, 111, 253, .08);
  color: var(--ink);
}

body.page-merchant-apply .wmApplyAlert i{
  margin-top: 2px;
  color: var(--blue);
}

body.page-merchant-apply .wmApplyAside{
  position: relative;
}

body.page-merchant-apply .wmApplyAside .inner{
  padding: 16px 16px;
}

body.page-merchant-apply .wmApplyAsideRow{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--stroke);
  color: var(--muted2);
  line-height: 1.35;
}

body.page-merchant-apply .wmApplyAsideRow:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

body.page-merchant-apply .wmApplyAsideRow i{
  width: 18px;
  margin-top: 2px;
  color: var(--blue);
}

body.page-merchant-apply .wmApplyAsideRow a{
  color: var(--blue);
  text-decoration: none;
}

body.page-merchant-apply .wmApplyAsideRow a:hover{
  text-decoration: underline;
}

body.page-merchant-apply .wmApplySection{
  overflow: hidden;
}

body.page-merchant-apply .wmApplySection .inner{
  padding: 18px 18px;
}

body.page-merchant-apply .wmApplyForm{
  margin: 0;
}

body.page-merchant-apply .wmApplyStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-merchant-apply .wmApplyGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-merchant-apply .wmApplyTitle{
  margin: 0 0 14px;
  font-size: 16px;
  letter-spacing: -.01em;
}

body.page-merchant-apply .wmApplyRow{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-merchant-apply .wmApplyLabel{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-merchant-apply .wmApplyField{
  min-width: 0;
}

body.page-merchant-apply .wmApplyInline{
  display: grid;
  grid-template-columns: 1.25fr 1fr .9fr;
  gap: 10px;
  align-items: center;
}

body.page-merchant-apply .wmApplyInline > *{
  min-width: 0;
}

body.page-merchant-apply .wmApplyTwoCol{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}

body.page-merchant-apply .wmApplyCol{
  min-width: 0;
}

/* Field styling (scoped) */
body.page-merchant-apply .wmApplyForm input[type="text"],
body.page-merchant-apply .wmApplyForm select,
body.page-merchant-apply .wmApplyForm textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-merchant-apply .wmApplyForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-merchant-apply .wmApplyForm input[type="text"]::placeholder,
body.page-merchant-apply .wmApplyForm textarea::placeholder{
  color: rgba(71, 85, 105, .7);
}

body.page-merchant-apply .wmApplyForm input[type="text"]:focus,
body.page-merchant-apply .wmApplyForm select:focus,
body.page-merchant-apply .wmApplyForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

/* Radios / checkboxes */
body.page-merchant-apply .wmApplyForm input[type="checkbox"],
body.page-merchant-apply .wmApplyForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-merchant-apply .wmApplyForm .content14{
  color: var(--muted2);
}

/* Legacy blocks inside the new layout */
body.page-merchant-apply .wmApplyGroup .signup_area1new{
  margin: 10px 0 6px;
}

body.page-merchant-apply .wmApplyGroup hr{
  border: 0;
  border-top: 1px solid var(--stroke);
  height: 0;
}

body.page-merchant-apply .wmApplyGroup .signup_box{
  border-radius: 14px;
  border: 1px dashed rgba(15,23,42,.16);
  background: rgba(248, 250, 252, .65);
  padding: 12px 12px;
  margin: 10px 0 6px;
}

body.page-merchant-apply .wmApplyGroup .signup_box strong{
  color: var(--ink);
}

body.page-merchant-apply .wmApplyGroup .signup_box textarea{
  margin-top: 8px;
}

/* Small checkbox rows (legacy tables) */
body.page-merchant-apply .wmApplyGroup table{
  border-collapse: collapse;
}

body.page-merchant-apply .wmApplyGroup table td{
  padding: 0;
}

/* Payment info mini checkbox area */
body.page-merchant-apply .sign_payment_check_area{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.55);
}

body.page-merchant-apply .sign_payment_check_area_left{
  padding-top: 2px;
}

body.page-merchant-apply .sign_payment_check_area_right{
  color: var(--muted2);
}

/* Authorization block */
body.page-merchant-apply .paymenttype_btm_area_left{
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.55);
}

body.page-merchant-apply .form_btm_left_text3{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

body.page-merchant-apply .form_btm_left_text4{
  padding-top: 2px;
}

body.page-merchant-apply .form_btm_left_text5{
  color: var(--muted2);
}

body.page-merchant-apply .form_btm_left_text5 a{
  color: var(--blue);
  text-decoration: none;
}

body.page-merchant-apply .form_btm_left_text5 a:hover{
  text-decoration: underline;
}

/* Submit area */
body.page-merchant-apply .sign_payment_check_areanew{
  margin-top: 12px;
  text-align: center;
  padding: 10px 0 0;
}

body.page-merchant-apply .send_btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
}

body.page-merchant-apply .wmApplyContinueBtn{
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #1d6ffd, #00b3ff);
  box-shadow: 0 10px 24px rgba(29, 111, 253, .22), 0 2px 0 rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

body.page-merchant-apply .wmApplyContinueBtn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 34px rgba(29, 111, 253, .28), 0 2px 0 rgba(0,0,0,.06);
}

body.page-merchant-apply .wmApplyContinueBtn:active{
  transform: translateY(0px);
  box-shadow: 0 10px 22px rgba(29, 111, 253, .22), 0 1px 0 rgba(0,0,0,.06);
}

/* Thank-you view */
body.page-merchant-apply .wmApplySuccess{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

body.page-merchant-apply .wmApplySuccessIcon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(34, 197, 94, .25);
  background: rgba(34, 197, 94, .10);
  color: rgba(22, 163, 74, 1);
  font-size: 20px;
}

body.page-merchant-apply .wmApplySuccessTitle{
  margin: 0 0 6px;
  color: var(--ink);
}

body.page-merchant-apply .wmApplySuccessBody p{
  margin: 0 0 10px;
  color: var(--muted2);
}

/* Responsive */
@media (max-width: 1000px){
  body.page-merchant-apply .wmApplyHeader{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px){
  body.page-merchant-apply .wmApplyRow{
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
  }

  body.page-merchant-apply .wmApplyLabel{
    padding-top: 2px;
  }

  body.page-merchant-apply .wmApplyTwoCol{
    grid-template-columns: 1fr;
  }

  body.page-merchant-apply .wmApplyInline{
    grid-template-columns: 1fr;
  }

  body.page-merchant-apply .wmApplySection .inner{
    padding: 14px 14px;
  }

  body.page-merchant-apply .wmApplyGroup{
    padding: 14px 12px;
  }
}

/* --- Patch: fix header overlap + force legacy field classes to match new style --- */

/* Fixed/sticky header spacing */
body.page-merchant-apply .wmApply{
  padding-top: clamp(92px, 9vw, 132px);
}

/* Make legacy textbox widths stop fighting the new layout */
body.page-merchant-apply .wmApplyForm input.signup_textbox1,
body.page-merchant-apply .wmApplyForm input.signup_textbox2,
body.page-merchant-apply .wmApplyForm input.signup_textbox5,
body.page-merchant-apply .wmApplyForm input.signup_textbox7,
body.page-merchant-apply .wmApplyForm input.signup_textbox8,
body.page-merchant-apply .wmApplyForm input.payment_height2_textbox1,
body.page-merchant-apply .wmApplyForm textarea.signup_comments_textbox1{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Legacy selects */
body.page-merchant-apply .wmApplyForm select.signup_stateis,
body.page-merchant-apply .wmApplyForm select.signup_country,
body.page-merchant-apply .wmApplyForm select.signup_selective{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Kill the old blue HR look that starts showing later */
body.page-merchant-apply .wmApplyGroup hr{
  border-top: 1px solid var(--stroke) !important;
  margin: 12px 0;
}

/* Make the “signup_box” blocks feel like the same system (less “legacy”) */
body.page-merchant-apply .wmApplyGroup .signup_box{
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
}

/* Textareas inside centered legacy blocks: keep them premium + readable */
body.page-merchant-apply .wmApplyGroup .signup_box textarea{
  width: 100% !important;
  max-width: 860px;
  margin: 8px auto 0;
  display: block;
}

/* ==========================================================================
   Reseller Hosting Order Form (forms/signup_resellers.php)
   Scope: body.page-forms.page-forms-signup-resellers
   ========================================================================== */

body.page-forms.page-forms-signup-resellers .wmResellerSignup,
body.page-forms.page-forms-signup-resellers .wmResellerLogin{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-signup-resellers .wmResellerHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-signup-resellers .wmResellerHeaderMain{
  padding-top: 2px;
}

body.page-forms.page-forms-signup-resellers .wmResellerHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-signup-resellers .wmResellerHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-signup-resellers .wmResellerUrl{
  margin: 10px 0 0;
}

body.page-forms.page-forms-signup-resellers .wmResellerAside .inner{
  padding: 16px 16px;
}

body.page-forms.page-forms-signup-resellers .wmResellerAsideRow{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--stroke);
  color: var(--muted2);
  line-height: 1.35;
}

body.page-forms.page-forms-signup-resellers .wmResellerAsideRow:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

body.page-forms.page-forms-signup-resellers .wmResellerAsideRow i{
  width: 18px;
  margin-top: 2px;
  color: var(--blue);
}

body.page-forms.page-forms-signup-resellers .wmResellerAsideRow a{
  color: var(--blue);
  text-decoration: none;
}

body.page-forms.page-forms-signup-resellers .wmResellerAsideRow a:hover{
  text-decoration: underline;
}

body.page-forms.page-forms-signup-resellers .wmResellerSection{
  overflow: hidden;
}

body.page-forms.page-forms-signup-resellers .wmResellerSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-signup-resellers .wmResellerForm,
body.page-forms.page-forms-signup-resellers .wmResellerLoginForm{
  margin: 0;
}

body.page-forms.page-forms-signup-resellers .wmResellerStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-signup-resellers .wmResellerGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-signup-resellers .wmResellerGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-signup-resellers .wmResellerRow{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-signup-resellers .wmResellerLabel{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-forms.page-forms-signup-resellers .wmResellerField{
  min-width: 0;
}

body.page-forms.page-forms-signup-resellers .wmResellerInline{
  display: grid;
  grid-template-columns: 1.2fr 90px 1fr;
  gap: 10px;
  align-items: center;
}

body.page-forms.page-forms-signup-resellers .wmResellerStateShort{
  width: 60px;
  flex: 0 0 60px;
}

body.page-forms.page-forms-signup-resellers .wmResellerCostLabel{
  margin-left: 10px;
  display: inline-block;
}

body.page-forms.page-forms-signup-resellers .wmResellerCostValue{
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.page-forms.page-forms-signup-resellers .wmResellerCommentsSpacer{
  width: 20px;
}

body.page-forms.page-forms-signup-resellers .wmResellerToggleText{
  display: none;
}

body.page-forms.page-forms-signup-resellers .wmResellerCardIcons{
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted2);
  font-size: 22px;
}

body.page-forms.page-forms-signup-resellers .wmResellerHidden{
  visibility: hidden;
}

body.page-forms.page-forms-signup-resellers .wmResellerProcessLink{
  cursor: pointer;
}

body.page-forms.page-forms-signup-resellers .wmResellerLoginNotice{
  margin-bottom: 10px;
}

body.page-forms.page-forms-signup-resellers .wmResellerLoginActions{
  margin-top: 12px;
}

body.page-forms.page-forms-signup-resellers .signup_footer_btn .send_btn a,
body.page-forms.page-forms-signup-resellers .wmResellerLoginActions .send_btn a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .16);
}

body.page-forms.page-forms-signup-resellers .signup_footer_btn .send_btn a:hover,
body.page-forms.page-forms-signup-resellers .wmResellerLoginActions .send_btn a:hover{
  background: #165fdd;
}

body.page-forms.page-forms-signup-resellers .signup_footer_btn .send_btn a:active,
body.page-forms.page-forms-signup-resellers .wmResellerLoginActions .send_btn a:active{
  transform: translateY(1px);
}

body.page-forms.page-forms-signup-resellers .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-signup-resellers .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px 10px;
  align-items: center;
}

body.page-forms.page-forms-signup-resellers .paymenttype_btm_area_left{
  padding-top: 10px;
}

/* Field styling (scoped) */
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="text"],
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="email"],
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="tel"],
body.page-forms.page-forms-signup-resellers .wmResellerForm select,
body.page-forms.page-forms-signup-resellers .wmResellerForm textarea,
body.page-forms.page-forms-signup-resellers .wmResellerLoginForm input[type="text"],
body.page-forms.page-forms-signup-resellers .wmResellerLoginForm select{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-signup-resellers .wmResellerForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="text"]:focus,
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="email"]:focus,
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="tel"]:focus,
body.page-forms.page-forms-signup-resellers .wmResellerForm select:focus,
body.page-forms.page-forms-signup-resellers .wmResellerForm textarea:focus,
body.page-forms.page-forms-signup-resellers .wmResellerLoginForm input[type="text"]:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="checkbox"],
body.page-forms.page-forms-signup-resellers .wmResellerForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-signup-resellers .wmResellerForm .content14{
  color: var(--muted2);
}

/* Legacy width overrides */
body.page-forms.page-forms-signup-resellers .wmResellerForm input.signup_textbox1,
body.page-forms.page-forms-signup-resellers .wmResellerForm input.signup_textbox2,
body.page-forms.page-forms-signup-resellers .wmResellerForm input.signup_hosting_textbox3,
body.page-forms.page-forms-signup-resellers .wmResellerForm input.payment_height2_textbox1,
body.page-forms.page-forms-signup-resellers .wmResellerForm textarea.signup_comments_textbox1{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

body.page-forms.page-forms-signup-resellers .wmResellerForm select.signup_country{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 980px){
  body.page-forms.page-forms-signup-resellers .wmResellerHeader{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup-resellers .wmResellerRow{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup-resellers .wmResellerInline{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup-resellers .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-signup-resellers .paymenttype_area_left{
    grid-template-columns: auto auto;
  }
}

/* ==========================================================================
   URL Submission Form (forms/submit.php)
   Scope: body.page-forms.page-forms-submit
   ========================================================================== */

body.page-forms.page-forms-submit .wmSubmit{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-submit .wmSubmitHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-submit .wmSubmitHeaderMain{
  padding-top: 2px;
}

body.page-forms.page-forms-submit .wmSubmitHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-submit .wmSubmitHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-submit .wmSubmitAside .inner{
  padding: 16px 16px;
}

body.page-forms.page-forms-submit .wmSubmitAsideRow{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--stroke);
  color: var(--muted2);
  line-height: 1.35;
}

body.page-forms.page-forms-submit .wmSubmitAsideRow:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

body.page-forms.page-forms-submit .wmSubmitAsideRow i{
  width: 18px;
  margin-top: 2px;
  color: var(--blue);
}

body.page-forms.page-forms-submit .wmSubmitSection{
  overflow: hidden;
}

body.page-forms.page-forms-submit .wmSubmitSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-submit .wmSubmitForm{
  margin: 0;
}

body.page-forms.page-forms-submit .wmSubmitStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-submit .wmSubmitGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-submit .wmSubmitGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-submit .signup_form_height,
body.page-forms.page-forms-submit .signup_form_height2{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-submit .signup_form_text,
body.page-forms.page-forms-submit .signup_form_text2{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-forms.page-forms-submit .signup_form_textbox{
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-forms.page-forms-submit .wmSubmitIndent{
  display: inline-block;
  margin-left: 10px;
}

body.page-forms.page-forms-submit .wmSubmitActionLink{
  cursor: pointer;
}

body.page-forms.page-forms-submit .wmSubmitCardIcons{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted2);
  font-size: 22px;
}

body.page-forms.page-forms-submit .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-submit .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px 10px;
  align-items: center;
}

/* Field styling (scoped) */
body.page-forms.page-forms-submit .wmSubmitForm input[type="text"],
body.page-forms.page-forms-submit .wmSubmitForm input[type="password"],
body.page-forms.page-forms-submit .wmSubmitForm select,
body.page-forms.page-forms-submit .wmSubmitForm textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-submit .wmSubmitForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-submit .wmSubmitForm input[type="text"]:focus,
body.page-forms.page-forms-submit .wmSubmitForm input[type="password"]:focus,
body.page-forms.page-forms-submit .wmSubmitForm select:focus,
body.page-forms.page-forms-submit .wmSubmitForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-submit .wmSubmitForm input[type="checkbox"],
body.page-forms.page-forms-submit .wmSubmitForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-submit .wmSubmitForm .content14{
  color: var(--muted2);
}

/* Legacy width overrides */
body.page-forms.page-forms-submit .wmSubmitForm input.signup_textbox1,
body.page-forms.page-forms-submit .wmSubmitForm input.payment_height2_textbox1,
body.page-forms.page-forms-submit .wmSubmitForm textarea.signup_comments_textbox1,
body.page-forms.page-forms-submit .wmSubmitForm input.signup_simple{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

body.page-forms.page-forms-submit .wmSubmitForm select.signup_country{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 980px){
  body.page-forms.page-forms-submit .wmSubmitHeader{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-submit .signup_form_height,
  body.page-forms.page-forms-submit .signup_form_height2{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-submit .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-submit .paymenttype_area_left{
    grid-template-columns: auto auto;
  }
}

/* ==========================================================================
   Add Hosting Options (forms/options.php)
   Scope: body.page-forms.page-forms-options
   ========================================================================== */

body.page-forms.page-forms-options .wmOptions,
body.page-forms.page-forms-options .wmOptionsLogin{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-options .wmOptionsHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-options .wmOptionsHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-options .wmOptionsHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-options .wmOptionsSection{
  overflow: hidden;
}

body.page-forms.page-forms-options .wmOptionsSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-options .wmOptionsForm,
body.page-forms.page-forms-options .wmOptionsLoginForm{
  margin: 0;
}

body.page-forms.page-forms-options .wmOptionsStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-options .wmOptionsGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-options .wmOptionsGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-options .signup_form_height,
body.page-forms.page-forms-options .signup_form_height2{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-options .signup_form_text{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-forms.page-forms-options .signup_form_textbox{
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-forms.page-forms-options .wmOptionsNoticeHidden{
  display: none;
}

body.page-forms.page-forms-options .wmOptionsIpNote{
  margin-left: 45px;
}

body.page-forms.page-forms-options .wmOptionsForgot{
  margin-left: 210px;
  display: inline-block;
}

body.page-forms.page-forms-options .wmOptionsActionLink{
  cursor: pointer;
}

body.page-forms.page-forms-options .wmOptionsCardIcons{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted2);
  font-size: 22px;
}

body.page-forms.page-forms-options .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-options .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px 10px;
  align-items: center;
}

/* Field styling (scoped) */
body.page-forms.page-forms-options .wmOptionsForm input[type="text"],
body.page-forms.page-forms-options .wmOptionsForm input[type="password"],
body.page-forms.page-forms-options .wmOptionsForm select,
body.page-forms.page-forms-options .wmOptionsForm textarea,
body.page-forms.page-forms-options .wmOptionsLoginForm input[type="text"],
body.page-forms.page-forms-options .wmOptionsLoginForm input[type="password"]{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-options .wmOptionsForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-options .wmOptionsForm input[type="text"]:focus,
body.page-forms.page-forms-options .wmOptionsForm input[type="password"]:focus,
body.page-forms.page-forms-options .wmOptionsForm select:focus,
body.page-forms.page-forms-options .wmOptionsForm textarea:focus,
body.page-forms.page-forms-options .wmOptionsLoginForm input[type="text"]:focus,
body.page-forms.page-forms-options .wmOptionsLoginForm input[type="password"]:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-options .wmOptionsForm input[type="checkbox"],
body.page-forms.page-forms-options .wmOptionsForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-options .wmOptionsForm .content14,
body.page-forms.page-forms-options .wmOptionsLoginForm .content14{
  color: var(--muted2);
}

/* Legacy width overrides */
body.page-forms.page-forms-options .wmOptionsForm input.signup_textbox1,
body.page-forms.page-forms-options .wmOptionsForm input.signup_textbox3,
body.page-forms.page-forms-options .wmOptionsForm input.payment_height2_textbox1,
body.page-forms.page-forms-options .wmOptionsForm textarea.signup_comments_textbox1,
body.page-forms.page-forms-options .wmOptionsForm input.signup_simple,
body.page-forms.page-forms-options .wmOptionsForm input.signup_hosting_textbox1,
body.page-forms.page-forms-options .wmOptionsForm input.signup_hosting_textbox2{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

body.page-forms.page-forms-options .wmOptionsForm select.signup_country{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 980px){
  body.page-forms.page-forms-options .signup_form_height,
  body.page-forms.page-forms-options .signup_form_height2{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-options .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-options .paymenttype_area_left{
    grid-template-columns: auto auto;
  }

  body.page-forms.page-forms-options .wmOptionsForgot{
    margin-left: 0;
  }
}

/* ==========================================================================
   Secure Payments Form (forms/payments.php)
   Scope: body.page-forms.page-forms-payments
   ========================================================================== */

body.page-forms.page-forms-payments .wmPayments{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-payments .wmPaymentsHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-payments .wmPaymentsHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-payments .wmPaymentsHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-payments .wmPaymentsSection{
  overflow: hidden;
}

body.page-forms.page-forms-payments .wmPaymentsSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-payments .wmPaymentsForm{
  margin: 0;
}

body.page-forms.page-forms-payments .wmPaymentsStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-payments .wmPaymentsGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-payments .wmPaymentsGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-payments .wmPaymentsSelectWrap{
  position: relative;
  top: 5px;
  display: inline-block;
}

body.page-forms.page-forms-payments .wmPaymentsDomainInput{
  height: 20px;
}

body.page-forms.page-forms-payments .wmPaymentsHidden{
  visibility: hidden;
}

body.page-forms.page-forms-payments .wmPaymentsHiddenDisplay{
  display: none;
}

body.page-forms.page-forms-payments .wmPaymentsIpNote{
  margin-left: 45px;
}

body.page-forms.page-forms-payments .wmPaymentsActionLink{
  cursor: pointer;
}

body.page-forms.page-forms-payments .wmPaymentsCardIcons{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted2);
  font-size: 22px;
}

body.page-forms.page-forms-payments .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-payments .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px 10px;
  align-items: center;
}

/* Field styling (scoped) */
body.page-forms.page-forms-payments .wmPaymentsForm input[type="text"],
body.page-forms.page-forms-payments .wmPaymentsForm input[type="email"],
body.page-forms.page-forms-payments .wmPaymentsForm input[type="tel"],
body.page-forms.page-forms-payments .wmPaymentsForm select,
body.page-forms.page-forms-payments .wmPaymentsForm textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-payments .wmPaymentsForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-payments .wmPaymentsForm input[type="text"]:focus,
body.page-forms.page-forms-payments .wmPaymentsForm input[type="email"]:focus,
body.page-forms.page-forms-payments .wmPaymentsForm input[type="tel"]:focus,
body.page-forms.page-forms-payments .wmPaymentsForm select:focus,
body.page-forms.page-forms-payments .wmPaymentsForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-payments .wmPaymentsForm input[type="checkbox"],
body.page-forms.page-forms-payments .wmPaymentsForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-payments .wmPaymentsForm .content14{
  color: var(--muted2);
}

/* Legacy width overrides */
body.page-forms.page-forms-payments .wmPaymentsForm input.signup_textbox3,
body.page-forms.page-forms-payments .wmPaymentsForm input.payment_height2_textbox1,
body.page-forms.page-forms-payments .wmPaymentsForm textarea.signup_comments_textbox1,
body.page-forms.page-forms-payments .wmPaymentsForm input.signup_simple{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

body.page-forms.page-forms-payments .wmPaymentsForm select.ct_country{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 980px){
  body.page-forms.page-forms-payments .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-payments .paymenttype_area_left{
    grid-template-columns: auto auto;
  }

  body.page-forms.page-forms-payments .wmPaymentsIpNote{
    margin-left: 0;
  }
}

/* ==========================================================================
   Service Cancellation Form (forms/cancel.php)
   Scope: body.page-forms.page-forms-cancel
   ========================================================================== */

body.page-forms.page-forms-cancel .wmCancel,
body.page-forms.page-forms-cancel .wmCancelLogin{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-cancel .wmCancelHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-cancel .wmCancelHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-cancel .wmCancelHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-cancel .wmCancelSection{
  overflow: hidden;
}

body.page-forms.page-forms-cancel .wmCancelSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-cancel .wmCancelForm,
body.page-forms.page-forms-cancel .wmCancelLoginForm{
  margin: 0;
}

body.page-forms.page-forms-cancel .wmCancelStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-cancel .wmCancelGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-cancel .wmCancelGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-cancel .signup_form_height,
body.page-forms.page-forms-cancel .signup_form_height2{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-cancel .signup_form_text{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-forms.page-forms-cancel .signup_form_textbox{
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-forms.page-forms-cancel .wmCancelInputShort{
  width: 205px;
  max-width: 100%;
}

body.page-forms.page-forms-cancel .wmCancelActionLink{
  cursor: pointer;
}

/* Field styling (scoped) */
body.page-forms.page-forms-cancel .wmCancelForm input[type="text"],
body.page-forms.page-forms-cancel .wmCancelForm input[type="password"],
body.page-forms.page-forms-cancel .wmCancelForm textarea,
body.page-forms.page-forms-cancel .wmCancelLoginForm input[type="text"],
body.page-forms.page-forms-cancel .wmCancelLoginForm input[type="password"]{
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-cancel .wmCancelForm textarea{
  width: 100%;
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-cancel .wmCancelForm input[type="text"]:focus,
body.page-forms.page-forms-cancel .wmCancelForm input[type="password"]:focus,
body.page-forms.page-forms-cancel .wmCancelForm textarea:focus,
body.page-forms.page-forms-cancel .wmCancelLoginForm input[type="text"]:focus,
body.page-forms.page-forms-cancel .wmCancelLoginForm input[type="password"]:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-cancel .wmCancelForm input[type="checkbox"],
body.page-forms.page-forms-cancel .wmCancelForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-cancel .wmCancelForm .content14,
body.page-forms.page-forms-cancel .wmCancelLoginForm .content14{
  color: var(--muted2);
}

@media (max-width: 980px){
  body.page-forms.page-forms-cancel .signup_form_height,
  body.page-forms.page-forms-cancel .signup_form_height2{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-cancel .wmCancelInputShort{
    width: 100%;
  }
}

/* ==========================================================================
   Cancellation Instructions (forms/cancellation.php)
   Scope: body.page-forms.page-forms-cancellation
   ========================================================================== */

body.page-forms.page-forms-cancellation .wmCancellation{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-cancellation .wmCancellationHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-cancellation .wmCancellationHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-cancellation .wmCancellationHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-cancellation .wmCancellationSection{
  overflow: hidden;
}

body.page-forms.page-forms-cancellation .wmCancellationSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-cancellation .wmCancellationGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-cancellation .wmCancellationGroup .content14{
  color: var(--muted2);
}

/* ==========================================================================
   Hosting Order Form (forms/signup.php)
   Scope: body.page-forms.page-forms-signup
   ========================================================================== */

body.page-forms.page-forms-signup .wmSignup{
  padding: 34px 0 70px;
}

body.page-forms.page-forms-signup .wmSignupHeader{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 22px;
  align-items: start;
  margin-bottom: 18px;
}

body.page-forms.page-forms-signup .wmSignupHeaderMain{
  padding-top: 2px;
}

body.page-forms.page-forms-signup .wmSignupHeaderMain .kicker{
  color: var(--muted2);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

body.page-forms.page-forms-signup .wmSignupHeaderMain h1{
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.02em;
}

body.page-forms.page-forms-signup .wmSignupAside .inner{
  padding: 16px 16px;
}

body.page-forms.page-forms-signup .wmSignupAsideRow{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--stroke);
  color: var(--muted2);
  line-height: 1.35;
}

body.page-forms.page-forms-signup .wmSignupAsideRow:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

body.page-forms.page-forms-signup .wmSignupAsideRow i{
  width: 18px;
  margin-top: 2px;
  color: var(--blue);
}

body.page-forms.page-forms-signup .wmSignupSection{
  overflow: hidden;
}

body.page-forms.page-forms-signup .wmSignupSection .inner{
  padding: 18px 18px;
}

body.page-forms.page-forms-signup .wmSignupForm{
  margin: 0;
}

body.page-forms.page-forms-signup .wmSignupStack{
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-forms.page-forms-signup .wmSignupGroup{
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
}

body.page-forms.page-forms-signup .wmSignupGroup .signup_title{
  margin: 0 0 12px;
  font-size: 16px;
}

body.page-forms.page-forms-signup .signup_form_height,
body.page-forms.page-forms-signup .signup_form_height2{
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-signup .signup_form_text{
  color: var(--muted2);
  font-weight: 700;
  line-height: 1.25;
}

body.page-forms.page-forms-signup .signup_form_textbox{
  min-width: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-forms.page-forms-signup .wmSignupStateShort{
  width: 60px;
  flex: 0 0 60px;
}

body.page-forms.page-forms-signup .wmSignupDiscNotice{
  margin-left: 10px;
  display: inline-block;
}

body.page-forms.page-forms-signup .wmSignupCostLabel{
  margin-left: 10px;
  display: inline-block;
}

body.page-forms.page-forms-signup .wmSignupCostValue{
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.page-forms.page-forms-signup .wmSignupCommentsSpacer{
  width: 20px;
}

body.page-forms.page-forms-signup .wmSignupToggleText{
  display: none;
}

body.page-forms.page-forms-signup .wmSignupCardIcons{
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted2);
  font-size: 22px;
}

body.page-forms.page-forms-signup .wmSignupHidden{
  visibility: hidden;
}

body.page-forms.page-forms-signup .wmSignupProcessLink{
  cursor: pointer;
}

body.page-forms.page-forms-signup .wmSignupPhpToggle{
  margin-top: 6px;
}

body.page-forms.page-forms-signup .signup_box1,
body.page-forms.page-forms-signup .signup_box2{
  border: 0;
}

body.page-forms.page-forms-signup .signup_box1_right{
  padding: 8px 0;
}

body.page-forms.page-forms-signup .signup_box2{
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .3);
}

body.page-forms.page-forms-signup .signup_box2:first-of-type{
  border-top: 0;
}

body.page-forms.page-forms-signup .signup_box2_left{
  margin-top: 2px;
}

body.page-forms.page-forms-signup .payment_hosting{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.page-forms.page-forms-signup .sign_hosting_gap2{
  margin-top: 4px;
}

body.page-forms.page-forms-signup .payment_height{
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 18px 180px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px 0;
}

body.page-forms.page-forms-signup .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-signup .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px 10px;
  align-items: center;
}

body.page-forms.page-forms-signup .paymenttype_btm_area_left{
  padding-top: 10px;
}

body.page-forms.page-forms-signup .sign_payment_check_area{
  margin-bottom: 8px;
}

body.page-forms.page-forms-signup .sign_form_btn_area{
  margin-top: 12px;
}

body.page-forms.page-forms-signup .signup_footer_btn .send_btn a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .16);
}

body.page-forms.page-forms-signup .signup_footer_btn .send_btn a:hover{
  background: #165fdd;
}

body.page-forms.page-forms-signup .signup_footer_btn .send_btn a:active{
  transform: translateY(1px);
}

/* Field styling (scoped) */
body.page-forms.page-forms-signup .wmSignupForm input[type="text"],
body.page-forms.page-forms-signup .wmSignupForm input[type="email"],
body.page-forms.page-forms-signup .wmSignupForm input[type="tel"],
body.page-forms.page-forms-signup .wmSignupForm select,
body.page-forms.page-forms-signup .wmSignupForm textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.78);
  color: var(--ink);
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-signup .wmSignupForm textarea{
  min-height: 110px;
  resize: vertical;
  padding: 12px 12px;
}

body.page-forms.page-forms-signup .wmSignupForm input[type="text"]:focus,
body.page-forms.page-forms-signup .wmSignupForm input[type="email"]:focus,
body.page-forms.page-forms-signup .wmSignupForm input[type="tel"]:focus,
body.page-forms.page-forms-signup .wmSignupForm select:focus,
body.page-forms.page-forms-signup .wmSignupForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.92);
}

body.page-forms.page-forms-signup .wmSignupForm input[type="checkbox"],
body.page-forms.page-forms-signup .wmSignupForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-signup .wmSignupForm .content14{
  color: var(--muted2);
}

@media (max-width: 980px){
  body.page-forms.page-forms-signup .wmSignupHeader{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup .signup_form_height,
  body.page-forms.page-forms-signup .signup_form_height2{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup .payment_height{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-signup .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-signup .paymenttype_area_left{
    grid-template-columns: auto auto;
  }
}

body.page-forms.page-forms-dedicated .wmDedicated{
  display: block;
}

body.page-forms.page-forms-dedicated .wmDedicatedHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-dedicated .wmDedicatedSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-dedicated .wmDedicatedSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-dedicated .wmDedicatedForm{
  width: 100%;
}

body.page-forms.page-forms-dedicated .wmDedicatedStack{
  display: grid;
  gap: 26px;
}

body.page-forms.page-forms-dedicated .wmDedicatedGroup{
  padding-bottom: 18px;
  border-bottom: 1px solid var(--stroke);
}

body.page-forms.page-forms-dedicated .wmDedicatedGroup:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

body.page-forms.page-forms-dedicated .signup_form_height,
body.page-forms.page-forms-dedicated .signup_form_height2{
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 12px 18px;
  align-items: center;
  margin-bottom: 10px;
}

body.page-forms.page-forms-dedicated .signup_form_text{
  color: var(--text);
  font-weight: 600;
}

body.page-forms.page-forms-dedicated .signup_form_textbox{
  min-width: 0;
}

body.page-forms.page-forms-dedicated .signup_textbox1,
body.page-forms.page-forms-dedicated .signup_textbox2,
body.page-forms.page-forms-dedicated .signup_simple,
body.page-forms.page-forms-dedicated .signup_country,
body.page-forms.page-forms-dedicated .signup_hosting_textbox3,
body.page-forms.page-forms-dedicated .signup_comments_textbox1{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.9);
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-dedicated .signup_comments_textbox1{
  min-height: 120px;
  resize: vertical;
}

body.page-forms.page-forms-dedicated .signup_textbox2{
  max-width: 160px;
}

body.page-forms.page-forms-dedicated .wmDedicatedStateShort{
  width: 30px;
}

body.page-forms.page-forms-dedicated .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-dedicated .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 6px 12px;
  align-items: center;
}

body.page-forms.page-forms-dedicated .wmDedicatedCardIcons{
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted2);
  font-size: 26px;
}

body.page-forms.page-forms-dedicated .wmDedicatedActionLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

body.page-forms.page-forms-dedicated .wmDedicatedActionLink:hover{
  filter: brightness(0.96);
}

body.page-forms.page-forms-dedicated .wmDedicatedHidden{
  visibility: hidden;
}

body.page-forms.page-forms-dedicated .wmDedicatedHiddenDisplay{
  display: none;
}

body.page-forms.page-forms-dedicated .wmDedicatedTotalSpacer{
  margin-left: 10px;
  display: inline-block;
}

body.page-forms.page-forms-dedicated .wmDedicatedCommentSpacer{
  margin-left: 25px;
  display: inline-block;
}

body.page-forms.page-forms-dedicated .wmDedicatedIpNote{
  margin-left: 310px;
  display: inline-block;
}

body.page-forms.page-forms-transfer .wmTransfer{
  display: block;
}

body.page-forms.page-forms-transfer .wmTransferHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-transfer .wmTransferSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-transfer .wmTransferSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-transfer .wmTransferForm{
  width: 100%;
}

body.page-forms.page-forms-transfer .wmTransferStack{
  display: grid;
  gap: 26px;
}

body.page-forms.page-forms-transfer .wmTransferGroup{
  padding-bottom: 18px;
  border-bottom: 1px solid var(--stroke);
}

body.page-forms.page-forms-transfer .wmTransferGroup:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

body.page-forms.page-forms-transfer .wmTransferNoteTable{
  width: 100%;
  margin-bottom: 18px;
}

body.page-forms.page-forms-transfer .wmTransferRegisterTable{
  width: 100%;
  border: 1px solid var(--stroke2);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.9);
}

body.page-forms.page-forms-transfer .wmTransferRegisterTable td{
  border-bottom: 1px solid var(--stroke);
}

body.page-forms.page-forms-transfer .wmTransferRegisterTable tr:last-child td{
  border-bottom: none;
}

body.page-forms.page-forms-transfer .wmTransferRegisterWrap{
  width: 100%;
}

body.page-forms.page-forms-transfer .signup_form_textbox,
body.page-forms.page-forms-transfer .payment_height2_sec2{
  min-width: 0;
}

body.page-forms.page-forms-transfer .signup_textbox1,
body.page-forms.page-forms-transfer .signup_textbox2,
body.page-forms.page-forms-transfer .signup_simple,
body.page-forms.page-forms-transfer .signup_country,
body.page-forms.page-forms-transfer .signup_smallstate,
body.page-forms.page-forms-transfer .payment_height2_textbox1,
body.page-forms.page-forms-transfer textarea{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.9);
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-transfer .wmTransferStateShort{
  width: 60px;
}

body.page-forms.page-forms-transfer .paymenttype_area_bg{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.page-forms.page-forms-transfer .paymenttype_area_left{
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 6px 12px;
  align-items: center;
}

body.page-forms.page-forms-transfer .wmTransferCardIcons{
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted2);
  font-size: 26px;
}

body.page-forms.page-forms-transfer .wmTransferActionLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

body.page-forms.page-forms-transfer .wmTransferActionLink:hover{
  filter: brightness(0.96);
}

body.page-forms.page-forms-transfer .wmTransferIpNote{
  margin-left: 85px;
  display: inline-block;
}

body.page-forms.page-forms-transfer .wmTransferForm input[type="checkbox"],
body.page-forms.page-forms-transfer .wmTransferForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-transfer .wmTransferForm input[type="text"]:focus,
body.page-forms.page-forms-transfer .wmTransferForm input[type="email"]:focus,
body.page-forms.page-forms-transfer .wmTransferForm input[type="tel"]:focus,
body.page-forms.page-forms-transfer .wmTransferForm input[type="password"]:focus,
body.page-forms.page-forms-transfer .wmTransferForm select:focus,
body.page-forms.page-forms-transfer .wmTransferForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirm{
  display: block;
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmForm{
  width: 100%;
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmActionLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

body.page-forms.page-forms-transfer-confirm .wmTransferConfirmActionLink:hover{
  filter: brightness(0.96);
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirm{
  display: block;
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmForm{
  width: 100%;
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmActionLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmActionLink:hover{
  filter: brightness(0.96);
}

body.page-forms.page-forms-owner-confirm .wmOwnerConfirmDomain{
  color: #558BFF;
}

body.page-forms.page-forms-reminder .wmReminder{
  display: block;
}

body.page-forms.page-forms-reminder .wmReminderHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reminder .wmReminderSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reminder .wmReminderSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reminder .wmReminderForm{
  width: 100%;
}

body.page-forms.page-forms-reminder .wmReminderForm input[type="text"]{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.9);
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-reminder .wmReminderForm input[type="text"]:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

body.page-forms.page-forms-partners .wmPartners{
  display: block;
}

body.page-forms.page-forms-partners .wmPartnersHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-partners .wmPartnersSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-partners .wmPartnersSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-partners .wmPartnersForm{
  width: 100%;
}

body.page-forms.page-forms-partners .wmPartnersForm textarea{
  min-height: 140px;
  resize: vertical;
}

body.page-forms.page-forms-partners .wmPartnersForm input[type="text"],
body.page-forms.page-forms-partners .wmPartnersForm textarea{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--stroke2);
  background: rgba(255,255,255,.9);
  color: var(--text);
  font-size: 14px;
  line-height: 1.2;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

body.page-forms.page-forms-partners .wmPartnersForm input[type="text"]:focus,
body.page-forms.page-forms-partners .wmPartnersForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

body.page-forms.page-forms-partners .wmPartnersForm input[type="checkbox"],
body.page-forms.page-forms-partners .wmPartnersForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-partner-login .wmPartnerLogin{
  display: block;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginHeader{
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-partner-login .wmPartnerLoginSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginForm{
  width: 100%;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginLinks{
  margin-left: 120px;
  display: inline-block;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginActionLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

body.page-forms.page-forms-partner-login .wmPartnerLoginActionLink:hover{
  filter: brightness(0.96);
}

@media (max-width: 980px){
  body.page-forms.page-forms-transfer .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-transfer .paymenttype_area_left{
    grid-template-columns: auto auto;
  }

  body.page-forms.page-forms-transfer .wmTransferIpNote{
    margin-left: 0;
  }
}

body.page-forms.page-forms-dedicated .wmDedicatedForm input[type="checkbox"],
body.page-forms.page-forms-dedicated .wmDedicatedForm input[type="radio"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-dedicated .wmDedicatedForm input[type="text"]:focus,
body.page-forms.page-forms-dedicated .wmDedicatedForm select:focus,
body.page-forms.page-forms-dedicated .wmDedicatedForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

body.page-forms.page-forms-resellers .wmResellers{
  display: block;
}

body.page-forms.page-forms-resellers .wmResellersHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-resellers .wmResellersHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-resellers .wmResellersHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-resellers .wmResellersSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-resellers .wmResellersSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-resellers .wmResellersForm{
  width: 100%;
}

body.page-forms.page-forms-resellers .signup_form_height,
body.page-forms.page-forms-resellers .signup_form_height2{
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 10px 18px;
  align-items: center;
  margin-bottom: 12px;
}

body.page-forms.page-forms-resellers .signup_form_text{
  font-weight: 600;
  color: var(--navy);
}

body.page-forms.page-forms-resellers .signup_form_textbox{
  width: 100%;
}

body.page-forms.page-forms-resellers .signup_textbox1,
body.page-forms.page-forms-resellers .signup_textbox2,
body.page-forms.page-forms-resellers .signup_country,
body.page-forms.page-forms-resellers .signup_simple{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(8, 20, 43, .16);
  background: #fff;
  color: var(--text);
}

body.page-forms.page-forms-resellers .signup_simple{
  min-height: 140px;
  resize: vertical;
}

body.page-forms.page-forms-resellers .wmResellersInlineFields{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-forms.page-forms-resellers .wmResellersStateShort{
  width: 80px;
  max-width: 90px;
}

body.page-forms.page-forms-resellers .wmResellersSpacer{
  padding-top: 10px;
}

body.page-forms.page-forms-resellers .wmResellersAgreementSpacer{
  padding-bottom: 5px;
}

body.page-forms.page-forms-resellers .wmResellersAgreementTable{
  width: 100%;
}

body.page-forms.page-forms-resellers .wmResellersForm input[type="checkbox"]{
  accent-color: var(--blue);
  transform: translateY(1px);
}

body.page-forms.page-forms-resellers .wmResellersForm input[type="text"]:focus,
body.page-forms.page-forms-resellers .wmResellersForm select:focus,
body.page-forms.page-forms-resellers .wmResellersForm textarea:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-resellers .wmResellersHeader{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-resellers .signup_form_height,
  body.page-forms.page-forms-resellers .signup_form_height2{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px){
  body.page-forms.page-forms-dedicated .signup_form_height,
  body.page-forms.page-forms-dedicated .signup_form_height2{
    grid-template-columns: 1fr;
  }

  body.page-forms.page-forms-dedicated .paymenttype_area_bg{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-dedicated .paymenttype_area_left{
    grid-template-columns: auto auto;
  }

  body.page-forms.page-forms-dedicated .wmDedicatedIpNote{
    margin-left: 0;
  }
}

body.page-forms.page-forms-reseller-login .wmResellerLogin{
  display: block;
}

body.page-forms.page-forms-reseller-login .wmResellerLoginHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reseller-login .wmResellerLoginHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reseller-login .wmResellerLoginHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reseller-login .wmResellerLoginSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reseller-login .wmResellerLoginSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reseller-login .wmResellerLoginForm{
  width: 100%;
}

body.page-forms.page-forms-reseller-login .wmResellerLoginLinks{
  margin-left: 120px;
  display: inline-block;
}

@media (max-width: 980px){
  body.page-forms.page-forms-reseller-login .wmResellerLoginHeader{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-reseller-login .wmResellerLoginLinks{
    margin-left: 0;
  }
}

body.page-forms.page-forms-reset-domain .wmResetDomain{
  display: block;
}

body.page-forms.page-forms-reset-domain .wmResetDomainHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reset-domain .wmResetDomainHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reset-domain .wmResetDomainHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reset-domain .wmResetDomainSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reset-domain .wmResetDomainSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reset-domain .wmResetDomainForm{
  width: 100%;
}

body.page-forms.page-forms-reset-domain .signup_textbox1:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-reset-domain .wmResetDomainHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcct{
  display: block;
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctForm{
  width: 100%;
}

body.page-forms.page-forms-reset-domain-acct .signup_textbox1:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-reset-domain-acct .wmResetDomainAcctHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-reset-domains .wmResetDomains{
  display: block;
}

body.page-forms.page-forms-reset-domains .wmResetDomainsHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reset-domains .wmResetDomainsHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reset-domains .wmResetDomainsHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reset-domains .wmResetDomainsSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reset-domains .wmResetDomainsSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reset-domains .wmResetDomainsForm{
  width: 100%;
}

body.page-forms.page-forms-reset-domains .signup_textbox1:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-reset-domains .wmResetDomainsHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-reset-hosting .wmResetHosting{
  display: block;
}

body.page-forms.page-forms-reset-hosting .wmResetHostingHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reset-hosting .wmResetHostingHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reset-hosting .wmResetHostingHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reset-hosting .wmResetHostingSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reset-hosting .wmResetHostingSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reset-hosting .wmResetHostingForm{
  width: 100%;
}

body.page-forms.page-forms-reset-hosting .signup_textbox1:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-reset-hosting .wmResetHostingHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-reset-partners .wmResetPartners{
  display: block;
}

body.page-forms.page-forms-reset-partners .wmResetPartnersHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-reset-partners .wmResetPartnersHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-reset-partners .wmResetPartnersHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-reset-partners .wmResetPartnersSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-reset-partners .wmResetPartnersSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-reset-partners .wmResetPartnersForm{
  width: 100%;
}

body.page-forms.page-forms-reset-partners .signup_textbox1:focus{
  outline: none;
  border-color: rgba(29, 111, 253, .55);
  box-shadow: 0 0 0 4px rgba(29, 111, 253, .16);
  background: rgba(255,255,255,.95);
}

@media (max-width: 980px){
  body.page-forms.page-forms-reset-partners .wmResetPartnersHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-dom-options .wmDomOptions{
  display: block;
}

body.page-forms.page-forms-dom-options .wmDomOptionsHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-dom-options .wmDomOptionsHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-dom-options .wmDomOptionsHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-dom-options .wmDomOptionsSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-dom-options .wmDomOptionsSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-dom-options .wmDomOptionsForm,
body.page-forms.page-forms-dom-options .wmDomOptionsLoginForm{
  width: 100%;
}

body.page-forms.page-forms-dom-options .wmDomOptionsCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-dom-options .wmDomOptionsCardIcons i{
  font-size: 24px;
  opacity: .8;
}

body.page-forms.page-forms-dom-options .wmDomOptionsIpNote{
  margin-left: 45px;
  display: inline-block;
}

body.page-forms.page-forms-dom-options .wmDomOptionsLoginLinks{
  margin-left: 210px;
  display: inline-block;
}

@media (max-width: 980px){
  body.page-forms.page-forms-dom-options .wmDomOptionsHeader{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-forms.page-forms-dom-options .wmDomOptionsLoginLinks{
    margin-left: 0;
  }
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2{
  display: block;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2Header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2HeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2HeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2Section{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2Section .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2Form,
body.page-forms.page-forms-dom-options2 .wmDomOptions2LoginForm{
  width: 100%;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2CardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2CardIcons i{
  font-size: 24px;
  opacity: .8;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2FooterLinks{
  text-align: center;
  margin-top: 12px;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2AuthBlock{
  margin-top: 20px;
}

body.page-forms.page-forms-dom-options2 .wmDomOptions2FooterNote{
  text-align: center;
  margin-top: 16px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-dom-options2 .wmDomOptions2Header{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-dom-renew .wmDomRenew{
  display: block;
}

body.page-forms.page-forms-dom-renew .wmDomRenewHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-dom-renew .wmDomRenewHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-dom-renew .wmDomRenewHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-dom-renew .wmDomRenewSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-dom-renew .wmDomRenewSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-dom-renew .wmDomRenewForm{
  width: 100%;
}

body.page-forms.page-forms-dom-renew .wmDomRenewRegisterTable{
  width: min(100%, 980px);
  margin: 0 auto;
  border: 1px solid #000000;
}

body.page-forms.page-forms-dom-renew .wmDomRenewRegisterHeader td,
body.page-forms.page-forms-dom-renew .wmDomRenewRegisterTotal td{
  background: #62A3F3;
}

body.page-forms.page-forms-dom-renew .wmDomRenewRegisterTotal td:last-child{
  background: #F2F2F2;
}

body.page-forms.page-forms-dom-renew .wmDomRenewCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-dom-renew .wmDomRenewCardIcons i{
  font-size: 22px;
  opacity: .8;
}

body.page-forms.page-forms-dom-renew .wmDomRenewSubmitLink{
  cursor: pointer;
}

body.page-forms.page-forms-dom-renew .wmDomRenewIpNote{
  display: inline-block;
}

body.page-forms.page-forms-dom-renew .wmDomRenewAuthBlock{
  margin-top: 20px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-dom-renew .wmDomRenewHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-dom-cc .wmDomCc{
  display: block;
}

body.page-forms.page-forms-dom-cc .wmDomCcHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-dom-cc .wmDomCcHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-dom-cc .wmDomCcHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-dom-cc .wmDomCcSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-dom-cc .wmDomCcSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-dom-cc .wmDomCcForm{
  width: 100%;
}

@media (max-width: 980px){
  body.page-forms.page-forms-dom-cc .wmDomCcHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemption{
  display: block;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionForm{
  width: 100%;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionCardIcons i{
  font-size: 22px;
  opacity: .8;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionSubmitLink{
  cursor: pointer;
}

body.page-forms.page-forms-domain-redemption .wmDomainRedemptionIpNote{
  display: inline-block;
}

@media (max-width: 980px){
  body.page-forms.page-forms-domain-redemption .wmDomainRedemptionHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-ssl-cert .wmSslCert{
  display: block;
}

body.page-forms.page-forms-ssl-cert .wmSslCertHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-ssl-cert .wmSslCertHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-ssl-cert .wmSslCertHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-ssl-cert .wmSslCertSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-ssl-cert .wmSslCertSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-ssl-cert .wmSslCertForm{
  width: 100%;
}

body.page-forms.page-forms-ssl-cert .wmSslCertWideSelect{
  width: min(100%, 400px);
}

body.page-forms.page-forms-ssl-cert .wmSslCertCode{
  font-size: 0.8em;
}

body.page-forms.page-forms-ssl-cert .wmSslCertStateShort{
  width: 30px;
}

body.page-forms.page-forms-ssl-cert .wmSslCertNoteSmall{
  font-size: 0.8em;
}

body.page-forms.page-forms-ssl-cert .wmSslCertCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-ssl-cert .wmSslCertCardIcons i{
  font-size: 22px;
  opacity: .8;
}

body.page-forms.page-forms-ssl-cert .wmSslCertSubmitLink{
  cursor: pointer;
}

body.page-forms.page-forms-ssl-cert .wmSslCertIpNote{
  display: inline-block;
}

@media (max-width: 980px){
  body.page-forms.page-forms-ssl-cert .wmSslCertHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenew{
  display: block;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewForm{
  width: 100%;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewWideSelect{
  width: min(100%, 400px);
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewCode{
  font-size: 0.8em;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewStateShort{
  width: 30px;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewNoteSmall{
  font-size: 0.8em;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewCardIcons i{
  font-size: 22px;
  opacity: .8;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewSubmitLink{
  cursor: pointer;
}

body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewIpNote{
  display: inline-block;
}

@media (max-width: 980px){
  body.page-forms.page-forms-ssl-cert-renew .wmSslCertRenewHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-backupmail .wmBackupMail{
  display: block;
}

body.page-forms.page-forms-backupmail .wmBackupMailHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-backupmail .wmBackupMailHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-backupmail .wmBackupMailHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-backupmail .wmBackupMailSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-backupmail .wmBackupMailSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-backupmail .wmBackupMailForm{
  width: 100%;
}

body.page-forms.page-forms-backupmail .wmBackupMailNote{
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 5px;
}

body.page-forms.page-forms-backupmail .wmBackupMailSpacer{
  padding-left: 20px;
}

body.page-forms.page-forms-backupmail .wmBackupMailCardIcons{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--navy2);
}

body.page-forms.page-forms-backupmail .wmBackupMailCardIcons i{
  font-size: 22px;
  opacity: .8;
}

body.page-forms.page-forms-backupmail .wmBackupMailSubmitLink{
  cursor: pointer;
}

body.page-forms.page-forms-backupmail .wmBackupMailIpNote{
  display: inline-block;
  margin-left: 45px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-backupmail .wmBackupMailHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-fax .wmFax{
  display: block;
}

body.page-forms.page-forms-fax .wmFaxHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-fax .wmFaxHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-fax .wmFaxHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-fax .wmFaxSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-fax .wmFaxSection .inner{
  padding: 28px 30px 32px;
}

body.page-forms.page-forms-fax .wmFaxPlainList{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

body.page-forms.page-forms-fax .wmFaxSquareList{
  list-style-type: square;
}

@media (max-width: 980px){
  body.page-forms.page-forms-fax .wmFaxHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-thankyou .wmThankYou{
  display: block;
}

body.page-forms.page-forms-thankyou .wmThankYouHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-thankyou .wmThankYouHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-thankyou .wmThankYouHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-thankyou .wmThankYouSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-thankyou .wmThankYouSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-thankyou .wmThankYouHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-thankyou-id .wmThankYouId{
  display: block;
}

body.page-forms.page-forms-thankyou-id .wmThankYouIdHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-thankyou-id .wmThankYouIdHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-thankyou-id .wmThankYouIdHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-thankyou-id .wmThankYouIdSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-thankyou-id .wmThankYouIdSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-thankyou-id .wmThankYouIdHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-usocial .wmUsocial{
  display: block;
}

body.page-forms.page-forms-usocial .wmUsocialHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-usocial .wmUsocialHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-usocial .wmUsocialHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-usocial .wmUsocialSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-usocial .wmUsocialSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-usocial .wmUsocialHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeann{
  display: block;
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeannHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeannHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeannHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeannSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-usocial-leann .wmUsocialLeannSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-usocial-leann .wmUsocialLeannHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecial{
  display: block;
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecialHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecialHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecialHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecialSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-usocial-special .wmUsocialSpecialSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-usocial-special .wmUsocialSpecialHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-contact-change .wmContactChange{
  display: block;
}

body.page-forms.page-forms-contact-change .wmContactChangeHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-contact-change .wmContactChangeHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-contact-change .wmContactChangeHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-contact-change .wmContactChangeSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-contact-change .wmContactChangeSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-contact-change .wmContactChangeHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-check-inc .wmCheckInc{
  display: block;
}

body.page-forms.page-forms-check-inc .wmCheckIncHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-check-inc .wmCheckIncHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-check-inc .wmCheckIncHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-check-inc .wmCheckIncSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-check-inc .wmCheckIncSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-check-inc .wmCheckIncHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-credit-inc .wmCreditInc{
  display: block;
}

body.page-forms.page-forms-credit-inc .wmCreditIncHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-credit-inc .wmCreditIncHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-credit-inc .wmCreditIncHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-credit-inc .wmCreditIncSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-credit-inc .wmCreditIncSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-credit-inc .wmCreditIncHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-error-inc .wmErrorInc{
  display: block;
}

body.page-forms.page-forms-error-inc .wmErrorIncHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-error-inc .wmErrorIncHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-error-inc .wmErrorIncHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-error-inc .wmErrorIncSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-error-inc .wmErrorIncSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-error-inc .wmErrorIncHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthInc{
  display: block;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-pre-auth-inc .wmPreAuthIncHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDev{
  display: block;
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthIncDevHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeader{
  display: block;
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-pre-auth-header-inc .wmPreAuthHeaderHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooter{
  display: block;
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterHeader{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterHeaderMain .kicker{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 8px;
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterHeaderMain h1{
  margin: 0;
  color: var(--navy);
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterSection{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterSection .inner{
  padding: 28px 30px 32px;
}

@media (max-width: 980px){
  body.page-forms.page-forms-pre-auth-footer-inc .wmPreAuthFooterHeader{
    flex-direction: column;
    align-items: flex-start;
  }
}

body.page-forms.page-forms-backupmail .wmContactInfoState,
body.page-forms.page-forms-partners .wmContactInfoState{
  width: 30px;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthCameraButton,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthCameraButton,
body.page-forms.page-forms-ssl-cert .wmPreAuthCameraButton,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthCameraButton,
body.page-forms.page-forms-transfer .wmPreAuthCameraButton,
body.page-forms.page-forms-register .wmPreAuthCameraButton{
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  background-color: #f8f8f8;
  color: #000000;
  border: 2px solid #1d529b;
  border-radius: 4px;
  box-shadow: 1px 1px 1px grey;
  transition-duration: 0.4s;
  position: relative;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthCameraButton:hover,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthCameraButton:hover,
body.page-forms.page-forms-ssl-cert .wmPreAuthCameraButton:hover,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthCameraButton:hover,
body.page-forms.page-forms-transfer .wmPreAuthCameraButton:hover,
body.page-forms.page-forms-register .wmPreAuthCameraButton:hover{
  background-color: #3a77d8;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  border: 1px dotted #3472c7;
  border-radius: 6px;
  box-shadow: 1px 1px 1px #ffb100;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthCameraButton:active,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthCameraButton:active,
body.page-forms.page-forms-ssl-cert .wmPreAuthCameraButton:active,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthCameraButton:active,
body.page-forms.page-forms-transfer .wmPreAuthCameraButton:active,
body.page-forms.page-forms-register .wmPreAuthCameraButton:active{
  background-color: #ffb100;
  box-shadow: 1px 1px 4px grey;
  top: 1px;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthCameraBox,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthCameraBox,
body.page-forms.page-forms-ssl-cert .wmPreAuthCameraBox,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthCameraBox,
body.page-forms.page-forms-transfer .wmPreAuthCameraBox,
body.page-forms.page-forms-register .wmPreAuthCameraBox{
  display: none;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthPicVideo,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthPicVideo,
body.page-forms.page-forms-ssl-cert .wmPreAuthPicVideo,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthPicVideo,
body.page-forms.page-forms-transfer .wmPreAuthPicVideo,
body.page-forms.page-forms-register .wmPreAuthPicVideo{
  background-color: #d3d3d3;
  border: 3px solid #1d529b;
  border-radius: 4px;
  box-shadow: 2px 2px 2px lightgray;
  display: block;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthPicCanvas,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthPicCanvas,
body.page-forms.page-forms-ssl-cert .wmPreAuthPicCanvas,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthPicCanvas,
body.page-forms.page-forms-transfer .wmPreAuthPicCanvas,
body.page-forms.page-forms-register .wmPreAuthPicCanvas{
  background-color: #d4d4d4;
  border: 3px solid #1d529b;
  border-radius: 4px;
  box-shadow: 2px 2px 2px lightgray;
  display: none;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthEmailInput,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthEmailInput,
body.page-forms.page-forms-ssl-cert .wmPreAuthEmailInput,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthEmailInput,
body.page-forms.page-forms-transfer .wmPreAuthEmailInput,
body.page-forms.page-forms-register .wmPreAuthEmailInput{
  width: 200px;
  font-size: 24px;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthHidden,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthHidden,
body.page-forms.page-forms-ssl-cert .wmPreAuthHidden,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthHidden,
body.page-forms.page-forms-transfer .wmPreAuthHidden,
body.page-forms.page-forms-register .wmPreAuthHidden{
  display: none;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthSteps,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthSteps,
body.page-forms.page-forms-ssl-cert .wmPreAuthSteps,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthSteps,
body.page-forms.page-forms-transfer .wmPreAuthSteps,
body.page-forms.page-forms-register .wmPreAuthSteps,
body.page-forms.page-forms-pre-auth-inc .wmPreAuthListPlain,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthListPlain,
body.page-forms.page-forms-ssl-cert .wmPreAuthListPlain,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthListPlain,
body.page-forms.page-forms-transfer .wmPreAuthListPlain,
body.page-forms.page-forms-register .wmPreAuthListPlain{
  list-style-type: none;
  padding-left: 0;
}

body.page-forms.page-forms-pre-auth-inc .wmPreAuthListSquare,
body.page-forms.page-forms-pre-auth-inc-dev .wmPreAuthListSquare,
body.page-forms.page-forms-ssl-cert .wmPreAuthListSquare,
body.page-forms.page-forms-ssl-cert-renew .wmPreAuthListSquare,
body.page-forms.page-forms-transfer .wmPreAuthListSquare,
body.page-forms.page-forms-register .wmPreAuthListSquare{
  list-style-type: square;
  padding-left: 20px;
}

/* header logo image */
.logoImg{
  width: 200px;
  height: 50px;
  object-fit: contain;
  display:block;
}

@media (max-width: 768px){
  .logoImg{
    width: 150px;
  }
}

/* -------------------------------------------------------------------------- */
/* Web Design legacy pages (v2 refactor)                                      */
/* -------------------------------------------------------------------------- */
body.webdesign-page .wd-hero{
  display:flex;
  align-items:center;
  gap:16px;
  padding: 18px 20px 14px;
}
body.webdesign-page .wd-hero-icon{
  width:46px;
  height:46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: var(--gradC);
  color: #fff;
  box-shadow: 0 16px 32px rgba(20,184,166,.20);
}
body.webdesign-page .wd-title{
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
}
body.webdesign-page .wd-kicker{
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
}
body.webdesign-page .wd-kicker-strong{
  font-weight: 700;
  color: var(--navy);
}
body.webdesign-page .wd-attn{
  color: var(--blue);
  font-weight: 700;
}
body.webdesign-page .wd-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color: var(--muted);
  font-size: 14px;
}
body.webdesign-page .wd-nav a{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.6);
}
body.webdesign-page .wd-nav a:hover{
  color: var(--text);
  background: rgba(8,20,43,.06);
}
body.webdesign-page .wd-card-space{
  margin-top: 16px;
}
body.webdesign-page .wd-section-title{
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 14px;
}
body.webdesign-page .wd-fee-block{
  padding: 16px 0 2px;
  border-top: 1px dashed var(--stroke);
}
body.webdesign-page .wd-fee-block:first-of-type{
  border-top: 0;
  padding-top: 0;
}
body.webdesign-page .wd-fee-heading{
  font-weight: 800;
  color: var(--navy);
  margin-bottom: 10px;
}
body.webdesign-page .wd-fee-subheading{
  font-weight: 700;
  color: var(--navy);
  margin: 18px 0 8px;
}
body.webdesign-page .wd-checklist{
  list-style: none;
  padding: 0;
  margin: 0;
  display:grid;
  gap:8px;
}
body.webdesign-page .wd-checklist li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
body.webdesign-page .wd-checklist i{
  color: var(--cyan);
  margin-top: 2px;
}
body.webdesign-page .wd-rate-row{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap:12px;
  padding: 6px 0;
  border-bottom: 1px dashed rgba(8,20,43,.08);
}
body.webdesign-page .wd-rate-row:last-child{
  border-bottom: 0;
}
body.webdesign-page .wd-rate{
  font-weight: 700;
  color: var(--navy);
  display:flex;
  align-items:center;
  gap:8px;
}
body.webdesign-page .wd-rate i{
  color: var(--cyan);
}
body.webdesign-page .wd-legacy-footer{
  text-align:center;
  color: var(--muted);
  font-size: 14px;
  display:grid;
  gap:10px;
}
body.webdesign-page .wd-legacy-footer a{
  color: inherit;
}

@media (max-width: 720px){
  body.webdesign-page .wd-hero{
    flex-direction: column;
    align-items: flex-start;
  }
  body.webdesign-page .wd-rate-row{
    grid-template-columns: 1fr;
  }
}

body.webdesign-page .attn{
  color: var(--blue);
  font-weight: 700;
}

/* Case Studies */
body.webdesign-case-studies .wd-carousel{
  display:flex;
  align-items:center;
  gap:12px;
}
body.webdesign-case-studies .wd-carousel-btn{
  width:40px;
  height:40px;
  border-radius:999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.7);
  color: var(--navy);
  cursor:pointer;
}
body.webdesign-case-studies .wd-carousel-track{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding: 6px 2px;
  scroll-behavior:smooth;
}
body.webdesign-case-studies .wd-carousel-track img{
  width:82px;
  height:82px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: #fff;
}
body.webdesign-case-studies .wd-cases{
  display:grid;
  gap:18px;
}
body.webdesign-case-studies .wd-case{
  display:none;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  padding: 18px 20px;
}
body.webdesign-case-studies .wd-case.is-active{
  display:block;
}
body.webdesign-case-studies .wd-case:after{
  content:"";
  display:block;
  clear: both;
}
body.webdesign-case-studies .wd-case img{
  border-radius: 12px;
  border: 1px solid var(--stroke);
  margin: 0 12px 8px 0;
}

@media (max-width: 720px){
  body.webdesign-case-studies .wd-carousel{
    align-items:flex-start;
  }
  body.webdesign-case-studies .wd-carousel-btn{
    display:none;
  }
}

/* White Papers */
body.webdesign-white-papers .wd-shell{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap:16px;
  margin-top: 16px;
}
body.webdesign-white-papers .wd-shell-aside{
  display:grid;
  gap:16px;
}
body.webdesign-white-papers .wd-aside-title{
  font-weight:800;
  margin-bottom:10px;
}
body.webdesign-white-papers .wd-aside-links{
  display:grid;
  gap:8px;
  color: var(--muted);
}
body.webdesign-white-papers .wd-aside-links a{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.6);
}
body.webdesign-white-papers .wd-aside-meta{
  display:grid;
  gap:12px;
}
body.webdesign-white-papers .wd-moneyback img{
  max-width:100%;
  height:auto;
}
body.webdesign-white-papers .right_684{
  margin-bottom: 12px;
}
body.webdesign-white-papers .right_134{
  float:left;
  margin-right: 14px;
}
body.webdesign-white-papers .right_550{
  overflow:hidden;
}
body.webdesign-white-papers .wd-paper-image img{
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: #fff;
}
body.webdesign-white-papers .wd-note{
  margin-top: 5px;
}
body.webdesign-white-papers .wd-titlepad{
  padding-left: 10px;
}
body.webdesign-white-papers .wd-rule{
  border: 0;
  border-top: 1px solid rgba(8,20,43,.18);
  margin: 10px 0;
}
body.webdesign-white-papers .h_line{
  height:1px;
  background: rgba(8,20,43,.12);
  margin: 10px 0;
}
body.webdesign-white-papers .blank_20{
  height:20px;
}
body.webdesign-white-papers .content14{
  font-size: 14px;
  color: var(--muted);
}
body.webdesign-white-papers .text_arial15,
body.webdesign-white-papers .text2_arial15{
  font-size: 15px;
}
body.webdesign-white-papers .text3_arial15{
  font-size: 16px;
  font-weight: 800;
}
body.webdesign-white-papers .webdesign_content1{
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
}
body.webdesign-white-papers .text_blk_11{
  font-size: 13px;
  color: var(--muted);
}
body.webdesign-white-papers .wd-inline-link{
  color: var(--link, #0a66c2);
  text-decoration: none;
}
body.webdesign-white-papers .wd-inline-link:hover{
  text-decoration: underline;
}
body.webdesign-white-papers .wd-inline-button{
  border: 0;
  background: none;
  padding: 0;
  color: var(--link, #0a66c2);
  font-weight: 700;
  cursor: pointer;
}

@media (max-width: 980px){
  body.webdesign-white-papers .wd-shell{
    grid-template-columns: 1fr;
  }
  body.webdesign-white-papers .right_134{
    float:none;
    margin-right:0;
    margin-bottom: 12px;
  }
}

/* Web Design Careers / Quote / Ghost */
body.webdesign-careers .wd-shell,
body.webdesign-quote .wd-shell,
body.webdesign-ghost .wd-shell,
body.webdesign-services .wd-shell,
body.webdesign-shopping-carts .wd-shell,
body.webdesign-cms .wd-shell,
body.webdesign-marketing .wd-shell,
body.webdesign-applications .wd-shell,
body.webdesign-portfolio .wd-shell{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap:16px;
  margin-top: 16px;
}
body.webdesign-careers .wd-shell-aside,
body.webdesign-quote .wd-shell-aside,
body.webdesign-ghost .wd-shell-aside,
body.webdesign-services .wd-shell-aside,
body.webdesign-shopping-carts .wd-shell-aside,
body.webdesign-cms .wd-shell-aside,
body.webdesign-marketing .wd-shell-aside,
body.webdesign-applications .wd-shell-aside,
body.webdesign-portfolio .wd-shell-aside{
  display:grid;
  gap:16px;
}
body.webdesign-careers .wd-aside-title,
body.webdesign-quote .wd-aside-title,
body.webdesign-ghost .wd-aside-title,
body.webdesign-services .wd-aside-title,
body.webdesign-shopping-carts .wd-aside-title,
body.webdesign-cms .wd-aside-title,
body.webdesign-marketing .wd-aside-title,
body.webdesign-applications .wd-aside-title,
body.webdesign-portfolio .wd-aside-title{
  font-weight:800;
  margin-bottom:10px;
}
body.webdesign-careers .wd-aside-links,
body.webdesign-quote .wd-aside-links,
body.webdesign-ghost .wd-aside-links,
body.webdesign-services .wd-aside-links,
body.webdesign-shopping-carts .wd-aside-links,
body.webdesign-cms .wd-aside-links,
body.webdesign-marketing .wd-aside-links,
body.webdesign-applications .wd-aside-links,
body.webdesign-portfolio .wd-aside-links{
  display:grid;
  gap:8px;
  color: var(--muted);
}
body.webdesign-careers .wd-aside-links a,
body.webdesign-quote .wd-aside-links a,
body.webdesign-ghost .wd-aside-links a,
body.webdesign-services .wd-aside-links a,
body.webdesign-shopping-carts .wd-aside-links a,
body.webdesign-cms .wd-aside-links a,
body.webdesign-marketing .wd-aside-links a,
body.webdesign-applications .wd-aside-links a,
body.webdesign-portfolio .wd-aside-links a{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.6);
}
body.webdesign-careers .wd-aside-meta,
body.webdesign-quote .wd-aside-meta,
body.webdesign-ghost .wd-aside-meta,
body.webdesign-services .wd-aside-meta,
body.webdesign-shopping-carts .wd-aside-meta,
body.webdesign-cms .wd-aside-meta,
body.webdesign-marketing .wd-aside-meta,
body.webdesign-applications .wd-aside-meta,
body.webdesign-portfolio .wd-aside-meta{
  display:grid;
  gap:12px;
}
body.webdesign-careers .wd-moneyback img,
body.webdesign-quote .wd-moneyback img,
body.webdesign-ghost .wd-moneyback img,
body.webdesign-services .wd-moneyback img,
body.webdesign-shopping-carts .wd-moneyback img,
body.webdesign-cms .wd-moneyback img,
body.webdesign-marketing .wd-moneyback img,
body.webdesign-applications .wd-moneyback img,
body.webdesign-portfolio .wd-moneyback img{
  max-width:100%;
  height:auto;
}
body.webdesign-careers .wd-inline-link,
body.webdesign-quote .wd-inline-link,
body.webdesign-ghost .wd-inline-link,
body.webdesign-services .wd-inline-link,
body.webdesign-shopping-carts .wd-inline-link,
body.webdesign-cms .wd-inline-link,
body.webdesign-marketing .wd-inline-link,
body.webdesign-applications .wd-inline-link,
body.webdesign-portfolio .wd-inline-link{
  color: var(--link, #0a66c2);
  text-decoration: none;
}
body.webdesign-careers .wd-inline-link:hover,
body.webdesign-quote .wd-inline-link:hover,
body.webdesign-ghost .wd-inline-link:hover,
body.webdesign-services .wd-inline-link:hover,
body.webdesign-shopping-carts .wd-inline-link:hover,
body.webdesign-cms .wd-inline-link:hover,
body.webdesign-marketing .wd-inline-link:hover,
body.webdesign-applications .wd-inline-link:hover,
body.webdesign-portfolio .wd-inline-link:hover{
  text-decoration: underline;
}
body.webdesign-careers .wd-prose,
body.webdesign-quote .wd-prose,
body.webdesign-ghost .wd-prose,
body.webdesign-services .wd-prose,
body.webdesign-shopping-carts .wd-prose,
body.webdesign-cms .wd-prose,
body.webdesign-marketing .wd-prose,
body.webdesign-applications .wd-prose,
body.webdesign-portfolio .wd-prose{
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}
body.webdesign-careers .wd-prose h3,
body.webdesign-quote .wd-prose h3,
body.webdesign-ghost .wd-prose h3,
body.webdesign-services .wd-prose h3,
body.webdesign-shopping-carts .wd-prose h3,
body.webdesign-cms .wd-prose h3,
body.webdesign-marketing .wd-prose h3,
body.webdesign-applications .wd-prose h3,
body.webdesign-portfolio .wd-prose h3{
  font-size: 18px;
  margin: 18px 0 6px;
  color: var(--navy);
}
body.webdesign-careers .wd-divider,
body.webdesign-quote .wd-divider,
body.webdesign-ghost .wd-divider,
body.webdesign-services .wd-divider,
body.webdesign-shopping-carts .wd-divider,
body.webdesign-cms .wd-divider,
body.webdesign-marketing .wd-divider,
body.webdesign-applications .wd-divider,
body.webdesign-portfolio .wd-divider{
  height:1px;
  background: rgba(8,20,43,.12);
  margin: 18px 0;
}
body.webdesign-careers .wd-rule,
body.webdesign-quote .wd-rule,
body.webdesign-ghost .wd-rule,
body.webdesign-services .wd-rule,
body.webdesign-shopping-carts .wd-rule,
body.webdesign-cms .wd-rule,
body.webdesign-marketing .wd-rule,
body.webdesign-applications .wd-rule,
body.webdesign-portfolio .wd-rule{
  border: 0;
  border-top: 1px solid rgba(8,20,43,.18);
  margin: 10px 0 14px;
}
body.webdesign-careers .wd-list,
body.webdesign-quote .wd-list,
body.webdesign-ghost .wd-list,
body.webdesign-services .wd-list,
body.webdesign-shopping-carts .wd-list,
body.webdesign-cms .wd-list,
body.webdesign-marketing .wd-list,
body.webdesign-applications .wd-list,
body.webdesign-portfolio .wd-list{
  margin: 8px 0 14px 18px;
}
body.webdesign-careers .wd-subtitle,
body.webdesign-quote .wd-subtitle,
body.webdesign-ghost .wd-subtitle,
body.webdesign-services .wd-subtitle,
body.webdesign-shopping-carts .wd-subtitle,
body.webdesign-cms .wd-subtitle,
body.webdesign-marketing .wd-subtitle,
body.webdesign-applications .wd-subtitle,
body.webdesign-portfolio .wd-subtitle{
  color: var(--muted);
  margin: 6px 0 14px;
}
body.webdesign-careers .wd-email,
body.webdesign-quote .wd-email,
body.webdesign-ghost .wd-email,
body.webdesign-services .wd-email,
body.webdesign-shopping-carts .wd-email,
body.webdesign-cms .wd-email,
body.webdesign-marketing .wd-email,
body.webdesign-applications .wd-email,
body.webdesign-portfolio .wd-email{
  font-weight: 700;
}

body.webdesign-quote .wd-quote-form,
body.webdesign-quote-php .wd-quote-form{
  margin-top: 12px;
}
body.webdesign-quote .wd-quote-done,
body.webdesign-quote-php .wd-quote-done{
  margin-bottom: 10px;
}
body.webdesign-quote .wd-form-grid,
body.webdesign-quote-php .wd-form-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}
body.webdesign-quote .wd-form-column,
body.webdesign-quote-php .wd-form-column{
  display:flex;
  flex-direction:column;
}
body.webdesign-quote .wd-field,
body.webdesign-quote-php .wd-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom: 12px;
}
body.webdesign-quote .wd-label,
body.webdesign-quote-php .wd-label{
  font-weight:700;
  color: var(--text);
}
body.webdesign-quote .wd-inline,
body.webdesign-quote-php .wd-inline{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
body.webdesign-quote .wd-radio,
body.webdesign-quote-php .wd-radio{
  display:inline-flex;
  gap:6px;
  align-items:center;
}
body.webdesign-quote .wd-input,
body.webdesign-quote .wd-select,
body.webdesign-quote .wd-textarea,
body.webdesign-quote .wd-input-file,
body.webdesign-quote-php .wd-input,
body.webdesign-quote-php .wd-select,
body.webdesign-quote-php .wd-textarea,
body.webdesign-quote-php .wd-input-file{
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background: #fff;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--text);
}
body.webdesign-quote .wd-textarea,
body.webdesign-quote-php .wd-textarea{
  min-height: 140px;
  resize: vertical;
}
body.webdesign-quote .wd-attachment,
body.webdesign-quote-php .wd-attachment{
  margin-top: 6px;
}
body.webdesign-quote .wd-attachment.is-hidden,
body.webdesign-quote-php .wd-attachment.is-hidden{
  display:none;
}
body.webdesign-quote .wd-attachment-controls,
body.webdesign-quote-php .wd-attachment-controls{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top: 6px;
}
body.webdesign-quote .wd-link,
body.webdesign-quote-php .wd-link{
  border: 0;
  background: none;
  padding: 0;
  color: var(--link, #0a66c2);
  cursor:pointer;
  font-weight: 600;
}
body.webdesign-quote .wd-form-actions,
body.webdesign-quote-php .wd-form-actions{
  margin-top: 6px;
}
body.webdesign-quote .wd-btn,
body.webdesign-quote-php .wd-btn{
  border: 0;
  border-radius: 12px;
  padding: 10px 18px;
  background: var(--navy);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
body.webdesign-quote .wd-btn:hover,
body.webdesign-quote-php .wd-btn:hover{
  filter: brightness(1.08);
}

body.webdesign-quote-php .wd-prose{
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}
body.webdesign-quote-php .wd-subtitle{
  color: var(--muted);
  margin: 6px 0 14px;
}

body.webdesign-services .right_728,
body.webdesign-shopping-carts .right_728,
body.webdesign-cms .right_728{
  display:block;
}
body.webdesign-services .right_684,
body.webdesign-shopping-carts .right_684,
body.webdesign-cms .right_684{
  margin-bottom: 12px;
}
body.webdesign-services .right_684:after,
body.webdesign-shopping-carts .right_684:after,
body.webdesign-cms .right_684:after{
  content:"";
  display:block;
  clear: both;
}
body.webdesign-services .right_134,
body.webdesign-shopping-carts .right_134,
body.webdesign-cms .right_134{
  float:left;
  margin-right: 14px;
}
body.webdesign-services .right_550,
body.webdesign-shopping-carts .right_550,
body.webdesign-cms .right_550{
  overflow:hidden;
}
body.webdesign-services .left_320,
body.webdesign-shopping-carts .left_320,
body.webdesign-cms .left_320,
body.webdesign-services .right_320,
body.webdesign-shopping-carts .right_320,
body.webdesign-cms .right_320{
  width: 50%;
  float:left;
}
body.webdesign-services .left_310,
body.webdesign-shopping-carts .left_310,
body.webdesign-cms .left_310,
body.webdesign-services .right_310,
body.webdesign-shopping-carts .right_310,
body.webdesign-cms .right_310{
  margin-bottom: 12px;
}
body.webdesign-services .text_holder_664,
body.webdesign-shopping-carts .text_holder_664,
body.webdesign-cms .text_holder_664{
  margin-bottom: 12px;
}
body.webdesign-services .title_bg,
body.webdesign-shopping-carts .title_bg,
body.webdesign-cms .title_bg{
  border: 1px solid rgba(8,20,43,.12);
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(255,255,255,.7);
}
body.webdesign-services .wd-titlepad,
body.webdesign-shopping-carts .wd-titlepad,
body.webdesign-cms .wd-titlepad{
  padding-left: 10px;
}
body.webdesign-services .wd-image-pad,
body.webdesign-shopping-carts .wd-image-pad,
body.webdesign-cms .wd-image-pad{
  padding-top: 5px;
}
body.webdesign-services .h_line,
body.webdesign-shopping-carts .h_line,
body.webdesign-cms .h_line{
  height:1px;
  background: rgba(8,20,43,.12);
  margin: 10px 0;
}
body.webdesign-services .blank_20,
body.webdesign-shopping-carts .blank_20,
body.webdesign-cms .blank_20{
  height:20px;
}
body.webdesign-services .text_blk_11,
body.webdesign-shopping-carts .text_blk_11,
body.webdesign-cms .text_blk_11{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
}
body.webdesign-services .text_arial12,
body.webdesign-shopping-carts .text_arial12,
body.webdesign-cms .text_arial12{
  font-size: 14px;
  color: var(--text);
}
body.webdesign-services .text_arial15,
body.webdesign-shopping-carts .text_arial15,
body.webdesign-cms .text_arial15,
body.webdesign-services .text2_arial15,
body.webdesign-shopping-carts .text2_arial15,
body.webdesign-cms .text2_arial15{
  font-size: 15px;
}
body.webdesign-services .text3_arial15,
body.webdesign-shopping-carts .text3_arial15,
body.webdesign-cms .text3_arial15{
  font-size: 16px;
  font-weight: 800;
}
body.webdesign-services .webdesign_content1,
body.webdesign-shopping-carts .webdesign_content1,
body.webdesign-cms .webdesign_content1{
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
}
body.webdesign-services .webdesign_content4,
body.webdesign-shopping-carts .webdesign_content4,
body.webdesign-cms .webdesign_content4{
  font-size: 15px;
  font-weight: 800;
  color: var(--navy);
}
body.webdesign-services .nav_blk_11,
body.webdesign-shopping-carts .nav_blk_11,
body.webdesign-cms .nav_blk_11{
  color: var(--link, #0a66c2);
  text-decoration: none;
}
body.webdesign-services .nav_blk_11:hover,
body.webdesign-shopping-carts .nav_blk_11:hover,
body.webdesign-cms .nav_blk_11:hover{
  text-decoration: underline;
}
body.webdesign-services .content14,
body.webdesign-shopping-carts .content14,
body.webdesign-cms .content14{
  font-size: 14px;
  color: var(--muted);
}

@media (max-width: 980px){
  body.webdesign-services .left_320,
  body.webdesign-shopping-carts .left_320,
  body.webdesign-cms .left_320,
  body.webdesign-services .right_320,
  body.webdesign-shopping-carts .right_320,
  body.webdesign-cms .right_320{
    float:none;
    width: 100%;
  }
  body.webdesign-services .right_134,
  body.webdesign-shopping-carts .right_134,
  body.webdesign-cms .right_134{
    float:none;
    margin-right: 0;
    margin-bottom: 12px;
  }
}

body.webdesign-marketing .right_728,
body.webdesign-applications .right_728,
body.webdesign-portfolio .right_728{
  display:block;
}
body.webdesign-marketing .right_684,
body.webdesign-applications .right_684,
body.webdesign-portfolio .right_684{
  margin-bottom: 12px;
}
body.webdesign-marketing .right_684:after,
body.webdesign-applications .right_684:after,
body.webdesign-portfolio .right_684:after{
  content:"";
  display:block;
  clear: both;
}
body.webdesign-marketing .right_134,
body.webdesign-applications .right_134,
body.webdesign-portfolio .right_134{
  float:left;
  margin-right: 14px;
}
body.webdesign-marketing .right_550,
body.webdesign-applications .right_550,
body.webdesign-portfolio .right_550{
  overflow:hidden;
}
body.webdesign-marketing .left_320,
body.webdesign-applications .left_320,
body.webdesign-portfolio .left_320,
body.webdesign-marketing .right_320,
body.webdesign-applications .right_320,
body.webdesign-portfolio .right_320{
  width: 50%;
  float:left;
}
body.webdesign-marketing .left_310,
body.webdesign-applications .left_310,
body.webdesign-portfolio .left_310,
body.webdesign-marketing .right_310,
body.webdesign-applications .right_310,
body.webdesign-portfolio .right_310{
  margin-bottom: 12px;
}
body.webdesign-marketing .text_holder_664,
body.webdesign-applications .text_holder_664,
body.webdesign-portfolio .text_holder_664{
  margin-bottom: 12px;
}
body.webdesign-marketing .title_bg,
body.webdesign-applications .title_bg,
body.webdesign-portfolio .title_bg{
  border: 1px solid rgba(8,20,43,.12);
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(255,255,255,.7);
}
body.webdesign-marketing .wd-titlepad,
body.webdesign-applications .wd-titlepad,
body.webdesign-portfolio .wd-titlepad{
  padding-left: 10px;
}
body.webdesign-marketing .wd-image-pad,
body.webdesign-applications .wd-image-pad,
body.webdesign-portfolio .wd-image-pad{
  padding-top: 5px;
}
body.webdesign-marketing .h_line,
body.webdesign-applications .h_line,
body.webdesign-portfolio .h_line{
  height:1px;
  background: rgba(8,20,43,.12);
  margin: 10px 0;
}
body.webdesign-marketing .blank_20,
body.webdesign-applications .blank_20,
body.webdesign-portfolio .blank_20{
  height:20px;
}
body.webdesign-marketing .text_blk_11,
body.webdesign-applications .text_blk_11,
body.webdesign-portfolio .text_blk_11{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.6;
}
body.webdesign-marketing .text_arial12,
body.webdesign-applications .text_arial12,
body.webdesign-portfolio .text_arial12{
  font-size: 14px;
  color: var(--text);
}
body.webdesign-marketing .text_arial15,
body.webdesign-applications .text_arial15,
body.webdesign-portfolio .text_arial15,
body.webdesign-marketing .text2_arial15,
body.webdesign-applications .text2_arial15,
body.webdesign-portfolio .text2_arial15{
  font-size: 15px;
}
body.webdesign-marketing .text3_arial15,
body.webdesign-applications .text3_arial15,
body.webdesign-portfolio .text3_arial15{
  font-size: 16px;
  font-weight: 800;
}
body.webdesign-marketing .webdesign_content1,
body.webdesign-applications .webdesign_content1,
body.webdesign-portfolio .webdesign_content1{
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
}
body.webdesign-marketing .webdesign_content4,
body.webdesign-applications .webdesign_content4,
body.webdesign-portfolio .webdesign_content4{
  font-size: 15px;
  font-weight: 800;
  color: var(--navy);
}
body.webdesign-marketing .nav_blk_11,
body.webdesign-applications .nav_blk_11,
body.webdesign-portfolio .nav_blk_11{
  color: var(--link, #0a66c2);
  text-decoration: none;
}
body.webdesign-marketing .nav_blk_11:hover,
body.webdesign-applications .nav_blk_11:hover,
body.webdesign-portfolio .nav_blk_11:hover{
  text-decoration: underline;
}
body.webdesign-marketing .content14,
body.webdesign-applications .content14,
body.webdesign-portfolio .content14{
  font-size: 14px;
  color: var(--muted);
}
body.webdesign-applications table,
body.webdesign-portfolio table{
  width: 100%;
  border-collapse: collapse;
}
body.webdesign-applications table img,
body.webdesign-portfolio table img{
  border-radius: 12px;
  border: 1px solid var(--stroke);
}

@media (max-width: 980px){
  body.webdesign-marketing .left_320,
  body.webdesign-applications .left_320,
  body.webdesign-portfolio .left_320,
  body.webdesign-marketing .right_320,
  body.webdesign-applications .right_320,
  body.webdesign-portfolio .right_320{
    float:none;
    width: 100%;
  }
  body.webdesign-marketing .right_134,
  body.webdesign-applications .right_134,
  body.webdesign-portfolio .right_134{
    float:none;
    margin-right: 0;
    margin-bottom: 12px;
  }
}

@media (max-width: 980px){
  body.webdesign-careers .wd-shell,
  body.webdesign-quote .wd-shell,
  body.webdesign-ghost .wd-shell,
  body.webdesign-services .wd-shell,
  body.webdesign-shopping-carts .wd-shell,
  body.webdesign-cms .wd-shell,
  body.webdesign-marketing .wd-shell,
  body.webdesign-applications .wd-shell,
  body.webdesign-portfolio .wd-shell{
    grid-template-columns: 1fr;
  }
  body.webdesign-quote .wd-form-grid,
  body.webdesign-quote-php .wd-form-grid{
    grid-template-columns: 1fr;
  }
}