body[data-design]{--design-primary:#2459dc;--design-secondary:#087f78;--design-accent:#cf416f;--design-wash:#eef3ff;--design-ink:#19283d;--design-border:#dce4ef;letter-spacing:0}
body[data-design=studio]{--design-primary:#263f6e;--design-secondary:#3777d0;--design-accent:#af6c0b;--design-wash:#f0f3f6;--design-ink:#19232e}
body[data-design=harbor]{--design-primary:#08776a;--design-secondary:#267aa4;--design-accent:#cc3f68;--design-wash:#e8f6f2;--design-ink:#183330}
body[data-design=orbit]{--design-primary:#31486c;--design-secondary:#0b897a;--design-accent:#bd4166;--design-wash:#eaf3f4;--design-ink:#20232d}
.design-settings{border-block:1px solid #dce4ef;padding:28px 0;margin:24px 0}.design-surface{min-width:0;margin:24px 0}.design-surface legend{font-size:16px;font-weight:700;margin-bottom:12px}.design-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.design-choice{position:relative;display:block;cursor:pointer;min-width:0;border:1px solid #d7e1ef;border-radius:8px;background:#fff;overflow:hidden}.design-choice:has(input:checked){outline:2px solid #2459dc;outline-offset:2px}.design-choice input{position:absolute;right:10px;top:10px;z-index:1;accent-color:#2459dc}.design-thumbnail{display:block;aspect-ratio:2.1;background:#eff3ff;padding:12px;overflow:hidden}.design-thumbnail img{width:100%;height:65%;object-fit:contain}.design-mini-bars{display:flex;gap:6px;margin-top:7px}.design-mini-bars i{height:15px;background:#9eb9f4;flex:1;border-radius:3px}.design-mini-bars i:nth-child(2){background:#91d2c4}.design-mini-bars i:nth-child(3){background:#edb0c4}.design-thumbnail-studio{background:#e7ecf3}.design-thumbnail-studio .design-mini-bars{flex-direction:column;gap:3px}.design-thumbnail-studio .design-mini-bars i{flex:none;height:4px}.design-thumbnail-harbor{background:#d5f0e7}.design-thumbnail-orbit{background:#202937}.design-choice-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:13px}.design-swatches{display:flex;gap:4px}.design-swatches i{height:12px;width:12px;border-radius:50%}
body[data-design] .order-studio-next{max-width:1600px;margin-inline:auto}
body[data-design] .order-studio-next .order-header{border-top:3px solid var(--design-primary);background:var(--design-wash);min-height:230px}
body[data-design] .order-studio-next .order-product-mark{border-radius:8px;box-shadow:0 5px 18px #19283d0b}
body[data-design] .order-studio-next .order-product-heading h1{font-size:30px;line-height:1.22;letter-spacing:0}
body[data-design] .order-studio-next .config-section-nav{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:72px;z-index:8;background:var(--cp-bg,#f6f8fb);padding:12px 0;border-bottom:1px solid var(--design-border)}
body[data-design] .order-studio-next .config-section-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;color:#526178;text-decoration:none;border-bottom:2px solid transparent;border-radius:3px;font-size:13px}
body[data-design] .order-studio-next .config-section-nav a.is-current{border-bottom-color:var(--design-primary);color:var(--design-primary);background:var(--design-wash)}
body[data-design] .order-studio-next .order-section{scroll-margin-top:140px;padding-block:10px 22px}
body[data-design] .order-studio-next .order-section .cp-card-head{padding-bottom:18px!important}
body[data-design] .order-studio-next .order-section .cp-card-title{font-size:19px!important;color:var(--design-ink)}
body[data-design] .order-studio-next .cp-choice{border-radius:8px!important;border-color:var(--design-border);transition:box-shadow .18s,border-color .18s,background-color .18s;min-height:108px}
body[data-design] .order-studio-next .btn-check:checked+.cp-choice{border-color:var(--design-primary)!important;box-shadow:inset 0 0 0 1px var(--design-primary);background:var(--design-wash)!important}
body[data-design] .order-studio-next .config-visual{border-radius:8px;background:#fff;border:1px solid var(--design-border)}
body[data-design] .order-studio-next .cp-choice-title{font-size:14px;line-height:1.4}
body[data-design] .order-studio-next .order-details{border-top:3px solid var(--design-secondary)}
.order-identity{display:flex;align-items:center;gap:14px;padding:22px 0;margin-bottom:20px;border-bottom:1px solid var(--design-border)}
.order-identity-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border:1px solid var(--design-border);border-radius:8px;background:#fff;color:var(--design-primary);font-size:24px}
.order-identity>div:nth-child(2){min-width:0;flex:1}.order-identity small{display:block;text-transform:uppercase;font-size:10px;font-weight:700;color:var(--design-secondary);margin-bottom:5px}.order-identity strong{display:block;font-size:21px;line-height:1.3;overflow-wrap:anywhere;color:var(--design-ink)}
.order-identity span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#637286;margin-top:8px}
.order-details-art{width:150px;height:80px;object-fit:cover;object-position:right;border-radius:0}
.order-studio-next .order-details .form-control{padding:12px 14px;border-radius:6px;min-height:46px;line-height:1.45;border-color:var(--design-border)}
.order-studio-next .order-details .form-control:focus{border-color:var(--design-primary);box-shadow:0 0 0 3px var(--design-wash)}
.order-studio-next .order-details .cp-card-pad{padding:0!important}.order-image-tools{display:flex;align-items:center;gap:14px;margin-bottom:18px}.order-image-tools input{flex:1;min-width:0;max-width:400px}.order-image-tools span{font-size:12px;color:#64748b}
body[data-design] .order-studio-next .order-summary{border-color:var(--design-primary)!important}
body[data-design] .cloud-overview .co-heading{background:var(--design-wash);border-top:3px solid var(--design-primary);min-height:182px}
body[data-design] .cloud-overview .co-resources{gap:16px}
body[data-design] .cloud-overview .co-resource{border-radius:6px;border-top:3px solid var(--design-primary);background:#fff;box-shadow:0 4px 14px #16273b06}
body[data-design] .cloud-overview .co-resource:nth-child(2){border-top-color:#cf416f}body[data-design] .cloud-overview .co-resource:nth-child(3){border-top-color:#087f78}body[data-design] .cloud-overview .co-resource:nth-child(4){border-top-color:#c08a16}
body[data-design] .cloud-overview .co-section-heading h2{font-size:17px}.cloud-overview .co-chart{min-height:230px}
body[data-design] .cloud-overview .co-billing-total strong{color:var(--design-primary)}
body[data-design] .cloud-overview .co-tabs a{display:inline-flex;gap:8px;align-items:center}
body[data-design=studio] .cloud-overview .co-heading{min-height:150px;border-top:0;border-bottom:1px solid #cdd8e4}
body[data-design=studio] .cloud-overview .co-resource{box-shadow:none;border-radius:0;border:0;border-left:2px solid #a6bedb}
body[data-design=studio] .order-studio-next .order-header{min-height:185px;border-top:0;border-left:4px solid var(--design-primary)}
body[data-design=studio] .sf-plans{grid-template-columns:minmax(0,1fr)}
body[data-design=studio] .sf-plan{display:grid;grid-template-columns:minmax(140px,1fr) minmax(230px,1.6fr) minmax(150px,1fr);grid-template-areas:"type specs price" "name specs price" "location specs action";gap:8px 24px;border-radius:3px}
body[data-design=studio] .sf-plan-type{grid-area:type;margin:0}
body[data-design=studio] .sf-plan h3{grid-area:name;margin:0}
body[data-design=studio] .sf-plan .sf-price{grid-area:price;align-self:center}
body[data-design=studio] .sf-plan-locations{grid-area:location;margin:0}
body[data-design=studio] .sf-plan dl{grid-area:specs;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 18px}
body[data-design=studio] .sf-plan>a{grid-area:action;align-self:center}
body[data-design=harbor] .cloud-overview .co-heading,body[data-design=harbor] .order-studio-next .order-header{border-top-color:#0a8979;background:#e4f4ed}
body[data-design=harbor] .sf-hero-inner{border-left:4px solid #a7e9cb}
body[data-design=harbor] .sf-product-tabs>a[aria-current=page]{border-color:#08776a;background:#eaf7f0}
body[data-design=harbor] .sf-plan{border-top-color:#0b8576}
body[data-design=orbit] .order-studio-next .order-header,body[data-design=orbit] .cloud-overview .co-heading{background:#202937;color:#fff;border-color:#5bd5c7}
body[data-design=orbit] .order-studio-next .order-header h1,body[data-design=orbit] .cloud-overview .co-heading h1{color:#fff}
body[data-design=orbit] .order-studio-next .order-header p,body[data-design=orbit] .cloud-overview .co-heading p,body[data-design=orbit] .co-eyebrow,body[data-design=orbit] .order-breadcrumb,body[data-design=orbit] .order-header .order-service-type{color:#d4e7e9!important}
body[data-design=orbit] .order-header a,body[data-design=orbit] .co-heading a{color:#9befdf}
body[data-design=orbit] .sf-nav{background:#202937;color:white}
body[data-design=orbit] .sf-nav a,body[data-design=orbit] .sf-nav .sf-brand{color:white}
body[data-design=orbit] .sf-product-tabs>a[aria-current=page]{background:#edf7f5;border-color:#138d7c}
body[data-design=orbit] .sf-plan{border-top-color:#168d7e}
body[data-design][data-motion=on] .order-details-art{animation:design-art-reveal .7s ease both}
@keyframes design-art-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body[data-motion=off] .cw-cloud-art,body[data-motion=off] .sf-plan,body[data-motion=off] .order-details-art{animation:none!important}
@media(prefers-reduced-motion:reduce){body[data-design] .order-details-art{animation:none!important}body[data-design] .cp-choice{transition:none!important}}
@media(max-width:1100px){.design-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body[data-design] .order-studio-next .config-section-nav{position:static;gap:3px}body[data-design] .order-studio-next .config-section-nav a{font-size:12px;padding:8px 6px;gap:5px}body[data-design] .order-studio-next .order-product-heading h1{font-size:24px}.order-details-art{display:none}.order-identity strong{font-size:18px}.order-identity{gap:10px}.order-identity-icon{width:44px;height:44px}body[data-design=studio] .sf-plan{display:block}body[data-design=studio] .sf-plan dl{display:block}body[data-design] .order-studio-next .order-section{scroll-margin-top:85px}}
@media(max-width:420px){.design-choice-caption{flex-wrap:wrap;padding:9px}.design-choices{gap:10px}.order-identity span{font-size:10px}}
@media(max-width:767px){body[data-design=studio] .sf-plan{display:flex;gap:18px}body[data-design=studio] .sf-plan dl{display:grid;margin:0;align-self:stretch}body[data-design=studio] .sf-plan .sf-price,body[data-design=studio] .sf-plan>a{align-self:stretch}}
body[data-design=harbor] :is(.order-studio-next,.cloud-overview) .cw-illustrated{background:#e4f4ed!important;border-top:3px solid #0a8979!important}
body[data-design=studio] :is(.order-studio-next,.cloud-overview) .cw-illustrated{background:#eef1f5!important;border-left:4px solid #263f6e!important}
body[data-design=studio] .cloud-overview .co-resource{background:#fff!important;color:#24364b!important;border-radius:3px!important;border-top:3px solid var(--co-tone)!important;min-height:125px}
body[data-design=studio] .cloud-overview .co-resource:nth-child(4){color:#24364b!important}
body[data-design=orbit] :is(.order-studio-next,.cloud-overview) .cw-illustrated{background:#202937!important;color:#fff!important;border-top:3px solid #5bd5c7!important}
body[data-design=orbit] :is(.order-studio-next,.cloud-overview) .cw-illustrated :is(h1,.cp-title){color:#fff!important}
body[data-design=orbit] :is(.order-studio-next,.cloud-overview) .cw-illustrated :is(p,.co-eyebrow,.order-service-type,.order-breadcrumb,.co-header-count){color:#d4e7e9!important}
@media(min-width:768px){body[data-design=orbit] :is(.order-studio-next,.cloud-overview) .cw-illustrated .cw-cloud-art{width:42%}body[data-design=orbit] .order-header-inner>div:first-child{max-width:54%}}
