#starter-hosting{--sh-navy:#172d4e;--sh-orange:#fa5b1d;--sh-muted:#55677e;--sh-border:#dce5ef;color:var(--sh-navy);font-family:"Plus Jakarta Sans",sans-serif}
#starter-hosting *,#starter-hosting *::before,#starter-hosting *::after{box-sizing:border-box}
#starter-hosting .sh-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
#starter-hosting .sh-hero h1,#starter-hosting .sh-heading h2,#starter-hosting .sh-support h2,#starter-hosting .sh-final h2,#starter-hosting .sh-essential h3,#starter-hosting .sh-steps h3{color:var(--sh-navy);font-family:inherit;font-weight:700;letter-spacing:-.015em;margin:0}
#starter-hosting .sh-hero p,#starter-hosting .sh-heading p,#starter-hosting .sh-essential p,#starter-hosting .sh-steps p,#starter-hosting .sh-support p,#starter-hosting .sh-final p{margin:0;color:var(--sh-muted);line-height:1.55}
#starter-hosting .sh-eyebrow,#starter-hosting p.sh-eyebrow{color:#d84d12;font-size:12px;font-weight:800;letter-spacing:.055em;line-height:1.4;margin:0 0 10px}
#starter-hosting .sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 19px;border:1px solid var(--sh-orange);border-radius:8px;font-family:inherit;font-size:15px;font-weight:750;text-decoration:none;white-space:nowrap;transition:transform .18s,box-shadow .18s}
#starter-hosting .sh-btn:hover{transform:translateY(-2px);box-shadow:0 7px 17px #142b491b}
#starter-hosting .sh-btn-primary{color:#fff;background:var(--sh-orange)}
#starter-hosting .sh-btn-outline{color:#d64d16;background:#fff}
#starter-hosting .sh-btn:focus-visible,#starter-hosting .sh-cycles button:focus-visible,#starter-hosting select:focus-visible,#starter-hosting .sh-more summary:focus-visible,#starter-hosting .sh-less:focus-visible{outline:3px solid #ff9d6d;outline-offset:2px}
#starter-hosting .sh-hero{background:radial-gradient(circle at 83% 50%,#fff0e5,transparent 44%),linear-gradient(102deg,#fffaf7,#fff 55%,#fff8f3);padding:69px 0 48px}
#starter-hosting .sh-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:34px}
#starter-hosting .sh-hero h1{font-size:clamp(44px,4.25vw,58px);line-height:1.11;max-width:580px}
#starter-hosting .sh-hero h1 em{font-style:normal;color:#e95318}
#starter-hosting .sh-lead{font-size:17px;max-width:540px;margin-top:18px}
#starter-hosting .sh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
#starter-hosting .sh-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none;font-size:13px;font-weight:700}
#starter-hosting .sh-trust li::before{content:"✓";color:var(--sh-orange);margin-right:7px}
#starter-hosting .sh-hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
#starter-hosting .sh-hero-visual picture{display:block;flex:1;min-width:0}
#starter-hosting .sh-hero-visual picture img{display:block;width:100%;max-width:620px;height:auto}
#starter-hosting .sh-fit{position:absolute;right:0;top:8%;width:190px;padding:16px;background:#fff;border:1px solid #e2e7ef;border-radius:12px;box-shadow:0 12px 26px #18375912;font-size:12px;line-height:1.4}
#starter-hosting .sh-fit strong{display:block;font-size:14px;margin-bottom:8px}
#starter-hosting .sh-fit ul{list-style:none;margin:0;padding:0}
#starter-hosting .sh-fit li{display:flex;gap:8px;margin:8px 0}
#starter-hosting .sh-fit li::before{content:"✓";color:#fff;background:var(--sh-orange);border-radius:50%;width:17px;height:17px;text-align:center;flex:none}
#starter-hosting .sh-section{padding:72px 0}
#starter-hosting .sh-heading h2{font-size:clamp(42px,3.6vw,46px);line-height:1.15}
#starter-hosting .sh-heading>p:last-child{font-size:16px;margin-top:12px;max-width:700px}
#starter-hosting .sh-centered{text-align:center}
#starter-hosting .sh-centered>p:last-child{margin-inline:auto}
#starter-hosting .sh-essentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:27px}
#starter-hosting .sh-essential{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:20px 18px;border:1px solid var(--sh-border);border-radius:12px;background:#fff;box-shadow:0 4px 16px #12294a08}
#starter-hosting .sh-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#fff1e9}
#starter-hosting .sh-icon img{display:block;width:34px;height:34px}
#starter-hosting .sh-essential h3{font-size:18px}
#starter-hosting .sh-essential p{font-size:15px;margin-top:6px}
#starter-hosting .sh-compare{padding-top:4px}
#starter-hosting .sh-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
#starter-hosting .sh-compare-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--sh-border);border-radius:16px;background:#fff;box-shadow:0 7px 22px #1634580a}
#starter-hosting .sh-compare-card:nth-child(2){border-color:#efb99e;border-top:3px solid var(--sh-orange);background:#fffdfa}
#starter-hosting .sh-compare-card h3{margin:0;color:var(--sh-navy);font-size:21px;line-height:1.3}
#starter-hosting .sh-compare-card p{margin:8px 0 0;color:var(--sh-muted);font-size:15px;line-height:1.5}
#starter-hosting .sh-compare-card ul{list-style:none;margin:20px 0;padding:0;color:#405575;font-size:14px;line-height:1.5}
#starter-hosting .sh-compare-card li{margin:0 0 9px;overflow-wrap:anywhere}
#starter-hosting .sh-compare-card li::before{content:"✓";color:#159967;font-weight:800;margin-right:8px}
#starter-hosting .sh-compare-card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;padding:9px 13px;border:1px solid #f3b496;border-radius:8px;color:#ca4a18;background:#fff8f4;font-size:14px;font-weight:700;text-decoration:none}
#starter-hosting .sh-compare-card:nth-child(2) a{border-color:var(--sh-orange);background:var(--sh-orange);color:#fff}
#starter-hosting .sh-plans-section{background:#f4f9ff;padding:52px 0 58px;scroll-margin-top:120px}
#starter-hosting .sh-plans-panel{padding:34px 30px 30px;border:1px solid #e4edf6;border-radius:20px;background:#f8fbff;box-shadow:0 18px 44px #1634580a}
#starter-hosting .sh-plans-head{display:flex;flex-direction:column;align-items:center;gap:24px}
#starter-hosting .sh-plans-heading{text-align:center;max-width:820px;margin-inline:auto}
#starter-hosting .sh-plans-heading>p:last-child{margin-inline:auto}
#starter-hosting .sh-plan-controls{display:flex;width:100%;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
#starter-hosting .sh-cycles{display:flex;align-items:center;flex-wrap:nowrap;gap:3px;padding:5px;border:1px solid #dce5ef;border-radius:999px;background:#fff;box-shadow:0 2px 8px #132c4908}
#starter-hosting .sh-cycles button{min-height:44px;padding:10px 19px;border:0;border-radius:999px;background:transparent;color:#314b6a;font-family:inherit;font-size:15px;font-weight:700;line-height:1.25;cursor:pointer;white-space:nowrap}
#starter-hosting .sh-cycles button[hidden]{display:none}
#starter-hosting .sh-cycles button.is-active{background:var(--sh-orange);color:#fff;box-shadow:0 3px 8px #fa5b1d30}
#starter-hosting .sh-currency select{height:45px;padding:0 14px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#203753;font-family:inherit;font-size:13px;font-weight:700}
#starter-hosting .sh-sr{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
#starter-hosting .sh-term-saving{margin:13px 0 0;color:#bb4517;font-size:14px;font-weight:700;line-height:1.45;text-align:center}
#starter-hosting .sh-term-saving[hidden]{display:none}
#starter-hosting .sh-cycle-note{font-size:14px;color:var(--sh-muted);margin:12px 0 0;text-align:center}
#starter-hosting .sh-cycle-note:empty{display:none}
#starter-hosting .sh-price-note{margin:20px 0 0;color:#63758d;font-size:13px;line-height:1.45;text-align:center}
#starter-hosting .sh-setup{padding:64px 0}
#starter-hosting .sh-setup-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.68fr);gap:28px;align-items:start}
#starter-hosting .sh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#starter-hosting .sh-steps article{min-width:0;padding:19px 16px;border:1px solid #e6edf5;border-radius:12px;background:#fff}
#starter-hosting .sh-steps b{display:block;color:#d84d12;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:13px}
#starter-hosting .sh-steps h3{font-size:18px}
#starter-hosting .sh-steps p{font-size:15px;margin-top:6px}
#starter-hosting .sh-support{padding:35px 0;background:#f3f8ff}
#starter-hosting .sh-support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:32px}
#starter-hosting .sh-support h2{font-size:clamp(38px,3.6vw,44px);line-height:1.16}
#starter-hosting .sh-support p:not(.sh-eyebrow){font-size:15px;max-width:650px;margin:10px 0 19px}
#starter-hosting .sh-support img{display:block;width:100%;max-height:300px;height:auto;object-fit:contain}
#starter-hosting .sh-faq{padding:70px 0;background:#fff8f4}
#starter-hosting .sh-faq-grid{display:block;max-width:980px;margin-inline:auto}
#starter-hosting .sh-faq .sh-heading{text-align:center;max-width:760px;margin:0 auto 30px}
#starter-hosting .sh-faq .sh-heading>p:last-child{margin-inline:auto}
#starter-hosting .sh-faq .ydi-faqs{min-width:0;max-width:100%}
#starter-hosting .sh-faq .ydi-faqs .accordion-item{margin:0 0 10px;border:1px solid #e3e9f0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px #152f5008}
#starter-hosting .sh-faq .ydi-faqs .accordion-item:has(.accordion-collapse.show){border-color:#f0c6b2;background:#fff4ed;box-shadow:0 8px 22px #9f3e1410}
#starter-hosting .sh-faq .ydi-faqs .accordion-item:has(.accordion-collapse.show) .accordion-header{border:0;background:transparent}
#starter-hosting .sh-faq .ydi-faqs .accordion-item .accordion-collapse{border:0;background:transparent}
#starter-hosting .sh-faq .ydi-faqs .accordion-button{min-height:64px;padding:18px 20px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--sh-navy);font:700 17px/1.45 "Plus Jakarta Sans",sans-serif}
#starter-hosting .sh-faq .ydi-faqs .accordion-button .accordion-icon,#starter-hosting .sh-faq .ydi-faqs .accordion-button .accordion-icon-active{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-left:auto;border:1px solid #e2c9bb;border-radius:50%;background:#fff;color:#da511c;font:700 18px/1 "Plus Jakarta Sans",sans-serif}
#starter-hosting .sh-faq .ydi-faqs .accordion-button.collapsed .accordion-icon-active,#starter-hosting .sh-faq .ydi-faqs .accordion-button:not(.collapsed) .accordion-icon{display:none}
#starter-hosting .sh-faq .ydi-faqs .accordion-body{padding:0 20px 20px}
#starter-hosting .sh-faq .ydi-faqs .accordion-body p,#starter-hosting .sh-faq .ydi-faqs .accordion-body li{font-size:16px;line-height:1.65;color:#4c5e73}
#starter-hosting .sh-faq .ydi-faqs .accordion-body p+p{margin-top:10px}
#starter-hosting .sh-faq .ydi-faqs .accordion-body ul{margin:9px 0 0;padding-left:0;list-style:none}
#starter-hosting .sh-faq .ydi-faqs .accordion-body li{padding-left:2px;margin:4px 0;overflow-wrap:anywhere}
#starter-hosting .sh-final{padding:24px 0 65px;background:#fffaf7}
#starter-hosting .sh-final-card{display:flex;align-items:center;gap:24px;padding:23px 28px;border:1px solid #f7dccb;border-radius:13px;background:#fff6f1}
#starter-hosting .sh-final-card>div{flex:1}
#starter-hosting .sh-launch-icon{display:block;flex:none;width:60px;height:60px}
#starter-hosting .sh-final h2{font-size:clamp(32px,3vw,40px);line-height:1.16}
#starter-hosting .sh-final p:not(.sh-eyebrow){font-size:15px;margin-top:7px}
@media(max-width:1100px){#starter-hosting .sh-plans-head{align-items:center}#starter-hosting .sh-plan-controls{justify-content:center}}
@media(max-width:760px){#starter-hosting .sh-plans-section{scroll-margin-top:76px}#starter-hosting .sh-compare-grid{grid-template-columns:1fr;gap:12px}#starter-hosting .sh-compare-card{padding:20px}#starter-hosting .sh-shell{width:min(100% - 32px,560px)}#starter-hosting .sh-hero{padding:90px 0 42px}#starter-hosting .sh-hero-grid,#starter-hosting .sh-setup-grid{grid-template-columns:1fr}#starter-hosting .sh-hero h1{font-size:clamp(32px,8.7vw,40px)}#starter-hosting .sh-lead{font-size:15px}#starter-hosting .sh-hero-visual{display:block;max-width:450px;margin:26px auto 0}#starter-hosting .sh-hero-visual picture img{max-width:100%;margin:auto}#starter-hosting .sh-fit{position:relative;top:auto;right:auto;width:100%;margin:-6px auto 0}#starter-hosting .sh-section{padding:52px 0}#starter-hosting .sh-essentials-grid{grid-template-columns:1fr}#starter-hosting .sh-essential{padding:18px}#starter-hosting .sh-plans-section{padding:34px 0}#starter-hosting .sh-plans-panel{padding:0;border:0;background:transparent;box-shadow:none}#starter-hosting .sh-cycles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px;padding:5px;border-radius:16px;overflow:visible}#starter-hosting .sh-cycles button{width:100%;min-height:46px;padding:9px 3px;font-size:13px;white-space:nowrap}#starter-hosting .sh-plan-controls{width:100%;align-items:center;flex-direction:column;gap:10px}#starter-hosting .sh-currency select{min-width:88px}#starter-hosting .sh-setup{padding:52px 0}#starter-hosting .sh-steps{grid-template-columns:1fr;gap:10px}#starter-hosting .sh-steps article{display:grid;grid-template-columns:40px 1fr;gap:5px 10px;align-items:start}#starter-hosting .sh-steps b{grid-row:1/3;font-size:23px;margin:0}#starter-hosting .sh-steps p{grid-column:2;margin:0}#starter-hosting .sh-support-grid{grid-template-columns:1fr 150px;gap:14px}#starter-hosting .sh-faq .sh-heading{margin-bottom:22px}#starter-hosting .sh-faq{padding:55px 0}#starter-hosting .sh-final-card{flex-direction:column;text-align:center;padding:24px}#starter-hosting .sh-final-card>div{width:100%}#starter-hosting .sh-final .sh-btn{width:100%}}
@media(max-width:420px){#starter-hosting .sh-actions{flex-direction:column}#starter-hosting .sh-actions .sh-btn{width:100%}#starter-hosting .sh-trust{gap:7px 12px}#starter-hosting .sh-cycles{gap:4px}#starter-hosting .sh-support-grid{grid-template-columns:1fr}#starter-hosting .sh-support img{width:220px;margin:auto}#starter-hosting .sh-faq .ydi-faqs .accordion-button{font-size:16px;padding:16px 14px}#starter-hosting .sh-faq .ydi-faqs .accordion-body{padding:0 14px 17px}}
@media(prefers-reduced-motion:reduce){#starter-hosting .sh-btn{transition:none}#starter-hosting .sh-btn:hover{transform:none}}
