:root{color-scheme:dark;--bg:#060c16;--text:#f4f8fc;--muted:#9faebe;--cyan:#59dbff;--line:#ffffff13}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}.header{height:100px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{width:202px}.brand img{width:100%}nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#bac6d4}nav a:hover,footer a:hover{color:var(--cyan)}.nav-download{border:1px solid #ffffff26;padding:11px 18px;border-radius:8px;color:#fff}.nav-download span{margin-left:12px}.hero{position:relative;overflow:hidden;min-height:810px;padding:72px 5% 110px;display:grid;grid-template-columns:42% 58%;align-items:center;max-width:1700px;margin:auto;background:radial-gradient(ellipse at 80% 52%,#08629024,transparent 58%)}.hero-copy{position:relative;z-index:2;margin-left:max(0px,calc((100vw - 1400px)/2));padding-bottom:70px}.hero h1{font-size:clamp(44px,4.35vw,72px);letter-spacing:-.055em;line-height:1.06;font-weight:650;margin:0 0 28px;max-width:640px}.hero h1 span{color:var(--cyan)}.hero-copy p{max-width:330px;font-size:20px;line-height:1.6;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:17px 24px;border-radius:9px;background:linear-gradient(115deg,#77e6ff,#27b9f1);color:#041521;font-weight:650;font-size:15px;box-shadow:0 5px 26px #00bfff18;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}small{display:block;font-size:12px;color:var(--muted);margin-top:17px}.hero-visual{position:relative;width:850px;max-width:78vw;margin-left:20px}.app-window{width:100%;border-radius:12px;box-shadow:0 30px 90px #0009,0 0 65px #14b6eb12;border:1px solid #ffffff24}.hero-scout{position:absolute;width:175px;bottom:-68px;left:-55px;pointer-events:none;filter:drop-shadow(0 14px 26px #0008)}.features{max-width:1220px;padding:0 40px;margin:auto}.feature{border-top:1px solid var(--line);min-height:650px;padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature:nth-child(even) .feature-copy{order:2}.feature:nth-child(even) .feature-art{order:1}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0 0 22px}h2{font-size:clamp(35px,3.3vw,49px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:0 0 25px}.feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--muted);max-width:430px}.feature-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#12537620,transparent 67%)}.feature-art>img{width:360px;max-height:410px;object-fit:contain}.modes{display:flex;gap:10px;margin-top:28px}.modes span{padding:9px 15px;border:1px solid #52d8ff30;border-radius:6px;font-size:12px;color:#bceaff}.bottom{max-width:1140px;margin:0 auto;border-top:1px solid var(--line);padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.bottom p{color:var(--muted);font-size:16px;line-height:1.7}.bottom h2{font-size:30px}.download{padding:100px 24px 110px;text-align:center;background:radial-gradient(ellipse at 50% 90%,#06486c35,transparent 65%);border-top:1px solid var(--line)}.download>img{width:78px;height:78px;object-fit:contain;margin:0 auto 26px}.download h2{max-width:600px;margin:0 auto 30px}.release-note{color:var(--muted);font-size:14px;line-height:1.7;max-width:420px;margin:25px auto 0}.release-note:focus{outline:1px solid var(--cyan);outline-offset:8px}footer{border-top:1px solid var(--line);max-width:1400px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;gap:25px;color:#8091a4;font-size:12px}footer>span:first-child{color:#d4e1eb;font-weight:650}.skip{position:fixed;left:15px;top:-80px;z-index:9;background:var(--cyan);color:#000;padding:12px}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}section{scroll-margin-top:35px}@media(min-width:1600px){.hero-visual{width:960px}}@media(max-width:1000px){.hero{padding-top:55px;min-height:auto;grid-template-columns:1fr;text-align:center;gap:30px}.hero-copy{margin:0;padding:0}.hero h1{margin-left:auto;margin-right:auto;font-size:60px}.hero-copy p{margin-left:auto;margin-right:auto;max-width:440px}.hero-visual{max-width:90%;width:900px;margin:30px auto 0}.hero-scout{width:140px;left:-20px;bottom:-45px}.feature{gap:35px;min-height:560px;padding:70px 0}.bottom{margin:0 40px;gap:50px}.feature-art>img{width:300px}}@media(max-width:600px){.header{height:95px;padding:15px 22px;flex-wrap:wrap;gap:8px;justify-content:center}.brand{width:145px}.header nav{width:100%;justify-content:center;font-size:12px;gap:23px}.nav-download{padding:0;border:0}.nav-download span{display:none}.hero{padding:65px 22px 75px}.hero h1{font-size:43px}.hero-copy p{font-size:17px;max-width:290px}.hero-visual{max-width:100%;margin-top:10px}.app-window{border-radius:5px}.hero-scout{width:95px;left:-9px;bottom:-35px}.features{padding:0 25px}.feature{grid-template-columns:1fr;gap:30px;padding:65px 0;min-height:auto}.feature:nth-child(even) .feature-copy,.feature:nth-child(even) .feature-art{order:initial}.feature h2{font-size:37px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature-art>img{width:270px;max-height:290px}.bottom{grid-template-columns:1fr;margin:0 25px;padding:60px 0;gap:35px}.download{padding:70px 25px}footer{flex-wrap:wrap;padding:25px;line-height:1.7}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-visual{min-width:0}.hero-visual{width:100%}}

/* Refined spacing and supplied hero composition. */
.hero-visual{width:100%;max-width:none;margin-left:12px}
.hero-artwork{width:100%;height:auto;filter:drop-shadow(0 22px 30px #0003)}
.feature{min-height:490px;padding:60px 0}
.price-region{font-size:17px;font-weight:400;letter-spacing:0;color:var(--muted)}
@media(max-width:1000px){.hero-visual{width:100%;max-width:760px;margin:10px auto 0}.feature{min-height:440px;padding:45px 0}}
@media(max-width:600px){.feature{min-height:0;padding:40px 0;gap:20px}.hero-visual{margin:5px auto 0}.feature-art>img{max-height:250px;width:250px}}

/* Close-up views of the supplied, unmodified app screenshot. */
.feature-detail{display:flex;flex-direction:column;gap:15px;background:none;align-items:center}
.ui-crop{position:relative;display:block;width:100%;overflow:hidden;border-radius:10px;border:1px solid #ffffff24;box-shadow:0 18px 40px #0004;background:#333}
.ui-crop img{position:absolute;max-width:none;width:var(--image-width);height:auto;left:var(--image-left);top:var(--image-top)}
.detail-ping .ui-crop,.detail-web .ui-crop{width:190px}
.detail-presets .ui-crop{width:300px}
.detail-caption{color:var(--muted);font-size:12px;line-height:1.6;text-align:center;max-width:360px;margin:0}
.detail-caption span{color:var(--cyan)}
.purchase-terms{color:var(--text)!important;font-weight:600}
@media(max-width:600px){.feature-detail{padding:10px 0}.detail-presets .ui-crop{width:260px}}

/* Pair the original feature artwork with each real UI close-up. */
.feature-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;justify-items:center}
.feature-detail>.feature-mascot{width:100%;max-width:230px;height:auto;max-height:250px;object-fit:contain}
.feature-detail .ui-crop{max-width:100%}
.feature-detail .detail-caption{grid-column:1/-1}
.detail-discovery,.detail-speed{grid-template-columns:minmax(0,1fr)}
.detail-discovery>.feature-mascot,.detail-speed>.feature-mascot{width:160px;max-height:160px}
.detail-discovery .ui-crop,.detail-speed .ui-crop{width:100%}
@media(max-width:600px){.feature-detail{gap:15px}.feature-detail>.feature-mascot{width:100%;max-height:210px}.detail-discovery>.feature-mascot,.detail-speed>.feature-mascot{width:140px;max-height:140px}}

/* Larger feature labels and a closer, uninterrupted section flow. */
.feature .eyebrow{font-size:17px;letter-spacing:.12em;margin-bottom:18px}
.feature{border-top:0;min-height:420px;padding:35px 0}
.bottom,.download,footer{border-top:0}
.bottom{padding:50px 0}
@media(max-width:1000px){.feature{min-height:390px;padding:30px 0}}
@media(max-width:600px){.feature{min-height:0;padding:28px 0}.feature .eyebrow{font-size:16px}.bottom{padding:35px 0}}

/* Pricing, support and compatibility information. */
.bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
@media(max-width:700px){.bottom{grid-template-columns:1fr}}

/* Visible product context for visitors who work across multiple device networks. */
.seo-section{max-width:860px;margin:0 auto;padding:52px 40px 18px}.seo-section p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 18px}.seo-section h2{font-size:clamp(32px,3vw,43px);margin-bottom:22px}@media(max-width:600px){.seo-section{padding:34px 25px 8px}.seo-section p{font-size:16px}}

/* Informational page, using the existing product typography and colour system. */
.content-page{max-width:1000px;margin:0 auto;padding:70px 40px 95px}.content-intro{max-width:760px;padding:35px 0 58px}.content-intro h1{font-size:clamp(45px,5vw,68px);font-weight:650;letter-spacing:-.055em;line-height:1.06;margin:0 0 26px}.content-intro>p:not(.eyebrow),.content-sections p,.content-cta p{color:var(--muted);font-size:17px;line-height:1.75}.content-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.content-sections section{padding:28px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff03}.content-sections h2,.content-cta h2{font-size:25px;letter-spacing:-.035em;margin-bottom:13px}.content-sections p{margin:0}.content-cta{margin-top:58px;padding:42px;border-radius:12px;background:radial-gradient(ellipse at 0% 100%,#06486c35,transparent 70%),#ffffff03}.content-cta p{max-width:540px;margin:0 0 24px}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--cyan);font-size:15px;font-weight:650;margin-top:4px}.text-link:hover{color:#a1ecff}@media(max-width:700px){.content-page{padding:42px 25px 65px}.content-intro{padding:15px 0 38px}.content-sections{grid-template-columns:1fr}.content-sections section{padding:24px}.content-intro>p:not(.eyebrow),.content-sections p,.content-cta p{font-size:16px}.content-cta{margin-top:35px;padding:30px 24px}}

.content-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.content-links .text-link{margin-top:0}