:root{color-scheme:light;--ink:#20344c;--blue:#5275a0;--link:#265989;--paper:#f5f7fa;--line:#c7d2df;--soft:#e4ecf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:var(--link);text-underline-offset:4px}a:hover{color:#143957}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2366a5;outline-offset:5px}::selection{background:#b6d4f2;color:#142f4c}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}header,main,footer{max-width:1280px;margin:auto}header{padding:22px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:650;color:var(--ink)}nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,72px);font-weight:650;line-height:1.06;letter-spacing:-.035em;margin-bottom:25px}h2{font-size:clamp(32px,3.7vw,48px);line-height:1.14;letter-spacing:-.025em;font-weight:600}h3{font-size:27px;line-height:1.25;margin-bottom:12px;font-weight:600}p{max-width:67ch}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:65px 40px 70px;align-items:center}.wordmark{width:310px;height:auto;margin:-20px 0 13px;display:block}.hero-copy>p{font-size:19px;max-width:44ch}.actions{display:flex;align-items:flex-start;gap:19px;flex-direction:column;margin:30px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 23px;color:white;background:#315d8a;text-decoration:none;font-size:16px;font-weight:600;border:1px solid #244d76;box-shadow:0 3px 7px #223c5420;border-radius:5px;white-space:nowrap}.button:hover{color:white;background:#244b73}.text-link{font-size:15px}.hero-copy .release-note{font-size:13px;line-height:1.8;color:#486079}.flight-scene{background:#4d6e96;padding:26px 24px 18px;border-radius:10px;box-shadow:0 14px 30px #25456422;transform:rotate(-2deg);color:white}.scene-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-bottom:20px}.status-dot{width:7px;height:7px;background:#edf5ff;border-radius:50%}.window-scene{height:325px;position:relative;background:#2b4566;border:1px solid #bac9da;border-radius:6px;overflow:hidden}.scene-window{position:absolute;background:#f0f4f9;color:var(--ink);border:1px solid #bccada;border-radius:5px;box-shadow:0 5px 14px #00000033}.window-title{display:block;border-bottom:1px solid #cad5e3;padding:10px 8px;font-size:12px;white-space:nowrap}.window-title i{display:inline-block;height:5px;width:5px;background:#6682a5;border-radius:50%;margin-right:4px}.window-title i:last-of-type{margin-right:10px}.browser{left:12px;top:12px;width:47%;height:288px}.editor{right:12px;top:12px;width:45%;height:169px;background:#d9e5f3}.notes{right:12px;bottom:12px;width:45%;height:114px}.notes p{font-size:14px;line-height:1.4;padding:12px}.mock-lines,.mock-code{padding:18px 13px}.mock-lines b,.mock-code b{display:block;background:#bacce0;height:7px;margin-bottom:15px;width:85%;border-radius:2px}.mock-lines b:first-child{height:65px;width:100%;background:#90accd}.mock-lines b:nth-child(3){width:65%}.mock-code b:nth-child(2n){width:60%;margin-left:15px}.scene-footer{display:flex;align-items:center;gap:5px;margin-top:20px;font-size:12px}.scene-footer span{margin-left:auto}.scene-footer kbd{color:white;background:#44668f;border-color:#829cbb}.illustration-label{font-size:11px;margin:14px 0 0;color:#ffffff}.facts{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-block:1px solid var(--line);padding:22px 40px;font-size:14px;color:#355579}.explorer,.gallery,.workflows,.details{padding:85px 40px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;margin-bottom:36px}.section-intro h2{margin-bottom:0}.section-intro p{padding-top:5px;max-width:52ch}.demo-shell{border:1px solid var(--line);background:white;border-radius:7px;overflow:hidden}.demo-toolbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.demo-toolbar>span{font-size:13px;color:#536b84}.profile-buttons{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;cursor:pointer}button[data-profile]{font-size:14px;background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 17px;color:var(--ink)}button[data-profile][aria-pressed=true]{background:#315d8a;color:white}button[data-profile]:hover{border-color:#5275a0}.demo-monitors{display:grid;grid-template-columns:1fr 1.32fr;gap:18px;padding:32px 28px 45px;align-items:start;background:#edf2f8}.demo-monitor{position:relative;aspect-ratio:16/10;background:#f9fbfe;border:3px solid #6d849f;border-radius:4px;box-shadow:0 8px 0 -3px #bbc9d9}.demo-window{position:absolute;border:2px solid #edf2f8;background:#466e9e;color:white;padding:9px;font-size:clamp(10px,1.3vw,15px);overflow:hidden;transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease}.demo-window:nth-child(2){background:#61768d}.demo-window:nth-child(3){background:#40546e}.demo-description{padding:20px 26px 5px;font-size:15px}.demo-note{font-size:12px;color:#536b84;padding:0 26px 20px;margin:0}.workflows{padding-top:0}.workflows>h2{margin-bottom:40px}.workflows article{border-top:1px solid var(--line);padding:33px 0;display:grid;grid-template-columns:.75fr 1.8fr .7fr;gap:38px;align-items:start}.mode-label{font-size:14px;color:#456381;padding-top:7px}.workflows article p{font-size:16px}.workflows article a{font-size:14px}.mini-profile,.mini-snap{height:113px;background:#dde6f2;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;border:1px solid #aebed2}.mini-profile div{background:#527199;color:white;font-size:10px;padding:5px}.mini-profile div:nth-child(2){grid-row:span 2}.mini-snap span{background:#527199}.mini-location{height:113px;background:#e5edf6;border:1px solid #aebed2;padding:16px}.mini-location>div{position:relative;width:70%;height:75%;border:2px solid #5275a0;background:#b7cbe4}.mini-location i{position:absolute;width:7px;height:7px;background:white;border:1px solid #315d8a}.mini-location i:nth-child(1){left:-4px;top:-4px}.mini-location i:nth-child(2){right:-4px;top:-4px}.mini-location i:nth-child(3){left:-4px;bottom:-4px}.mini-location i:nth-child(4){right:-4px;bottom:-4px}.gallery{background:#e5edf6;padding-top:68px}.gallery figure{margin:0 0 40px}.gallery figure:last-child{margin-bottom:0}.gallery img{width:100%;height:auto;display:block;box-shadow:0 5px 17px #25456419}.gallery figcaption{font-size:13px;color:#415d7a;margin-top:12px}.keyboard{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:85px 40px;background:#284564;color:#fff}.keyboard p{color:#e0e9f4;font-size:16px}.keyboard a{color:#fff}.keyboard dl{margin:0}.keyboard dl>div{padding:18px 0;border-top:1px solid #68809a;display:flex;justify-content:space-between;gap:20px;align-items:center}.keyboard dd{margin:0;font-size:14px;text-align:right;color:#e0e9f4}kbd{font:13px 'Segoe UI',sans-serif;border:1px solid #b9c9dc;background:#eff4fa;color:#203b5a;padding:4px 7px;border-radius:3px}.keyboard kbd{background:#365779;color:white;border-color:#7892ad}.details{display:grid;grid-template-columns:1fr 1fr;gap:60px}.details>div>p{font-size:16px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:17px;font-weight:600}details p{font-size:15px;margin:15px 0 5px}.download{margin:0 40px 70px;border-block:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:25px}.download>div{flex:1}.download h2{font-size:28px;margin-bottom:8px}.download p{font-size:15px;margin-bottom:0}footer{padding:25px 40px 40px;display:flex;justify-content:space-between;gap:25px;font-size:12px}footer>div{display:flex;gap:22px;flex-wrap:wrap}footer a{color:#355579}@media(max-width:850px){header{padding-inline:23px}nav{gap:18px}.hero{padding:42px 25px;grid-template-columns:1fr;gap:35px}.hero-copy{max-width:670px}.flight-scene{transform:none;max-width:650px}.facts{padding-inline:25px;justify-content:flex-start;gap:16px 32px}.explorer,.gallery,.workflows,.details{padding:55px 25px}.section-intro{gap:25px}.workflows article{grid-template-columns:.7fr 2fr;gap:22px}.mini-profile,.mini-location,.mini-snap{display:none}.keyboard{padding:55px 25px;gap:32px}.download{margin-inline:25px;flex-wrap:wrap}.download .button{margin-left:0}.details{gap:28px}footer{padding-inline:25px;flex-direction:column}.wordmark{width:290px}}@media(max-width:560px){body{font-size:16px}header{gap:14px;align-items:flex-start}.brand{font-size:20px;gap:7px}.brand img{width:32px;height:32px}nav{font-size:12px;gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}.hero{padding-top:34px}.hero-copy>p{font-size:18px}.wordmark{width:260px}.window-scene{height:270px}.browser{height:235px}.editor{height:135px}.notes{height:95px}.flight-scene{padding:20px 15px}.scene-footer{flex-wrap:wrap}.scene-footer span{margin-left:6px}.section-intro,.keyboard,.details{grid-template-columns:1fr}.demo-toolbar{align-items:flex-start;flex-direction:column;padding:15px}.demo-monitors{padding:23px 12px 32px;gap:8px}.demo-window{padding:5px;font-size:9px}.demo-description{padding-inline:15px}.demo-note{padding-inline:15px}.workflows article{grid-template-columns:1fr;gap:6px}.mode-label{font-size:12px}.workflows article h3{font-size:25px}.download img{width:62px;height:62px}.download{align-items:flex-start;gap:16px}.download h2{font-size:25px}.download>div{min-width:190px}.keyboard dl>div{gap:12px}.keyboard dd{max-width:150px}.keyboard kbd{font-size:11px;padding:4px}h2{font-size:32px}.facts{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-window{transition:none}}

/* Approved dark landing-page refinement; application screenshots stay authentic. */
@font-face{font-family:Source;src:url(assets/fonts/SourceSans3.ttf)}:root{color-scheme:dark;--ink:#e8eff9;--blue:#70abf0;--link:#87bbfa;--paper:#0c131d;--line:#334258;--soft:#18283c}body{font-family:Source,Segoe UI,sans-serif}header{border-color:var(--line)}.flight-scene{background:#192d46}.window-scene{background:#0c1727}.scene-window{background:#243b56;color:#e8eff9}.scene-window.editor{background:#1b3048}.window-title{background:#172b43;color:#c5d9f1}.mock-lines b,.mock-code b{background:#6c8aaa}.scene-footer kbd{background:#14243a;color:#e8eff9}.demo-shell{background:#111e2e}.demo-toolbar{color:#b7c9df}.demo-monitors{background:#132236}.demo-monitor{background:#0c1726;border-color:#566e8a}.demo-window{background:#315e92;color:#fff}.profile-buttons button{background:#1b3049;color:#d7e6f9;border-color:#4a617d}.profile-buttons button[aria-pressed=true]{background:#70abf0;color:#0b1728}.gallery,.screenshots{background:#142237}.mini-profile div{background:#284563;color:#e8eff9}.mini-location{background:#142237}footer a{color:#87bbfa}.button{background:#70abf0;color:#091623}.button:hover{background:#b9dbff;color:#091623}::selection{background:#3466a1;color:white}a:focus-visible,button:focus-visible{outline:3px solid #87bbfa;outline-offset:4px}

.skip{background:#122238;color:#bddaff}.hero-copy .release-note,.demo-toolbar>span,.demo-note,.gallery figcaption{color:#b2c6df}.button,.flight-scene,.gallery img{box-shadow:none}.demo-window{transition:none}.scene-window{box-shadow:0 5px 14px #00000033}

.explanation{border-top:1px solid #334258;padding:70px 0}.explanation-intro{max-width:900px}.explanation h2{margin-top:0}.walkthrough{counter-reset:walk;list-style:none;padding:0;margin:45px 0}.walkthrough li{counter-increment:walk;display:grid;grid-template-columns:70px 1fr 1.65fr;gap:28px;padding:28px 0;border-top:1px solid #29384c;align-items:start}.walkthrough li:before{content:counter(walk,decimal-leading-zero);font-size:2rem;line-height:1.2;color:#80b8f5}.walkthrough h3{margin:0;line-height:1.35}.walkthrough p{margin:0;color:#c2cfe0}.practical{max-width:900px;padding-top:25px}.practical h3{margin-top:28px}.practical p{color:#c2cfe0}@media(max-width:760px){.walkthrough li{grid-template-columns:42px 1fr;gap:15px}.walkthrough p{grid-column:2}.explanation{padding:40px 0}}