/* Brand showcase and customer access, revision 2 — 3 October 2026. */
.hero{grid-template-columns:.92fr 1.08fr;gap:42px;padding-top:54px;padding-bottom:54px}.hero-showcase{background:#fff;border-radius:18px;border:1px solid #e8edf4;overflow:hidden;box-shadow:0 22px 60px #102d6810;align-self:center;min-width:0}.hero-showcase-image{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:contain;background:#f7f8fb}.hero-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;background:#fff}.hero-showcase-footer small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:700;color:#626b78}.hero-showcase-footer strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:18px;letter-spacing:-.4px;margin-top:7px}.hero-showcase-footer a{display:grid;place-items:center;border-radius:50%;width:43px;height:43px;flex-shrink:0;background:#1267f4;color:white;font-size:24px;transition:transform .2s}.hero-showcase-footer a:hover{transform:rotate(40deg)}
.account-container{max-width:1220px;margin:auto;padding:42px 30px 55px}.account-entry{display:grid;grid-template-columns:1fr 1fr;min-width:0;border:1px solid #e1e7ef;border-radius:18px;overflow:hidden;box-shadow:0 15px 55px #17326209}.account-story{background:#101114;color:white;padding:42px 40px 0;overflow:hidden;position:relative;min-width:0}.account-story .eyebrow{color:#81adff;font-size:9px}.account-story .eyebrow:before{background:#81adff}.account-story h2{font-size:46px;letter-spacing:-1.8px;line-height:1.1;margin:24px 0 18px}.account-story h2 em{font-style:normal;color:#72a5ff}.account-story>p{color:#bbc3cf;line-height:1.8;font-size:13px;max-width:330px}.account-benefits{display:grid;gap:14px;font-size:11px;color:#e2e7f0;margin:26px 0 32px}.account-benefits span{display:flex;align-items:center;gap:12px}.account-benefits b{display:grid;place-items:center;border:1px solid #ffffff28;width:27px;height:27px;border-radius:50%;font-size:9px;color:#81adff}.account-story>img{display:block;width:calc(100% + 80px);max-width:none;height:auto;margin-left:-40px;aspect-ratio:3/2;object-fit:cover;border-top:1px solid #ffffff18}.account-signin{padding:42px 46px;min-width:0;align-self:center}.account-signin h1{font-size:37px;letter-spacing:-1.2px;line-height:1.15;margin:18px 0 12px}.auth-intro{font-size:13px;line-height:1.8;color:#626b78;margin:0 0 26px}.social-login-options{display:grid;gap:12px}.social-login{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:13px 18px;border:1px solid #dce2eb;border-radius:6px;background:white;color:#222;font-size:12px;font-weight:600;min-height:48px}.social-login:hover{background:#f8faff;border-color:#97b9ef}.social-login svg{width:20px;height:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:15px;color:#89919d;font-size:10px;margin:27px 0 22px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#e6eaf1}.email-access-form .form-field{margin:16px 0}.email-access-form input:disabled{background:#f7f9fc;color:#8b939d;cursor:not-allowed}.email-access-form .button{margin-top:9px}.password-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-text-button{padding:0;background:none;border:0;color:#1267f4;font-size:11px;font-weight:700;cursor:pointer}.auth-switch{text-align:center;font-size:11px;color:#626b78;line-height:1.8;margin:24px 0 0}.auth-switch .auth-text-button{margin-left:4px}.auth-status{display:flex;align-items:flex-start;gap:9px;color:#667386;background:#f1f5fb;border-radius:6px;padding:11px 12px;margin-top:18px;font-size:10px;line-height:1.7}.auth-status-dot{height:5px;width:5px;border-radius:50%;background:#1267f4;flex-shrink:0;margin-top:6px}.auth-privacy{text-align:center;font-size:9px;color:#9299a4;line-height:1.8;margin-top:19px}.auth-privacy a{display:block;color:#61718a}.preview-account-records{border:1px dashed #d5deea;padding:20px 24px;margin-top:26px;border-radius:9px;background:#fbfcfe}.preview-account-records summary{cursor:pointer;font-size:12px;font-weight:600}.preview-account-records summary span{background:#e9f0fc;color:#1267f4;padding:3px 7px;border-radius:4px;margin-left:10px}.demo-order{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #e0e6ef;padding-top:18px;margin-top:18px;font-size:12px}.demo-order p{font-size:11px;color:#626b78}.demo-order small{font-size:10px;color:#626b78}
@media(max-width:1100px){.hero{gap:24px}.hero-showcase-footer{padding:16px 20px}.hero-showcase-footer strong{font-size:16px}.account-signin{padding:34px 30px}.account-story{padding:34px 30px 0}.account-story>img{width:calc(100% + 60px);margin-left:-30px}.account-story h2{font-size:41px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr);gap:30px}.hero-showcase{max-width:650px;width:100%;justify-self:center}.account-container{padding:30px 22px}.account-entry{grid-template-columns:minmax(0,1fr)}.account-story{display:none}.account-signin{padding:32px}.account-signin h1{font-size:33px}.demo-order{flex-wrap:wrap}.hero-showcase-footer strong{font-size:17px}}
@media(max-width:480px){.hero{padding-top:34px}.hero-showcase-footer{padding:15px 16px}.hero-showcase-footer small{font-size:7px;letter-spacing:1.1px}.hero-showcase-footer strong{font-size:14px}.hero-showcase-footer a{width:35px;height:35px;font-size:21px}.account-signin{padding:28px 22px}.account-signin h1{font-size:31px}.auth-switch{font-size:10px}.social-login{font-size:12px}.preview-account-records{padding:18px}}
@media(prefers-reduced-motion:reduce){.hero-showcase-footer a{transition:none}}
#account-title:focus{outline:none}

/* Official supplied vector identity — 4 October 2026. */
.logo{background:#000;border-radius:6px;padding:8px 10px}.logo img{width:100%;height:auto;display:block}.footer-brand{display:block!important;width:190px;max-width:100%;padding:9px 11px;border-radius:6px;background:#000;margin:0 0 20px}.footer-brand img{display:block;width:100%;height:auto}.account-brand{display:block;width:170px!important;height:auto;max-width:100%;padding:8px 10px;background:#000;border-radius:6px;margin:0 0 24px}.crm-brand{display:block;margin:0 0 28px;background:#000;padding:8px;border-radius:6px}.crm-brand img{display:block;width:100%;height:auto}.crm-brand span{display:block;text-align:center;font-size:8px;letter-spacing:1px;color:#b8c2d3;margin:10px 0 2px}@media(max-width:800px){.crm-brand{display:none}.account-brand{width:155px!important}}

:root{--blue:#1260ff}
.header{background:#1260ff;color:#fff;padding-top:18px;padding-bottom:18px}.header .logo,.header .logo img,.footer-brand,.footer-brand img,.crm-brand img{background:transparent!important;border-radius:0}.header-actions a{color:#fff}.header .search{background:#fff;border:0;border-radius:8px}.header .search input{color:#17233c}.header .search button{color:#1260ff}.header #cart-count{background:#fff;color:#1260ff}
.ccs-hero{padding:72px max(5vw,24px) 58px;background:linear-gradient(110deg,#f1f6ff,#fff);border-bottom:1px solid #e2e9f4}.ccs-hero h1{font-size:clamp(40px,5.2vw,76px);letter-spacing:-.055em;line-height:1.06;margin:18px 0}.ccs-hero h1 em{font-style:normal;color:#1260ff}.ccs-hero p{max-width:620px;font-size:18px;color:#52627a;line-height:1.8}.hero-pills{display:flex;gap:28px;margin-top:40px;font-size:13px;font-weight:600;color:#53637b}.ccs-category-strip{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 35px}.ccs-category-strip a{padding:14px 20px;border:1px solid #dce5f3;border-radius:7px;color:#1855b7;background:#f8fbff}.ccs-service-band{background:#1260ff;color:white;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:60px;border-radius:12px}.ccs-service-band p{color:#e2ebff}.ccs-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ccs-socials a{border:1px solid #59647b;padding:9px 13px;border-radius:6px;font-size:13px}
.ccs-order-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.ccs-order-heading h1{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.045em;margin:12px 0}.ccs-order-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:42px;align-items:start}.ccs-main-image{position:relative;background:#f5f7fb;border:1px solid #e1e8f2;border-radius:12px;overflow:hidden;aspect-ratio:1.15}.ccs-main-image img{width:100%;height:100%;object-fit:contain}.ccs-main-image>span{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#fffffff0;font-size:12px;color:#53637a;text-align:center}.ccs-thumbnails{display:flex;overflow:auto;gap:10px;padding:15px 0}.ccs-thumbnails button{flex:0 0 78px;height:78px;padding:0;border:1px solid #dae3ef;background:white;border-radius:6px;cursor:pointer}.ccs-thumbnails button.active{border:2px solid #1260ff}.ccs-thumbnails img{width:100%;height:100%;object-fit:contain}.ccs-information{padding:20px 0}.ccs-information h2{font-size:22px}.ccs-information p{color:#5a687c;line-height:1.8}details{border-top:1px solid #e2e8f1;padding:17px 0}summary{font-weight:600;cursor:pointer}.ccs-configurator{border:1px solid #dbe4f1;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #112a5510}.ccs-config-heading{background:#eff5ff;padding:22px 26px;border-bottom:1px solid #dbe4f1}.ccs-config-heading span{font-size:22px;font-weight:700;display:block}.ccs-config-heading small{display:block;margin-top:6px;color:#62718a}.ccs-configurator form{padding:26px}.ccs-configurator input,.ccs-configurator select,.ccs-configurator textarea{max-width:100%;box-sizing:border-box}.ccs-price-summary{background:#f4f7fc;padding:20px;border-radius:8px;margin-top:20px}.ccs-price-summary h2{font-size:18px;margin:0 0 12px}.ccs-price-summary .guide-total{background:transparent;padding:18px 0;gap:10px}.guide-total small{display:block;margin-top:5px}.ccs-price-summary strong{font-size:25px}.ccs-configurator .upload{margin:20px 0}.ccs-order-page{padding-top:28px}
@media(max-width:800px){.ccs-order-layout{grid-template-columns:1fr;gap:22px}.ccs-order-heading{display:block}.ccs-configurator form{padding:18px}.ccs-hero{padding:40px 22px}.hero-pills{gap:13px;flex-wrap:wrap}.ccs-service-band{display:block;padding:24px}.ccs-service-band .button{margin-top:12px}.header .header-actions{color:white}.ccs-order-heading .tag{display:inline-block}.ccs-price-summary{padding:16px}}

.ccs-order-layout>*{min-width:0}.ccs-thumbnails{max-width:100%}.ccs-configurator{min-width:0}