:root,[data-vd-theme="light"]{--vd-font:'DM Sans',sans-serif;--vd-bg:#f7f8fa;--vd-text:#242630;--vd-muted:#656876;--vd-brand:#6554d8;--vd-brand-ink:#fff;--vd-border:#e1e3e9;--vd-radius:12px;--vd-shadow:none;--purple:#6554d8;--muted:#656876}html{scroll-behavior:smooth;scroll-padding-top:110px}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,a,input,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7766e7;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:Manrope,sans-serif}h1,h2{letter-spacing:-.065em;font-weight:600;line-height:1.08}h2{font-size:clamp(36px,4.3vw,56px)}h2 span,h1 span{color:var(--purple)}p{line-height:1.7}button{border:0}button,a{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - 1240px)/2));border-bottom:1px solid #e7e8ed;gap:30px;background:#f7f8faf2;position:relative;z-index:10}.wordmark{font-size:35px;letter-spacing:-2.5px;font-weight:800;line-height:1}.wordmark span{color:var(--purple)}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a:hover,.footer a:hover{color:var(--purple)}.contact-nav{font-size:12px;font-weight:700;background:white;border:1px solid var(--vd-border);padding:12px 17px;border-radius:8px}.contact-nav span{margin-left:15px}.menu{display:none}.mobile-nav{position:absolute;z-index:11;top:80px;background:white;width:100%;padding:24px;box-shadow:0 20px 20px #0001}.mobile-nav a{display:block;padding:12px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:680px;align-items:center;gap:30px;padding-block:70px 60px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #6554d812}.hero h1{font-size:clamp(52px,5.9vw,82px);margin-top:25px;letter-spacing:-.072em}.lead{font-size:17px;color:var(--muted);max-width:420px;margin-top:25px}.hero-sub{font-size:14px;margin-top:13px;font-weight:500}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:29px}.vd-btn{font-size:12px;font-weight:600;padding:14px 21px;min-height:48px;border-radius:8px}.vd-btn span{margin-left:16px}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.text-link:hover{color:var(--purple)}.hero-note{display:flex;gap:12px;align-items:center;margin-top:43px;font-size:10px;line-height:1.8;color:var(--muted)}.hero-note strong{font-weight:500;color:#424551}.mini-symbol{font-size:20px;font-weight:800;background:#eae8f8;width:37px;height:37px;text-align:center;border-radius:50%;color:var(--purple)}.universe{height:500px;position:relative;isolation:isolate;background:radial-gradient(ellipse,#dcd7fc80,transparent 67%)}.orbit{position:absolute;top:50%;left:50%;border:1px solid #d8d6e8;border-radius:50%;transform:translate(-50%,-50%)}.o1{width:240px;height:240px}.o2{width:380px;height:380px}.o3{width:500px;height:500px;border-style:dashed;opacity:.5}.planet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:210px;height:210px;border-radius:55px;background:linear-gradient(145deg,#b4a5ff,#7560dc 48%,#49368a);box-shadow:inset 2px 3px 6px #fff8,inset -5px -8px 20px #38217c70,0 35px 60px #6554d845;display:grid;place-items:center}.planet>span{font:800 150px/.9 Manrope,sans-serif;letter-spacing:-18px;color:#fff;transform:translate(-10px,-8px);text-shadow:0 6px 8px #30235a30}.planet-dot{color:#ded6ff}.satellite{position:absolute;display:flex;align-items:center;gap:12px;padding:17px 19px;background:#fffffff2;border:1px solid #eae9f1;border-radius:15px;box-shadow:0 10px 35px #35325b0d;z-index:2;min-width:187px;transition:transform .25s,box-shadow .25s;animation:float 7s ease-in-out infinite}.satellite:hover{box-shadow:0 15px 40px #35325b24;animation-play-state:paused}.satellite small{display:block;font-size:7px;letter-spacing:1.3px;color:var(--muted);margin-bottom:5px}.satellite>span:nth-child(2){font-size:16px;font-weight:700}.satellite b{font-size:12px;margin-left:auto;color:#777}.sat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:26px;background:#eeeafa;color:#7b67cb}.studio-sat{top:35px;left:30px;transform:rotate(-7deg)}.assist-sat{top:230px;right:-10px;animation-delay:-3s}.assist-sat .sat-icon{background:#e9f4ec;color:#438360}.collective-sat{bottom:45px;left:20px;animation-delay:-5s}.collective-sat .sat-icon{background:#fff0da;color:#a47732}.star{position:absolute;color:#a094d1}.star1{right:46px;top:75px;font-size:37px}.star2{left:40px;top:255px;font-size:24px}.universe-label{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#898392}.intro-strip{border-top:1px solid var(--vd-border);border-bottom:1px solid var(--vd-border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px}.intro-strip>span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.intro-strip p{font-size:13px;color:var(--muted)}.intro-strip strong{font-weight:500;color:var(--vd-text)}.intro-strip a{font-size:10px;font-weight:700}.section{padding-block:100px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head .eyebrow{margin-bottom:20px;color:var(--muted)}.section-head>p{font-size:13px;max-width:320px;color:var(--muted);padding-bottom:4px}.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-card{border:1px solid #e3e4eb;background:white;border-radius:18px;overflow:hidden;scroll-margin-top:25px;transition:transform .25s,box-shadow .25s}.brand-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #2222380b}.brand-top{display:flex;justify-content:space-between;padding:22px 23px 0;font-size:8px;font-weight:700;letter-spacing:1px}.brand-art{height:255px;position:relative;margin:12px 0 0;overflow:hidden}.studio{background:#f1eefb}.assist{background:#edf5f0}.collective{background:#f5f0e6}.brand-copy{padding:0 25px 25px}.brand-copy h3{font-size:24px;font-weight:600;letter-spacing:-.8px}.brand-copy p{font-size:12px;min-height:72px;margin:12px 0 23px;color:#656572}.brand-link{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #00000013;font-size:11px;font-weight:700}.mini-window{position:absolute;width:82%;height:190px;top:27px;left:9%;background:white;border:1px solid #e0ddee;border-radius:8px;transform:rotate(-5deg);box-shadow:0 15px 20px #4d3d7d18;overflow:hidden}.window-bar{height:24px;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid #eee}.window-bar i{width:4px;height:4px;background:#ccc;border-radius:50%}.window-bar span{font-size:5px;margin-left:auto;color:#999}.window-content{padding:20px;position:relative}.window-pill{font-size:5px;font-weight:600;letter-spacing:1px;background:#ece9fa;padding:4px 5px;color:var(--purple)}.window-content b{display:block;font-size:22px;letter-spacing:-1px;margin:10px 0}.mock-line{height:3px;background:#dddce4;width:100px;margin-top:5px}.mock-line.short{width:70px}.mock-button{display:inline-block;font-size:5px;padding:6px 10px;background:var(--purple);color:white;border-radius:3px;margin-top:15px}.mock-sphere{width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e8dfff,#9c83e7 45%,#5f44b2);position:absolute;right:15px;top:55px}.art-sticker{position:absolute;right:14px;bottom:21px;background:#c7b6ef;border:5px solid #f1eefb;width:57px;height:57px;display:grid;place-items:center;border-radius:16px;transform:rotate(10deg);font-size:17px;color:#5c3ba5;font-weight:700}.chat-bubble{border:1px solid #dfebe2;box-shadow:0 12px 30px #2e523014;border-radius:12px;background:#fff;padding:17px;font-size:10px;position:absolute}.question{right:20px;top:38px;transform:rotate(4deg);display:flex;gap:17px}.question span{font-size:18px;line-height:1}.answer{top:105px;left:20px;right:35px;display:flex;gap:12px;align-items:center;transform:rotate(-4deg);font-weight:600}.answer small{display:block;font-size:7px;font-weight:400;margin-top:5px;color:#6c7a70}.answer-icon{font-size:27px;color:#438360}.assist-icons{display:flex;gap:12px;position:absolute;bottom:30px;left:70px}.assist-icons span{width:32px;height:32px;display:grid;place-items:center;background:#dcebe0;color:#5c8b6d;border-radius:10px}.collective-outline{font-size:38px;letter-spacing:-2px;font-weight:800;color:#dfd7c6;position:absolute;top:70px;width:100%;text-align:center;transform:rotate(-10deg)}.shirt{position:absolute;width:200px;height:210px;top:10px;left:calc(50% - 100px);transform:rotate(7deg);filter:drop-shadow(0 16px 8px #272c2620)}.collection-note{position:absolute;bottom:21px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#80745d}.chooser{border:1px solid #e1ddef;border-radius:16px;background:#f0edf9;padding:32px 36px}.chooser h2{font-size:25px;letter-spacing:-1px;margin:10px 0 22px}.chooser .eyebrow{font-size:8px;color:#796c9d}.choice-buttons{display:flex;flex-wrap:wrap;gap:10px}.choice-buttons .vd-btn{background:#fff;font-size:11px;padding:10px 17px;min-height:42px}.chooser>p{font-size:11px;color:#736783;margin-top:18px}.catalog-toolbar{display:flex;gap:12px}.search-box{display:flex;align-items:center;flex:1;gap:12px;border:1px solid var(--vd-border);background:#fff;border-radius:10px;padding:0 16px;min-height:50px}.search-box>span:first-child{font-size:26px;color:#8c899c}.search-box input{border:0;outline:none;background:transparent;flex:1;min-width:0;font-size:12px;color:inherit;height:48px}.search-box:focus-within{outline:2px solid #8171d8;outline-offset:2px}.search-box kbd{font-size:11px;border:1px solid #e5e5eb;border-radius:3px;padding:2px 6px;color:#aaa}.status-label select{height:50px;font-size:11px;max-width:180px}.catalog-toolbar>.vd-btn{background:white}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 22px}.filter-row button{font-size:10px;background:transparent;padding:9px 14px;border-radius:6px;color:var(--muted);border:1px solid transparent}.filter-row button[aria-pressed="true"]{background:#eae6fa;color:#5e4bc2;border-color:#ded6f8}.catalog-caption{display:flex;justify-content:space-between;margin-bottom:19px;font-size:9px;color:#85818f}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{padding:24px;border:1px solid var(--vd-border);border-radius:15px;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2222380a}.app-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--app-color) 12%,white);color:var(--app-color);font-size:21px;font-weight:700}.save-app{background:none;color:#726a86;font-size:23px;width:40px;height:40px;border-radius:8px}.save-app[aria-pressed="true"]{color:var(--purple);background:#f2effb}.app-card h3{font-size:18px;letter-spacing:-.6px;margin-bottom:10px}.app-card>p{font-size:12px;color:var(--muted);margin-bottom:20px;flex:1}.app-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-chip{font-size:8px;padding:5px 8px;border-radius:5px;background:#edf4ed;color:#3f6e4b}.status-chip.development{background:#f8f0df;color:#856c38}.details-button{background:none;font-size:10px;font-weight:600;padding:10px 0 10px 10px}.empty-state{padding:60px;text-align:center;border:1px dashed var(--vd-border);border-radius:12px}.empty-state h3{font-size:22px}.empty-state p{font-size:13px;margin:14px 0}.developer-section{padding:50px;background:#222531;border-radius:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;color:#fff}.developer-section .eyebrow{font-size:8px;color:#aaa5c3}.developer-section h2{font-size:34px;letter-spacing:-1.5px;margin:20px 0}.developer-section h2 span{color:#b8a5f6}.developer-section p:not(.eyebrow){font-size:12px;color:#b6b6c4;max-width:350px}.developer-section .vd-btn{background:#fff;border:0;color:#252431;font-size:10px}.developer-section .text-link{font-size:10px}.code-card{display:block;background:#2c2e3c;border:1px solid #494455;border-radius:12px;transform:rotate(2deg);box-shadow:0 16px 30px #0002}.code-top,.code-bottom{display:flex;justify-content:space-between;padding:17px 20px;font-size:9px;color:#b4afc7}.code-top{border-bottom:1px solid #ffffff10}.code-top>span+span{color:#6f697d;font-size:6px}.code-card code{display:block;font-family:Consolas,monospace;padding:22px;font-size:12px;line-height:1.9;color:#e5dfef}.code-purple{color:#b6a3ed}.code-green{color:#b9d8b7}.code-bottom{border-top:1px solid #ffffff10;color:white}.about>.eyebrow{color:var(--muted);margin-bottom:26px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.about h2{font-size:43px}.about-grid p{font-size:13px;color:var(--muted);margin-bottom:20px}.about-grid .large-copy{font-size:21px;color:#353440;line-height:1.5}.contact-section{background:#ede8fa;border:1px solid #e4ddf2;border-radius:20px;padding:60px;position:relative;overflow:hidden}.contact-section .eyebrow{font-size:8px;color:#87759d}.contact-section h2{font-size:65px;margin:24px 0}.contact-section>p{font-size:13px;color:#756787}.contact-section .actions{position:relative;z-index:1}.contact-section .vd-btn--ghost{border-color:#d5cbe5}.contact-flower{font-size:340px;line-height:1;color:#b7a3e6;position:absolute;right:60px;top:50%;transform:translateY(-50%) rotate(10deg);pointer-events:none}.contact-section #copy-status{display:block;min-height:18px;margin-top:14px;font-size:11px;color:#625074}.footer{padding-block:60px 25px}.footer-top{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:30px;padding-bottom:45px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>div{display:grid;gap:13px;font-size:11px}.footer-bottom{border-top:1px solid var(--vd-border);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}dialog{background:#fff;color:#252630;max-width:580px;width:calc(100% - 40px);border:1px solid #e6e3ee;border-radius:20px;padding:45px;box-shadow:0 40px 120px #17122540}dialog::backdrop{background:#211f3c70;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:14px;top:14px;min-height:35px;height:35px;padding:0;width:35px;font-size:22px}dialog .eyebrow{font-size:9px;color:var(--purple);margin:15px 30px 20px 0}dialog h2{font-size:36px;letter-spacing:-1.5px}dialog p:not(.eyebrow){font-size:14px;margin-top:22px;color:var(--muted)}dialog .dialog-note{font-size:12px!important;background:#f5f3f9;border-radius:8px;padding:14px}body:has(dialog[open]){overflow:hidden}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1600px){.hero{min-height:740px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header{padding-inline:30px}.hero{gap:10px}.hero h1{font-size:65px}.universe{scale:.88;transform-origin:center}.brand-art{height:230px}.brand-copy{padding-inline:20px}.brand-copy p{min-height:88px}.mini-window{width:90%;left:5%}.window-content{padding:17px}.mock-sphere{width:45px;height:45px;right:7px}.question{right:8px;font-size:9px;padding:14px}.answer{left:8px;right:8px;padding:14px;font-size:9px}.developer-section{padding:36px;gap:30px}.developer-section h2{font-size:30px}.contact-flower{right:35px;font-size:280px}.about-grid{gap:35px}.about h2{font-size:37px}}
@media(max-width:800px){.header nav,.contact-nav{display:none}.menu{display:block;background:transparent;font-size:22px;padding:10px}.header{height:80px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-block:45px 40px;text-align:center;gap:0}.hero h1{font-size:66px}.hero .lead{margin-inline:auto;font-size:16px}.hero .actions,.hero-note{justify-content:center}.hero-note{margin-top:28px}.universe{height:440px;width:min(470px,100%);margin:25px auto 0;scale:.85}.intro-strip{flex-wrap:wrap;justify-content:center;text-align:center}.intro-strip>span{width:100%}.section{padding-block:65px}.section-head{gap:25px;align-items:start}.section-head>p{max-width:240px;font-size:12px}.brands{grid-template-columns:1fr;gap:20px}.brand-card{display:grid;grid-template-columns:1fr 1fr}.brand-top{grid-column:1/-1}.brand-art{height:230px}.brand-copy{padding-top:35px}.brand-copy p{min-height:auto}.brand-link{margin-top:23px}.app-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}.catalog-caption>span+span{display:none}.developer-section{grid-template-columns:1fr;gap:35px;padding:35px}.code-card{max-width:450px;width:100%;margin:auto}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:44px}.about-grid>div{max-width:600px}.contact-section{padding:40px}.contact-section h2{font-size:56px}.contact-flower{font-size:180px;right:20px;top:33%}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;width:100%}.chooser{padding:28px}.chooser h2{font-size:25px}}
@media(max-width:480px){.header{padding-inline:20px}.hero h1{font-size:52px}.hero .eyebrow{font-size:8px}.lead{font-size:14px!important}.universe{scale:.75;height:400px;margin-block:0 -25px}.o3{width:430px;height:430px}.o2{width:340px;height:340px}.studio-sat{left:-20px;top:10px}.assist-sat{right:-40px;top:170px}.collective-sat{left:-5px;bottom:5px}.universe-label{bottom:-30px}.star1{right:-5px;top:50px}.intro-strip{padding-block:20px;gap:8px}.intro-strip p{font-size:11px}.intro-strip a{font-size:9px}.section-head{display:block}.section-head>p{margin-top:22px;max-width:300px}.section-head h2{font-size:39px}.brand-card{display:block}.brand-top{padding-top:20px}.brand-art{height:235px;max-width:380px;margin-inline:auto}.brand-copy{padding-top:0}.brand-copy p{font-size:13px}.app-grid{grid-template-columns:1fr}.app-card{padding:22px}.catalog-toolbar>.vd-btn{flex:1}.status-label{flex:1}.status-label select{max-width:none;width:100%}.app-card>p{font-size:13px}.chooser{padding:25px}.choice-buttons{display:grid;grid-template-columns:1fr}.choice-buttons button{justify-content:space-between}.developer-section{padding:29px}.developer-section h2{font-size:29px}.developer-section .actions{gap:20px}.about h2{font-size:37px}.contact-section{padding:30px}.contact-section h2{font-size:47px;position:relative;z-index:1}.contact-flower{opacity:.25;right:-40px;top:45%;font-size:250px}.contact-section .actions{gap:12px}.contact-section .vd-btn{font-size:11px;padding-inline:16px}.contact-section>p{position:relative;z-index:1}.footer-top{gap:30px 20px}.footer-top .wordmark{font-size:35px}dialog{padding:32px 25px}.filter-row{gap:5px}.filter-row button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brand-card:hover,.app-card:hover{transform:none}}
