/* SITXO internal-page refinement: quiet blue, readable scale, layered motion. */
:root{
  --page-ink:#0a1020;
  --page-ink-2:#111a31;
  --page-paper:#f5f7fb;
  --page-white:#fff;
  --page-blue:#315bea;
  --page-blue-soft:#9eb1ff;
  --page-text:#111827;
  --page-muted:#687187;
  --page-line:rgba(16,24,40,.1);
  --page-shadow:0 24px 70px rgba(20,35,70,.1);
  --page-ease:cubic-bezier(.16,1,.3,1);
}

body{background:var(--page-paper);color:var(--page-text)}
.page-shell{background:var(--page-paper)}
::selection{background:#dbe4ff;color:var(--page-ink)}

/* Navigation */
.page-nav{
  top:14px;height:60px;padding:0 9px 0 15px;border:1px solid rgba(255,255,255,.14);
  border-radius:15px;background:rgba(8,13,26,.88);color:#fff;
  box-shadow:0 18px 52px rgba(0,0,0,.2);backdrop-filter:blur(18px) saturate(1.15);
  transition:height .35s var(--page-ease),background .3s,box-shadow .3s
}
.page-nav.is-scrolled{height:56px;background:rgba(8,13,26,.96);box-shadow:0 14px 38px rgba(0,0,0,.25)}
.page-brand{width:118px;background-image:url("assets/sitxo-brand-logo-dark.svg?v=20260808-logo4")}
.page-footer .page-brand{background-image:url("assets/sitxo-brand-logo-dark.svg?v=20260808-logo4")}
.page-links{gap:25px;color:rgba(255,255,255,.66)}
.page-links>a:after{bottom:14px;background:#9eb1ff}
.page-links>a:hover,.page-links>a[aria-current="page"]{color:#fff}
.page-nav-login{height:43px;min-width:92px;margin-left:24px;border-radius:9px;background:#fff;color:var(--page-ink);box-shadow:none}
.page-nav-login:hover{background:#dbe4ff;color:var(--page-ink)}
.page-menu{border-radius:9px;background:#fff}

/* Page heroes */
.page-hero,.pricing-hero,.help-hero{
  min-height:680px;color:#fff;
  background:radial-gradient(circle at 76% 18%,rgba(49,91,234,.18),transparent 32%),var(--page-ink)
}
.page-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 96%)
}
.page-hero-copy{max-width:720px}
.page-hero .eyebrow{color:var(--page-blue-soft)}
.page-hero h1,.wordpress-hero h1,.security-hero h1,.image-hero h1{
  max-width:800px;margin:26px 0 24px;font-size:clamp(52px,5.4vw,76px);font-weight:650;
  line-height:.98;letter-spacing:-.045em
}
.page-hero h1 em{font-family:inherit;font-style:normal;font-weight:650;color:#c4d0ff}
.page-hero-lede,.help-hero-lede{max-width:610px;color:rgba(255,255,255,.64);font-size:15px;line-height:1.75}
.hero-facts{margin-top:50px;border-color:rgba(255,255,255,.13)}
.hero-facts span{color:rgba(255,255,255,.45)}.hero-facts b{color:#fff}
.hero-word{color:rgba(255,255,255,.025)}

.button-primary,.button-secondary,.button-dark,.button-line,
.page-hero .button-primary,.page-hero .button-secondary{min-height:50px;border-radius:9px;box-shadow:none}
.button-primary,.page-hero .button-primary{border:1px solid var(--page-blue);background:var(--page-blue);color:#fff}
.button-primary:hover,.page-hero .button-primary:hover{border-color:#dbe4ff;background:#dbe4ff;color:var(--page-ink);transform:translateY(-2px)}
.button-secondary,.page-hero .button-secondary{border:1px solid rgba(255,255,255,.32);background:rgba(8,13,26,.12);color:#fff}
.button-secondary:hover,.page-hero .button-secondary:hover{border-color:#fff;background:#fff;color:var(--page-ink)}
.button-dark{border:1px solid var(--page-ink);border-radius:9px;background:var(--page-ink);color:#fff}
.button-dark:hover{border-color:var(--page-blue);background:var(--page-blue)}
.button-line{border:1px solid rgba(16,24,40,.2);border-radius:9px;background:transparent;color:var(--page-text)}

.image-hero{min-height:720px;align-items:center;overflow:hidden;background:var(--page-ink)}
.image-hero:after{display:block;background:linear-gradient(90deg,rgba(8,13,26,.98) 0%,rgba(8,13,26,.86) 43%,rgba(8,13,26,.2) 78%,rgba(8,13,26,.32) 100%)}
.image-hero .image-hero-media{
  inset:112px max(24px,calc((100vw - 1320px)/2)) 48px auto;width:min(48vw,650px);height:auto;
  border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#111a2d;box-shadow:0 30px 80px rgba(0,0,0,.25);overflow:hidden;
  transform:translate3d(0,calc(var(--page-hero-progress,0) * 22px),0) scale(calc(1.015 - var(--page-hero-progress,0) * .012))
}
.image-hero .image-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);opacity:.94}
.image-hero .page-hero-copy{max-width:590px;padding-bottom:0}
.image-hero.operations-hero h1,.image-hero.domain-hero h1,.image-hero.ai-builder-hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1}

/* Section system */
.section{padding-top:clamp(92px,8vw,126px);padding-bottom:clamp(92px,8vw,126px)}
.section-paper{background:#fff}.section-soft{background:var(--page-paper)}.section-dark{background:var(--page-ink);color:#fff}
.section-head{margin-bottom:50px;border-color:var(--page-line)}
.section-head>span{color:var(--page-blue)}.section-dark .section-head>span{color:var(--page-blue-soft)}
.section-head h2{font-size:clamp(38px,4.4vw,58px);font-weight:650;line-height:1;letter-spacing:-.04em}
.section-head p,.story-copy p{color:var(--page-muted)}

.value-band{gap:14px;border:0}
.value-band article{
  min-height:220px;border:1px solid var(--page-line)!important;border-radius:15px;background:#fff;
  box-shadow:0 8px 28px rgba(20,35,70,.045)
}
.value-band span,.story-copy>span,.purchase-standard span{color:var(--page-blue)}
.value-band h3{margin-top:48px;font-weight:650}

.feature-story{gap:clamp(42px,6vw,86px);margin-top:90px}
.story-media{
  border-radius:16px;box-shadow:var(--page-shadow);
  transform:perspective(1500px) rotateX(var(--cinema-tilt-x,0deg)) rotateY(var(--cinema-tilt-y,0deg));
  transition:transform .6s var(--page-ease)
}
.story-media img{filter:saturate(.88) contrast(1.02)}
.story-badge{border-radius:8px;background:rgba(8,13,26,.82)}
.story-copy h2{font-size:clamp(38px,4.3vw,58px);font-weight:650;line-height:1;letter-spacing:-.04em}
.story-list{border-color:var(--page-line)}.story-list li{border-color:var(--page-line)}.story-list li:before{color:var(--page-blue)}

.product-window,.migration-console,.speed-chart{
  border-color:rgba(255,255,255,.12);border-radius:16px;background:#0d1528;box-shadow:0 38px 90px rgba(8,17,38,.22);
  transform:perspective(1500px) rotateX(var(--cinema-tilt-x,0deg)) rotateY(var(--cinema-tilt-y,0deg));transition:transform .6s var(--page-ease)
}
.product-stage{margin-top:-52px}
.managed-compare,.compare-wrap{border:1px solid var(--page-line);border-radius:14px;background:#fff;box-shadow:0 12px 40px rgba(20,35,70,.06)}
.managed-compare-head,.compare-table thead th{background:var(--page-ink)}
.managed-compare-head strong:last-child,.compare-table thead th:nth-child(3){color:#c4d0ff}
.compare-table thead th:nth-child(3){background:#172755}

.plan-card{
  border-color:var(--page-line);border-radius:17px;background:#fff;box-shadow:0 10px 36px rgba(20,35,70,.055);
  transition:transform .4s var(--page-ease),box-shadow .4s,border-color .3s
}
.plan-card:hover{transform:translateY(-6px);border-color:rgba(49,91,234,.25);box-shadow:var(--page-shadow)}
.plan-card.recommended{border:1px solid #27395f;border-radius:17px;background:#111d36;color:#fff;box-shadow:0 28px 70px rgba(8,17,38,.2)}
.plan-ribbon,.recommended .plan-ribbon{height:4px;background:var(--page-blue)}
.recommended .button-primary{background:#fff;border-color:#fff;color:var(--page-ink)}
.purchase-standard{gap:12px;border:0}
.purchase-standard>div{border:1px solid var(--page-line)!important;border-radius:12px;background:#fff}
.term-bar{border-color:var(--page-line);border-radius:13px;box-shadow:0 14px 40px rgba(20,35,70,.08)}
.term-choice{border-radius:8px;background:var(--page-ink);color:#fff}

.protection-grid{gap:14px;border:0}
.protection-grid article{border:1px solid var(--page-line)!important;border-radius:15px;background:#fff;box-shadow:0 8px 28px rgba(20,35,70,.045)}
.protection-grid span{color:var(--page-blue)}
.shield-status{border-color:rgba(255,255,255,.12);border-radius:16px;background:#0d1528;color:#fff;box-shadow:0 38px 90px rgba(8,17,38,.22)}
.shield-status>div{border-color:rgba(255,255,255,.1)}
.shield-status .shield-main{background:#172755;color:#fff}.shield-status .shield-main strong{color:#c4d0ff}

.help-search{border-color:rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.07);box-shadow:none}
.help-search input{color:#fff}.help-search input::placeholder{color:rgba(255,255,255,.44)}
.help-search button{border-radius:9px;background:#fff;color:var(--page-ink)}
.help-result-count{color:rgba(255,255,255,.48)}
.help-article:hover{border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(20,35,70,.06);transform:translateX(5px)}
.contact-strip{border-radius:15px;background:var(--page-ink)}

.cta-band{margin:0;background:#dfe7fb;color:var(--page-text)}
.cta-band h2{font-size:clamp(38px,4.4vw,58px);font-weight:650;line-height:1;letter-spacing:-.04em}
.page-footer{background:#080d1b}.footer-column a:hover{color:#a8b9ff}

.builder-stage .product-window{border-radius:16px}
.builder-prompt button,.auth-submit{border-radius:9px;background:var(--page-blue);box-shadow:none}
.builder-label,.auth-kicker{color:#8fa6ff}

.auth-page{background:var(--page-paper)}
.auth-visual img{content:initial;filter:saturate(.82) contrast(1.03)}
.auth-visual:after{background:linear-gradient(180deg,rgba(8,13,26,.02),rgba(8,13,26,.8))}
.auth-quote span{color:#c4d0ff}
.auth-panel{background:var(--page-paper)}
.auth-card{padding:36px;border:1px solid var(--page-line);border-radius:17px;background:#fff;box-shadow:var(--page-shadow)}
.auth-plan-summary,.auth-tabs,.field input{border-color:var(--page-line);border-radius:9px}
.auth-tabs{background:#e9edf5}.field input:focus{border-color:var(--page-blue);box-shadow:0 0 0 3px rgba(49,91,234,.1)}

/* Motion */
.reveal{transition-duration:.85s;transition-timing-function:var(--page-ease)}
.section-head.reveal,.story-copy.reveal,.faq-side.reveal{transform:translateY(30px)}
.story-media.reveal,.product-stage.reveal,.migration-console.reveal,.speed-chart.reveal{transform:translateY(36px) scale(.985);clip-path:inset(5% 0 0)}
.story-media.reveal.is-visible,.migration-console.reveal.is-visible,.speed-chart.reveal.is-visible{transform:perspective(1500px) rotateX(var(--cinema-tilt-x,0deg)) rotateY(var(--cinema-tilt-y,0deg));clip-path:inset(0)}
.product-stage.reveal.is-visible{transform:none;clip-path:inset(0)}
.value-band article.reveal:nth-child(2),.feature-row.reveal:nth-child(even),.plan-card.reveal:nth-child(2){transition-delay:90ms}
.value-band article.reveal:nth-child(3),.plan-card.reveal:nth-child(3){transition-delay:180ms}
.feature-row{transition:padding .35s var(--page-ease),background .35s}.feature-row:hover{padding-left:10px;padding-right:10px;background:rgba(255,255,255,.03)}

@media(max-width:1080px){
  .page-links.open{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,13,26,.98);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.3)}
  .page-links.open>a{border-color:rgba(255,255,255,.1)}
  .page-links.open>a[aria-current="page"]{background:#172755;color:#fff}
  .image-hero .image-hero-media{opacity:.74}
}

@media(max-width:700px){
  .page-nav{border-radius:14px}.page-brand{width:100px}
  .page-hero,.pricing-hero,.help-hero{min-height:590px;padding-top:126px}
  .page-hero h1,.wordpress-hero h1,.security-hero h1,.image-hero h1,
  .image-hero.operations-hero h1,.image-hero.domain-hero h1,.image-hero.ai-builder-hero h1{font-size:clamp(37px,10.8vw,46px);line-height:1.03}
  .page-hero h1 em{font-size:inherit;white-space:normal}.page-hero-lede{font-size:13px}
  .image-hero{min-height:650px}.image-hero .image-hero-media{display:block;inset:0;width:100%;height:100%;border:0;border-radius:0;opacity:.34;transform:scale(1.04)}
  .image-hero:after{background:linear-gradient(180deg,rgba(8,13,26,.42),rgba(8,13,26,.92) 72%)}
  .image-hero .page-hero-copy{max-width:100%}
  .section{padding:80px 18px}.section-head h2,.story-copy h2,.cta-band h2{font-size:36px;line-height:1.04}
  .plans-section-title h2{font-size:34px;line-height:1.06;letter-spacing:-.035em}
  .value-band{gap:11px}.value-band article{min-height:190px;border-radius:13px}.value-band h3{margin-top:36px}
  .feature-story{gap:34px;margin-top:70px}.story-media,.product-window,.migration-console,.speed-chart,.auth-card{border-radius:13px}
  .plan-card{border-radius:14px}.plan-card:hover{transform:none}
  .purchase-standard{gap:9px}.purchase-standard>div{border-radius:10px}
  .protection-grid{gap:10px}.protection-grid article{border-radius:13px}
  .cta-band{padding:62px 18px}
  .auth-panel{padding:86px 14px 28px}.auth-card{padding:27px 21px}
}

@media(prefers-reduced-motion:reduce){
  .image-hero .image-hero-media,.reveal,.story-media img,.feature-row,.plan-card{transform:none!important;transition:none!important;clip-path:none!important}
}