/* One responsive root. Approved artwork is served from its existing source assets. */
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#020611;color:#f7faff;font:14px/1.45 Inter,system-ui,sans-serif;--sig-cyan:#13f2e6;--sig-line:#163f56}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#062036;padding:12px;z-index:100}.wrap{max-width:1440px;margin:auto}
.signal-v2-header{display:flex;align-items:center;gap:4vw;min-height:70px;padding:12px 2.3vw;border-bottom:1px solid #123047;background:#000}.signal-v2-brand{display:grid;line-height:1;text-align:center;white-space:nowrap}.signal-v2-brand strong{font-size:29px;letter-spacing:-1px}.signal-v2-brand b{font-size:10px;color:var(--sig-cyan);letter-spacing:1px;margin-top:4px}.signal-v2-brand small{font-size:8px;margin-top:5px;letter-spacing:.5px}.signal-v2-links{display:flex;gap:3vw;font-size:12px}.signal-v2-links a{padding:10px 0}.signal-v2-actions{display:flex;gap:20px;margin-left:auto;font-size:11px}.signal-v2-actions>a{border:1px solid var(--sig-cyan);border-radius:7px;min-height:40px;padding:7px 15px;display:grid;place-content:center;text-align:center;color:var(--sig-cyan)}.signal-v2-actions .membership{border-color:#f725da;color:white}.membership small{color:#fb51e4;font-size:7px;margin-top:3px}.signal-v2-actions .signal-v2-primary{background:var(--sig-cyan);color:#00121d}.signal-v2-menu{display:none}
.sig-hero{padding:20px 3.4vw 10px;background:radial-gradient(ellipse at 56% 40%,#00163180,transparent 52%)}.sig-hero .wrap{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(340px,1.4fr) minmax(230px,.7fr);gap:8px;position:relative}.sig-hero-group{display:contents}.sig-hero-heading{grid-column:1;grid-row:1;text-align:center;padding-top:0}.sig-hero-copy h1{margin:0;font-size:clamp(48px,4.6vw,68px);font-weight:900;line-height:1;letter-spacing:-.02em}.sig-hero-copy h1 span{display:block}.sig-kicker{font-size:.4em;letter-spacing:.26em;line-height:1.3}.sig-before{font-size:.265em;line-height:1.3;letter-spacing:.3em;margin:6px 0}.sig-cyan{font-size:.61em;color:var(--sig-cyan);line-height:1.2}.sig-helper{font-size:.3em;line-height:1.15}.sig-understand{font-size:.66em;color:var(--sig-cyan);line-height:1.1}.sig-telling{font-size:.63em;line-height:1.1}.sig-hero-art{grid-column:2;grid-row:1/3;margin:-5px -25px 0;align-self:start;z-index:-0;pointer-events:none}.sig-hero-art img{width:100%;height:auto}.sig-hero-lower{grid-column:1;grid-row:2;text-align:center;z-index:1}.sig-wave{width:85%;height:15px;margin:8px auto}.sig-tagline{font-size:13px;color:var(--sig-cyan);letter-spacing:1.5px;font-weight:700;margin:0}.sub{max-width:345px;margin:3px auto 10px;font-size:12px;line-height:1.4}.sub strong{color:var(--sig-cyan)}.cta-row{display:flex;gap:10px;width:125%;position:relative;z-index:2}.btn{display:flex;align-items:center;justify-content:center;border:1px solid var(--sig-cyan);border-radius:7px;min-height:40px;padding:8px 13px;font-size:11px;letter-spacing:.3px;white-space:nowrap}.btn-primary{background:var(--sig-cyan);color:#00121d;font-weight:700}.btn-ghost{background:#020a12}.private{text-align:left;font-size:10px;color:#bbd1db;margin:8px 0 0;white-space:normal}.sig-hero-points{grid-column:3;grid-row:1/3;align-self:start}.sig-point{display:grid;grid-template-columns:55px 1fr;gap:12px;align-items:center;min-height:90px;border-bottom:1px solid #21303d}.sig-point:last-child{border:0}.ico img{width:100%;height:100%;object-fit:contain}.sig-point .ico{width:55px;height:55px}.sig-point h3,.sig-feature h3,.sig-tri-card h3{font-size:11px;color:var(--sig-cyan);margin:0 0 5px}.sig-point p{font-size:11px;line-height:1.3;margin:0}
.sig-connected,.sig-triptych,.sig-trust{padding:0 3.4vw}.sig-connected{margin-top:4px}.sig-connected .wrap{padding:6px 20px 10px;border:1px solid var(--sig-line);border-radius:16px;background:linear-gradient(130deg,#031220,#030911)}.sec-head{text-align:center}.eyebrow{color:var(--sig-cyan);letter-spacing:1px;font-size:14px}.sig-g5{display:grid;grid-template-columns:repeat(5,1fr);margin-top:0}.sig-feature{display:grid;grid-template-columns:60px 1fr;gap:13px;padding:12px 15px 0;border-right:1px solid #293849}.sig-feature:last-child{border:0}.sig-feature .ico{width:60px;height:60px}.sig-feature p{font-size:11px;line-height:1.3;margin:0}.sig-triptych{margin-top:12px}.sig-triptych .grid{display:grid;grid-template-columns:1fr 1.9fr 1fr;gap:0}.sig-tri-card{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:15px;border:1px solid var(--sig-line);border-radius:16px;background:linear-gradient(130deg,#031220,#030911)}.sig-tri-card .ico{width:58px;height:58px}.sig-tri-card h3{font-size:12px}.sig-tri-card p{font-size:11px;margin:0}.sig-tri-source{position:relative;text-align:center;min-height:115px}.sig-mountain{position:absolute;bottom:0;width:100%;height:75px;object-fit:cover;object-position:center;z-index:-0}.sig-tri-source h2,.sig-tri-source p{position:relative}.sig-tri-source h2{font-size:22px;line-height:1.1;margin:0}.sig-tri-source p{font-size:13px;line-height:1.2;margin:3px 0}.sig-trust{margin-top:12px}.sig-trust .wrap{border-top:1px solid var(--sig-line)}.sig-trust .eyebrow{display:block;text-align:center;font-size:11px;padding:3px 0 10px}.sig-trust-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1040px;margin:auto}.sig-trust-item{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:0 24px;border-right:1px solid #667680}.sig-trust-item:last-child{border:0}.sig-trust-item .ico{width:34px;height:34px}.sig-trust-item p{font-size:11px;margin:0}.sig-disclaimer{font-size:11px;color:#9fb6c4;text-align:center;max-width:680px;margin:25px auto 10px}.sig-disclaimer a{color:var(--sig-cyan)}.root-footer{display:flex;justify-content:center;gap:25px;padding:15px;font-size:12px;color:#9fb6c4}
@media(max-width:1180px){.signal-v2-header{gap:3vw}.signal-v2-links{gap:2vw}.signal-v2-actions{gap:8px}.signal-v2-actions>a{padding:7px 10px}.sig-hero .wrap{grid-template-columns:1fr 1.2fr .85fr}.sig-hero-copy h1{font-size:50px}.sig-feature{grid-template-columns:40px 1fr;gap:7px;padding:12px 8px 0}.sig-feature .ico{width:40px;height:40px}.sig-triptych .grid{grid-template-columns:1fr 1.3fr 1fr}}
@media(max-width:900px){.signal-v2-header{padding:15px 8%;background:#010814}.signal-v2-links,.signal-v2-actions{display:none}.signal-v2-brand strong{font-size:26px}.signal-v2-brand small{display:none}.signal-v2-menu{display:block;margin-left:auto}.signal-v2-menu summary{display:grid;gap:5px;padding:10px;list-style:none;cursor:pointer}.signal-v2-menu summary span{width:28px;height:2px;background:#fff}.signal-v2-menu summary::-webkit-details-marker{display:none}.signal-v2-menu nav{position:absolute;right:5%;top:64px;z-index:10;display:grid;padding:12px 25px;border:1px solid var(--sig-cyan);border-radius:8px;background:#031421}.signal-v2-menu nav a{padding:10px 0}.sig-hero{padding:12px 8%}.sig-hero .wrap{grid-template-columns:1fr 1fr;gap:0}.sig-hero-heading{text-align:left;grid-row:1;z-index:1}.sig-hero-copy h1{font-size:clamp(35px,7.5vw,68px)}.sig-before{font-size:.3em;letter-spacing:.22em}.sig-cyan{font-size:.66em}.sig-helper{font-size:.4em}.sig-hero-art{grid-column:2;grid-row:1/3;width:148%;margin:5px 0 0 -35%;align-self:start}.sig-hero-art img{width:100%;max-width:none}.sig-hero-lower{display:contents}.sig-wave{grid-column:1;grid-row:2;width:100%;height:12px;margin:10px 0 4px}.sig-tagline{grid-column:1/-1;grid-row:3;text-align:left;font-size:clamp(10px,2.6vw,18px);margin:4px 0;letter-spacing:.6px;z-index:1}.sub{grid-column:1/-1;grid-row:4;text-align:left;margin:0 35% 12px 0;max-width:none;font-size:clamp(11px,2.1vw,16px);z-index:1}.cta-row{grid-column:1/-1;grid-row:5;display:grid;width:100%;gap:8px}.btn{min-height:44px;font-size:clamp(11px,2.5vw,17px);padding:10px 4px}.private{grid-column:1/-1;grid-row:6;text-align:center;font-size:11px;margin:8px 0 12px}.sig-hero-points{grid-column:1/-1;grid-row:7;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sig-point,.sig-point:last-child{grid-template-columns:40px 1fr;border:1px solid var(--sig-line);border-radius:10px;gap:9px;background:#041724b3;padding:12px 9px;min-height:98px}.sig-point .ico{width:40px;height:40px}.sig-point h3{font-size:10px}.sig-point p{font-size:11px}.sig-connected,.sig-triptych,.sig-trust{padding:0 7%}.sig-connected .wrap{border:0;border-radius:0;padding:0;background:transparent}.sec-head{margin:6px 0 10px}.eyebrow{font-size:15px;font-weight:700;letter-spacing:.2px}.sig-g5{gap:5px}.sig-feature,.sig-feature:last-child{display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px 4px;border:1px solid var(--sig-line);border-radius:10px;background:#041724b3;text-align:center;min-width:0}.sig-feature .ico{width:45px;height:45px}.sig-feature h3{font-size:clamp(8px,1.4vw,13px);overflow-wrap:anywhere}.sig-feature p{font-size:clamp(8px,1.4vw,13px);line-height:1.4}.sig-triptych .grid{grid-template-columns:1fr 1fr;gap:8px}.sig-tri-source{order:-1;grid-column:1/-1;min-height:110px}.sig-tri-source h2{font-size:21px}.sig-tri-source p{font-size:12px}.sig-tri-card{grid-template-columns:37px 1fr;gap:9px;padding:12px 8px;border-radius:10px}.sig-tri-card .ico{width:37px;height:37px}.sig-tri-card h3{font-size:10px}.sig-tri-card p{font-size:10px}.sig-trust-item{display:flex;flex-direction:column;gap:6px;text-align:center;padding:0 6px;align-items:center}.sig-trust-item p{font-size:9px}.sig-trust .eyebrow{font-size:10px}.sig-disclaimer{font-size:10px}.root-footer{flex-wrap:wrap;gap:18px}}
@media(max-width:360px){.sig-hero{padding-inline:6%}.sig-hero-copy h1{font-size:30px}.sig-hero-art{width:135%;margin-left:-30%}.sig-point{grid-template-columns:30px 1fr;gap:6px;padding:10px 6px}.sig-point .ico{width:30px;height:30px}.sig-tri-card{grid-template-columns:1fr}.sig-trust .eyebrow{font-size:9px;letter-spacing:0}}
/* At phone widths preserve readable words instead of scaling five cards to 8px. */
@media(max-width:600px){.sig-g5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sig-feature,.sig-feature:last-child{padding:14px 8px;gap:10px}.sig-feature:last-child{grid-column:1/-1;display:grid;grid-template-columns:55px 1fr;text-align:left;align-items:center;padding-inline:18px}.sig-feature h3{font-size:12px;overflow-wrap:normal;word-break:normal}.sig-feature p{font-size:13px}.sig-feature .ico{width:50px;height:50px}.sig-point h3,.sig-tri-card h3{font-size:12px}.sig-point p,.sig-tri-card p{font-size:12px}.sig-trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.sig-trust-item:nth-child(2){border-right:0}.sig-trust-item p{font-size:12px}.sig-trust .eyebrow{font-size:12px}.sub{font-size:13px}.private{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Approved S34 raster icons, exact source pixels. One cached asset, no redrawn substitutes. */
:root{--s34-icon-atlas:url("/img/canonical/s34-reference.webp")}
.reference-icon{display:block;width:100%;height:100%;background-image:var(--s34-icon-atlas);background-repeat:no-repeat;border-radius:50%}
.sig-heading-white{color:#f7faff}
.reference-icon-assessments{background-size:1147.560976% 2039.024390%;background-position:13.504075% 68.238994%}
.reference-icon-labs{background-size:1147.560976% 2039.024390%;background-position:31.664726% 68.238994%}
.reference-icon-health360{background-size:1147.560976% 2039.024390%;background-position:49.825378% 68.238994%}
.reference-icon-ai{background-size:1147.560976% 2039.024390%;background-position:67.986030% 68.238994%}
.reference-icon-pathways{background-size:1147.560976% 2039.024390%;background-position:86.146682% 68.238994%}
.reference-icon-privacy{background-size:1022.826087% 1817.391304%;background-position:12.249706% 92.151899%}
.reference-icon-way{background-size:1022.826087% 1817.391304%;background-position:58.539458% 92.151899%}
/* Keep the owner-confirmed 2/2/1 feature layout. Improve the lower card balance without changing its content hierarchy. */
@media(max-width:600px){
 .sig-tri-card{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:12px 9px;align-items:start}
 .sig-tri-card .ico{width:42px;height:42px}
 .sig-tri-card h3{font-size:11px;line-height:1.3}
 .sig-tri-card p{font-size:12px;line-height:1.4}
}

.sig-source-wave{display:none}
@media(max-width:360px){.sig-tri-card{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){
 body.signalos-page{background:#020b13 url("/img/canonical/mobile-landscape.webp") center top / 100% auto no-repeat}
 .signal-v2-header{background:transparent;border-bottom:0;position:relative}
 .sig-hero{background:transparent}
 .sig-hero-art{mix-blend-mode:screen}
 .sig-hero-heading,.sig-tagline,.sub{text-shadow:0 1px 5px #00101c}
 .sig-tri-source{background:url("/img/canonical/mobile-panorama.webp") center / cover no-repeat;min-height:140px;margin-inline:-8.139535%;padding:12px 7% 10px;display:flex;flex-direction:column;justify-content:center}
 .sig-mountain{visibility:hidden;left:0}
 .sig-tri-source h2,.sig-tri-source p{text-shadow:0 1px 5px #00101c,0 2px 10px #00101c}
 .sig-source-wave{display:block;width:46%;height:14px;margin:4px auto}
}
/* Owner menu-button feedback: one native details control, with a visible touch target. */
@media(max-width:900px){
 .signal-v2-menu summary{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;border:1px solid #13f2e680;border-radius:12px;background:linear-gradient(145deg,#062638eb,#031421f5);box-shadow:inset 0 1px 0 #b8fff51c,0 3px 14px #00101c66;transition:border-color .18s,box-shadow .18s}
 .signal-v2-menu summary span{width:22px;height:2px;flex:none;border-radius:2px;background:var(--sig-cyan);transform-origin:center;transition:transform .18s,opacity .18s}
 .signal-v2-menu summary span:nth-child(2){width:16px;align-self:flex-end}
 .signal-v2-menu summary:hover,.signal-v2-menu[open] summary{border-color:var(--sig-cyan);box-shadow:inset 0 1px 0 #b8fff51c,0 0 14px #13f2e626}
 .signal-v2-menu summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
 .signal-v2-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .signal-v2-menu[open] summary span:nth-child(2){opacity:0}
 .signal-v2-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .signal-v2-menu nav{top:calc(100% + 4px);right:8%;border-radius:14px;box-shadow:0 12px 32px #00101c99}
}
@media(prefers-reduced-motion:reduce){.signal-v2-menu summary,.signal-v2-menu summary span{transition:none}}
/* Review feedback revision, 2026-11-02 (reviewer notes on the Phase 1 landing hero, project signalos-phase1):
   1. The hero headline keeps normal word spacing and the canon's mixed weights (it was all weight 900 with negative tracking, so "helps you" and "what it's" lost their word gaps).
   2. On tablet and phone the hero sits on a dark scrim over the landscape instead of bright sky, centered like the canon lockup, with the figure art beside or below the copy rather than behind it.
   3. The header, hero and sections share one side margin, so the right edge of the hero buttons lines up with the cards below. */
.sig-hero-copy h1{letter-spacing:0}
.sig-kicker{font-weight:600}
.sig-before{font-weight:600}
.sig-cyan{font-weight:800}
.sig-helper{font-weight:500;letter-spacing:.01em;word-spacing:.18em}
.sig-understand{letter-spacing:-.01em}
.sig-telling{letter-spacing:-.01em;word-spacing:.08em}
@media(max-width:900px){
 body.signalos-page{background:linear-gradient(180deg,rgba(2,8,18,.86) 0,rgba(2,8,18,.8) 36%,rgba(2,8,18,.9) 68%,#020b13 100%) top center/100% 150vw no-repeat,#020b13 url("/img/canonical/mobile-landscape.webp") center top/100% auto no-repeat}
 .signal-v2-header{padding-inline:7%}
 .signal-v2-menu nav{right:7%}
 .sig-hero{padding-inline:7%}
 .sig-hero-heading,.sig-tagline,.sub{text-align:center}
 .sig-tri-source{background:linear-gradient(rgba(2,8,18,.5),rgba(2,8,18,.3)),url("/img/canonical/mobile-panorama.webp") center/cover no-repeat}
}
@media(min-width:601px) and (max-width:900px){
 .sig-hero-art{width:100%;margin:0}
 .sub{margin:0 auto 12px;max-width:34em}
}
@media(max-width:600px){
 .sig-hero .wrap{grid-template-columns:minmax(0,1fr)}
 .sig-hero-copy h1{font-size:clamp(40px,12.4vw,58px)}
 .sig-hero-heading{grid-column:1;grid-row:1}
 .sig-wave{grid-column:1;grid-row:2;width:min(100%,340px);margin:12px auto 4px}
 .sig-tagline{grid-column:1;grid-row:3}
 .sub{grid-column:1;grid-row:4;margin:0 auto 12px;max-width:34em}
 .cta-row{grid-column:1;grid-row:5}
 .private{grid-column:1;grid-row:6}
 .sig-hero-art{grid-column:1;grid-row:7;width:min(100%,360px);margin:10px auto 0}
 .sig-hero-points{grid-column:1;grid-row:8}
}
@media(max-width:360px){.sig-hero{padding-inline:7%}}
