@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#141414;--ink-2:#1c1c1c;--paper:#f2efe8;--paper-2:#ebe7df;--orange:#ff5a1f;--orange-2:#ff7b48;--lime:#d9ed57;--blue:#b8d7f2;--violet:#c9b8e8;--muted:#918f89;--line:rgba(20,20,20,.15);--line-light:rgba(255,255,255,.16);--radius:24px;--shadow:0 28px 60px rgba(20,20,20,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.page-shell{overflow:hidden}.section-pad{padding-inline:clamp(20px,6vw,90px)}
.topbar{height:76px;background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:38px;padding:0 clamp(20px,5.7vw,86px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line-light)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-.06em;white-space:nowrap}.brand em{font-family:'Space Grotesk',sans-serif;color:var(--orange);font-size:10px;font-style:normal;letter-spacing:.12em;margin-top:-14px;margin-right:-7px}.brand-mark{height:24px;width:24px;border:2px solid currentColor;border-radius:4px;display:inline-flex;align-items:flex-end;gap:2px;padding:3px}.brand-mark span{display:block;background:currentColor;width:4px;border-radius:1px}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:6px}.brand-mark.mini{height:15px;width:15px;border-width:1px;padding:2px;gap:1px}.brand-mark.mini span{width:2px}.brand-mark.mini span:nth-child(1){height:5px}.brand-mark.mini span:nth-child(2){height:8px}.brand-mark.mini span:nth-child(3){height:4px}.nav-links{display:flex;gap:28px;font-size:13px;color:#b7b5b0;margin-right:auto}.nav-links a,.footer-links a{transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--orange)}.top-actions{display:flex;align-items:center;gap:18px}.text-button{background:none;color:#cbc8c2;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border-radius:999px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(255,90,31,.2)}.button-orange{background:var(--orange);color:#fff;font-weight:700}.button-small{font-size:12px;padding:11px 17px;gap:8px}.button-large{font-size:16px;padding:17px 22px;min-width:194px}.button span{font-family:'Space Grotesk',sans-serif;font-size:18px;direction:ltr}.menu-button{display:none;background:transparent;color:#fff;width:34px}.menu-button span{display:block;height:2px;background:currentColor;margin:6px 0}
.hero{background:var(--ink);color:var(--paper);min-height:670px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:35px;align-items:center;padding-top:70px;padding-bottom:95px}.hero-copy{padding-right:4vw;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9c9a95;font-size:12px;margin-bottom:22px}.live-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(255,90,31,.14)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,6vw,92px);line-height:1.05;letter-spacing:-.085em;margin:0 0 23px;font-weight:700}h1 span,h2 span{color:var(--orange)}.hero-lede{color:#a9a6a0;line-height:2;font-size:16px;max-width:455px;margin-bottom:32px}.hero-cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.play-button{background:none;color:#d8d5ce;display:flex;align-items:center;gap:11px;font-size:13px}.play-icon{display:grid;place-items:center;height:31px;width:31px;border:1px solid #66635f;border-radius:50%;font-size:10px;padding-right:1px}.play-button:hover .play-icon{border-color:var(--orange);color:var(--orange)}.hero-meta{display:flex;align-items:center;gap:12px;color:#88847e;font-size:11px;margin-top:45px}.hero-meta strong{color:#d6d1c7}.avatar-stack{display:flex;direction:ltr}.avatar-stack i{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--ink);border-radius:50%;background:var(--orange);color:#fff;font-size:10px;font-style:normal;margin-left:-6px}.avatar-stack i:nth-child(2){background:var(--lime);color:var(--ink)}.avatar-stack i:nth-child(3){background:var(--blue);color:var(--ink)}.avatar-stack i:nth-child(4){background:#393939;color:#fff}.hero-art{min-height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:680px;height:270px}.orbit-b{width:520px;height:230px;transform:rotate(30deg)}.ai-card{position:relative;width:min(570px,92%);background:#faf8f2;color:var(--ink);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.35);transform:rotate(-3deg);z-index:2;overflow:hidden}.ai-card-top{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700}.tiny-brand{display:flex;align-items:center;gap:6px}.status-pill{display:flex;align-items:center;gap:5px;color:#4b6654;font-size:10px}.status-pill span{width:6px;height:6px;border-radius:50%;background:#53bd69}.ai-card-body{padding:33px 35px 24px;display:grid;grid-template-columns:1fr 35px 1.1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#fbfaf5,#eeece5)}.prompt-bubble{border:1px solid #d0cdc4;border-radius:9px;padding:18px 12px;background:#fff;display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#85827b;line-height:1.7}.prompt-icon{color:var(--orange);font-size:15px}.arrow-line{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--orange)}.arrow-line span{display:block;width:8px;height:1px;background:#e0b09c}.arrow-line b{font-family:Arial;font-size:20px;font-weight:400;transform:rotate(180deg)}.generated-screen{background:#1e2828;border-radius:8px;padding:13px 12px;color:#f5f4ec;min-height:185px;box-shadow:0 12px 24px rgba(0,0,0,.15)}.screen-top{font-size:8px;display:flex;justify-content:space-between;color:#bbbdb4}.screen-menu{letter-spacing:2px}.balance-card{background:#097e64;border-radius:6px;padding:12px 10px;margin-top:13px;display:flex;justify-content:space-between;align-items:center}.balance-card small{font-size:7px;color:#c4e1d6;display:block;margin-bottom:4px}.balance-card strong{font-size:17px;display:block}.balance-card strong small{display:inline;font-size:8px}.chart-bars{height:27px;display:flex;align-items:flex-end;gap:2px}.chart-bars i{display:block;width:3px;background:#9de4ca;border-radius:2px}.chart-bars i:nth-child(1){height:10px}.chart-bars i:nth-child(2){height:16px}.chart-bars i:nth-child(3){height:12px}.chart-bars i:nth-child(4){height:21px}.chart-bars i:nth-child(5){height:18px}.screen-stats{display:flex;gap:25px;padding:11px 0;border-bottom:1px solid #364744}.screen-stats span{display:flex;flex-direction:column;gap:4px}.screen-stats b{font-size:8px;color:#eb8b6a}.screen-stats span:nth-child(2) b{color:#68d3ad}.screen-stats small{font-size:7px;color:#8e9d97}.screen-lines{padding-top:10px;display:grid;gap:6px}.screen-lines span{height:4px;border-radius:4px;background:#485653}.screen-lines span:nth-child(1){width:82%}.screen-lines span:nth-child(2){width:66%}.screen-lines span:nth-child(3){width:74%}.ai-card-footer{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8c8a82}.ai-card-footer button{color:var(--orange);background:none;font-size:10px;font-weight:700}.floating-note{position:absolute;z-index:3;color:#c6c3bb;font-size:11px;display:flex;align-items:center;gap:8px}.note-top{top:18px;right:2%}.note-bottom{bottom:8px;left:8%}.spark{color:var(--orange);font-size:22px}.note-dot{width:9px;height:9px;background:var(--lime);border-radius:50%}
.logo-strip{background:var(--ink);color:#77736d;border-top:1px solid var(--line-light);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:32px}.strip-label{font-size:11px;line-height:1.7;color:#a19d95}.logo-word{font-size:20px;font-weight:700;color:#6c6964;letter-spacing:-.08em}.logo-word span{color:var(--orange)}.logo-word.serif{font-family:serif;font-weight:600}.logo-word.mono{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em;font-size:17px}
.builder-section{padding-top:126px;padding-bottom:135px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading h2{font-size:clamp(36px,4.6vw,66px);line-height:1.15;letter-spacing:-.07em;margin:12px 0 0}.section-heading p{max-width:390px;color:#77736c;line-height:1.9;font-size:14px;margin-bottom:9px}.section-kicker{font-family:'Space Grotesk',sans-serif;color:var(--orange);font-size:11px;letter-spacing:.04em}.builder-card{background:#e6e2d9;border:1px solid #d4d0c7;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.builder-tabs{display:flex;align-items:center;gap:6px;padding:15px 20px;border-bottom:1px solid #cfcbc2;position:relative}.builder-tab{padding:12px 17px;background:transparent;color:#8b8780;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:8px}.builder-tab.active{background:var(--ink);color:#fff}.tab-icon{font-size:15px;color:var(--orange)}.builder-tab.active .tab-icon{color:var(--lime)}.tab-helper{margin-right:auto;color:#aaa69d;font-size:10px}.builder-content{display:grid;grid-template-columns:1fr 1.18fr;min-height:510px}.input-panel{padding:31px;display:flex;flex-direction:column;position:relative}.panel-label,.preview-header>div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.step-number{display:grid;place-items:center;width:26px;height:26px;background:var(--orange);color:#fff;border-radius:50%;font-family:'Space Grotesk',sans-serif;font-size:11px;direction:ltr}.step-number.muted{background:#d3d0c8;color:#77736d}.input-view{display:none;margin-top:22px}.active-view{display:block}.text-view textarea{width:100%;height:230px;resize:none;border:1px solid #cbc6bc;border-radius:14px;background:#f7f5ef;padding:18px;color:var(--ink);font:500 14px/2 'IBM Plex Sans Arabic';outline:none;transition:border-color .2s,box-shadow .2s}.text-view textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.09)}.text-view textarea::placeholder{color:#a9a49b}.input-bottom{display:flex;justify-content:space-between;color:#aaa69e;font-size:10px;padding:8px 3px}.input-hint{direction:rtl}.suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:25px;font-size:10px;color:#8e8981}.suggestions button{background:#efebe2;color:#69655e;border:1px solid #d7d2c9;padding:8px 10px;border-radius:100px;font-size:10px;transition:.2s}.suggestions button:hover{background:#fff;border-color:var(--orange);color:var(--orange)}.generate-button{margin-top:auto;width:100%;border-radius:11px;font-size:13px;padding:16px}.generate-button.is-loading{opacity:.8;pointer-events:none}.loader{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.is-loading .loader{display:block}.is-loading .generate-label,.is-loading .generate-arrow{display:none}.image-view{min-height:230px}.drop-zone{height:230px;border:1px dashed #bab4a9;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f7f5ef;color:#878278;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--orange);background:#fffaf5}.drop-zone input{display:none}.upload-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--orange);background:#ffdfd2;font:24px Arial;line-height:1}.drop-zone strong{font-size:13px;color:#4b4842}.drop-zone small{font-size:10px}.drop-zone em{font-size:9px;color:#aaa49a;font-style:normal;margin-top:5px}.image-preview{display:none;height:230px;border-radius:14px;background:#f7f5ef;border:1px solid #cbc6bc;overflow:hidden;position:relative;align-items:center;justify-content:center}.image-preview.has-image{display:flex}.image-preview img{width:100%;height:100%;object-fit:cover;opacity:.85}.image-preview>div{position:absolute;bottom:12px;right:12px;left:12px;display:flex;flex-direction:column;gap:2px;padding:11px 13px;background:rgba(20,20,20,.82);color:#fff;border-radius:8px}.image-preview strong{font-size:11px}.image-preview small{font-size:9px;color:#b7b5af}.image-preview button{position:absolute;top:10px;left:10px;background:var(--ink);color:white;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:1}.builder-preview{border-right:1px solid #cfcbc2;background:#f4f1eb;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:27px 30px 18px}.preview-live{font-size:10px;color:#5d8a72;display:flex;align-items:center;gap:6px}.preview-live span{width:6px;height:6px;background:#54bf76;border-radius:50%}.preview-stage{position:relative;flex:1;margin:0 20px;border-radius:15px 15px 0 0;background:#dedbd4;overflow:hidden;min-height:375px}.stage-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#b8b4ac 1px,transparent 1px),linear-gradient(90deg,#b8b4ac 1px,transparent 1px);background-size:25px 25px}.stage-orb{position:absolute;top:32%;left:42%;width:180px;height:180px;filter:blur(30px);background:rgba(255,90,31,.14);border-radius:50%}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#969189;text-align:center;gap:8px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#efece5;color:var(--orange);font-size:23px;box-shadow:0 8px 20px rgba(0,0,0,.05)}.preview-empty strong{font-size:12px;color:#6d6963;margin-top:8px}.preview-empty span{font-size:10px;line-height:1.8}.generated-app{display:none;position:absolute;inset:24px 27px;background:#fbfaf4;border-radius:10px;box-shadow:0 16px 34px rgba(50,46,38,.15);overflow:hidden}.generated-app.visible{display:block;animation:appIn .6s cubic-bezier(.2,.8,.2,1)}.app-chrome{height:27px;background:#ece8df;display:flex;align-items:center;gap:5px;padding:0 10px;color:#99958d;font:8px Arial;direction:ltr}.app-dot{width:6px;height:6px;border-radius:50%}.app-dot.red{background:#f27668}.app-dot.yellow{background:#e9be62}.app-dot.green{background:#7cc08e}.app-url{margin-left:9px;direction:ltr}.app-share{margin-left:auto}.app-body{display:flex;height:calc(100% - 27px);direction:ltr}.app-sidebar{width:38px;background:#1c2827;color:#9baea5;display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:12px;font-size:10px}.app-logo{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:700;width:19px;height:19px;border-radius:5px;margin-bottom:12px}.app-sidebar .side-active{color:#fff}.app-main{direction:rtl;flex:1;padding:16px 18px;background:#faf8f2}.app-greeting{display:flex;justify-content:space-between;align-items:center}.app-greeting small{font-size:7px;color:#aaa59a}.app-greeting h3{font-size:14px;margin:4px 0 0;letter-spacing:-.05em}.app-greeting h3 span{color:var(--orange);font-size:11px}.app-avatar{display:grid;place-items:center;width:25px;height:25px;background:var(--orange);color:#fff;border-radius:50%;font-size:9px}.app-total{margin-top:14px;padding:12px 14px;border-radius:8px;color:#fff;background:#147b64;display:flex;justify-content:space-between;align-items:center}.app-total small{font-size:7px;color:#d0e5dd;display:block}.app-total strong{display:block;font-size:21px;margin:5px 0}.app-total strong i{font-size:8px;font-style:normal}.app-total .up{color:#a6e7c4;font-size:7px}.mini-chart{height:42px;display:flex;align-items:flex-end;gap:3px}.mini-chart i{display:block;width:4px;border-radius:3px 3px 0 0;background:#a8e5ce}.app-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:13px}.app-list,.app-goal{border:1px solid #e5e1d8;border-radius:8px;padding:10px}.list-head,.goal-head{display:flex;justify-content:space-between;font-size:8px;margin-bottom:10px}.list-head small{color:var(--orange);font-size:7px}.transaction{display:flex;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #ece9e2}.trans-icon{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-size:8px}.trans-icon.orange{background:#ffe3d8;color:var(--orange)}.trans-icon.blue{background:#daeafb;color:#557fa9}.trans-icon.green{background:#d8f0e3;color:#4d9a72}.transaction span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.transaction b{font-size:7px}.transaction small{font-size:6px;color:#aba69d}.transaction>strong{font-size:7px;color:#e37a5e}.transaction>strong.positive{color:#5aa77d}.goal-head span{color:var(--orange)}.progress{height:6px;background:#ece8df;border-radius:20px;overflow:hidden;margin:18px 0 8px}.progress span{display:block;width:68%;height:100%;background:var(--orange);border-radius:20px}.app-goal>small{font-size:6px;color:#aaa59d}.goal-orb{display:grid;place-items:center;width:42px;height:42px;border:7px solid #e9e4db;border-right-color:var(--orange);border-radius:50%;color:var(--orange);font-size:14px;margin:18px auto 0}.preview-footer{padding:14px 30px;display:flex;justify-content:space-between;align-items:center;color:#74716b;font-size:10px}.preview-footer>span{display:flex;align-items:center;gap:7px}.pulse{width:7px;height:7px;border-radius:50%;background:#5ec882;box-shadow:0 0 0 4px rgba(94,200,130,.14)}.device-switch{display:flex;gap:3px;background:#e7e3db;padding:3px;border-radius:7px}.device-button{background:transparent;color:#9d9890;font-size:9px;border-radius:5px;padding:6px 8px}.device-button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.05)}.mobile-view .generated-app{inset:24px auto 24px;right:50%;transform:translateX(50%);width:205px}.mobile-view .app-main{padding:13px 12px}.mobile-view .app-greeting h3{font-size:11px}.mobile-view .app-total strong{font-size:17px}.mobile-view .app-columns{grid-template-columns:1fr}.mobile-view .app-goal{display:none}
.how-section{background:var(--paper-2);padding-top:125px;padding-bottom:130px}.section-heading.compact{margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{min-height:360px;background:#e4dfd6;border-radius:20px;padding:27px;display:flex;flex-direction:column;transition:transform .3s}.step-card:hover{transform:translateY(-6px)}.step-card.dark-step{background:var(--ink);color:var(--paper)}.step-top,.example-meta{display:flex;justify-content:space-between;align-items:center;font:12px 'Space Grotesk',sans-serif;color:#aaa49a}.dark-step .step-top{color:#6f6d69}.step-symbol{font:25px Arial;color:var(--orange)}.step-card h3{font-size:25px;letter-spacing:-.06em;margin:65px 0 11px}.step-card p{font-size:13px;line-height:1.9;color:#79756e;max-width:250px}.dark-step p{color:#a09d98}.step-visual{margin-top:auto;min-height:66px;border-radius:9px;padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.prompt-visual{background:#f4f0e7;border:1px solid #d4cfc4;color:#8b867e}.prompt-visual b{color:var(--orange);font-size:17px}.code-visual{background:#252e2d;color:#c3d0c7;display:flex;flex-direction:column;align-items:flex-start;gap:5px;font:10px monospace;position:relative}.code-visual i{color:#ef936c;font-style:normal}.code-visual b{color:#cce66b}.code-visual em{color:#9ad7cc;font-style:normal}.code-visual strong{color:var(--orange);font-size:15px}.code-cursor{position:absolute;bottom:13px;left:14px;color:var(--orange)}.share-visual{background:#d4ebf7;color:#628197}.share-visual b{background:#fff;border-radius:5px;padding:8px;color:#55748d;font-size:9px}
.examples-section{padding-top:125px;padding-bottom:125px}.inline-link{font-size:12px;color:var(--orange);border-bottom:1px solid #f3b29b;padding-bottom:6px;margin-bottom:10px}.inline-link span{font-family:Arial;font-size:17px;margin-right:8px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.example-card{border-radius:20px;padding:25px;min-height:400px;overflow:hidden;position:relative}.orange-card{background:var(--orange);color:#fff}.blue-card{background:var(--blue)}.lime-card{background:var(--lime)}.example-meta{color:rgba(20,20,20,.54)}.orange-card .example-meta{color:rgba(255,255,255,.66)}.example-card h3{font-size:36px;letter-spacing:-.08em;margin:51px 0 7px}.example-card p{font-size:12px;line-height:1.85;max-width:230px;min-height:48px}.example-screen{position:absolute;bottom:-32px;left:24px;right:24px;height:184px;border-radius:12px 12px 0 0;background:#f5f2eb;box-shadow:0 -12px 30px rgba(0,0,0,.11);padding:19px;color:var(--ink);transform:rotate(2deg);transition:transform .3s}.example-card:hover .example-screen{transform:rotate(0) translateY(-8px)}.spend-header{display:flex;justify-content:space-between;font-size:9px;color:#5f5b54}.spend-header b{font-size:8px;font-weight:500;color:#aaa49b}.spend-screen>strong{display:block;font-size:28px;margin:20px 0 12px;letter-spacing:-.08em}.spend-screen>strong small{font-size:9px}.bar-chart{height:60px;display:flex;align-items:flex-end;justify-content:space-around;gap:7px;border-bottom:1px solid #ddd8ce}.bar-chart i{display:block;width:18px;border-radius:4px 4px 0 0;background:var(--orange)}.bar-chart i:nth-child(2n){background:#ffc4b0}.kanban-screen{display:flex;gap:8px;background:#e9f2f8;padding:14px}.kanban-col{flex:1;display:flex;flex-direction:column;gap:8px}.kanban-col b{font-size:8px;color:#72889c}.kanban-col span{display:block;height:34px;border-radius:5px;background:#fff;border-right:4px solid #edb473}.kanban-col span.long{height:48px;border-right-color:#c6b2dd}.kanban-col span.green{border-right-color:#87cca3}.kanban-col span.short{height:27px;border-right-color:#8bb9d6}.kanban-col span.purple{border-right-color:#cfb3df}.habit-screen{display:flex;align-items:center;gap:18px;background:#eef3dc;padding-inline:26px}.habit-ring{height:92px;width:92px;border:12px solid #dbe4b8;border-left-color:#7c9441;border-bottom-color:#7c9441;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#71823f;font-size:17px}.habit-lines{display:flex;flex-direction:column;gap:10px;flex:1}.habit-lines span{height:7px;border-radius:10px;background:#d6dfb0}.habit-lines span:nth-child(1){width:90%;background:#a7bd64}.habit-lines span:nth-child(2){width:75%}.habit-lines span:nth-child(3){width:86%}.habit-lines span:nth-child(4){width:52%}
.manifesto{background:var(--ink);color:var(--paper);padding-top:135px;padding-bottom:140px}.manifesto-inner{position:relative;max-width:1050px;margin:auto}.manifesto-mark{color:var(--orange);font-size:54px;line-height:1;display:block;margin-bottom:25px}.manifesto p{font-size:clamp(43px,6vw,82px);line-height:1.16;letter-spacing:-.08em;margin:0}.manifesto p strong{color:var(--orange)}.manifesto p em{color:var(--lime);font-style:normal}.manifesto-side{position:absolute;left:0;bottom:12px;color:#77736d;font-size:10px;display:flex;flex-direction:column;gap:7px}.footer{background:var(--ink);color:#817d76;border-top:1px solid var(--line-light);padding-top:27px;padding-bottom:27px;display:flex;align-items:center;justify-content:space-between}.footer-brand{color:var(--paper);font-size:18px}.footer-links{display:flex;gap:25px;font-size:11px}.footer-note{font-size:10px}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:10px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.22);transform:translateY(120px);transition:transform .35s;z-index:50}.toast.show{transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.72);display:grid;place-items:center;z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}.modal-backdrop.open{opacity:1;pointer-events:auto}.video-modal{width:min(470px,calc(100% - 40px));background:var(--paper);border-radius:20px;padding:40px;text-align:center;position:relative}.modal-close{position:absolute;top:14px;left:14px;background:#e3ded5;border-radius:50%;height:29px;width:29px;font-size:20px}.modal-play{width:65px;height:65px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;margin:0 auto 22px;padding-right:3px}.video-modal h3{font-size:25px;letter-spacing:-.06em}.video-modal p{font-size:13px;color:#77736d;line-height:1.8}
.reveal{opacity:0;transform:translateY(20px);animation:rise .7s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}@keyframes rise{to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appIn{from{opacity:0;transform:scale(.96) translateY(13px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{padding-right:0}.hero-art{min-height:370px}.builder-content{grid-template-columns:1fr}.builder-preview{border-right:0;border-top:1px solid #cfcbc2;min-height:500px}.builder-card{border-radius:18px}.steps-grid,.examples-grid{grid-template-columns:1fr}.step-card{min-height:300px}.step-card h3{margin-top:35px}.example-card{min-height:430px}.logo-strip{flex-wrap:wrap;justify-content:flex-start}.strip-label{width:100%}.logo-word{margin-left:20px}.manifesto-side{position:static;margin-top:45px}.nav-links{gap:15px}}
@media(max-width:620px){.topbar{height:65px;padding-inline:18px;gap:12px}.nav-links,.top-actions{display:none}.menu-button{display:block;margin-right:auto}.hero{min-height:auto;padding-top:57px;padding-bottom:70px}.hero h1{font-size:54px}.hero-lede{font-size:14px}.hero-cta-row{gap:18px}.button-large{width:100%}.play-button{margin:auto}.hero-meta{margin-top:30px}.hero-art{min-height:320px;margin-top:30px}.ai-card{width:100%;transform:rotate(-2deg)}.ai-card-body{padding:20px 17px;grid-template-columns:1fr 20px 1.05fr;gap:7px}.generated-screen{min-height:145px;padding:9px}.balance-card{margin-top:8px;padding:8px}.balance-card strong{font-size:14px}.logo-strip{gap:12px;padding-top:21px;padding-bottom:24px}.logo-word{font-size:16px;margin-left:10px}.section-heading{display:block;margin-bottom:35px}.section-heading p{margin-top:22px}.builder-section,.how-section,.examples-section{padding-top:75px;padding-bottom:80px}.builder-tabs{overflow:auto;white-space:nowrap;padding:11px}.builder-tab{padding:10px 12px}.tab-helper{display:none}.input-panel{padding:20px}.text-view textarea{height:190px}.suggestions{margin-top:17px}.suggestions span{width:100%}.builder-preview{min-height:430px}.preview-header{padding:20px 18px 14px}.preview-stage{margin:0 14px;min-height:315px}.generated-app{inset:19px 16px}.preview-footer{padding:13px 18px}.device-button{font-size:8px}.step-card,.example-card{padding:21px}.section-heading h2{font-size:43px}.manifesto{padding-top:80px;padding-bottom:90px}.manifesto p{font-size:47px}.footer{flex-wrap:wrap;gap:20px}.footer-note{width:100%}.footer-links{order:3;width:100%;justify-content:space-between}.note-top{top:0;right:0}.note-bottom{bottom:-4px;left:0}.orbit-a{width:520px}.orbit-b{width:400px}}

.website-connect-card{height:230px;border:1px solid #cbc6bc;border-radius:14px;background:#f7f5ef;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.website-connect-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ffdfd2;color:var(--orange);font-size:22px;margin-bottom:4px}.website-connect-card strong{font-size:14px}.website-connect-card>span{font-size:10px;color:#8c877f;line-height:1.7}.url-field{display:flex;align-items:center;direction:ltr;width:100%;margin-top:8px;background:#fff;border:1px solid #d4cfc6;border-radius:9px;overflow:hidden}.url-field>span{padding:0 0 0 12px;color:#aaa49c;font:11px Arial}.url-field input{width:100%;border:0;background:transparent;outline:0;padding:12px 9px;color:var(--ink);font:12px Arial}.website-status{color:#a29c93;font-size:9px;direction:rtl}.website-status.valid{color:#4a9a6a}.website-status.invalid{color:#d4583e}.website-open-button{width:100%;margin-top:auto;border-radius:9px;padding:11px;font-size:11px}.preview-footer-actions{display:flex;align-items:center;gap:9px}.save-project{background:transparent;color:#77736b;border:1px solid #d0cbc2;border-radius:7px;padding:6px 8px;font-size:9px;transition:.2s}.save-project:hover{background:#fff;color:var(--orange);border-color:#f3b19b}
@media(max-width:620px){.preview-footer-actions{gap:5px}.save-project{font-size:8px;padding:6px}.website-connect-card{padding:17px}}

.model-picker{margin-top:18px;padding-top:15px;border-top:1px solid #d7d2c9}.model-picker-label{display:flex;justify-content:space-between;align-items:center;color:#77736b;font-size:10px;margin-bottom:9px}.model-picker-label small{font-size:9px;color:#aaa49b}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.model-option{display:flex;align-items:center;gap:8px;text-align:right;background:#efebe2;border:1px solid #d8d3c9;border-radius:9px;padding:9px 8px;color:#67635c;transition:.2s;min-width:0}.model-option:hover{border-color:#f2a486;background:#fff8f3}.model-option.active{background:#fff8f3;border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,90,31,.08)}.model-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#d9ed57;color:#465000;font-size:13px}.model-icon.pro{background:#282f2f;color:#ffd14d;font-size:10px}.model-option>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.model-option strong{font-size:10px;color:#35332f}.model-option small{font-size:8px;color:#929087;white-space:nowrap}.model-option i{font:700 9px 'Space Grotesk',sans-serif;color:#55a16e;font-style:normal;margin-right:auto}.model-option:nth-child(2) i{color:#9b7b31}.model-option.active i{font-size:13px}.model-option.active:nth-child(2) i{font-size:9px}@media(max-width:620px){.model-options{grid-template-columns:1fr}.model-picker-label{align-items:flex-start;flex-direction:column;gap:3px}}
.assistant-panel{margin-top:14px;background:var(--ink);color:var(--paper);border-radius:20px;padding:20px 24px;box-shadow:0 20px 40px rgba(20,20,20,.12)}.assistant-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-light);padding-bottom:15px}.assistant-head>div{display:flex;align-items:center;gap:10px}.assistant-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--orange);font-size:15px}.assistant-head strong{display:block;font-size:13px}.assistant-head small{display:block;color:#8b8881;font-size:9px;margin-top:3px}.assistant-head a{color:var(--lime);font-size:10px}.chat-messages{display:flex;flex-direction:column;gap:10px;max-height:180px;overflow:auto;padding:15px 2px 8px}.chat-message{display:flex;gap:9px;align-items:flex-start;max-width:80%;font-size:11px}.chat-message.user-message{align-self:flex-start;direction:rtl}.chat-message.user-message>div{background:#2a302f;border:1px solid #39413f;border-radius:11px;padding:9px 12px}.chat-message.assistant-message{align-self:flex-end}.chat-message.assistant-message>div{background:#f1eee6;color:var(--ink);border-radius:11px;padding:9px 12px}.chat-badge{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:var(--orange);color:#fff;font-size:10px;flex:0 0 21px}.chat-message strong{font-size:10px}.chat-message p{font-size:10px;line-height:1.7;margin:4px 0 0;color:#8d8981}.assistant-message p{color:#77736b}.quick-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:3px 0 12px}.quick-prompts button{background:transparent;color:#b4b1aa;border:1px solid #444944;border-radius:100px;padding:7px 10px;font-size:9px;transition:.2s}.quick-prompts button:hover{border-color:var(--orange);color:#fff}.chat-form{display:flex;gap:8px;background:#232726;border:1px solid #3c4441;border-radius:10px;padding:5px;direction:rtl}.chat-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:9px 10px;font:11px 'IBM Plex Sans Arabic'}.chat-form input::placeholder{color:#777c77}.chat-form button{width:34px;height:34px;border-radius:7px;background:var(--orange);color:#fff;font:18px Arial}.theme-green .app-total{background:#2d865b}.theme-green .progress span{background:#5ea974}.theme-green .app-logo{background:#5ea974}
@media(max-width:620px){.assistant-panel{padding:17px 15px;border-radius:16px}.assistant-head a{font-size:9px}.chat-message{max-width:94%}.quick-prompts{overflow:auto;flex-wrap:nowrap}.quick-prompts button{white-space:nowrap}}
.google-button{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#3b3a37;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;font-size:11px;transition:.2s}.google-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.12)}.google-button.signed-in{background:#e9f5e9;border-color:#9bd19e;color:#32703a}.google-g{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);color:#fff;font:700 12px Arial}.integration-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 9px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#ddd8ce;font-size:11px;margin-bottom:26px;transition:.2s}.integration-pill:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.integration-pill>span:last-child{font:18px Arial;color:#bdb7ae}.integration-icons{display:flex;direction:ltr}.integration-icons i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:2px solid var(--ink);font:700 10px Arial;font-style:normal;background:#fff;color:#4285f4}.integration-icons i+ i{margin-left:-7px;background:var(--orange);color:#fff;font-size:12px}.hero-copy .eyebrow{margin-bottom:22px}@media(max-width:620px){.google-label{display:none}.google-button{padding:7px}.integration-pill{margin-bottom:20px}}