/* Shared integration: original website assets, no duplicate header/footer theme. */
:root{--orange:var(--primary-orange);--orange-hover:var(--primary-orange-alt);--cyan:var(--secondary-cyan);--teal:var(--secondary-teal);--blue:var(--secondary-blue);--cream:var(--bg-cream);--ink:var(--text-dark-gray);--muted:var(--text-charcoal);--radius:var(--radius-md)}
.pricing-content{font:400 16px/1.65 var(--font-primary);color:var(--ink)}
.pricing-content .hero::before{display:none}
.pricing-content .storagegrid article,.pricing-content .faqs{background:rgba(255,255,255,.97)}
.pricing-content .faqs{padding:0 24px;border-radius:var(--radius-md)}
.section-nav{font-family:var(--font-primary);z-index:900}
.skip-link{z-index:2000}
.app-header a:focus-visible,.app-header button:focus-visible,.app-footer a:focus-visible{outline:3px solid var(--secondary-blue);outline-offset:4px}
/* Same original mobile header layout, also at tablet widths where desktop links do not fit. */
@media(max-width:1250px) and (min-width:769px){
 .app-header{min-height:80px;padding:10px 0}
 .app-header .header-content{position:relative;min-height:60px;justify-content:center}
 .app-header .brand{position:absolute;left:56px;right:56px;top:50%;transform:translateY(-50%);justify-content:center}
 .app-header .header-actions .btn,.app-header .language-selector{display:none}
 .app-header .mobile-menu-toggle{display:block;position:absolute;left:18px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:24px}
 .main-nav{position:fixed;top:80px;left:0;right:0;background:white;flex-direction:column;align-items:flex-start;padding:28px;box-shadow:0 14px 35px #0002;visibility:hidden;opacity:0;pointer-events:none}
 .main-nav.active{visibility:visible;opacity:1;pointer-events:auto}
 .main-nav .nav-item{display:block;width:100%}
 .main-nav .nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;pointer-events:auto;padding-left:16px}
 .main-nav .nav-caret{display:none}
 .main-nav .mobile-language-selector{display:flex;gap:8px}
}
@media(max-width:1250px){
 .main-nav{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
 .main-nav:not(.active){visibility:hidden}
 .mobile-menu-toggle{min-width:44px;min-height:44px}
 .main-nav a{min-height:36px;display:inline-flex;align-items:center}
}
@media(max-width:540px){.pricing-content .faqs{padding:0 16px}}
@media print{.app-header,.app-footer{display:none}body::before{display:none}}

@media(max-width:1250px){.main-nav:not(.active),.main-nav:not(.active) *{visibility:hidden!important;pointer-events:none!important}}

/* Secondary enterprise option; deliberately quieter than the tariff cards. */
.pricing-content .private-hosting{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 0;padding:22px 26px;background:var(--bg-cream);border:1px solid var(--line);border-radius:var(--radius-sm)}
.pricing-content .private-hosting h2{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 6px}
.pricing-content .private-hosting p{max-width:790px;margin:0;font-size:13px;line-height:1.75;color:var(--text-charcoal)}
.pricing-content .private-hosting-action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.pricing-content .private-hosting-action>span{font-size:12px;color:var(--text-charcoal)}
.pricing-content .private-hosting-action a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:var(--text-dark-gray);text-decoration:underline;text-underline-offset:4px}
.pricing-content .private-hosting-action a:hover{color:var(--secondary-blue)}
@media(max-width:800px){.pricing-content .private-hosting{align-items:flex-start;flex-direction:column;gap:12px;padding:20px;margin-top:24px}.pricing-content .private-hosting-action{gap:0}}

/* Existing Google mark: small product cue, no extra promotional section. */
.pricing-content .reviewspot .review-agent-logo{position:absolute;top:32px;right:36px;width:60px;height:60px;object-fit:contain;padding:0;z-index:1}
.pricing-content .reviewspot>.kicker{min-height:52px;display:flex;align-items:center;padding-right:86px;margin-bottom:12px}
.pricing-content .review-agent-inline{display:inline;white-space:normal}
.pricing-content .review-agent-inline img{display:inline-block;width:20px;height:20px;margin-right:6px;vertical-align:-4px;object-fit:contain}
@media(max-width:540px){.pricing-content .reviewspot .review-agent-logo{top:25px;right:25px;width:44px;height:44px}.pricing-content .reviewspot>.kicker{min-height:44px;padding-right:60px}}

/* The long pricing page keeps the shared top decoration, without stretching lower-right blobs into the FAQ/footer transition. */
body.pricing-page::before{background-size:0 0,0 0,780px auto,700px auto,700px auto}
