@font-face{font-family:Rajdhani;src:url(media/Rajdhani-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#101419;--surface:#181e25;--text:#f3f4f5;--muted:#b2bdc7;--line:#35404a;--accent:#99f0d7;--on-accent:#0c3027;--shadow:0 24px 70px #0005}
:root[data-mode=light]{color-scheme:light;--bg:#f2f4f5;--surface:#e4e9ed;--text:#192329;--muted:#4e606b;--line:#a7b5bd;--accent:#006451;--on-accent:#fff;--shadow:0 24px 70px #25364419}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'Segoe UI',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:var(--text)}.wrap{width:min(1264px,calc(100% - 80px));margin-inline:auto}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font:600 27px/1 Rajdhani,sans-serif;letter-spacing:.025em}.brand img{object-fit:contain}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.mode-button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:13px}.hero{padding-top:49px}.hero-copy{max-width:850px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Rajdhani,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(60px,7.2vw,104px);line-height:.91;margin-bottom:25px}h1 span{color:var(--accent)}.lede{font-size:20px;color:var(--muted);margin-bottom:25px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;padding:13px 21px;border-radius:6px;text-decoration:none;font-weight:600;white-space:nowrap;min-height:48px}.primary{background:var(--accent);color:var(--on-accent);transition:transform .16s}.primary:hover{transform:translateY(-2px)}.text-link{font-size:14px}.hero-preview{margin-top:45px}.preview-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:16px;font-size:14px}#active-theme{font-weight:600}.theme-switch{display:flex;gap:4px}.theme-switch button{background:transparent;border:1px solid transparent;border-radius:5px;padding:5px 12px;font-size:13px}.theme-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--surface)}.shot-link{display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none}.shot-link:hover{border-color:var(--accent)}.hero-shot{box-shadow:var(--shadow)}.caption{color:var(--muted);font-size:12px;line-height:1.5;margin:13px 0 0}.overview-note{display:grid;grid-template-columns:1fr 1.1fr;gap:15px 80px;padding-block:95px 75px}.overview-note h2{font-size:42px;line-height:1.08}.overview-note p{max-width:570px;color:var(--muted);font-size:18px}.facts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 40px;border-top:1px solid var(--line);padding-top:24px;font-size:13px;color:var(--muted)}.theme-section{padding-block:80px 100px}.section-intro{max-width:700px;margin-bottom:38px}h2{font-size:clamp(42px,4.8vw,66px);line-height:1.03;margin-bottom:20px}.section-intro p{max-width:590px;font-size:18px;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.theme-card{margin:0}.theme-card figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:12px}.theme-card figcaption span{font-size:14px;font-weight:600}.theme-card figcaption a{font-size:12px;color:var(--muted)}.theme-card .shot-link{transition:transform .18s}.theme-card .shot-link:hover{transform:translateY(-4px)}.inside{padding-block:70px}.feature-row{display:grid;grid-template-columns:.75fr 1.65fr;gap:60px;align-items:center;padding-block:30px 80px}.feature-number{font-size:38px;color:var(--accent)}h3{font-size:40px;line-height:1.1;margin-bottom:18px}.feature-row p,.studio-copy p,.chart-feature p{color:var(--muted);max-width:520px}.detail{font-size:14px}.studio-feature{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding-block:50px 90px}.studio-feature .shot-link{aspect-ratio:1;overflow:hidden}.studio-feature img{height:100%;width:100%;object-fit:cover;object-position:center}.chart-feature{padding-block:45px}.chart-feature>div:first-child{display:flex;gap:80px;align-items:center}.chart-feature h3{min-width:calc(50% - 40px)}.chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}figure{margin:0}figcaption{font-size:13px;color:var(--muted);margin-top:10px}.download{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding-block:110px;border-top:1px solid var(--line)}.download p{max-width:540px;color:var(--muted)}.download .button{margin-top:10px}.download-meta{font-size:12px;margin-top:18px}.release-notes{align-self:center}.release-notes h3{font-size:30px}.release-notes p{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.3fr;column-gap:90px;padding-block:45px 95px}.faq h2{grid-row:span 4;font-size:42px}.faq details{padding:17px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:17px;font-weight:600;min-height:28px}.faq p{color:var(--muted);font-size:14px;margin:15px 0 0}.blog-link{padding-block:30px 65px}.blog-link a{font-family:Rajdhani,sans-serif;font-size:28px;color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:28px 40px;border-top:1px solid var(--line)}footer>div{display:flex;gap:25px;font-size:13px;color:var(--muted)}footer .brand{font-size:21px}dialog{width:min(96vw,1500px);max-height:94dvh;padding:15px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;overflow:auto}dialog::backdrop{background:#000c}dialog img{margin:auto;max-height:78dvh;object-fit:contain}dialog button{display:block;margin:0 0 14px auto;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:8px 16px}dialog p{font-size:13px;color:var(--muted);margin:12px 0 0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:12px;background:var(--accent);color:var(--on-accent)}
@media(min-width:1600px){.hero-copy{max-width:none}h1 br{display:none}h1 span{margin-left:18px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header{height:76px;gap:14px}.site-header nav{gap:15px;font-size:13px}.hero{padding-top:38px}.overview-note{gap:20px 35px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row,.studio-feature{gap:30px}.download{gap:40px}.faq{column-gap:35px}h3{font-size:33px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header .brand{font-size:23px}.site-header .brand img{width:32px;height:32px}.site-header nav{display:none}.hero{padding-top:28px}h1{font-size:68px}.lede{font-size:17px;max-width:320px}.actions{gap:20px}.hero-preview{margin-top:32px}.preview-tools{align-items:flex-start;flex-direction:column;gap:9px}.theme-switch{width:100%;justify-content:space-between}.theme-switch button{padding:6px 9px}.overview-note,.feature-row,.studio-feature,.download,.faq{grid-template-columns:1fr}.overview-note{padding-block:65px 30px;gap:5px}.overview-note h2{font-size:36px}.overview-note p{font-size:16px}.facts{gap:14px 20px;font-size:12px;margin-top:20px}.theme-section{padding-block:55px}.theme-grid{gap:22px 12px}.theme-card figcaption{align-items:flex-start;gap:5px;flex-direction:column}.section-intro p{font-size:16px}.inside{padding-block:35px}.feature-row{padding-bottom:35px}.studio-feature{padding-block:35px}.chart-feature>div:first-child{display:block}.chart-pair{grid-template-columns:1fr}.download{padding-block:65px;gap:35px}.faq{padding-block:15px 55px}.faq h2{grid-row:auto;font-size:36px}.blog-link{padding-bottom:45px}.blog-link a{font-size:24px}footer{align-items:flex-start;flex-direction:column;gap:22px}footer>div{gap:24px}dialog{padding:10px}.button{font-size:14px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
