/* Sapphire look of the one public homepage (web/index.html carries both themes; the attribute on <html>
   picks one). Every rule sits under :where([data-landing-theme="sapphire"]): the prefix adds no specificity,
   so the cascade against landing-finish.css / landing-motion.css is unchanged, and Atelier never matches.
   Dark: header, hero, product window, My HR0110, final call, footer, intro. Light below the hero (28.09). */
:root:where([data-landing-theme="sapphire"]){--ink:var(--hr-color-ink);--muted:var(--hr-color-muted);--paper:var(--hr-surface-canvas);--line:var(--hr-border-subtle);--blue:var(--hr-color-sapphire)}
html:where([data-landing-theme="sapphire"]){background:var(--hr-color-navy)}
:where([data-landing-theme="sapphire"]) body{font-family:var(--hr-font-body);background:var(--paper)}
:where([data-landing-theme="sapphire"]) .site{position:relative;background:var(--paper);color:var(--ink)}
/* One continuous sapphire backdrop behind header + hero: the header floats over the hero, so the ribbons
   never break at a seam, and Safari tints the status bar / overscroll navy instead of paper white. */
:where([data-landing-theme="sapphire"]) .site>.shell:first-child{position:absolute;inset-inline:0;top:0;z-index:30;width:100%;padding:20px max(24px,calc((100vw - 1440px)/2));background:transparent}
:where([data-landing-theme="sapphire"]) header{height:auto;min-height:68px;padding:12px 20px;border:1px solid var(--hr-border-glass);border-radius:24px;color:var(--hr-color-inverse);background:var(--hr-background-glass);box-shadow:var(--hr-shadow-glass);gap:20px}
:where([data-landing-theme="sapphire"]) header .logo img{filter:brightness(0) invert(1)}
:where([data-landing-theme="sapphire"]) header nav{gap:22px;font-size:12px}
:where([data-landing-theme="sapphire"]) .header-actions{gap:12px;font-size:12px}
:where([data-landing-theme="sapphire"]) .cta-dark,:where([data-landing-theme="sapphire"]) .book{background:var(--hr-color-lime);color:var(--hr-color-on-lime);border:1px solid transparent;box-shadow:var(--hr-shadow-primary);font-weight:500}
:where([data-landing-theme="sapphire"]) .cta-dark:hover,:where([data-landing-theme="sapphire"]) .book:hover{background:var(--hr-color-lime-hover)}
/* First screen: dark glass with the floating product window. */
:where([data-landing-theme="sapphire"]) .hero{--sapphire-header-space:110px;position:relative;width:100%;margin:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);padding:calc(48px + var(--sapphire-header-space)) max(24px,calc((100vw - 1440px)/2)) 80px;background:var(--hr-background-hero);color:var(--hr-color-inverse);min-height:690px;border:0;gap:36px;overflow:hidden}
:where([data-landing-theme="sapphire"]) .hero-copy{padding:24px 0;min-width:0}
:where([data-landing-theme="sapphire"]) .hero .eyebrow{color:var(--hr-color-inverse-muted);letter-spacing:.22em;font-size:10px}
:where([data-landing-theme="sapphire"]) .hero h1{font-family:var(--hr-font-display);font-size:clamp(48px,5.1vw,82px);font-weight:700;line-height:1.01;letter-spacing:-.055em}
:where([data-landing-theme="sapphire"]) .hero-copy>p{color:var(--hr-color-inverse-muted);font-size:17px;max-width:510px}
:where([data-landing-theme="sapphire"]) .hero .watch{color:var(--hr-color-inverse);font-size:13px}
:where([data-landing-theme="sapphire"]) .hero .watch-icon{border-color:var(--hr-border-glass)}
:where([data-landing-theme="sapphire"]) .hero-actions{flex-wrap:wrap;gap:20px}
:where([data-landing-theme="sapphire"]) .hero .journey-mini{color:var(--hr-color-inverse-muted);gap:12px;letter-spacing:.08em;flex-wrap:wrap}
:where([data-landing-theme="sapphire"]) .hero-media{background:none;min-height:0;display:grid;align-items:center;overflow:visible;padding:24px 0 24px 16px}
:where([data-landing-theme="sapphire"]) .hero-media:after{display:none}
:where([data-landing-theme="sapphire"]) .sapphire-product-window{border-radius:26px;border:1px solid var(--hr-border-glass);padding:10px;background:var(--hr-background-glass);box-shadow:var(--hr-shadow-glass),0 28px 75px #00152c80;transform:perspective(1600px) rotateY(-6deg) rotateZ(1deg);min-width:0}
:where([data-landing-theme="sapphire"]) .sapphire-window-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 20px;gap:12px;font-size:13px}
:where([data-landing-theme="sapphire"]) .sapphire-window-bar>strong{font-size:22px;letter-spacing:-.04em}
:where([data-landing-theme="sapphire"]) .sapphire-window-bar>span{color:var(--hr-color-inverse-muted);padding:10px;border:1px solid var(--hr-border-glass);border-radius:10px;font-size:10px;flex:1}
:where([data-landing-theme="sapphire"]) .sapphire-window-bar>a{border:1px solid var(--hr-border-glass);border-radius:10px;padding:10px 14px;min-height:40px;white-space:nowrap}
:where([data-landing-theme="sapphire"]) .sapphire-window-content{background:var(--hr-surface-paper);color:var(--ink);border-radius:18px;padding:30px}
:where([data-landing-theme="sapphire"]) .sapphire-demo-label{font-family:var(--hr-font-mono);font-size:8px;letter-spacing:.12em;color:var(--muted)}
:where([data-landing-theme="sapphire"]) .sapphire-window-content h2{font-size:clamp(26px,2.5vw,39px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:16px 0 26px}
:where([data-landing-theme="sapphire"]) .sapphire-stage-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-block:20px 26px}
:where([data-landing-theme="sapphire"]) .sapphire-stage-rail>span{display:grid;gap:10px;font-size:10px;line-height:1.4}
:where([data-landing-theme="sapphire"]) .sapphire-stage-rail b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--hr-surface-selected);color:var(--blue);font:10px var(--hr-font-mono)}
:where([data-landing-theme="sapphire"]) .sapphire-stage-rail>span:last-child b{background:var(--hr-color-lime);color:var(--hr-color-on-lime)}
:where([data-landing-theme="sapphire"]) .sapphire-demo-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}
:where([data-landing-theme="sapphire"]) .sapphire-demo-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#d3e6ff,#abcaff);color:#1e4582;font-size:12px}
:where([data-landing-theme="sapphire"]) .sapphire-demo-person strong{display:block;font-size:12px;font-weight:500}
:where([data-landing-theme="sapphire"]) .sapphire-demo-person small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
:where([data-landing-theme="sapphire"]) .sapphire-demo-status{font-size:9px;background:var(--hr-surface-selected);color:var(--hr-color-sapphire-hover);padding:7px 9px;border-radius:999px}
:where([data-landing-theme="sapphire"]) .sapphire-preview-cta{display:flex;justify-content:space-between;padding:15px 0 0;margin-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--blue)}

/* Below the hero: light canvas, white cards, #dce5f0 rules, sapphire accent, lime primaries, Martian Mono labels
   (owner decision 28.09; each block follows web/design-system/prototypes/opening.html). */
:where([data-landing-theme="sapphire"]) .eyebrow{font-family:var(--hr-font-mono);letter-spacing:.18em;color:var(--blue)}
:where([data-landing-theme="sapphire"]) .section-head .eyebrow{font-size:11px}
:where([data-landing-theme="sapphire"]) .section-head h3{font-weight:600;letter-spacing:-.045em;line-height:1.08}
:where([data-landing-theme="sapphire"]) .section-head p{color:var(--muted)}
/* Four products */
:where([data-landing-theme="sapphire"]) .products{background:var(--paper)}
:where([data-landing-theme="sapphire"]) .product:hover{background:var(--hr-surface-subtle)}
:where([data-landing-theme="sapphire"]) .product h2{font-weight:500;letter-spacing:-.04em}
:where([data-landing-theme="sapphire"]) .product p{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .num{font-family:var(--hr-font-mono);color:var(--muted)}
:where([data-landing-theme="sapphire"]) .icon.blue{background:var(--hr-surface-selected);color:var(--blue)}
:where([data-landing-theme="sapphire"]) .icon.dark{background:var(--hr-color-lime);color:var(--hr-color-on-lime)}
:where([data-landing-theme="sapphire"]) .explore{color:var(--blue)}
:where([data-landing-theme="sapphire"]) .direct-link{color:var(--muted);border-color:var(--hr-border-control)}
:where([data-landing-theme="sapphire"]) .trust{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .trust-tags span:before{color:var(--blue)}
/* How you start */
:where([data-landing-theme="sapphire"]) .start-step{background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .start-step .num,:where([data-landing-theme="sapphire"]) .start-step .explore{color:var(--blue)}
:where([data-landing-theme="sapphire"]) .start-step .num{font-family:var(--hr-font-mono)}
:where([data-landing-theme="sapphire"]) .start-step p,:where([data-landing-theme="sapphire"]) .start-note,:where([data-landing-theme="sapphire"]) .start-when{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .start-step h4{font-weight:500}
/* Employee story and live numbers */
:where([data-landing-theme="sapphire"]) .story{background:var(--paper);color:var(--ink)}
:where([data-landing-theme="sapphire"]) .story-copy h3{font-weight:600;letter-spacing:-.05em}
:where([data-landing-theme="sapphire"]) .story-copy p{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .story-timeline{background:var(--hr-surface-paper);border:1px solid var(--line);border-radius:var(--hr-radius-dialog)}
:where([data-landing-theme="sapphire"]) .story-timeline .line-item,:where([data-landing-theme="sapphire"]) .story-timeline .line-item:first-child{border-color:var(--line)}
:where([data-landing-theme="sapphire"]) .story-timeline time{color:var(--blue);font-family:var(--hr-font-mono)}
:where([data-landing-theme="sapphire"]) .story-timeline span{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .story-dark{background:var(--hr-background-hero);color:var(--hr-color-inverse);border-radius:var(--hr-radius-dialog);margin-left:20px}
:where([data-landing-theme="sapphire"]) .metric strong{color:var(--hr-color-lime);font-weight:500}
:where([data-landing-theme="sapphire"]) .metric span,:where([data-landing-theme="sapphire"]) .story-dark .tagline{color:var(--hr-color-inverse-muted)}
/* The journey: light tabs and stage, dark side panel inside the module screens */
:where([data-landing-theme="sapphire"]) .journey-demo{--journey:var(--blue)}
:where([data-landing-theme="sapphire"]) .journey-rail:before{background:var(--line)}
:where([data-landing-theme="sapphire"]) .journey-tab,:where([data-landing-theme="sapphire"]) .journey-tab strong,:where([data-landing-theme="sapphire"]) .journey-tab>span:not(.journey-tab-num){color:var(--muted)}
:where([data-landing-theme="sapphire"]) .journey-tab.active strong{color:var(--ink)}
:where([data-landing-theme="sapphire"]) .journey-tab-num{background:var(--hr-surface-subtle);border-color:var(--line);color:var(--muted);font-family:var(--hr-font-mono)}
:where([data-landing-theme="sapphire"]) .journey-tab.active .journey-tab-num{background:var(--hr-color-lime);border-color:var(--hr-color-lime);color:var(--hr-color-on-lime);box-shadow:none}
:where([data-landing-theme="sapphire"]) .journey-screen{border-color:var(--line);background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .journey-side{background:var(--hr-background-hero);border-color:var(--hr-border-glass);color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .journey-nav{color:var(--hr-color-inverse-muted)}
:where([data-landing-theme="sapphire"]) .journey-nav.active{color:var(--hr-color-inverse);background:var(--hr-background-active);box-shadow:var(--hr-shadow-active);font-weight:500}
:where([data-landing-theme="sapphire"]) .journey-brand{font-size:19px}
:where([data-landing-theme="sapphire"]) .journey-avatar{background:var(--hr-background-active);color:var(--ink)}
:where([data-landing-theme="sapphire"]) .journey-copy-stage{color:var(--blue);font-family:var(--hr-font-mono);font-size:10px;letter-spacing:.12em}
:where([data-landing-theme="sapphire"]) .journey-copy h4{font-weight:600;font-size:clamp(30px,3.5vw,46px);line-height:1.1}
:where([data-landing-theme="sapphire"]) .journey-copy>p,:where([data-landing-theme="sapphire"]) .journey-capability span{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .journey-capabilities{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;margin-bottom:20px}
:where([data-landing-theme="sapphire"]) .journey-next{background:var(--hr-surface-subtle)}
:where([data-landing-theme="sapphire"]) .journey-next small{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .journey-next>span{color:var(--blue)}
:where([data-landing-theme="sapphire"]) .journey-links a:first-child{color:var(--blue);background:var(--hr-surface-paper);border-color:var(--hr-border-control)}
@media(hover:hover){:where([data-landing-theme="sapphire"]) .journey-links a:first-child:hover{background:var(--hr-surface-subtle);border-color:var(--blue)}}
:where([data-landing-theme="sapphire"]) .journey-links a:last-child,:where([data-landing-theme="sapphire"]) .journey-links a:last-child:hover{color:var(--hr-color-on-lime);background:var(--hr-color-lime);border-color:transparent;box-shadow:var(--hr-shadow-primary)}
:where([data-landing-theme="sapphire"]) .person-thread i{background:var(--blue)}
:where([data-landing-theme="sapphire"]) .journey-phone-wrap{background:var(--hr-background-hero)}
:where([data-landing-theme="sapphire"]) .journey-phone-screen{background:var(--paper)}
:where([data-landing-theme="sapphire"]) .journey-phone-head,:where([data-landing-theme="sapphire"]) .journey-mobile-nav b{color:var(--blue)}
/* Companies and agencies */
:where([data-landing-theme="sapphire"]) .audience-card{background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .audience-card .label,:where([data-landing-theme="sapphire"]) .audience-card p{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .audience-card h4{font-weight:600}
:where([data-landing-theme="sapphire"]) .audience-card a{color:var(--blue)}
:where([data-landing-theme="sapphire"]) .audience-card.dark{background:var(--hr-background-hero);color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .audience-card.dark .label,:where([data-landing-theme="sapphire"]) .audience-card.dark p{color:var(--hr-color-inverse-muted)}
:where([data-landing-theme="sapphire"]) .audience-card.dark a{color:var(--hr-color-lime)}
:where([data-landing-theme="sapphire"]) .audience-card:focus-visible{outline-color:var(--blue)}
:where([data-landing-theme="sapphire"]) .audience-card.active{box-shadow:var(--hr-shadow-floating)}
:where([data-landing-theme="sapphire"]) .audience-card.active:after,:where([data-landing-theme="sapphire"]) .audience-card.dark.active:after{background:var(--hr-color-lime);color:var(--hr-color-on-lime)}
/* Companies / agencies and pricing: the two old blocks had square edge-to-edge grids; in Sapphire every block
   below the hero speaks in separate rounded cards (owner 29.09: "these small things first"). */
:where([data-landing-theme="sapphire"]) .audience-grid{border:0;gap:18px}
:where([data-landing-theme="sapphire"]) .audience-card,:where([data-landing-theme="sapphire"]) .audience-card+.audience-card{border:1px solid var(--line);border-radius:24px}
:where([data-landing-theme="sapphire"]) .pricing-grid{border:0;gap:18px}
:where([data-landing-theme="sapphire"]) .pricing-card,:where([data-landing-theme="sapphire"]) .pricing-card:last-child{border:1px solid var(--line);border-radius:24px}
:where([data-landing-theme="sapphire"]) .pricing-calc{border-radius:24px;overflow:hidden}
/* Pricing */
:where([data-landing-theme="sapphire"]) .pricing-switch{background:var(--hr-surface-subtle)}
:where([data-landing-theme="sapphire"]) .pricing-switch button{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-switch-pill{background:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-switch button.active{color:#fff}
:where([data-landing-theme="sapphire"]) .pricing-note,:where([data-landing-theme="sapphire"]) .pricing-footnote,:where([data-landing-theme="sapphire"]) .pricing-catalog-error{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-card{background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .pricing-card h4{font-weight:600}
:where([data-landing-theme="sapphire"]) .pricing-card .price-label,:where([data-landing-theme="sapphire"]) .pricing-card p,:where([data-landing-theme="sapphire"]) .pricing-card .pricing-value small,:where([data-landing-theme="sapphire"]) .pricing-feature{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-grid-companies .pricing-feature strong{color:var(--ink)}
:where([data-landing-theme="sapphire"]) .pricing-cta{border-color:var(--hr-border-control);color:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-grid-companies .pricing-card:focus-visible{outline-color:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-card.featured,:where([data-landing-theme="sapphire"]) .pricing-grid-companies .pricing-card.featured{background:var(--hr-background-hero);color:var(--hr-color-inverse);box-shadow:var(--hr-shadow-floating)}
:where([data-landing-theme="sapphire"]) .pricing-card.featured .price-label,:where([data-landing-theme="sapphire"]) .pricing-card.featured p,:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-value small,:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-feature{color:var(--hr-color-inverse-muted)}
:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-features,:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-feature{border-color:var(--hr-border-glass)}
:where([data-landing-theme="sapphire"]) .pricing-grid-companies .pricing-card.featured .pricing-feature strong{color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-cta,:where([data-landing-theme="sapphire"]) .pricing-card.featured .pricing-details-button{background:var(--hr-color-lime);color:var(--hr-color-on-lime);border-color:transparent}
:where([data-landing-theme="sapphire"]) .pricing-calc{background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .pricing-calc-copy p,:where([data-landing-theme="sapphire"]) .pricing-calc-value small,:where([data-landing-theme="sapphire"]) .pricing-calc-field>small{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-calc-field label,:where([data-landing-theme="sapphire"]) .pricing-calc-label{font-family:var(--hr-font-mono);color:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-calc input[type=range]{accent-color:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-calc-stepper{background:var(--hr-surface-subtle);border-color:var(--line)}
:where([data-landing-theme="sapphire"]) .pricing-calc-stepper button{color:var(--blue)}
@media(hover:hover){:where([data-landing-theme="sapphire"]) .pricing-calc-stepper button:hover:not(:disabled){background:var(--hr-surface-selected)}}
:where([data-landing-theme="sapphire"]) .pricing-calc-stepper button:disabled{color:var(--hr-border-control)}
:where([data-landing-theme="sapphire"]) .demo-cabinet{background:var(--hr-surface-paper)}
:where([data-landing-theme="sapphire"]) .demo-cabinet-copy{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-modal-backdrop{background:#021329b8}
:where([data-landing-theme="sapphire"]) .pricing-modal-dialog{background:var(--hr-surface-paper);border-color:var(--line);border-radius:var(--hr-radius-dialog)}
:where([data-landing-theme="sapphire"]) .pricing-modal-close{border-color:var(--hr-border-control);color:var(--ink)}
:where([data-landing-theme="sapphire"]) .pricing-modal-value{color:var(--blue)}
:where([data-landing-theme="sapphire"]) .pricing-modal-description,:where([data-landing-theme="sapphire"]) .pricing-modal-section>span,:where([data-landing-theme="sapphire"]) .pricing-modal-limit span{color:var(--muted)}
:where([data-landing-theme="sapphire"]) .pricing-modal-module{border-color:var(--hr-border-control)}

/* Dark accents: My HR0110 (the employee product), the final call, the footer and the intro. */
:where([data-landing-theme="sapphire"]) .mobile-section{background:var(--hr-background-hero);color:var(--hr-color-inverse);border-color:var(--hr-border-glass)}
:where([data-landing-theme="sapphire"]) .mobile-copy h3{font-weight:600}
:where([data-landing-theme="sapphire"]) .mobile-copy p,:where([data-landing-theme="sapphire"]) .mobile-copy .eyebrow,:where([data-landing-theme="sapphire"]) .demo-hint{color:var(--hr-color-inverse-muted)}
:where([data-landing-theme="sapphire"]) .iphone{border-color:var(--hr-border-glass);box-shadow:0 32px 100px #00112699,0 0 70px #007bff33;background:linear-gradient(140deg,#448bbb,#041d37)}
:where([data-landing-theme="sapphire"]) .iphone-screen{background:var(--hr-surface-canvas);color:var(--ink)}
:where([data-landing-theme="sapphire"]) .ios-status,:where([data-landing-theme="sapphire"]) .app-top{background:var(--hr-background-hero);color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .app-top{border-color:var(--hr-border-glass)}
:where([data-landing-theme="sapphire"]) .app-avatar,:where([data-landing-theme="sapphire"]) .profile-avatar{background:var(--hr-surface-selected);color:var(--hr-color-sapphire-hover)}
:where([data-landing-theme="sapphire"]) .quick-grid button:after,:where([data-landing-theme="sapphire"]) .more-list button:after,:where([data-landing-theme="sapphire"]) .app-nav button.active{color:var(--blue)}
@media(hover:hover){:where([data-landing-theme="sapphire"]) .demo-action:hover,:where([data-landing-theme="sapphire"]) .more-list button:hover,:where([data-landing-theme="sapphire"]) .quick-grid button:hover{border-color:var(--blue);background:var(--hr-surface-selected)}}
:where([data-landing-theme="sapphire"]) .segment button.active,:where([data-landing-theme="sapphire"]) .day.active,:where([data-landing-theme="sapphire"]) .save-shift{background:var(--blue);color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .shift-option.selected{border-color:var(--blue);background:var(--hr-surface-selected)}
:where([data-landing-theme="sapphire"]) .final-cta{margin-block:60px;padding:56px;border:1px solid var(--hr-border-glass);border-radius:32px;background:var(--hr-background-hero);box-shadow:var(--hr-shadow-glass);color:var(--hr-color-inverse);align-items:center}
:where([data-landing-theme="sapphire"]) .final-cta h3{font-weight:600}
:where([data-landing-theme="sapphire"]) .final-cta p{color:var(--hr-color-inverse-muted)}
:where([data-landing-theme="sapphire"]) .final-cta .eyebrow{color:var(--hr-color-lime)}
:where([data-landing-theme="sapphire"]) .final-cta .book{flex-shrink:0}
:where([data-landing-theme="sapphire"]) footer{background:var(--hr-color-navy);border-color:var(--hr-border-glass);padding-block:36px}
:where([data-landing-theme="sapphire"]) .footer-row{color:var(--hr-color-inverse-muted);flex-wrap:wrap;line-height:1.6}
:where([data-landing-theme="sapphire"]) .footer-row strong{font-size:24px;color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) footer a:hover{color:var(--hr-color-lime)}
:where([data-landing-theme="sapphire"]) .intro{background:var(--hr-background-hero);color:var(--hr-color-inverse)}
:where([data-landing-theme="sapphire"]) .intro-brand{color:var(--hr-color-inverse-muted)}
/* Focus: sapphire on light blocks, lime on dark ones (landing-finish.css sets lime everywhere; light blocks take it back). */
:where([data-landing-theme="sapphire"]) .site :focus-visible{outline-color:var(--blue)}
:where([data-landing-theme="sapphire"]) header :focus-visible,:where([data-landing-theme="sapphire"]) .hero :focus-visible,:where([data-landing-theme="sapphire"]) .mobile-section :focus-visible,:where([data-landing-theme="sapphire"]) .final-cta :focus-visible,:where([data-landing-theme="sapphire"]) footer :focus-visible{outline-color:var(--hr-color-lime)}
:where([data-landing-theme="sapphire"]) .iphone-screen :focus-visible{outline-color:var(--blue)}

@supports((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){:where([data-landing-theme="sapphire"]) header,:where([data-landing-theme="sapphire"]) .sapphire-product-window{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}
@media(max-width:1180px){:where([data-landing-theme="sapphire"]) header{gap:12px;padding:12px}:where([data-landing-theme="sapphire"]) header nav{gap:14px}:where([data-landing-theme="sapphire"]) .hero{gap:20px;padding-inline:28px}:where([data-landing-theme="sapphire"]) .hero h1{font-size:58px}:where([data-landing-theme="sapphire"]) .sapphire-window-content{padding:24px 20px}:where([data-landing-theme="sapphire"]) .sapphire-window-bar>span{display:none}:where([data-landing-theme="sapphire"]) .hero-actions .book{padding:14px 20px}}
@media(max-width:900px){:where([data-landing-theme="sapphire"]) .hero{grid-template-columns:1fr;padding:calc(36px + var(--sapphire-header-space)) 24px 55px;gap:18px}:where([data-landing-theme="sapphire"]) .hero-copy{max-width:720px;padding:10px 0}:where([data-landing-theme="sapphire"]) .hero h1{font-size:clamp(45px,8vw,68px)}:where([data-landing-theme="sapphire"]) .hero-media{max-width:680px;padding:0;min-height:0;justify-self:center;width:100%}:where([data-landing-theme="sapphire"]) .sapphire-product-window{transform:none}:where([data-landing-theme="sapphire"]) .hero .journey-mini{margin-top:26px}:where([data-landing-theme="sapphire"]) .story-dark{margin-left:0}:where([data-landing-theme="sapphire"]) header #primary-nav.is-open{margin-top:4px;padding:6px 12px;border-radius:14px;box-shadow:var(--hr-shadow-surface)}:where([data-landing-theme="sapphire"]) .final-cta{padding:36px;flex-direction:column;align-items:flex-start;gap:28px}}
@media(max-width:760px){:where([data-landing-theme="sapphire"]) .hero{--sapphire-header-space:94px;padding-inline:20px}:where([data-landing-theme="sapphire"]) .site>.shell:first-child{padding:12px}:where([data-landing-theme="sapphire"]) .site>.shell:first-child header{border-radius:18px;flex-wrap:wrap}:where([data-landing-theme="sapphire"]) .header-actions{gap:8px}:where([data-landing-theme="sapphire"]) .header-actions .cta-dark{padding:10px 12px;font-size:11px}:where([data-landing-theme="sapphire"]) .header-actions>span[lang]{display:none}:where([data-landing-theme="sapphire"]) header .logo img{width:106px}:where([data-landing-theme="sapphire"]) .mobile-menu-toggle{color:var(--hr-color-inverse);border-color:var(--hr-border-glass);background:transparent}:where([data-landing-theme="sapphire"]) header #primary-nav{color:var(--ink);background:var(--hr-surface-paper)}:where([data-landing-theme="sapphire"]) .hero-copy>p{font-size:15px}:where([data-landing-theme="sapphire"]) .hero-media{padding-top:12px}:where([data-landing-theme="sapphire"]) .sapphire-window-content{padding:20px 16px}:where([data-landing-theme="sapphire"]) .sapphire-stage-rail>span{font-size:9px}:where([data-landing-theme="sapphire"]) .sapphire-demo-person{gap:8px;grid-template-columns:32px minmax(0,1fr) auto}:where([data-landing-theme="sapphire"]) .sapphire-demo-avatar{width:32px;height:32px}:where([data-landing-theme="sapphire"]) .sapphire-demo-status{font-size:8px;padding:6px}:where([data-landing-theme="sapphire"]) .hero-actions{flex-wrap:nowrap;gap:14px}:where([data-landing-theme="sapphire"]) .hero .book{padding:14px 18px;white-space:nowrap}:where([data-landing-theme="sapphire"]) .hero .watch{font-size:13px}:where([data-landing-theme="sapphire"]) .hero .watch small{white-space:nowrap;font-size:11px}:where([data-landing-theme="sapphire"]) .story-copy h3{font-size:clamp(30px,8.6vw,40px)}:where([data-landing-theme="sapphire"]) .final-cta{padding:30px 24px;margin-block:36px;border-radius:24px}
 /* landing-motion.css pads these two sections for the old full-width Sapphire layout; sections now sit in .shell like the rest. */
 [data-landing-theme="sapphire"] #how-it-works,[data-landing-theme="sapphire"] #pricing{padding-inline:0}}
@media(max-width:480px){:where([data-landing-theme="sapphire"]) .hero h1{font-size:44px}:where([data-landing-theme="sapphire"]) .hero .book{min-height:48px}:where([data-landing-theme="sapphire"]) .sapphire-window-bar{padding-inline:8px}:where([data-landing-theme="sapphire"]) .sapphire-demo-status{max-width:76px;text-align:center}}
@media(prefers-reduced-motion:reduce){:where([data-landing-theme="sapphire"]) .sapphire-product-window{transform:none}}
@media(prefers-reduced-transparency:reduce){:where([data-landing-theme="sapphire"]) header,:where([data-landing-theme="sapphire"]) .sapphire-product-window{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--hr-glass-opaque)}}
/* More contrast: the glass turns solid and gets a defined edge. */
@media(prefers-contrast:more){:where([data-landing-theme="sapphire"]) header,:where([data-landing-theme="sapphire"]) .sapphire-product-window{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--hr-glass-opaque);border-color:var(--hr-color-inverse)}}
@media(forced-colors:active){:where([data-landing-theme="sapphire"]) .hero,:where([data-landing-theme="sapphire"]) header{background:Canvas;color:CanvasText}:where([data-landing-theme="sapphire"]) .hero-copy>p,:where([data-landing-theme="sapphire"]) .hero .eyebrow{color:CanvasText}:where([data-landing-theme="sapphire"]) .sapphire-product-window{border:1px solid CanvasText;box-shadow:none}}