.order-page{background:#f5f9ff}.order-page header{background:#fff}.order-back{font-size:13px;font-weight:850;color:#1769c8;padding:10px 15px;border:1px solid #dce8f5;border-radius:99px}.order-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#031329,#06285a 60%,#0a4f9a);color:#fff}.order-grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:52px 52px}.order-hero-inner{position:relative;padding:80px 0 72px}.order-hero h1{font-size:clamp(46px,7vw,76px);line-height:.96;letter-spacing:-.06em;margin:0 0 18px}.order-hero h1 em{font-style:normal;color:#32baff}.order-hero p{max-width:760px;color:#d5e5f9;font-size:17px}.order-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#bdd1eb;font-size:12px;font-weight:750}.order-main{padding:70px 0 95px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}.order-content{display:grid;gap:22px}.order-card,.summary-card{background:#fff;border:1px solid #dce8f5;border-radius:23px;box-shadow:0 18px 55px #05234910}.order-card{padding:30px}.step-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.step-head>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1682ff,#29baff);color:#fff;display:grid;place-items:center;font-weight:950}.step-head small{font-size:9px;letter-spacing:.18em;color:#1581ff;font-weight:900}.step-head h2{margin:2px 0 0;font-size:25px}.locked{opacity:.52;pointer-events:none}.domain-box{display:grid;grid-template-columns:minmax(0,1fr) 115px 190px;gap:10px}.domain-box input,.domain-box select,.form-grid input,.form-grid select{font:inherit;border:1px solid #d5e2ef;border-radius:12px;padding:13px 14px;outline:0;background:#fff;color:#092348}.domain-box input:focus,.domain-box select:focus,.form-grid input:focus,.form-grid select:focus{border-color:#1581ff;box-shadow:0 0 0 4px #1581ff18}.field-note{margin:10px 0 0;color:#7b8da2;font-size:11px}.domain-result{margin-top:18px;border-radius:15px;padding:16px 18px;font-size:14px;font-weight:750}.domain-result.available{background:#ecfaf2;border:1px solid #b8e8ca;color:#17663b}.domain-result.unavailable{background:#fff4f2;border:1px solid #f0cbc5;color:#8a2525}.domain-result.searching{background:#edf6ff;border:1px solid #c8e1fb;color:#145da8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product-card{position:relative;border:1px solid #dce8f5;border-radius:18px;padding:22px;cursor:pointer;min-height:215px}.product-card input{position:absolute;opacity:0}.product-card .product-check{position:absolute;right:14px;top:14px;width:23px;height:23px;border:1px solid #c9d9ea;border-radius:50%;display:grid;place-items:center;color:transparent}.product-card:has(input:checked){border-color:#1581ff;box-shadow:0 0 0 3px #1581ff12}.product-card:has(input:checked) .product-check{background:#1581ff;border-color:#1581ff;color:#fff}.product-card em{font-style:normal;display:inline-block;background:#eaf5ff;color:#0e69ce;border-radius:99px;padding:4px 8px;font-size:8px;font-weight:950}.product-card strong{display:block;font-size:18px;margin:8px 0 15px}.product-card b{display:block;font-size:30px}.product-card b small{font-size:10px;color:#74869b}.product-card p{font-size:12px;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:850}.form-grid .full{grid-column:1/-1}.terms-row{display:flex;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #e1ebf5;font-size:12px;color:#5f7288}.terms-row a{color:#1769c8;font-weight:800}.order-summary{position:sticky;top:20px}.summary-card{padding:27px}.summary-card h2{margin:0 0 25px}.summary-row,.summary-total{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #e1ebf5;font-size:12px}.summary-row span{color:#718399}.summary-row strong{max-width:205px;text-align:right;overflow-wrap:anywhere}.summary-total{margin-top:8px;align-items:center}.summary-total strong{font-size:25px;color:#1581ff}.summary-card>p{font-size:11px;color:#718399}.checkout-button{width:100%;margin-top:10px}.checkout-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.checkout-message{font-size:12px;font-weight:750;margin-top:12px;min-height:18px}.secure-note{margin-top:18px;padding-top:16px;border-top:1px solid #e1ebf5;font-size:10px;color:#7c8fa5}.legal-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:20px;font-size:10px;color:#7893b3}@media(max-width:950px){.order-layout{grid-template-columns:1fr}.order-summary{position:static}.product-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1}}@media(max-width:700px){.order-hero-inner{padding:58px 0}.order-main{padding:45px 0 70px}.order-card{padding:22px}.domain-box{grid-template-columns:1fr 92px}.domain-box .btn{grid-column:1/-1}.product-grid,.form-grid{grid-template-columns:1fr}.product-card:last-child,.form-grid .full{grid-column:auto}.order-points{display:grid;gap:7px}}

.cira-section{margin-top:22px;padding:20px;border:1px solid #c8e1fb;border-radius:16px;background:#f4f9ff}.cira-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.cira-heading strong{font-size:15px;color:#092348}.cira-heading span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1769c8}.cira-section>p{margin:7px 0 14px;color:#5f7288;font-size:12px}.cira-field{display:grid;gap:7px;font-size:11px;font-weight:850}.cira-field select{font:inherit;border:1px solid #d5e2ef;border-radius:12px;padding:13px 14px;outline:0;background:#fff;color:#092348;width:100%}.cira-field select:focus{border-color:#1581ff;box-shadow:0 0 0 4px #1581ff18}.cira-agreement{display:flex;gap:10px;margin-top:16px;font-size:12px;color:#5f7288;line-height:1.5}.cira-agreement input{margin-top:3px;flex:0 0 auto}.cira-agreement a{color:#1769c8;font-weight:800}@media(max-width:700px){.cira-heading{align-items:flex-start;flex-direction:column}}

/* ============================================================
   CYD DOMAIN + HOSTING CHECKOUT — 2026 PRICING
   ============================================================ */

.domain-action-block,
.billing-block{
  margin-bottom:28px;
  padding-bottom:28px;
  border-bottom:1px solid #e1ebf5;
}

.choice-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:14px;
}

.choice-heading strong,
.service-heading strong{
  color:#092348;
  font-size:14px;
  font-weight:900;
}

.choice-heading span{
  color:#7b8da2;
  font-size:11px;
}

.service-heading{
  margin:4px 0 14px;
}

.action-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.choice-card,
.billing-card{
  position:relative;
  display:block;
  border:1px solid #dce8f5;
  border-radius:16px;
  padding:19px;
  background:#fff;
  cursor:pointer;
}

.choice-card input,
.billing-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.choice-dot{
  position:absolute;
  right:14px;
  top:14px;
  width:22px;
  height:22px;
  border:1px solid #c9d9ea;
  border-radius:50%;
  background:#fff;
}

.choice-card:has(input:checked),
.billing-card:has(input:checked){
  border-color:#1581ff;
  box-shadow:0 0 0 3px #1581ff12;
}

.choice-card:has(input:checked) .choice-dot,
.billing-card:has(input:checked) .choice-dot{
  border:6px solid #1581ff;
}

.choice-card strong{
  display:block;
  padding-right:30px;
  color:#092348;
  font-size:14px;
}

.choice-card p,
.billing-card p{
  margin:8px 0 0;
  color:#64748b;
  font-size:11px;
  line-height:1.55;
}

.choice-card.assisted{
  background:#f8fbff;
  cursor:default;
}

.choice-card.assisted strong{
  margin-top:8px;
}

.choice-card.assisted a{
  display:inline-block;
  margin-top:10px;
  color:#1769c8;
  font-size:11px;
  font-weight:900;
}

.assisted-badge,
.billing-badge{
  display:inline-block;
  margin-bottom:9px;
  border-radius:99px;
  padding:5px 9px;
  background:#eaf5ff;
  color:#0e69ce;
  font-size:8px;
  font-weight:950;
  letter-spacing:.07em;
}

.billing-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:13px;
}

.billing-card{
  min-height:170px;
}

.billing-card.best-value{
  background:linear-gradient(145deg,#f5fbff,#fff);
}

.billing-card strong{
  display:block;
  padding-right:30px;
  color:#092348;
  font-size:22px;
}

.billing-card small{
  display:block;
  margin-top:10px;
  color:#1769c8;
  font-size:10px;
  font-weight:800;
  line-height:1.45;
}

.billing-badge.secondary{
  background:#f0f4f8;
  color:#60758d;
}

.eligibility-note{
  margin:13px 2px 0;
  color:#7b8da2;
  font-size:10px;
  line-height:1.55;
}

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

  .choice-card.assisted{
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .choice-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .action-grid,
  .billing-grid{
    grid-template-columns:1fr;
  }

  .choice-card.assisted{
    grid-column:auto;
  }
}

/* CYD existing-domain connection panel */
.existing-domain-connect {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid rgba(35,105,255,.22);
  border-radius: 16px;
  background: rgba(35,105,255,.055);
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.existing-domain-connect[hidden] {
  display: none;
}

.connect-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(35,105,255,.12);
  font-weight: 800;
  font-size: 18px;
}

.existing-domain-connect p {
  margin: 6px 0 14px;
}

.existing-domain-connect small {
  display: block;
  margin-top: 12px;
  line-height: 1.55;
  opacity: .76;
}

.nameserver-box {
  display: grid;
  gap: 5px;
  padding: 13px 15px;
  border-radius: 11px;
  background: rgba(0,0,0,.035);
}

.nameserver-box span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  opacity: .6;
}

.nameserver-box strong {
  font-size: 14px;
  letter-spacing: .025em;
}

.action-grid,
.product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .action-grid,
  .product-grid {
    grid-template-columns: 1fr;
  }

  .existing-domain-connect {
    padding: 17px;
  }
}

/* ============================================================
   CYD ANNUAL-FIRST HOSTING CARDS
   ============================================================ */

.product-card{
  min-height:0;
  padding:24px;
  transition:transform .2s ease,border-color .2s ease,
             box-shadow .2s ease,background .2s ease;
}

.product-card:hover{
  transform:translateY(-2px);
  border-color:#b8d7f6;
  box-shadow:0 14px 35px rgba(5,35,73,.07);
}

.product-card:has(input:checked){
  background:linear-gradient(145deg,#f7fbff,#fff);
  border-color:#1581ff;
  box-shadow:0 0 0 3px #1581ff12,
             0 16px 40px rgba(5,35,73,.08);
}

.product-card>strong{
  margin-bottom:10px;
}

.plan-price{
  margin:3px 0 15px;
}

.plan-price b{
  display:block;
  color:#092348;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.025em;
}

.plan-price b small{
  color:#74869b;
  font-size:11px;
  letter-spacing:0;
}

.plan-price>span{
  display:block;
  margin-top:6px;
  color:#60758d;
  font-size:11px;
  font-weight:750;
}

.annual-value{
  margin:15px 0;
  padding:13px 14px;
  border:1px solid #cce5fb;
  border-radius:12px;
  background:#f0f8ff;
}

.annual-value strong{
  display:block;
  margin:0;
  color:#0e69ce;
  font-size:10px;
  font-weight:950;
  letter-spacing:.055em;
}

.annual-value span{
  display:block;
  margin-top:5px;
  color:#496b8f;
  font-size:10px;
  line-height:1.45;
  font-weight:750;
}

.plan-highlights{
  display:grid;
  gap:7px;
  margin:15px 0;
}

.plan-highlights span{
  color:#536a82;
  font-size:11px;
  font-weight:750;
}

.monthly-alternative{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #e1ebf5;
}

.monthly-alternative>span{
  color:#7b8da2;
  font-size:10px;
  font-weight:750;
}

.monthly-alternative>strong{
  display:inline;
  margin-left:4px;
  color:#294e75;
  font-size:12px;
}

.monthly-alternative small{
  display:block;
  margin-top:4px;
  color:#8a9bad;
  font-size:9px;
}

.billing-card{
  transition:transform .2s ease,border-color .2s ease,
             box-shadow .2s ease,background .2s ease;
}

.billing-card.best-value{
  border-color:#a8d3f8;
  background:linear-gradient(145deg,#eef8ff,#fff);
}

.billing-card.best-value:has(input:checked){
  border-color:#1581ff;
  box-shadow:0 0 0 3px #1581ff12,
             0 12px 30px rgba(21,129,255,.08);
}

.billing-card:hover{
  transform:translateY(-1px);
}

@media(max-width:700px){
  .product-card{
    padding:20px;
  }

  .plan-price b{
    font-size:27px;
  }
}

/* ============================================================
   CYD INTEGRATED BILLING SWITCH
   ============================================================ */

/* Existing billing radios remain in the DOM for checkout logic */
#billingBlock {
  display:none !important;
}

.monthly-alternative {
  display:grid;
  gap:4px;
}

.billing-switch-label {
  color:#7b8da2;
  font-size:10px;
  font-weight:750;
}

.billing-switch {
  appearance:none;
  width:fit-content;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#1769c8;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  transition:
    color .18s ease,
    transform .18s ease;
}

.billing-switch:hover {
  color:#0b55a7;
  transform:translateX(2px);
}

.billing-switch:focus-visible {
  outline:2px solid #1581ff;
  outline-offset:4px;
  border-radius:4px;
}

.monthly-alternative small {
  margin-top:2px;
}

.plan-price,
.annual-value {
  transition:
    background .2s ease,
    border-color .2s ease,
    opacity .2s ease;
}