:root{color-scheme:light;--ink:#142427;--navy:#06151d;--teal:#147a73;--muted:#536467;--line:#d5dedb;--paper:#f5f6f1;--gold:#d7bb75;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #df9e2b;outline-offset:5px}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#142427;padding:12px;z-index:100}.skip:focus{top:12px}.shell{width:min(1190px,calc(100% - 80px));margin:auto}.site-header{background:#07151d;color:#f4f8f5}.header-inner{min-height:92px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:8px;letter-spacing:.2em;font-size:14px;line-height:1}.brand img{object-fit:cover;border-radius:50%;mix-blend-mode:screen}.brand strong,.footer-brand strong{font-weight:750}.brand small{display:block;color:#9cb3b0;font-size:9px;letter-spacing:.06em;text-transform:none;margin-top:7px}.header-inner nav{display:flex;gap:32px;margin-left:auto;color:#bfceca;font-size:13px}.header-inner nav a:hover,.footer-links a:hover{color:#6de5cd}.header-link{font-size:13px;font-weight:650;border:1px solid #45615d;border-radius:99px;padding:10px 17px;white-space:nowrap}.header-link span{padding-left:14px}.hero{background:#07151d;color:#f6faf5;overflow:hidden}.hero-grid{min-height:605px;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:45px;padding:55px 0 70px}.eyebrow,.kicker{font-size:11px;font-weight:750;letter-spacing:.17em}.eyebrow{color:#b4d4ca;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:#77dfb8;border-radius:50%;box-shadow:0 0 0 4px #77dfb822}.eyebrow-divider{color:#7b968f;margin:0 3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.052em;line-height:1.04}h1{font-size:clamp(53px,5.8vw,79px);font-weight:650;margin:29px 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:#9be0ce}h2{font-size:clamp(39px,4.1vw,58px);font-weight:630;margin:19px 0 24px}.hero-intro{font-size:18px;line-height:1.72;color:#c2d2cd;max-width:500px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 21px;border-radius:7px;font-weight:700;font-size:14px}.button-light{background:#b7e9d6;color:#0a2e27}.button-light:hover{background:#d2f4e5}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:15px}.light-link{color:#e2eee8}.hero-footnote{font-size:12px;color:#a8bbb5;margin:24px 0 0}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.art-center{position:relative;z-index:1;height:195px;width:195px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#102d2d;border:1px solid #5f9d8b;box-shadow:0 0 80px #4bba9530}.center-mark{font-size:30px;color:#dcca91;line-height:1}.art-center strong{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.12;margin:10px 0}.art-center small{font-size:8px;letter-spacing:.16em;color:#a6c9bb}.art-label{position:absolute;display:flex;align-items:center;gap:12px;background:#10272a;border:1px solid #355c54;border-radius:9px;padding:11px 15px;box-shadow:0 12px 24px #0003;font-size:13px;font-weight:650;min-width:190px}.art-label small{display:block;color:#a0bcb4;font-size:10px;font-weight:400}.label-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#275248;color:#c9f3de;font-size:10px}.label-one{top:58px;left:0}.label-two{right:-4px;top:170px}.label-three{bottom:47px;left:25px}.art-caption{position:absolute;bottom:0;color:#92aaa3;font-size:9px;letter-spacing:.1em}.hero-bottom{border-top:1px solid #29413e;padding:18px 0;display:flex;justify-content:space-between;gap:15px;color:#a8c2ba;font-size:10px;font-weight:700;letter-spacing:.13em}.section{padding:115px 0}.intro-section{background:#f4f5ef}.intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:start}.kicker{color:#357c70;margin:0}.intro-copy{font-size:17px;color:#51635f;max-width:520px;padding-top:18px}.feature-list{margin-top:62px;border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:65px 1fr 1.3fr 30px;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding:34px 0}.feature-number{font-family:Georgia,serif;color:#669c8c;font-size:19px}.feature-label{font-size:10px;font-weight:750;letter-spacing:.15em;color:#68827b;margin:0 0 8px}.feature-row h3{font-size:23px;letter-spacing:-.03em;margin:0}.feature-row>p{color:#556760;margin:0;max-width:510px;font-size:15px}.evidence{background:#10272a;color:#f0f7f3}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.teal{color:#9ddac5}.evidence-intro{color:#bfd0c9;font-size:17px;max-width:410px}.evidence-points article{display:flex;gap:19px;border-bottom:1px solid #36534d;padding:25px 0}.evidence-points article:first-child{padding-top:0}.point-icon{flex:0 0 37px;height:37px;display:grid;place-items:center;border:1px solid #527568;border-radius:50%;color:#b0e7cf;font-size:18px}.point-icon.warning{color:#f3d18b;border-color:#a58c57}.evidence-points h3{font-size:18px;margin:0 0 5px}.evidence-points p{color:#c2d3cd;font-size:14px;margin:0}.availability{background:#e7eee6}.availability-grid{display:grid;grid-template-columns:1fr .78fr;gap:100px;align-items:center}.availability-copy>p:not(.kicker){font-size:17px;color:#53645e;max-width:490px}.dark-link{color:#155f53;display:inline-block;margin-top:14px}.release-card{background:#fff;border:1px solid #d5e0d8;border-radius:14px;padding:32px;box-shadow:0 22px 65px #173d2d13}.release-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.release-mark{display:grid;place-items:center;width:48px;height:48px;background:#113c35;color:#e8f5ed;border-radius:12px;font-size:13px;letter-spacing:-.12em}.release-mark span{color:#d9c17e;font-size:17px}.pill{font-size:10px;font-weight:750;letter-spacing:.1em;color:#286f60;background:#e5f4e9;border-radius:99px;padding:7px 11px}.release-card h3{font-size:26px;letter-spacing:-.035em;margin:0 0 3px}.release-sub,.release-help{font-size:13px;color:#667a70}.release-divider{height:1px;background:#e1e8e1;margin:22px 0}.release-help{margin:18px 0 0}.release-help a{color:#155f53;text-decoration:underline}.questions{background:#f8f9f4}.questions-grid{display:grid;grid-template-columns:.75fr 1fr;gap:100px}.questions-intro{color:#62736b}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;font-size:16px;font-weight:700;padding:23px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;color:#468878;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{max-width:600px;font-size:14px;color:#52645c;margin:0 35px 25px 0}footer{background:#07151d;color:#e6f1eb;padding:62px 0 26px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-brand{font-size:16px;letter-spacing:.2em;margin:0}.footer-inner p:not(.footer-brand){color:#a9bdb5;font-size:13px}.footer-links{display:flex;gap:28px;color:#c6d8d0;font-size:13px}.footer-bottom{border-top:1px solid #29413e;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;color:#91aaa1;font-size:10px;letter-spacing:.1em}@media(max-width:950px){.shell{width:min(100% - 48px,1190px)}.header-inner nav{gap:17px}.hero-grid{gap:15px}.hero-art{transform:scale(.83);transform-origin:center}.evidence-grid,.availability-grid,.questions-grid{gap:55px}}@media(max-width:720px){.shell{width:calc(100% - 36px)}.header-inner{min-height:75px;gap:10px}.header-inner nav{display:none}.header-link{margin-left:auto;font-size:12px;padding:9px 12px}.header-link span{padding-left:5px}.brand img{width:42px;height:42px}.brand{font-size:12px}.brand small{font-size:8px}.hero-grid{grid-template-columns:1fr;padding:54px 0 30px;gap:15px}.hero-art{height:390px;transform:scale(.8);margin:-20px -25px}.hero-intro{font-size:16px}.hero-bottom{font-size:8px;letter-spacing:.08em}.section{padding:77px 0}.intro-grid,.evidence-grid,.availability-grid,.questions-grid{grid-template-columns:1fr;gap:20px}.intro-copy{padding-top:0;font-size:16px}.feature-list{margin-top:35px}.feature-row{grid-template-columns:40px 1fr 20px;gap:12px;padding:25px 0}.feature-row>p{grid-column:2/3;font-size:14px}.evidence-points{margin-top:20px}.availability-grid{gap:34px}.questions-grid{gap:20px}.footer-inner,.footer-links{flex-direction:column}.footer-links{gap:15px}.footer-bottom{gap:20px;font-size:9px}}@media(max-width:370px){.hero-art{transform:scale(.67);margin:-42px -45px}.hero-bottom{flex-direction:column;gap:7px}.eyebrow{font-size:9px}.hero-actions{gap:18px}.release-card{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.release-mark{display:flex;align-items:center;justify-content:center;gap:2px}
.art-label{z-index:2}
.test-download{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:20px;padding:12px 16px;background:#155f53;color:#fff;border-radius:8px;font-weight:700;font-size:14px}.test-download:hover{background:#10483f}.download-hash{font-size:12px;color:#4c6055;overflow-wrap:anywhere;margin:12px 0 0}.download-hash strong{display:block;color:#243f35}
@media(max-width:400px){.art-center{height:155px;width:155px}.art-label{min-width:150px}.label-two{right:-55px}}
/* Readability and small-screen refinements. */
.feature-row{grid-template-columns:65px 1fr 1.3fr}
.feature-label{font-size:12px;color:#42685d}
.feature-number{color:#3b7565}
.intro-section .kicker,.availability .kicker,.questions .kicker{color:#28685d}
.kicker,.eyebrow{font-size:12px}
.brand small{font-size:11px}
.hero-bottom{font-size:11px}
.art-label small{font-size:12px}
.art-center small,.art-caption{font-size:11px}
.pill,.footer-bottom{font-size:11px}
.release-status{border-left:3px solid #2d7866;padding:2px 0 2px 16px;color:#234e40}
.release-status strong,.release-status span{display:block}
.release-status strong{font-size:15px}
.release-status span{font-size:14px;color:#52665c;margin-top:3px}
@media(max-width:720px){
 .feature-row{grid-template-columns:40px 1fr}
 .feature-row>p{grid-column:2}
 .hero-bottom{font-size:11px}
 .brand small{font-size:11px}
 .hero-art{height:auto;transform:none;margin:4px 0 8px;display:grid;grid-template-columns:1fr;gap:9px}
 .hero-art .art-center{display:none}
 .hero-art .art-label{position:static;min-width:0;width:100%;font-size:14px}
 .hero-art .art-caption{position:static;font-size:11px;margin-top:4px}
}
@media(max-width:370px){.eyebrow{font-size:11px;flex-wrap:wrap}.hero-art{transform:none;margin:4px 0 8px}.hero-bottom{font-size:11px}}
@media(max-width:370px){h1{font-size:46px}.brand small{display:none}}
/* Adequate hit areas for navigation and support without button-like styling. */
.brand,.header-link,.header-inner nav a,.text-link,.release-help a,.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.art-center{width:220px;height:165px;border-radius:18px}

/* Interactive examples: a learning aid, not a reproduction of the app. */
.example{align-self:center;min-width:0;padding:25px;border:1px solid #41645b;border-radius:14px;background:#0c2425;box-shadow:0 28px 75px #0003}
.example-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.example-kicker{margin:0 0 8px;color:#a6dbc8;font-size:11px;letter-spacing:.16em;font-weight:750}
.example h2{font-size:29px;line-height:1.1;letter-spacing:-.035em;color:#f1f7f3;margin:0}
.example-symbol{color:#e3cd92;font-size:30px;line-height:1}
.example-note{color:#c2d3cc;font-size:13px;line-height:1.5;margin:13px 0 19px}
.example-choices{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr;gap:7px;min-width:0}
.example-choices legend{padding:0;margin:0 0 9px;color:#d8e8e0;font-size:12px;font-weight:650}
.example-choice{position:relative;min-width:0}
.example-choice input{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.example-choice label{min-height:55px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #46685d;border-radius:7px;color:#e4f0e9;background:#102e2b;cursor:pointer}
.example-choice label:hover{background:#193d35}
.example-choice input:checked+label{border-color:#9de2c3;background:#25483b}
.example-choice input:focus-visible+label{outline:3px solid #f0bf64;outline-offset:3px}
.choice-number{color:#b7d9c7;font-family:Georgia,serif;font-size:16px;min-width:22px}
.choice-copy{display:grid;gap:1px;min-width:0;line-height:1.25}
.choice-copy strong{font-size:14px}.choice-copy small{color:#c0d6ca;font-size:12px}.choice-marker{margin-left:auto;color:#b7e7d1;font-size:15px}
.example-details{margin-top:16px;padding:17px 17px 1px;border-left:3px solid #92dabb;background:#163732;border-radius:0 7px 7px 0;color:#d1e0d8}
.example-detail h3{font-size:18px;line-height:1.25;margin:0 0 8px;color:#fff;letter-spacing:-.02em}
.example-detail p:not(.detail-tag){font-size:13px;line-height:1.55;margin:0 0 14px}
.detail-tag{font-size:11px;font-weight:750;letter-spacing:.11em;color:#a6dfc7;margin:0 0 8px}.detail-warn{color:#f1d396}.detail-tag span{font-size:9px;margin-right:4px}
.example-action{color:#d9e9df}.example-action strong{color:#fff}
.example-choices[hidden],.example-detail[hidden]{display:none}
@media(max-width:720px){.example{margin-top:15px;padding:22px}.example h2{font-size:26px}}
@media(max-width:370px){.example{padding:18px}.example-choice label{min-height:58px}.example h2{font-size:24px}}
.choice-marker::before{content:'○';font-size:19px;line-height:1}
.example-choice input:checked+label .choice-marker::before{content:'●'}
