/* Separate support offers. Studio-inspired entry, static cards and shared native footer. */
body.oddb-support-offers{background:#20211f;color:#20211f}.sp-page{--sp-paper:#f5f3ec;--sp-blue:#263fe5;--sp-pad:clamp(28px,4vw,62px);padding:80px 8px 16px;font:16px/1.5 Arial,Helvetica,sans-serif;color:#20211f}.sp-page *{box-sizing:border-box}.sp-page p,.sp-page h1,.sp-page h2{margin:0}.sp-page a{color:inherit}.sp-page section{scroll-margin-top:90px}.sp-label{font:10px/1.5 'Courier New',monospace;letter-spacing:.04em;text-transform:uppercase}.sp-page h2{font:400 clamp(29px,3vw,43px)/1.08 Arial,sans-serif;letter-spacing:-.035em}.sp-page a:focus-visible,.sp-page button:focus-visible,.sp-page summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.sp-hero{position:relative;isolation:isolate;min-height:710px;height:88svh;max-height:950px;background:#34283d;color:var(--sp-paper);border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:95px 4vw 70px}.sp-hero-copy{position:relative;z-index:1;width:55%}.sp-hero h1{font:italic 400 clamp(90px,12vw,185px)/1 Georgia,serif;letter-spacing:-.055em;margin:30px 0 38px}.sp-designers .sp-hero h1{font-size:clamp(80px,10.8vw,165px)}.sp-deck{font:400 clamp(28px,2.6vw,39px)/1.16 Arial,sans-serif;letter-spacing:-.03em}.sp-deck em{font-family:Georgia,serif;font-weight:400}.sp-page .sp-hero-note{max-width:335px;margin-top:28px;font-size:15px;line-height:1.6}.sp-hero-link{display:inline-block;font-size:13px;text-underline-offset:5px;margin-top:28px}.sp-berry{position:absolute;width:60%;height:94%;right:-4%;bottom:-4%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 25px 20px #07191433)}
.sp-nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding:24px var(--sp-pad);background:var(--sp-paper);border-radius:5px;margin:1px 0;color:#60635a;font-size:13px}.sp-nav a{text-decoration:none}.sp-nav a[aria-current=page]{color:var(--sp-blue);text-decoration:underline;text-underline-offset:5px}.sp-nav>a:last-child{margin-left:auto}
.sp-plans{margin-top:1px}.sp-section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:44px var(--sp-pad);border-radius:5px;background:var(--sp-paper);margin-bottom:1px}.sp-section-top .sp-label{margin-bottom:16px}.sp-toggle{display:flex;flex:none;border:1px solid #20211f2b;border-radius:3px;overflow:hidden}.sp-toggle button{border:0;background:transparent;color:#20211f;font:13px Arial,sans-serif;padding:14px 21px;cursor:pointer}.sp-toggle button[aria-pressed=true]{background:var(--sp-blue);color:#fff}
.sp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.sp-plan{display:flex;flex-direction:column;min-width:0;padding:clamp(28px,3.6vw,52px);border-radius:5px;background:var(--sp-paper)}.sp-plan:nth-child(2){background:#f1d1a7}.sp-plan-name{font:400 23px/1.2 Arial,sans-serif;letter-spacing:-.025em}.sp-price{display:flex;align-items:baseline;gap:8px;margin:37px 0 12px;font:400 clamp(51px,5vw,72px)/1 Arial,sans-serif;letter-spacing:-.065em}.sp-cycle{font:12px Arial,sans-serif;letter-spacing:0}.sp-page .sp-billing{font-size:12px;color:#66695f;margin-bottom:35px}.sp-plan-copy{font-size:15px;line-height:1.6;max-width:310px}.sp-page .sp-capacity{font:11px/1.5 'Courier New',monospace;margin-top:28px;margin-bottom:32px;color:#4f544a}.sp-page a.sp-button{display:inline-block;align-self:flex-start;padding:15px 20px;background:var(--sp-blue);color:#fff;text-decoration:none;font:13px/1.3 Arial,sans-serif}.sp-plan>.sp-button{margin-top:auto}.sp-more{padding:26px var(--sp-pad);background:var(--sp-paper);border-radius:5px;margin-top:1px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:15px}.sp-more a{font-size:13px;text-underline-offset:5px}.sp-page .sp-price-note{font-size:11px;line-height:1.6;color:#b6b9b2;padding:19px 8px 30px}
.sp-included{display:grid;grid-template-columns:13fr 11fr;gap:1px;margin-top:1px}.sp-included>div{padding:var(--sp-pad);border-radius:5px;background:var(--sp-paper)}.sp-included-intro>.sp-label{margin-bottom:24px}.sp-included-intro>p:not(.sp-label){margin-top:26px;max-width:520px;font-size:16px;line-height:1.65}.sp-text-link{display:inline-block;font-size:13px;text-underline-offset:5px;margin-top:27px}.sp-included-points{display:flex;flex-direction:column;justify-content:center;gap:26px}.sp-included-points p{font-size:15px;line-height:1.7;max-width:440px}.sp-included-points strong{font-weight:400;color:var(--sp-blue)}
.sp-faq{display:grid;grid-template-columns:10fr 14fr;gap:1px;margin-top:1px}.sp-faq>div{background:var(--sp-paper);padding:var(--sp-pad);border-radius:5px}.sp-faq .sp-label{margin-bottom:24px}.sp-faq details{border-bottom:1px solid #20211f25}.sp-faq details:first-child{border-top:1px solid #20211f25}.sp-faq summary{cursor:pointer;font-size:15px;line-height:1.5;padding:20px 26px 20px 0;position:relative;list-style:none}.sp-faq summary::-webkit-details-marker{display:none}.sp-faq summary:after{content:'+';position:absolute;right:2px;top:18px;font-size:20px;font-weight:400;color:var(--sp-blue)}.sp-faq details[open] summary:after{content:'−'}.sp-faq details>div{padding:0 0 22px;font-size:14px;line-height:1.75}.sp-faq details p+p{margin-top:18px}.sp-faq details a{text-underline-offset:3px}
.sp-close{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#f1d1a7;border-radius:5px;padding:var(--sp-pad);margin-top:1px}.sp-close .sp-label{margin-bottom:22px}.sp-close p:not(.sp-label){margin-top:24px;max-width:490px;font-size:15px;line-height:1.65}.sp-close>.sp-button{flex:none;align-self:center}
.sp-page #ob-study{padding:1px 0 0}.sp-page #ob-study .ob-footer{--ob-foot-bg:#f5f3ec;--ob-foot-text:#20211f;--ob-foot-muted:#666861;background:var(--sp-paper);color:#20211f;border-radius:5px;padding:35px}.sp-page #ob-study .ob-footer .ob-footer-logo{color:var(--sp-blue)}.sp-page #ob-study .ob-footer a{color:inherit}
@media(max-width:1050px){.sp-plan{padding:32px 26px}.sp-hero{min-height:670px}.sp-hero h1{font-size:12vw}.sp-designers .sp-hero h1{font-size:10.8vw}.sp-berry{right:-10%;width:66%}}
@media(max-width:760px){.sp-page{padding:80px 5px 12px}.sp-hero{height:auto;min-height:760px;padding:55px 25px 355px;align-items:flex-start}.sp-hero-copy{width:100%}.sp-hero h1,.sp-designers .sp-hero h1{font-size:clamp(78px,18vw,135px);margin:24px 0 28px}.sp-deck{font-size:30px}.sp-page .sp-hero-note{font-size:14px;max-width:315px;margin-top:23px}.sp-berry{width:400px;height:380px;right:-95px;bottom:-68px}.sp-nav{padding:23px 25px;gap:18px 22px}.sp-nav>a:last-child{margin-left:0}.sp-section-top{flex-direction:column;align-items:flex-start;padding:34px 25px;gap:24px}.sp-plan-grid{grid-template-columns:1fr}.sp-plan{padding:35px 25px}.sp-price{font-size:65px;margin-top:29px}.sp-page .sp-billing{margin-bottom:26px}.sp-plan-copy{max-width:450px}.sp-page .sp-capacity{margin-top:22px;margin-bottom:27px}.sp-more{padding:25px;flex-direction:column;align-items:flex-start;gap:14px}.sp-included,.sp-faq{grid-template-columns:1fr}.sp-included>div,.sp-faq>div{padding:35px 25px}.sp-included-points{gap:21px}.sp-close{padding:35px 25px;flex-direction:column;align-items:flex-start;gap:25px}.sp-close>.sp-button{align-self:flex-start}.sp-page #ob-study .ob-footer{padding:30px 25px}.sp-page h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.sp-page{scroll-behavior:auto}}

@media(max-width:420px){.sp-hero h1{font-size:clamp(64px,20vw,84px)}.sp-designers .sp-hero h1{font-size:clamp(56px,17.5vw,76px)}}

.sp-benefits{margin:25px 0 0;padding-left:17px;font-size:14px;line-height:1.65;max-width:350px}.sp-benefits li+li{margin-top:10px}.sp-benefits li::marker{color:#263fe5}.sp-plan>.sp-benefits+.sp-capacity{margin-top:28px}.sp-hosting .sp-plan>.sp-button{margin-top:auto}.sp-hosting .sp-benefits{margin-bottom:32px}.sp-designers .sp-hero{background:#254b46}.sp-hosting .sp-hero{background:#e4cab7;color:#20211f}.sp-designers .sp-berry{width:58%;right:-4%;bottom:-5%}.sp-hosting .sp-berry{width:61%;right:-4%;bottom:-5%}
@media(max-width:760px){.sp-designers .sp-berry,.sp-hosting .sp-berry{width:390px;height:370px;right:-68px;bottom:-50px}.sp-benefits{max-width:450px}}

/* Keep the fruit inside its hero and the hosting/footer seam on the dark canvas. */
.sp-designers .sp-berry{width:53%;height:86%;right:0;bottom:4%}.sp-hosting .sp-berry{width:55%;height:86%;right:0;bottom:4%}.sp-hosting #ob-study{background:#20211f}
@media(max-width:760px){.sp-designers .sp-berry,.sp-hosting .sp-berry{width:94%;height:320px;right:2%;bottom:18px}}

/* Hosting capacity guide only; native rounded panels and dark one-pixel seams. */
.sp-hosting .sp-traffic{margin-top:24px;font-size:13px;line-height:1.5}.sp-hosting .sp-traffic strong{font-size:25px;font-weight:400;letter-spacing:-.03em}.sp-hosting .sp-traffic span{display:block;color:#66695f;font-size:11px;margin-top:3px}.sp-sizing{display:grid;grid-template-columns:10fr 14fr;gap:1px;margin-top:1px}.sp-sizing>div{background:var(--sp-paper);border-radius:5px;padding:var(--sp-pad);min-width:0}.sp-sizing-intro .sp-label{margin-bottom:24px}.sp-sizing-intro>p:last-child{margin-top:26px;max-width:450px;font-size:15px;line-height:1.7}.sp-capacity-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;text-align:left}.sp-capacity-table caption{text-align:left;font-size:15px;margin-bottom:20px}.sp-capacity-table th{font-weight:400}.sp-capacity-table thead{font-size:11px;color:#66695f}.sp-capacity-table th,.sp-capacity-table td{padding:16px 12px 16px 0;border-bottom:1px solid #20211f25;vertical-align:top}.sp-capacity-table tbody th{width:26%}.sp-sizing .sp-sizing-note{font-size:12px;line-height:1.7;color:#66695f;margin-top:22px}.sp-sizing .sp-text-link{margin-top:23px}@media(max-width:760px){.sp-sizing{grid-template-columns:1fr}.sp-sizing>div{padding:35px 25px}.sp-capacity-table{font-size:12px}.sp-capacity-table th,.sp-capacity-table td{padding:14px 8px 14px 0}.sp-capacity-table thead{font-size:10px}}

/* Quiet explanatory traffic note in each hosting card. */
.sp-hosting .sp-traffic-note{margin-top:22px;max-width:320px;color:#66695f;font-size:12px;line-height:1.65}.sp-hosting .sp-traffic-note small{font-size:inherit}

/* Benefits-led hosting panels; traffic stays in the quiet card notes. */
.sp-hosting .sp-sizing .sp-panel-copy{margin-top:26px;max-width:470px;font-size:15px;line-height:1.7}

/* All three offer footers expose only the dark canvas in their 1px seam. */
.sp-page #ob-study{background:#20211f}

/* Segmented service links and plan heading share one inline row. */
.sp-page .sp-nav{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:1px;padding:0;background:transparent;border-radius:0;align-items:stretch;flex-wrap:nowrap}.sp-page .sp-nav>a,.sp-page .sp-nav-title{min-width:0;background:var(--sp-paper);border-radius:5px}.sp-page .sp-nav>a{display:flex;align-items:center;justify-content:center;text-align:center;padding:22px 25px;margin:0;line-height:1.4;text-decoration:none}.sp-page .sp-nav>a:last-child{margin-left:0}.sp-page .sp-nav>a[aria-current=page]{background:var(--sp-blue);color:#fff;text-decoration:none}.sp-page .sp-nav-title{padding:22px 36px;display:flex;flex-direction:column;justify-content:center}.sp-page .sp-nav-title h2{font-size:clamp(29px,3vw,43px)}.sp-page .sp-nav-title .sp-heading-link{display:inline-block;align-self:flex-start;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.3;text-decoration:none;background:var(--sp-blue);color:#fff}
@media(max-width:760px){.sp-page .sp-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-page .sp-nav-title{grid-column:1/-1;grid-row:1;padding:25px}.sp-page .sp-nav-title h2{font-size:clamp(26px,7vw,34px)}.sp-page .sp-nav>a{padding:18px 12px;font-size:12px;min-height:65px}}

/* The explanation action sits alongside the plan heading when space permits. */
.sp-page .sp-nav-title{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px;color:#20211f}.sp-page .sp-nav-title .sp-heading-link{margin-top:0;flex:none;white-space:nowrap;align-self:center}