:root{color-scheme:dark;--bg:#0d1016;--surface:#151922;--surface-2:#1a1e29;--ink:#f5f3f5;--muted:#b5b7c1;--line:#30333d;--accent:#f2949c;--accent-dark:#bc636e;--blue:#8aaec3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;background:var(--accent);color:#21171c;padding:.5rem 1rem;border-radius:.4rem}.skip-link:focus{top:1rem}.page-shell{overflow:hidden}.site-header,main,.site-footer{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.38rem;font-weight:800;letter-spacing:-.045em;line-height:1}.brand img{border-radius:10px}.brand small{display:block;margin-top:.42rem;font-size:.58rem;letter-spacing:.22em;color:#9298a7;font-weight:600}.site-header nav{display:flex;gap:2.1rem;font-size:.84rem;font-weight:650}.site-header nav a{text-decoration:none;color:#c6c8d1}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}.hero{min-height:590px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:3rem;position:relative}.hero-copy{padding:5.3rem 0 6rem;position:relative;z-index:1}.eyebrow,.section-index{font-size:.7rem;font-weight:800;letter-spacing:.22em;color:var(--accent);margin:0 0 1.45rem}.eyebrow{display:flex;align-items:center;gap:.9rem}.eyebrow-line{width:32px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.08;letter-spacing:-.065em}h1{font-size:clamp(3.5rem,6vw,6rem);font-weight:850;margin-bottom:1.4rem}h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:1.16rem;color:#c6c8d1;max-width:590px;line-height:1.75}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:2.15rem 0 2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:53px;padding:.9rem 1.4rem;border-radius:8px;font-size:.88rem;font-weight:800;text-decoration:none}.button-primary{background:var(--accent);color:#20151c;box-shadow:0 10px 30px #f2949c20}.button-primary:hover{background:#ffadb4}.text-link{font-size:.88rem;font-weight:750;text-decoration:none;border-bottom:1px solid #77808d;padding-bottom:.3rem}.release-note{display:flex;gap:.6rem;align-items:center;color:#adb2bc;font-size:.78rem}.status-dot{width:8px;height:8px;background:#81d0aa;border-radius:50%;box-shadow:0 0 0 4px #81d0aa20}.hero-art{height:465px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:490px;height:490px;background:radial-gradient(circle,#7b4d64a3 0%,#3b384c51 34%,transparent 69%)}.orb-two{width:370px;height:370px;border:1px solid #ed9aa530}.record{width:340px;height:340px;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#141821 0,#141821 3px,#1c202a 4px,#10141c 6px);border:1px solid #42404c;box-shadow:0 24px 65px #0008,inset 0 0 0 18px #171a23,inset 0 0 0 20px #46414c;transform:rotate(-17deg)}.record::before{content:"";position:absolute;inset:28px;border:1px solid #ffffff13;border-radius:50%}.record-center{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 0 0 7px #26212c,0 0 0 10px #d6818d}.record-center img{width:72px;height:72px;filter:drop-shadow(0 2px 6px #0004)}.hero-art-label{position:absolute;font-size:.6rem;letter-spacing:.22em;font-weight:800;color:#9fa7b6}.label-top{right:5px;top:55px}.label-bottom{left:12px;bottom:44px}.preview-section,.features-section{padding:5.1rem 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.4rem}.section-intro h2,.start-copy h2,.github-section h2{font-size:clamp(2.3rem,4vw,4rem);margin:0}.section-intro>p{width:min(360px,45%);color:var(--muted);font-size:.94rem;line-height:1.8;margin:0}.app-preview{margin:0;border-radius:15px;overflow:hidden;border:1px solid #36343e;background:#101318;box-shadow:0 40px 80px #0005}.preview-bar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#20232d;color:#aeb1bd;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#757782}.window-dots i:first-child{background:#ef8c91}.window-dots i:nth-child(2){background:#e5b66f}.window-dots i:nth-child(3){background:#8dc8a5}.app-preview>img{display:block;width:100%;height:auto}.app-preview figcaption{padding:.75rem 1rem;color:#aeb0bb;font-size:.72rem;border-top:1px solid var(--line)}.features-section{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{min-height:250px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:1.35rem 1.45rem;position:relative}.feature-card:hover{border-color:#815f6b;background:#1b1d28}.feature-number{position:absolute;right:1.45rem;top:1.3rem;color:#777d8c;font-size:.67rem;font-weight:800;letter-spacing:.12em}.feature-icon{font-size:1.9rem;color:var(--accent);height:58px;line-height:1}.feature-card h3{font-size:1rem;margin:.8rem 0 .6rem}.feature-card p{font-size:.82rem;line-height:1.7;color:#b8bbc5;margin:0}.start-section{display:grid;grid-template-columns:1fr .86fr;gap:6rem;align-items:center;margin:3rem 0 7rem;padding:4.2rem;border:1px solid #584451;border-radius:18px;background:radial-gradient(circle at 10% 100%,#4b304055,transparent 45%),#191b24}.start-copy>p:not(.section-index){color:#c0c1ca;line-height:1.8;max-width:500px;margin:1.4rem 0}.mode-note{border-left:2px solid var(--accent);padding-left:1rem;display:grid;gap:.2rem;font-size:.8rem;max-width:490px}.mode-note span{color:#b5b6c0}.steps{border-top:1px solid #50505c}.step{display:grid;grid-template-columns:45px 1fr;gap:1rem;border-bottom:1px solid #50505c;padding:1.35rem 0}.step>span{font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.step strong{font-size:.93rem}.step p{font-size:.79rem;color:#b6b9c4;margin:.2rem 0 0}.github-section{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end;padding:2rem 0 6.5rem}.github-section p:not(.section-index){color:var(--muted);font-size:.94rem;max-width:530px;margin:1.25rem 0 0}.github-links{display:grid;gap:.6rem}.github-links a{display:flex;justify-content:space-between;align-items:center;min-height:53px;border:1px solid #5a4b55;border-radius:8px;padding:.8rem 1.1rem;text-decoration:none;font-size:.87rem;font-weight:750;background:#1b1c26}.github-links a:hover{border-color:var(--accent);color:var(--accent)}.github-links code{font-family:Consolas,monospace;font-size:.73rem;color:#9296a3;padding:.3rem .1rem}.site-footer{min-height:95px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#9297a3;font-size:.75rem}.site-footer a{text-decoration:none}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:2rem}.hero-art{height:250px;margin-bottom:2rem}.record{width:220px;height:220px}.record-center{width:85px;height:85px}.record-center img{width:54px;height:54px}.orb-one{width:330px;height:330px}.orb-two{width:250px;height:250px}.label-top{right:12%;top:12px}.label-bottom{left:12%;bottom:5px}.feature-grid{grid-template-columns:repeat(2,1fr)}.start-section{gap:2rem;padding:3rem}.github-section{gap:2rem}}@media(max-width:650px){.site-header,main,.site-footer{width:min(100% - 32px,1200px)}.site-header{min-height:78px;align-items:flex-start;padding-top:15px;flex-wrap:wrap;gap:.8rem}.brand{font-size:1.14rem}.brand img{width:36px;height:36px}.site-header nav{width:100%;justify-content:space-between;gap:.4rem;padding-bottom:.75rem;font-size:.72rem}.hero-copy{padding:4rem 0 1rem}h1{font-size:clamp(3rem,13vw,4.3rem)}.hero-lead{font-size:1rem}.hero-actions{gap:1.2rem}.hero-art{height:210px}.record{width:185px;height:185px}.record-center{width:72px;height:72px}.record-center img{width:48px;height:48px}.orb-one{width:270px;height:270px}.orb-two{width:200px;height:200px}.hero-art-label{font-size:.5rem}.preview-section,.features-section{padding:3.3rem 0}.section-intro{display:block}.section-intro>p{width:auto;margin-top:1.3rem}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.start-section{grid-template-columns:1fr;margin:2rem 0 4rem;padding:2rem 1.3rem}.github-section{grid-template-columns:1fr;padding:1rem 0 4rem}.site-footer{padding:1.5rem 0;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-header nav .language-picker{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;line-height:1.25}.site-header nav .language-picker a{padding:.25rem .5rem;color:var(--muted)}.site-header nav .language-picker a:hover{color:var(--accent)}.site-header nav .language-picker a[aria-current=page]{background:var(--accent);color:#20151c}