/*
Theme Name: JoySpace One Page
Description: Approved JoySpace small-business website design. One-page phone preview with animations and demonstration checkout.
Version: 2.8.18
Author: JoySpace Development Company LLC
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: joyspace-one-page
*/

:root{--navy:#122d39;--teal:#157c76;--cream:#f8f7f2;--muted:#597078}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto;padding:0 44px}header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;font-weight:750;letter-spacing:-1.2px}.brand span{color:var(--teal)}nav{display:flex;gap:28px;font-size:14px;font-weight:600}.button{display:inline-block;background:var(--teal);color:white;border-radius:8px;padding:13px 23px;font-size:14px;font-weight:650}.outline{background:transparent;color:var(--navy);border:1px solid #a6b9b8}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:75px 0 88px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:var(--teal)}h1{font-size:clamp(44px,5.2vw,66px);line-height:1.08;letter-spacing:-3px;margin:22px 0}h1 em{font-style:normal;color:var(--teal)}p{color:var(--muted)}.hero p{max-width:490px;font-size:18px}.actions{display:flex;gap:14px;margin-top:30px}.art{background:#dcece6;border-radius:40% 40% 18px 18px;min-height:400px;display:flex;align-items:center;padding:35px;position:relative}.window{background:white;width:100%;border-radius:13px;box-shadow:0 25px 55px #173e3922;transform:rotate(-4deg);overflow:hidden}.dots{padding:12px;background:#f1f5f3;font-size:18px;color:#abc4bf;letter-spacing:4px}.mini{padding:26px}.mini small{font-weight:750}.mini h3{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:25px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.mini-grid div{height:63px;background:#e3f0ea;border-radius:6px}.mini-grid div:nth-child(2){background:#eddcbf}.floating{position:absolute;bottom:25px;right:-15px;background:var(--navy);color:white;padding:17px 24px;border-radius:10px;font-size:13px;box-shadow:0 15px 35px #173e3922}.floating span{color:#9de0c6}.services{border-top:1px solid #d8e0db;padding:56px 0 70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}h2{font-size:35px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0}.section-head p{max-width:360px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #dce4dd;border-radius:12px;padding:30px}.num{color:var(--teal);font-size:13px;font-weight:700}.card h3{font-size:23px;letter-spacing:-.6px;margin:18px 0 10px}.card p{font-size:15px;min-height:75px}.card a{color:var(--teal);font-size:14px;font-weight:700}.process{padding:55px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{border-left:2px solid #b6d1c5;padding-left:28px}.steps h3{font-size:18px;margin:0}.steps p{font-size:15px;margin:5px 0 25px}.cta{background:var(--navy);border-radius:15px;padding:48px;display:flex;align-items:center;justify-content:space-between;color:white;margin-bottom:55px}.cta h2{margin:0}.cta p{color:#bdcece}.cta .button{background:#b5e4cb;color:var(--navy)}footer{border-top:1px solid #d8e0db;padding-top:28px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.preview{background:#e7eee9;text-align:center;padding:8px;font-size:11px;color:#48665e}dialog{max-width:430px;border:0;border-radius:15px;padding:30px;color:var(--navy)}dialog::backdrop{background:#122d3980}dialog button{border:0;cursor:pointer} @media(max-width:780px){header,main,footer{padding-left:24px;padding-right:24px}header{height:auto;padding-top:24px;gap:20px;flex-wrap:wrap}nav{gap:15px;flex-wrap:wrap}.hero,.process{grid-template-columns:1fr;gap:35px;padding:45px 0}.art{min-height:320px}.cards{grid-template-columns:1fr}.section-head,.cta,footer{display:block}.floating{right:0}h1{letter-spacing:-2px}.cta{padding:30px}.card p{min-height:0}.actions{flex-wrap:wrap}}
.brand, .custom-logo-link { display: inline-flex; align-items: center; gap: 11px; font-family: var(--font-display); font-size: 1.05rem; font-weight: 800; letter-spacing: -0.025em; }
.brand-mark { position: relative; width: 31px; height: 31px; border: 2px solid var(--ink); border-radius: 9px; }
.brand-mark::before { content: ""; position: absolute; right: -5px; top: -5px; width: 10px; height: 10px; border: 3px solid var(--night); border-radius: 50%; background: var(--aqua); box-shadow: rgba(100, 230, 215, 0.35) 0px 0px 14px; animation: brand-satellite var(--ambient-speed-fast) ease-in-out infinite; }
.orbit-wrap { position: relative; min-height: 460px; display: grid; place-items: center; isolation: isolate; transform: translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0); transition: transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.orbit { position: relative; width: min(35vw, 400px); aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.016) 0px 0px 0px 26px, rgba(255, 255, 255, 0.008) 0px 0px 0px 58px, rgba(100, 230, 215, 0.024) 0px 0px 80px inset; animation: 22s linear 0s infinite normal none running turn; }
.orbit::before, .orbit::after { content: ""; position: absolute; border-radius: 50%; }
.orbit::before { inset: 17%; border: 1px solid rgba(255, 255, 255, 0.25); background: radial-gradient(circle at 33% 27%, rgba(255,255,255,0.42), transparent 8%),
    radial-gradient(circle at 32% 30%, #ffbf80 0, var(--coral) 42%, #cb4250 78%, #8d273e 100%); box-shadow: rgba(255, 81, 76, 0.26) 0px 32px 92px, rgba(76, 8, 36, 0.32) -22px -26px 46px inset, rgba(255, 255, 255, 0.09) 15px 12px 34px inset; animation: 6s ease-in-out 0s infinite normal none running breathe; }
.orbit::after { width: 18%; aspect-ratio: 1 / 1; top: 3%; left: 50%; background: radial-gradient(circle at 34% 28%, rgba(255,255,255,0.68), transparent 12%),
    radial-gradient(circle at 38% 35%, #98fff2, var(--aqua) 48%, #249d9a 100%); box-shadow: rgba(100, 230, 215, 0.72) 0px 0px 18px, rgba(100, 230, 215, 0.42) 0px 0px 48px, rgba(100, 230, 215, 0.16) 0px 0px 82px; }
.orbit-ring { position: absolute; width: 82%; height: 36%; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; transform: rotate(-14deg); box-shadow: rgba(255, 255, 255, 0.024) 0px 0px 32px; }
@keyframes brand-satellite { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); box-shadow: rgba(100, 230, 215, 0.35) 0px 0px 14px; }
  50% { transform: translate3d(1px, -2px, 0px) scale(1.08); box-shadow: rgba(100, 230, 215, 0.58) 0px 0px 22px; }
}
.brand, .custom-logo-link { letter-spacing: 0.07em; }
.orbit { animation-duration: 60s; }
.orbit::after { box-shadow: rgb(100, 230, 215) 0px 0px 18px, rgba(100, 230, 215, 0.84) 0px 0px 48px, rgba(100, 230, 215, 0.32) 0px 0px 82px; }
:root{--night:#07111f;--ink:#f7f7f2;--aqua:#64e6d7;--coral:#ff7356;--navy:var(--ink);--teal:var(--aqua);--cream:var(--night);--muted:#c5cfda;--font-sans:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;--font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;--ambient-speed-fast:12s}body{background:radial-gradient(circle at 88% 8%,#64e6d717,transparent 31rem),radial-gradient(circle at 4% 34%,#ff735612,transparent 28rem),var(--night);font-family:var(--font-sans);letter-spacing:.05em;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display)}header{border-bottom:1px solid #ffffff25}.brand span{color:var(--ink)}.brand-mark{flex-shrink:0}nav{letter-spacing:.13em;font-weight:400;font-size:13px}.hero{gap:35px}h1{letter-spacing:.04em;line-height:.98}h1 em{color:#ffd166}h2{letter-spacing:.045em}.hero p{letter-spacing:.085em}.button{background:#ffd166;color:var(--night);border-radius:999px;letter-spacing:-.03em}.outline{background:transparent;color:var(--ink);border-color:#ffffff30}.services,footer{border-color:#ffffff25}.card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border-color:#ffffff22;border-radius:20px}.cta{background:#0d1b2e;border:1px solid #ffffff25;border-radius:26px}.cta .button{background:#ffd166;color:var(--night)}.preview{background:#0d1b2e;color:#b4c6d5}dialog{background:#0d1b2e;color:var(--ink)}@keyframes turn{to{transform:rotate(360deg)}}@keyframes breathe{50%{filter:brightness(1.06)}}@media(max-width:780px){.orbit{width:min(78vw,360px)}.orbit-wrap{min-height:360px}nav{font-size:11px}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important}}:root{--night:#fff;--ink:#142d3c;--aqua:#147f79;--navy:#142d3c;--teal:#147f79;--cream:#fff;--muted:#526773}body{background:#fff;color:var(--ink)}header{border-bottom-color:#dce5e8}.brand span{color:var(--ink)}.brand-mark{border-color:var(--ink)}.brand-mark::before{background:#64e6d7;border-color:#fff;box-shadow:0 0 12px #147f792b}nav a:hover,.card a:hover{color:#0b5c57}.hero h1 em{color:#ad4c20}.eyebrow{color:#147f79}.hero p,p{color:var(--muted)}.button{background:#ffd166;color:#142d3c;box-shadow:0 5px 18px #bc8d1920}.button:hover{background:#f7c453}.outline{background:white;color:#142d3c;border-color:#9eafb8;box-shadow:none}.outline:hover{background:#f2f7f7}.services,footer{border-color:#dce5e8}.card{background:#f8fafb;border-color:#dce5e8;box-shadow:0 7px 24px #142d3c05}.num,.card a{color:#147f79}.steps{border-color:#abd8d1}.cta{background:radial-gradient(circle at 100% 0,#d5f1eb,transparent 70%),#f3f8f7;color:var(--ink);border-color:#d8e8e4}.cta p{color:var(--muted)}.cta .button{color:#142d3c}.preview{background:#f1f5f6;color:#526773}dialog{background:white;color:var(--ink);border:1px solid #dce5e8}dialog::backdrop{background:#142d3c66}.orbit-wrap{background:radial-gradient(ellipse at center,#e8f7f480,transparent 70%);border-radius:50%}.orbit{border-color:#294d6438;box-shadow:0 0 0 26px #294d6405,0 0 0 58px #294d6403,inset 0 0 60px #64e6d709}.orbit-ring{border-color:#294d6466}.orbit::before{border-color:#b55b5040;background:radial-gradient(circle at 33% 27%,#ffffff6b,transparent 8%),radial-gradient(circle at 32% 30%,#ffbf80 0,#ff7356 42%,#cb4250 78%,#8d273e 100%);box-shadow:0 24px 65px #cf68542e,inset -22px -26px 46px #4c082430,inset 15px 12px 34px #ffffff17}.orbit::after{background:radial-gradient(circle at 34% 28%,#ffffffad,transparent 12%),radial-gradient(circle at 38% 35%,#98fff2,#64e6d7 48%,#249d9a 100%);box-shadow:0 0 18px #64e6d780,0 0 40px #64e6d745,0 0 65px #64e6d71f}:root{--night:#07111f;--ink:#142d3c;--aqua:#64e6d7;--coral:#ff7356;--navy:#142d3c;--teal:#147f79;--muted:#596b76}body{background:#fff;letter-spacing:0;color:var(--ink)}header,main,footer{max-width:1280px;padding-left:52px;padding-right:52px}header{height:100px;border:0}.brand{font-size:20px;letter-spacing:.02em}.brand-mark{width:30px;height:30px;border-color:#142d3c}.brand-mark::before{border-color:white}.brand span{color:#142d3c}nav{font-size:13px;letter-spacing:0;font-weight:550;gap:30px}nav a:last-child{border:1px solid #d7e0e3;border-radius:30px;padding:10px 19px;margin-top:-10px}.preview{font-size:10px;letter-spacing:1.4px;background:#f3f6f7;color:#596b76;padding:6px}.hero{grid-template-columns:1.05fr 1fr;gap:55px;padding:55px 0 74px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#147f79;font-weight:700}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:1.04;letter-spacing:-3.8px;margin:24px 0}.hero h1 em{color:#147f79}.hero p{font-size:17px;letter-spacing:0;max-width:430px;line-height:1.7}.button{background:#142d3c;color:white;border:0;border-radius:30px;padding:14px 24px;box-shadow:none;font-size:13px;letter-spacing:0}.button:hover{background:#254957}.outline{background:transparent;color:#142d3c;border:0;padding-left:0;box-shadow:none}.outline:hover{background:transparent;color:#147f79}.actions{gap:24px;align-items:center;margin-top:28px}.hero-note{font-size:12px!important;margin-top:24px;color:#73848c}.orbit-wrap{min-height:485px;background:radial-gradient(circle at 65% 30%,#64e6d71c,transparent 65%),#07111f;border-radius:28px;overflow:hidden;padding:30px;box-shadow:none}.orbit{width:min(30vw,350px);border-color:#ffffff30;box-shadow:0 0 0 26px #ffffff04,0 0 0 58px #ffffff02,inset 0 0 60px #64e6d706}.orbit::before{border-color:#ffffff40;box-shadow:0 25px 80px #ff514c42,inset -22px -26px 46px #4c082452,inset 15px 12px 34px #ffffff17}.orbit::after{box-shadow:0 0 18px #64e6d7,0 0 48px #64e6d780,0 0 82px #64e6d730}.orbit-ring{width:90%;height:30%;border-color:#ffffff50}.space-label{position:absolute;bottom:27px;left:30px;color:#bed4db;font-size:10px;letter-spacing:2px}.space-star{position:absolute;right:40px;top:42px;width:10px;height:10px;border-radius:3px;background:#ffd166;transform:rotate(30deg)}.services{padding:62px 0 70px;border-top:1px solid #e0e7e9}.section-head{align-items:start;margin-bottom:35px}.section-head h2{font-size:40px;letter-spacing:-1.7px;line-height:1.13}.section-head p{font-size:15px;max-width:340px;padding-top:12px}.service-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;background:#f2f7f5;padding:42px;border-radius:24px;align-items:center}.service-feature h3{font-size:32px;letter-spacing:-1.2px;line-height:1.15;margin:15px 0}.service-feature p{max-width:420px;font-size:15px}.service-feature a,.support-service a{color:#147f79;font-size:13px;font-weight:700}.num{font-size:10px;letter-spacing:1.4px}.website-demo{background:white;border:1px solid #d8e5e0;border-radius:12px;box-shadow:0 16px 35px #142d3c0e;overflow:hidden;transform:rotate(-2deg)}.demo-bar{display:flex;justify-content:space-between;border-bottom:1px solid #e5eeea;padding:13px 19px;font-size:10px}.demo-body{padding:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.demo-body h4{font-size:25px;line-height:1.14;letter-spacing:-1px;margin:10px 0}.demo-body small{font-size:8px;letter-spacing:1px;color:#147f79}.demo-button{display:inline-block;font-size:8px;background:#142d3c;color:white;border-radius:15px;padding:8px 12px;margin-top:14px}.demo-art{height:140px;background:#dcece5;border-radius:65px 65px 8px 8px;position:relative;overflow:hidden}.demo-art::before{content:"";position:absolute;width:85px;height:85px;background:#e8b887;border-radius:50%;top:25px;left:15px}.demo-art::after{content:"";position:absolute;width:100px;height:60px;background:#628b7b;border-radius:70px 70px 0 0;bottom:-10px;right:-10px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:38px}.support-service{padding:8px 3px 24px;border-bottom:1px solid #dfe7e9;display:grid;grid-template-columns:48px 1fr;gap:16px}.service-icon{width:44px;height:44px;border:1px solid #d7e4e2;border-radius:13px;display:grid;place-items:center;font-size:23px;color:#147f79}.support-service h3{font-size:22px;letter-spacing:-.6px;margin:0 0 8px}.support-service p{font-size:14px;max-width:380px;margin:0 0 16px}.process{padding:36px 0 70px;gap:100px}.process h2{font-size:37px;letter-spacing:-1.5px}.process p{font-size:15px}.steps{border-left:1px solid #cae0d8}.steps h3{font-size:16px;letter-spacing:-.2px}.steps p{font-size:13px}.cta{background:radial-gradient(circle at 95% 0,#64e6d71c,transparent 65%),#07111f;border:none;color:#f7f7f2;padding:44px 46px;border-radius:24px;margin-bottom:45px}.cta h2{font-size:32px;letter-spacing:-1.2px;color:white}.cta p{font-size:14px;color:#b6c8d2}.cta .button{background:#ffd166;color:#142d3c;white-space:nowrap}.cta .button:hover{background:#f1c354}footer{border-color:#e0e7e9;align-items:center;font-size:11px}footer .brand{font-size:18px!important}dialog{background:white;color:#142d3c}dialog .button{color:white}@media(max-width:850px){header,main,footer{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.hero h1{font-size:clamp(48px,8vw,70px)}.orbit-wrap{min-height:390px}.orbit{width:310px}.service-feature{gap:30px;padding:30px}.process{gap:40px}nav{gap:16px;font-size:12px}}@media(max-width:600px){header{height:auto;padding-top:25px;padding-bottom:20px;gap:25px}nav{width:100%;gap:18px;flex-wrap:wrap}nav a:last-child{margin-top:0;padding:0;border:0}.hero h1{font-size:50px;letter-spacing:-2.7px}.hero{padding-bottom:45px}.orbit-wrap{min-height:350px}.orbit{width:265px}.actions{gap:15px;align-items:start;flex-direction:column}.section-head{display:block}.section-head h2{font-size:34px}.service-feature,.support-grid,.process{grid-template-columns:1fr}.service-feature{padding:28px 23px}.support-grid{gap:15px}.website-demo{margin-top:10px}.process{gap:25px}.cta{display:block;padding:32px 27px}.cta h2{font-size:29px}.cta .button{margin-top:10px}footer{display:block}footer p{margin:10px 0}.space-label{font-size:8px}}
/* Premium finish over the approved layout. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal;background:radial-gradient(ellipse at 5% 0%,#eff8f580,transparent 32rem),#fff}
header{position:relative}header::after{content:"";position:absolute;bottom:0;left:52px;right:52px;height:1px;background:linear-gradient(90deg,transparent,#d9e5e7,transparent)}
.brand{font-size:21px;font-weight:800;letter-spacing:-.35px}.brand-mark{box-shadow:0 4px 12px #142d3c12}.brand-mark::before{box-shadow:0 0 16px #64e6d799}
nav{font-weight:600}nav a{transition:color .2s,transform .2s}nav a:last-child{background:#fff;box-shadow:0 3px 8px #142d3c06,0 10px 25px #142d3c05;border-color:#dce5e8}
.hero{padding-top:65px;padding-bottom:85px}.hero h1{font-size:clamp(50px,5.8vw,78px);font-weight:750;letter-spacing:-4.3px;line-height:1.02}.hero h1 em{background:linear-gradient(115deg,#125e62,#219588);color:#147f79;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:5px;border-radius:100%;background:linear-gradient(90deg,#64e6d7,#64e6d700)}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px}.hero>.eyebrow,.hero>div>.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d4e7e1;background:#f3f9f6;border-radius:99px;padding:8px 12px;letter-spacing:1.2px;font-size:9px}.hero>div>.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#258a79;box-shadow:0 0 0 3px #258a7912}
.hero p{font-size:17px;line-height:1.75;color:#536873}.hero-note{font-size:11px!important;letter-spacing:.25px}
.button{font-weight:700;background:linear-gradient(145deg,#244958,#102b39);box-shadow:0 3px 6px #142d3c0d,0 10px 24px #142d3c26,inset 0 1px 0 #ffffff20;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px);background:linear-gradient(145deg,#315d69,#163947);box-shadow:0 7px 12px #142d3c12,0 16px 30px #142d3c2e}.outline{background:transparent;box-shadow:none;font-weight:650}.outline:hover{background:transparent;box-shadow:none}
.orbit-wrap{border:1px solid #18354a;border-radius:30px;background:radial-gradient(ellipse at 65% 25%,#64e6d71b,transparent 65%),linear-gradient(150deg,#0d1c2e,#07111f 70%);box-shadow:0 5px 12px #142d3c10,0 25px 55px #142d3c26,inset 0 1px 0 #ffffff12}
.orbit-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 16%,#ffffff99 0 1px,transparent 1.5px),radial-gradient(circle at 84% 34%,#ffffff88 0 1px,transparent 1.5px),radial-gradient(circle at 20% 77%,#64e6d7aa 0 1.5px,transparent 2px),radial-gradient(circle at 73% 83%,#ffffff70 0 1px,transparent 1.5px),radial-gradient(circle at 50% 12%,#ffffff66 0 .7px,transparent 1.2px)}
.space-label{color:#a8c9d4;letter-spacing:1.8px;font-size:9px}.section-head h2,.process h2{font-weight:750;letter-spacing:-1.8px;line-height:1.1}.service-feature{background:radial-gradient(circle at 100% 0,#e1f3ec,transparent 60%),linear-gradient(130deg,#f6faf8,#edf6f1);border:1px solid #dcebe3;box-shadow:0 3px 8px #142d3c03,0 18px 40px #204b3e09,inset 0 1px 0 #fff;padding:46px}
.service-feature h3{font-size:34px;font-weight:750;letter-spacing:-1.35px}.num{font-size:9px;letter-spacing:1.6px;font-weight:750}.website-demo{transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg);box-shadow:0 4px 8px #142d3c09,0 18px 36px #204b3e20;border-color:#cddfd5;transition:transform .35s,box-shadow .35s}.service-feature:hover .website-demo{transform:perspective(900px) rotateY(-2deg) rotateZ(-1deg);box-shadow:0 8px 15px #142d3c0c,0 24px 44px #204b3e26}.demo-bar{background:#fcfefd}.demo-body{padding:30px}.demo-body h4{font-size:27px}.demo-art{box-shadow:inset 0 1px 0 #fff8}
.support-grid{gap:25px;margin-top:26px}.support-service{background:white;padding:26px 24px;border:1px solid #e0e8eb;border-radius:19px;box-shadow:0 2px 5px #142d3c03,0 12px 28px #142d3c07;transition:transform .25s,box-shadow .25s,border-color .25s}.support-service:hover{transform:translateY(-4px);border-color:#bcd9d2;box-shadow:0 5px 12px #142d3c06,0 20px 36px #142d3c10}.service-icon{background:linear-gradient(145deg,#f5fbf8,#e7f3ee);border-color:#d5e8e0;box-shadow:0 5px 13px #147f7910,inset 0 1px 0 #fff}.support-service h3{font-weight:700;font-size:23px}.support-service .num{margin-bottom:10px}.support-service p{font-size:14px;line-height:1.7}
.service-feature a,.support-service a{display:inline-block;transition:transform .2s}.service-feature a:hover,.support-service a:hover{transform:translateX(4px)}.process{padding-top:48px;padding-bottom:78px}.steps{border-color:#c9dfd8;padding-left:30px}.steps h3{font-weight:700}.steps p{color:#677b86}
.cta{position:relative;overflow:hidden;box-shadow:0 4px 10px #142d3c0a,0 20px 45px #142d3c20,inset 0 1px 0 #ffffff10;padding:48px}.cta::after{content:"";position:absolute;right:-75px;top:-90px;width:340px;height:340px;border:1px solid #64e6d71c;border-radius:50%;box-shadow:0 0 0 34px #64e6d705,0 0 0 68px #64e6d703;pointer-events:none}.cta>*{position:relative;z-index:1}.cta h2{font-weight:750;font-size:35px;letter-spacing:-1.4px}.cta .eyebrow{margin-bottom:15px}.cta .button{background:linear-gradient(140deg,#ffdd8b,#ffd166);box-shadow:0 8px 25px #ffd16620,inset 0 1px 0 #fff8}.cta .button:hover{background:linear-gradient(140deg,#ffe7ab,#ffd166);box-shadow:0 12px 28px #ffd16630}
a:focus-visible,button:focus-visible{outline:3px solid #258a79;outline-offset:5px}dialog{box-shadow:0 25px 80px #07111f45}footer p{letter-spacing:.15px}@media(max-width:850px){header::after{left:24px;right:24px}.hero h1{font-size:clamp(50px,8vw,72px);letter-spacing:-3px}.service-feature{padding:30px}.orbit-wrap{box-shadow:0 18px 40px #142d3c20}}@media(max-width:600px){.hero{padding-top:35px;padding-bottom:50px}.hero h1{font-size:50px;letter-spacing:-2.7px}.hero>div>.eyebrow{font-size:8px;letter-spacing:.85px}.service-feature{padding:28px 23px}.service-feature h3{font-size:30px}.support-service{padding:23px 20px}.cta{padding:32px 27px}.cta h2{font-size:29px}.website-demo{transform:rotate(-1deg)}.section-head h2{font-size:34px}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.button:hover,.support-service:hover,.service-feature:hover .website-demo{transform:none}}
/* Full-width dark hero and larger reading sizes. */
.hero{position:relative;isolation:isolate;padding-top:72px;padding-bottom:76px;color:#f7f7f2}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:radial-gradient(ellipse at 82% 28%,#64e6d71b,transparent 55%),linear-gradient(130deg,#0d1c2e,#07111f 70%);box-shadow:0 16px 35px #142d3c12}
.hero h1{color:#f7f7f2}.hero h1 em{background:linear-gradient(115deg,#a9f4e5,#64e6d7);color:#64e6d7;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:#d1dde5;font-size:21px;line-height:1.65;max-width:510px}.hero .hero-note{font-size:15px!important;color:#a9c2cf}
.hero>div>.eyebrow{font-size:12px;background:#64e6d70c;border-color:#64e6d733;color:#b5e8e1;letter-spacing:1.1px;padding:10px 14px}.hero>div>.eyebrow::before{background:#64e6d7;box-shadow:0 0 0 3px #64e6d715}
.hero .button{background:linear-gradient(140deg,#ffdd8b,#ffd166);color:#142d3c;box-shadow:0 8px 24px #ffd16618;font-size:16px}.hero .button:hover{background:#ffe3a0}.hero .outline{background:transparent;color:#f7f7f2;box-shadow:none;font-size:16px}.hero .outline:hover{color:#64e6d7}
.hero .orbit-wrap{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.hero .space-label{font-size:12px;color:#bad0dc}
nav{font-size:16px}.eyebrow{font-size:13px;letter-spacing:1.5px}.num{font-size:12px;letter-spacing:1.2px}
.section-head p,.service-feature p,.process>div>p{font-size:19px;line-height:1.7}
.service-feature a,.support-service a{font-size:17px;line-height:1.55}
.support-service p{font-size:18px;line-height:1.7}.support-service h3{font-size:27px}
.steps h3{font-size:20px;line-height:1.4}.steps p{font-size:17px;line-height:1.65}
.cta p{font-size:19px;line-height:1.65}.cta .button,.button{font-size:16px}
footer{font-size:15px}footer .brand{font-size:21px!important}
.demo-bar{font-size:12px}.demo-body small{font-size:10px}.demo-button{font-size:11px}.demo-body h4{font-size:30px}
.support-service{grid-template-columns:48px 1fr;gap:18px}.section-head p{max-width:390px}.process{gap:65px}
@media(max-width:850px){nav{font-size:14px;gap:18px}.hero{padding-top:52px;padding-bottom:55px}.hero p{font-size:20px}.hero .orbit-wrap{min-height:360px}.process{gap:40px}}
@media(max-width:600px){nav{font-size:15px;gap:16px}.hero{padding-top:42px;padding-bottom:48px}.hero>div>.eyebrow{font-size:10px;letter-spacing:.8px}.hero p{font-size:19px}.hero .hero-note{font-size:14px!important}.hero .space-label{font-size:10px}.hero .orbit-wrap{min-height:320px}.section-head p,.service-feature p,.process>div>p{font-size:18px}.support-service p{font-size:18px}.support-service h3{font-size:25px}.steps p{font-size:17px}.cta p{font-size:18px}.demo-body{padding:22px}.demo-bar{font-size:10px}.demo-body h4{font-size:26px}.process{gap:25px}footer{font-size:14px}}

/* Service panels share the approved hero's space palette. */
.service-feature{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#64e6d71c,transparent 65%),linear-gradient(130deg,#0d1c2e,#07111f 75%);border:1px solid #18354a;color:#f7f7f2;box-shadow:0 5px 12px #142d3c10,0 22px 48px #142d3c20,inset 0 1px 0 #ffffff12}
.service-feature::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 7% 15%,#64e6d770 0 1px,transparent 1.6px),radial-gradient(circle at 50% 80%,#ffffff60 0 1px,transparent 1.6px),radial-gradient(circle at 94% 12%,#ffd16699 0 1px,transparent 1.6px);pointer-events:none}
.service-feature h3,.support-service h3{color:#f7f7f2}.service-feature p,.support-service p{color:#cbd9e3}.service-feature .num,.support-service .num{color:#a7e6de}.service-feature a,.support-service a{color:#82eadc}.service-feature a:hover,.support-service a:hover{color:#c0fff2}
.website-demo{background:#0c1b2c;border-color:#ffffff30;box-shadow:0 5px 12px #00000025,0 22px 44px #00000035,inset 0 1px 0 #ffffff10}.service-feature:hover .website-demo{box-shadow:0 8px 18px #00000030,0 28px 50px #00000040}.demo-bar{background:#142638;border-color:#ffffff20;color:#f7f7f2}.demo-bar span{color:#bfced8}.demo-body h4{color:#f7f7f2}.demo-body small{color:#9de6dc}.demo-body>div>div[style]{background:#ffffff25!important}.demo-button{background:#ffd166;color:#142d3c;font-weight:700}
.demo-art{background:radial-gradient(circle at 65% 30%,#64e6d729,transparent 70%),#102237;border:1px solid #ffffff18;box-shadow:inset 0 1px 0 #ffffff10;border-radius:16px}.demo-art::before{width:90px;height:90px;left:15px;top:20px;background:radial-gradient(circle at 30% 26%,#ffd0a0,#ff7356 45%,#a3334b 90%);box-shadow:0 12px 30px #ff73563b}.demo-art::after{width:38px;height:38px;bottom:18px;right:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c2fff6,#64e6d7 50%,#239f9a);box-shadow:0 0 20px #64e6d77a}
.support-service{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#64e6d716,transparent 65%),linear-gradient(140deg,#0e2032,#091525);border-color:#1c3548;box-shadow:0 3px 8px #142d3c0c,0 16px 30px #142d3c16}.support-service::after{content:"";position:absolute;z-index:-1;right:-60px;bottom:-90px;width:230px;height:230px;border:1px solid #64e6d71a;border-radius:50%;box-shadow:0 0 0 25px #64e6d705;pointer-events:none}.support-service:nth-child(2){background:radial-gradient(ellipse at 100% 0,#ff735612,transparent 65%),linear-gradient(140deg,#0e2032,#091525)}.support-service:nth-child(2)::after{border-color:#ff735621;box-shadow:0 0 0 25px #ff735605}.support-service:hover{border-color:#64e6d750;box-shadow:0 7px 14px #142d3c16,0 24px 40px #142d3c22}
.service-icon{color:#82eadc;background:linear-gradient(145deg,#64e6d715,#64e6d706);border-color:#64e6d730;box-shadow:0 4px 15px #00000012,inset 0 1px 0 #ffffff0c}.support-service:nth-child(2) .service-icon{color:#ffb18a;background:#ff735610;border-color:#ff735630}

/* Editorial section heading and visible process milestones. */
.services>.section-head{position:relative;isolation:isolate;padding:28px 0 38px;margin-bottom:28px;align-items:center;gap:60px}
.services>.section-head::before{content:"";position:absolute;z-index:-1;width:320px;height:210px;left:-80px;top:-18px;border-radius:50%;background:radial-gradient(ellipse,#64e6d724,transparent 70%);pointer-events:none}
.services>.section-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px}.services>.section-head .eyebrow::before{content:"";width:22px;height:2px;background:#21988a}
.services>.section-head h2{font-size:clamp(36px,3.6vw,48px);line-height:1.12;letter-spacing:-2px;margin-top:20px}
.section-accent{color:#147f79}
.services>.section-head>p{position:relative;max-width:410px;padding:22px 0 22px 26px;margin:0;border-left:3px solid #64e6d7;color:#526b78;font-size:20px}
.process{position:relative;isolation:isolate;padding:42px;gap:48px;margin:10px 0 65px;border:1px solid #dce9e6;border-radius:26px;background:radial-gradient(ellipse at 0 100%,#64e6d71b,transparent 60%),linear-gradient(135deg,#f4f9f7,#fbfcfd);box-shadow:0 4px 12px #142d3c04,0 20px 40px #142d3c08;align-items:center}
.process::before{content:"";position:absolute;z-index:-1;width:200px;height:85px;left:28px;bottom:30px;border:1px solid #258a7917;border-radius:50%;transform:rotate(-22deg);pointer-events:none}
.process>div:first-child{position:relative}.process .eyebrow{font-size:12px;letter-spacing:1.7px}.process h2{font-size:clamp(32px,3.1vw,41px);letter-spacing:-1.6px;margin:22px 0}.process>div>p{font-size:19px;line-height:1.7;max-width:420px}
.steps{position:relative;border:0;padding:0;display:grid;gap:15px}
.steps::before{content:"";position:absolute;left:43px;top:40px;bottom:40px;width:1px;background:#b7d8d0}
.milestone{position:relative;display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start;padding:22px 20px;background:#fff;border:1px solid #e0ebe7;border-radius:17px;box-shadow:0 3px 8px #142d3c04,0 10px 24px #142d3c06;transition:transform .2s,box-shadow .2s}
.milestone:hover{transform:translateX(4px);box-shadow:0 5px 12px #142d3c08,0 15px 28px #142d3c0d}
.step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0c2031;color:#9ae9dc;font-size:17px;font-weight:750;box-shadow:0 5px 12px #142d3c19}
.milestone:nth-child(2) .step-number{color:#ffd166}.milestone:nth-child(3) .step-number{color:#ffb092}
.step-label{font-size:10px;letter-spacing:1.7px;color:#147f79;font-weight:750;margin-bottom:7px}
.steps h3{font-size:20px;line-height:1.25;letter-spacing:-.4px;margin:0 0 8px}
.steps p{font-size:17px;line-height:1.55;margin:0;color:#5a7180}
@media(max-width:850px){.process{padding:30px;grid-template-columns:1fr;gap:25px}.process>div>p{max-width:600px}.services>.section-head{gap:30px}.services>.section-head>p{font-size:19px}}
@media(max-width:600px){.services>.section-head{padding-top:12px;padding-bottom:20px;display:block}.services>.section-head h2{font-size:35px;letter-spacing:-1.5px}.services>.section-head>p{margin-top:25px;padding:10px 0 10px 18px;font-size:18px}.process{padding:28px 20px;margin-bottom:40px}.process h2{font-size:32px}.process>div>p{font-size:18px}.milestone{grid-template-columns:40px 1fr;gap:13px;padding:19px 15px}.step-number{width:40px;height:40px;font-size:15px}.steps h3{font-size:19px}.steps p{font-size:17px}.steps::before{left:35px}}
@media(prefers-reduced-motion:reduce){.milestone{transition:none}.milestone:hover{transform:none}}

/* Larger primary header logo; footer size retained. */
header .brand{font-size:30px;gap:15px;letter-spacing:-.6px}
header .brand-mark{width:43px;height:43px;border-width:2.5px;border-radius:12px}
header .brand-mark::before{width:13px;height:13px;right:-6px;top:-6px;border-width:3px}
@media(max-width:600px){header .brand{font-size:27px;gap:13px}header .brand-mark{width:38px;height:38px;border-radius:11px}}
footer{flex-wrap:wrap}footer .company-credit{flex-basis:100%;margin:12px 0 0;padding-top:16px;border-top:1px solid #e0e7e9;font-size:13px;line-height:1.6;color:#596b76;text-align:center}@media(max-width:600px){footer .company-credit{text-align:left;font-size:13px}}
.offer-hero{padding:58px 0}.offer-hero h1{font-size:clamp(46px,5vw,66px);letter-spacing:-3px}.offer-art{position:relative;min-height:350px;display:grid;place-items:center;isolation:isolate;overflow:hidden}.offer-orbit{position:absolute;width:330px;height:200px;border:1px solid #64e6d744;border-radius:50%;transform:rotate(-25deg)}.offer-planet{position:absolute;width:90px;height:90px;right:30px;top:20px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ffd0a0,#ff7356 50%,#a63750);box-shadow:0 15px 45px #ff735629}.offer-stack{display:grid;gap:15px;transform:rotate(-7deg);width:240px}.offer-stack span{padding:20px 25px;color:#b1f2e5;font-size:21px;font-weight:750;letter-spacing:3px;border:1px solid #64e6d738;border-radius:15px;background:#122a3a;box-shadow:0 12px 28px #0003}.offer-stack span:nth-child(2){margin-left:25px;color:#ffd166}.offer-stack span:nth-child(3){margin-left:50px;color:#ffb18e}.offer-art small{position:absolute;bottom:0;color:#a9c7d3;letter-spacing:2px;font-size:11px}
.offer-package{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #dbe6e5;border-radius:26px;overflow:hidden;box-shadow:0 20px 45px #142d3c12}.offer-summary{padding:40px;background:radial-gradient(circle at 100% 0,#64e6d71c,transparent 65%),#07111f;color:#f7f7f2}.offer-summary .num{color:#a7e6de}.offer-summary h3{font-size:43px;line-height:1.06;letter-spacing:-1.5px;margin:25px 0}.offer-summary p{color:#cbd9e3;font-size:19px}.offer-price{display:grid;gap:8px;padding:23px 0;border-top:1px solid #ffffff25;margin:25px 0 10px}.offer-price strong{font-size:19px;color:#ffd166}.offer-price span{color:#cbd9e3;font-size:16px}.offer-summary .button{background:#ffd166;color:#142d3c}.offer-includes{padding:35px;background:#f5faf8;display:grid;gap:24px}.offer-includes article{display:grid;grid-template-columns:35px 1fr;gap:17px}.offer-includes article>span{color:#147f79;font-size:17px;font-weight:750;padding-top:4px}.offer-includes h3{font-size:23px;margin:0 0 8px;line-height:1.25}.offer-includes p{font-size:18px;line-height:1.65;margin:0}.offer-details{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:10px 0 60px}.offer-details h2{font-size:35px;letter-spacing:-1.3px}.offer-details h3{font-size:24px}.offer-details p{font-size:19px;line-height:1.7}@media(max-width:850px){.offer-package,.offer-details{grid-template-columns:1fr}.offer-art{min-height:330px}.offer-details{gap:25px}}@media(max-width:600px){.offer-hero h1{font-size:47px;letter-spacing:-2px}.offer-summary{padding:30px 25px}.offer-includes{padding:30px 23px}.offer-summary h3{font-size:38px}.offer-details h2{font-size:31px}}

/* Offer-first editorial layout with original JoySpace artwork. */
body{background:#f5f5f2}header,main,footer{max-width:1240px}header{height:108px}header::after{background:#142d3c15}.offer-hero{grid-template-columns:1.2fr .85fr;gap:65px;padding:45px 0 80px;color:#142d3c;align-items:center}.offer-hero::before{display:none}.offer-hero h1{font-size:clamp(48px,5.6vw,75px);font-weight:650;letter-spacing:-3.7px;line-height:1.02;margin:28px 0}.offer-hero h1 em,.deal-benefits h2 em,.deal-faq h2 em{font-family:Georgia,serif;font-weight:400;color:#147f79;background:none;-webkit-text-fill-color:currentColor;font-style:italic;letter-spacing:-2px}.offer-hero h1 em::after{display:none}.offer-hero p{color:#586c78;font-size:20px;line-height:1.65}.offer-hero>div>.eyebrow{background:#e9f3ee;border-color:#cfdfd8;color:#147f79}.offer-hero .button{background:#142d3c;color:white;box-shadow:0 8px 20px #142d3c18}.offer-hero .outline{background:transparent;color:#142d3c;box-shadow:none}
.deal-card{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 90% 0,#64e6d72b,transparent 65%),#07111f;border:1px solid #263d4d;border-radius:24px;padding:28px;color:#f7f7f2;box-shadow:0 18px 40px #142d3c20}.deal-badge{display:inline-flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1px;background:#ffffff0c;border:1px solid #ffffff22;padding:9px 12px;border-radius:30px}.deal-badge span{width:6px;height:6px;background:#ffd166;border-radius:50%}.deal-cosmos{height:150px;position:relative;margin:15px 0}.deal-world{position:absolute;width:120px;height:120px;right:40px;top:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffd0a0,#ff7356 48%,#a63750);box-shadow:0 16px 45px #ff735629}.deal-moon{position:absolute;width:43px;height:43px;right:20px;top:100px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c2fff6,#64e6d7 50%,#239f9a);box-shadow:0 0 25px #64e6d766}.deal-ring{position:absolute;width:240px;height:95px;border:1px solid #ffffff40;border-radius:50%;right:-10px;top:25px;transform:rotate(-25deg)}.deal-card h2{font-size:37px;line-height:1.08;color:white;letter-spacing:-1.5px;margin:20px 0}.deal-card p{font-size:18px;color:#cbd9e3}.deal-card .button{display:block;text-align:center;background:#ffd166;color:#142d3c;border-radius:12px;padding:17px;margin-top:25px;font-size:18px}.deal-question{display:block;font-size:14px;color:#a7e6de;margin-top:23px}
.deal-benefits{padding:55px 0 65px;border-top:1px solid #dce5e5;text-align:center}.deal-benefits h2,.deal-faq h2{font-size:clamp(38px,4.3vw,57px);letter-spacing:-2.3px;line-height:1.08;margin:20px 0 40px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.benefit-grid article{padding:30px;background:#e7f4ee;border:1px solid #d0e6dc;border-radius:20px}.benefit-grid article:nth-child(2){background:#fff2d1;border-color:#eee0b9}.benefit-grid article:nth-child(3){background:#ffe8df;border-color:#eed5cb}.benefit-grid span{font-size:11px;letter-spacing:1.1px;color:#526773;font-weight:700}.benefit-grid h3{font-size:26px;letter-spacing:-.8px;margin:25px 0 12px}.benefit-grid p{font-size:18px;line-height:1.65;margin:0}
#package.services{padding:50px 0 65px;border:0}#package .section-head{display:block;text-align:center;padding:0;margin-bottom:35px}#package .section-head::before{display:none}#package .section-head h2{font-size:45px;margin:20px auto}#package .section-head p{border:0;margin:auto;max-width:600px;padding:0;font-size:19px}.offer-package{max-width:970px;margin:auto}.offer-summary{padding:37px}.offer-summary h3{font-size:39px}.offer-summary .button{width:100%;font-size:19px;cursor:pointer}.offer-includes{background:#fff}.offer-details{padding:20px 0 70px}.deal-faq{max-width:800px;margin:auto;padding:35px 0 65px}.deal-faq>h2,.deal-faq>.eyebrow{text-align:center}.deal-faq details{border-bottom:1px solid #ccd9db;padding:22px 0}.deal-faq summary{font-size:21px;font-weight:650;cursor:pointer;line-height:1.4}.deal-faq details p{font-size:18px;line-height:1.7;margin-bottom:0}.cta{margin-top:20px}
@media(max-width:850px){.offer-hero{grid-template-columns:1fr;gap:30px}.offer-hero h1{font-size:62px}.deal-card{max-width:540px;width:100%;margin:auto}.benefit-grid{grid-template-columns:1fr}.offer-package{grid-template-columns:1fr}.offer-hero{padding-bottom:50px}}@media(max-width:600px){.offer-hero h1{font-size:49px;letter-spacing:-2.6px}.offer-hero{padding-top:30px}.deal-card h2{font-size:35px}.deal-benefits h2,.deal-faq h2{font-size:38px}#package .section-head h2{font-size:36px}.offer-summary{padding:30px 25px}.deal-faq summary{font-size:20px}}

/* Legible light hero with a clear, price-led offer card. */
.offer-hero{padding:50px 0 70px;gap:65px;grid-template-columns:1.15fr .9fr}
.offer-hero h1{color:#142d3c!important;-webkit-text-fill-color:#142d3c;font-size:clamp(50px,5.8vw,78px);line-height:1.04;letter-spacing:-3.5px;font-weight:700;max-width:650px;margin:28px 0}
.offer-hero h1 em{color:#147f79!important;-webkit-text-fill-color:#147f79;font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;display:inline-block}
.offer-hero>div>p{font-size:22px;line-height:1.65;max-width:490px;color:#526b78}
.hero-offer-facts{display:flex;gap:28px;margin-top:30px;padding-top:24px;border-top:1px solid #d6e3e0;max-width:510px}
.hero-offer-facts>span{display:grid;gap:5px;font-size:14px;line-height:1.5;color:#607681}
.hero-offer-facts strong{font-size:18px;color:#142d3c;font-weight:700}
.offer-hero .actions{gap:22px;align-items:center}.offer-hero .button{font-size:17px;padding:16px 24px}
.deal-card{padding:30px;border-radius:25px;background:radial-gradient(ellipse at 95% 0,#64e6d725,transparent 65%),#07111f;box-shadow:0 7px 15px #142d3c0c,0 25px 55px #142d3c20}
.deal-cosmos{height:115px;margin:10px 0}.deal-world{width:95px;height:95px;right:43px;top:3px}.deal-moon{width:33px;height:33px;right:27px;top:75px}.deal-ring{width:210px;height:75px;top:17px}
.hero-deal-price{position:relative;padding-bottom:22px;border-bottom:1px solid #ffffff20}
.hero-deal-price>span{font-size:10px;letter-spacing:1.3px;color:#a7d5d3}
.hero-deal-price>strong{display:block;color:#f7f7f2;font-size:67px;letter-spacing:-3px;line-height:1.2;margin:8px 0}
.hero-deal-price strong span{font-size:16px;color:#b9ced8;letter-spacing:0;font-weight:400}
.hero-deal-price small{color:#b9ced8;font-size:13px}
.deal-card h2{font-size:30px;margin:22px 0 13px;line-height:1.15}.deal-card p{font-size:17px;line-height:1.6;margin-bottom:0}.deal-card .button{font-size:18px;margin-top:22px;padding:16px}.deal-question{font-size:14px;margin-top:20px}
@media(max-width:850px){.offer-hero{grid-template-columns:1fr;gap:35px}.offer-hero h1{font-size:66px}.deal-card{max-width:540px}.hero-offer-facts{max-width:540px}}
@media(max-width:600px){.offer-hero{padding-top:30px}.offer-hero h1{font-size:49px;letter-spacing:-2.2px}.offer-hero h1 em{letter-spacing:-2px}.offer-hero>div>p{font-size:20px}.hero-offer-facts{gap:20px}.hero-offer-facts strong{font-size:17px}.hero-offer-facts>span{font-size:13px}.offer-hero .actions{align-items:start}.deal-card{padding:26px}.hero-deal-price>strong{font-size:61px}}

/* Larger offer presentation and explicit accessible button states. */
.offer-package{max-width:1120px;grid-template-columns:.85fr 1.15fr;border-radius:30px;border-color:#cfdddf;box-shadow:0 8px 18px #142d3c09,0 28px 65px #142d3c18}
.offer-summary{position:relative;isolation:isolate;overflow:hidden;padding:46px;background:radial-gradient(ellipse at 100% 0,#64e6d724,transparent 65%),radial-gradient(ellipse at 0 100%,#ff735618,transparent 65%),#07111f;display:flex;flex-direction:column;align-items:start}
.offer-summary::before{content:"";position:absolute;z-index:-1;width:320px;height:150px;right:-130px;top:75px;border:1px solid #64e6d730;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 0 25px #64e6d705;pointer-events:none}
.offer-summary::after{content:"";position:absolute;z-index:-1;right:35px;top:40px;width:10px;height:10px;border-radius:3px;background:#ffd166;transform:rotate(30deg);box-shadow:0 0 22px #ffd16630;pointer-events:none}
.offer-summary .num{font-size:13px;letter-spacing:1.5px;max-width:260px;line-height:1.6}
.offer-summary h3{font-size:clamp(36px,3.8vw,49px);line-height:1.06;letter-spacing:-1.8px;margin:30px 0;color:#f7f7f2}
.offer-summary p{font-size:21px;line-height:1.7;color:#cbd9e3}.offer-price{width:100%;margin:24px 0;padding:27px 0;gap:12px}.offer-price strong{font-size:75px!important;letter-spacing:-3px;color:#ffd166}.offer-price span{font-size:18px;line-height:1.6}
.offer-summary .button{margin-top:auto;width:100%;border-radius:16px;padding:20px 24px;font-size:21px;position:relative;overflow:hidden}
.offer-includes{padding:30px;background:#eef4f2;gap:18px}
.offer-includes article{--feature:#147f79;position:relative;overflow:hidden;padding:26px 24px;grid-template-columns:48px 1fr;gap:18px;background:linear-gradient(135deg,#fafffd,#e4f6ef);border:1px solid #cbe6da;border-radius:20px;box-shadow:0 5px 12px #142d3c04,0 12px 23px #142d3c06;transition:transform .25s,box-shadow .25s}
.offer-includes article:nth-child(2){--feature:#826019;background:linear-gradient(135deg,#fffdf6,#fff0c9);border-color:#e9dcb3}
.offer-includes article:nth-child(3){--feature:#9b4a33;background:linear-gradient(135deg,#fff9f6,#ffe5da);border-color:#edcfc2}
.offer-includes article:nth-child(4){--feature:#4b5a9b;background:linear-gradient(135deg,#fafaff,#e9edff);border-color:#d1d9f0}
.offer-includes article>span{display:grid;place-items:center;padding:0;width:46px;height:46px;border-radius:14px;background:#fff9;border:1px solid #142d3c12;color:var(--feature);font-size:18px;font-weight:750}
.offer-includes h3{font-size:26px;line-height:1.2;letter-spacing:-.7px;color:#142d3c;margin:0 0 13px}
.offer-includes p{font-size:20px;line-height:1.65;color:#526b78}
.offer-includes article:hover{transform:translateY(-3px);box-shadow:0 8px 17px #142d3c09,0 20px 32px #142d3c0e}
body .button{cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
body .offer-summary .button,body .deal-card .button,body .cta .button{background:linear-gradient(135deg,#ffe19a,#ffd166);color:#142d3c!important;border:1px solid #ffe8b2}
body .offer-summary .button:hover,body .deal-card .button:hover,body .cta .button:hover{background:linear-gradient(135deg,#fff0be,#ffdd83);color:#102735!important;box-shadow:0 8px 24px #ffd16630;transform:translateY(-3px)}
body .offer-hero>div .button:not(.outline),body .offer-details .button,body dialog .button{background:#142d3c;color:#fff!important}
body .offer-hero>div .button:not(.outline):hover,body .offer-details .button:hover,body dialog .button:hover{background:#255366;color:#fff!important}
body .offer-hero .outline{background:transparent;color:#142d3c!important;box-shadow:none}
body .offer-hero .outline:hover{background:transparent;color:#0c6a65!important;box-shadow:none}
body .deal-question:hover{color:#ddfff6;text-decoration:underline;text-underline-offset:5px}
.offer-summary .button::after{content:"";position:absolute;inset:-60% auto -60% -70%;width:30%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:rotate(20deg);animation:offer-sheen 7s ease-in-out infinite;pointer-events:none}
@keyframes offer-sheen{0%,65%{left:-70%}90%,100%{left:150%}}
@media(max-width:850px){.offer-package{grid-template-columns:1fr}.offer-summary{padding:36px}.offer-summary h3{font-size:44px}.offer-includes{padding:25px}}
@media(max-width:600px){.offer-summary{padding:32px 25px}.offer-summary h3{font-size:39px}.offer-summary p{font-size:20px}.offer-price strong{font-size:67px!important}.offer-price span{font-size:17px}.offer-summary .button{font-size:20px}.offer-includes{padding:18px;gap:16px}.offer-includes article{grid-template-columns:1fr;padding:24px 21px;gap:16px}.offer-includes h3{font-size:25px}.offer-includes p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.offer-summary .button::after{animation:none;display:none}.offer-includes article,body .button{transition:none}.offer-includes article:hover,body .button:hover{transform:none}}



/* Richer benefit cards */
.deal-benefits{padding:72px 0 80px}
.deal-benefits h2{font-size:clamp(42px,5vw,66px);margin-bottom:48px}
.benefit-grid{gap:24px}
.benefit-grid article{position:relative;isolation:isolate;overflow:hidden;padding:34px;min-height:420px;border-radius:28px;background:linear-gradient(145deg,#e7fff5,#bdebdc);border-color:#a9ddce;box-shadow:0 20px 42px #142d3c12,inset 0 1px 0 #ffffffb0;transition:transform .3s ease,box-shadow .3s ease}
.benefit-grid article:nth-child(2){background:linear-gradient(145deg,#fff6d8,#ffe098);border-color:#efd08b}
.benefit-grid article:nth-child(3){background:linear-gradient(145deg,#ffede5,#ffc6b3);border-color:#edb49f}
.benefit-grid article::before{content:"";position:absolute;width:220px;height:220px;border:1px solid #142d3c20;border-radius:50%;right:-85px;top:20px;box-shadow:0 0 0 24px #ffffff20,0 0 0 48px #ffffff14;z-index:-1}
.benefit-grid article::after{content:"";position:absolute;width:13px;height:13px;background:#147f79;border-radius:4px;right:31px;top:102px;transform:rotate(25deg);animation:benefit-satellite 8s ease-in-out infinite}
.benefit-grid article:nth-child(2)::after{background:#b78020;animation-delay:-2s}
.benefit-grid article:nth-child(3)::after{background:#d96649;animation-delay:-4s}
.benefit-grid article:hover{transform:translateY(-7px);box-shadow:0 28px 50px #142d3c20}
.benefit-grid article>span{display:block;font-size:13px;letter-spacing:1.6px;color:#264853}
.benefit-emblem{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:24px;background:#142d3c;color:#8eead7;font-size:47px;font-weight:700;margin:28px 0;box-shadow:0 12px 24px #142d3c22,inset 0 1px 0 #ffffff25;transform:rotate(-5deg)}
.benefit-grid article:nth-child(2) .benefit-emblem{width:126px;color:#ffdb80;font-size:23px;transform:rotate(4deg)}
.benefit-emblem small{font-size:20px;margin:0 8px}
.benefit-grid article:nth-child(3) .benefit-emblem{color:#ffac90;border-radius:50%}
.benefit-grid h3{font-size:clamp(28px,2.7vw,35px);line-height:1.1;letter-spacing:-1.1px;margin:0 0 19px;color:#142d3c}
.benefit-grid p{font-size:21px;line-height:1.6;color:#375563}
@keyframes benefit-satellite{0%,100%{transform:translateY(0) rotate(25deg)}50%{transform:translateY(-16px) rotate(115deg)}}
@media(max-width:850px){.benefit-grid article{min-height:0;padding:32px}.benefit-grid h3{font-size:33px}.benefit-emblem{margin:24px 0}.deal-benefits{padding:50px 0}}
@media(prefers-reduced-motion:reduce){.benefit-grid article::after{animation:none}.benefit-grid article{transition:none}.benefit-grid article:hover{transform:none}}



/* JoySpace finishing pass: shared type, interaction and motion */
body,input,button,textarea,select{font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4,.brand{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h2{line-height:1.1}h3{line-height:1.18}
p{line-height:1.65}button,input{font-size:18px}
nav a{font-size:17px;position:relative;transition:color .2s}
nav a:hover{color:#147f79}
nav a:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#147f79;transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a:hover::after{transform:scaleX(1)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #168f87;outline-offset:5px}
.button{transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #142d3c25}
.service-icon,.package-symbol{box-shadow:0 10px 25px #0002;transition:transform .35s}
.support-service:hover .service-icon,.support-service:hover .package-symbol{transform:rotate(-8deg) scale(1.08)}
.support-service,.milestone{transition:transform .3s,box-shadow .3s}
.support-service:hover,.milestone:hover{transform:translateY(-5px);box-shadow:0 22px 40px #142d3c18}
.brand-mark{transition:transform .3s}.brand:hover .brand-mark{transform:rotate(-9deg)}
.section-head .eyebrow,.deal-faq>.eyebrow{display:inline-flex;align-items:center;gap:12px}
.section-head .eyebrow::before,.deal-faq>.eyebrow::before{content:"✦";font-size:22px;color:#168f87}
.cta{position:relative;overflow:hidden}
.cta>div,.cta>.button{position:relative;z-index:1}
.cta::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:28%;bottom:-60px;background:radial-gradient(circle at 30% 25%,#ffda9b,#ff7356 65%,#ae3d59);box-shadow:0 0 60px #ff735630;animation:joy-bob 8s ease-in-out infinite;pointer-events:none}
.offer-details{gap:34px;padding:40px 0}
.offer-details>div{padding:36px;border-radius:28px;border:1px solid #d4e4df;background:linear-gradient(140deg,#e8f8f0,#f8fffb);box-shadow:0 18px 40px #142d3c0d}
.offer-details>div:nth-child(2){background:linear-gradient(140deg,#fff2d1,#fffaf0);border-color:#eddeb7}
.offer-details h2{font-size:clamp(34px,3.5vw,46px);letter-spacing:-1.5px}
.offer-details h3{font-size:27px}.offer-details p{font-size:20px}
.flair-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:19px;background:#142d3c;color:#8eead7;margin-bottom:24px;box-shadow:0 10px 22px #142d3c20}
.flair-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.deal-faq details{border:1px solid #d6e3df;border-radius:18px;padding:23px 27px;margin:14px 0;background:#fff;box-shadow:0 7px 20px #142d3c06;transition:background .2s,box-shadow .2s}
.deal-faq details[open]{background:#e7f6ef;box-shadow:0 12px 28px #142d3c0c}
.deal-faq summary{font-size:23px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.deal-faq summary::-webkit-details-marker{display:none}
.deal-faq summary::after{content:"+";display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#142d3c;color:#8eead7;font-size:26px}
.deal-faq details[open] summary::after{content:"−"}
.deal-faq details p{font-size:20px;max-width:850px}
.joy-reveal{opacity:1}
@keyframes joy-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:600px){nav a{font-size:15px}.offer-details>div{padding:25px}.offer-details p,.deal-faq details p{font-size:18px}.deal-faq summary{font-size:20px}.deal-faq details{padding:20px}.cta::after{right:10%;width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.support-service:hover,.milestone:hover{transform:none}.joy-reveal{opacity:1!important;transform:none!important}}



/* Soft decorative icons behind the offer content */
main>section{position:relative;isolation:isolate}
.background-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit}
.background-icon{position:absolute;display:block;width:150px;height:150px;color:#168f87;opacity:.075;animation:icon-drift 18s ease-in-out infinite}
.background-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.background-icon:nth-child(1){left:-35px;top:10%;width:190px;height:190px;transform:rotate(-14deg)}
.background-icon:nth-child(2){right:-30px;top:36%;width:170px;height:170px;animation-delay:-6s;animation-duration:23s}
.background-icon:nth-child(3){left:46%;bottom:0;width:100px;height:100px;animation-delay:-12s;animation-duration:21s}
.deal-benefits .background-icon{opacity:.085}
.deal-faq .background-icon{opacity:.06}
.offer-hero .background-icon:nth-child(1){top:8%;left:30%;width:130px;height:130px}
.offer-hero .background-icon:nth-child(2){right:44%;top:63%;width:115px;height:115px}
.offer-hero .background-icon:nth-child(3){left:-25px;bottom:5%}
.cta .background-icons{z-index:0}
.cta .background-icon{color:#8eead7;opacity:.09}
@keyframes icon-drift{0%,100%{translate:0 0;rotate:-10deg}50%{translate:16px -24px;rotate:8deg}}
@media(max-width:600px){.background-icon:nth-child(1){width:125px;height:125px}.background-icon:nth-child(2){width:115px;height:115px}.background-icon{opacity:.055}}
@media(prefers-reduced-motion:reduce){.background-icon{animation:none!important}}



/* Decorative motion across the entire page, independent of sections. */
body{position:relative;isolation:isolate}
.page-background-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.page-background-icons .background-icon{opacity:.14;color:#147f79;top:auto;bottom:auto;left:auto;right:auto;width:180px;height:180px}
.page-background-icons .background-icon:nth-child(1){left:2%;top:3%;width:210px;height:210px}
.page-background-icons .background-icon:nth-child(2){right:3%;top:11%;width:150px;height:150px}
.page-background-icons .background-icon:nth-child(3){left:42%;top:19%;width:120px;height:120px}
.page-background-icons .background-icon:nth-child(4){left:1%;top:28%;width:190px;height:190px}
.page-background-icons .background-icon:nth-child(5){right:0;top:37%;width:220px;height:220px}
.page-background-icons .background-icon:nth-child(6){left:48%;top:45%;width:125px;height:125px}
.page-background-icons .background-icon:nth-child(7){left:0;top:54%;width:165px;height:165px}
.page-background-icons .background-icon:nth-child(8){right:2%;top:62%;width:200px;height:200px}
.page-background-icons .background-icon:nth-child(9){left:38%;top:70%;width:130px;height:130px}
.page-background-icons .background-icon:nth-child(10){left:1%;top:78%;width:185px;height:185px}
.page-background-icons .background-icon:nth-child(11){right:1%;top:86%;width:170px;height:170px}
.page-background-icons .background-icon:nth-child(12){left:23%;top:94%;width:125px;height:125px}
.page-background-icons .background-icon:nth-child(3n){color:#bb7459;animation-delay:-8s}
.page-background-icons .background-icon:nth-child(3n+1){animation-delay:-3s;animation-duration:24s}
@media(max-width:600px){.page-background-icons .background-icon{opacity:.1;max-width:125px;max-height:125px}}



/* Cooler JoySpace palette: aqua, blue and lavender with dark teal type. */
.benefit-grid article{background:linear-gradient(145deg,#e7f8f7,#c4e9e5);border-color:#afd8d3}
.benefit-grid article:nth-child(2){background:linear-gradient(145deg,#edf3ff,#cfddf6);border-color:#bbcdea}
.benefit-grid article:nth-child(3){background:linear-gradient(145deg,#f0edff,#dbd3f3);border-color:#c9bfe7}
.benefit-grid article:nth-child(2) .benefit-emblem{color:#bbd3ff}
.benefit-grid article:nth-child(3) .benefit-emblem{color:#d4c8ff}
.benefit-grid article:nth-child(2)::after{background:#6385b8}
.benefit-grid article:nth-child(3)::after{background:#8e7cb7}
.offer-includes article:nth-child(1){background:#e2f3f0;border-color:#bfded7}
.offer-includes article:nth-child(2){background:#e5edfc;border-color:#c6d5ee}
.offer-includes article:nth-child(3){background:#eee8fc;border-color:#d6cbef}
.offer-includes article:nth-child(4){background:#e3f0f8;border-color:#c5dce9}
.offer-summary{background:radial-gradient(circle at 100% 0,#254a59,transparent 55%),radial-gradient(circle at 0 80%,#282e50,transparent 50%),#071623}
.offer-summary::after{color:#a6e6de;background-color:transparent}
.offer-price strong,.hero-deal-price strong{color:#a6e6de!important;-webkit-text-fill-color:#a6e6de!important}
.offer-summary .button,.deal-card .button,.cta .button{background:linear-gradient(135deg,#bcefe7,#91dcd2)!important;color:#142d3c!important;border-color:#a5e4da!important}
.offer-summary .button:hover,.deal-card .button:hover,.cta .button:hover{background:linear-gradient(135deg,#dcfaf5,#bcefe7)!important;color:#142d3c!important}
.deal-badge span{background:#a6e6de!important}
.offer-details>div:nth-child(2){background:linear-gradient(140deg,#eae9fb,#f6f5ff);border-color:#d4d0ec}
.page-background-icons .background-icon:nth-child(3n){color:#8176ad}
.cta::after{background:radial-gradient(circle at 30% 25%,#ddd7ff,#8c9bdc 65%,#526d99);box-shadow:0 0 60px #8c9bdc30}



/* Pearl, slate and deep teal: restrained surfaces, white price and button type. */
.benefit-grid article,.benefit-grid article:nth-child(2),.benefit-grid article:nth-child(3){background:linear-gradient(145deg,#ffffff,#e9eeed);border-color:#d4ddda;box-shadow:0 18px 40px #142d3c13,inset 0 1px 0 #fff}
.benefit-grid article:nth-child(2){background:linear-gradient(145deg,#f9fbfa,#dfe7e4)}
.benefit-grid article:nth-child(3){background:linear-gradient(145deg,#ffffff,#e5e9ec)}
.benefit-grid article .benefit-emblem,.benefit-grid article:nth-child(2) .benefit-emblem,.benefit-grid article:nth-child(3) .benefit-emblem{background:#142d3c;color:#fff}
.benefit-grid article::after,.benefit-grid article:nth-child(2)::after,.benefit-grid article:nth-child(3)::after{background:#53736d}
.offer-includes{background:#edf0ef}
.offer-includes article:nth-child(n){background:linear-gradient(135deg,#fff,#f0f3f2);border-color:#d8e0dd;--feature:#147f79}
.offer-includes article>span{background:#e4ece8;color:#147f79}
.offer-summary{background:radial-gradient(circle at 100% 0,#244a48,transparent 60%),#071623}
.offer-price strong,.hero-deal-price strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
.offer-summary .button,.deal-card .button,.cta .button{background:linear-gradient(135deg,#22625c,#174840)!important;color:#fff!important;border-color:#4e8c82!important}
.offer-summary .button:hover,.deal-card .button:hover,.cta .button:hover{background:linear-gradient(135deg,#317a71,#205d53)!important;color:#fff!important}
.offer-details>div,.offer-details>div:nth-child(2){background:linear-gradient(140deg,#fff,#edf1ef);border-color:#d5ded9}
.page-background-icons .background-icon:nth-child(3n){color:#53736d}
.cta::after{background:radial-gradient(circle at 30% 25%,#dbe8e3,#749f95 65%,#365d56);box-shadow:0 0 60px #749f9530}



/* Vivid ocean accents; retain the approved dark teal typography. */
.benefit-grid article:nth-child(n){background:linear-gradient(135deg,#e2fbf6,#98dacf);border-color:#75cabc}
.benefit-grid article:nth-child(2){background:linear-gradient(135deg,#e4f6f8,#9fcfd7);border-color:#81bbc6}
.benefit-grid article:nth-child(3){background:linear-gradient(135deg,#e2f5ed,#9fcebd);border-color:#83bba6}
.benefit-grid article .benefit-emblem{box-shadow:0 12px 28px #0f635c35}
.offer-includes article:nth-child(n){background:linear-gradient(115deg,#edfffb,#b4e9de);border:1px solid #8bd4c4;border-left:6px solid #259d89;--feature:#147f79}
.offer-includes article:nth-child(2){background:linear-gradient(115deg,#effbff,#b6dfe9);border-color:#97cbd8;border-left-color:#318b9f}
.offer-includes article:nth-child(3){background:linear-gradient(115deg,#f0fff6,#b9e1c9);border-color:#9acfb1;border-left-color:#388f68}
.offer-includes article:nth-child(4){background:linear-gradient(115deg,#eafffc,#a8ddd8);border-color:#87c7c1;border-left-color:#248e87}
.offer-includes article>span{background:#16534b;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 14px #16534b25}
.offer-includes{background:#e5efed}
.offer-details>div{background:linear-gradient(140deg,#f1fffb,#bce7d9);border-color:#91cbb9}
.offer-details>div:nth-child(2){background:linear-gradient(140deg,#f0fafc,#bedee5);border-color:#9ac7d0}
body .offer-summary .button,body .deal-card .button,body .cta .button{background:linear-gradient(120deg,#237d6f,#17554d)!important;border:1px solid #58b6a5!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 9px 25px #1fc2a52b}
body .offer-summary .button:hover,body .deal-card .button:hover,body .cta .button:hover{background:linear-gradient(120deg,#299580,#206e60)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 14px 30px #1fc2a542}
.offer-price strong,.hero-deal-price strong{color:#fff!important;-webkit-text-fill-color:#fff!important}



/* Editorial direction inspired by the reference, using JoySpace's own elements. */
body{background:#f3f0e8}
.offer-hero h1{font-weight:800;letter-spacing:-3.8px;line-height:1.02;font-size:clamp(49px,6vw,80px)}
.offer-hero h1 em,.deal-benefits h2 em,.deal-faq h2 em{font-family:inherit;font-style:normal;font-weight:800;letter-spacing:inherit;color:#147f79!important;-webkit-text-fill-color:#147f79!important}
.deal-benefits h2{font-weight:800;letter-spacing:-2.8px}
.benefit-grid article:nth-child(n){background:#faf9f5;border:1px solid #dcded6;box-shadow:0 12px 30px #142d3c0a;border-radius:24px}
.benefit-grid article:nth-child(2){background:#b5e6cf;border-color:#91cbb0}
.benefit-grid article:nth-child(3){background:#163e39;border-color:#295a50}
.benefit-grid article:nth-child(3) h3{color:#fff}
.benefit-grid article:nth-child(3) p,.benefit-grid article:nth-child(3)>span{color:#e0eee8}
.benefit-grid article:nth-child(3)::before{border-color:#b5e6cf35;box-shadow:0 0 0 24px #ffffff06,0 0 0 48px #ffffff03}
.benefit-grid article .benefit-emblem{border-radius:20px;background:#163e39;color:#fff}
.benefit-grid article:nth-child(3) .benefit-emblem{background:#b5e6cf;color:#163e39}
.benefit-grid h3{font-weight:800}
.offer-includes{background:#e8e9e1;padding:28px}
.offer-includes article:nth-child(n){background:#faf9f5;border:1px solid #d9ded4;border-left:5px solid #56b58a;box-shadow:none}
.offer-includes article:nth-child(2){background:#e0f1e5;border-left-color:#2c8461}
.offer-includes article:nth-child(3){background:#faf9f5;border-left-color:#163e39}
.offer-includes article:nth-child(4){background:#c2e7d3;border-left-color:#2c8461}
.offer-includes article>span{background:#163e39;color:#fff!important;-webkit-text-fill-color:#fff!important}
.offer-includes h3{font-weight:750}
body .offer-summary .button,body .deal-card .button,body .cta .button{background:#b5e6cf!important;color:#123a31!important;-webkit-text-fill-color:#123a31!important;border:1px solid #b5e6cf!important;box-shadow:0 8px 20px #0002}
body .offer-summary .button:hover,body .deal-card .button:hover,body .cta .button:hover{background:#d2f3e1!important;color:#123a31!important;-webkit-text-fill-color:#123a31!important;border-color:#d2f3e1!important}
.offer-summary .button::after{display:none}
.offer-details>div,.offer-details>div:nth-child(2){background:#faf9f5;border-color:#dcded6}
.offer-details>div:nth-child(2){background:#d8edde;border-color:#bdd8c5}
.deal-faq details{background:#faf9f5;border-color:#dcded6;box-shadow:none}
.deal-faq details[open]{background:#d8edde}
.offer-price strong,.hero-deal-price strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:600px){.offer-hero h1{font-size:49px;letter-spacing:-2.6px}}



/* Warm yellow buttons and an unfilled hero offer card. */
body .offer-summary .button,body .deal-card .button,body .cta .button,body .offer-hero>div .button:not(.outline),body .offer-details .button,body dialog .button{background:#ffd775!important;border:1px solid #edc05d!important;color:#142d3c!important;-webkit-text-fill-color:#142d3c!important;box-shadow:0 9px 24px #142d3c18}
body .offer-summary .button:hover,body .deal-card .button:hover,body .cta .button:hover,body .offer-hero>div .button:not(.outline):hover,body .offer-details .button:hover,body dialog .button:hover{background:#ffe6a5!important;border-color:#edc05d!important;color:#142d3c!important;-webkit-text-fill-color:#142d3c!important}
body .deal-card{background:transparent!important;border:2px solid #142d3c;color:#142d3c;box-shadow:0 18px 40px #142d3c0c}
body .deal-card::before,body .deal-card::after{background:none!important}
body .deal-card h2,body .deal-card .hero-deal-price>strong,body .deal-card .hero-deal-price strong span{color:#142d3c!important;-webkit-text-fill-color:#142d3c!important}
body .deal-card p,body .deal-card .hero-deal-price small{color:#526974}
body .deal-card .hero-deal-price>span{color:#294c55}
body .deal-card .hero-deal-price{border-bottom-color:#142d3c35}
body .deal-card .deal-badge{background:transparent;color:#142d3c;border-color:#142d3c60}
body .deal-card .deal-badge span{background:#142d3c!important}
body .deal-card .deal-question{color:#147f79}
body .deal-card .deal-question:hover{color:#142d3c}
body .deal-card .deal-ring{border-color:#142d3c65}



/* Unified warm, open cards and softer outlines throughout the offer page. */
body .deal-card{border:1px solid #142d3c40;box-shadow:0 20px 45px #142d3c0a}
body .deal-card .deal-badge{border-color:#142d3c30}
.benefit-grid article:nth-child(n){background:transparent;border:1px solid #142d3c28;box-shadow:0 14px 35px #142d3c08}
.benefit-grid article:nth-child(n) h3{color:#142d3c}
.benefit-grid article:nth-child(n) p{color:#526974}
.benefit-grid article:nth-child(n)>span{color:#385b63}
.benefit-grid article:nth-child(n) .benefit-emblem{background:#fff5d9;color:#142d3c;border:1px solid #d8c78e70;box-shadow:0 8px 20px #142d3c0b}
.benefit-grid article:nth-child(n)::before{border-color:#142d3c18;box-shadow:0 0 0 24px #ffffff12,0 0 0 48px #ffffff08}
.benefit-grid article:nth-child(n)::after{background:#147f7950}
.offer-package{background:transparent;border:1px solid #142d3c30;box-shadow:0 20px 45px #142d3c0a}
.offer-summary{background:transparent;color:#142d3c;border-right:1px solid #142d3c20}
.offer-summary h3{color:#142d3c}
.offer-summary p,.offer-price span{color:#526974}
.offer-summary .num{color:#147f79}
.offer-price{border-top-color:#142d3c25}
.offer-summary .offer-price strong{color:#142d3c!important;-webkit-text-fill-color:#142d3c!important}
.offer-summary::before{border-color:#142d3c18}
.offer-summary::after{color:#147f7950}
.offer-includes{background:transparent}
.offer-includes article:nth-child(n){background:#ffffff38;border:1px solid #142d3c22;box-shadow:0 8px 22px #142d3c05}
.offer-includes article>span{background:#fff2cc;color:#142d3c!important;-webkit-text-fill-color:#142d3c!important;border:1px solid #d8c78e50;box-shadow:none}
.offer-details>div,.offer-details>div:nth-child(2){background:transparent;border-color:#142d3c28;box-shadow:0 14px 35px #142d3c08}
.offer-details .flair-icon{background:#fff2cc;color:#142d3c;box-shadow:0 8px 20px #142d3c0b;border:1px solid #d8c78e50}
.deal-faq details{background:#ffffff30;border-color:#142d3c25}
.deal-faq details[open]{background:#fff8e9}
.deal-faq summary::after{background:#ffdf8d;color:#142d3c}
body .cta{background:transparent;border:1px solid #142d3c30;box-shadow:0 18px 40px #142d3c09}
body .cta h2{color:#142d3c}
body .cta p{color:#526974}
body .cta .eyebrow{color:#147f79!important}
body .cta::before{opacity:.15}
body .cta::after{opacity:.55}
@media(max-width:850px){.offer-summary{border-right:0;border-bottom:1px solid #142d3c20}}



/* Bright accents limited to the icon tiles and numbered badges. */
.benefit-grid article:nth-child(1) .benefit-emblem{background:#ff865f;border-color:#ee744d;color:#142d3c;box-shadow:0 10px 24px #ff865f35}
.benefit-grid article:nth-child(2) .benefit-emblem{background:#679aff;border-color:#5285ea;color:#102b43;box-shadow:0 10px 24px #679aff35}
.benefit-grid article:nth-child(3) .benefit-emblem{background:#ffd05f;border-color:#e8b544;color:#142d3c;box-shadow:0 10px 24px #ffd05f35}
.offer-includes article:nth-child(1)>span{background:#ff865f;border-color:#ee744d;box-shadow:0 6px 16px #ff865f25}
.offer-includes article:nth-child(2)>span{background:#679aff;border-color:#5285ea;box-shadow:0 6px 16px #679aff25}
.offer-includes article:nth-child(3)>span{background:#ffd05f;border-color:#e8b544;box-shadow:0 6px 16px #ffd05f25}
.offer-includes article:nth-child(4)>span{background:#b296f2;border-color:#9f80df;box-shadow:0 6px 16px #b296f225}
.offer-includes article:nth-child(n)>span{color:#142d3c!important;-webkit-text-fill-color:#142d3c!important}



/* Softer, lighter accent tiles. */
.benefit-grid article:nth-child(1) .benefit-emblem,.offer-includes article:nth-child(1)>span{background:#f5cbd6;border-color:#e9b6c5;box-shadow:0 8px 20px #d996ac18}
.benefit-grid article:nth-child(2) .benefit-emblem,.offer-includes article:nth-child(2)>span{background:#c4e2f5;border-color:#afd2e9;box-shadow:0 8px 20px #80b7d918}
.benefit-grid article:nth-child(3) .benefit-emblem,.offer-includes article:nth-child(3)>span{background:#f6d6b9;border-color:#e9c3a1;box-shadow:0 8px 20px #daa67518}
.offer-includes article:nth-child(4)>span{background:#d8d6f2;border-color:#c4c1e5;box-shadow:0 8px 20px #a09bd018}
.benefit-grid article:nth-child(n) .benefit-emblem{color:#142d3c}

body.admin-bar header{margin-top:32px} html{overflow-x:hidden} .skip-link{position:fixed;left:12px;top:-100px;z-index:99999;background:#fff;padding:12px;color:#142d3c}.skip-link:focus{top:12px}


.demo-gallery{padding:60px 0}.demo-gallery h2{font-size:clamp(38px,4vw,56px);line-height:1.1}.gallery-intro{font-size:20px;max-width:740px}.demo-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.demo-preview{border:1px solid #142d3c25;border-radius:22px;overflow:hidden;padding:12px;transition:transform .25s}.demo-preview:hover{transform:translateY(-5px)}.demo-cover{background:var(--demo-ink);color:#fff;border-radius:14px;min-height:260px;padding:28px;position:relative;overflow:hidden}.demo-cover span{font-size:10px;letter-spacing:1.5px;color:var(--demo-accent)}.demo-cover strong{display:block;font-size:32px;line-height:1.08;letter-spacing:-1px;margin-top:30px}.demo-cover i{position:absolute;font-size:90px;right:20px;bottom:-12px;color:var(--demo-accent);font-style:normal}.demo-preview h3{margin:20px 12px 8px;font-size:25px}.demo-preview p{margin:0 12px 16px;color:#147f79}.demo-disclosure{font-size:14px;margin-top:22px}@media(max-width:850px){.demo-gallery-grid{grid-template-columns:1fr}.demo-cover{min-height:240px}}@media(prefers-reduced-motion:reduce){.demo-preview{transition:none}.demo-preview:hover{transform:none}}

/* Gallery follows the approved benefit-card language. */
.demo-gallery{padding:78px 0 86px;text-align:center}
.demo-gallery>.eyebrow{letter-spacing:2px}
.demo-gallery h2{font-size:clamp(45px,5vw,69px);line-height:1.03;letter-spacing:-2.8px;font-weight:800;margin:19px 0 20px}
.demo-gallery h2 em{font-family:inherit;font-style:normal;color:#147f79;-webkit-text-fill-color:#147f79}
.demo-gallery .gallery-intro{margin:0 auto;max-width:730px;font-size:20px}
.demo-gallery-grid{gap:24px;margin-top:48px;text-align:left}
.demo-preview{position:relative;display:block;padding:0;min-height:410px;background:transparent;border:1px solid #142d3c27;border-radius:28px;box-shadow:0 18px 40px #142d3c0b;overflow:hidden;transition:transform .25s,box-shadow .25s}
.demo-preview:hover{transform:translateY(-7px);box-shadow:0 27px 48px #142d3c17}
.demo-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:410px;padding:34px;background:transparent;color:#142d3c;border-radius:0;overflow:hidden}
.demo-cover::before{content:"";position:absolute;width:205px;height:205px;right:-73px;top:40px;border:1px solid #142d3c18;border-radius:50%;box-shadow:0 0 0 28px #ffffff13,0 0 0 55px #ffffff09;z-index:-1}
.demo-cover::after{content:"";position:absolute;width:12px;height:12px;right:33px;top:125px;border-radius:4px;background:#147f7955;transform:rotate(22deg);z-index:-1}
.demo-kicker{font-size:13px!important;letter-spacing:1.6px!important;font-weight:800;color:#385b63!important}
.demo-emblem{display:grid;place-items:center;width:90px;height:90px;margin:32px 0 25px;border-radius:24px;background:#f5cbd6;border:1px solid #e9b6c5;box-shadow:0 9px 22px #d996ac20;transform:rotate(-5deg)}
.demo-emblem svg{width:46px;height:46px;fill:none;stroke:#142d3c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-preview:nth-child(2) .demo-emblem{background:#c4e2f5;border-color:#afd2e9;transform:rotate(4deg)}
.demo-preview:nth-child(3) .demo-emblem{background:#f6d6b9;border-color:#e9c3a1;transform:rotate(-3deg)}
.demo-cover h3{font-size:clamp(26px,2.35vw,33px);line-height:1.12;letter-spacing:-1px;margin:0 0 15px;font-weight:800;color:#142d3c}
.demo-cover .demo-tagline{font-size:19px;line-height:1.5;color:#526974;margin:0 0 25px}
.demo-cover .demo-link{display:flex;align-items:center;gap:12px;margin-top:auto;color:#147f79;font-size:18px;font-weight:750}
.demo-link b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e4f1ea;color:#147f79;font-size:21px;transition:transform .25s}
.demo-preview:hover .demo-link b{transform:translate(3px,-3px)}
.demo-disclosure{text-align:center;max-width:760px;margin:24px auto 0;font-size:14px}
@media(max-width:850px){.demo-gallery-grid{grid-template-columns:1fr}.demo-preview,.demo-cover{min-height:350px}.demo-gallery{padding:55px 0}}
@media(prefers-reduced-motion:reduce){.demo-preview,.demo-link b{transition:none}.demo-preview:hover,.demo-preview:hover .demo-link b{transform:none}}

/* Phone and small-tablet layout: keep the desktop composition intact. */
@media (max-width: 700px) {
  html, body { overflow-x: hidden; }
  header, main, footer { padding-left: 20px; padding-right: 20px; }
  header { height: auto; min-height: 0; padding-top: 20px; padding-bottom: 16px; display: flex; flex-direction: column; align-items: stretch; gap: 17px; }
  body.admin-bar header { margin-top: 0; }
  header::after { display: none; }
  header .brand { align-self: flex-start; font-size: 25px; line-height: 1.15; }
  header .brand-mark { width: 36px; height: 36px; }
  header nav { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; font-size: 13px; line-height: 1.2; }
  header nav a, header nav a:last-child { display: flex; align-items: center; justify-content: center; min-height: 43px; margin: 0; padding: 8px 9px; border: 1px solid #d7e1dc; border-radius: 12px; background: #ffffff88; box-shadow: none; text-align: center; }
  header nav a:last-child { background: #e8f3ed; border-color: #c8ded4; }
  .preview { padding: 7px 14px; font-size: 9px; letter-spacing: 1px; line-height: 1.35; }
  .offer-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-top: 24px; padding-bottom: 52px; }
  .offer-hero > div { min-width: 0; }
  .offer-hero h1 { max-width: 100%; margin: 20px 0 20px; font-size: clamp(38px, 10.3vw, 46px); line-height: 1.04; letter-spacing: -2.3px; }
  .offer-hero h1 em { letter-spacing: -2.3px; }
  .offer-hero > div > p { max-width: 34rem; margin: 0; font-size: 18px; line-height: 1.55; }
  .offer-hero .actions { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 22px; }
  .offer-hero .button { font-size: 15px; padding: 12px 19px; }
  .offer-hero .outline { padding: 10px 0; }
  .hero-offer-facts { gap: 14px; margin-top: 23px; padding-top: 18px; }
  .hero-offer-facts > span { min-width: 0; font-size: 12px; line-height: 1.4; }
  .hero-offer-facts strong { font-size: 15px; }
  .deal-card { width: 100%; max-width: 100%; padding: 24px; }
  .hero-deal-price > strong { font-size: clamp(51px, 15vw, 61px); }
  .deal-benefits { padding-top: 50px; padding-bottom: 50px; }
  .deal-benefits h2, .deal-faq h2, .demo-gallery h2 { font-size: clamp(34px, 9vw, 42px); letter-spacing: -1.7px; }
  .benefit-grid { gap: 14px; }
  .benefit-grid article { padding: 25px; }
  .services > .section-head h2 { font-size: clamp(32px, 8.4vw, 38px); }
  .offer-package { border-radius: 24px; }
  .offer-summary h3 { font-size: clamp(34px, 9vw, 42px); }
  .offer-includes article { padding: 22px; }
  .demo-gallery { padding-top: 54px; padding-bottom: 58px; }
  .demo-gallery-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
  .demo-preview, .demo-cover { min-height: 0; }
  .demo-cover { padding: 27px; }
  .demo-emblem { margin: 25px 0 22px; }
  .demo-cover .demo-link { margin-top: 24px; }
  .page-background-icons .background-icon { opacity: .06; }
}
@media (max-width: 370px) {
  header nav { font-size: 12px; }
  .offer-hero h1 { font-size: 37px; letter-spacing: -2px; }
  .offer-hero h1 em { letter-spacing: -2px; }
  .offer-hero .actions { align-items: flex-start; flex-direction: column; gap: 2px; }
  .hero-offer-facts { flex-direction: column; }
}


/* October 2026 offer, with a clear future standard price. */
html[data-joyspace-price-period="october"] .offer-standard,
html[data-joyspace-price-period="standard"] .offer-october { display: none !important; }
.hero-deal-price strong .offer-price-amount { font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; color: #142d3c !important; -webkit-text-fill-color: #142d3c !important; }
.offer-package-price { font-size: clamp(54px, 5vw, 75px) !important; line-height: 1.05; }
.offer-future-price { font-size: 15px !important; font-weight: 650; color: #385b63 !important; }
.deal-card .button span { color: inherit; }
dialog .button { display: inline-flex; align-items: center; margin: 8px 8px 0 0; }
@media (max-width: 700px) { .hero-deal-price strong .offer-price-amount { font-size: inherit; } .offer-package-price { font-size: 59px !important; } }

/* Focused Domains & Hosting page. Scoped to preserve the approved homepage. */
.storefront-preview{font-weight:750;letter-spacing:.18em}
.storefront-main{max-width:1200px;margin:0 auto;padding:0 44px 80px}
.storefront-header nav a[aria-current=page]{color:#147f79}
.storefront-intro{position:relative;isolation:isolate;overflow:hidden;padding:80px 0 78px;border-bottom:1px solid #dce6e3}
.storefront-intro::before{content:"";position:absolute;z-index:-2;inset:0 calc((100% - 100vw)/2);background:radial-gradient(circle at 78% 48%,#fee6d9 0,transparent 24rem),linear-gradient(120deg,#f6f8f4,#f1f5f0)}
.storefront-intro .eyebrow{font-size:14px;letter-spacing:.19em}
.storefront-intro h1{position:relative;z-index:1;max-width:800px;font-size:clamp(52px,6.5vw,88px);line-height:1.04;letter-spacing:-.065em;margin:22px 0 24px;color:#142d3c}
.storefront-intro h1 em,.storefront-domain h2 em,.storefront-next h2 em{font-style:normal;color:#147f79}
.storefront-intro>p{position:relative;z-index:1;max-width:650px;font-size:23px;line-height:1.55;color:#526773;margin:0 0 30px}
.storefront-jump{position:relative;z-index:1;display:inline-flex;gap:15px;align-items:center;border-radius:100px;background:#ffda79;color:#142d3c;padding:15px 23px;font-size:18px;font-weight:800;box-shadow:0 10px 30px #142d3c16;transition:transform .2s,background .2s}
.storefront-jump:hover{background:#ffe7aa;transform:translateY(-3px)}
.storefront-jump span{font-size:23px;line-height:1}
.storefront-orbit{position:absolute;z-index:-1;right:1%;top:10%;width:min(30vw,350px);aspect-ratio:1;border:1px solid #547b8755;border-radius:50%;box-shadow:0 0 0 26px #147f7909,0 0 0 70px #147f7904;animation:turn 38s linear infinite}
.storefront-orbit::before{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb887,#ff7356 55%,#d15159);box-shadow:0 22px 60px #de6b6540}
.storefront-orbit::after{content:"";position:absolute;left:-14%;top:35%;width:128%;height:28%;border:1px solid #294d6473;border-radius:50%;transform:rotate(-22deg)}
.storefront-orbit span{position:absolute;right:4%;bottom:8%;width:17%;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#9dfff0,#5bddce 60%,#36a89f);border-radius:50%;box-shadow:0 0 24px #5bddceaa}
.storefront-two-steps{padding-top:55px}
.storefront-step-label{display:flex;gap:13px;align-items:center;color:#147f79;font-size:13px;letter-spacing:.16em;font-weight:800}
.storefront-step-label span{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:#d8f0e9;color:#142d3c;letter-spacing:0;font-size:18px}
.storefront-domain{padding:30px 0 75px}
.storefront-domain h2,.storefront-hosting h2,.storefront-next h2{font-size:clamp(39px,4.5vw,60px);line-height:1.1;letter-spacing:-.045em;margin:22px 0;color:#142d3c}
.storefront-domain>p,.storefront-hosting-layout>div>p,.storefront-next>p{font-size:20px;line-height:1.6;color:#526773;max-width:730px}
.storefront-domain-widget{margin-top:34px;padding:34px;border:1px solid #d7e6e0;border-radius:26px;background:#fff;box-shadow:0 18px 48px #142d3c12}
.storefront-domain-widget input[type=text],.storefront-domain-widget input[type=search]{width:min(100%,690px);min-height:55px;padding:14px 18px;border:1px solid #b9cfc9;border-radius:13px;background:#fff;color:#142d3c;font-size:19px}
.storefront-domain-widget button,.storefront-domain-widget input[type=submit]{min-height:55px;padding:13px 22px;border:1px solid #edc05d;border-radius:13px;background:#ffda79;color:#142d3c;font-size:17px;font-weight:800;cursor:pointer}
.storefront-domain-widget button:hover,.storefront-domain-widget input[type=submit]:hover{background:#ffe7aa}
.storefront-domain-status{display:inline-block;margin:20px 0 0!important;padding:12px 16px;border:1px solid #d9caa3;border-radius:12px;background:#fff4d7;color:#142d3c!important;font-size:16px!important;font-weight:750;line-height:1.45!important}
.storefront-domain-widget{margin-top:18px}
.storefront-domain-widget .rstore-domain-continue-button:disabled{background:#e7e9e8;border-color:#ccd4d0;color:#536771;cursor:not-allowed;box-shadow:none;opacity:1}
.storefront-domain-widget .rstore-domain-continue-button:disabled:hover{background:#e7e9e8}
.storefront-unavailable{padding:22px;border-radius:14px;background:#fff3d4}.storefront-unavailable a{text-decoration:underline}
.storefront-hosting{padding:65px 0 75px;border-top:1px solid #dce6e3}
.storefront-hosting-layout{display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:70px}
.storefront-hosting h2{max-width:650px}
.storefront-features{list-style:none;padding:0;margin:26px 0 20px;display:grid;gap:13px;color:#142d3c;font-size:20px;font-weight:750}
.storefront-features li{display:flex;align-items:center;gap:14px}.storefront-features span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e3f3ed;color:#147f79}
.storefront-ssl-note{font-size:16px!important;max-width:620px!important;padding-top:16px;border-top:1px solid #dce6e3}
.storefront-product-card{position:relative;overflow:hidden;border:1px solid #cbd9d3;border-radius:28px;padding:36px;background:linear-gradient(145deg,#fff,#f1f6f2);box-shadow:0 22px 55px #142d3c14}
.storefront-product-card::after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-85px;border:1px solid #77a7a23d;border-radius:50%;box-shadow:0 0 0 26px #147f7905;pointer-events:none}
.storefront-product-kicker{position:relative;z-index:1;color:#147f79;letter-spacing:.18em;font-size:13px;font-weight:800}
.storefront-product-card h3{font-size:37px;letter-spacing:-.045em;margin:22px 0 8px;color:#142d3c}
.storefront-product-card>p{font-size:18px;line-height:1.5;margin:0 0 20px;color:#526773}
.storefront-product-widget{border-top:1px solid #dce6e3;padding-top:22px}
.storefront-product-widget .rstore-pricing{font-size:20px;color:#526773}
.storefront-product-widget .rstore-price{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#142d3c}
.storefront-product-widget .rstore-add-to-cart-form{margin:24px 0 0}
.storefront-product-widget .rstore-add-to-cart,.storefront-product-card>.button{width:100%;border:1px solid #edc05d!important;border-radius:14px!important;padding:17px 22px!important;background:#ffda79!important;color:#142d3c!important;font-size:18px!important;font-weight:800!important;text-align:center;cursor:pointer}
.storefront-product-widget .rstore-add-to-cart:hover{background:#ffe7aa!important}
.storefront-product-card>small{display:block;margin-top:18px;color:#526773;font-size:14px;line-height:1.5}
.storefront-next{position:relative;overflow:hidden;padding:50px;border:1px solid #e5d9c8;border-radius:28px;background:linear-gradient(135deg,#faf5eb,#f4ecdf);color:#142d3c;box-shadow:0 18px 42px #142d3c0d}
.storefront-next::after{content:"";position:absolute;width:340px;height:340px;right:-130px;top:-140px;border:1px solid #bd926147;border-radius:50%;box-shadow:0 0 0 35px #bd92610a;pointer-events:none}
.storefront-next .storefront-step-label{color:#233b46}.storefront-next .storefront-step-label span{background:#ffe0a1;color:#142d3c}
.storefront-next h2{position:relative;z-index:1;color:#142d3c;max-width:850px}.storefront-next h2 em{color:#147f79}
.storefront-next>p{position:relative;z-index:1;color:#526773;max-width:800px}.storefront-next>.button{position:relative;z-index:1;margin-top:15px;padding:15px 24px;background:#ffda79;color:#142d3c;border:1px solid #edc05d;border-radius:100px;font-size:18px;font-weight:800}
.storefront-next>.button:hover{background:#ffe7aa}.storefront-existing{font-size:16px!important;margin:28px 0 0}.storefront-existing a{text-decoration:underline;color:#147f79}
.storefront-footer{max-width:1200px;margin:0 auto;padding:30px 44px 45px}.storefront-footer p{margin:7px 0}
@media(max-width:850px){.storefront-main{padding:0 24px 65px}.storefront-header{padding-left:24px;padding-right:24px}.storefront-hosting-layout{grid-template-columns:1fr;gap:30px}.storefront-orbit{opacity:.4;right:-8%;top:8%;width:270px}.storefront-footer{padding:30px 24px 45px}}
@media(max-width:600px){.storefront-main{padding:0 20px 48px}.storefront-header{padding-left:20px;padding-right:20px}.storefront-intro{padding:58px 0 55px}.storefront-intro h1{font-size:clamp(46px,12vw,63px)}.storefront-intro>p{font-size:19px}.storefront-orbit{width:190px;right:-30%;top:8%;opacity:.18}.storefront-domain{padding:28px 0 55px}.storefront-domain h2,.storefront-hosting h2,.storefront-next h2{font-size:38px}.storefront-domain>p,.storefront-hosting-layout>div>p,.storefront-next>p{font-size:18px}.storefront-domain-widget{padding:22px 16px}.storefront-hosting{padding:48px 0 55px}.storefront-product-card{padding:27px 22px}.storefront-next{padding:34px 25px}.storefront-footer{padding:25px 20px 40px}}
@media(prefers-reduced-motion:reduce){.storefront-orbit{animation:none}.storefront-jump:hover{transform:none}}

/* Keep the buying action high on the page. */
.storefront-intro{padding:35px 0 28px}
.storefront-intro::before{background:linear-gradient(120deg,#f6f8f4,#f1f5f0)}
.storefront-intro h1{font-size:clamp(46px,5vw,64px);line-height:1.04;margin:13px 0 16px;max-width:900px}
.storefront-intro>p{font-size:19px;line-height:1.5;max-width:800px;margin:0}
.storefront-two-steps{padding-top:12px}
.storefront-domain{padding:20px 0 55px}
.storefront-domain h2{font-size:clamp(34px,3.5vw,45px);margin:12px 0}
.storefront-domain>p{font-size:17px;max-width:800px;margin:0}
.storefront-domain-widget{margin-top:20px}
@media(max-width:600px){.storefront-intro{padding:30px 0 26px}.storefront-intro h1{font-size:clamp(42px,10vw,56px)}.storefront-intro>p{font-size:17px}.storefront-domain{padding:20px 0 48px}.storefront-domain h2{font-size:34px}.storefront-domain>p{font-size:16px}}

/* Let visitors reach the real domain search without scrolling past a second hero. */
.storefront-intro{padding:24px 0 22px}
.storefront-intro h1{font-size:clamp(40px,4.2vw,54px);margin:8px 0 12px;max-width:none}
.storefront-intro>p{font-size:18px;max-width:920px}
.storefront-domain{padding:17px 0 50px}
.storefront-domain h2{font-size:clamp(32px,3vw,40px);margin:10px 0}
.storefront-domain>p{font-size:16px;line-height:1.5;max-width:980px}
.storefront-domain-widget{margin-top:15px}
@media(max-width:600px){.storefront-intro{padding:22px 0 19px}.storefront-intro h1{font-size:clamp(38px,9vw,48px)}.storefront-intro>p{font-size:16px}.storefront-domain{padding:16px 0 45px}.storefront-domain h2{font-size:32px}.storefront-domain>p{font-size:15px}}
.storefront-product-card .storefront-billing-note{margin:16px 0 9px;padding:13px 15px;background:#e8f4f0;border-radius:12px;color:#183d3a;font-size:15px;line-height:1.45;font-weight:700}
/* Hosting first, then domain selection, with both products kept in one cart. */
.storefront-hosting{padding:30px 0 50px;border-top:0}
.storefront-next-step{display:inline-flex;align-items:center;gap:12px;margin-top:25px;color:#147f79;font-size:19px;font-weight:800;text-decoration:none}
.storefront-next-step:hover{text-decoration:underline}
.storefront-domain{padding:48px 0 65px;border-top:1px solid #dce6e3}
@media(max-width:600px){.storefront-hosting{padding:22px 0 40px}.storefront-domain{padding:35px 0 50px}.storefront-next-step{font-size:17px}}


/* Website Care: same JoySpace type and palette, with a clean editorial layout. */
.care-main{max-width:1200px;margin:0 auto;padding:0 44px 80px}
.care-hero{position:relative;isolation:isolate;overflow:hidden;min-height:580px;padding:95px 70px;border:1px solid #d6e4df;border-radius:30px;background:linear-gradient(130deg,#f7faf6,#edf5f1);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.care-hero .eyebrow{font-size:14px}.care-hero h1{max-width:850px;font-size:clamp(50px,6vw,82px);line-height:1.06;letter-spacing:-.06em;margin:24px 0 16px;color:#142d3c}.care-hero h1 em{font-style:normal;color:#147f79}.care-hero p{max-width:640px;color:#526773;font-size:23px;line-height:1.5;margin:0 0 25px}.care-primary{background:#ffda79!important;border:1px solid #edc05d!important;color:#142d3c!important;font-size:18px!important;font-weight:800!important;border-radius:100px!important;padding:15px 24px!important;box-shadow:0 12px 26px #142d3c18}.care-primary:hover,.care-primary:focus-visible{background:#ffe7aa!important;color:#142d3c!important}.care-orbit{position:absolute;z-index:-1;width:310px;aspect-ratio:1;border:1px solid #8dbbb743;border-radius:50%;right:-50px;top:80px;box-shadow:0 0 0 40px #147f7907,0 0 0 92px #147f7904}.care-orbit span{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a4fff0,#57cfbe 60%,#147f79);box-shadow:0 14px 40px #147f7930}
.care-work{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:100px 0}.care-work h2,.care-contact h2{font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-.05em;color:#142d3c}.care-work>div>p{max-width:430px;font-size:20px;line-height:1.55}.care-list>div{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:28px 0;border-bottom:1px solid #cadbd6}.care-list>div:first-child{border-top:1px solid #cadbd6}.care-list span{font-size:17px;font-weight:800;color:#147f79}.care-list h3{margin:0 0 7px;font-size:27px;letter-spacing:-.03em;color:#142d3c}.care-list p{margin:0;font-size:18px;line-height:1.55;color:#526773}
.care-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px 60px;border-radius:28px;background:#071827;color:#fff}.care-contact .eyebrow{color:#9ce8da}.care-contact h2{color:#fff;margin:14px 0}.care-contact p{max-width:650px;margin:0 0 15px;color:#c8d8e2;font-size:20px;line-height:1.5}.care-contact small{display:block;max-width:690px;color:#abc1c8;font-size:14px;line-height:1.5}.care-contact .button{white-space:nowrap;flex:0 0 auto}
@media(max-width:850px){.care-main{padding:0 24px 65px}.care-hero{min-height:520px;padding:65px 45px}.care-work{grid-template-columns:1fr;gap:25px;padding:70px 0}.care-contact{display:block;padding:45px}.care-contact .button{margin-top:25px}}
@media(max-width:600px){.care-main{padding:0 20px 48px}.care-hero{min-height:0;padding:48px 28px;border-radius:24px}.care-hero h1{font-size:clamp(42px,10vw,58px)}.care-hero p{font-size:18px}.care-orbit{opacity:.27;right:-170px;top:30px}.care-work{padding:55px 0}.care-list h3{font-size:23px}.care-list p{font-size:16px}.care-contact{padding:37px 26px}.care-contact h2{font-size:40px}.care-contact p{font-size:18px}.care-contact .button{white-space:normal}}

/* A warmer, bolder opening for the domain and hosting page. */
.storefront-intro{border-bottom:2px solid #e4d7c5}
.storefront-intro::before{background:linear-gradient(110deg,#faf4e9 0%,#f5efe4 65%,#f2e9de 100%)}
.storefront-intro .eyebrow{color:#233b46;font-weight:900;letter-spacing:.14em}
.storefront-intro h1{font-size:clamp(44px,4.8vw,64px);font-weight:850;letter-spacing:-.045em;color:#102738}
.storefront-intro h1 em{color:#b7502e}
.storefront-intro>p{color:#344957;font-weight:550}
.storefront-hosting>.storefront-step-label{color:#233b46}
.storefront-hosting>.storefront-step-label span{background:#ffe0a1;color:#102738}
@media(max-width:600px){.storefront-intro h1{font-size:clamp(40px,10vw,52px)}}

/* Website Care shares the warm cream, navy, and yellow direction. */
.care-hero{border-color:#e5d9c8;background:linear-gradient(130deg,#faf5eb,#f3ecdf);box-shadow:0 18px 42px #142d3c0d}
.care-hero .eyebrow{color:#233b46;font-weight:900;letter-spacing:.14em}
.care-hero h1{font-weight:850;color:#102738}
.care-hero h1 em{color:#b7502e}
.care-hero p{color:#344957;font-weight:550}
.care-orbit{border-color:#bd926147;box-shadow:0 0 0 40px #bd92610a,0 0 0 92px #bd926106}
.care-orbit span{background:radial-gradient(circle at 35% 30%,#ffe0a1,#f5a66e 58%,#b7502e);box-shadow:0 14px 40px #b7502e24}
.care-contact{position:relative;overflow:hidden;isolation:isolate;border:1px solid #e5d9c8;background:linear-gradient(135deg,#fffaf3,#f6eee1);color:#142d3c;box-shadow:0 18px 42px #142d3c0d}
.care-contact::after{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-120px;top:-145px;border:1px solid #bd926147;border-radius:50%;box-shadow:0 0 0 34px #bd92610a;pointer-events:none}
.care-contact .eyebrow{color:#233b46;font-weight:900;letter-spacing:.14em}
.care-contact h2{color:#102738}
.care-contact p{color:#344957}
.care-contact small{color:#526773}

/* The hosting form sends customers directly to GoDaddy's cart. */
.storefront-cart-handoff{margin:20px 0 0;padding:4px 0 4px 17px;border-left:4px solid #e49a57;color:#344957;font-size:15px;line-height:1.5}
.storefront-cart-handoff span{display:block;margin-bottom:7px;color:#a94d2c;font-size:12px;font-weight:900;letter-spacing:.12em}
.storefront-cart-handoff strong{display:block;margin-bottom:6px;color:#102738;font-size:19px;line-height:1.25}
.storefront-cart-handoff b{color:#102738}
.storefront-cart-handoff a{color:#a94d2c;font-weight:800;text-underline-offset:3px}

/* Restore the previously verified hosting-first cart journey for retesting. */
.storefront-hosting{border-top:0;padding-top:25px}
.storefront-domain{border-top:1px solid #dce6e3;padding-top:55px}
.storefront-hosting>.storefront-step-label,.storefront-domain>.storefront-step-label{color:#233b46}
.storefront-hosting>.storefront-step-label span,.storefront-domain>.storefront-step-label span{background:#ffe0a1;color:#102738}
@media(max-width:600px){.storefront-hosting{padding-top:20px}.storefront-domain{padding-top:42px}}

/* Domain and hosting use the plugin's own separate cart actions. */
.storefront-combined-button{width:100%;border:1px solid #edc05d!important;border-radius:14px!important;padding:17px 22px!important;background:#ffda79!important;color:#142d3c!important;font-size:18px!important;font-weight:800!important;cursor:pointer}
.storefront-combined-button:hover:not(:disabled){background:#ffe7aa!important}
.storefront-combined-button:disabled{background:#e8ecea!important;border-color:#cbd7d2!important;color:#526773!important;cursor:not-allowed;box-shadow:none}
.storefront-combined-message{font-size:15px!important;line-height:1.45!important;margin:13px 0 0!important;color:#526773!important}
.storefront-hosting{border-top:0!important;padding-top:20px!important}
.storefront-domain{border-top:1px solid #dce6e3!important;padding-top:55px!important}
@media(max-width:600px){.storefront-hosting{padding-top:16px!important}.storefront-domain{padding-top:42px!important}}