:root{--ivory:#f9efd1;--light:#fff8e8;--carbon:#1d1d1b;--soft:#555247;--clay:#bcb299;--blue:#0096dc;--coral:#fd581c;--green:#5fae30;--topaz:#ff9400;--display:"new-astro-soft","Rubik",sans-serif;--body:"Rubik",system-ui,sans-serif;--shadow:0 28px 70px rgba(29,29,27,.2);--page:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ivory);color:var(--carbon);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}img{max-width:100%}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 16px;border-radius:12px;background:var(--carbon);color:var(--ivory)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;min-height:78px;padding:12px max(28px,calc((100vw - var(--page))/2));background:rgba(188,178,153,.84);border-bottom:1px solid rgba(29,29,27,.1);backdrop-filter:blur(16px)}.brand{display:flex}.brand img{width:190px;filter:drop-shadow(0 10px 16px rgba(29,29,27,.12))}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:5px}.menu-button{display:none;margin-left:auto;padding:9px;border:0;background:transparent}.menu-button span{display:block;width:25px;height:3px;margin:4px 0;border-radius:4px;background:var(--carbon)}.mobile-nav{position:fixed;inset:78px 0 auto;z-index:49;padding:20px 24px 26px;background:var(--light);border-bottom:1px solid var(--clay);box-shadow:0 10px 30px rgba(29,29,27,.12)}.mobile-nav a,.mobile-nav button{display:flex;width:100%;margin:0 0 8px;padding:13px 10px;font-weight:700;text-decoration:none;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:15px;font-weight:700;letter-spacing:.035em;line-height:1.15;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(29,29,27,.15)}.button:active{transform:none}.button:focus-visible,a:focus-visible,.menu-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.button-dark{background:var(--carbon);color:var(--ivory)}.button-light{background:rgba(255,248,232,.76);border-color:var(--clay)}.button-coral{background:var(--coral);color:var(--carbon)}.button-large{min-height:60px;padding:17px 28px;font-size:16px}.button-small{min-height:42px;padding:10px 18px;border-radius:999px;font-size:12px}.button[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.87fr) minmax(520px,1.13fr);min-height:calc(100vh - 78px);align-items:center;gap:54px;padding:74px max(28px,calc((100vw - var(--page))/2)) 90px;background:radial-gradient(circle at 15% 8%,#fff7df 0,var(--ivory) 38%,#dfc88f 100%);overflow:hidden}.hero-glow{position:absolute;width:620px;height:620px;right:-210px;top:-280px;border-radius:50%;background:rgba(0,150,220,.16);filter:blur(12px)}.hero-copy{position:relative;z-index:3;max-width:650px}.eyebrow{margin:0 0 14px;color:var(--coral);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:var(--display)}h1{max-width:680px;margin:0 0 24px;font-size:clamp(56px,6.3vw,96px);line-height:.92;letter-spacing:-.025em;text-wrap:balance}.hero-lede{max-width:620px;margin:0;color:var(--soft);font-size:clamp(19px,1.7vw,24px);line-height:1.45}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 32px;color:var(--soft);font-weight:600}.hero-proof span{display:inline-flex;align-items:center;gap:9px}.hero-proof i{width:18px;height:3px;border-radius:4px}.proof-blue{background:var(--blue)}.proof-orange{background:var(--coral)}.proof-green{background:var(--green)}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.compatibility{margin:17px 0 0;color:#756d5b;font-size:13px}.compatibility span{margin-right:7px;color:var(--green)}.hero-visual{position:relative;z-index:2;min-width:0;perspective:1600px}.product-window{position:relative;z-index:2;overflow:hidden;border:2px solid var(--carbon);border-radius:22px;background:var(--carbon);box-shadow:var(--shadow);transform:rotateY(-7deg) rotateX(2deg) rotateZ(1deg)}.product-window>img{display:block;width:100%}.window-bar{display:flex;align-items:center;height:38px;gap:7px;padding:0 14px;background:var(--carbon);color:var(--clay)}.window-bar span{width:10px;height:10px;border-radius:50%;background:var(--coral)}.window-bar span:nth-child(2){background:var(--topaz)}.window-bar span:nth-child(3){background:var(--green)}.window-bar em{margin-left:7px;font-size:11px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.hero-hand{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 24px 26px rgba(29,29,27,.22))}.hero-hand-top{width:185px;right:-36px;top:-116px;transform:rotate(12deg)}.hero-hand-side{width:185px;left:-90px;bottom:-96px;transform:rotate(-8deg)}.floating-note{position:absolute;z-index:4;display:flex;flex-direction:column;max-width:230px;padding:13px 16px;border:1px solid rgba(29,29,27,.3);border-radius:14px;background:var(--light);box-shadow:0 10px 30px rgba(29,29,27,.12)}.floating-note strong{font-family:var(--display);font-size:17px}.floating-note span{margin-top:3px;color:var(--soft);font-size:12px;line-height:1.35}.floating-note-one{left:-36px;top:12%;transform:rotate(-3deg)}.floating-note-two{right:-22px;bottom:-38px;transform:rotate(3deg)}.setup-section{position:relative;z-index:5;margin-top:-38px;padding:0 max(28px,calc((100vw - var(--page))/2)) 74px}.setup-card{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px 56px;padding:34px 38px;border:1px solid rgba(29,29,27,.24);border-radius:26px;background:var(--light);box-shadow:var(--shadow)}.setup-heading h2{margin:0 0 10px;font-size:clamp(30px,3vw,44px);line-height:1}.setup-heading>p:last-child{margin:0;color:var(--soft);line-height:1.5}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}.setup-steps li{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 12px;border:1px solid var(--clay);border-radius:15px;color:#807761;background:var(--ivory)}.setup-steps li.is-current{border-color:var(--carbon);color:var(--carbon);box-shadow:0 7px 0 var(--coral)}.setup-steps li.is-complete{border-color:var(--green);color:var(--carbon);background:#eff8e9}.setup-steps li>span{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--carbon);color:var(--ivory);font-weight:700}.setup-steps strong,.setup-steps small{display:block}.setup-steps strong{font-size:13px}.setup-steps small{margin-top:2px;font-size:10px;line-height:1.25}.launch-panel{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:96px;padding:18px;border-radius:19px;background:var(--carbon);color:var(--ivory)}.launch-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--coral);color:var(--carbon);font-size:25px;font-weight:700}.launch-message strong{display:block;font-family:var(--display);font-size:21px}.launch-message p{margin:4px 0 0;color:var(--clay);font-size:13px;line-height:1.45}.launch-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.launch-actions .button{min-height:44px;padding:11px 18px;font-size:12px}.launch-actions .download-secondary{color:var(--ivory);background:transparent;border-color:rgba(249,239,209,.4)}.launch-panel[data-state=opening] .launch-icon span{animation:pulse 1s ease-in-out infinite}.launch-panel[data-state=opened] .launch-icon{background:var(--green)}.launch-panel[data-state=install] .launch-icon{background:var(--topaz)}.noscript-copy{grid-column:1/-1;margin:0}.section{padding:96px max(28px,calc((100vw - var(--page))/2))}.section-heading{max-width:780px;margin-bottom:48px}.section-heading h2{margin:0;font-size:clamp(43px,5vw,68px);line-height:.98;text-wrap:balance}.section-heading>p:last-child{max-width:650px;margin:18px 0 0;font-size:18px;line-height:1.55}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-card{position:relative;min-height:390px;overflow:hidden;padding:28px;border:1px solid rgba(29,29,27,.2);border-radius:24px;box-shadow:0 10px 30px rgba(29,29,27,.1)}.how-card-blue{background:#bfe7fa}.how-card-orange{background:#ffc2ab}.how-card-green{background:#cce8bd}.how-card img{position:absolute;width:230px;right:-38px;top:12px;transform:rotate(8deg);filter:drop-shadow(0 20px 22px rgba(29,29,27,.15))}.how-card:nth-child(2) img{top:-15px;transform:rotate(-7deg)}.how-card:nth-child(3) img{top:-18px;transform:rotate(11deg)}.step-number{position:relative;z-index:2;font-family:var(--display);font-size:16px}.how-card h3{position:relative;z-index:2;max-width:260px;margin:215px 0 12px;font-size:31px;line-height:1}.how-card p{position:relative;z-index:2;max-width:330px;margin:0;color:var(--soft);line-height:1.5}.action-section{background:var(--carbon);color:var(--ivory)}.section-heading-light .eyebrow{color:var(--topaz)}.section-heading-light>p:last-child{color:var(--clay)}.showcase-main{margin:0}.showcase-frame{overflow:hidden;border:1px solid rgba(249,239,209,.34);border-radius:26px;background:#111;box-shadow:0 36px 90px rgba(0,0,0,.42)}.showcase-frame img{display:block;width:100%}.showcase-main>figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 5px 0;color:var(--clay)}.showcase-main>figcaption strong{color:var(--ivory)}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}.screenshot-card{margin:0;overflow:hidden;border:1px solid rgba(249,239,209,.24);border-radius:22px;background:#2b2b28}.screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/7.5;border-bottom:1px dashed rgba(249,239,209,.3);background:radial-gradient(circle at 25% 25%,rgba(0,150,220,.35),transparent 40%),#242421;color:var(--ivory)}.screenshot-chat{background:radial-gradient(circle at 75% 25%,rgba(253,88,28,.38),transparent 40%),#242421}.screenshot-placeholder span{font-family:var(--display);font-size:24px}.screenshot-placeholder small{margin-top:7px;color:var(--clay)}.screenshot-card figcaption{display:flex;align-items:center;gap:14px;padding:18px 20px}.screenshot-card figcaption>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--coral);color:var(--carbon);font-weight:700}.screenshot-card strong,.screenshot-card small{display:block}.screenshot-card small{margin-top:3px;color:var(--clay)}.creator-panel{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:60px;overflow:hidden;padding:clamp(38px,6vw,78px);border-radius:30px;background:linear-gradient(135deg,#d6a8e9 0,#f2c4da 48%,#f8b198 100%);box-shadow:var(--shadow)}.creator-copy{position:relative;z-index:2}.creator-copy h2{margin:0 0 20px;font-size:clamp(43px,5vw,70px);line-height:.95;text-wrap:balance}.creator-copy>p:not(.eyebrow){max-width:620px;margin:0 0 28px;color:var(--soft);font-size:18px;line-height:1.55}.prompt-stack{position:relative;z-index:2;align-self:center}.prompt-stack p{width:fit-content;max-width:100%;margin:0 0 13px;padding:15px 19px;border:1px solid rgba(29,29,27,.25);border-radius:19px 19px 19px 5px;background:rgba(255,248,232,.87);box-shadow:0 10px 30px rgba(29,29,27,.1);font-weight:600}.prompt-stack p:nth-child(even){margin-left:38px;border-radius:19px 19px 5px 19px;background:var(--carbon);color:var(--ivory)}.creator-hand{position:absolute;width:270px;right:-58px;bottom:-90px;transform:rotate(-12deg);opacity:.76}.site-footer{display:grid;grid-template-columns:1fr auto;gap:50px;padding:70px max(28px,calc((100vw - var(--page))/2)) 28px;background:var(--carbon);color:var(--ivory)}.footer-brand img{width:205px;filter:brightness(0) invert(1)}.footer-brand p{color:var(--clay)}.footer-links{display:flex;gap:70px}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links strong{margin-bottom:4px;color:var(--clay);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-note{grid-column:1/-1;margin:30px 0 0;padding-top:24px;border-top:1px solid rgba(249,239,209,.18);color:var(--clay);font-size:12px;line-height:1.5}@keyframes pulse{50%{transform:translate(4px,-4px)}}@media(max-width:1080px){.desktop-nav{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:62px}.hero-copy{max-width:760px}.hero-visual{width:min(900px,94%);margin:50px auto 0}.setup-section{margin-top:0;padding-top:50px}.setup-card{grid-template-columns:1fr}}@media(max-width:760px){.site-header{min-height:70px;padding-inline:20px}.brand img{width:154px}.mobile-nav{top:70px}.hero{gap:20px;padding:45px 20px 62px}h1{font-size:clamp(50px,15vw,70px)}.hero-lede{font-size:18px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{width:100%;margin-top:36px}.product-window{border-radius:15px;transform:rotateZ(1deg)}.window-bar{height:30px}.hero-hand-top{width:110px;top:-76px;right:-25px}.hero-hand-side,.floating-note{display:none}.setup-section,.section{padding-left:20px;padding-right:20px}.setup-section{padding-bottom:54px}.setup-card{padding:25px 20px;border-radius:22px}.setup-steps{grid-template-columns:1fr}.launch-panel{grid-template-columns:auto 1fr}.launch-actions{grid-column:1/-1;justify-content:stretch}.launch-actions .button{flex:1 1 100%}.section{padding-top:72px;padding-bottom:72px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(40px,12vw,55px)}.how-grid,.screenshot-grid{grid-template-columns:1fr}.how-card{min-height:360px}.how-card h3{margin-top:190px}.showcase-main>figcaption{display:block;line-height:1.45}.creator-panel{grid-template-columns:1fr;padding:34px 24px 130px}.prompt-stack p:nth-child(even){margin-left:14px}.creator-hand{width:190px;right:-32px;bottom:-62px}.site-footer{grid-template-columns:1fr;padding:55px 20px 25px}.footer-links{gap:45px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
