@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#0c0b10;--surface:#14121b;--ink:#f4f1fa;--muted:#a59caf;--purple:#8955ff;--line:#ffffff13;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #c9acff;outline-offset:6px}::selection{background:#8955ff66}img,video{max-width:100%}button{cursor:pointer}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.skip-link{position:fixed;top:-90px;left:20px;z-index:20;background:var(--purple);padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{object-fit:contain;flex-shrink:0}.brand-dot{color:#ae84ff}.site-header nav{display:flex;gap:32px;font-size:12px;color:#bfb5cb}.site-header nav a:hover,.site-footer a:hover{color:#c4a2ff}.header-download{padding:9px 17px;border:1px solid #ffffff24;border-radius:9px;font-size:11px;font-weight:600}.header-download span{margin-left:16px;color:#ba9add}
.hero{position:relative;padding-top:91px;text-align:center;isolation:isolate}.hero-orbit{position:absolute;z-index:-1;top:-170px;left:50%;width:1100px;height:850px;max-width:100%;transform:translateX(-50%);background:radial-gradient(ellipse,#6732ad30,transparent 62%);pointer-events:none}.eyebrow{margin:0 0 22px;color:#baa6d7;font-size:9px;font-weight:700;letter-spacing:2.2px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px}.status-light{height:5px;width:5px;background:#b78cff;box-shadow:0 0 12px #ac74ff70;border-radius:50%}h1,h2,h3,p{overflow-wrap:break-word}h1{margin:0;font-size:clamp(48px,6.4vw,82px);line-height:1.1;font-weight:700;letter-spacing:-4.5px}h1>span{background:linear-gradient(110deg,#f1ddff,#af84ff 60%,#9d6af2);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy{font-size:15px;line-height:1.8;color:var(--muted);margin:26px 0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:12px 23px;border-radius:9px;font-weight:600;font-size:12px;border:1px solid transparent;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.button svg path[d^="m9"]{fill:currentColor;stroke:none}.primary{background:var(--purple);color:white;box-shadow:0 5px 30px #6e33d527,inset 0 1px 0 #ffffff26}.primary:hover{background:#9a6aff;box-shadow:0 8px 35px #8750ff30}.secondary{border-color:#ffffff1f;background:#ffffff03;color:#d4cadf}.hero-note{font-size:10px;color:#81758f;margin:17px 0 60px}
.demo-window{border:1px solid #b795e72b;background:#111016;border-radius:15px;overflow:hidden;box-shadow:0 35px 100px #0008,0 -8px 80px #6e36ac0c;text-align:left;scroll-margin-top:28px}.window-chrome{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ffffff0c;background:#17131e;color:#82748f;font-size:9px;letter-spacing:.3px}.window-dots{display:flex;gap:6px;min-width:70px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#63546f}.window-dots i:nth-child(2){background:#4b4055}.window-dots i:nth-child(3){background:#392f42}.chrome-platform{font-size:7px;letter-spacing:1.5px;min-width:70px;text-align:right}.demo-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#100e16}.demo-screen video,.demo-screen>img{display:block;width:100%;height:100%;object-fit:contain}.play-overlay{position:absolute;inset:0;border:0;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(0deg,#09060dc9,#09060d12 55%,#09060d1c);color:#fff;text-align:left;transition:background .3s}.play-overlay:hover{background:#0e07173b}.play-overlay[hidden]{display:none}.play-circle{width:72px;height:72px;display:grid;place-items:center;border:1px solid #d8b8ff80;border-radius:50%;background:#9d66ed30;backdrop-filter:blur(10px);box-shadow:0 0 40px #9658e826;transition:transform .35s var(--ease)}.play-overlay:hover .play-circle{transform:scale(1.1)}.play-circle svg{width:25px;height:25px;fill:#fff}.play-overlay>span:last-child{font-size:17px;font-weight:700;text-shadow:0 2px 14px #000}.play-overlay small{display:block;font-size:10px;font-weight:400;color:#d6c6e6;margin-top:6px}.demo-caption{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#9786a7;font-size:9px;border-top:1px solid #ffffff09}.tiny-star{color:#bc92ff;font-size:12px;margin-right:8px}.caption-divider{padding:0 9px;color:#4e425c}.under-demo{color:#776c83;font-size:10px;margin-top:23px}
.section-space{margin-top:130px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:80px;margin-bottom:49px}h2{font-size:clamp(30px,3.6vw,44px);line-height:1.2;letter-spacing:-1.8px;font-weight:600;margin:0}h2 span{color:#a492b5}.section-heading>p{color:var(--muted);max-width:350px;font-size:12px;line-height:1.9;margin:0 0 3px}.section-heading .eyebrow{margin-bottom:17px;font-size:8px}.feature-layout{display:grid;grid-template-columns:0.86fr 1.35fr;gap:52px;align-items:center}.feature-tabs{display:flex;flex-direction:column}.feature-tab{width:100%;display:grid;grid-template-columns:26px 1fr 20px;gap:16px;padding:25px 0;text-align:left;color:#877a94;background:none;border:0;border-top:1px solid var(--line);position:relative}.feature-tab:last-child{border-bottom:1px solid var(--line)}.feature-tab:before{content:'';position:absolute;top:24px;left:-17px;width:2px;height:22px;background:var(--purple);transform:scaleY(0);transition:transform .3s}.feature-tab.active:before{transform:scaleY(1)}.feature-number{font-size:9px;padding-top:4px;letter-spacing:1px}.feature-tab strong{display:block;font-size:13px;font-weight:600;color:#a99bb7;transition:color .25s}.feature-tab small{display:block;font-size:11px;line-height:1.9;max-width:270px;margin-top:9px;color:#84768f}.feature-tab.active strong{color:var(--ink)}.feature-tab.active .feature-number,.feature-tab.active .tab-arrow{color:#b58aff}.tab-arrow{font-size:15px}.feature-preview{min-width:0;background:#131018;border:1px solid #b092cd24;border-radius:13px;overflow:hidden}.preview-tag{display:flex;gap:8px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:9px;color:#a897b8}.preview-tag>span{width:4px;height:4px;border-radius:50%;background:var(--purple)}.preview-tag b{font-weight:500}.feature-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:top}.preview-bottom{display:flex;justify-content:space-between;padding:13px 20px;color:#6f617c;font-size:8px;letter-spacing:.5px;border-top:1px solid var(--line)}
.keep-heading{text-align:center;margin-bottom:44px}.keep-heading .eyebrow{font-size:8px;margin-bottom:18px}.keep-heading h2{font-size:35px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-grid article{padding:34px 29px 31px;min-width:0}.benefit-grid article:first-child{padding-left:0}.benefit-grid article+article{border-left:1px solid var(--line)}.line-icon{width:34px;height:34px;color:#b394db;display:grid;place-items:center;margin-bottom:25px}.line-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.benefit-grid h3{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}.benefit-grid p{font-size:11px;color:#91839d;line-height:1.9;margin:0}.benefit-foot{display:block;font-size:8px;color:#6b5e78;margin-top:25px}
.download-section{position:relative;isolation:isolate;text-align:center;padding:65px 0 60px;border:1px solid #b893df1a;border-radius:20px;overflow:hidden;background:linear-gradient(125deg,#18102333,transparent)}.download-aura{position:absolute;inset:-60%;z-index:-1;background:radial-gradient(ellipse at center,#6831ac20,transparent 45%);pointer-events:none}.download-icon{margin:0 auto 30px;width:85px;height:85px;display:grid;place-items:center;border:1px solid #a974ec22;border-radius:21px;background:#100c19;box-shadow:0 0 55px #713bb118}.download-icon img{width:65px;height:65px;object-fit:contain}.download-section .eyebrow{font-size:8px;margin-bottom:18px}.download-section h2{font-size:clamp(34px,4.8vw,57px);letter-spacing:-2.5px}.download-section h2 span{color:#c7a8ef}.download-section>p:not(.eyebrow):not(.download-meta){font-size:12px;color:#9f8caf;margin:20px 0 29px}.download-button{gap:14px;min-width:240px}.download-button>span{margin-left:14px;color:#d9c6fc}.download-meta{font-size:9px;color:#84708f;margin:17px 0 20px}.download-meta>span{margin:0 7px}.download-meta>span:last-child{margin:0}.source-link{font-size:10px;color:#aa8fc4;border-bottom:1px solid #aa8fc42b;padding-bottom:5px}.source-link span{margin-left:8px}
.faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px}.faq .eyebrow{font-size:8px}.faq h2{font-size:35px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:500;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#a080bf;font-size:19px;font-weight:300;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:530px;font-size:11px;line-height:1.95;color:#988aa6;margin:17px 25px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:35px;margin-top:112px}.site-footer .brand{font-size:21px}.site-footer p{font-size:9px;color:#8a7b98;line-height:1.8;margin:0}.site-footer p span{color:#5f526d}.site-footer>div{display:flex;gap:22px;font-size:9px;color:#9d87b1}.media-note{font-size:8px;color:#594b64;text-align:right;padding:23px 0 28px;margin-block:0}
@media(min-width:1500px){.hero{padding-top:112px}.hero-note{margin-bottom:70px}.demo-window{margin-inline:0}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{height:86px}.site-header nav{gap:18px;font-size:10px}.hero{padding-top:65px}h1{letter-spacing:-3px}.section-space{margin-top:90px}.section-heading{gap:30px;grid-template-columns:1.2fr 1fr}.feature-layout{gap:30px}.feature-tab{gap:10px}.feature-tab strong{font-size:12px}.feature-tab small{font-size:10px}.benefit-grid article{padding:25px 18px}.faq{gap:35px}.site-footer{margin-top:80px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{height:78px}.brand{font-size:22px;gap:7px}.brand img{width:33px;height:33px}.site-header nav{display:none}.header-download{padding:8px 12px;font-size:9px}.header-download span{margin-left:8px}.hero{padding-top:61px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:45px;letter-spacing:-2.8px;line-height:1.13}.hero-copy{font-size:12px;margin-top:23px}.hero-actions{gap:9px;margin-top:25px}.button{padding:12px 16px;font-size:10px;gap:8px;min-height:45px}.hero-note{font-size:8px;margin-bottom:37px}.demo-window{border-radius:10px}.window-chrome{height:30px;padding-inline:12px;font-size:7px}.window-dots{min-width:40px;gap:4px}.window-dots i{height:4px;width:4px}.chrome-platform{min-width:40px;font-size:6px}.play-overlay{gap:10px}.play-circle{height:47px;width:47px}.play-circle svg{height:20px;width:20px}.play-overlay>span:last-child{font-size:11px}.play-overlay small{font-size:7px;max-width:180px}.demo-caption{padding:0 12px;height:35px;font-size:7px}.tiny-star{margin-right:4px}.under-demo{font-size:8px;margin-top:16px}.section-space{margin-top:76px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:20px;max-width:290px;font-size:11px}h2{font-size:31px;letter-spacing:-1.3px}.feature-layout{display:flex;flex-direction:column;gap:27px}.feature-tabs{width:100%}.feature-tab{padding:21px 3px;grid-template-columns:22px 1fr 20px;gap:10px}.feature-tab small{max-width:none;font-size:10px}.feature-tab strong{font-size:12px}.feature-tab:before{left:-8px;top:24px;height:18px}.feature-preview{width:100%;border-radius:10px}.keep-heading{text-align:left;margin-bottom:29px}.keep-heading h2{font-size:28px;max-width:280px}.benefit-grid{display:block}.benefit-grid article{padding:25px 0!important;display:grid;grid-template-columns:36px 1fr;column-gap:16px}.benefit-grid article+article{border-left:0;border-top:1px solid var(--line)}.line-icon{grid-column:1;grid-row:1/4;margin:0;width:28px}.benefit-grid article h3,.benefit-grid article p,.benefit-foot{grid-column:2}.benefit-foot{margin-top:13px}.benefit-grid h3{font-size:13px}.download-section{padding:40px 14px;border-radius:15px}.download-icon{width:69px;height:69px;border-radius:16px;margin-bottom:25px}.download-icon img{width:55px;height:55px}.download-section h2{font-size:37px;letter-spacing:-1.8px}.download-section .eyebrow{font-size:7px;letter-spacing:1.3px}.download-meta{font-size:8px}.faq{display:block}.faq>div:first-child{margin-bottom:27px}.faq h2{font-size:30px}.faq summary{font-size:11px}.site-footer{gap:20px;flex-wrap:wrap;margin-top:72px;padding-top:27px}.site-footer .brand{font-size:20px}.site-footer p{font-size:8px;text-align:right}.site-footer>div{width:100%;justify-content:flex-end;gap:20px;font-size:8px}.media-note{text-align:left;font-size:7px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

@media(max-width:640px){.hero .eyebrow,.download-section .eyebrow{font-size:9px}.hero-note{font-size:10px}.hero-actions .button{font-size:11px}.feature-tab small,.section-heading>p,.benefit-grid p{font-size:12px}.faq summary{font-size:12px}.download-meta{font-size:10px}.site-footer p,.media-note{font-size:10px}}

.download-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.portable-note{font-size:11px!important;color:#9e91ac!important;margin:10px 0 18px!important}.download-help{display:block;color:#c4a2ff;font-size:11px;margin:0 0 23px}.source-guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.source-steps{margin:0;padding:0;list-style:none}.source-steps li{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.step-number{font-size:11px;letter-spacing:1px;color:#bc94ff;padding-top:3px}.source-steps h3{margin:0 0 10px;font-size:17px;font-weight:600;letter-spacing:-.4px}.source-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.source-steps strong{color:#d6c6e7;font-weight:500}.source-steps code{font-size:11px;color:#d5b8f7;background:#8955ff12;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.guide-external{display:inline-flex;gap:20px;font-size:11px;margin-top:17px;color:#c9a6ff}.guide-external:hover,.download-help:hover{color:#f4e3ff}.source-guide-preview{min-width:0}.source-guide-preview figure{margin:0;border:1px solid #b092cd24;background:#131018;border-radius:13px;overflow:hidden}.source-guide-preview figcaption{font-size:10px;color:#b8a4ca;padding:16px 20px;border-bottom:1px solid var(--line)}.source-guide-preview figcaption span{color:#b58aff;margin-right:8px}.source-guide-preview img{display:block;width:100%;height:auto;object-fit:contain}.source-guide-note{padding:24px 0}.source-guide-note strong{font-weight:500;font-size:12px;color:#c6b5d5}.source-guide-note p{font-size:11px;line-height:1.9;color:#8f819d;margin:9px 0 0}@media(max-width:900px){.source-guide-layout{gap:32px}.source-steps h3{font-size:15px}}@media(max-width:640px){.download-actions{flex-direction:column;gap:10px}.download-actions .button{width:100%;max-width:300px;margin-top:0}.download-meta{line-height:1.9}.portable-note,.download-help{font-size:10px!important}.source-guide-layout{grid-template-columns:1fr;gap:24px}.source-steps h3{font-size:16px}.source-steps p{font-size:12px}.source-guide .eyebrow{font-size:8px}.source-guide-note p{font-size:12px}.source-guide-preview figure{border-radius:10px}}

.manifest-example{padding:28px}.manifest-label{font-size:8px;letter-spacing:1.8px;color:#94829f;margin:0 0 12px}.manifest-example code{display:block;padding:17px 13px;background:#0d0b12;border:1px solid #ffffff13;border-radius:8px;font-size:12px;line-height:1.8;color:#95879f;overflow-wrap:anywhere}.manifest-example code span{color:#b8a6c8}.manifest-example .manifest-ready{border-color:#8955ff66;background:#8955ff0d;color:#e5d9f2}.manifest-ready span{color:#c39bff!important}.manifest-arrow{display:block;padding:15px 0;color:#ad82e7;text-align:center}.manifest-example-note{font-size:10px;color:#857690;line-height:1.8;margin:20px 0 0}.manifest-destination{padding:21px 28px;border-top:1px solid var(--line);background:#8955ff08}.manifest-destination>span{font-size:8px;letter-spacing:1.4px;color:#a18bb4}.manifest-destination p{font-size:13px;color:#e2d4ed;margin:10px 0 4px}.manifest-destination small{font-size:11px;color:#a792b9}.manifest-destination b{color:#ae7dff;margin-inline:7px;font-weight:400}@media(max-width:640px){.manifest-example{padding:23px 18px}.manifest-example code{font-size:11px}.manifest-destination{padding:20px 18px}.manifest-example-note{font-size:11px}}
