/* Original Arka visual language: violet light, compact glass navigation and real app windows. */
:root{color-scheme:dark;--site-bg:#09070f;--site-ink:#f3eff9;--site-muted:#aaa3b8;--site-line:#ffffff14;--site-purple:#b294ef;--site-green:#a0d7bb;--site-width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}.marketing{margin:0;background:var(--site-bg);color:var(--site-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}.marketing a{text-decoration:none}.marketing button{font:inherit}.container{width:min(var(--site-width),calc(100% - 64px));margin-inline:auto}.site-nav{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;max-width:1280px;margin:auto;background:#09070fea;backdrop-filter:blur(20px);border-bottom:1px solid var(--site-line)}.site-brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:760;letter-spacing:-1px}.site-brand img{width:34px;height:34px}.brand-studio{font-weight:400;color:var(--site-muted);font-size:20px;margin-left:4px;letter-spacing:-.6px}.site-nav nav{display:flex;gap:30px;font-size:12px;color:#c5bed1}.site-nav nav a:hover,.text-link:hover{color:white}.site-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 23px;border-radius:10px;border:1px solid #ffffff24;background:#ffffff05;font-size:13px;font-weight:650;transition:background .15s,transform .15s}.site-button:hover{background:#ffffff10;transform:translateY(-1px)}.site-button.primary{background:#baa0f3;border-color:#cbb4ff;color:#171022;box-shadow:0 0 32px #8b5dda15}.site-button.primary:hover{background:#c9b1fc}.site-button.small{min-height:36px;padding:8px 15px;font-size:12px}.site-button span{font-size:18px}.site-hero{text-align:center;padding-top:75px;position:relative}.hero-copy{position:relative;z-index:1}.kicker{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--site-purple);margin:0 0 22px}.hero-copy .kicker{display:flex;align-items:center;justify-content:center;gap:9px}.kicker>span{width:5px;height:5px;background:var(--site-green);border-radius:50%}.site-hero h1{font-size:clamp(46px,6.5vw,82px);line-height:1.04;letter-spacing:-4px;font-weight:570;margin:0 0 26px}.site-hero h1 em{font-style:normal;color:#ba9ce9}.hero-description{font-size:17px;line-height:1.8;color:var(--site-muted);margin:0 auto;max-width:650px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;color:#d1c4e8}.platform-note{font-size:11px;color:#888190;margin:17px 0 0}.platform-note span{padding:0 9px}.hero-stage{position:relative;margin:55px auto 0;max-width:1080px}.hero-stage::before{content:'';position:absolute;inset:-130px -80px -50px;z-index:-1;background:radial-gradient(ellipse,#704a9d28 0,transparent 65%)}.stage-grid{position:absolute;inset:-25px -35px 40%;background-image:linear-gradient(#b294ef07 1px,transparent 1px),linear-gradient(90deg,#b294ef07 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000);z-index:-1}.app-window{margin:0;border:1px solid #75678a65;background:#0b090f;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0006,0 0 0 5px #cdb4fc04}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:35px;padding:0 14px;border-bottom:1px solid #ffffff12;background:linear-gradient(#232027,#19161e);font-size:9px;letter-spacing:.4px;color:#a29bab}.window-dots{display:flex;gap:5px;min-width:100px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#776777}.window-dots i:nth-child(1){background:#c37b7d}.window-dots i:nth-child(2){background:#c5ac72}.window-dots i:nth-child(3){background:#83a88d}.window-bar>span:last-child{font-size:8px;min-width:100px;text-align:right;letter-spacing:1px}.screenshot-open{display:block;padding:0;border:0;width:100%;cursor:zoom-in;background:#0c0b10;text-align:inherit}.screenshot-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.stage-caption{display:flex;justify-content:space-between;color:#827a91;font-size:9px;margin:16px 4px;letter-spacing:1px}.stage-caption span{display:flex;align-items:center;gap:8px}.stage-caption i{width:5px;height:5px;background:var(--site-green);border-radius:50%}.integrations{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 4px 46px;border-bottom:1px solid var(--site-line);margin-top:15px}.integrations p,.integration-note{font-size:11px;color:#857e93;margin:0}.integrations>div{display:flex;align-items:center;gap:12px;color:#c4bdce;font-size:14px}.app-monogram{width:31px;height:32px;display:grid;place-items:center;border:1px solid #b294ef40;background:#aa84ef12;color:#c2a5ff;font-size:16px;border-radius:8px}.app-monogram.harmony{color:#ecad82;background:#bf733b14;border-color:#bf733b40}.app-monogram.ps{color:#95bcf3;background:#669ee414;border-color:#669ee440}.section{padding-top:105px;padding-bottom:100px;scroll-margin-top:20px}.section h2,.team-section h2,.final-cta h2{font-size:clamp(34px,4vw,49px);font-weight:540;line-height:1.12;letter-spacing:-2px;margin:0 0 25px}.section p:not(.kicker):not(.plan-price),.team-section p:not(.kicker){font-size:14px;line-height:1.85;color:var(--site-muted)}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 100px}.section-intro .kicker{grid-column:1/-1}.section-intro h2{margin:0}.section-intro>p:last-child{max-width:410px;margin:0 0 2px}.workflow-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:62px}.workflow-rail article{border-top:1px solid #89779f48;padding:22px 0 0;position:relative}.workflow-rail .rail-number{position:absolute;top:24px;right:0;font-size:10px;color:#6a6175}.workflow-rail img{width:24px;height:24px;opacity:.85}.workflow-rail h3{font-size:18px;font-weight:560;letter-spacing:-.3px;margin:22px 0 10px}.workflow-rail p{max-width:290px;margin:0}.studio-tour{background:linear-gradient(#17102080,#100c1480);border-block:1px solid var(--site-line)}.tour-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.tour-heading h2{margin:0}.tour-heading>p{margin:0;max-width:330px}.tour-tabs{display:flex;gap:8px;margin-bottom:25px;border-bottom:1px solid var(--site-line);padding-bottom:16px}.tour-tabs button{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:10px 18px;background:transparent;color:#9c94aa;font-size:12px;cursor:pointer}.tour-tabs button img{width:17px;height:17px;opacity:.7}.tour-tabs button[aria-selected=true]{background:#b294ef13;color:#d3bafe;border-color:#b294ef40}.tour-tabs button[aria-selected=true] img{opacity:1}.tour-tabs button:hover{background:#ffffff08}.tour-description{display:grid;grid-template-columns:1fr 1.2fr;gap:8px 70px;padding:27px 4px 0;min-height:150px}.tour-description h3{font-size:22px;font-weight:540;letter-spacing:-.6px;max-width:330px;margin:0}.tour-description p{margin:0}.tour-description>span{grid-column:2;font-size:10px;color:#b294ef;letter-spacing:.2px}.detail-row{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.detail-row+.detail-row{margin-top:120px}.detail-row>div>p:not(.kicker){max-width:390px}.detail-row .text-link{margin-top:14px}.detail-row.reverse{grid-template-columns:1.2fr 1fr}.detail-row.reverse>div{order:2}.detail-visual{border:1px solid #ffffff12;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#9b6dff0d,transparent 65%),#121015;padding:35px 26px}.diagram-project{display:flex;align-items:center;gap:10px;justify-content:center;font-size:11px;letter-spacing:2px}.diagram-project img{width:20px;height:20px}.diagram-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:50px 0 28px;position:relative}.diagram-branches:before{content:'';position:absolute;left:16%;right:16%;top:-23px;height:22px;border:1px solid #b294ef30;border-bottom:0}.diagram-branches>span{border:1px solid #b294ef28;border-radius:10px;padding:19px 8px;text-align:center;font-size:12px;color:#c7b3e8;background:#b294ef06}.diagram-branches img{display:block;width:23px;height:23px;margin:0 auto 12px}.diagram-branches small{display:block;color:#8c8398;font-size:9px;margin-top:6px}.anatomy-visual code{display:block;text-align:center;font-size:10px;color:#9588a6;padding:20px 4px;border-top:1px solid #ffffff09}.diagram-storage{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;border-top:1px solid #ffffff09;padding-top:20px}.diagram-storage img{width:13px;height:13px}.diagram-storage span{color:#81798d;margin-left:10px}.detail-shot{margin:0;border:1px solid var(--site-line);border-radius:12px;overflow:hidden;background:#131017;box-shadow:0 15px 50px #0004}.detail-shot figcaption{font-size:9px;padding:14px 18px;color:#94899f;letter-spacing:.4px}.team-section{padding:90px 0;border-block:1px solid var(--site-line);background:#100d16}.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.team-layout>div>p:not(.kicker){max-width:360px}.team-points{padding:0;margin:0;list-style:none}.team-points li{display:flex;align-items:flex-start;gap:20px;padding:23px 0;border-bottom:1px solid var(--site-line)}.team-points li:first-child{padding-top:0}.team-points img{width:22px;height:22px;margin-top:4px}.team-points h3{font-size:16px;font-weight:550;margin:0 0 9px}.team-points p{margin:0;font-size:13px!important}.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pricing-note{margin-top:34px;color:#82788f!important;font-size:12px!important}.studio-plan{padding:32px 34px;background:linear-gradient(135deg,#241a32,#131017 80%);border:1px solid #9873c86b;border-radius:16px;box-shadow:0 20px 70px #7b41900a}.plan-heading{display:flex;justify-content:space-between;align-items:center}.plan-heading h3{font-size:17px;font-weight:540;margin:0}.plan-heading>span{font-size:8px;letter-spacing:1.5px;color:#b39acd}.plan-price{font-size:62px;letter-spacing:-3px;margin:26px 0;line-height:1.2}.plan-price>span{font-size:11px;letter-spacing:0;color:#aba0b8}.studio-plan ul{padding:22px 0 0;list-style:none;border-top:1px solid #ffffff12;margin:0 0 27px}.studio-plan li{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:12px;color:#c6bbd4}.studio-plan li:before{content:'✓';font-size:12px;color:#ac90d6}.studio-plan .site-button{width:100%;justify-content:space-between}.plan-fine{font-size:10px!important;color:#8e819c!important;line-height:1.7!important;margin:18px 0 0}.faq-layout{border-top:1px solid var(--site-line);display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:80px}.faq-list details{border-bottom:1px solid var(--site-line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font-size:14px;display:flex;gap:24px;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#a99aba}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px!important;margin:15px 30px 0 0}.final-cta{text-align:center;padding:65px 0 100px;border-top:1px solid var(--site-line)}.final-cta>img{width:48px;height:48px;margin-bottom:25px}.final-cta .kicker{margin-bottom:20px}.final-cta h2{font-size:54px;margin-bottom:32px}.site-footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:34px 0 28px;border-top:1px solid var(--site-line)}.site-footer .site-brand{font-size:23px;gap:1px}.site-footer .brand-studio{font-size:17px}.site-footer p{font-size:10px;color:#8f849e}.site-footer nav{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#a99db7}.site-footer small{flex-basis:100%;color:#6d6479;font-size:9px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:white;color:black;z-index:100}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c2a5ff;outline-offset:5px}#screenshot-dialog{width:min(1440px,96vw);max-width:96vw;padding:40px 14px 12px;background:#17121e;border:1px solid #685179;border-radius:14px;color:#bbaeC6}#screenshot-dialog::backdrop{background:#050208e8;backdrop-filter:blur(10px)}#screenshot-dialog>img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}#screenshot-dialog>p{font-size:11px;text-align:center;margin:12px 0 0}.close-screenshot{position:absolute;right:12px;top:6px;background:transparent;border:0;color:white;font-size:26px;cursor:pointer;width:30px;height:30px}.download-main{max-width:900px;margin:70px auto;padding:0 28px}.download-main h1{font-size:54px;letter-spacing:-2px}.download-main .lead{max-width:650px}.download-steps{display:flex;gap:30px;list-style:none;padding:25px 0;margin:25px 0;border-block:1px solid #ffffff14;font-size:12px;color:#aba0b7}.download-steps span{color:#b99af7;margin-right:6px}.download-platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.download-card{border:1px solid #ffffff20;border-radius:16px;background:#15111c;padding:28px}.download-card h2{font-size:22px;margin:0 0 4px}.download-card .button{width:100%;margin-top:12px}.download-card code{font-size:9px;word-break:break-all;display:block;margin-top:12px}.download-card summary{cursor:pointer;font-size:10px}.download-foot{border-top:1px solid #ffffff14;margin-top:35px;padding:22px 0;color:#aaa0b5;font-size:13px}.download-foot a{color:#c1a6ed}.desktop-prompt{display:flex;align-items:center;gap:16px;border:1px solid #b99af740;border-radius:14px;padding:18px;margin-bottom:28px;flex-wrap:wrap;background:#b99af709}.desktop-prompt span{font-size:12px;color:var(--muted);flex:1}.desktop-prompt a{font-size:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:900px){.site-nav nav{gap:18px}.site-nav{padding-inline:24px}.container{width:calc(100% - 44px)}.site-hero{padding-top:55px}.site-hero h1{letter-spacing:-2.6px}.section{padding-block:75px}.detail-row,.detail-row.reverse,.pricing-layout,.team-layout{gap:40px}.section-intro{gap:0 40px}.tour-description{gap:10px 30px}.integrations{gap:20px}.integration-note{display:none}.faq-layout{gap:40px}.workflow-rail{gap:25px}.tour-tabs button{padding:10px 14px}.detail-visual{padding:25px 15px}.diagram-branches{gap:7px}.team-layout{grid-template-columns:1fr 1.2fr}}
@media(max-width:650px){.site-nav{gap:12px;padding:14px 18px;flex-wrap:wrap}.site-brand{font-size:23px}.site-brand img{width:30px;height:30px}.brand-studio{font-size:17px}.site-nav nav{order:3;width:100%;justify-content:space-between;font-size:11px;padding:7px 6px 0;gap:12px}.site-nav>.site-button{margin-left:auto}.container{width:calc(100% - 36px)}.site-hero{padding-top:45px}.site-hero h1{font-size:49px;letter-spacing:-2.5px}.kicker{font-size:8px;letter-spacing:1.5px}.hero-description{font-size:14px}.hero-actions{gap:18px;flex-direction:column;margin-top:25px}.platform-note{font-size:10px}.hero-stage{margin-top:40px}.window-bar{min-height:27px;padding:0 10px;font-size:7px}.window-dots{min-width:42px}.window-dots i{width:5px;height:5px}.window-bar>span:last-child{display:none}.app-window{border-radius:8px;box-shadow:0 20px 40px #0006}.stage-caption{font-size:7px;letter-spacing:.5px}.stage-caption>span:last-child{display:none}.integrations{justify-content:center;flex-wrap:wrap;gap:20px 24px;padding:32px 0}.integrations>p{flex-basis:100%;text-align:center;font-size:10px}.integrations>p br{display:none}.integrations>div{font-size:10px;gap:6px}.app-monogram{width:24px;height:25px;font-size:12px}.section{padding-block:58px}.section h2,.team-section h2{font-size:36px;letter-spacing:-1.5px}.section-intro{display:block}.section-intro>p:last-child{margin-top:20px}.workflow-rail{grid-template-columns:1fr;gap:28px;margin-top:35px}.workflow-rail h3{margin-top:14px}.workflow-rail p{max-width:none}.tour-heading{display:block;margin-bottom:22px}.tour-heading>p{margin-top:20px;font-size:12px!important}.tour-heading>p br{display:none}.tour-tabs{overflow-x:auto;gap:2px;padding-bottom:12px}.tour-tabs button{flex:none;font-size:10px;padding:9px}.tour-tabs img{width:14px!important;height:14px!important}.tour-description{display:block;min-height:0;padding-top:22px}.tour-description h3{font-size:20px;margin:0 0 12px}.tour-description p{font-size:12px!important}.tour-description>span{display:block;font-size:9px;margin-top:12px}.detail-row,.detail-row.reverse,.pricing-layout,.team-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.detail-row+.detail-row{margin-top:65px}.detail-row.reverse>div{order:0}.detail-row>div>p:not(.kicker){max-width:none}.diagram-branches small{font-size:8px}.diagram-storage{font-size:9px}.team-section{padding:58px 0}.team-layout>div>p:not(.kicker){max-width:none}.pricing-note{margin-top:22px}.studio-plan{padding:27px}.plan-price{font-size:58px}.faq-list p{margin-right:0}.final-cta{padding:45px 0 60px}.final-cta h2{font-size:42px}.site-footer{gap:12px}.site-footer nav{margin:8px 0 0;width:100%;justify-content:space-between}.site-footer p{margin-left:auto;font-size:9px}.site-footer small{margin-top:10px}.download-main{margin-top:40px;padding:0 20px}.download-main h1{font-size:40px}.download-platforms{grid-template-columns:1fr}.download-steps{gap:16px;flex-wrap:wrap;font-size:11px}.desktop-break{display:none}}
@media(max-width:650px){.hero-stage::before{inset:-70px 0 0}.stage-grid{inset:0}}
.workflow-rail img,.tour-tabs img,.anatomy-visual img,.team-points img{filter:brightness(0) invert(1)}

.download-main{text-align:center;margin-block:54px;max-width:860px}.download-main h1{margin:0 0 14px}.download-main .lead{margin:0 auto 18px;font-size:16px}.download-main #download-status{font-size:12px;color:var(--site-muted)}.download-platforms{margin-top:30px}.download-card .button{display:flex;align-items:center;justify-content:center;gap:10px}.download-app-icon{width:25px;height:25px;border-radius:6px}.download-card details{margin-top:12px}.download-foot{padding-bottom:0}.download-foot p{margin:0 0 8px}
