:root{--bg:#141414;--surface:#202020;--line:#3b3b3b;--ink:#f4f1eb;--muted:#b8b8b1;--mint:#b3dfd4;--lavender:#d8c9f1;--peach:#f3c5a5;--blue:#b9d2f6;--green:#c4e3b8;--yellow:#f2df9e;--pink:#eebed0;--gutter:clamp(20px,4vw,96px);--display:'Space Grotesk',Arial,sans-serif;--text:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--text);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}p{text-wrap:pretty}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.055em;line-height:1.04;text-wrap:balance}h2{font-size:clamp(42px,4.9vw,88px)}img{display:block;max-width:100%;height:auto}button{color:inherit}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}[hidden]{display:none!important}site-header,site-footer{display:block}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:var(--mint);color:#141414;padding:14px;border-radius:10px}.skip:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 23px;border:0;border-radius:999px;color:#191919;font-size:16px;font-weight:700;line-height:1.4;transition:transform .18s,background .18s}.button:hover{transform:translateY(-3px)}.arrow{font-size:24px}.mint{background:var(--mint);color:#182723}.lavender{background:var(--lavender);color:#292331}.peach{background:var(--peach);color:#35271d}.blue{background:var(--blue);color:#1a293d}.green{background:var(--green);color:#20341e}.pink{background:var(--pink);color:#33212a}.yellow{background:var(--yellow);color:#302b1e}.mint-text{color:var(--mint)}.lavender-text{color:var(--lavender)}.peach-text{color:var(--peach)}.pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.5}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;line-height:1.5}.tiny-star{font-size:24px;color:var(--mint);vertical-align:middle;margin-right:9px}.site-top{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:29px;font-weight:700;letter-spacing:-1.8px;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:var(--mint);color:var(--bg);font-size:30px;line-height:1;letter-spacing:0}.header-nav{display:flex;gap:30px;align-items:center;font-size:15px}.header-nav a:hover{color:var(--mint)}.header-actions{display:flex;gap:20px;align-items:center;font-size:15px}.header-actions .button{font-size:14px;padding:12px 20px}.mobile-menu{display:none;background:var(--lavender);color:var(--bg);border:0;border-radius:50%;width:44px;height:44px;font-size:23px}.hero{height:260svh;position:relative}.hero-stage{height:calc(100svh - 1px);min-height:680px;max-height:1200px;position:sticky;top:0;overflow:hidden}.film{position:absolute;inset:0 0 0 37%;background:#30322e}.film>img,.film>video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% center}.film>video{opacity:0;transition:opacity .25s}.film>video.ready{opacity:1}.film-label{position:absolute;bottom:30px;right:30px;max-width:calc(100% - 60px);display:flex;gap:10px;align-items:center;border-radius:99px;background:#141414;padding:10px 18px;font-size:12px;line-height:1.4}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;flex-shrink:0}.hero-copy{position:relative;z-index:2;width:fit-content;max-width:75%;padding:clamp(55px,7vh,100px) 0 0 var(--gutter)}.hero-copy>.eyebrow{margin-bottom:30px;background:var(--bg);width:fit-content;padding:3px 15px 3px 0}.hero h1{font-size:clamp(85px,10.9vw,210px);line-height:.92;letter-spacing:-.075em;position:relative;isolation:isolate}.hero h1:before{content:'';position:absolute;z-index:-1;inset:-8px -18px -10px -5px;background:var(--bg);border-radius:0 30px 30px 0;clip-path:polygon(0 0,81% 0,81% 33%,60% 33%,60% 65%,100% 65%,100% 100%,0 100%)}.hero h1>span:not(.period){color:var(--mint)}.period{color:var(--peach)}.hero-bottom{margin-top:30px;background:var(--bg);width:fit-content;padding:12px 25px 22px 0;border-radius:0 28px 28px 0}.hero-bottom p{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:22px}.vertical-note{position:absolute;right:16px;top:45px;z-index:3;writing-mode:vertical-rl;letter-spacing:.16em;font-size:10px;background:var(--bg);padding:15px 8px;border-radius:99px}.floating-icon{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 14px 15px #0003)}.floating-icon img{width:100%;height:auto}.icon-photo{width:clamp(90px,10vw,170px);left:53%;top:12%;transform:rotate(-14deg)}.icon-cad{width:clamp(85px,9vw,150px);right:8%;bottom:18%;transform:rotate(12deg)}.hero-stamp{position:absolute;right:7%;top:9%;background:var(--yellow);color:#222;transform:rotate(9deg);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.5;z-index:3}.hero-stamp span{font-size:10px;letter-spacing:.1em}.hero-stamp strong{font-family:var(--display);font-size:25px;letter-spacing:-1px}.scene-dots{display:flex;position:absolute;z-index:5;bottom:30px;left:var(--gutter);gap:8px}.scene-dots button{width:32px;height:7px;padding:0;border:0;border-radius:99px;background:#65655d}.scene-dots button.active{background:var(--mint)}.scene-dots button:before{content:'';display:block;height:30px;transform:translateY(-12px)}.manifesto{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px var(--gutter);border-block:1px solid var(--line);background:#1d1d1c}.manifesto>p{font-family:var(--display);font-size:clamp(34px,4.2vw,76px);letter-spacing:-.055em;line-height:1.05}.manifesto>p span{color:var(--muted)}.promise-star{font-size:clamp(90px,10vw,170px);color:var(--peach);line-height:1}.free-price{display:flex;flex-direction:column}.free-price>span{font-size:11px;letter-spacing:.12em}.free-price strong{font:500 clamp(60px,7.4vw,140px)/1.12 var(--display);letter-spacing:-.07em;color:var(--mint)}.free-price strong span{color:var(--ink)}.section-space{padding:100px var(--gutter)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:20px;color:var(--muted)}.section-heading>p{max-width:430px;font-size:17px;color:var(--muted);padding-bottom:6px}.search-panel{margin-top:45px}#search-form{display:flex;gap:12px}.search-field{flex:1;display:flex;align-items:center;gap:15px;background:#242424;border:1px solid #4b4b47;border-radius:18px;padding:0 22px;min-width:0}.search-field>span{font-size:35px;color:var(--mint);line-height:1}.search-field input{background:transparent;border:0;outline:none;width:100%;padding:20px 0;color:var(--ink);font-size:17px;min-width:0}.search-field:focus-within{outline:2px solid var(--mint);outline-offset:3px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#b0b0a8}.search-field kbd{border:1px solid #555;border-radius:6px;padding:0 8px;color:#bbb}.filter-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:13px;padding:10px 15px;min-height:44px;white-space:nowrap}.filter.active{background:var(--mint);color:#192723;border-color:var(--mint)}.filter span{margin-left:6px;font-size:11px;opacity:.8}.saved-filter{color:var(--pink)}.desktop-note{font-size:12px;color:var(--muted);white-space:nowrap}.desktop-note>span{font-size:21px;vertical-align:middle;margin-right:6px}.results-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 20px;font-size:13px;color:var(--muted)}.text-button{background:none;border:0;color:var(--mint);padding:8px;font-size:13px}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.app-card{position:relative;min-width:0;border:1px solid var(--line);background:#202020;border-radius:24px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-5px);border-color:var(--card-color)}.card-link{display:block;flex:1}.card-preview{position:relative;aspect-ratio:1.5;background:var(--card-color);overflow:hidden;margin:8px;border-radius:17px;padding:21px 16px 0}.system-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0}.system-preview .app-icon{width:84px;height:84px}.system-preview strong{font-family:var(--display);font-weight:500;font-size:clamp(22px,1.8vw,31px);letter-spacing:-.05em;color:#35271d}.card-preview>.screen{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 6px 16px #0003;border-radius:7px 7px 0 0;transition:transform .35s;transform:rotate(-3deg) scale(1.05)}.app-card:nth-child(even) .card-preview>.screen{transform:rotate(3deg) scale(1.05)}.app-card:hover .card-preview>.screen{transform:rotate(0) scale(1.1)}.preview-label{position:absolute;bottom:10px;left:10px;z-index:2;background:#171717;color:var(--ink);border-radius:99px;padding:4px 10px;font-size:10px;letter-spacing:.04em}.app-card .bookmark{position:absolute;right:17px;top:17px;z-index:5;border:0;background:#f4f1eb;color:#222;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.bookmark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.bookmark[aria-pressed=true]{background:var(--pink)}.bookmark[aria-pressed=true] svg{fill:currentColor}.card-body{padding:17px 20px 10px}.card-title{display:flex;gap:10px;align-items:center;margin-bottom:10px}.app-icon{width:43px;height:43px;object-fit:contain}.card-title h3{font-size:clamp(22px,1.8vw,31px);letter-spacing:-.05em}.card-title .open-arrow{margin-left:auto;color:var(--card-color);font-size:23px}.card-description{font-size:14px;line-height:1.55;color:#c4c4be;min-height:65px;margin-bottom:12px}.alternative{font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;min-height:46px}.alternative strong{color:var(--ink);font-weight:500}.card-tags{display:flex;gap:8px;align-items:center;margin-top:10px}.source-tag{background:#30372c;color:#d1e1c2;font-size:10px;padding:4px 8px;border-radius:99px}.card-price{font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.04em;margin-left:auto;white-space:nowrap}.card-price small{font-family:var(--text);font-size:10px;letter-spacing:0;color:var(--muted)}.card-stats{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;margin:8px 20px 0;padding:12px 0 17px;font-size:10px;color:var(--muted)}.stars{color:var(--yellow);font-size:11px;letter-spacing:-2px;margin-right:4px}.card-stats>span{white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:26px;font-size:12px;color:var(--muted)}.pagination>span{font-size:10px;letter-spacing:.1em}.pagination>div{display:flex;gap:6px}.page-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent}.page-button[aria-current=page]{background:var(--lavender);border-color:var(--lavender);color:#28222e}.mobile-app-note{margin-top:35px;text-align:center;font-size:13px;color:var(--muted)}.mobile-app-note .pill{margin-right:10px}.empty-state{text-align:center;padding:65px 20px;background:var(--surface);border:1px solid var(--line);border-radius:25px}.empty-state>span{font-size:65px;color:var(--peach)}.empty-state h3{font-size:35px}.empty-state p{margin:15px 0 25px;color:var(--muted)}.studio{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;border-block:1px solid var(--line);background:#1c1c1c;align-items:center}.studio-copy h2{font-size:clamp(40px,4.5vw,82px);margin:22px 0}.studio-copy h2 span{color:var(--mint)}.studio-copy>p:not(.eyebrow):not(.fine-print){font-size:17px;color:var(--muted);max-width:490px}.studio-types{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.studio-types span{padding:8px 14px;border-radius:13px;font-size:13px}.fine-print{font-size:12px;line-height:1.6;color:var(--muted);margin-top:16px}.studio-visual{position:relative;min-width:0;background:var(--lavender);color:#29232d;border-radius:27px;padding:24px 24px 0;transform:rotate(2deg)}.studio-top{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:22px}.studio-top>.pill{margin-left:auto;font-size:9px}.studio-top .tiny-star{color:#29232d}.studio-visual>img{width:100%;height:auto;border:8px solid #202020;border-radius:14px;box-shadow:0 15px 25px #332b4922}.workflow{position:absolute;right:-14px;bottom:110px;display:flex;align-items:center;gap:8px;transform:rotate(-4deg);background:#141414;color:var(--ink);border-radius:99px;padding:8px;box-shadow:0 10px 20px #0002}.workflow .pill{font-size:11px}.studio-caption{padding:28px 0;font-size:13px}.studio-caption strong{font-family:var(--display);font-size:25px;letter-spacing:-.04em;font-weight:500}.studio-caption p{margin-top:5px;font-size:12px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.guide-demo{background:#252525;border:1px solid #45453f;border-radius:28px;padding:30px;transform:rotate(-2deg)}.guide-app-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:30px}.guide-app-label span{font-size:9px;color:var(--muted);margin-left:auto;letter-spacing:.06em}.chat-bubble{font-size:15px;padding:18px 20px;border-radius:20px;line-height:1.7}.question{margin-left:35px;background:var(--peach);color:#342b22;border-bottom-right-radius:4px}.answer{display:flex;gap:12px;background:#33362f;border-bottom-left-radius:4px;margin:16px 22px 24px 0}.answer strong{font-weight:500;font-size:15px;color:var(--mint)}.answer p{font-size:13px;line-height:1.7;margin-top:7px;color:#d1d6cb;min-height:88px}.assistant-badge{font-size:26px;color:var(--mint)}.example-label{font-size:10px;color:var(--muted);display:block;margin-top:9px}.guide-prompts{display:flex;gap:6px;flex-wrap:wrap}.guide-prompts button{border:1px solid #606258;border-radius:99px;background:transparent;padding:9px 12px;font-size:11px;min-height:40px}.guide-prompts button.active{background:var(--mint);color:#22302a;border-color:var(--mint)}.mock-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #4d4d47;padding:13px 17px;margin-top:20px;font-size:12px;color:var(--muted);border-radius:15px}.mock-input>span{font-size:25px;color:var(--lavender)}.guide-copy>.eyebrow{color:var(--muted);margin-bottom:22px}.guide-copy>p:not(.eyebrow):not(.fine-print){max-width:480px;font-size:17px;color:var(--muted);margin:25px 0}.text-link{display:inline-flex;gap:25px;align-items:center;color:var(--mint);font-size:16px;font-weight:500;border-bottom:1px solid #717f74;padding-bottom:6px}.text-link>span{font-size:24px}.pricing{background:#1b1b1b;border-block:1px solid var(--line)}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1500px;margin:45px auto 0}.price-card{border:1px solid #4a4a44;border-radius:28px;padding:clamp(24px,3.3vw,60px);background:#242424}.price-card.core{background:#252d28;border-color:#59675e}.price-card h3{font-size:clamp(27px,2.7vw,45px);margin:25px 0 18px}.price-amount{font:500 clamp(50px,5vw,90px)/1.2 var(--display);letter-spacing:-.07em}.price-amount>span{font-family:var(--text);font-size:15px;color:var(--muted);letter-spacing:0}.price-card>p{font-size:15px;max-width:440px;color:var(--muted);margin-top:20px}.price-card ul{list-style:none;padding:0;margin:25px 0 30px;font-size:14px}.price-card li{margin:10px 0}.price-card li:before{content:'✓';color:var(--mint);margin-right:12px}.usage-price{display:flex;flex-direction:column}.usage-price strong{font:500 clamp(45px,4.3vw,76px)/1.2 var(--display);letter-spacing:-.06em;color:var(--lavender)}.usage-price span{font-size:12px;color:var(--muted)}.closing{position:relative;text-align:center;padding:90px var(--gutter) 100px;overflow:hidden}.closing>p{font-size:11px;letter-spacing:.12em;margin:15px 0 20px}.closing h2{font-size:clamp(65px,11vw,200px);line-height:1;margin-bottom:35px}.closing h2 span{color:var(--mint)}.closing-note{display:block;margin-top:25px;font-size:13px;color:var(--muted)}.closing-icons{display:flex;justify-content:center;margin-bottom:20px}.closing-icons img{width:85px;height:85px;object-fit:contain;margin:0 -4px;transform:rotate(-12deg)}.closing-icons img:nth-child(2){transform:translateY(-10px) rotate(5deg)}.closing-icons img:nth-child(3){transform:rotate(18deg)}.site-foot{padding:65px var(--gutter) 25px;background:#1e1e1e;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-intro>p{max-width:310px;color:var(--muted);font-size:14px;margin-top:20px}.footer-column{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.footer-column h3{font-family:var(--text);font-size:13px;letter-spacing:0;color:var(--ink);font-weight:500;margin-bottom:9px}.footer-column a:hover{color:var(--mint)}.footer-word{font-family:var(--display);font-weight:700;letter-spacing:-.085em;font-size:clamp(70px,16.8vw,420px);line-height:1.1;color:#373732;white-space:nowrap;margin-top:55px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:23px;margin-top:20px;font-size:11px;color:var(--muted)}.footer-bottom>a{color:var(--mint)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:80;background:var(--mint);color:#1c2923;padding:13px 22px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.info-main{min-height:60vh;padding:80px var(--gutter);max-width:1100px;margin:auto}.info-main h1{font-size:clamp(45px,6vw,90px);margin-bottom:35px}.info-main h2{font-size:28px;margin:36px 0 15px;letter-spacing:-.03em}.info-main p{margin:18px 0;color:var(--muted);max-width:70ch}.info-main a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.info-main .muted{font-size:13px}.support-form{display:grid;gap:15px;max-width:650px;margin-top:30px}.support-form label{display:grid;gap:7px;font-size:14px}.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid #555;background:#252525;color:var(--ink);border-radius:12px;padding:14px;font:inherit}.support-form textarea{min-height:160px}.desktop-page{text-align:center;max-width:800px;min-height:70vh;margin:auto;padding:85px 24px}.desktop-page h1{font-size:clamp(45px,7vw,80px);margin:25px 0}.desktop-page p{max-width:480px;margin:20px auto;color:var(--muted)}.desktop-page .device-icon{font-size:70px;color:var(--lavender)}.desktop-page .button{margin:8px}.desktop-link{overflow-wrap:anywhere;color:var(--mint);font-size:16px}.footer-feedback{font-size:13px;color:var(--muted)}
@media(min-width:1900px){.app-grid{gap:30px}.card-description{font-size:17px;min-height:70px}.alternative{font-size:13px}.card-stats{font-size:12px}.source-tag{font-size:12px}.card-body{padding:22px 26px 12px}.card-preview{aspect-ratio:1.7}.card-title h3{font-size:34px}.hero-stage{max-height:none}.hero-copy{padding-top:8vh}.hero-bottom p{font-size:20px}}
@media(max-width:1100px){.header-nav{gap:18px}.header-actions>a:not(.button){display:none}.app-grid{gap:14px}.card-body{padding:14px}.card-stats{margin-inline:14px;flex-wrap:wrap;gap:3px}.card-title{gap:6px}.app-icon{width:32px;height:32px}.card-title h3{font-size:21px}.card-description{font-size:13px;min-height:80px}.card-price{font-size:18px}.card-price small{font-size:9px}.filter-line{align-items:start}.desktop-note{display:none}.hero h1{font-size:12vw}.hero-stamp{width:115px;height:115px;right:7%;top:15%}.hero-stamp strong{font-size:21px}.hero-copy{max-width:80%}.hero-stage{min-height:650px}.hero-bottom p{font-size:15px}.studio{gap:40px}.studio-visual{padding:18px}.studio-top{font-size:10px}.studio-top>.pill{display:none}.workflow{right:-5px;bottom:100px}.workflow .pill{font-size:9px}.guide{gap:5vw}.guide-demo{padding:22px}.guide-app-label{font-size:10px}.guide-app-label span{font-size:8px}.footer-top{gap:30px;grid-template-columns:1.5fr 1fr 1fr 1fr}}
@media(max-width:900px){.site-top{padding-block:17px}.header-nav{gap:16px;font-size:13px}.brand{font-size:25px}.header-actions .button{font-size:12px;gap:12px;padding:11px 15px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card-title h3{font-size:28px}.app-icon{width:44px;height:44px}.card-description{font-size:15px;min-height:48px}.alternative{font-size:12px}.card-stats{font-size:11px;flex-wrap:nowrap}.card-body{padding:18px 20px 10px}.card-stats{margin-inline:20px}.card-price{font-size:23px}.source-tag{font-size:11px}.card-preview{aspect-ratio:1.65}.card-preview>.screen{object-position:top}.section-space{padding-block:75px}.section-heading{align-items:start;gap:25px}.section-heading>p{font-size:15px;max-width:280px}.section-heading h2{font-size:52px}.studio,.guide{grid-template-columns:1fr 1fr;gap:28px}.studio-copy h2,.guide-copy h2{font-size:43px}.studio-copy>p:not(.eyebrow):not(.fine-print),.guide-copy>p:not(.eyebrow):not(.fine-print){font-size:15px}.studio-types span{padding:6px 11px;font-size:12px}.studio-visual{transform:rotate(1deg)}.workflow{position:relative;bottom:auto;right:auto;justify-content:center;margin-top:14px;transform:rotate(0);flex-wrap:wrap}.studio-caption{padding:20px 0}.studio-caption strong{font-size:22px}.guide-demo{transform:rotate(-1deg)}.guide-app-label{flex-wrap:wrap}.guide-app-label span{width:100%;margin-left:0}.guide-app-label>img{width:32px;height:32px}.answer{margin-right:0;padding:15px 12px}.question{margin-left:20px;padding:13px;font-size:13px}.answer p{font-size:12px}.answer strong{font-size:13px}.guide-prompts button{font-size:10px;padding:8px}.mock-input{font-size:10px}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-intro{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-intro>p{margin:0}.hero-stamp{display:none}.icon-photo{left:66%;top:8%}.icon-cad{right:8%;bottom:20%}.hero-copy{padding-top:70px}.hero h1{font-size:13vw}.hero-bottom{margin-top:25px}.film{left:34%}.vertical-note{right:8px}.price-card h3{font-size:31px}}
@media(max-width:620px){:root{--gutter:21px}.site-top{gap:10px;flex-wrap:wrap;padding-block:15px}.brand{font-size:25px}.brand-mark{width:30px;height:30px;font-size:25px;border-radius:9px}.header-actions{margin-left:auto}.header-actions .button{padding:11px 15px;font-size:12px}.mobile-menu{display:block}.header-nav{display:none;order:4;width:100%;padding-top:14px;border-top:1px solid var(--line);margin-top:8px;justify-content:space-between;flex-wrap:wrap}.header-nav.open{display:flex}.hero{height:205svh}.hero-stage{height:calc(100svh - 20px);min-height:720px;max-height:920px}.film{inset:45% 0 0 0}.film>img,.film>video{object-position:60% center}.hero-copy{max-width:100%;width:100%;padding:35px var(--gutter) 0}.hero-copy>.eyebrow{font-size:9px;margin-bottom:21px;padding-right:0}.tiny-star{font-size:21px}.hero h1{font-size:clamp(66px,17.3vw,110px);line-height:.94;letter-spacing:-.067em}.hero h1 br:nth-of-type(2){display:none}.hero h1:before{inset:-2px -10px -10px -3px;clip-path:polygon(0 0,74% 0,74% 46%,100% 46%,100% 100%,0 100%);border-radius:0 20px 20px 0}.hero h1>span:not(.period){margin-right:.15em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:15px;padding:10px 0 17px;border-radius:0}.hero-bottom p{font-size:12px;margin:0;line-height:1.5;max-width:51%}.hero-bottom .button{font-size:11px;gap:12px;padding:12px 16px}.hero-bottom .arrow{font-size:17px}.vertical-note{top:auto;bottom:80px;right:8px;font-size:8px;padding:12px 6px}.film-label{right:18px;bottom:20px;font-size:9px;padding:9px 13px;max-width:75%}.scene-dots{bottom:25px;gap:6px}.scene-dots button{width:16px;height:5px}.icon-photo{left:auto;right:8%;top:19%;width:75px}.icon-cad{right:auto;left:4%;bottom:15%;width:80px}.manifesto{padding-block:35px;gap:18px;flex-wrap:wrap}.manifesto>p{font-size:36px}.promise-star{font-size:58px}.free-price{border-top:1px solid var(--line);width:100%;margin-top:3px;padding-top:20px;position:relative;min-height:100px;justify-content:center}.free-price strong{position:absolute;right:0;top:20px;font-size:65px}.free-price>span{font-size:9px;letter-spacing:.05em;max-width:47%}.free-price>span:last-child{margin-top:9px}.section-space{padding-block:55px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:45px}.section-heading .eyebrow{font-size:9px;margin-bottom:14px}.section-heading>p{margin-top:23px;max-width:100%;font-size:14px}.search-panel{margin-top:25px}#search-form{gap:8px;align-items:stretch}.search-field{padding-inline:12px;gap:8px;border-radius:13px}.search-field input{padding:17px 0;font-size:13px}.search-field>span{font-size:27px}.search-field kbd{display:none}#search-form>.button{font-size:0;gap:0;padding:12px 18px;border-radius:13px}#search-form>.button>span{font-size:23px}.filter-line{margin-top:13px}.filters{gap:6px}.filter{padding:8px 11px;font-size:11px;min-height:40px}.filter span{font-size:9px;margin-left:3px}.results-line{font-size:11px;margin-top:20px}.app-grid{grid-template-columns:1fr;gap:22px}.card-preview{aspect-ratio:1.55;margin:9px;padding:22px 20px 0}.card-preview>.screen{object-position:top}.card-title h3{font-size:29px}.card-description{font-size:15px;min-height:0;margin-bottom:15px}.card-body{padding:15px 22px 12px}.app-icon{width:45px;height:45px}.alternative{min-height:0;font-size:12px;padding-top:14px}.card-tags{margin-top:15px}.card-price{font-size:26px}.card-price small{font-size:11px}.source-tag{font-size:11px;padding:5px 10px}.card-stats{font-size:11px;padding:14px 0 18px;margin-inline:22px}.stars{font-size:12px}.pagination{flex-wrap:wrap;justify-content:center;margin-top:27px;gap:13px}.pagination>p{order:2;width:100%;text-align:center}.pagination>span{display:none}.mobile-app-note{font-size:12px;line-height:1.8;margin-top:27px}.mobile-app-note .pill{display:table;margin:0 auto 10px}.studio,.guide{grid-template-columns:1fr;gap:40px}.studio-copy h2,.guide-copy h2{font-size:48px}.studio-copy>.eyebrow{font-size:10px}.studio-copy>p:not(.eyebrow):not(.fine-print),.guide-copy>p:not(.eyebrow):not(.fine-print){font-size:16px}.studio-visual{padding:18px;transform:rotate(0)}.studio-top{font-size:11px}.studio-top>.pill{display:none}.studio-visual>img{border-width:5px}.studio-caption{padding:18px 0 0}.studio-caption strong{font-size:24px}.workflow .pill{font-size:9px}.workflow{padding:6px;gap:5px}.guide-copy{order:-1}.guide-copy>.eyebrow{font-size:10px}.guide-demo{padding:23px;transform:rotate(0)}.guide-app-label{flex-wrap:nowrap}.guide-app-label span{width:auto;margin-left:auto}.guide-app-label>img{width:40px;height:40px}.answer p{font-size:13px;min-height:100px}.answer strong{font-size:14px}.question{font-size:14px}.mock-input{font-size:12px}.guide-prompts button{font-size:11px;min-height:44px}.price-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.price-card{padding:28px}.price-card h3{font-size:34px}.price-amount{font-size:65px}.usage-price strong{font-size:55px}.price-card>p{font-size:15px}.closing{padding-block:55px}.closing h2{font-size:20vw;margin-bottom:25px}.closing>p{font-size:9px}.closing-icons img{width:65px;height:65px}.closing-note{font-size:11px;max-width:270px;margin-inline:auto}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-intro{display:block}.footer-intro>p{margin-top:17px;max-width:270px}.footer-column{font-size:13px}.footer-column h3{font-size:14px}.footer-column:last-child{grid-column:1/-1}.footer-word{margin-top:35px;font-size:16vw}.footer-bottom{flex-wrap:wrap;font-size:10px;justify-content:space-between}.footer-bottom>span:nth-child(2){width:100%;order:3}.site-foot{padding-top:40px}.info-main{padding-block:55px}.info-main h1{font-size:48px}.toast{max-width:90%;width:max-content;font-size:12px;text-align:center}.empty-state{padding:40px 18px}.empty-state h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero{height:auto}.hero-stage{position:relative;height:850px}.film>video{display:none}.floating-icon{transform:none!important}.hero-copy{transform:none!important}.studio-visual,.guide-demo{transform:none}.app-card:hover{transform:none}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.hero-stage{height:740px;min-height:740px}}
/* Readable metadata on all screen sizes. */
.card-description{font-size:15px}.alternative,.source-tag,.card-stats{font-size:12px}.stars{font-size:13px}.preview-label{font-size:11px}.card-price small{font-size:11px}.fine-print{font-size:13px}.eyebrow{font-size:12px}.filter{font-size:14px}.footer-column,.footer-bottom{font-size:13px}.card-stats{flex-wrap:wrap}.guide-demo .example-label{font-size:12px}.mobile-app-note{font-size:14px}.pagination{font-size:14px}.preview-unavailable{display:flex;align-items:center;justify-content:center}.preview-unavailable:after{content:'Preview unavailable';position:absolute;color:#222;font-size:16px;background:var(--card-color)}
@media(max-width:620px){.filter{font-size:12px}.hero-copy>.eyebrow{font-size:10px}.hero-bottom p{font-size:13px}.hero-bottom .button{font-size:12px}.studio-copy>.eyebrow,.guide-copy>.eyebrow{font-size:12px}.section-heading .eyebrow{font-size:11px}.footer-bottom{font-size:12px}.card-stats{font-size:12px}.film-label{font-size:11px}.studio-top{font-size:12px}.workflow .pill{font-size:11px}.guide-prompts button{font-size:12px}.guide-app-label span{font-size:10px}.answer p{font-size:14px}.closing>p{font-size:11px}.closing-note{font-size:13px}}
.hero h1:before{display:none}.hero h1>.headline-line{display:table;background:var(--bg);padding:0 20px 8px 0;border-radius:0 22px 22px 0;color:var(--ink);margin:0}.hero h1>.zero-word{color:var(--mint)}.hero h1 .period{color:var(--peach)}
@media(max-width:620px){.hero h1>.headline-line{padding-right:12px;padding-bottom:3px;border-radius:0 14px 14px 0}.hero h1{font-size:clamp(63px,17vw,100px)}.film{inset:48% 0 0}.icon-photo{top:18%;right:6%}.hero-bottom{width:100%;max-width:100%;position:relative;z-index:1}.hero-bottom p{max-width:52%}.hero-bottom .button{white-space:nowrap;padding-inline:13px}}
.hero h1>span.headline-line{color:var(--ink)}.hero h1>span.zero-word{color:var(--mint)}.login-error{margin:20px var(--gutter);padding:15px 20px;border:1px solid var(--peach);border-radius:14px;color:var(--peach)}
.site-foot .footer-word{font-size:15vw;letter-spacing:-.09em}

/* White sticker edges and a readable scale for the entire public site. */
:root{--sticker-border:5px solid #fff}
.app-card,.app-card:hover,.studio-visual,.guide-demo,.price-card,.price-card.core,.empty-state{border:var(--sticker-border);box-shadow:0 8px 0 #090909}
.app-card,.price-card,.guide-demo,.studio-visual{border-radius:28px}
.studio-visual>img{border-color:#fff}
.fine-print,.studio-caption p,.guide-demo .example-label,.footer-feedback{font-size:15px;line-height:1.65}
.studio-types span,.pill,.workflow .pill,.guide-prompts button{font-size:14px}
.studio-top,.guide-app-label,.guide-app-label span,.mock-input{font-size:14px}
.studio-top>.pill{font-size:12px}
.studio-caption strong{font-size:clamp(26px,2.2vw,40px)}
.answer p{font-size:15px}
.card-stats,.alternative,.source-tag{font-size:13px}
.preview-label,.card-price small{font-size:12px}
.footer-column,.footer-column h3,.footer-bottom,.closing-note{font-size:15px}
@media(min-width:1100px){
 body{font-size:clamp(18px,1.15vw,24px)}
 .section-heading>p,.studio-copy>p:not(.eyebrow):not(.fine-print),.guide-copy>p:not(.eyebrow):not(.fine-print),.hero-bottom p{font-size:clamp(19px,1.25vw,26px)}
 .card-description,.price-card>p,.price-card ul,.chat-bubble,.answer p{font-size:clamp(17px,1.08vw,23px)}
 .fine-print,.studio-caption p,.guide-demo .example-label,.footer-feedback,.footer-intro>p{font-size:clamp(16px,1vw,21px)}
 .button,.header-actions .button,.header-nav,.header-actions,.text-link,.search-field input{font-size:clamp(17px,1.1vw,23px)}
 .studio-types span,.pill,.workflow .pill,.guide-prompts button,.studio-top,.studio-top>.pill,.guide-app-label,.guide-app-label span,.mock-input{font-size:clamp(16px,1vw,21px)}
 .eyebrow,.film-label,.filter,.desktop-note,.results-line,.text-button,.pagination,.mobile-app-note,.footer-column,.footer-column h3,.footer-bottom,.closing-note{font-size:clamp(16px,1vw,21px)}
 .card-stats,.alternative,.source-tag,.preview-label,.card-price small{font-size:clamp(15px,.95vw,20px)}
 .stars{font-size:clamp(16px,1vw,21px)}
 .free-price>span,.pagination>span,.closing>p{font-size:clamp(14px,.9vw,18px)}
 .card-price{font-size:clamp(26px,1.8vw,40px)}
 .card-description{min-height:5.9em}.alternative{min-height:3.5em}
 .studio-copy>p:not(.eyebrow):not(.fine-print),.guide-copy>p:not(.eyebrow):not(.fine-print){max-width:31em}
 .studio-top{flex-wrap:wrap}.studio-top>.pill{margin-left:0}
 .workflow{position:relative;right:auto;bottom:auto;transform:none;justify-content:center;flex-wrap:wrap;margin-top:20px;border-radius:20px}
 .guide-app-label{flex-wrap:wrap}.guide-app-label span{margin-left:0}
 .card-tags{flex-wrap:wrap}.card-price{margin-left:auto}
 .header-nav{gap:clamp(18px,1.8vw,40px)}
 .footer-intro>p{max-width:24em}
}
@media(max-width:620px){
 :root{--sticker-border:4px solid #fff}
 .studio-visual,.guide-demo,.price-card{padding:22px}
 .studio-types span,.workflow .pill,.guide-prompts button{font-size:14px}
 .studio-top,.guide-app-label,.guide-app-label span,.mock-input{font-size:13px}
 .guide-app-label{flex-wrap:wrap}.guide-app-label span{margin-left:0}
 .workflow{border-radius:18px}
 .fine-print,.studio-caption p,.guide-demo .example-label{font-size:15px}
 .footer-column,.footer-column h3,.footer-bottom{font-size:14px}
}
/* Phone visitors get a composed still, without video loading or pinned scroll. */
@media(max-width:620px){
 .hero{height:auto}
 .hero-stage{position:relative;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
 .hero-copy{order:0;padding-bottom:12px}
 .film{position:relative;inset:auto;order:1;width:100%;aspect-ratio:4/3}
 .film>img{object-fit:cover;object-position:65% center}
 .film>video,.scene-dots{display:none}
 .film-label{left:18px;right:auto;max-width:80%;bottom:18px}
 .vertical-note{bottom:55px}
}
/* Compact catalog cards: details live on each app's own page. */
.card-preview{aspect-ratio:1.85}.card-body{padding-bottom:10px}.card-title{margin-bottom:0}.card-actions{display:flex;gap:8px;padding:0 20px 18px}.card-actions a{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:99px;padding:10px 15px;font-size:12px;font-weight:700;min-height:42px}.card-info{border:1px solid #62625c;flex:1}.card-open{background:var(--card-color);color:#202020;flex:1}.card-actions a:hover{filter:brightness(1.1)}
@media(max-width:1100px){.card-actions{padding-inline:14px}}
@media(max-width:900px){.card-preview{aspect-ratio:1.85}.card-actions{padding-inline:20px}}
@media(max-width:620px){.card-preview{aspect-ratio:1.85}.card-actions{padding:0 22px 18px}}
/* Catalog and shared landing dialogs */
.app-grid{gap:14px}.card-actions button{display:flex;justify-content:center;align-items:center;border-radius:99px;padding:10px 12px;font-size:12px;font-weight:700;min-height:42px;background:transparent;color:inherit;cursor:pointer}.card-actions .card-info{border:1px solid #62625c}.card-description{min-height:5em}.card-stats{padding-bottom:10px}.landing-dialog{border:1px solid #555;border-radius:16px;background:#202020;color:#f5f2eb;padding:0;max-width:min(650px,94vw);width:100%;max-height:85vh;box-shadow:0 20px 80px #0009}.landing-dialog::backdrop{background:#000a}.landing-dialog header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #444}.landing-dialog header button{border:0;width:14px;height:14px;border-radius:50%;padding:0;background:#ff605c}.landing-dialog header span{width:14px;height:14px;border-radius:50%;background:#ffbd44}.landing-dialog header span:last-of-type{background:#00ca4e}.landing-dialog header strong{margin:auto;font-size:14px}.landing-dialog .dialog-content{padding:24px;overflow:auto;max-height:calc(85vh - 50px)}.landing-dialog h2{font-size:34px;margin-bottom:15px}.landing-dialog p{margin:12px 0}.landing-dialog a{text-decoration:underline;color:var(--mint)}.landing-dialog textarea{width:100%;min-height:120px;background:#333;color:white;border:1px solid #777;border-radius:8px;padding:10px}.landing-dialog .stars-input button{border:0;background:transparent;color:#f2df9e;font-size:30px}.landing-dialog .dialog-action{border:0;border-radius:999px;padding:10px 18px;background:var(--mint);color:#182723}.landing-dialog .review{border-top:1px solid #555;padding:12px 0;white-space:pre-wrap}.landing-dialog .pages{display:flex;gap:16px;align-items:center}.landing-dialog .pages button{background:transparent;border:1px solid #777;border-radius:8px;padding:6px 12px;color:inherit}
.landing-dialog header button.minimize{background:#ffbd44}.landing-dialog header button.zoom{background:#00ca4e}.landing-dialog.zoomed{max-width:94vw;width:94vw;max-height:94vh}.landing-dialog.zoomed .dialog-content{max-height:calc(94vh - 50px)}.dialog-restore{position:fixed;z-index:100;bottom:18px;left:18px;background:#202020;color:#fff;border:1px solid #777;border-radius:8px;padding:10px 14px;box-shadow:0 4px 15px #0008}
.card-actions{flex-wrap:wrap}.card-actions .card-info{flex:1 1 auto}.card-actions [data-feedback]{flex:2 1 100%;order:3}.card-actions .card-open{flex:1 1 auto}

/* Compact cards with the preview flush to the card's inner edge. */
.card-preview{margin:0;border-radius:0;padding:0;aspect-ratio:1.85}
.card-preview>.screen,.app-card:nth-child(even) .card-preview>.screen,.app-card:hover .card-preview>.screen{border-radius:0;box-shadow:none;transform:none;object-fit:cover}
.card-body{padding:14px 16px 8px}.card-title{margin-bottom:6px}.card-description{min-height:0;margin-bottom:8px;line-height:1.4}.alternative{min-height:0;padding-top:8px}.card-stats{margin:8px 16px 0;padding:9px 0}.card-actions{padding:0 16px 14px;gap:6px}.card-actions button,.card-actions a{font-size:11px;min-height:38px;padding:8px 10px}

.card-details{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.3}.card-details span:last-child{grid-column:1/-1}

/* Give the service details room to read while keeping the cards compact. */
.card-preview{aspect-ratio:2.15}.app-icon{width:36px;height:36px}.card-title h3{font-size:clamp(21px,1.6vw,28px)}
.card-details{grid-template-columns:1fr;gap:3px;font-size:13px;line-height:1.4;color:#d5d5ce}.card-details span:last-child{grid-column:auto}
@media(max-width:900px){.card-preview{aspect-ratio:2.15}}

/* Keep corresponding catalog sections aligned while allowing text to wrap. */
.card-description{font-size:15px;line-height:1.4;min-height:0}
.alternative,.source-tag,.card-stats{font-size:12px}
.card-price{font-size:22px}
.card-price small{font-size:10px}
.card-details{font-size:15px;line-height:1.4}
.card-actions button,.card-actions a{font-size:14px;min-height:44px}
.card-body>.text-link{margin-top:10px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
@supports (grid-template-rows:subgrid){
 .app-grid{row-gap:0}
 /* Preview, six body sections, stats and actions each need their own row. */
 .app-card{display:grid;grid-row:span 9;grid-template-rows:subgrid;margin-bottom:14px}
 .card-body{display:grid;grid-row:span 6;grid-template-rows:subgrid}
}