@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:only light;--bg:#f6f8fc;--panel:#ffffff;--muted:#4c5d73;--line:#b8c6d6;--accent:#2457c5;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#17263b;font-family:'DM Sans',Segoe UI,sans-serif;line-height:1.65}h1,h2,h3,.brand,strong{font-family:'Space Grotesk',Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:white;color:black;padding:12px}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.nav{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:1.8rem;font-weight:700;letter-spacing:-1px;text-decoration:none}.brand span{font-family:'DM Sans',sans-serif;display:block;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.nav>div{display:flex;gap:30px;flex-wrap:wrap}.nav>div a{font-size:.9rem;text-decoration:none}.nav a:hover{color:var(--accent)}main{max-width:1440px;margin:auto;padding:0 5%}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.catalog-hero{padding:80px 0 0}.catalog-hero h1{font-size:clamp(3.3rem,1.3rem + 7vw,7.7rem);line-height:1.03;letter-spacing:-5px;margin-bottom:35px;max-width:1200px}.catalog-hero h1 em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px}.lead{font-size:clamp(1.1rem,.9rem + .55vw,1.45rem);color:var(--muted);max-width:720px;line-height:1.6}.hero-bottom .lead{max-width:660px;margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:16px 25px;border-radius:9px;font-weight:700;font-size:.92rem;text-decoration:none;transition:transform .2s,background .2s;min-height:52px}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#ffffff}.outline{border:1px solid var(--line);color:#17263b}.outline:hover{background:var(--panel)}.catalog-stats{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:20px}.catalog-stats>div{display:flex;flex-direction:column}.catalog-stats strong{font-size:1.55rem}.catalog-stats span{font-size:.85rem;color:var(--muted)}.section{padding:75px 0;border-bottom:1px solid var(--line)}.section h2,.closing h2{font-size:clamp(2rem,1.2rem + 2.5vw,3.9rem);letter-spacing:-2px;line-height:1.13}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;color:var(--muted);margin-bottom:0}.app-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px}.app-list a{font-size:.8rem;background:var(--panel);border:1px solid var(--line);padding:7px 13px;border-radius:50px;text-decoration:none}.app-list a:hover{border-color:var(--accent)}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.catalog-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);container-type:inline-size}.card-image{display:block;background:linear-gradient(145deg,#e8eff8,#f5f8fc);padding:28px 25px 0;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}.card-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;transition:transform .3s}.card-image:hover img{transform:scale(1.025)}.card-copy{padding:30px}.card-copy .eyebrow{margin-bottom:12px}.card-copy h2{font-size:1.55rem;letter-spacing:-.6px;margin-bottom:12px}.card-copy h2 a{text-decoration:none}.card-copy h3{font-size:1.25rem;font-weight:500;margin-bottom:12px;color:var(--accent)}.card-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem;min-height:75px}.card-link{display:flex;justify-content:space-between;text-decoration:none;font-weight:700;padding-top:18px;border-top:1px solid var(--line)}.card-link span{color:var(--accent);font-size:1.4rem}.closing{padding:70px 7%;margin:60px 0;background:linear-gradient(120deg,#e8f2ff,#edf6f2);border:1px solid var(--line);border-radius:var(--radius)}.closing>p:not(.eyebrow){color:var(--muted);max-width:650px;margin-top:25px}.closing h2{max-width:870px;margin-bottom:30px}.text-link{display:inline-block;margin:20px;color:var(--muted)}footer{padding:50px 5%;border-top:1px solid var(--line);max-width:1440px;margin:auto}footer>p,footer small{color:var(--muted);font-size:.85rem}footer>div{display:flex;gap:26px;flex-wrap:wrap;margin:25px 0}footer a{text-decoration:none}footer small{display:block}.breadcrumb{font-size:.8rem;color:var(--muted);padding:25px 0}.breadcrumb a{text-decoration:none}.product-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:45px 0 65px}.product-name{font-size:1.05rem;font-weight:700;margin-bottom:18px}.product-hero h1{font-size:clamp(2.6rem,1rem + 3.4vw,4.7rem);letter-spacing:-2.8px;line-height:1.04;margin-bottom:25px}.product-hero .lead{font-size:1.1rem}.actions{display:flex;gap:12px;flex-wrap:wrap}.release{font-size:.75rem;color:var(--muted);margin:18px 0 0}.hero-shot{margin:0;min-width:0;background:linear-gradient(140deg,#2b3647,#1a222d);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 20px 55px #0005}.hero-shot img{width:100%;height:auto;display:block;border-radius:6px}.hero-shot figcaption{color:var(--muted);font-size:.75rem;margin-top:14px}.product-nav{display:flex;flex-wrap:wrap;gap:35px;border-block:1px solid var(--line);padding:17px 0}.product-nav a{text-decoration:none;font-size:.85rem;font-weight:700}.product-nav a:hover{color:var(--accent)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.features article{padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.feature-number{display:block;font-family:monospace;color:var(--accent);font-size:.8rem;margin-bottom:22px}.features h3{font-size:1.15rem;line-height:1.3;margin-bottom:15px}.features p{color:var(--muted);font-size:.92rem;margin:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery figure{margin:0;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:15px;min-width:0}.gallery figure:first-child{grid-column:1/-1}.gallery a{display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;background:#edf2f8;border-radius:7px;overflow:hidden}.gallery figure:first-child a{aspect-ratio:16/9}.gallery img{width:100%;height:100%;object-fit:contain}.gallery figcaption{font-size:.86rem;padding-top:15px;color:var(--muted)}.start{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps span{color:var(--accent);font-size:1.6rem;font-family:'Space Grotesk',sans-serif}.steps p{margin:4px 0 0}.good{max-width:900px}.good h2{font-size:2rem}.good p{color:var(--muted)}.good a{font-size:.9rem}.related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.related-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:23px;text-decoration:none}.related-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.related-card strong{display:block;font-size:1.1rem;line-height:1.3;margin:13px 0}.related-card p{font-size:.83rem;color:var(--muted)}.related-card b{font-size:.8rem;color:var(--accent)}dialog{position:fixed;background:#ffffff;color:#17263b;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:94dvw;width:1250px;max-height:93dvh;overflow:auto}dialog::backdrop{background:#000c}dialog img{width:100%;height:auto;max-height:75dvh;object-fit:contain;display:block}dialog p{margin:15px 0 8px}dialog>a{font-size:.85rem;color:var(--accent)}.close-viewer{position:sticky;top:0;display:block;margin:0 0 10px auto;background:var(--panel);color:#17263b;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;font-size:1.7rem}
@container (max-width:420px){.card-copy{padding:23px}.card-copy h2{font-size:1.35rem}.card-copy>p:not(.eyebrow){min-height:0}.card-image{padding:18px 15px 0}}
@media(max-width:1000px){.product-hero{grid-template-columns:1fr}.product-hero>div{max-width:800px}.hero-shot{max-width:900px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.related{grid-template-columns:repeat(2,minmax(0,1fr))}.start{gap:30px}.catalog-hero h1{letter-spacing:-3px}}
@media(max-width:640px){.nav{align-items:start;padding-block:18px}.brand{font-size:1.5rem}.brand span{font-size:.55rem}.nav>div{gap:12px;justify-content:end}.nav>div a{font-size:.75rem}.catalog-hero{padding-top:45px}.catalog-hero h1{letter-spacing:-2px}.hero-bottom,.section-heading{flex-direction:column;align-items:start;gap:20px}.catalog-stats{grid-template-columns:1fr;gap:16px}.catalog-stats>div{flex-direction:row;align-items:center;gap:20px}.catalog-stats strong{min-width:100px;font-size:1.2rem}.catalog-stats span{font-size:.75rem}.section{padding:45px 0}.catalog-grid,.features,.gallery,.start{grid-template-columns:1fr}.gallery figure:first-child{grid-column:auto}.section h2,.closing h2{letter-spacing:-1px}.product-hero{padding:25px 0 40px;gap:30px}.product-hero h1{letter-spacing:-1.5px}.product-nav{gap:18px}.hero-shot{padding:12px}.features article{padding:23px}.closing{padding:35px 25px;margin-block:35px}.closing h2{font-size:2.2rem}.related{grid-template-columns:1fr 1fr}.related-card{padding:15px}.text-link{margin:22px 0 0}.actions .button{width:100%}footer>div{gap:15px}.gallery figure{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Light catalog and clear Store actions, October 15, 2026. */
.catalog-card{box-shadow:0 8px 28px #1b3a6410}.card-copy>p.release{min-height:0;font-size:.85rem;font-weight:700;color:#344960}.card-actions{display:grid;gap:12px}.store-link{font-size:.88rem;line-height:1.4;white-space:normal}.card-link{font-size:.88rem}.release{color:#344960!important}.catalog-card .primary{width:100%}dialog::backdrop{background:#24375066}.hero-shot{background:#edf2f8}.close-viewer{color:#17263b}.preview-placeholder{background:#edf2f8!important;color:#344960!important;border-color:#b8c6d6!important}.outline{color:#17263b}.button:focus-visible,a:focus-visible{outline:3px solid #142e65;outline-offset:4px}
@media(forced-colors:active){.button,.catalog-card,.features article,.app-list a{border:1px solid ButtonText}a:focus-visible,button:focus-visible{outline:3px solid Highlight}}

/* October 16: one app per row, complete galleries and a featured chat exporter. */
.catalog-grid{grid-template-columns:minmax(0,1fr);gap:64px}.catalog-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);container-type:normal;align-items:center}.featured-app{border:2px solid #6841a5;box-shadow:0 12px 36px #6841a515}.card-copy{padding:36px}.card-copy h2{font-size:clamp(1.6rem,2.3vw,2.2rem)}.card-copy>p:not(.eyebrow){min-height:0}.card-visual{min-width:0;padding:24px;background:#edf2f8;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.card-image{aspect-ratio:auto;padding:0;border:0;background:transparent;overflow:visible}.card-image img{height:auto;object-position:center;border-radius:8px}.card-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.card-thumbnails a{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.card-thumbnails img{width:100%;height:100%;object-fit:contain}.card-actions{margin-top:22px}.features-link{font-size:.9rem;color:var(--muted)}.catalog-card .primary{width:auto;justify-self:start}.gallery-heading{font-size:1.3rem;margin:40px 0 20px}.gallery figure:first-child{grid-column:auto}.gallery figure:first-child a,.gallery a{aspect-ratio:16/10}.gallery{gap:32px}.gallery figcaption small{display:block;margin-top:6px;font-size:.74rem;color:#52647b}.app-list{gap:12px;margin-bottom:44px}.app-list a{padding:10px 16px}.catalog-card{scroll-margin-top:24px}
@media(max-width:800px){.catalog-card{grid-template-columns:1fr}.card-visual{border-right:0;border-bottom:1px solid var(--line);padding:20px}.card-copy{padding:26px}.catalog-grid{gap:44px}.catalog-card .primary{width:100%}.card-actions{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Store refresh, October 20 2026 */
.store-copy{max-width:920px;line-height:1.8}.store-copy p{margin:0 0 24px}.store-copy h3{margin:40px 0 16px;font-size:1.3rem}.gallery img{object-fit:contain}.hero-shot figcaption small{display:block;color:var(--muted);margin-top:6px}.catalog-card{box-shadow:0 14px 44px #18294909}.catalog-card h2{letter-spacing:-.035em}.product-hero{gap:48px}.release{font-weight:600}.catalog-card .card-actions{gap:18px}.card-copy{overflow-wrap:anywhere}

.catalog-hero{padding-top:64px;padding-bottom:58px}.catalog-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:1.07;letter-spacing:-.055em}.catalog-hero h1 span{color:#2559e9}.hero-bottom{margin-top:32px}.catalog-stats{margin-top:36px}.catalog-hero .lead{font-size:18px;line-height:1.7}

/* Complete Microsoft catalog refresh, October 23 2026 */
.how-to ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:28px 0 0}
.how-to li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.how-to li span{display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:50%;background:#12233f;color:#fff;font-weight:800}
.how-to li p{margin:6px 0 0;line-height:1.65}
.status-line{font-weight:800;color:var(--accent)}
.coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.coming-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#f7f9fc}.coming-card h3{font-size:1.45rem;margin:8px 0 12px}.coming-card p{line-height:1.65}
:where(a:any-link,button):focus-visible{outline:3px solid #0b66d6;outline-offset:3px}
@media(max-width:720px){.how-to ol{grid-template-columns:1fr}.coming-grid{grid-template-columns:1fr}}