.welcome{position:relative;overflow:hidden;grid-template-columns:1.25fr .85fr;min-height:320px}.welcome:before{content:'';position:absolute;right:-80px;top:-130px;width:480px;height:480px;border:1px solid #31b06825;border-radius:50%;pointer-events:none}.cloud-visual{position:relative;padding:10px 0;min-width:0}.visual-orbit{width:130px;height:130px;margin:0 auto 20px;border:1px solid #31b06855;border-radius:50%;display:grid;place-items:center;position:relative;background:#102b3d80}.visual-orbit img{width:80px;height:auto}.visual-orbit:after{content:'';position:absolute;inset:-12px;border:1px dashed #31b06850;border-radius:50%;animation:orbit 50s linear infinite}.visual-label{text-align:center;font-size:12px;font-weight:700;color:#b5cbc1;margin:0}.visual-connection{height:32px;width:1px;background:#31b06870;margin:0 auto;position:relative}.visual-connection:after{content:'';position:absolute;width:5px;height:8px;left:-2px;top:0;background:#00d164;border-radius:4px;animation:packet 2.6s ease-in-out infinite}.visual-endpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.visual-endpoints span{font-size:10px;font-weight:700;text-align:center;border:1px solid #31b06855;border-radius:6px;padding:9px 4px;background:#102b3d;color:#d4eade}.visual-endpoints span:before{content:'';display:block;width:5px;height:5px;background:#00d164;border-radius:50%;margin:0 auto 7px}.stage-enter{animation:stage-enter .35s ease-out}.choice,.tabs button,.primary,.secondary{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.choice:hover{border-color:#31b068;transform:translateY(-2px)}.choice[aria-pressed=true]{transform:translateY(-2px)}.primary:hover{transform:translateY(-1px)}.demo-body{animation:stage-enter .25s ease-out}.demo-visual{display:flex;align-items:center;gap:12px;padding:16px;background:#e8faef;border-radius:8px;margin:18px 0}.demo-visual svg{width:44px;height:44px;flex-shrink:0;stroke:#176d40;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.demo-visual-lines{flex:1;display:grid;gap:8px}.demo-visual-lines i{height:5px;background:#ccebd9;border-radius:3px;overflow:hidden;position:relative}.demo-visual-lines i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#31b06870,transparent);transform:translateX(-100%);animation:signal 3s ease-in-out infinite}.demo-visual-lines i:nth-child(2){width:75%}.demo-visual-lines i:nth-child(3){width:50%}.demo-status i{box-shadow:0 0 0 4px #00d16415}.price-card{animation:stage-enter .25s ease-out}.progress-track span{transition:width .4s ease}.header{position:relative;z-index:2}main{scroll-margin-top:18px}
@keyframes stage-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes packet{0%,100%{transform:translateY(0);opacity:0}25%{opacity:1}75%{transform:translateY(24px);opacity:1}}@keyframes signal{to{transform:translateX(100%)}}
@media(max-width:1000px){.welcome{grid-template-columns:1fr}.cloud-visual{max-width:320px;width:100%;margin:auto}.visual-orbit{width:90px;height:90px;margin-bottom:12px}.visual-orbit img{width:58px}.visual-connection{height:24px}.visual-endpoints span{padding:7px}}
@media(max-width:650px){.welcome{gap:10px}.cloud-visual{max-width:270px}.welcome:before{width:350px;height:350px;top:-80px;right:-180px}.demo-visual{padding:14px}}
.demo{position:relative;isolation:isolate;box-shadow:0 8px 28px #07192806;transition:border-color .25s,box-shadow .25s,transform .25s;background-image:radial-gradient(circle at var(--pointer-x,85%) var(--pointer-y,15%),#00d1640d,transparent 65%)}
.demo:before{content:'';position:absolute;top:0;left:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,#00d164,transparent);animation:card-signal 6s ease-in-out infinite;pointer-events:none;z-index:2}
.demo:after{content:'';position:absolute;right:12px;bottom:12px;width:100px;height:72px;background-image:radial-gradient(#31b06838 1px,transparent 1px);background-size:12px 12px;pointer-events:none;z-index:-1;animation:card-dots 7s ease-in-out infinite}
.tabs button{position:relative;overflow:hidden;text-align:left;animation:card-enter .4s ease-out both;animation-delay:calc(var(--card-order,0)*45ms)}
.tabs button:nth-child(2){--card-order:1}.tabs button:nth-child(3){--card-order:2}.tabs button:nth-child(4){--card-order:3}.tabs button:nth-child(5){--card-order:4}.tabs button:nth-child(6){--card-order:5}
.tabs button:after{content:'→';position:absolute;right:18px;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;color:#176d40}
.tabs button[aria-pressed=true]:after{opacity:1;transform:none;color:#00d164}
.demo-visual svg{animation:server-online 4s ease-in-out infinite}
.demo-visual-lines i:nth-child(2):after{animation-delay:.3s}.demo-visual-lines i:nth-child(3):after{animation-delay:.6s}
@keyframes card-enter{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes card-signal{0%,100%{transform:translateX(-100%);opacity:0}20%{opacity:1}80%{transform:translateX(230%);opacity:1}}
@keyframes card-dots{0%,100%{opacity:.4;transform:translateY(0)}50%{opacity:.85;transform:translateY(-6px)}}
@keyframes server-online{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(hover:hover) and (pointer:fine){.tabs button:hover{border-color:#31b068;box-shadow:0 5px 16px #176d4010;background-image:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#00d16414,transparent 70%)}.tabs button:hover:after{opacity:1;transform:none}.demo:hover{border-color:#31b068;box-shadow:0 14px 34px #176d4012;transform:translateY(-3px)}}
.price-card{position:relative;isolation:isolate;overflow:hidden;background:#fff radial-gradient(circle at var(--pointer-x,85%) var(--pointer-y,15%),#00d1640d,transparent 65%);box-shadow:0 8px 28px #07192806;transition:border-color .25s,box-shadow .25s,transform .25s}
.price-card:before{content:'';position:absolute;top:0;left:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,#00d164,transparent);animation:card-signal 6s ease-in-out infinite;pointer-events:none}
.price-card:after{content:'';position:absolute;right:12px;bottom:12px;width:100px;height:72px;background-image:radial-gradient(#31b06838 1px,transparent 1px);background-size:12px 12px;pointer-events:none;z-index:-1;animation:card-dots 7s ease-in-out infinite}
.conditions article{border:1px solid var(--border);border-radius:10px;padding:20px;background:#fff radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0%),#00d1640b,transparent 70%);animation:card-enter .4s ease-out both;animation-delay:calc(var(--card-order,0)*65ms);transition:border-color .25s,box-shadow .25s,transform .25s}
.conditions article:nth-child(2){--card-order:1}.conditions article:nth-child(3){--card-order:2}.conditions article:nth-child(4){--card-order:3}.conditions article p{margin-bottom:0}
@media(hover:hover) and (pointer:fine){.price-card:hover,.conditions article:hover{border-color:#31b068;box-shadow:0 12px 30px #176d4012}.price-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.stage-enter,.visual-orbit:after,.visual-connection:after,.demo-body,.price-card,.demo-visual-lines i:after,.tabs button,.demo:before,.demo:after,.demo-visual svg,.price-card:before,.price-card:after,.conditions article{animation:none}.choice:hover,.choice[aria-pressed=true],.primary:hover,.demo:hover,.price-card:hover{transform:none}.tabs button:after{transition:none}}
.intro-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#f7fcf9 radial-gradient(#31b06824 1px,transparent 1px);background-size:24px 24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s}
.intro-pending .intro-screen{opacity:1;visibility:visible;pointer-events:auto}.intro-pending{overflow:hidden}.intro-content{text-align:center;padding:28px;max-width:100%}.intro-symbol{position:relative;display:grid;place-items:center;width:164px;height:164px;margin:0 auto 32px;border:1px solid #ccebd9;border-radius:50%;background:#fff;box-shadow:0 12px 48px #176d4010;animation:intro-arrive .7s ease-out both}.intro-symbol:after{content:'';position:absolute;inset:-10px;border:1px dashed #31b06880;border-radius:50%;animation:orbit 16s linear infinite}.intro-symbol img{width:112px;height:auto;animation:server-online 3s ease-in-out infinite}.intro-wordmark{width:248px;max-width:85%;height:auto;animation:intro-arrive .7s .12s ease-out both}.intro-content p{font-size:18px;font-weight:700;color:#071928;margin:24px 0 6px}.intro-content span{font-size:13px;color:#526775}.intro-loading{height:3px;width:180px;overflow:hidden;background:#ccebd9;margin:28px auto 0;border-radius:3px}.intro-loading i{display:block;width:100%;height:100%;background:#00d164;transform-origin:left;animation:intro-progress 1.8s ease-out both}
@keyframes intro-arrive{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tabs button{padding-right:40px}.summary{border:1px solid var(--border);background-image:radial-gradient(#31b06812 1px,transparent 1px);background-size:20px 20px}.conditions article{min-width:0}.demo-top{gap:12px}.demo-top span{text-align:right}.company{line-height:1.9}
@media(prefers-reduced-motion:reduce){.intro-screen{transition:none}.intro-symbol,.intro-symbol:after,.intro-symbol img,.intro-wordmark,.intro-loading i{animation:none;transform:none}}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:28px 0 36px}.calculator-controls,.calculator-result{border:1px solid var(--border);border-radius:12px;padding:26px;min-width:0}.calculator-controls h2{font-size:20px}.calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calculator-fields label{display:grid;gap:8px;font-size:12px;font-weight:700;min-width:0}.calculator-fields select,.calculator-fields input{width:100%;min-width:0;min-height:48px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--navy);padding:10px;font:inherit}.field-wide{grid-column:1/-1}.capacity-note,.calculator-note{font-size:11px;line-height:1.8;margin:18px 0 0}.calculator-result{background:#e8faef radial-gradient(#31b06818 1px,transparent 1px);background-size:20px 20px}.calculator-result>small{font-size:10px;color:var(--muted)}.cost-main{margin:24px 0 18px}.cost-main small{display:block;color:#176d40;font-size:12px}.cost-main strong{display:block;font-size:38px;line-height:1.4;letter-spacing:-1px}.cost-details{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid var(--border);padding-top:18px;font-size:12px}.cost-details dd{margin:0;text-align:right;font-weight:700}.cost-details small{display:block;font-weight:400}.benefits-heading{max-width:720px}.benefits-heading p{font-size:13px}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefits-grid article{border:1px solid var(--border);border-radius:10px;padding:22px;min-width:0}.benefits-grid h3{font-size:15px}.benefits-grid p{font-size:12px;margin:0}.calculator-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding-top:24px;border-top:1px solid var(--border)}.calculator-cta p{font-size:13px;margin:0}.calculator-cta a{flex-shrink:0}.calculator-fields input:focus-visible{outline:3px solid #31b068;outline-offset:3px}
@media(max-width:1000px){.calculator-layout{grid-template-columns:1fr}.calculator-result .specs{margin-top:12px}}
@media(max-width:650px){.calculator-controls,.calculator-result{padding:20px}.calculator-fields,.benefits-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.calculator-cta{align-items:stretch;flex-direction:column}.cost-main strong{font-size:34px}.cost-details{grid-template-columns:1fr 1fr}.conditions{gap:12px}}
.recharge-summary{margin-top:24px;border-top:1px solid #abd9bd;padding-top:20px}.recharge-summary h3{font-size:15px}.recharge-summary .cost-details{border-top:0;padding-top:0}.calculator-result .specs{gap:8px 14px}.calculator-result .calculator-note{margin-top:12px}
.calculator-result{position:relative;overflow:hidden}.calculator-result:before{content:'';position:absolute;top:0;left:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,#00d164,transparent);animation:card-signal 6s ease-in-out infinite;pointer-events:none}.benefits-grid article{background-image:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0%),#00d1640b,transparent 70%);transition:border-color .25s,box-shadow .25s}.benefits-heading{margin-bottom:18px}
@media(hover:hover) and (pointer:fine){.benefits-grid article:hover{border-color:#31b068;box-shadow:0 8px 24px #176d4010}}
@media(prefers-reduced-motion:reduce){.calculator-result:before{animation:none}}
.project-questions{margin-top:24px;border-top:1px solid var(--border);padding-top:24px}.project-questions h2{font-size:20px}.text-action{border:0;padding:0;background:transparent;color:#176d40;font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-top:14px}.recommendation .text-action{margin-top:0}.simulation-actions{display:grid;gap:10px;margin-top:22px}.simulation-actions>*{width:100%}.share-fallback{font-size:12px;color:#176d40}.share-fallback[hidden]{display:none}.share-fallback input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:7px;padding:10px}.benefits-grid article{display:flex;flex-direction:column;align-items:flex-start}.benefits-grid .text-action{margin-top:auto;padding-top:16px}
.tabs .resource-tab{display:flex;align-items:center;gap:16px;min-height:86px;padding:16px 42px 16px 16px;border-radius:10px}.resource-icon{width:44px;height:44px;flex-shrink:0;position:relative;display:grid;place-items:center;background:#e8faef;border:1px solid #ccebd9;border-radius:10px;color:#176d40}.resource-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.resource-number{position:absolute;right:-6px;bottom:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ccebd9;font-size:10px;font-weight:800}.resource-copy{display:grid;gap:4px;min-width:0}.resource-copy strong{font-size:14px;color:#071928;line-height:1.4}.resource-copy small{font-size:11px;color:#526775;line-height:1.5}.resource-tab[aria-pressed=true]{box-shadow:inset 3px 0 #00d164,0 8px 22px #07192812}.resource-tab[aria-pressed=true] .resource-icon{background:#17392f;border-color:#31b06870;color:#00d164}.resource-tab[aria-pressed=true] .resource-copy strong{color:#fff}.resource-tab[aria-pressed=true] .resource-copy small{color:#b5cbc1}.resource-tab[aria-pressed=true] .resource-number{background:#00d164;color:#071928;border-color:#00d164}.tabs .resource-tab:after{top:50%;margin-top:-10px;font-size:17px}
@media(max-width:1000px){.tabs .resource-tab{min-height:86px;gap:12px}.resource-copy strong{font-size:13px}}
@media(max-width:650px){.tabs{grid-template-columns:1fr}.tabs .resource-tab{min-height:78px;padding:14px 40px 14px 14px}.resource-icon{width:40px;height:40px}.resource-copy small{font-size:12px}}
.choice{display:flex;align-items:center;gap:14px;text-align:left}.project-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;flex-shrink:0;background:#e8faef;color:#176d40;border:1px solid #ccebd9}.project-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.project-copy{display:grid;gap:6px;min-width:0}.choice .project-copy small{margin:0}.choice[aria-pressed=true] .project-icon{background:#00d164;color:#071928;border-color:#00d164}
@media(max-width:650px){.choice{flex-direction:column;align-items:flex-start;gap:12px}.project-icon{width:36px;height:36px}.project-icon svg{width:22px;height:22px}.project-copy{gap:4px}}
.project-icon svg.brand-wordpress,.resource-icon svg.brand-wordpress{fill:currentColor;stroke:none}
.capacity-assessment{margin-top:22px;border:1px solid #a9d8ba;border-left:3px solid #176d40;border-radius:8px;padding:18px;background:#fff}.capacity-assessment .eyebrow{margin-bottom:8px;font-size:10px}.capacity-assessment h3{font-size:16px;line-height:1.4}.capacity-assessment p,.capacity-assessment li{font-size:12px}.capacity-assessment ul{padding-left:18px;margin:12px 0}.capacity-assessment p{margin-bottom:10px}.capacity-risk,.capacity-attention{border-color:#d6bd76;border-left-color:#8a651a}.capacity-review{border-left-color:#526775}.capacity-assessment details{border-top:1px solid var(--border);padding-top:12px;margin-top:14px;font-size:11px}.capacity-assessment summary{cursor:pointer;font-weight:700;color:#176d40}.capacity-assessment details p{font-size:11px;margin-top:10px}.capacity-assessment .secondary{white-space:normal;text-align:center;line-height:1.5}
/* Calm surfaces: preserve brand accents while reducing large white areas. */
:root{--border:#d4e2da;--mint:#e9f3ed;--muted:#526775}
body{background:#f3f6f4}.header{background:#f6f8f7}.journey{background:#eef3ef;border-right-color:#dbe5de}.navigation{background:#eef3ef;border-top-color:#d4e2da}.shell{background:#f3f6f4}.choice,.tabs button,.demo,.price-card,.conditions article,.calculator-controls,.benefits-grid article{background-color:#fafcfb}.choice,.tabs button,.demo,.price-card,.conditions article,.calculator-controls,.benefits-grid article{border-color:#d4e2da}.demo,.price-card{box-shadow:0 4px 16px #07192803}.demo-top,.demo-visual{background:#e9f3ed}.demo-visual-lines i{background:#d4e6da}.demo-visual-lines i:after{background:linear-gradient(90deg,transparent,#31b06835,transparent)}.demo:after,.price-card:after{background-image:radial-gradient(#31b06820 1px,transparent 1px)}.demo:before,.price-card:before,.calculator-result:before{opacity:.45}.calculator-result{background-color:#eaf2ed;background-image:radial-gradient(#31b0680c 1px,transparent 1px)}.calculator-fields select,.calculator-fields input,.share-fallback input{background:#fafcfb;border-color:#cbded2}.capacity-assessment{background:#f7faf8}.summary,.recommendation{background-color:#e9f3ed}.summary{background-image:radial-gradient(#31b0680b 1px,transparent 1px)}.secondary{background:#fafcfb}.project-icon,.resource-icon{background:#e9f3ed}.resource-number{background:#fafcfb}.intro-screen{background-color:#f3f6f4;background-image:radial-gradient(#31b06816 1px,transparent 1px)}.intro-symbol{background:#fafcfb;box-shadow:0 10px 36px #176d4008}
@media(hover:hover) and (pointer:fine){.demo:hover,.price-card:hover,.conditions article:hover,.benefits-grid article:hover{box-shadow:0 8px 24px #176d4009}}
.usage-feedback{background:#e9f3ed;border-left:3px solid #176d40;padding:14px 16px;margin-top:18px;border-radius:6px}.usage-feedback strong{font-size:12px}.usage-feedback p{font-size:12px;margin:6px 0}.usage-feedback small{font-size:10px;color:#526775}.capacity-profile{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.capacity-profile span{border:1px solid #d4e2da;background:#eef3ef;border-radius:5px;padding:3px 7px;font-size:10px;color:#176d40}