:root { --truck-blue: #39b8ff; --truck-amber: #ffad42; --truck-panel: rgba(8, 20, 37, .96); --truck-line: rgba(126, 170, 222, .22); }
.truck-hosting-page { background: #030914; }
.truck-hosting-page .site-header { background: rgba(3, 9, 20, .94); }
.truck-hero { position: relative; min-height: 760px; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--truck-line); }
.truck-hero-image { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.truck-hero-overlay { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(3,10,22,.28), rgba(3,8,17,.78) 42%, rgba(3,8,17,.82) 58%, rgba(20,10,3,.26)), linear-gradient(0deg, rgba(2,7,16,.96), rgba(2,7,16,.12) 54%, rgba(2,7,16,.32)); }
.truck-hero-content { display: flex; min-height: 760px; flex-direction: column; justify-content: flex-end; align-items: center; padding-top: 92px; padding-bottom: 76px; text-align: center; }
.truck-hero-content .breadcrumbs, .truck-hero-content .hero-actions { justify-content: center; }
.truck-hero-content .eyebrow { color: #a9e6ff; }
.truck-hero-content h1 { max-width: 930px; margin: 8px auto 18px; color: #fff; font-size: clamp(3.5rem, 8.5vw, 7.8rem); line-height: .82; letter-spacing: -.075em; text-shadow: 0 8px 36px rgba(0,0,0,.6); }
.truck-hero-content h1 span { background: linear-gradient(90deg, #78d7ff, #fff 46%, #ffc578); -webkit-background-clip: text; background-clip: text; color: transparent; }
.truck-hero-content .lead { max-width: 750px; margin: 0 auto 22px; color: #d9e7f5; font-size: clamp(1rem, 1.7vw, 1.2rem); }
.truck-hero-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 26px; }
.truck-hero-badges span { padding: 8px 11px; border: 1px solid rgba(196,226,255,.25); border-radius: 999px; color: #e9f5ff; background: rgba(4,12,24,.68); font-size: .68rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; backdrop-filter: blur(12px); }
.truck-side-label { position: absolute; z-index: -1; top: 28px; display: flex; align-items: baseline; gap: 10px; color: rgba(255,255,255,.75); font-size: .72rem; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.truck-side-label small { font-size: .58rem; }
.truck-side-label.is-europe { left: clamp(22px, 5vw, 78px); }
.truck-side-label.is-america { right: clamp(22px, 5vw, 78px); }
.truck-proof { border-bottom: 1px solid var(--truck-line); background: #07111f; }
.truck-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.truck-proof-grid div { padding: 22px 24px; border-right: 1px solid var(--truck-line); }
.truck-proof-grid div:last-child { border-right: 0; }
.truck-proof-grid strong, .truck-proof-grid span { display: block; }
.truck-proof-grid strong { color: #fff; font-size: .83rem; }
.truck-proof-grid span { margin-top: 4px; color: var(--muted); font-size: .68rem; }
.truck-section { padding: 88px 0; }
.truck-section.is-soft { border-block: 1px solid var(--truck-line); background: radial-gradient(circle at 10% 20%, rgba(76,36,125,.24), transparent 34rem), linear-gradient(145deg, rgba(10,27,47,.76), rgba(3,9,18,.97)); }
.truck-heading { margin-bottom: 35px; }
.truck-heading > div { max-width: 820px; }
.truck-heading h2 { margin: 5px 0 13px; font-size: clamp(2.2rem, 4.7vw, 4.5rem); line-height: .98; letter-spacing: -.055em; }
.truck-heading p { margin: 0; color: var(--muted); }
.truck-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.truck-plan { position: relative; display: flex; min-height: 520px; flex-direction: column; overflow: hidden; padding: clamp(28px,4vw,46px); border: 1px solid var(--truck-line); border-radius: 27px; background: var(--truck-panel); box-shadow: 0 25px 75px rgba(0,0,0,.24); }
.truck-plan::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; }
.truck-plan.is-europe::before { background: linear-gradient(90deg, transparent, var(--truck-blue), transparent); }
.truck-plan.is-america::before { background: linear-gradient(90deg, transparent, var(--truck-amber), transparent); }
.truck-plan-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }
.truck-plan-kicker span { display: grid; min-width: 54px; height: 32px; place-items: center; border-radius: 8px; color: #06101c; font-size: .72rem; font-weight: 950; }
.truck-plan.is-europe .truck-plan-kicker span { background: var(--truck-blue); }
.truck-plan.is-america .truck-plan-kicker span { background: var(--truck-amber); }
.truck-plan-kicker small { color: #90a9c5; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.truck-plan h3 { margin: 0 0 13px; color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.65rem); line-height: 1; letter-spacing: -.035em; }
.truck-plan > p { max-width: 570px; color: var(--muted); }
.truck-price { display: flex; align-items: center; gap: 14px; margin: 16px 0 8px; }
.truck-price strong { color: #fff; font-size: clamp(3rem, 6vw, 4.8rem); line-height: .9; letter-spacing: -.065em; }
.truck-price span { color: #91a8c1; font-size: .67rem; font-weight: 900; line-height: 1.45; letter-spacing: .07em; text-transform: uppercase; }
.truck-plan ul { display: grid; gap: 11px; margin: 22px 0 32px; padding: 0; list-style: none; }
.truck-plan li { position: relative; padding-left: 24px; color: #d9e5f2; font-size: .83rem; }
.truck-plan li::before { content: "✓"; position: absolute; left: 0; color: var(--truck-blue); font-weight: 950; }
.truck-plan.is-america li::before { color: var(--truck-amber); }
.truck-plan .button { width: 100%; margin-top: auto; text-align: center; }
.truck-plan.is-america .button { border-color: #f5a73d; background: linear-gradient(135deg, #ffb14a, #dc791d); box-shadow: 0 13px 34px rgba(235,132,35,.22); }
.truck-price-note { margin: 18px 0 0; color: #7188a2; font-size: .68rem; }
.truck-trusted { display: grid; grid-template-columns: minmax(250px,.65fr) minmax(0,1.35fr); align-items: center; gap: clamp(32px,7vw,90px); padding: clamp(30px,5vw,62px); border: 1px solid rgba(161,96,255,.3); border-radius: 28px; background: linear-gradient(135deg, rgba(33,16,61,.94), rgba(7,17,31,.96)); }
.truck-trusted-logo { display: grid; place-items: center; }
.truck-trusted-logo img { width: min(100%,280px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 28px; object-fit: cover; box-shadow: 0 25px 80px rgba(0,0,0,.4); }
.truck-trusted-copy h2 { margin: 5px 0 7px; font-size: clamp(2.4rem,5vw,4.8rem); line-height: .95; letter-spacing: -.06em; }
.truck-trusted-copy > p { max-width: 700px; color: var(--muted); }
.truck-trusted-copy .truck-trusted-tagline { color: #d8baff; font-size: 1.05rem; font-weight: 850; }
.truck-trusted-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 28px; }
.truck-trusted-meta span { padding: 8px 10px; border: 1px solid rgba(191,139,255,.23); border-radius: 999px; color: #e3ceff; background: rgba(114,54,184,.14); font-size: .66rem; font-weight: 850; }
.truck-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.truck-feature-grid article { padding: 24px; border: 1px solid var(--truck-line); border-radius: 19px; background: rgba(10,23,40,.76); }
.truck-feature-grid article > span { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 17px; border: 1px solid rgba(57,184,255,.35); border-radius: 13px; color: #9be0ff; background: rgba(57,184,255,.1); font-size: .7rem; font-weight: 950; }
.truck-feature-grid h3 { margin: 0 0 8px; color: #fff; font-size: 1.05rem; }
.truck-feature-grid p { margin: 0; color: var(--muted); font-size: .8rem; }
.truck-final { padding-top: 0; }
.truck-final-panel { padding: clamp(38px,7vw,82px); border: 1px solid rgba(57,184,255,.38); border-radius: 28px; text-align: center; background: radial-gradient(circle at 15% 0, rgba(57,184,255,.2), transparent 38%), radial-gradient(circle at 85% 0, rgba(255,173,66,.16), transparent 38%), #07111f; }
.truck-final-panel h2 { margin: 7px auto 15px; font-size: clamp(2.5rem,6vw,5rem); line-height: .95; letter-spacing: -.06em; }
.truck-final-panel p { max-width: 690px; margin: 0 auto 27px; color: var(--muted); }
.truck-final-panel .hero-actions { justify-content: center; }
@media (max-width: 960px) { .truck-hero,.truck-hero-content{min-height:700px}.truck-plan-grid,.truck-trusted{grid-template-columns:1fr}.truck-trusted{text-align:center}.truck-trusted-copy>p{margin-inline:auto}.truck-trusted-meta{justify-content:center}.truck-feature-grid,.truck-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.truck-proof-grid div:nth-child(2){border-right:0}.truck-proof-grid div:nth-child(-n+2){border-bottom:1px solid var(--truck-line)} }
@media (max-width: 680px) { .truck-hero,.truck-hero-content{min-height:760px}.truck-hero-overlay{background:linear-gradient(0deg,rgba(2,7,16,.98),rgba(2,7,16,.72) 62%,rgba(2,7,16,.24))}.truck-hero-content{align-items:stretch;padding-bottom:52px;text-align:left}.truck-hero-content .breadcrumbs,.truck-hero-content .hero-actions,.truck-hero-badges{justify-content:flex-start}.truck-hero-content h1{margin-inline:0;font-size:clamp(3.25rem,17vw,5rem)}.truck-hero-content .lead{margin-inline:0}.truck-side-label{top:18px}.truck-proof-grid,.truck-feature-grid{grid-template-columns:1fr}.truck-proof-grid div{border-right:0;border-bottom:1px solid var(--truck-line)}.truck-proof-grid div:last-child{border-bottom:0}.truck-section{padding:68px 0}.truck-plan{min-height:auto} }
@media (prefers-reduced-motion: reduce) { .truck-plan,.truck-trusted{scroll-behavior:auto} }