.hosting-hero{position:relative;overflow:hidden;padding:128px 0 70px;color:#fff;background:radial-gradient(circle at 12% 18%,rgba(211,60,20,.28) 0,rgba(211,60,20,0) 34%),radial-gradient(circle at 88% 22%,rgba(255,90,46,.18) 0,rgba(255,90,46,0) 30%),linear-gradient(135deg,#101319 0,#13161c 48%,#101319 100%)}.hosting-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}.hosting-hero::after{content:"";position:absolute;right:-120px;top:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(211,60,20,.18) 0,rgba(211,60,20,0) 68%);pointer-events:none}.hosting-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:42px;align-items:center}.hosting-hero-copy{max-width:none}.hosting-hero .hh-title{margin:0 0 18px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(38px,4.9vw,64px);line-height:1.04;letter-spacing:-.02em;max-width:none;color:#fff}.hosting-hero .hh-title em{font-style:normal;color:#ff7a52}.hosting-hero .hh-desc{max-width:670px;margin:0 0 30px;color:rgba(226,232,240,.88);font-size:1.06rem;line-height:1.7}.hh-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:28px}.hh-btn-primary,.hh-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:4px;text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.88rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;cursor:pointer;border:none}.hh-btn-primary{color:#fff;background:#d33c14;box-shadow:0 12px 28px rgba(211,60,20,.1)}.hh-btn-primary:hover{transform:translateY(-1px);background:#ff5a2e;box-shadow:0 12px 28px rgba(211,60,20,.1)}.hh-btn-primary svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.hh-btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.22);background:0 0}.hh-btn-secondary:hover{border-color:#d33c14;color:#ff5a2c;background:0 0}.hosting-hero-visual{position:relative}.host-subnav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:-22px auto 34px;padding:10px;border-radius:4px;border:1px solid rgba(148,163,184,.14);background:rgba(8,14,28,.78);backdrop-filter:blur(12px);box-shadow:0 16px 42px rgba(2,6,23,.18);position:relative;z-index:2}.host-subnav a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;white-space:nowrap;font-family:Rajdhani,sans-serif;font-weight:600;font-size:.92rem;transition:transform .15s,background .15s,border-color .15s}.host-subnav a:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);border-color:rgba(255,140,100,.3)}[data-theme=light] .host-subnav{background:rgba(255,255,255,.96);border-color:#e2e8f0;box-shadow:0 16px 42px rgba(15,23,42,.08)}[data-theme=light] .host-subnav a{color:#1f2937;border-color:#e2e8f0}[data-theme=light] .host-subnav a:hover{background:#fff5f0;border-color:#d33c14}.plany-section{padding:60px 0 40px}.plany-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.plan-card{position:relative;border-radius:4px;border:1px solid var(--border,#e2e8f0);background:var(--bg-card,#fff);padding:28px 22px 24px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-2px);border-color:rgba(211,60,20,.4);box-shadow:0 12px 28px rgba(211,60,20,.1)}.plan-card.is-featured{border-color:#d33c14;box-shadow:0 12px 28px rgba(211,60,20,.1)}.plan-card.is-featured::before{content:"MOST POPULAR";position:absolute;top:-11px;left:22px;padding:4px 12px;font-family:'Fira Code',monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;background:#d33c14;color:#fff;border-radius:4px}.plan-name{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 6px;text-transform:uppercase;letter-spacing:.02em}.plan-tagline{font-size:.92rem;color:var(--text-muted,#6b7280);margin:0 0 22px;min-height:42px}.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;font-family:Rajdhani,sans-serif}.plan-price .pp-num{font-size:2.6rem;font-weight:700;color:var(--text-main);line-height:1}.plan-price .pp-cur{font-size:1.1rem;color:var(--text-muted,#6b7280);font-weight:500}.plan-price-meta{display:block;font-family:'Fira Code',monospace;font-size:.74rem;color:var(--text-muted,#6b7280);margin-bottom:20px}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.plan-features li{position:relative;padding:8px 0 8px 24px;font-size:.93rem;color:var(--text-main);line-height:1.5;border-bottom:1px solid var(--border-soft,#f1f5f9);font-family:'Fira Code',monospace;font-size:.84rem}.plan-features li:last-child{border-bottom:none}.plan-features li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d33c14' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat}.plan-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:0 18px;border-radius:4px;border:1px solid var(--accent,#d33c14);background:rgba(211,60,20,.05);color:var(--accent-text);text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;cursor:pointer;transition:background .15s,color .15s}.plan-cta:hover{background:var(--accent,#d33c14);color:#fff}.plan-card.is-featured .plan-cta{background:#d33c14;color:#fff}.plan-card.is-featured .plan-cta:hover{background:#ff5a2e;border-color:#ff5a2e}[data-theme=dark] .plan-card{background:#15171a;border-color:#2a2e34}[data-theme=dark] .plan-features li{border-bottom-color:#23272d}@media(max-width:980px){.plany-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}.host-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}.host-feature{position:relative;padding:22px;border-radius:4px;border:1px solid var(--border,#e2e8f0);background:var(--bg-card,#fff);transition:transform .18s,border-color .18s}.host-feature:hover{transform:translateY(-2px);border-color:rgba(211,60,20,.4)}.host-feature .fi-ico{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(211,60,20,.3);background:rgba(211,60,20,.08);color:var(--accent-text);margin-bottom:14px}.host-feature .fi-ico svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.host-feature h3{font-family:Rajdhani,sans-serif;font-size:1.18rem;font-weight:700;margin:0 0 8px;color:var(--text-main)}.host-feature p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-muted,#6b7280)}[data-theme=dark] .host-feature{background:#15171a;border-color:#2a2e34}@media(max-width:1100px){.host-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.host-features{grid-template-columns:1fr}}.host-faq{margin-top:36px;max-width:1180px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;align-items:start}.faq-item{border:1px solid var(--border,#e2e8f0);border-radius:6px;background:var(--bg-card,#fff);margin-bottom:10px;overflow:hidden;transition:border-color .18s}.faq-item[open]{border-color:#d33c14}.faq-item summary{cursor:pointer;padding:18px 22px;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.05rem;color:var(--text-main);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-family:'Fira Code',monospace;font-size:1.4rem;color:var(--accent-text);transition:transform .2s}.faq-item[open] summary::after{content:"−"}.faq-item summary:hover{color:var(--accent-text)}.faq-body{padding:0 22px 20px;color:var(--text-muted,#6b7280);line-height:1.7;font-size:.95rem}.faq-body code{padding:1px 6px;background:rgba(211,60,20,.08);border-radius:3px;color:var(--accent-text);font-size:.85em}[data-theme=dark] .faq-item{background:#15171a;border-color:#2a2e34}.host-migrate{position:relative;overflow:hidden;margin-top:60px;padding:38px;border-radius:6px;background:#d33c14;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.host-migrate-text h3{font-family:Rajdhani,sans-serif;font-size:1.7rem;font-weight:700;margin:0 0 8px}.host-migrate-text{flex:1 1 0;min-width:0}.host-migrate-text p{margin:0;font-size:1rem;opacity:.92;line-height:1.6;max-width:none}.host-migrate-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:4px;background:#fff;color:var(--accent-text);text-decoration:none;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;flex-shrink:0;box-shadow:4px 4px 0 #9e2a0e;transition:transform .15s var(--fx-ease-out,ease),box-shadow .15s var(--fx-ease-out,ease)}.host-migrate-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #9e2a0e}.host-migrate-cta:active{transform:translate(4px,4px);box-shadow:0 0 0 transparent}@media(prefers-reduced-motion:reduce){.host-migrate-cta{transition:none}.host-migrate-cta:active,.host-migrate-cta:hover{transform:none;box-shadow:4px 4px 0 #9e2a0e}}.host-migrate-cta svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.host-migrate::after{content:"";position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);width:300px;height:250px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='0.6' stroke-linecap='round' stroke-linejoin='round'><path d='M17.5 19a4.5 4.5 0 0 0 0-9 6 6 0 0 0-11.6 1.5A4 4 0 0 0 6 19z'/><path d='M12 16.5V11M9.5 13.5 12 11l2.5 2.5'/></svg>") no-repeat center/contain;opacity:.14;pointer-events:none}.host-migrate>*{position:relative;z-index:1}@media(max-width:560px){.host-migrate::after{left:auto;top:auto;transform:none;right:-26px;bottom:-40px;width:230px;height:195px}}.host-cross{margin-top:50px;padding:0;border:0;border-top:1px solid var(--border,#e2e8f0);border-radius:0;background:0 0}.host-cross h3{font-family:'Fira Code',ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin:20px 0 6px}.host-cross-grid{display:flex;flex-direction:column}.host-cross-link{display:flex;align-items:center;gap:14px;padding:15px 14px;border:0;border-bottom:1px solid var(--border,#e2e8f0);border-left:2px solid transparent;border-radius:0;background:0 0;box-shadow:none;text-decoration:none;color:var(--text-main);transition:background .15s ease,border-left-color .15s ease}.host-cross-link::before{content:"\2192";font-family:'Fira Code',ui-monospace,monospace;font-size:.82rem;line-height:1;color:var(--text-muted,#6b7280);transition:color .15s ease}.host-cross-link::after{content:attr(href);font-family:'Fira Code',ui-monospace,monospace;font-size:.72rem;color:var(--text-muted,#6b7280);white-space:nowrap;transition:color .15s ease}.host-cross-link strong{font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-main);min-width:190px;flex-shrink:0}.host-cross-link span{flex:1;font-size:.88rem;line-height:1.45;color:var(--text-muted,#6b7280)}.host-cross-link:last-child{border-bottom:0}.host-cross-link:hover{background:rgba(211,60,20,.05);border-left-color:#d33c14}.host-cross-link:hover::after,.host-cross-link:hover::before{color:var(--accent-text)}.host-cross-link:focus-visible{background:rgba(211,60,20,.05);border-left-color:#d33c14}.host-cross-link:active{background:rgba(211,60,20,.09)}[data-theme=dark] .host-cross{background:0 0;border-top-color:rgba(255,255,255,.1)}[data-theme=dark] .host-cross-link{background:0 0;border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .host-cross-link:focus-visible,[data-theme=dark] .host-cross-link:hover{background:rgba(211,60,20,.1)}@media(max-width:780px){.host-cross-link{flex-wrap:wrap;gap:6px 12px;padding:14px 12px}.host-cross-link strong{min-width:0}.host-cross-link span{flex:1 1 100%;order:3}.host-cross-link::after{display:none}}.host-stack{margin-top:50px;padding:36px;border-radius:4px;border:1px solid var(--border,#e2e8f0);background:var(--bg-card,#fff)}.host-stack h3{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 22px;color:var(--text-main)}.host-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.host-stack-item{padding:14px;border:1px solid var(--border,#e2e8f0);border-radius:4px;text-align:center;font-family:'Fira Code',monospace;background:#fff;transition:background-color .18s,border-color .18s}.host-stack-item:hover{background:#f1f2f4;border-color:#cfd3d8}.host-stack-item strong{display:block;color:var(--accent-text);font-size:.9rem;margin-bottom:4px}.host-stack-item span{font-size:.78rem;color:var(--text-muted,#6b7280)}[data-theme=dark] .host-stack,[data-theme=dark] .host-stack-item{background:#15171a;border-color:#2a2e34}[data-theme=dark] .host-stack-item:hover{background:#1e2127;border-color:#3a3f47}@media(prefers-reduced-motion:reduce){.host-stack-item{transition:none}}@media(max-width:780px){.host-stack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.hosting-hero-inner{grid-template-columns:1fr}.hosting-hero-copy{max-width:none}}@media(max-width:780px){.hosting-hero{padding:132px 0 50px}}@media(max-width:560px){.hh-actions{flex-direction:column;align-items:stretch}.hh-btn-primary,.hh-btn-secondary{width:100%}.host-migrate{flex-direction:column;align-items:flex-start}}.anchor{scroll-margin-top:120px}:root{--fx-ease-out:cubic-bezier(0.23,1,0.32,1)}.btn{transition:transform 160ms var(--fx-ease-out),box-shadow .2s var(--fx-ease-out),background-color .2s var(--fx-ease-out),color .2s var(--fx-ease-out),border-color .2s var(--fx-ease-out)}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active,.btn:hover{transform:none}}.hosting-hero .hh-desc{max-width:100%}.fxhw-foot em{display:block;margin-top:3px;font-family:'Fira Code',ui-monospace,monospace;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8b8b8b}.host-feature .fi-num{position:absolute;top:20px;right:20px;font-family:'Fira Code',ui-monospace,monospace;font-size:.72rem;letter-spacing:.12em;color:var(--text-muted,#6b7280);opacity:.75}.plan-more{margin:-6px 0 18px}.plan-more summary{cursor:pointer;list-style:none;font-family:'Fira Code',ui-monospace,monospace;font-size:.74rem;color:var(--text-muted,#6b7280);padding:7px 0;transition:color .15s}.plan-more summary::-webkit-details-marker{display:none}.plan-more summary:hover{color:var(--accent-text)}.plan-more[open] summary{display:none}.plan-more .plan-features{margin:0}.bdr-scen{margin-top:8px;border-top:1px solid var(--border,#e2e8f0)}.bdr-scen-row{display:flex;align-items:baseline;gap:14px;padding:15px 4px;border-bottom:1px solid var(--border,#e2e8f0)}.bdr-scen-row .who{flex:0 0 118px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text-main);text-transform:uppercase;letter-spacing:.02em}.bdr-scen-row .from{flex:0 0 auto;font-family:'Fira Code',ui-monospace,monospace;font-size:.8rem;color:var(--text-muted,#6b7280)}.bdr-scen-row .arr{flex:0 0 auto;font-family:'Fira Code',ui-monospace,monospace;font-size:.82rem;color:var(--accent-text)}.bdr-scen-row .to{flex:1;font-size:.92rem;line-height:1.5;color:var(--text-main)}.bdr-scen-row .to code{padding:1px 5px;border-radius:3px;background:rgba(211,60,20,.08);color:var(--accent-text);font-family:'Fira Code',ui-monospace,monospace;font-size:.85em}[data-theme=dark] .bdr-scen,[data-theme=dark] .bdr-scen-row{border-color:rgba(255,255,255,.08)}@media(max-width:780px){.bdr-scen-row{flex-wrap:wrap;gap:6px 10px;padding:14px 2px}.bdr-scen-row .who{flex:1 1 100%}.bdr-scen-row .to{flex:1 1 100%;order:4}}@media(max-width:860px){.host-faq{grid-template-columns:1fr;max-width:880px}}@media(min-width:1200px){.host-faq{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:10px 18px;align-items:stretch}}