/* Approved platform direction, public surfaces only. No behavioral overrides. */
@font-face{font-family:SPPlex;src:url('/marketing/fonts/plex-mono-medium.ttf') format('truetype');font-weight:500;font-display:swap}
.sp-marketing{--sp-blue:#1746c8;--sp-ink:#171c29;--sp-yellow:#e9f363;color:var(--sp-ink)}
.sp-marketing .eyebrow{font-family:SPPlex,monospace;font-weight:500;letter-spacing:.12em}
.sp-marketing header.wrap{border-bottom:2px solid var(--sp-ink)}
.sp-marketing .button{min-height:46px;border-radius:6px;box-shadow:0 3px 0 #102c78;transition:background .15s ease,box-shadow .15s ease}
.sp-marketing .button:hover{box-shadow:0 1px 0 #102c78;background:#10359e;color:white}
.sp-marketing .button:disabled{box-shadow:none}
.sp-marketing :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--sp-blue);outline-offset:4px;box-shadow:0 0 0 2px white}
.sp-marketing h1,.sp-marketing h2{font-weight:850}
.sp-marketing .hero{grid-template-columns:1.12fr 1fr;gap:52px;padding-block:64px}
.sp-marketing .hero .eyebrow{background:none;padding:0;color:var(--sp-blue);border-left:5px solid var(--sp-yellow);padding-left:12px}
.sp-marketing .product-hero{transform:none;background:var(--sp-blue);padding:24px 24px 18px;border:0;border-radius:18px;box-shadow:12px 14px 0 var(--sp-ink)}
.sp-marketing .product-hero img{border-radius:10px}
.sp-marketing .product-hero figcaption{color:white;font-family:SPPlex,monospace;font-size:11px;padding-top:18px}
.sp-marketing .features{background:var(--sp-ink);border:0;border-radius:12px;padding:34px 40px;margin-bottom:64px;width:calc(100% - 48px);max-width:1180px;gap:28px}
.sp-marketing .features span{font-family:SPPlex,monospace;color:var(--sp-yellow)}
.sp-marketing .features h2,.sp-marketing .features a{color:white}.sp-marketing .features p{color:#dce0e8}
.sp-marketing .features a:focus-visible{outline-color:var(--sp-yellow)}
.sp-marketing .sp-command{border-top:0;padding-top:16px}
.sp-command-heading h2{color:var(--sp-blue);font-weight:900}
.sp-command-screens{position:relative;isolation:isolate;background:var(--sp-blue);border-radius:22px;padding:36px;grid-template-columns:minmax(0,1fr) 230px;gap:0;align-items:start;margin:36px 0 38px;box-shadow:0 18px 35px #171c2915}
.sp-command-desktop{background:transparent;position:relative;z-index:1;padding-top:0}
.sp-command-window{background:var(--sp-ink);color:white;border-color:#ffffff66;border-bottom:0;border-radius:12px 12px 0 0;padding:15px 18px}
.sp-command-window>span{color:#a5aec1}
.sp-command-desktop img{background:white;border:0;border-radius:0 0 10px 10px;box-shadow:0 16px 30px #07194555}
.sp-command-phone{position:relative;z-index:2;margin-left:-20px!important;padding-top:42px}
.sp-command-phone:before{content:'';position:absolute;width:140px;height:140px;border:7px solid var(--sp-yellow);border-radius:50%;right:-14px;top:8px;z-index:-1;pointer-events:none}
.sp-command-phone-frame{border:7px solid var(--sp-ink);border-radius:30px;box-shadow:0 18px 28px #07194570}
.sp-command figcaption{color:white;font-size:12px;padding-right:16px}.sp-command figcaption a{color:white}
.sp-command-screens a:focus-visible{outline-color:var(--sp-yellow)}
.sp-command-metrics dl{gap:0;border:1px solid var(--sp-line);border-radius:12px;overflow:hidden;background:white}
.sp-command-metrics dl>div{border:0;border-top:4px solid var(--sp-blue);padding:23px 24px 28px}
.sp-command-metrics dl>div:nth-child(3n+2){border-inline:1px solid var(--sp-line)}
.sp-command-metrics dt{font-size:20px;font-weight:800}.sp-command-metrics dd{color:var(--sp-muted)}
.sp-command-more{background:#f5f6f9;border:1px solid var(--sp-line);padding-inline:24px;border-radius:8px}
.sp-marketing .setup li:before{background:var(--sp-ink);color:var(--sp-yellow);font-family:SPPlex,monospace}
.sp-marketing .spec-card{background:white;border:1px solid var(--sp-line);border-top:5px solid var(--sp-ink);border-radius:10px}
.sp-marketing .included-kit{border-radius:12px}.sp-marketing .included-kit .eyebrow{color:var(--sp-yellow)}
.sp-marketing .photo-grid figure{background:#f5f6f9;border:1px solid var(--sp-line);border-radius:12px;overflow:hidden}
.sp-marketing .photo-grid figcaption{padding:22px 24px 26px;border-top:4px solid var(--sp-blue)}
.sp-marketing .kit-preview figure{border:1px solid var(--sp-line);border-bottom:6px solid var(--sp-blue);border-radius:12px;overflow:hidden}
.sp-marketing .contact-section{background:var(--sp-ink);border:0}
.sp-marketing .contact-section :is(h2,.phone){color:white}.sp-marketing .contact-section .eyebrow{color:var(--sp-yellow)}
.sp-marketing .contact-section .contact-grid>div p{color:#dce0e8}
.sp-marketing .contact-section form{background:white;border:0;border-top:5px solid var(--sp-blue);border-radius:12px;box-shadow:0 18px 40px #0003}
.sp-marketing .contact-section .phone:focus-visible{outline-color:var(--sp-yellow)}
.sp-marketing footer{border-top:2px solid var(--sp-ink)}
/* Purchase keeps the product and the action together; all existing IDs and flows retained. */
.sp-shop .shop-layout{background:var(--sp-blue);border-radius:18px;width:calc(100% - 48px);margin-block:36px 56px;padding:36px;gap:0 42px}
.sp-shop .shop-product-copy :is(h1,p),.sp-shop .shop-price,.sp-shop .shop-price span{color:white}
.sp-shop .shop-product-copy .eyebrow{color:var(--sp-yellow)}
.sp-shop .shop-checkout{background:white;border:0;border-top:6px solid var(--sp-ink);border-radius:12px;box-shadow:0 18px 34px #081e6155}
.sp-shop .shop-step-label{font-family:SPPlex,monospace;font-weight:500;border-bottom:1px solid var(--sp-line);padding-bottom:16px}
.sp-shop .shop-total{background:#f0f4ff;margin-inline:-12px;padding:16px 12px!important;border:0!important;border-radius:6px}
.sp-shop .shop-details{background:white;border-radius:10px;padding:0 22px}
.sp-shop .shop-details details:last-child{border:0}
.sp-shop .shopify-choice{box-shadow:none;background:white;color:var(--sp-blue)}
.sp-shop .shopify-choice:hover{background:#eef2ff;color:var(--sp-blue);box-shadow:none}
.sp-pay-page main.legal{margin-block:48px;background:#f5f6f9;border-top:6px solid var(--sp-blue);border-radius:12px;padding:32px;max-width:800px}
.sp-pay-page #quote{background:white;padding:24px;border:1px solid var(--sp-line);border-radius:10px}
/* Public demo and service use the same contrast without changing simulated data or eligibility. */
.sp-demo .demo-console{border:12px solid var(--sp-blue);border-radius:18px;box-shadow:0 16px 32px #171c291a}
.sp-demo .console-heading{background:var(--sp-ink);color:white;border:0}.sp-demo .console-heading :is(h2,.eyebrow){color:white}
.sp-demo .tank-area{background-color:#edf2ff}.sp-demo .console-note{background:white}
.sp-demo .presets button{min-height:44px}.sp-demo .reading-area{border-top:5px solid var(--sp-blue)}
.sp-service .service-hero figure{border:0;background:var(--sp-blue);padding:20px;border-radius:16px;box-shadow:10px 12px 0 var(--sp-ink)}
.sp-service .service-hero img{border-radius:8px}.sp-service .service-hero figcaption{padding:18px 0 0}
.sp-service .plan{background:white;border-color:var(--sp-line);border-top:5px solid var(--sp-blue)}
.sp-service .plan.monthly{background:#f5f6f9;border-top-color:var(--sp-ink)}
.sp-service .service-materials{background:var(--sp-ink)}.sp-service .service-materials p{color:#e4e8f2}.sp-service .service-materials .eyebrow{color:var(--sp-yellow)}
.sp-service .service-coverage form{border:1px solid var(--sp-line);border-top:5px solid var(--sp-blue);border-radius:12px;box-shadow:8px 8px 0 var(--sp-ink)}
@media(max-width:1000px){.sp-command-screens{padding:26px;grid-template-columns:minmax(0,1fr) 190px}.sp-command-phone{margin-left:-12px!important}.sp-command-heading{gap:30px}.sp-shop .shop-layout{gap:0 28px;padding:28px}}
@media(max-width:800px){.sp-marketing .hero{grid-template-columns:1fr;padding-block:38px 50px}.sp-marketing .product-hero{width:calc(100% - 12px);max-width:540px;justify-self:center}.sp-marketing .features{padding:28px;margin-bottom:40px}.sp-command-screens{grid-template-columns:minmax(0,1fr) 160px;padding:22px}.sp-command-phone{padding-top:28px}.sp-command-phone:before{width:105px;height:105px;right:-8px}.sp-command-metrics dl>div:nth-child(n){border-inline:0}.sp-command-metrics dl>div:nth-child(2n){border-left:1px solid var(--sp-line)}}
@media(max-width:700px){.sp-shop .shop-layout{width:calc(100% - 24px);padding:20px 14px;margin-block:18px 32px}.sp-shop .shop-product{padding:0 4px;gap:14px;grid-template-columns:90px minmax(0,1fr);margin-bottom:20px}.sp-shop .shop-product-copy h1{font-size:26px}.sp-shop .shop-price{margin-top:6px}.sp-shop .shop-checkout{padding:20px}.sp-shop .shop-details{padding:0 20px}.sp-shop header.wrap{padding:16px 20px;min-height:68px}.sp-shop .shop-description{font-size:13px}.sp-pay-page main.legal{margin:24px 16px;padding:24px}.sp-pay-page h1{font-size:36px}}
@media(max-width:550px){.sp-command-screens{grid-template-columns:1fr;gap:26px;padding:20px;border-radius:16px}.sp-command-phone{margin-left:0!important;padding-top:8px;max-width:215px;width:100%}.sp-command-phone:before{right:-24px;top:-10px}.sp-command-metrics dl>div:nth-child(n){border-left:0}.sp-command-metrics dl>div{padding:20px}.sp-command-window{padding:12px;font-size:11px;gap:10px}.sp-command-more{padding-inline:18px}.sp-command-heading h2{font-size:32px}.sp-demo .demo-console{border-width:7px}.sp-demo .console-heading{padding:20px 16px}.sp-marketing .contact-section form{padding:24px}.sp-service .service-hero figure{width:calc(100% - 10px);justify-self:start}.sp-marketing .features{width:calc(100% - 32px);padding:26px}.sp-marketing .product-hero{padding:18px}.sp-marketing .hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.sp-marketing .button{transition:none}}

/* Keep the phone caption legible where the phone overlaps the white browser preview. */
.sp-command-phone figcaption{background:var(--sp-blue);border-radius:6px;padding:8px 10px}

/* Homepage spacing correction: keep adjacent content together without changing controls. */
.sp-marketing:has(#watch) .setup{padding-top:28px;padding-bottom:24px}
.sp-marketing:has(#watch) .setup li:last-child{padding-bottom:0}
.sp-marketing:has(#watch) .setup li:last-child p{margin-bottom:0}
.sp-marketing:has(#watch) .sp-films{padding-top:28px;padding-bottom:24px}
.sp-marketing:has(#watch) section[aria-labelledby="alerts-faq-title"]{padding-top:24px;padding-bottom:24px}
.sp-marketing:has(#watch) #alerts-faq-title{margin-top:0}
.sp-marketing:has(#watch) .product-photos{padding-top:24px;padding-bottom:24px}
.sp-marketing:has(#watch) .product-photos>.fine{margin-bottom:0}
.sp-marketing:has(#watch) .compatibility{padding-top:24px;padding-bottom:28px}
.sp-marketing:has(#watch) .kit-preview{padding-top:24px;padding-bottom:48px}
.sp-marketing:has(#watch) footer{row-gap:16px}
.sp-marketing:has(#watch) footer .sp-app-coming{padding-top:16px;padding-bottom:0;margin:0}
.sp-marketing:has(#watch) footer .sp-app-coming p{margin-top:10px}
@media(max-width:800px){
.sp-marketing:has(#watch) .setup,.sp-marketing:has(#watch) .sp-films,.sp-marketing:has(#watch) .product-photos,.sp-marketing:has(#watch) .compatibility,.sp-marketing:has(#watch) .kit-preview,.sp-marketing:has(#watch) section[aria-labelledby="alerts-faq-title"]{padding-top:16px;padding-bottom:16px}
.sp-marketing:has(#watch) .kit-preview{padding-bottom:32px}
.sp-marketing:has(#watch) footer{row-gap:14px}
}

/* A compact editorial quote between product essentials and the dashboard. */
.sp-marketing .sp-home-quote{width:calc(100% - 100px);max-width:1180px;margin-inline:auto;margin-block:0 28px;padding:0 0 0 24px;border-left:4px solid var(--sp-blue)}
.sp-marketing .sp-home-quote blockquote{margin:0;max-width:900px}
.sp-marketing .sp-home-quote blockquote p{margin:0;color:var(--sp-ink);font-size:clamp(24px,3vw,38px);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.sp-marketing .sp-home-quote figcaption{margin-top:12px;color:var(--sp-ink);font-size:15px;font-weight:600}
@media(max-width:800px){.sp-marketing .sp-home-quote{width:calc(100% - 44px);padding-left:18px;margin-bottom:20px}}

/* Feature-specific patent-pending note; approved October 11. */
.sp-command-metrics .sp-patent-note{font-size:13px;line-height:1.55;margin:16px 0 0;border-left:4px solid var(--sp-yellow,#e9f363);padding-left:12px;color:var(--sp-ink,#171c29)}
.sp-patent-faq{margin-bottom:12px}.sp-patent-faq>p{max-width:760px;padding-bottom:18px;font-size:15px;line-height:1.65}

/* Compact command-center disclosures: October 12 owner markup. */
.sp-marketing #command-center .sp-ai-note{margin:12px 0}
.sp-marketing #command-center .sp-command-more{margin-top:8px;padding-inline:18px}
.sp-marketing #command-center .sp-command-more summary{padding:12px 0;min-height:44px;line-height:1.4;font-size:16px}
.sp-marketing #command-center .sp-command-more>p{margin:0 0 16px;line-height:1.6}
.sp-marketing #command-center .sp-command-detail{padding-bottom:16px;gap:16px 28px}
.sp-marketing #command-center .sp-command-bottom{margin-top:16px}