*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:16px/1.65 "Segoe UI",system-ui,sans-serif;color:#183640;background:#f7fafb}header,main,footer{max-width:1160px;margin:auto;padding:24px 32px}a{color:#007c71;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #05b8a1;outline-offset:5px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e0e9ec}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:750;text-decoration:none;letter-spacing:-.7px;color:#102f39}.site-header nav{display:flex;gap:26px}.site-header nav a{color:#48616b;font-size:14px;text-decoration:none}.badge{border:1px solid #d8e8e5;background:#edf8f4;border-radius:30px;padding:6px 13px;color:#22745e;font-size:12px;font-weight:650}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:44px;padding:66px 0 52px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#268575}.hero h1{font-size:clamp(37px,4.2vw,55px);letter-spacing:-2.2px;line-height:1.12;margin:20px 0;color:#102e38}.hero h1 span{color:#008e80}.lead{font-size:17px;line-height:1.75;color:#526c76;max-width:520px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}.button{display:inline-block;padding:14px 22px;border-radius:9px;background:#008e80;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 7px 18px #008e8015}.disabled{background:#6a8187;cursor:default;box-shadow:none}.secondary{font-size:13px;font-weight:650;text-decoration:none;color:#355562}.small{font-size:11px;color:#72858c;margin-top:13px}.benefits{display:flex;flex-wrap:wrap;gap:8px 17px;color:#497069;font-size:11px;margin-top:25px}.product-visual{border-radius:17px;overflow:hidden;border:1px solid #23414d;background:#102d39;color:#cce2e6;box-shadow:0 25px 60px #173d4e1e;transform:rotate(-1deg)}.visual-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:15px;border-bottom:1px solid #ffffff12}.visual-top>span:first-child{font-size:9px;letter-spacing:3px;color:#6d8c97}.visual-top>span:last-child{font-size:9px;color:#64cfbb}.visual-canvas{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 45%,#15515a 0,#102d39 70%);overflow:hidden}.device{position:relative;z-index:1;width:147px;border:1px solid #ffffff20;border-radius:12px;padding:19px 12px;background:#163b46;text-align:center;box-shadow:0 10px 30px #0002}.device-remote{border-color:#43cbb563;background:#134b50}.device .device-icon{font-size:36px;color:#75dcc8;line-height:1.2;margin-bottom:12px}.device span,.device strong{display:block;font-size:10px}.device strong{font-size:11px;color:#eefaf7;margin-top:6px}.connection-path{color:#57c4b0;z-index:1;font-size:25px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #78d4c30c;border-radius:50%;width:350px;height:350px;box-shadow:0 0 0 50px #78d4c304}.visual-note{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:10px;color:#9fc5ca}.visual-bottom{padding:13px 16px;font-size:9px;border-top:1px solid #ffffff12;color:#87aab5}.free-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;border:1px solid #d9e9e5;background:#edf7f3;border-radius:13px;padding:28px 32px;margin:0 0 72px}.free-strip h2{font-size:26px;margin:7px 0 0;letter-spacing:-.7px}.free-strip p{font-size:13px;color:#49665e;margin:0}.section-block{margin:0 0 72px}h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:9px 0 12px;color:#153541}.section-intro{font-size:14px;color:#617781}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:30px 0}.steps li{padding:24px;border-top:2px solid #b4dad1;background:#fff;border-radius:0 0 12px 12px}.step-number{display:block;font-size:12px;color:#009b87;font-weight:750;margin-bottom:17px}.steps strong{display:block;font-size:17px;letter-spacing:-.3px}.steps p,.feature-grid p{font-size:13px;color:#617781;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.feature-grid article{padding:25px;border:1px solid #e0e9ec;background:#fff;border-radius:12px}.feature-symbol{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#e9f7f2;color:#008e80;font-size:22px}.feature-grid h3{font-size:17px;margin:20px 0 8px}.safety-card{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding:35px;background:#133440;color:#d7e8ed;border-radius:14px;margin-bottom:72px}.safety-card .eyebrow{color:#78d3bf}.safety-card h2{font-size:29px;line-height:1.3;letter-spacing:-.8px;margin:13px 0;color:#e2efee}.safety-card p{font-size:13px;color:#b1c7cf;margin:0 0 13px}.safety-card a{font-size:12px;color:#8ce1cb}.faq details{border-bottom:1px solid #dce7eb;padding:18px 0}.faq p,details p{font-size:13px;color:#59747e;max-width:800px}summary{cursor:pointer;font-size:14px;font-weight:650;padding-right:15px}.card{background:#fff;border:1px solid #dce7eb;border-radius:12px;padding:28px;margin:24px 0}.release-card{margin:0 0 30px}.release-card h2{font-size:23px}.release-card>p{font-size:13px;color:#617781}.release-summary{display:flex;flex-wrap:wrap;gap:14px 35px;padding:14px 0 20px;color:#72858c;font-size:12px}.release-summary strong{color:#244651;margin-left:8px}.release-card details{border-top:1px solid #e7edef;padding-top:17px}dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;font-size:12px}dd{margin:0;min-width:0}.hash,code{font-family:Consolas,monospace;overflow-wrap:anywhere;font-size:11px}code{display:block;background:#f3f7f8;padding:12px;border-radius:6px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e0e9ec;margin-top:20px;font-size:12px;color:#6b8189}.footer-brand{font-size:19px}footer>a:last-child{color:#617881;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.small,dt{color:#617781}h1{line-height:1.2}p{overflow-wrap:break-word}@media(max-width:900px){.hero{gap:26px}.device{width:125px}.product-visual{transform:none}.site-header nav{gap:16px}.safety-card{gap:25px}.visual-top>span:last-child{display:none}}@media(max-width:720px){header,main,footer{padding:20px}.site-header{flex-wrap:wrap;gap:15px}.site-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #e5ecef;padding-top:13px}.hero{grid-template-columns:1fr;padding:32px 0 35px;gap:30px}.hero h1{font-size:43px}.lead{font-size:16px}.product-visual{max-width:500px;width:100%;margin:auto}.device{width:140px}.free-strip,.safety-card{grid-template-columns:1fr;gap:18px;padding:25px}.free-strip,.section-block,.safety-card{margin-bottom:46px}.steps,.feature-grid{grid-template-columns:1fr;gap:14px}.steps li{padding:20px}h2{font-size:28px}.safety-card h2{font-size:27px}.card{padding:22px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:9px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-preview{margin:0;min-width:0;padding:10px;background:#e4eeed;border:1px solid #d0e3df;border-radius:16px;box-shadow:0 24px 54px #173d4e16;transform:rotate(-1deg)}.product-preview img{display:block;width:100%;height:auto;border-radius:9px}.product-preview figcaption{text-align:center;font-size:10px;color:#48666d;padding:10px 4px 2px}.hero{grid-template-columns:1fr 1.15fr;gap:32px}.hero h1{font-size:clamp(37px,4vw,53px)}.site-header nav{flex-wrap:wrap}.windows-band{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;padding:28px;border:1px solid #d9e9e5;border-radius:13px;background:#edf7f3}.windows-band h2{font-size:27px}.windows-band p{font-size:14px;color:#48666d}.import-section details{background:#fff;border:1px solid #dce7eb;border-radius:12px;padding:22px}.import-section summary{font-size:16px}.import-body{max-width:850px;padding-top:12px;font-size:14px}.import-body p,.import-body li{font-size:14px;color:#48666d}.import-body ol{padding-left:22px}.import-body li{margin:10px 0}.import-body pre code{font-size:12px}.model-download{display:inline-block;margin:6px 0}.release-summary{align-items:center}.release-summary time{color:#244651;font-weight:650;margin-left:8px}.release-badge{display:inline-block;border-radius:24px;padding:4px 12px;font-weight:700;background:#edf1f3;color:#49616a}.release-badge[data-state=available]{background:#e5f5ed;color:#176449}.release-badge[data-state=pilot],.release-badge[data-state=preparing]{background:#fff1d3;color:#785415}.release-badge[data-state=unavailable]{background:#fbecec;color:#8c3535}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:24px}.product-preview{transform:none}}@media(max-width:720px){.hero,.windows-band{grid-template-columns:1fr}.product-preview{width:100%;max-width:560px;margin:auto}.windows-band{gap:12px;padding:22px}.release-summary{gap:12px 20px}.import-section details{padding:18px}.site-header nav{gap:13px}.hero h1{font-size:40px}}/* Public portal: the same approved palette, radii and type scale as RemoteApp. */
body:not(.admin-page){--web-bg:#f2f5f7;--web-paper:#fff;--web-ink:#193542;--web-muted:#4a6270;--web-line:#d3dfe6;--web-soft:#edf2f5;--web-primary:#006f65;background:var(--web-bg);color:var(--web-ink);font:14px/1.65 "Segoe UI",system-ui,sans-serif;color-scheme:light}body:not(.admin-page) :is(h1,h2,h3,.brand){color:var(--web-ink)}body:not(.admin-page) :is(.card,.feature-grid article,.steps li,.import-section details){background:var(--web-paper);border-color:var(--web-line);border-radius:14px}body:not(.admin-page) :is(.section-intro,.lead,.steps p,.feature-grid p,.small,.faq p,.card>p,dt,.import-body p,.import-body li){color:var(--web-muted)}body:not(.admin-page) :is(.site-header,footer,.faq details){border-color:var(--web-line)}body:not(.admin-page) .button{background:var(--web-primary);color:#fff;border-radius:14px;box-shadow:none}body:not(.admin-page) .button.disabled{background:#526b76}body:not(.admin-page) .site-header nav a{color:var(--web-muted)}body:not(.admin-page) :is(.free-strip,.windows-band){background:#e6f1ed;border-color:var(--web-line);border-radius:14px}body:not(.admin-page) :is(.hero h1 span,a,.eyebrow){color:var(--web-primary)}body:not(.admin-page) .hero h1{letter-spacing:-1.4px;font-weight:650}body:not(.admin-page) .product-preview{transform:none;background:var(--web-soft);border-color:var(--web-line);box-shadow:0 18px 40px #19354212;border-radius:14px}body:not(.admin-page) .product-preview figcaption{color:var(--web-muted)}body:not(.admin-page) :is(code,.hash){background:var(--web-soft);color:var(--web-ink);border-radius:10px}body:not(.admin-page) :is(.free-strip p,.windows-band p,.faq details p){color:var(--web-muted)}body:not(.admin-page) :is(button,input,select){font:inherit;border-radius:14px}body:not(.admin-page) .release-summary strong,body:not(.admin-page) .release-summary time{color:var(--web-ink)}
@media(prefers-color-scheme:dark){body:not(.admin-page){--web-bg:#101c23;--web-paper:#192a34;--web-ink:#edf4f8;--web-muted:#b6cad6;--web-line:#405763;--web-soft:#223943;--web-primary:#84e0cd;color-scheme:dark}body:not(.admin-page) .button{color:#102d28}body:not(.admin-page) :is(.free-strip,.windows-band){background:#1b3633}body:not(.admin-page) .step-number{color:var(--web-primary)}body:not(.admin-page) .feature-symbol{background:#23463f;color:var(--web-primary)}body:not(.admin-page) .release-summary{color:var(--web-muted)}body:not(.admin-page) .model-download{color:#102d28}body:not(.admin-page) .release-badge[data-state=available]{background:#173d35;color:#b9ead8}body:not(.admin-page) .release-badge[data-state=unavailable]{background:#4a2828;color:#ffb4ab}body:not(.admin-page) .release-badge[data-state=preparing]{background:#493a19;color:#f5dc9c}}
@media(forced-colors:active){body:not(.admin-page){--web-bg:Canvas;--web-paper:Canvas;--web-ink:CanvasText;--web-muted:CanvasText;--web-line:CanvasText;--web-primary:LinkText;--web-soft:Canvas}body:not(.admin-page) .button{background:Highlight;color:HighlightText;border:1px solid ButtonText}}
/* Action labels need their own foreground; the general link rule also matches these anchors. */
body:not(.admin-page){--web-on-primary:#fff}
body:not(.admin-page) a.button[href],body:not(.admin-page) a.button[href]:visited{color:var(--web-on-primary)}
body:not(.admin-page) a.button.disabled{color:#fff}
@media(prefers-color-scheme:dark){body:not(.admin-page){--web-on-primary:#102d28}}
@media(forced-colors:active){body:not(.admin-page) a.button[href],body:not(.admin-page) a.button[href]:visited,body:not(.admin-page) a.button.disabled{color:HighlightText;background:Highlight}}
