:root{color:#10111f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 0 0,#fffffff5,#0000 36%),radial-gradient(circle at 0 100%,#94a8ff61,#0000 28%),radial-gradient(circle at 100% 0,#906cff38,#0000 26%),linear-gradient(135deg,#edf1ff 0%,#eef1fb 36%,#d9defe 100%);font-family:Manrope,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button,select,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}.page-shell{min-height:100vh;padding:40px 48px 56px;position:relative;overflow:hidden}.ambient{filter:blur(50px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.ambient-left{background:#8599f842;width:460px;height:460px;top:52%;left:-140px}.ambient-right{background:#5d4ee238;width:260px;height:260px;top:72px;right:120px}.close-button{z-index:2;color:#10111f9e;background:#ffffffbf;border:1px solid #10111f14;border-radius:18px;place-items:center;width:54px;height:54px;font-size:32px;line-height:1;display:grid;position:absolute;top:34px;right:38px;transform:rotate(45deg);box-shadow:0 18px 50px #464c6c1f}.hero{z-index:1;grid-template-columns:minmax(0,1.02fr) minmax(540px,.98fr);align-items:center;gap:56px;max-width:1440px;min-height:calc(100vh - 96px);margin:0 auto;display:grid;position:relative}.hero-copy{max-width:620px;animation:.7s cubic-bezier(.16,1,.3,1) fade-up}.eyebrow{color:#4c5681;letter-spacing:.02em;background:#ffffff94;border:1px solid #4b568e1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-copy h1{letter-spacing:-.08em;margin:22px 0 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(3.6rem,6vw,5.8rem);line-height:.96}.hero-text{color:#465071;max-width:500px;margin:0;font-size:1.12rem;line-height:1.65}.selector-panel__heading p,.release-card__label{color:#6d7697;margin:0;font-size:.93rem}.action-cluster{flex-direction:column;gap:14px;margin-top:24px;display:flex}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:12px;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.build-chip:hover,.close-button:hover{transform:translateY(-2px)}.primary-button{color:#fff;background:#0f1015;width:fit-content;min-width:320px;padding:18px 24px;font-size:1.02rem;font-weight:700;box-shadow:0 18px 36px #1112182e}.primary-button span{opacity:.7}.mini-meta{color:#6e7896;flex-wrap:wrap;gap:8px 12px;font-size:.88rem;display:flex}.selector-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff8f;border:1px solid #5f6bb51f;border-radius:30px;margin-top:30px;padding:24px;box-shadow:0 24px 64px #4c598d1a}.selector-panel__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.selector-panel__heading h2,.workspace-preview h2{margin:0;font-family:Plus Jakarta Sans,sans-serif}.selector-panel__heading h2{margin-top:3px;font-size:1.45rem}.selector-badge{color:#4b44db;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#8c6fff24,#4659ff33);border-radius:999px;padding:10px 14px;font-size:.86rem;font-weight:800}.field-grid{gap:20px;margin-top:18px;display:grid}.field{gap:12px;display:grid}.field span{color:#5b6588;font-size:.92rem;font-weight:700}.field select{color:#10111f;background:#fffffff0;border:1px solid #6470b229;border-radius:18px;outline:none;width:100%;padding:16px 18px}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.build-chip{color:#5f6788;background:#ffffffb8;border:1px solid #6470b21f;border-radius:20px;gap:12px;padding:14px;display:grid}.build-chip__select{color:inherit;text-align:left;background:0 0;gap:5px;padding:0;display:grid}.build-chip strong{color:#131420;font-size:.98rem}.build-chip span{font-size:.88rem;font-weight:600}.build-chip__download{color:#fff;background:#11131b;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:.92rem;font-weight:700;display:inline-flex}.build-chip.is-active{background:linear-gradient(135deg,#785fff1f,#ffffffeb);border-color:#4a45dc3d;box-shadow:inset 0 0 0 1px #5c53e824}.hero-art{animation:.8s cubic-bezier(.16,1,.3,1) 80ms both fade-up}.mac-guide{z-index:1;gap:32px;max-width:1440px;min-height:100vh;margin:0 auto;padding:56px 0 24px;display:grid;position:relative}.mac-guide__intro{max-width:620px}.mac-guide__intro h2,.guide-callout__body h3{letter-spacing:-.05em;margin:18px 0 12px;font-family:Plus Jakarta Sans,sans-serif}.mac-guide__intro h2{font-size:clamp(2.6rem,5vw,4rem)}.mac-guide__intro p{color:#465071;margin:0;font-size:1.06rem;line-height:1.7}.mac-guide__layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:24px;display:grid}.guide-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-step{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff8f;border:1px solid #5f6bb51f;border-radius:28px;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:18px;padding:22px 24px;display:grid;box-shadow:0 24px 64px #4c598d14}.guide-step__index{color:#fff;background:linear-gradient(135deg,#11131b,#4738d6);border-radius:22px;place-items:center;width:68px;height:68px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;display:grid}.guide-step p{color:#1c2030;margin:0;font-size:1rem;line-height:1.7}.guide-callout{gap:16px;display:grid}.guide-callout__window{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffa3;border:1px solid #5f6bb51f;border-radius:30px;overflow:hidden;box-shadow:0 24px 64px #4c598d1a}.guide-callout__chrome{gap:10px;padding:18px 20px 0;display:flex}.guide-callout__chrome span{background:#6f5dff3d;border-radius:999px;width:12px;height:12px}.guide-callout__body{gap:14px;padding:22px 22px 24px;display:grid}.guide-callout__label{color:#6d7697;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.86rem;font-weight:700}.guide-callout__body h3{margin:0;font-size:2rem}.guide-callout__path{color:#465071;margin:0;line-height:1.7}.guide-callout__warning{color:#7a5318;background:#fff6e4eb;border:1px solid #ea9f3d42;border-radius:20px;padding:16px 18px;line-height:1.65}.guide-callout__button{color:#fff;background:#11131b;border-radius:14px;width:fit-content;padding:12px 16px;font-weight:700}.guide-callout__footer{color:#465071;background:#ffffff8f;border-radius:20px;padding:16px 18px;line-height:1.65}.art-frame{background:#ffffffb8;border-radius:42px;padding:24px;position:relative;box-shadow:0 34px 90px #4c598d24}.art-screen{background:radial-gradient(circle at 54% 6%,#9ab5ffb3,#0000 18%),linear-gradient(135deg,#786bfd 0%,#a788f0 31%,#5c35de 68%,#3f28ca 100%);border-radius:34px;min-height:660px;position:relative;overflow:hidden}.art-screen:before{content:"";background:radial-gradient(circle at 14% 20%,#ffffff3d,#0000 20%),radial-gradient(circle at 78% 80%,#ffffff1f,#0000 22%);animation:10s ease-in-out infinite alternate drift;position:absolute;inset:0}.window-chrome{gap:10px;padding:26px 26px 0;display:flex}.window-chrome span{background:#ffffffeb;border:1px solid #3927942e;border-radius:999px;width:14px;height:14px}.workspace-preview{background:linear-gradient(#f6f1fff7,#faf7ffeb);border-radius:36px 36px 0 0;width:min(82%,620px);margin:84px auto 0;padding:44px 38px 36px;position:relative;box-shadow:0 30px 90px #20165e33}.logo-cloud{background:#ffffffbd;border-radius:999px;place-items:center;width:72px;height:72px;margin:0 auto;display:grid;box-shadow:inset 0 0 0 1px #6f5dff24}.logo-cloud__mark{color:#2f24a3;background:linear-gradient(135deg,#fff,#d9d3ff);border-radius:14px;place-items:center;width:42px;height:42px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800;display:grid}.workspace-preview h2{text-align:center;letter-spacing:-.05em;margin-top:22px;font-size:clamp(2rem,3vw,2.8rem)}.composer-card{background:#fff;border-radius:32px;gap:22px;margin-top:34px;padding:24px 24px 18px;display:grid;box-shadow:0 18px 48px #3631751a}.composer-card p{color:#7f8195;margin:0;font-size:1rem}.composer-card__footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.composer-card__footer span{color:#444a68;align-items:center;gap:8px;font-weight:700;display:inline-flex}.composer-card__footer button{color:#fff;background:#101117;border-radius:999px;place-items:center;width:52px;height:52px;display:grid}@keyframes drift{0%{transform:translate(-1%)scale(1)}to{transform:translate(1%,2%)scale(1.03)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:1320px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:100%}.hero-art{max-width:920px}.mac-guide__layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.page-shell{padding:28px 20px 40px}.close-button{width:48px;height:48px;top:18px;right:18px}.hero{gap:30px;min-height:auto;padding-top:48px}.hero-copy h1{margin-right:28px;font-size:clamp(2.9rem,16vw,4.4rem)}.hero-text{font-size:1.08rem;line-height:1.75}.primary-button{width:100%;min-width:0}.selector-panel{border-radius:28px;padding:20px}.selector-panel__heading{flex-direction:column}.build-grid{grid-template-columns:minmax(0,1fr)}.mac-guide{min-height:auto;padding-top:44px}.mac-guide__intro h2{font-size:clamp(2.2rem,12vw,3rem)}.guide-step{grid-template-columns:54px minmax(0,1fr);padding:18px}.guide-step__index{border-radius:18px;width:54px;height:54px}.art-frame{border-radius:28px;padding:14px}.art-screen{border-radius:22px;min-height:520px}.workspace-preview{border-radius:28px 28px 0 0;width:calc(100% - 32px);margin-top:34px;padding:30px 18px 20px}.workspace-preview h2{font-size:2rem}.composer-card{padding:20px 18px}.composer-card__footer{flex-direction:column;align-items:flex-start}.composer-card__footer button{align-self:flex-end}}