@import url('/shared.css');
:root{color-scheme:light;--ink:#23344c;--muted:#61738b;--blue:#356bca;--line:#e1e9f3}
html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:#fbfcff;color:var(--ink)}
.wrap{max-width:1180px;margin:auto;padding-left:38px;padding-right:38px}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:10px}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{color:#61738b;text-decoration:none}.site-header nav a:hover{color:#356bca}.site-header nav .nav-download{padding:11px 17px;border:1px solid #d6e2f3;border-radius:8px;color:#3561a9}.nav-download span{margin-left:12px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:640px;padding-top:62px;padding-bottom:95px;gap:45px}
.eyebrow{font-size:12px;font-weight:650;letter-spacing:.5px;color:#52729d;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:#6a95dc}
.hero h1{font-size:clamp(45px,5.8vw,73px);font-weight:750;line-height:1.25;letter-spacing:-3.7px;margin:27px 0;word-break:keep-all}.hero h1 span{color:#5487d4}
.hero-copy>p{font-size:17px;line-height:1.95;color:var(--muted);white-space:pre-line;max-width:450px;min-height:66px;margin:0 0 31px}
.primary{display:inline-flex;align-items:center;gap:35px;padding:17px 22px;border-radius:10px;background:var(--blue);text-decoration:none;color:#fff;font-size:14px;font-weight:650;box-shadow:0 8px 20px #356bca13}.primary:hover{background:#2c5db3}
.platform-note{margin-top:19px;display:flex;align-items:center;gap:9px;font-size:11px;color:#6d7e97}.platform-note i{width:3px;height:3px;border-radius:50%;background:#93a5be}.platform-note-tail{margin-left:6px;color:#75869e}
.hero-visual{position:relative;min-height:430px;display:grid;place-items:center}.icon-halo{position:absolute;width:470px;height:470px;background:radial-gradient(circle,#e6f0ff 5%,#eff6ff99 45%,transparent 70%)}
.product-icon{position:relative;width:min(320px,80%);height:auto;border-radius:70px;transform:rotate(-7deg);filter:drop-shadow(0 26px 30px #406ba91c)}
.orbit{position:absolute;border:1px solid #dde9f8;border-radius:50%;width:425px;height:425px}.orbit-two{width:470px;height:290px;transform:rotate(-30deg);border-color:#e7eef8}
.float-label{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;padding:17px 19px;background:#fff;border:1px solid #e3eaf4;border-radius:15px;box-shadow:0 12px 40px #3555790a;color:#365078;font-size:13px;white-space:nowrap}.float-label small{display:block;font-size:10px;color:#758aa5;margin-top:6px}.label-symbol{font-size:24px;color:#5c88cb}.label-play{left:-14px;top:35px;transform:rotate(-4deg)}.label-save{right:-2px;bottom:28px;transform:rotate(4deg)}
.small-check{width:22px;height:22px;display:grid;place-items:center;background:#eaf3e9;color:#6e9463;border-radius:50%;font-size:12px}.spark{position:absolute;color:#8facda}.spark-one{top:14px;right:46px;font-size:29px}.spark-two{bottom:28px;left:20px;font-size:26px}
.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f8fd}.strip-inner{display:flex;justify-content:center;gap:30px;align-items:center;padding-top:25px;padding-bottom:25px;color:#607a9d;font-size:12px}.strip-inner span:nth-child(even){color:#afbdd1}
.screenshots{padding-top:80px;padding-bottom:25px}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.screenshot-card{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 14px 38px #23344c07}.screenshot-card>a{display:block;background:#1c1c1c}.screenshot-card img{display:block;width:100%;height:auto}.screenshot-card figcaption{padding:20px;display:flex;align-items:start;justify-content:space-between;gap:12px}.screenshot-card figcaption strong{display:block;font-size:15px;letter-spacing:-.3px}.screenshot-card figcaption div>span{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}.capture-platform{white-space:nowrap;font-size:9px;color:#61738b;padding:5px 7px;border:1px solid var(--line);border-radius:5px}.screenshot-caption{font-size:10px;line-height:1.9;color:#6c7d94;margin:18px 0 0}
.contact-section{padding-top:10px;padding-bottom:75px}.contact-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;background:#f0f5fc;border:1px solid #dce7f7;border-radius:20px;padding:40px}.contact-copy h2{font-size:30px;line-height:1.45;letter-spacing:-1px;margin:18px 0 15px}.contact-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.contact-email{display:flex;align-items:center;gap:25px;font-size:25px;font-weight:650;letter-spacing:-.5px;color:#355c98;text-decoration:none;margin-bottom:22px}.contact-email span{font-size:20px;font-weight:400}.contact-buttons{display:flex;gap:10px;flex-wrap:wrap}.contact-buttons .primary{font-size:12px;padding:12px 15px;gap:0}.copy-email{border:1px solid #ccd9ec;background:#fff;color:#4a6489;border-radius:9px;padding:12px 15px;font-size:12px}.copy-email:hover{background:#e8f0fb}.contact-hint,.contact-status{font-size:10px;line-height:1.8;color:#61738b;margin:13px 0 0}.contact-status{min-height:18px;margin-top:6px;color:#3d6b46}.footer-contact{font-size:11px;color:#61738b;text-decoration:none;margin-left:auto}.footer-contact:hover{text-decoration:underline}.site-footer>span:last-child{margin-left:0}
@media(max-width:900px){.screenshot-grid{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr;gap:28px}.site-header nav{gap:18px}}
@media(max-width:720px){.screenshots{padding-top:55px;padding-bottom:5px}.screenshot-card figcaption{padding:17px}.screenshot-card figcaption div>span{font-size:10px}.capture-platform{font-size:8px}.contact-section{padding-bottom:45px}.contact-panel{padding:25px;gap:25px;border-radius:15px}.contact-copy h2{font-size:26px}.contact-copy p{font-size:11px}.contact-email{font-size:23px;margin-bottom:18px}.contact-buttons .primary,.copy-email{font-size:11px;padding:12px}.site-header nav a.contact-nav{display:block}.site-footer .footer-contact{margin-left:0}}
.features{padding-top:95px;padding-bottom:80px}.section-heading h2{font-size:37px;line-height:1.45;font-weight:700;letter-spacing:-1.5px;margin:19px 0 16px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.usage-note{margin:20px 0 0;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:#f3f7fd;color:var(--muted);font-size:12px;line-height:1.9}.usage-note strong{color:var(--ink);margin-right:8px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.feature-card{padding:30px 28px;border:1px solid var(--line);background:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:start}
.feature-symbol{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:#5985c8;font-size:31px;background:#eef4fd;margin-bottom:29px}.feature-number{font-size:9px;letter-spacing:1.2px;font-weight:600;color:#7389a8}.feature-card h3{font-size:21px;letter-spacing:-.7px;margin:14px 0}.feature-card>p{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 26px;flex:1}
.feature-tags{display:flex;gap:8px;flex-wrap:wrap}.feature-tags span{font-size:10px;color:#6c80a0;background:#f3f6fc;border-radius:5px;padding:6px 8px}.pip-symbol{position:relative}.pip-symbol::before{content:'';position:absolute;border:1.5px solid #7d9dcb;width:27px;height:19px;border-radius:4px}.pip-symbol span{position:relative;width:11px;height:8px;background:#7d9dcb;margin-left:9px;margin-top:6px;border-radius:2px}
.comfort{display:flex;align-items:center;gap:24px;padding-top:35px;padding-bottom:75px}.comfort-mark{color:#7997c1;font-size:40px}.comfort h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}.comfort p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}
.theme-samples{margin-left:auto;display:flex;gap:15px;transform:rotate(-5deg)}.theme-samples>div{width:150px;height:95px;border-radius:12px;border:1px solid #dce5f1;padding:12px;display:flex;align-items:start;gap:3px;box-shadow:0 10px 20px #263b5a06}.theme-samples i{display:block;width:4px;height:4px;border-radius:50%;background:#b5c3d8}.theme-samples span{align-self:end;margin-left:auto;font-size:11px}.theme-light{background:#fff;color:#6a7e9c}.theme-dark{background:#2f3e56;color:#e0e9f7;transform:translateY(12px)}
.download-section{padding:75px 0 65px;background:#eff5fd;border-top:1px solid #e0eafa;border-bottom:1px solid #e0eafa}.centered{text-align:center}.centered img{border-radius:18px}.centered h2{font-size:32px;margin-top:24px}
.download-grid{display:grid;grid-template-columns:1fr 1fr;max-width:800px;margin:36px auto 0;gap:20px}.download-card{padding:30px;background:#fff;border:1px solid #dee8f7;border-radius:16px;text-align:center}.os-mark{color:#6383b1;font-size:31px}.windows-mark{font-size:35px}.download-card h3{font-size:23px;letter-spacing:-.6px;margin:13px 0 8px}.download-card>p{font-size:12px;color:#6e809b}.download-action{margin-top:25px}
.download-button{display:block;width:100%;padding:14px;border:1px solid #3971ce;border-radius:8px;background:#3971ce;text-decoration:none;color:#fff;font-size:13px;font-weight:600}.download-button:hover{background:#2f62b9}.download-button:disabled{background:#f1f5fb;color:#7288a8;border-color:#dfe8f4;cursor:default;opacity:1}.download-card .version-note{margin:13px 0 0;font-size:10px;color:#6d82a2;min-height:15px}.download-note{text-align:center;font-size:11px;line-height:1.8;color:#7185a3;margin:24px 0 0}
.release-notes{margin-top:16px;text-align:left;font-size:11px;line-height:1.8;color:#61779a}.release-notes summary{cursor:pointer}.release-notes p{white-space:pre-line;overflow-wrap:anywhere}
.faq{padding-top:80px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.4fr;gap:55px}.faq .section-heading h2{font-size:31px}.faq-list{padding-top:7px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:550;padding:23px 2px;cursor:pointer;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;color:#93a7c4;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.95;color:var(--muted);padding:0 2px 20px;margin:0}
.site-footer{padding-top:28px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}.site-footer .brand{font-size:16px}.site-footer>span{font-size:11px;color:#72839c}.site-footer>span:last-child{margin-left:auto}
@media(max-width:1000px){.hero{gap:20px}.hero h1{font-size:59px}.orbit-one{width:330px;height:330px}.orbit-two{width:360px;height:240px}.icon-halo{width:350px;height:350px}.product-icon{width:260px;border-radius:55px}.label-play{left:-3px;top:50px}.label-save{right:-6px;bottom:45px}.feature-card{padding:26px 22px}.feature-card h3{font-size:19px}.feature-card p{font-size:12px}.theme-samples>div{width:115px}.strip-inner{gap:20px}}
@media(max-width:720px){
  .wrap{padding-left:24px;padding-right:24px}.site-header{height:84px;gap:12px}.brand{font-size:17px;gap:8px}.brand img{width:34px;height:34px}.site-header nav{gap:12px;font-size:11px}.site-header nav a:not(.nav-download){display:none}.site-header nav .nav-download{padding:9px 12px}.nav-download span{margin-left:7px}
  .hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:36px;gap:30px;min-height:auto}.hero h1{font-size:51px;letter-spacing:-2.6px;margin:23px 0}.hero-copy>p{font-size:15px;max-width:390px;margin-bottom:26px}.primary{font-size:13px;padding:16px 20px}.platform-note{font-size:10px;gap:7px}.platform-note-tail{margin-left:3px}.hero-visual{min-height:330px;max-width:380px;width:100%;margin:auto}.product-icon{width:235px;border-radius:50px}.orbit-one{width:295px;height:295px}.orbit-two{width:300px;height:190px}.icon-halo{width:330px;height:330px}.float-label{font-size:11px;padding:13px 14px;gap:9px}.float-label small{font-size:9px}.label-play{left:0;top:16px}.label-save{right:0;bottom:10px}.spark-one{right:15px;top:15px}.spark-two{left:14px;bottom:15px}
  .strip-inner{flex-wrap:wrap;gap:12px 16px;font-size:10px;max-width:420px;line-height:1.6}.strip-inner span:nth-child(4){display:none}.features{padding-top:60px;padding-bottom:40px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading>p{font-size:13px}.feature-grid{grid-template-columns:1fr;margin-top:30px;gap:15px}.feature-card{padding:25px}.feature-symbol{margin-bottom:20px}.feature-card h3{font-size:22px}.feature-card>p{font-size:13px}
  .comfort{flex-wrap:wrap;padding-top:25px;padding-bottom:55px;gap:15px}.comfort-mark{font-size:30px}.comfort h2{font-size:19px}.comfort p{font-size:12px}.theme-samples{margin:16px 0 0 45px}.theme-samples>div{width:115px;height:82px}.download-section{padding:55px 0 45px}.centered h2{font-size:25px}.download-grid{grid-template-columns:1fr;gap:16px;max-width:390px}.download-card{padding:26px}.faq{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:60px}.faq .section-heading h2{font-size:28px}.faq-list summary{font-size:12px;padding:20px 2px}.site-footer{gap:16px;flex-wrap:wrap}.site-footer>span{font-size:10px}.site-footer>span:last-child{margin-left:0}
}
@media(max-width:360px){.platform-note-tail{display:none}.hero h1{font-size:46px}.orbit-two{width:250px;height:160px}.icon-halo{width:290px}.hero-visual{min-height:310px}.float-label{font-size:10px}}
@media(max-width:720px){.site-header nav a.contact-nav{display:block}}
