:root {
  --ink:#17343e;
  --deep:#112933;
  --orange:#f39868;
  --orange-dark:#a64b22;
  --paper:#fafaf6;
  --muted:#53656a;
  --line:#d8e1dd;
  --pale:#eaf0ec;
  --white:#fffefa;
}
.utility {background:#102731;color:#dce8e3;font-size:12px}
.utility>.container {display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:33px}
.utility a:hover {text-decoration:underline}
.header {height:84px;background:#fffefa}
.header nav {font-size:14px;gap:29px}
.header nav a[aria-current] {color:var(--orange-dark)}
.client-link {display:inline-flex;align-items:center;gap:9px;border:1px solid #cad7d2;border-radius:5px;padding:10px 14px;font-weight:700;font-size:13px}
.client-link span {margin-left:0}
.pro-hero,.sub-hero {position:relative;isolation:isolate;color:#fffefa;background:radial-gradient(ellipse at 92% 32%,#265356 0%,#193b43 32%,#112933 78%);overflow:hidden}
.pro-hero::before,.sub-hero::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(#a1c2b21a 1px,transparent 1px),linear-gradient(90deg,#a1c2b21a 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(90deg,transparent,#000 70%)}
.pro-hero-grid {display:grid;grid-template-columns:1.16fr 1fr;gap:60px;align-items:center;padding-block:65px}
.pro-copy>.eyebrow,.sub-hero .eyebrow {color:#bed2ca;font-size:11px;letter-spacing:2px}
.pro-copy>.eyebrow,
.sub-hero .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pro-copy>.eyebrow::before,
.sub-hero .eyebrow::before {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: url("assets/fox-tail-mark.svg") center / contain no-repeat;
}
.pro-hero h1,.sub-hero h1 {font-size:clamp(44px,4.6vw,69px);line-height:1.055;letter-spacing:-.049em;margin:19px 0 18px;font-weight:600;color:#fffefa}
.pro-hero h1 em {color:#c7ded2}
.pro-intro,.sub-hero h1+p {color:#d4e0da;font-size:16px;line-height:1.8;max-width:565px}
.pro-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin-top:25px}
.pro-actions .button,.domain-panel .button,.service-card .button {font-size:13px;min-height:47px;gap:18px}
.pro-secondary {display:inline-flex;align-items:center;gap:11px;color:#eef4ef;font-size:13px;font-weight:700;padding-block:7px;border-bottom:1px solid #839e97}
.pro-secondary:hover {color:var(--orange);border-color:var(--orange)}
.pro-pricing {display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:26px;color:#d4e0da;font-size:13px}
.pro-pricing strong {color:#fffefa;font-size:16px}
.pro-pricing>div+div {border-left:1px solid #68837e;padding-left:22px}
.pro-pricing small {display:block;font-size:11px;color:#b9c9c3;margin-top:2px}
.domain-panel {background:#fffefa;color:var(--ink);padding:29px;border:1px solid #dce9e2;border-radius:12px;box-shadow:0 14px 40px #00141c3d;min-width:0}
.panel-icon,.entry-icon {display:grid;place-items:center;width:42px;height:42px;background:#e7f0ea;color:#23554c;border-radius:8px;flex-shrink:0}
.panel-icon svg,.entry-icon svg {width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.domain-panel .eyebrow {color:#507068;margin-top:17px}
.domain-panel h2 {font-size:32px;font-weight:600;line-height:1.13;letter-spacing:-1.2px;margin-top:10px}
.domain-panel>p:not(.eyebrow,.domain-help,.form-error) {color:#4c6266;font-size:14px;margin-top:8px}
.domain-panel .domain-form {margin-top:22px;padding:4px;border-radius:6px;gap:6px;border:1px solid #a9bdb4;background:#f8fbf7}
.domain-panel .domain-form input {font-size:15px;padding:11px 8px;min-width:0}
.domain-panel .domain-form input::placeholder {color:#60756e}
.domain-panel .domain-form:focus-within {outline:2px solid #296557;outline-offset:2px}
.domain-panel .domain-form .button {min-height:42px;font-size:12px;padding:9px 12px;gap:9px}
.domain-panel .domain-help {font-size:12px;line-height:1.6;color:#506963;margin-top:10px}
.panel-links {border-top:1px solid #dbe6df;padding-top:15px;margin-top:17px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.panel-links a {font-size:12px;font-weight:700;color:#24574d}
.panel-links a:hover {color:var(--orange-dark)}
.entry-section {background:#fffefa;border-bottom:1px solid var(--line)}
.entry-grid {display:grid;grid-template-columns:repeat(3,1fr)}
.entry-card {display:flex;align-items:center;gap:14px;padding:21px 20px 21px 0;min-width:0}
.entry-card+.entry-card {border-left:1px solid var(--line);padding-left:23px}
.entry-card strong,.entry-card small {display:block}
.entry-card strong {font-size:15px}
.entry-card small {font-size:12px;color:#50666a;line-height:1.5;margin-top:3px}
.entry-card>.arrow {margin-left:auto;color:#24574d}
.entry-card:hover strong {color:var(--orange-dark)}
.section-heading>p,.center-heading>p:last-child {font-size:15px;color:#53666a}
.difference-grid p,.process-list p,.comparison-grid>div:first-child>p:not(.eyebrow) {font-size:14px;color:#53666a}
.ownership-note p,.ownership-note>a {font-size:13px}
.plan-label,.plan-total,.plan-note,.plan-card .button {font-size:12px}
.included ul,.package-scope {font-size:13px}
.comparison-wrap table,.comparison-wrap thead th,.comparison-wrap tbody th {font-size:13px}
.comparison-wrap>p,.footer-top nav,.footer-bottom {font-size:12px}
.faq-list summary,.faq-list details>p {font-size:14px}
.contact-inner p:last-child {font-size:15px}
.contact-actions .button {font-size:13px}
.footer-top {gap:25px}
.footer-top nav {flex-wrap:wrap}
.sub-hero>.container {padding-block:41px 57px}
.breadcrumb {display:inline-block;color:#c6ded2;font-size:13px;margin-bottom:20px;text-decoration:underline;text-underline-offset:4px}
.sub-hero h1 {max-width:820px}
.sub-hero .pro-actions {margin-top:22px}
.domain-page-hero .pro-hero-grid {padding-block:48px}
.domain-page-hero .domain-panel h2 {margin-top:14px}
.service-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:30px}
.service-card {display:flex;flex-direction:column;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:27px}
.service-card h2 {font-size:23px;letter-spacing:-.55px;font-weight:600;line-height:1.2;margin-top:20px}
.service-card p {font-size:14px;line-height:1.75;color:#53666a;margin:12px 0 22px}
.service-card .button {margin-top:auto;white-space:normal;justify-content:space-between}
.information-band {background:var(--pale)}
.information-grid {display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px}
.information-grid h2 {font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin-top:12px}
.information-grid p:not(.eyebrow) {font-size:15px;color:#425e62;margin-bottom:15px;line-height:1.75}
.information-grid .text-link {font-size:13px}
@media(max-width:1050px) {
  .pro-hero-grid {gap:32px;padding-block:48px}
  .pro-hero h1,.sub-hero h1 {font-size:clamp(40px,4.8vw,60px)}
  .domain-panel {padding:22px}
  .pro-pricing {gap:12px 14px}
  .pro-pricing>div+div {padding-left:14px}
  .service-card {padding:22px}
}
@media(max-width:850px) {
  .header nav {gap:16px;font-size:12px}
  .client-link {padding:8px 10px;font-size:11px}
  .pro-hero-grid {gap:24px}
  .pro-intro,.sub-hero h1+p {font-size:15px}
  .domain-panel .domain-form {flex-wrap:wrap}
  .domain-panel .domain-form input,.domain-panel .domain-form .button {width:100%;flex-basis:100%}
  .pro-pricing>div+div {border-left:0;padding-left:0}
  .entry-card {gap:10px;padding-right:10px}
  .entry-card+.entry-card {padding-left:12px}
  .entry-card strong {font-size:13px}
  .entry-card small {font-size:11px}
  .entry-icon {width:35px;height:35px}
  .entry-icon svg {width:20px;height:20px}
  .service-grid {gap:12px}
  .service-card {padding:18px}
  .service-card h2 {font-size:21px}
  .service-card .button {font-size:12px;padding-inline:11px}
}
@media(max-width:650px) {
  .utility>.container {min-height:30px;font-size:10px}
  .utility>.container>span {display:none}
  .utility>.container>a {margin-left:auto}
  .header {height:73px}
  .header nav {top:72px;background:#fffefa;font-size:14px}
  .client-link {margin-left:auto}
  .pro-hero-grid {grid-template-columns:1fr;gap:28px;padding-block:32px}
  .pro-copy>.eyebrow,.sub-hero .eyebrow {font-size:10px;letter-spacing:1.4px}
  .pro-hero h1,.sub-hero h1 {font-size:clamp(34px,8.4vw,50px);letter-spacing:-.045em;margin-block:14px}
  .pro-intro,.sub-hero h1+p {font-size:14px;line-height:1.7}
  .pro-actions {gap:10px 18px;margin-top:18px}
  .pro-actions .button {font-size:12px;gap:13px;padding-inline:13px}
  .pro-secondary {font-size:12px}
  .pro-pricing {font-size:12px;margin-top:18px}
  .pro-pricing strong {font-size:14px}
  .pro-pricing small {font-size:10px}
  .domain-panel {padding:20px}
  .domain-panel .panel-icon {width:35px;height:35px}
  .domain-panel .panel-icon svg {width:21px;height:21px}
  .domain-panel .eyebrow {margin-top:10px}
  .domain-panel h2 {font-size:29px}
  .domain-panel .domain-form {margin-top:15px}
  .domain-panel .domain-form input {font-size:16px}
  .domain-panel .domain-help {font-size:11px}
  .entry-grid {grid-template-columns:1fr}
  .entry-card,.entry-card+.entry-card {padding:14px 0;border-left:0}
  .entry-card+.entry-card {border-top:1px solid var(--line)}
  .entry-card strong {font-size:14px}
  .entry-card small {font-size:12px}
  .included ul,.package-scope,.ownership-note p,.ownership-note>a {font-size:12px}
  .comparison-wrap table,.comparison-wrap thead th,.comparison-wrap tbody th,.comparison-wrap tbody td {font-size:11px}
  .comparison-wrap>p {font-size:11px}
  .footer-top nav {gap:12px}
  .footer-bottom {font-size:11px}
  .sub-hero>.container {padding-block:29px 36px}
  .domain-page-hero .pro-hero-grid {padding-block:30px}
  .breadcrumb {margin-bottom:15px}
  .service-grid,.information-grid {grid-template-columns:1fr;gap:14px}
  .service-grid {margin-top:22px}
  .service-card {padding:21px}
  .information-grid h2 {font-size:31px}
}
