/*
 * Trodomains branded blue system & contextual service banners
 * Purpose: light-blue highlights, accessible brand-blue actions, crisp CSS artwork.
 * This file replaces the previous draft red/mint accents.
 */
:root{
  --td-mint:#bce7ff;
  --td-blue:#024d97;
  --tdp-brand-blue:#024d97;
  --tdp-brand-blue-hover:#003e7c;
  --tdp-brand-blue-deep:#063565;
  --tdp-light-blue:#c6ebff;
  --tdp-light-blue-hover:#a8dcfc;
  --tdp-highlight-blue:#a3dcff;
  --tdp-blue-50:#eff9ff;
}
/* Prevent awkward dictionary hyphenation like cus-tomers in every heading. */
body.tdp-site h1,
body.tdp-site h2,
body.tdp-site h3,
body.tdp-site h4,
body.tdp-site .tdp-plan-title{
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.tdp-site .tdp-hero h1,
.tdp-site .tdp-landing-hero h1,
.tdp-site .tdp-cta h2{
  text-wrap:balance;
}
/* Main website blue: consistent with the official Trodomains logo. */
.tdp-site .tdp-landing-hero,
.tdp-site .tdp-hero,
.tdp-site .tdp-cta,
.tdp-site .tdp-last-cta{
  background:radial-gradient(ellipse at 86% 43%,rgba(137,205,255,.16),transparent 45%),
    linear-gradient(109deg,#073565 0%,#024d97 69%,#0d60aa 100%)!important;
  color:#fff;
}
.tdp-site .tdp-primary,
.tdp-site a.tdp-primary,
.tdp-site .tdp-btn.tdp-primary,
.tdp-site .tdp-header-actions a.tdp-header-cta,
.tdp-site .tdp-header-actions a.tdp-header-cta:visited,
.tdp-site .tdp-domain-panel button,
.tdp-site .tdp-domain-panel input[type=submit],
.tdp-site .tdp-domain-full button,
.tdp-site .tdp-domain-full input[type=submit],
.tdp-site .tdp-plan-purchase .rstore-add-to-cart,
.tdp-site .tdp-product-tile .rstore-add-to-cart,
.tdp-site .tdp-article-product .rstore-add-to-cart{
  background:#024d97!important;
  border-color:#024d97!important;
  color:#fff!important;
}
.tdp-site .tdp-primary:hover,
.tdp-site .tdp-btn.tdp-primary:hover,
.tdp-site .tdp-header-actions a.tdp-header-cta:hover,
.tdp-site .tdp-domain-panel button:hover,
.tdp-site .tdp-domain-full button:hover,
.tdp-site .tdp-plan-purchase .rstore-add-to-cart:hover,
.tdp-site .tdp-product-tile .rstore-add-to-cart:hover,
.tdp-site .tdp-article-product .rstore-add-to-cart:hover{
  background:#003e7c!important;
  border-color:#003e7c!important;
  color:#fff!important;
}
/* Former red 'compare plans' and 'search domains' actions become sky blue. */
.tdp-site a.tdp-mint-btn,
.tdp-site .tdp-btn.tdp-mint-btn,
.tdp-site .tdp-hero-actions .tdp-btn.tdp-mint-btn,
.tdp-site .tdp-cta .tdp-btn.tdp-mint-btn,
.tdp-site .tdp-last-cta .tdp-btn.tdp-mint,
.tdp-site .tdp-landing-hero .tdp-btn.tdp-mint-btn,
.tdp-site .tdp-landing-hero .tdp-hero-actions a.tdp-mint-btn,
.tdp-site .tdp-cta-buttons .tdp-mint-btn{
  background:#c6ebff!important;
  color:#073565!important;
  border-color:#c6ebff!important;
  box-shadow:0 8px 22px rgba(0,27,62,.12)!important;
}
.tdp-site a.tdp-mint-btn:hover,
.tdp-site .tdp-btn.tdp-mint-btn:hover,
.tdp-site a.tdp-mint-btn:focus-visible,
.tdp-site .tdp-hero-actions .tdp-btn.tdp-mint-btn:hover,
.tdp-site .tdp-landing-hero .tdp-btn.tdp-mint-btn:hover,
.tdp-site .tdp-landing-hero .tdp-hero-actions a.tdp-mint-btn:hover,
.tdp-site .tdp-cta .tdp-btn.tdp-mint-btn:hover,
.tdp-site .tdp-cta-buttons .tdp-mint-btn:hover{
  background:#a8dcfc!important;
  color:#063565!important;
  border-color:#a8dcfc!important;
}
.tdp-site a.tdp-mint-btn:visited,
.tdp-site .tdp-landing-hero .tdp-hero-actions a.tdp-mint-btn:visited{
  color:#073565!important;
}
/* Text on dark banners: high-contrast pale blue, not pink or green. */
.tdp-site .tdp-hero h1 .tdp-accent,
.tdp-site .tdp-hero h1 em,
.tdp-site .tdp-cta h2 .tdp-accent,
.tdp-site .tdp-cta h2 em,
.tdp-site .tdp-last-cta h2 em,
.tdp-site .tdp-hero .tdp-hero-content h1 .tdp-accent{
  color:#c8efff!important;
}
.tdp-site .tdp-hero .tdp-eyebrow,
.tdp-site .tdp-landing-hero .tdp-eyebrow,
.tdp-site .tdp-cta .tdp-eyebrow,
.tdp-site .tdp-last-cta .tdp-kicker{
  color:#caecff!important;
}
.tdp-site .tdp-landing-hero .tdp-back,
.tdp-site .tdp-landing-hero .tdp-back:visited{
  color:#d0eeff!important;
}
.tdp-site .tdp-landing-hero .tdp-back:hover{color:#fff!important;}
.tdp-site .tdp-dot,
.tdp-site .tdp-glow{
  background:#83d2ff!important;
  box-shadow:0 0 0 5px rgba(131,210,255,.17)!important;
}
.tdp-site .tdp-hero-bottom span:before,
.tdp-site .tdp-hero-footer span:first-letter{
  color:#c9eeff!important;
}
.tdp-site .tdp-window-bar i:first-child,
.tdp-site .tdp-dots i:first-child{
  background:#9ee0ff!important;
}
/* Accessible and consistent icon, highlight and focus states. */
.tdp-site .tdp-benefits li:before,
.tdp-site .tdp-feature-card li:before,
.tdp-site .tdp-journey-copy li:before{color:#024d97!important;}
.tdp-site .tdp-benefit-list .tdp-benefit-check,
.tdp-site .tdp-plan-list li:before,
.tdp-site .tdp-article-product .tdp-copy li:before{
  background:#e3f3ff!important;
  color:#024d97!important;
}
.tdp-site .tdp-service-card::before{
  background:linear-gradient(90deg,#024d97,#9bdbff)!important;
}
.tdp-site .tdp-service-icon.tdp-icon-mint{
  background:#e3f3ff!important;color:#024d97!important;
}
.tdp-site .tdp-mini-graphic{
  background:#e7f5ff!important;color:#024d97!important;
}
.tdp-site .tdp-footer-phone,
.tdp-site .tdp-footer a:hover{
  color:#bce7ff!important;
}
.tdp-site .tdp-skip{
  background:#024d97!important;color:#fff!important;
}
.tdp-site :is(a,button,input,select,summary):focus-visible{
  outline-color:#7fcfff!important;
}
/* Links and informational emphasis use the same brand-blue family. */
.tdp-site .tdp-blue-accent,
.tdp-site .tdp-card-link,
.tdp-site .tdp-text-link,
.tdp-site .tdp-service-card>span:last-child,
.tdp-site .tdp-plan-detail-link{
  color:#024d97!important;
}
.tdp-site .tdp-service-card:hover .tdp-card-link,
.tdp-site .tdp-hosting-card:hover .tdp-card-link{
  color:#003e7c!important;
}
/* Contextual, fast-loading illustrations shared by all service banners. */
.tdp-site .tdp-service-hero{
  position:relative;
  overflow:clip;
  isolation:isolate;
  padding:0!important;
}
.tdp-site .tdp-service-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
  background-image:linear-gradient(rgba(205,236,255,.17) 1px,transparent 1px),
    linear-gradient(90deg,rgba(205,236,255,.17) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 12%,black 100%);
}
.tdp-site .tdp-service-hero .tdp-wrap.tdp-service-hero-layout{
  position:relative;
  z-index:1;
  width:min(1220px,calc(100% - 48px));
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  align-items:center;
  gap:clamp(20px,3.6vw,60px);
  padding-block:65px 68px;
}
.tdp-site .tdp-service-hero-copy{
  min-width:0;
  max-width:670px;
}
.tdp-site .tdp-service-hero-copy .tdp-back{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  max-width:100%;
  overflow-wrap:break-word;
  font-size:12px;
  font-weight:680;
  margin:0 0 23px;
  text-decoration:none;
}
.tdp-site .tdp-service-hero-copy .tdp-eyebrow{
  display:block;
  color:#c6ebff!important;
  font-size:11px;
  letter-spacing:.145em;
  font-weight:800;
  margin:0 0 17px;
}
.tdp-site .tdp-service-hero-copy h1{
  margin:0 0 20px!important;
  color:#fff;
  font-size:clamp(2.18rem,3.42vw,3.35rem)!important;
  letter-spacing:-.035em!important;
  line-height:1.15!important;
  text-wrap:balance;
  max-width:650px;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.tdp-site .tdp-service-hero-copy>p{
  max-width:600px;
  font-size:15px;
  line-height:1.75;
  color:#d9ebfb;
  margin:0 0 25px;
}
.tdp-site .tdp-service-hero-copy .tdp-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:0;
}
.tdp-site .tdp-service-hero-copy .tdp-hero-actions a{
  min-width:158px;
  min-height:46px;
  font-size:13px;
  font-weight:790;
  padding:11px 19px;
  border-radius:10px;
}
.tdp-site .tdp-service-hero-copy .tdp-hero-actions .tdp-outline-on-dark{
  border:1px solid rgba(215,234,255,.82)!important;
  background:rgba(255,255,255,.03)!important;
  color:#fff!important;
}
.tdp-site .tdp-service-hero-copy .tdp-hero-actions .tdp-outline-on-dark:hover{
  background:rgba(255,255,255,.13)!important;
  border-color:#fff!important;
}
/* Artwork has an intentional perspective and does not use external images. */
.tdp-site .tdp-service-art{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  max-width:515px;
  min-width:0;
  min-height:375px;
  isolation:isolate;
  margin-inline:auto;
}
.tdp-site .tdp-art-orbit{
  position:absolute;pointer-events:none;border-radius:50%;z-index:-1;
}
.tdp-site .tdp-art-orbit--one{
  width:390px;height:325px;max-width:97%;
  background:radial-gradient(ellipse,#6abaf8 0%,rgba(111,188,251,.12) 60%,transparent 75%);
  filter:blur(35px);opacity:.27;
}
.tdp-site .tdp-art-orbit--two{
  width:280px;height:280px;max-width:70%;
  border:1px solid rgba(204,238,255,.15);
  transform:rotate(-18deg) scale(1.3);
}
.tdp-site .tdp-art-panel{
  position:relative;
  width:min(94%,412px);
  max-width:100%;
  border:1px solid rgba(250,253,255,.8);
  background:#f8fbff;
  border-radius:18px;
  box-shadow:0 22px 60px rgba(0,21,53,.28),0 0 0 7px rgba(255,255,255,.07);
  transform:rotate(2deg);
  overflow:hidden;
  color:#1b3760;
}
.tdp-site .tdp-art-panel-header{
  display:flex;align-items:center;gap:12px;
  background:#e9f3fc;
  border-bottom:1px solid #dce8f5;
  padding:12px 16px;
}
.tdp-site .tdp-art-dots{display:flex;align-items:center;gap:5px;flex:none;}
.tdp-site .tdp-art-dots i{
  width:7px;height:7px;background:#b2c9dd;border-radius:50%;display:block;
}
.tdp-site .tdp-art-dots i:first-child{background:#6cbbed;}
.tdp-site .tdp-art-panel-domain{
  display:block;flex:1;
  text-align:center;
  font-size:11px;line-height:1.4;
  font-weight:720;color:#58769b;
  white-space:nowrap;
}
.tdp-site .tdp-art-lock{width:21px;height:21px;color:#5684b7;flex:none;}
.tdp-site .tdp-art-lock svg{width:21px;height:21px;}
.tdp-site .tdp-art-panel-main{padding:24px 24px 28px;min-height:285px;}
.tdp-site .tdp-art-panel-eyebrow{
  display:block;
  color:#2765ab;
  font-size:9px;
  font-weight:850;
  line-height:1.4;
  letter-spacing:.14em;
  margin:0 0 8px;
}
.tdp-site .tdp-art-panel-main h2{
  margin:0 0 8px!important;
  font-size:23px!important;
  line-height:1.16!important;
  letter-spacing:-.035em;
  color:#143768;
  font-weight:820;
}
.tdp-site .tdp-art-panel-main>p{
  color:#7089a7;font-size:11px;line-height:1.5;
  margin:0 0 17px;
}
.tdp-site .tdp-art-website{
  background:#fff;border:1px solid #e3ebf7;
  border-radius:10px;padding:11px 12px 12px;
}
.tdp-site .tdp-art-website-nav{display:flex;gap:6px;align-items:center;margin-bottom:11px;}
.tdp-site .tdp-art-website-nav>span:not(:first-child){
  display:block;width:23px;height:4px;background:#d7e3f3;border-radius:5px;
}
.tdp-site .tdp-art-website-nav .tdp-art-site-logo{
  display:block;width:32px;height:10px;border-radius:3px;
  background:linear-gradient(90deg,#024d97,#7fcaff);margin-right:auto;
}
.tdp-site .tdp-art-website-body{display:grid;grid-template-columns:1fr 1.1fr;gap:13px;align-items:center;}
.tdp-site .tdp-art-website-text{display:grid;gap:7px;}
.tdp-site .tdp-art-website-text i{height:6px;background:#e5eef9;border-radius:5px;width:90%;}
.tdp-site .tdp-art-website-text i:first-child{height:12px;background:#9fcaef;width:78%;}
.tdp-site .tdp-art-website-text i:nth-child(3){width:67%;}
.tdp-site .tdp-art-website-image{
  height:72px;border-radius:7px;background:linear-gradient(145deg,#b9def7,#e7f5ff);
  display:grid;place-items:center;overflow:hidden;position:relative;
}
.tdp-site .tdp-art-mountain{
  position:absolute;bottom:-38px;width:120px;height:90px;left:4px;
  background:#70b1e1;border-radius:10px;transform:rotate(-32deg);
}
.tdp-site .tdp-art-sun{
  position:absolute;top:13px;right:14px;border-radius:50%;
  width:17px;height:17px;background:#fff;
}
.tdp-site .tdp-art-website-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;}
.tdp-site .tdp-art-website-cards span{
  height:25px;background:#ecf3fb;border-radius:6px;
  border:1px solid #e4edf8;
}
.tdp-site .tdp-art-domain-bar{
  display:flex;gap:9px;align-items:center;
  padding:14px 12px;
  background:white;border:1px solid #cfddf1;border-radius:9px;
  color:#264568;box-shadow:0 7px 15px rgba(20,66,119,.05);
}
.tdp-site .tdp-art-domain-bar svg{width:19px;height:19px;flex:none;color:#5286b6;}
.tdp-site .tdp-art-domain-bar span{font-size:11px;font-weight:760;flex:1;min-width:0;}
.tdp-site .tdp-art-domain-bar b{
  display:grid;place-items:center;color:white;background:#024d97;
  border-radius:6px;width:30px;height:30px;flex:none;font-size:15px;
}
.tdp-site .tdp-art-domain-tags{display:flex;gap:9px;margin-top:17px;}
.tdp-site .tdp-art-domain-tags span{
  color:#20518a;font-size:11px;font-weight:780;
  background:#e5f3ff;border:1px solid #cfe5fa;border-radius:7px;
  padding:8px 12px;
}
.tdp-site .tdp-art-inbox{
  background:#fff;border:1px solid #dce8f8;border-radius:9px;
  overflow:hidden;
}
.tdp-site .tdp-art-inbox-top{
  display:flex;justify-content:space-between;align-items:center;
  background:#f2f8ff;border-bottom:1px solid #e2eaf6;
  padding:10px 14px;font-size:12px;font-weight:800;color:#285b95;
}
.tdp-site .tdp-art-inbox-top span:last-child{color:#81a5cb;font-size:8px;letter-spacing:4px;}
.tdp-site .tdp-art-inbox-row{
  display:flex;gap:10px;align-items:center;padding:8px 14px;
  border-bottom:1px solid #edf1f9;
}
.tdp-site .tdp-art-inbox-row:last-child{border:0;}
.tdp-site .tdp-art-inbox-row b{
  width:23px;height:23px;border-radius:50%;background:#b4daf6;flex:none;
}
.tdp-site .tdp-art-inbox-row:nth-child(3) b{background:#d4cce9;}
.tdp-site .tdp-art-inbox-row:nth-child(4) b{background:#c6e9e6;}
.tdp-site .tdp-art-inbox-row i{flex:1;display:grid;gap:6px;}
.tdp-site .tdp-art-inbox-row i span{
  background:#dce8f6;border-radius:5px;height:5px;width:80%;
}
.tdp-site .tdp-art-inbox-row i span:first-child{width:45%;background:#abc8e9;height:7px;}
.tdp-site .tdp-art-shield-scene{
  display:flex;align-items:center;gap:12px;justify-content:center;
}
.tdp-site .tdp-art-shield{display:grid;place-items:center;width:112px;height:138px;}
.tdp-site .tdp-art-shield svg{width:105px;height:128px;display:block;}
.tdp-site .tdp-art-shield-lines{display:grid;gap:13px;flex:1;max-width:140px;}
.tdp-site .tdp-art-shield-lines span{
  height:13px;border-radius:6px;background:#dceaf8;width:90%;
}
.tdp-site .tdp-art-shield-lines span:nth-child(2){width:70%;background:#a6d1f0;}
.tdp-site .tdp-art-shield-lines span:last-child{width:84%;}
.tdp-site .tdp-art-server-list{
  display:grid;gap:9px;
}
.tdp-site .tdp-art-server-list>div{
  display:flex;align-items:center;gap:10px;
  padding:11px 12px;
  background:#fff;border:1px solid #e0eaf6;border-radius:8px;
}
.tdp-site .tdp-art-server-icon{
  width:30px;height:27px;flex:none;border:2px solid #83b5e0;border-radius:5px;
  background:linear-gradient(180deg,#f1f7ff,#d6e9fa);position:relative;
}
.tdp-site .tdp-art-server-icon:after{
  content:"";position:absolute;bottom:5px;left:5px;
  width:7px;height:3px;background:#317fb8;border-radius:3px;
}
.tdp-site .tdp-art-server-list strong{
  flex:1;font-size:11px;font-weight:730;color:#32527b;
}
.tdp-site .tdp-art-server-list i{width:7px;height:7px;background:#8ecbef;border-radius:50%;flex:none;}
.tdp-site .tdp-art-floating-card{
  position:absolute;z-index:3;
  left:-5px;bottom:5px;
  display:flex;gap:10px;align-items:center;
  padding:12px 15px;
  background:#fff;border:1px solid #e7eff9;border-radius:12px;
  box-shadow:0 14px 32px rgba(0,20,53,.2);
  transform:rotate(-3deg);
}
.tdp-site .tdp-art-floating-icon{
  width:33px;height:33px;flex:none;
  display:grid;place-items:center;border-radius:9px;
  background:#e3f3ff;color:#0b5999;
}
.tdp-site .tdp-art-floating-icon svg{width:17px;height:17px;}
.tdp-site .tdp-art-floating-card strong,
.tdp-site .tdp-art-floating-card small{display:block;line-height:1.45;}
.tdp-site .tdp-art-floating-card strong{font-size:11px;color:#234872;font-weight:810;}
.tdp-site .tdp-art-floating-card small{font-size:10px;color:#7e93ab;}

/* Tablet and phone: artwork follows the text; neither word nor panel overflows. */
@media(max-width:980px){
  .tdp-site .tdp-service-hero .tdp-wrap.tdp-service-hero-layout{
    grid-template-columns:minmax(0,1fr);
    gap:25px;
    padding-block:50px 55px;
    max-width:760px;
  }
  .tdp-site .tdp-service-hero-copy{max-width:700px;}
  .tdp-site .tdp-service-hero-copy h1{font-size:clamp(2.05rem,5vw,3.25rem)!important;max-width:700px;}
  .tdp-site .tdp-service-art{min-height:315px;max-width:500px;}
  .tdp-site .tdp-art-panel{width:min(90%,400px);}
  .tdp-site .tdp-art-panel-main{min-height:240px;}
}
@media(max-width:600px){
  .tdp-site .tdp-service-hero .tdp-wrap.tdp-service-hero-layout{
    width:calc(100% - 34px);
    padding-block:37px 45px;gap:20px;
  }
  .tdp-site .tdp-service-hero-copy .tdp-back{font-size:11px;margin-bottom:19px;}
  .tdp-site .tdp-service-hero-copy .tdp-eyebrow{font-size:10px;margin-bottom:12px;}
  .tdp-site .tdp-service-hero-copy h1{
    font-size:clamp(2rem,8.6vw,2.65rem)!important;
    line-height:1.17!important;
    max-width:100%;
  }
  .tdp-site .tdp-service-hero-copy>p{font-size:14px;line-height:1.7;margin-bottom:22px;}
  .tdp-site .tdp-service-hero-copy .tdp-hero-actions{gap:9px;}
  .tdp-site .tdp-service-hero-copy .tdp-hero-actions a{flex:1 1 150px;min-width:0;min-height:44px;font-size:12px;}
  .tdp-site .tdp-service-art{min-height:265px;max-width:400px;}
  .tdp-site .tdp-art-panel{
    width:min(94%,340px);transform:rotate(1deg);
    border-radius:14px;
  }
  .tdp-site .tdp-art-panel-main{padding:18px 19px 20px;min-height:210px;}
  .tdp-site .tdp-art-panel-main h2{font-size:19px!important;}
  .tdp-site .tdp-art-panel-main>p{font-size:10px;margin-bottom:12px;}
  .tdp-site .tdp-art-floating-card{left:0;bottom:1px;padding:9px 10px;}
  .tdp-site .tdp-art-floating-card strong{font-size:10px;}
  .tdp-site .tdp-art-floating-card small{font-size:9px;}
  .tdp-site .tdp-art-floating-icon{width:26px;height:26px;}
  .tdp-site .tdp-art-website-image{height:55px;}
  .tdp-site .tdp-art-website-cards span{height:17px;}
}
@media(max-width:365px){
  .tdp-site .tdp-service-hero-copy h1{font-size:1.95rem!important;}
  .tdp-site .tdp-art-panel{width:92%;}
  .tdp-site .tdp-art-floating-card{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .tdp-site .tdp-service-art *{transition:none!important;animation:none!important;}
}