@font-face{font-family:DM Sans;src:url(/demos/veylo/assets/dm-sans-latin.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}:root{--paper:#fafaf8;--white:#fff;--ink:#212322;--muted:#696d69;--accent:#234bfa;--accent-hover:#153ddf;--line:#e4e6df;--soft:#f0f1eb;--blue-wash:#eef1ff;--font:"DM Sans", Arial, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:20px;--text-lg:32px;--text-xl:52px;--display:84px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#b9bdb5 var(--paper);scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body.dialog-open{overflow:hidden}::selection{color:#172c91;background:#d9e0ff}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{touch-action:manipulation}button{border:0}a{color:inherit;text-underline-offset:.22em;text-decoration:none;text-decoration-thickness:1px}p,h1,h2,h3{margin:0}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}img{object-fit:cover;max-width:100%;display:block}button:active,.button:active{transform:scale(.97)}button:disabled{cursor:default;opacity:.45}input,textarea{caret-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}[hidden]{display:none!important}.container{width:min(1248px,100% - 112px);margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svg-definitions{width:0;height:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{min-height:48px;font-size:var(--text-sm);white-space:nowrap;transition:background .2s, box-shadow .2s, transform .15s var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:12px 22px;font-weight:600;line-height:1.5;display:inline-flex}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#3b3f3a;box-shadow:0 4px 10px -4px #20231f45}.button-blue{background:var(--accent);color:var(--white)}.button-blue:hover{background:var(--accent-hover);box-shadow:0 5px 14px -5px #234bfa60}.button-outline{background:0 0;box-shadow:inset 0 0 0 1px #c8cdc3}.button-outline:hover{background:var(--soft);box-shadow:inset 0 0 0 1px #9ca594}.icon-button{background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,transform .15s;display:grid}.icon-button:hover{background:#e8eae3}.text-link{font-size:var(--text-sm);align-items:center;gap:10px;font-weight:600;display:inline-flex}.text-link .icon{transition:transform .25s var(--ease)}.text-link:hover .icon{transform:translate(4px)}.text-link:hover{text-decoration:underline}.site-header{z-index:20;height:96px;position:relative}.nav-wrap{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;width:calc(100% - 112px);max-width:1328px;height:100%;margin:auto;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:5px;font-size:32px;font-weight:600;line-height:1;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--accent);flex-shrink:0}.desktop-nav{align-items:center;gap:32px;margin-left:120px;display:flex}.desktop-nav a,.nav-text{font-size:var(--text-sm);font-weight:500;transition:color .2s}.desktop-nav a:hover,.nav-text:hover{color:var(--accent)}.nav-actions{align-items:center;gap:24px;display:flex}.nav-text{align-items:center;gap:6px;display:flex}.nav-text .icon{width:16px;height:16px}.nav-cta{min-height:42px;padding:10px 17px}.nav-cta .icon{width:17px;height:17px}.menu-toggle,.mobile-nav{display:none}.hero{padding-top:44px;overflow:hidden}.hero-copy{z-index:2;text-align:center;margin:auto;padding-inline:24px;position:relative}.hero h1{font-size:var(--display);letter-spacing:-.045em;font-weight:500;line-height:1.035}.hero-word{color:var(--accent);display:inline-block;position:relative}.word-underline{width:100%;height:13px;position:absolute;bottom:-5px;left:1%}.hero-description{color:#666b64;font-size:var(--text-base);max-width:590px;margin:22px auto 0;line-height:1.7}.prompt-composer{background:var(--white);text-align:left;border-radius:14px;max-width:658px;margin:24px auto 0;padding:20px 18px 14px;transition:box-shadow .25s;box-shadow:0 0 0 1px #dfe3d9,0 4px 5px -3px #20282106,0 14px 30px -12px #2028210c}.prompt-composer:focus-within{box-shadow:0 0 0 1.5px var(--accent), 0 8px 24px -12px #234bfa20}.prompt-composer textarea{resize:none;width:100%;height:58px;min-height:58px;max-height:130px;font-size:var(--text-base);background:0 0;border:0;outline:0;padding:0 3px;line-height:1.65;display:block}.prompt-composer textarea::placeholder{color:#767b72;opacity:1}.composer-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-top:8px;display:flex}.project-type-wrap{color:#565e52;align-items:center;gap:7px;display:inline-flex;position:relative}.project-type-wrap>.icon{width:17px;height:17px}.project-type-wrap select{appearance:none;font-size:var(--text-sm);outline-offset:0;cursor:pointer;background:0 0;border:0;padding:9px 24px 9px 0}.select-chevron{pointer-events:none;position:absolute;right:2px;width:13px!important;height:13px!important}.build-button{gap:18px;min-height:40px;padding:10px 14px}.build-button .icon{width:18px;height:18px}.prompt-suggestions{font-size:var(--text-xs);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:16px auto 0;display:flex}.prompt-suggestions>span{color:var(--muted);margin-right:3px}.prompt-suggestions button{color:#50564c;background:0 0;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:5px 9px;transition:background .2s,transform .15s;display:flex;box-shadow:inset 0 0 0 1px #e2e6dc}.prompt-suggestions button:hover{background:#edf0e6}.prompt-suggestions .icon{width:12px;height:12px}.hero-note{font-size:var(--text-xs);color:#5d6659;margin-top:14px}.showcase{perspective:1300px;height:310px;margin-top:28px;position:relative}.showcase-track{width:100%;max-width:1600px;height:100%;margin:auto;position:relative}.showcase-item{background:var(--white);width:328px;transform:translateX(var(--offset)) translateY(var(--raise)) rotate(var(--angle));will-change:transform;text-align:left;border-radius:10px;padding:0;transition:box-shadow .3s;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 0 0 1px #222b2512,0 8px 10px -8px #1d241b18,0 22px 40px -20px #1d241b38}.showcase-item:hover{box-shadow:0 0 0 2px #234bfa60,0 24px 45px -22px #1d241b50}.showcase-item:active{transform:translateX(var(--offset)) translateY(var(--raise)) rotate(var(--angle)) scale(.97)}.showcase-item:first-child{--offset:-836px;--raise:48px;--angle:-9deg;z-index:1}.showcase-item:nth-child(2){--offset:-502px;--raise:14px;--angle:-5deg;z-index:2}.showcase-item:nth-child(3){--offset:-164px;--raise:0px;--angle:0deg;z-index:3}.showcase-item:nth-child(4){--offset:174px;--raise:14px;--angle:5deg;z-index:2}.showcase-item:nth-child(5){--offset:508px;--raise:48px;--angle:9deg;z-index:1}.hero-bottom{border-bottom:1px solid var(--line);font-size:var(--text-sm);color:#686d63;justify-content:space-between;align-items:center;padding:22px 0 30px;display:flex}.platform-list{gap:26px;display:flex}.platform-list>span{align-items:center;gap:8px;display:flex}.platform-list .icon{width:17px;height:17px}.mini-site{height:245px;font-family:var(--font);text-align:left;font-size:10px;font-weight:400;line-height:1.45;position:relative;overflow:hidden;container-type:inline-size}.mini-site p,.mini-site strong,.mini-site span{font-size:inherit}.mini-nav{z-index:2;justify-content:space-between;align-items:center;height:37px;padding:0 20px;display:flex;position:relative;font-size:8px!important}.mini-nav>b{letter-spacing:-.4px;font-size:12px;font-weight:600}.mini-nav-links{gap:12px;display:flex;font-size:7px!important}.mini-pill{color:#fff;background:#202723;border-radius:30px;padding:5px 9px;display:inline-flex;font-size:7px!important}.mini-forma{color:#373a2e;background:#f1eee7}.mini-forma .mini-content{padding:11px 20px}.mini-forma .mini-title{letter-spacing:-1.2px;max-width:220px;font-family:Georgia,serif;font-size:31px;line-height:1.05}.mini-forma .mini-body{max-width:135px;margin-top:10px;font-size:7px}.mini-forma .mini-architecture{object-position:center;border-radius:72px 72px 0 0;width:128px;height:180px;position:absolute;bottom:-28px;right:18px}.mini-forma .mini-bottom{margin-top:13px;font-size:7px;text-decoration:underline}.mini-habit{color:#263e2c;background:#e2eddd}.mini-habit .mini-nav{background:#e2eddd}.mini-habit .mini-content{grid-template-columns:1fr 118px;gap:9px;padding:16px 19px;display:grid}.mini-habit .mini-title{letter-spacing:-1.2px;font-size:30px;line-height:1.02}.mini-habit .mini-body{max-width:150px;margin:12px 0 15px;font-size:7px}.habit-screen{background:#fafcf7;border-radius:13px;height:184px;padding:12px;transform:rotate(5deg);box-shadow:0 8px 18px -8px #2b3d2940}.habit-screen>strong{display:block;font-size:11px!important}.habit-days{gap:4px;margin-top:11px;display:flex}.habit-days span{background:#d8e7d0;border-radius:8px;place-items:center;width:10px;height:15px;font-size:5px;display:grid}.habit-days span:nth-child(-n+3){color:#fff;background:#38583b}.habit-task{border-top:1px solid #e0e8d9;align-items:center;gap:6px;margin-top:12px;padding-top:8px;font-size:7px;display:flex}.habit-task i{background:#d7e6ca;border-radius:50%;flex:none;width:10px;height:10px}.habit-task:first-of-type i{background:#456b42}.habit-screen .habit-caption{color:#687b60;margin-top:10px;display:block;font-size:6px!important}.mini-alpine{color:#fff;background:#162d2d}.mini-alpine .mini-photo{filter:brightness(.6)saturate(.78);width:100%;height:100%;position:absolute;inset:0}.mini-alpine .mini-nav{color:#fff}.mini-alpine .mini-content{padding:29px 20px;position:relative}.mini-alpine .mini-title{letter-spacing:-1.5px;font-size:40px;font-weight:500;line-height:1}.mini-alpine .mini-body{color:#e4eeeb;max-width:160px;margin-top:10px;font-size:7px}.mini-alpine .mini-pill{color:#18342a;background:#fff;margin-top:15px}.mini-alpine .mini-destination{writing-mode:vertical-rl;letter-spacing:1px;position:absolute;bottom:17px;right:20px;font-size:7px!important}.mini-orbit{color:#382c4a;background:#f4f0fe}.mini-orbit .mini-content{grid-template-columns:1fr 132px;gap:12px;padding:19px 20px;display:grid}.mini-orbit .mini-title{letter-spacing:-1.1px;font-size:29px;line-height:1.05}.mini-orbit .mini-body{max-width:130px;margin-top:12px;font-size:7px}.mini-orbit .mini-pill{background:#4a3d5e;margin-top:15px}.orbit-board{background:#fff;height:156px;margin-top:5px;padding:12px 10px;transform:rotate(-5deg)}.orbit-board>strong{font-size:9px!important}.orbit-board .board-row{border-bottom:1px solid #eeeaf3;align-items:center;gap:5px;padding:10px 0;font-size:6px;display:flex}.board-dot{background:#d8d0e5;border-radius:2px;width:7px;height:7px}.board-row:nth-child(3) .board-dot{background:#c7d9bc}.board-row:nth-child(4) .board-dot{background:#ead2bd}.board-row span:last-child{color:#726579;margin-left:auto}.board-bottom{gap:5px;padding-top:12px;display:flex}.board-bottom span{background:#eeebf4;border-radius:3px;flex:1;height:26px}.mini-object{color:#3c3228;background:#f5e5ce}.mini-object .mini-nav{border-bottom:1px solid #c8bca940}.mini-object .mini-content{padding:25px 19px}.mini-object .mini-title{letter-spacing:-1px;z-index:1;font-family:Georgia,serif;font-size:32px;line-height:1.05;position:relative}.mini-object .mini-photo{object-fit:cover;mix-blend-mode:multiply;width:49%;height:calc(100% - 37px);position:absolute;bottom:0;right:0}.mini-object .mini-body{z-index:1;max-width:130px;margin-top:12px;font-size:7px;position:relative}.mini-object .mini-bottom{z-index:1;margin-top:18px;font-size:7px;text-decoration:underline;position:relative}.mini-folio{color:#293976;background:#f1f3ff}.mini-folio .mini-content{padding:17px 22px}.mini-folio .mini-title{letter-spacing:-2px;font-size:41px;font-weight:500;line-height:1}.mini-folio .mini-body{max-width:140px;margin-top:12px;font-size:7px}.folio-shape{border-radius:50%;width:96px;height:96px;position:absolute;bottom:20px;right:18px;transform:rotate(-15deg);box-shadow:inset 0 0 0 13px #667cd0,inset 0 0 0 26px #9daee3,inset 0 0 0 40px #c4ceed}.mini-folio .mini-bottom{margin-top:17px;font-size:7px;text-decoration:underline}.why-section{padding-top:112px;padding-bottom:112px}.why-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}h2{font-size:var(--text-xl);letter-spacing:-.04em;font-weight:500;line-height:1.1}.why-heading>p{color:var(--muted);font-size:var(--text-base);padding-bottom:3px}.advantage-grid{grid-template-columns:1.23fr 1fr;gap:24px;display:grid}.advantage-grid h3{font-size:var(--text-lg);letter-spacing:-.03em;font-weight:500;line-height:1.15}.feature-copy>p{font-size:var(--text-sm);color:#5d6659;max-width:350px;margin-top:17px;line-height:1.75}.expert-feature{background:#edf0e7;border-radius:12px;padding:36px 38px 30px;overflow:hidden}.feature-copy .text-link{margin-top:22px}.expert-exchange{max-width:420px;margin:34px 0 0 auto;padding-left:24px}.exchange-user{font-size:var(--text-sm);justify-content:flex-end;align-items:center;gap:12px;display:flex}.exchange-user>span:first-child{background:#fff;border-radius:16px 16px 3px;padding:10px 18px;box-shadow:0 3px 9px -4px #323a2520}.avatar{border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid;overflow:hidden}.avatar-you{color:#42523b;background:#d8decf;font-size:10px}.expert-person{font-size:var(--text-sm);align-items:center;gap:10px;margin-top:18px;font-weight:600;display:flex}.avatar-expert{background:#d1d9c6;width:40px;height:40px}.avatar-expert img{width:100%;height:100%}.expert-label{color:#59684e;font-weight:400;font-size:var(--text-xs);margin-left:0;display:block}.expert-message{font-size:var(--text-sm);margin:10px 0 0 50px;line-height:1.7}.expert-edit{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0 0 50px;display:flex}.expert-edit>span{color:#6b7464;text-decoration:line-through}.expert-edit>strong{color:#354e28;background:#dce5d2;border-radius:4px;padding:6px 10px;font-weight:600}.expert-edit .icon{color:#59684e;width:15px;height:15px}.expert-signoff{font-size:var(--text-xs);color:#526348;align-items:center;gap:6px;margin:16px 0 0 50px;display:flex}.expert-signoff .icon{width:14px;height:14px}.billing-feature{background:#f0f1f5;border-radius:12px;flex-direction:column;padding:36px 38px 30px;display:flex}.billing-feature .feature-copy>p{color:#656973}.billing-visual{margin-block:auto 18px;padding-top:30px}.crossed-words{font-size:var(--text-sm);color:#626976;justify-content:center;gap:24px;display:flex}.crossed-words span{-webkit-text-decoration:line-through #a8adba;text-decoration:line-through #a8adba;text-decoration-thickness:1px}.simple-price{color:#5b626f;font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:9px;margin-top:12px;display:flex}.simple-price strong{color:#343b4d;letter-spacing:-.05em;font-size:52px;font-weight:500;line-height:1.3}.price-rule{background:#d5d9e1;max-width:275px;height:1px;margin:13px auto 17px;transform:rotate(-3deg)}.billing-caption{font-size:var(--text-sm);text-align:center;color:#5b626f}.billing-feature>.text-link{margin-top:8px}.templates-section{padding:0 0 100px;overflow:hidden}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-heading p{color:var(--muted);font-size:var(--text-base);margin-top:20px}.browse-link{margin-bottom:4px}.template-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:35px;margin-bottom:24px;display:flex}.category-tabs{gap:6px;display:flex;position:relative}.category-tab{white-space:nowrap;min-height:42px;font-size:var(--text-sm);color:#687060;background:0 0;border-radius:6px;padding:10px 17px;transition:background .2s,color .2s,transform .15s;position:relative}.category-tab.active{background:var(--ink);color:#fff}.category-tab:hover:not(.active){background:#e9ece3}.gallery-controls{gap:7px;display:flex}.gallery-controls .icon-button{box-shadow:inset 0 0 0 1px #dce0d5}.gallery-controls .icon{width:18px;height:18px}.template-gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:24px;padding:3px max(56px,50vw - 624px) 20px;scroll-padding-left:max(56px,50vw - 624px);display:flex;overflow-x:auto}.template-gallery::-webkit-scrollbar{display:none}.template-card{scroll-snap-align:start;min-width:0;animation:gallery-in .35s var(--ease) both;flex:0 0 376px}.template-preview{width:100%;transition:transform .3s var(--ease), box-shadow .3s;background:#e9ece5;border-radius:9px;padding:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #262f2010}.template-preview:hover{transform:translateY(-5px);box-shadow:0 12px 24px -15px #26311b45}.template-preview .mini-site{height:280px}.template-preview .mini-nav{height:43px;padding-inline:23px}.template-preview .mini-nav>b{font-size:14px}.template-preview .mini-title{font-size:36px}.template-preview .mini-alpine .mini-title{font-size:45px}.template-preview .mini-content{padding:27px 23px}.template-preview .mini-habit .mini-content,.template-preview .mini-orbit .mini-content{grid-template-columns:1fr 138px;padding:22px 23px}.template-preview .habit-screen{height:197px}.template-preview .mini-forma .mini-architecture{width:151px;height:211px;bottom:-23px;right:24px}.template-preview .mini-folio .mini-title{font-size:49px}.template-preview .folio-shape{width:112px;height:112px}.template-meta{justify-content:space-between;align-items:center;padding:15px 0 0;display:flex}.template-meta h3{font-size:var(--text-base);letter-spacing:-.02em;font-weight:500}.template-meta p{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.use-template{min-height:44px;font-size:var(--text-xs);color:#51594b;background:0 0;align-items:center;gap:4px;padding:8px 0 8px 10px;display:flex}.use-template .icon{width:16px;height:16px}.use-template:hover{color:var(--accent)}.empty-gallery{font-size:var(--text-base);padding:30px}.process-section{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;gap:112px;padding-block:100px 80px;display:grid;position:relative}.process-sticky{position:sticky;top:70px}.process-preview{background:#ecefe5;border-radius:12px;height:330px;margin-top:35px;padding:24px;position:relative;overflow:hidden}.process-preview-top{font-size:var(--text-xs);color:#56634b;align-items:center;gap:9px;display:flex}.process-preview-top .brand-mark{color:#566c47;width:24px;height:24px}.process-idea{font-size:var(--text-lg);letter-spacing:-.03em;color:#37492a;z-index:2;margin-top:42px;line-height:1.25;position:relative}.process-idea>span{color:#7b8871}.process-artifact{opacity:1;border-radius:8px;width:328px;position:absolute;top:80px;left:80px;overflow:hidden;transform:translateY(118px)rotate(-5deg)scale(.9);box-shadow:0 7px 23px -12px #35432d66}.process-launch{font-size:var(--text-sm);color:#3e5b30;opacity:0;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:24px}.process-launch .icon{width:19px;height:19px}.process-steps{padding-top:70px}.process-step{min-height:220px;padding:0 0 80px 46px;position:relative}.process-step:last-child{min-height:180px;padding-bottom:0}.step-number{width:28px;height:28px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:#657257;border:1px solid #d3d9ca;border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.process-step h3{font-weight:500;font-size:var(--text-md);letter-spacing:-.02em;line-height:1.4}.process-step p{font-size:var(--text-sm);color:var(--muted);max-width:350px;margin-top:14px;line-height:1.8}.pricing-section{background:#f1f2ec;padding:95px 0 68px}.pricing-heading{text-align:center}.pricing-heading>p{color:var(--muted);font-size:var(--text-base);margin:21px auto 0}.billing-switch{isolation:isolate;background:#e2e5dc;border-radius:8px;gap:4px;margin:28px auto 0;padding:4px;display:inline-flex;position:relative}.billing-indicator{z-index:-1;width:102px;transition:width .35s var(--ease), transform .35s var(--ease);background:#fff;border-radius:5px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 5px -2px #38422c20}.billing-option{color:#6b7362;min-height:38px;font-size:var(--text-sm);background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:8px 20px;transition:color .2s;display:flex}.billing-option.active{color:var(--ink)}.billing-option>span{color:#405d2b;font-variant-numeric:tabular-nums;background:#dce8d0;border-radius:3px;padding:2px 5px;font-size:11px;line-height:1.4}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px;display:grid}.pricing-plan{background:#fafbf7;border-radius:10px;min-width:0;padding:29px 30px 30px;box-shadow:0 0 0 1px #dde2d4}.pricing-plan h3{font-size:var(--text-md);letter-spacing:-.02em;font-weight:500;line-height:1.4}.pricing-plan.recommended{box-shadow:0 0 0 1.5px var(--accent), 0 10px 20px -15px #234bfa25;background:#fff}.plan-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.popular-label{color:var(--accent);white-space:nowrap;background:#eef1ff;border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.5}.plan-description{font-size:var(--text-sm);color:var(--muted);margin-top:8px}.plan-price{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;margin-top:25px;display:flex}.amount{letter-spacing:-.05em;font-size:52px;font-weight:500;line-height:1.2}.plan-price>span:last-child{font-size:var(--text-sm);color:var(--muted)}.billing-detail{font-size:var(--text-xs);color:var(--muted);min-height:21px;margin-top:9px}.plan-button{justify-content:space-between;width:100%;margin-top:25px}.plan-features-heading{font-size:var(--text-xs);border-top:1px solid var(--line);margin-top:28px;padding-top:23px;font-weight:600}.plan-features{flex-direction:column;gap:12px;margin:15px 0 0;padding:0;list-style:none;display:flex}.plan-features li{font-size:var(--text-sm);color:#5f6857;align-items:flex-start;gap:9px;display:flex}.plan-features .icon{color:#657c51;width:16px;height:16px;margin-top:3px}.pricing-footnote{font-size:var(--text-xs);text-align:center;color:var(--muted);margin-top:26px}.faq-section{grid-template-columns:1fr 1.15fr;gap:100px;padding-block:105px 112px;display:grid}.faq-section h2{font-size:var(--text-lg);line-height:1.15}.faq-section>div>p{font-size:var(--text-sm);color:var(--muted);margin-top:20px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:var(--text-base);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-weight:500;line-height:1.5;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent)}.faq-list summary .icon{width:18px;height:18px;transition:transform .25s var(--ease)}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-answer{max-width:540px;padding:0 30px 22px 0;animation:.25s ease-out answer-in}.faq-answer p{font-size:var(--text-sm);color:var(--muted);line-height:1.75}.final-cta{text-align:center;background:#edf0e6;border-radius:16px;width:calc(100% - 48px);margin:0 auto;padding:78px 24px 84px;position:relative;overflow:hidden}.final-cta h2{font-size:var(--text-xl);max-width:850px;margin:auto;position:relative}.final-cta h2>span{color:#7c8973;display:block}.final-cta p{font-size:var(--text-base);color:#66705d;margin-top:22px}.final-cta .button{margin-top:25px;position:relative}.cta-note{font-size:var(--text-xs);color:#6c7763;margin-top:16px;display:block}.cta-orbit{opacity:.12;color:#597142;width:250px;position:absolute;top:45px;right:-10px;transform:rotate(20deg)}.cta-orbit svg{width:100%}.site-footer{align-items:center;gap:30px;padding-block:39px;display:flex}.site-footer .brand{font-size:28px}.site-footer .brand-mark{width:32px;height:32px}.footer-message{font-size:var(--text-xs);color:var(--muted)}.site-footer nav{font-size:var(--text-xs);gap:25px;margin-left:auto;display:flex}.site-footer nav a:hover{color:var(--accent)}.copyright{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;margin-left:35px}.project-dialog{width:min(650px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--paper);overscroll-behavior:contain;border:0;border-radius:16px;padding:0;overflow-y:auto;box-shadow:0 20px 80px -20px #1f2c3860}.project-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#21282466}.project-dialog[open]{animation:dialog-in .28s var(--ease)}.dialog-inner{padding:36px;position:relative}.dialog-close{z-index:2;position:absolute;top:13px;right:13px}.dialog-inner h2{letter-spacing:-.035em;padding-right:25px;font-size:32px;line-height:1.15}.dialog-description{font-size:var(--text-sm);color:var(--muted);max-width:480px;margin-top:13px}.dialog-preview{border-radius:9px;margin-top:24px;overflow:hidden}.dialog-preview .mini-site{height:300px}.dialog-preview .mini-nav{height:46px;padding-inline:27px}.dialog-preview .mini-content{padding:30px 28px}.dialog-preview .mini-title{font-size:45px}.dialog-preview .mini-alpine .mini-title{font-size:53px}.dialog-preview .mini-habit .mini-content,.dialog-preview .mini-orbit .mini-content{grid-template-columns:1fr 180px}.dialog-preview .mini-forma .mini-architecture{width:200px;height:240px;right:30px}.dialog-preview .mini-body{max-width:215px;font-size:10px}.dialog-preview .mini-pill{font-size:9px!important}.dialog-preview .mini-bottom{font-size:9px}.dialog-preview .mini-folio .folio-shape{width:145px;height:145px;bottom:26px;right:35px;box-shadow:inset 0 0 0 20px #667cd0,inset 0 0 0 40px #9daee3,inset 0 0 0 60px #c4ceed}.dialog-preview .habit-screen{height:205px}.dialog-preview .orbit-board{height:185px}.dialog-label{font-size:var(--text-xs);margin-top:24px;font-weight:600;display:block}.dialog-brief{resize:vertical;background:#fff;border:1px solid #d7ddce;border-radius:7px;width:100%;min-height:88px;margin-top:7px;padding:12px 14px;font-size:16px;line-height:1.6}.dialog-meta{border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:18px;display:flex}.dialog-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.dialog-actions .button{flex:1}.dialog-notice{font-size:var(--text-xs);color:#71786b;margin-top:18px;line-height:1.6}.dialog-notice a{text-decoration:underline}.saved-state{font-size:var(--text-sm);color:#36552b;align-items:center;gap:8px;margin:16px 0 0;display:flex}.saved-state .icon{width:17px;height:17px}.loading-line{background:#e1e6d8;width:100%;height:2px;margin-top:30px;overflow:hidden}.loading-line:after{content:"";background:var(--accent);width:40%;height:100%;animation:.9s ease-in-out infinite loading-slide;display:block}.toast{opacity:0;background:var(--ink);color:#fff;font-size:var(--text-sm);z-index:60;pointer-events:none;text-align:center;border-radius:8px;max-width:calc(100% - 32px);padding:12px 20px;transition:opacity .2s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);box-shadow:0 5px 18px -6px #21232240}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes gallery-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes answer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (width>=1600px){.hero{padding-top:80px}.showcase{margin-top:75px}}@media (width<=1199px){:root{--display:72px;--text-xl:46px}.container,.nav-wrap{width:calc(100% - 72px)}.desktop-nav{gap:25px;margin-left:30px}.nav-text{display:none}.hero{padding-top:54px}.showcase{height:290px}.why-section{padding-top:90px;padding-bottom:90px}.expert-feature,.billing-feature{padding:30px}.why-heading>p{max-width:340px}.process-section{gap:70px}.pricing-plan{padding:26px 24px}.popular-label{padding:4px 6px;font-size:10px}.plan-title{gap:6px}.amount{font-size:46px}.template-gallery{padding-inline:36px;scroll-padding-left:36px}.faq-section{gap:65px}.copyright{margin-left:5px}.footer-message{max-width:155px}.site-footer{gap:22px}.site-footer nav{gap:18px}}@media (width<=900px){:root{--display:64px;--text-xl:40px;--text-lg:28px}.desktop-nav{gap:20px;margin-left:0}.nav-actions{gap:12px}.hero h1{letter-spacing:-.04em}.why-heading{flex-direction:column;align-items:flex-start;gap:22px}.why-heading>p{max-width:none}.expert-feature,.billing-feature{padding:27px}.expert-exchange{padding-left:0}.advantage-grid{grid-template-columns:1.1fr 1fr;gap:18px}.expert-message br{display:none}.simple-price{gap:6px}.simple-price strong{font-size:43px}.crossed-words{gap:17px}.process-section{grid-template-columns:1.12fr 1fr;gap:45px}.process-preview{padding:20px}.process-artifact{width:300px;left:35px}.process-idea{font-size:26px}.process-steps{padding-top:38px}.process-step{padding-left:38px}.pricing-grid{gap:12px}.pricing-plan{padding:23px 20px}.plan-description{min-height:38px;font-size:12px}.plan-title{flex-wrap:wrap;position:relative}.popular-label{white-space:nowrap;color:#fff;background:#234bfa;border-radius:4px;position:absolute;top:-39px;left:-5px}.amount{font-size:40px}.plan-price{gap:4px}.plan-price>span:last-child{font-size:12px}.plan-button{gap:6px;padding-inline:12px;font-size:12px}.plan-features li{font-size:12px}.billing-detail{min-height:38px}.faq-section{gap:40px}.faq-list summary{font-size:14px}.footer-message{display:none}.final-cta .cta-orbit{right:-90px}.plan-price{margin-top:19px}}@media (width<=640px){:root{--display:51px;--text-xl:36px;--text-lg:28px}.container{width:calc(100% - 40px)}html{scroll-padding-top:28px}.site-header{height:76px}.nav-wrap{gap:15px;width:calc(100% - 40px)}.brand{font-size:30px}.brand-mark{width:33px;height:33px}.desktop-nav{display:none}.nav-cta{gap:8px;min-height:38px;padding:9px 12px;font-size:12px}.nav-cta .icon{width:15px;height:15px}.menu-toggle{border-radius:6px;width:32px;height:40px;display:grid}.menu-toggle .icon{width:21px;height:21px}.mobile-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;width:100%;padding:16px 24px 20px;animation:.2s ease-out answer-in;display:flex;position:absolute;top:76px;left:0;box-shadow:0 9px 12px -12px #26311a90}.mobile-nav a{padding:10px 0;font-size:16px}.hero{padding-top:34px}.hero-copy{padding-inline:20px}.hero h1{letter-spacing:-.045em;font-size:clamp(41px,12.7vw,56px);line-height:1.06}.word-underline{height:9px;bottom:-4px}.hero-description{max-width:350px;margin-top:20px;font-size:14px;line-height:1.8}.desktop-break{display:none}.prompt-composer{border-radius:11px;margin-top:22px;padding:15px 15px 13px}.prompt-composer textarea{height:76px;min-height:76px;line-height:1.7}.composer-toolbar{gap:10px;margin-top:8px}.project-type-wrap select{font-size:12px}.build-button{gap:11px;min-height:40px;padding:10px 13px;font-size:12px}.prompt-suggestions{justify-content:flex-start;gap:7px;max-width:360px;margin-top:14px;font-size:11px}.prompt-suggestions>span{display:none}.prompt-suggestions button{gap:4px;min-height:34px;padding:5px 8px;font-size:11px}.prompt-suggestions .icon{width:11px;height:11px}.hero-note{margin-top:16px;font-size:11px}.showcase{height:248px;margin-top:28px}.showcase-item{border-radius:8px;width:280px}.showcase-item .mini-site{height:211px}.showcase-item:first-child{--offset:-740px;--raise:32px}.showcase-item:nth-child(2){--offset:-436px;--raise:17px;--angle:-7deg}.showcase-item:nth-child(3){--offset:-140px}.showcase-item:nth-child(4){--offset:156px;--raise:17px;--angle:7deg}.showcase-item:nth-child(5){--offset:460px;--raise:32px}.showcase-item .mini-nav{height:32px;padding-inline:17px}.showcase-item .mini-alpine .mini-content{padding:24px 17px}.showcase-item .mini-alpine .mini-title{font-size:34px}.showcase-item .mini-forma .mini-architecture{width:112px;height:160px}.showcase-item .mini-habit .mini-content,.showcase-item .mini-orbit .mini-content{grid-template-columns:1fr 105px;padding:12px 17px}.showcase-item .mini-title{font-size:27px}.showcase-item .habit-screen{height:162px;padding:10px}.showcase-item .mini-folio .mini-title{font-size:35px}.hero-bottom{flex-direction:column;align-items:center;gap:15px;padding:17px 0 23px;font-size:12px}.platform-list{gap:20px;font-size:11px}.platform-list>span{gap:6px}.platform-list .icon{width:15px;height:15px}.why-section{padding-top:68px;padding-bottom:66px}.why-heading{gap:20px;margin-bottom:30px}.why-heading>p{font-size:14px}.advantage-grid{grid-template-columns:1fr;gap:16px}.expert-feature,.billing-feature{padding:28px 26px}.advantage-grid h3{font-size:28px}.feature-copy>p{margin-top:17px;font-size:14px}.expert-exchange{max-width:100%;margin-top:30px}.expert-person{font-size:13px}.expert-label{margin-left:0;font-size:11px}.expert-message{margin-left:50px;font-size:13px;line-height:1.85}.expert-signoff{margin-left:50px;font-size:12px}.exchange-user{font-size:12px}.expert-message br{display:block}.feature-copy .text-link{margin-top:20px;font-size:12px}.billing-visual{margin-bottom:23px;padding-top:28px}.simple-price{margin-top:12px}.simple-price strong{font-size:52px}.price-rule{max-width:240px;margin-top:13px}.billing-feature>.text-link{font-size:12px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading p{margin-top:18px;font-size:14px}.browse-link{margin-bottom:0;font-size:12px}.templates-section{padding-bottom:55px}.template-toolbar{margin-top:25px;margin-bottom:20px}.category-tabs{justify-content:space-between;gap:3px;width:100%}.category-tab{min-height:40px;padding:10px;font-size:11px}.gallery-controls{display:none}.template-gallery{padding-inline:20px;gap:18px;padding-bottom:15px;scroll-padding-left:20px}.template-card{flex-basis:300px}.template-preview .mini-site{height:224px}.template-preview .mini-nav{height:34px;padding-inline:18px}.template-preview .mini-nav>b{font-size:12px}.template-preview .mini-content{padding:19px 18px}.template-preview .mini-title{font-size:29px}.template-preview .mini-forma .mini-architecture{width:118px;height:171px;right:20px}.template-preview .mini-habit .mini-content,.template-preview .mini-orbit .mini-content{grid-template-columns:1fr 112px;padding:16px 18px}.template-preview .habit-screen{height:176px}.template-preview .mini-alpine .mini-title{font-size:36px}.template-preview .mini-folio .mini-title{font-size:37px}.template-preview .folio-shape{width:90px;height:90px}.template-meta{padding-top:12px}.template-meta h3{font-size:14px}.template-meta p,.use-template{font-size:11px}.process-section{padding-block:63px 35px;display:block}.process-sticky{position:relative;top:auto}.process-preview{height:295px;margin-top:28px}.process-idea{margin-top:36px;font-size:28px}.process-artifact{width:285px;top:65px;left:35px}.process-artifact .mini-site{height:215px}.process-steps{padding-top:35px}.process-step{min-height:0;padding:0 0 30px 42px}.process-step:last-child{min-height:0}.process-step h3{font-size:18px}.process-step p{max-width:100%;margin-top:10px;font-size:14px;line-height:1.75}.process-launch{font-size:12px;bottom:17px;left:20px}.pricing-section{padding-block:62px 45px}.pricing-heading>p{max-width:280px;margin-top:20px;font-size:14px;line-height:1.8}.billing-switch{margin-top:22px}.billing-option{font-size:12px}.pricing-grid{grid-template-columns:1fr;gap:19px;margin-top:32px}.pricing-plan{padding:27px 26px 29px}.pricing-plan h3{font-size:20px}.plan-title{flex-wrap:nowrap}.popular-label{color:var(--accent);background:#eef1ff;padding:4px 7px;font-size:10px;position:static}.plan-description{min-height:0;margin-top:9px;font-size:14px}.amount{font-size:52px}.plan-price{gap:7px;margin-top:22px}.plan-price>span:last-child{font-size:14px}.billing-detail{min-height:0;margin-top:10px;font-size:12px}.plan-button{margin-top:22px;padding-inline:18px;font-size:14px}.plan-features-heading{font-size:12px}.plan-features li{font-size:14px}.pricing-footnote{max-width:280px;margin-inline:auto;font-size:11px;line-height:1.8}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:63px 65px}.faq-section h2{font-size:32px}.faq-section>div>p{margin-top:17px;font-size:12px}.faq-list summary{gap:12px;padding:19px 0;font-size:14px}.faq-answer{padding-bottom:20px;padding-right:15px}.faq-answer p{font-size:12px}.final-cta{border-radius:12px;width:calc(100% - 24px);padding:55px 19px 50px}.final-cta h2{max-width:330px;font-size:32px;line-height:1.12}.final-cta h2>span{margin-top:4px}.final-cta p{margin-top:20px;font-size:12px}.final-cta .button{margin-top:22px;font-size:14px}.cta-note{margin-top:16px;font-size:11px}.cta-orbit{opacity:.09;width:170px;top:auto;bottom:0;right:-60px!important}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:22px;padding-block:30px 26px}.site-footer .brand{font-size:27px}.site-footer .brand-mark{width:30px;height:30px}.site-footer nav{gap:18px;margin:0;font-size:11px}.copyright{border-top:1px solid var(--line);flex-basis:100%;margin:0;padding-top:20px;font-size:10px}.dialog-inner{padding:28px 21px 24px}.dialog-inner h2{max-width:300px;font-size:28px}.dialog-description{max-width:290px;font-size:12px}.dialog-close{width:36px;height:36px;top:8px;right:8px}.dialog-preview{margin-top:20px}.dialog-preview .mini-site{height:220px}.dialog-preview .mini-nav{height:33px;padding-inline:17px}.dialog-preview .mini-content{padding:23px 18px}.dialog-preview .mini-title{font-size:31px}.dialog-preview .mini-alpine .mini-title{font-size:35px}.dialog-preview .mini-forma .mini-architecture{width:125px;height:166px;right:17px}.dialog-preview .mini-body{max-width:140px;font-size:7px}.dialog-preview .mini-habit .mini-content,.dialog-preview .mini-orbit .mini-content{grid-template-columns:1fr 110px;padding:17px}.dialog-preview .habit-screen{height:166px;padding:10px}.dialog-preview .orbit-board{height:150px;padding:10px}.dialog-preview .mini-folio .folio-shape{width:86px;height:86px;bottom:20px;right:18px;box-shadow:inset 0 0 0 12px #667cd0,inset 0 0 0 24px #9daee3,inset 0 0 0 37px #c4ceed}.dialog-preview .mini-pill{font-size:7px!important}.dialog-preview .mini-bottom{font-size:7px}.dialog-meta{align-items:flex-start;gap:8px;font-size:11px}.dialog-meta span:last-child{text-align:right}.dialog-actions{gap:9px;margin-top:20px}.dialog-actions .button{gap:8px;padding-inline:11px;font-size:12px}.dialog-notice{font-size:10px}.toast{width:max-content;font-size:12px}.nav-cta,.menu-toggle,.build-button,.category-tab{min-height:44px}.menu-toggle{width:44px}.nav-actions{gap:3px}.prompt-suggestions button,.project-type-wrap select{min-height:44px}.hero-note{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.showcase-item{will-change:auto}.process-idea{opacity:1}.process-artifact,.process-launch{display:none}}
