@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#171914;--muted:#666b62;--cream:#faf8f2;--amber:#f4b41a;--green:#2f5d45;--line:#e5ded2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,input,textarea{font:inherit}button,a{transition:all .2s}button{cursor:pointer}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:30;background:#faf8f2f5;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,4vw,60px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;font-size:24px;font-weight:800;display:flex}.mark{background:var(--amber);color:#332400;border-radius:11px;place-items:center;width:36px;height:36px;font-size:23px;display:inline-grid}nav{align-items:center;gap:34px;font-size:14px;font-weight:600;display:flex}nav a:hover{color:#a16e00}.linkbtn{background:0 0;border:0;font-weight:600}.navcta{background:var(--amber);border-radius:10px;padding:13px 20px}.hamb{background:0 0;border:0;font-size:25px;display:none}.hero{grid-template-columns:minmax(360px,.72fr) minmax(640px,1.38fr);gap:42px;min-height:850px;padding:70px clamp(20px,3.4vw,54px) 100px;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";z-index:-1;border:2px solid #f4b41a17;width:240px;height:240px;position:absolute;transform:rotate(45deg)}.hero:before{top:100px;left:-170px}.hero:after{bottom:20px;right:-150px}.hero-copy{padding-top:55px}.badge{text-transform:uppercase;letter-spacing:.08em;background:#fff;border:1px solid #dccfb8;border-radius:30px;align-items:center;gap:10px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex}.badge i{background:var(--green);border-radius:50%;width:8px;height:8px}h1{letter-spacing:-.055em;margin:28px 0 22px;font-size:clamp(50px,5.3vw,78px);font-weight:800;line-height:1.02}.hero-copy>p{color:var(--muted);max-width:610px;font-size:18px;line-height:1.65}.mini-proof{color:var(--green);flex-wrap:wrap;gap:24px;margin-top:35px;font-size:13px;font-weight:700;display:flex}.builder{background:#fff;border:1px solid #d8d1c5;border-radius:20px;min-height:720px;overflow:hidden;box-shadow:0 22px 55px #231f1421}.builder-top{background:#fbfbfa;border-bottom:1px solid #e5e7e5;align-items:center;gap:18px;height:58px;padding:0 18px;display:flex}.window-dots{color:#e5a515;letter-spacing:3px;font-size:11px}.url{text-align:center;color:#315c44;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d9ded9;border-radius:9px;flex:1;padding:9px 14px;font-size:12px;overflow:hidden}.top-actions{gap:6px;display:flex}.top-actions button{background:#fff;border:1px solid #d9ded9;border-radius:7px;padding:7px 10px}.top-actions button.on{color:var(--green);background:#edf3ef}.top-actions .publish{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.top-actions button:disabled{opacity:.45}.workspace{grid-template-columns:72px 1fr 300px;height:605px;display:grid}.workspace aside{background:#fbfbfa;border-right:1px solid #e4e6e3;flex-direction:column;gap:4px;padding:11px 7px;display:flex}.workspace aside button{color:#59615a;background:0 0;border:0;border-radius:8px;padding:9px 2px;font-size:9px}.workspace aside button b{color:#2c4537;margin-bottom:3px;font-size:17px;display:block}.workspace aside button.active{color:#382d12;background:#fff2c7}.canvas{background:#edf0ed;place-items:center;padding:18px;display:grid;position:relative;overflow:auto}.empty{text-align:center;color:#747b75}.empty>span,.coming>span{color:#9d6a00;background:#fff2c7;border-radius:18px;place-items:center;width:56px;height:56px;margin:auto;font-size:24px;display:grid}.empty h3{margin:18px 0 6px}.empty p{max-width:250px;font-size:12px}.site-preview{background:#fff;border-radius:5px;width:100%;max-width:680px;transition:all .3s;overflow:hidden;box-shadow:0 7px 25px #191e191f}.site-preview.mobile{width:290px}.demo-nav{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:55px;padding:0 22px;display:flex}.demo-nav strong{color:var(--p);font-size:17px}.demo-nav div{align-items:center;gap:17px;font-size:8px;display:flex}.demo-nav button,.demo-hero button{background:var(--p);color:#fff;border:0;border-radius:4px;padding:9px 12px;font-size:8px}.demo-hero{background:var(--b);grid-template-columns:1fr .85fr;min-height:275px;display:grid;overflow:hidden}.demo-hero>div:first-child{padding:40px 26px}.demo-hero small{letter-spacing:.16em;color:var(--p);font-size:7px}.demo-hero h2{color:var(--p);letter-spacing:-.04em;margin:13px 0;font-size:29px;line-height:1.02}.demo-hero p{color:#58605a;font-size:9px;line-height:1.55}.demo-image{background:var(--p);place-items:center;display:grid;position:relative;overflow:hidden}.demo-image span{z-index:2;font-size:75px}.demo-image i{border:2px solid var(--a);border-radius:50%;width:120px;height:120px;position:absolute}.demo-image i:nth-child(2){transform:translate(-55px,-60px)}.demo-image i:nth-child(3){width:170px;height:170px;transform:translate(70px,70px)}.demo-features{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;display:grid}.demo-features div{gap:4px;display:grid}.demo-features b{color:var(--a);font-size:17px}.demo-features strong{font-size:9px}.demo-features small{color:#747a74;font-size:7px}.site-preview.mobile .demo-nav div{display:none}.site-preview.mobile .demo-hero{grid-template-columns:1fr}.site-preview.mobile .demo-image{min-height:180px}.site-preview.mobile .demo-features{grid-template-columns:1fr}.generating{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#edf0eddb;place-items:center;display:grid;position:absolute;inset:0}.generating span{color:#c28800;font-size:38px;animation:1s infinite pulse}.generating h3{margin:12px 0 5px}.generating p{color:#687068;font-size:12px}.generating b{color:var(--green);margin-top:12px;font-size:28px;display:block}.control-panel{background:#fff;border-left:1px solid #e4e6e3;padding:20px;overflow:auto}.control-panel label{text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:10px;font-weight:800;display:block}.control-panel textarea,.domain-input{background:#fbfbfa;border:1px solid #d4d9d4;border-radius:10px;width:100%;padding:12px;font-size:12px}.control-panel textarea{resize:none;outline:none;height:130px}.control-panel textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f4b41a33}.suggestions{flex-wrap:wrap;gap:5px;margin:9px 0 18px;display:flex}.suggestions button{background:#fff9e8;border:1px solid #ded7ca;border-radius:20px;padding:6px 8px;font-size:8px}.domain-input{margin-bottom:12px;padding:0;display:flex;overflow:hidden}.domain-input input{background:0 0;border:0;width:42%;min-width:0;padding:10px;font-size:10px}.domain-input span{color:#5e675f;background:#f2f3f0;flex:1;padding:12px 5px;font-size:8px}.generate{background:var(--amber);border:0;border-radius:9px;width:100%;padding:13px;font-size:12px;font-weight:800}.generate:hover{transform:translateY(-2px);box-shadow:0 8px 18px #d3930038}.generate:disabled{opacity:.7}.control-panel textarea.small{height:90px;margin-bottom:18px}.hint{color:#687068;font-size:10px}.coming{text-align:center;margin-top:70px}.coming h3{margin:15px 0 4px}.coming p{color:#687068;font-size:11px;line-height:1.6}.progressbar{border-top:1px solid #e3e5e2;grid-template-columns:190px 1fr 45px;align-items:center;gap:15px;height:56px;padding:0 18px;font-size:10px;display:grid}.progressbar i{background:#eceeeb;border-radius:8px;height:7px;overflow:hidden}.progressbar i b{background:linear-gradient(90deg,var(--amber),#90cb32);height:100%;transition:all .25s;display:block}.progressbar strong{color:var(--green)}.how,.examples,.pricing{padding:110px clamp(22px,6vw,90px)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#9d6a00;font-size:11px;font-weight:800}.how h2,.examples h2,.pricing h2,.vision h2{letter-spacing:-.05em;margin:15px 0 50px;font-size:clamp(40px,5vw,68px);line-height:1.03}.how>div{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how article{border-top:2px solid var(--amber);padding:28px}.how article span{color:#a46f00;font-weight:800}.how article h3{margin:22px 0 10px;font-size:26px}.how article p{color:var(--muted);line-height:1.7}.examples{color:#fff;background:#1d211c}.examples>div:first-child{max-width:760px}.examples .eyebrow{color:#eab53b}.example-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.example-grid article{background:var(--b);color:var(--p);border-radius:18px;overflow:hidden}.example-grid article>div{min-height:230px;padding:28px;position:relative}.example-grid article>div>span{float:right;font-size:55px}.example-grid article small{letter-spacing:.15em;font-size:8px;display:block}.example-grid h3{margin:25px 0 5px;font-size:32px}.example-grid p{font-size:16px}.example-grid article>b{background:var(--p);color:#fff;padding:14px 28px;font-size:10px;display:block}.pricing{text-align:center}.pricecards{text-align:left;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin:auto;display:grid}.pricecards article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:34px;position:relative}.pricecards .featured{background:var(--green);color:#fff}.pricecards article>i{background:var(--amber);color:#2a220d;border-radius:20px;padding:6px 10px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:18px;right:18px}.pricecards article>span{font-weight:800}.pricecards h3{margin:15px 0;font-size:38px}.pricecards h3 small{font-size:13px;font-weight:500}.pricecards p,.pricecards li{color:#656b64;font-size:13px;line-height:1.8}.featured p,.featured li{color:#d5ded7}.pricecards ul{min-height:145px;padding-left:18px}.pricecards article>button{background:var(--amber);border:0;border-radius:8px;width:100%;padding:13px;font-weight:800}.vision{text-align:center;background:#f0e5ca;padding:110px 22px}.vision .mark{margin:auto}.vision h2{max-width:850px;margin:30px auto 15px}.vision p{color:var(--muted)}.vision a{background:var(--ink);color:#fff;border-radius:9px;margin-top:20px;padding:15px 22px;font-weight:700;display:inline-block}footer{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:45px clamp(22px,5vw,70px);display:grid}footer p,footer small{color:var(--muted);font-size:12px}footer small{border-top:1px solid var(--line);grid-column:1/-1;padding-top:15px}.toast{z-index:50;background:#fff;border:1px solid #d8d1c5;border-radius:13px;gap:4px;padding:17px 50px 17px 18px;display:grid;position:fixed;bottom:25px;right:25px;box-shadow:0 16px 40px #0000002e}.toast b{color:var(--green)}.toast span{font-size:11px}.toast button{background:0 0;border:0;position:absolute;top:10px;right:10px}@keyframes pulse{50%{opacity:.5}}@media (width<=1200px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding-top:20px}.workspace{grid-template-columns:70px 1fr 280px}.builder{min-height:700px}}@media (width<=760px){header{height:68px}.hamb{display:block}nav{background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:25px;display:none;position:absolute;top:68px;left:0;right:0}nav.open{display:flex}.hero{padding:42px 14px 70px;display:block}.hero-copy{padding:0 8px 30px}.hero-copy h1{font-size:48px}.builder-top{padding:0 10px}.window-dots,.top-actions button:first-child{display:none}.workspace{height:auto;display:block}.workspace aside{display:none}.canvas{height:520px;padding:12px}.control-panel{border-left:0;border-top:1px solid var(--line);padding:20px}.progressbar{grid-template-columns:1fr 1fr 35px}.how,.examples,.pricing{padding:75px 20px}.how>div,.example-grid,.pricecards{grid-template-columns:1fr}.how h2,.examples h2,.pricing h2,.vision h2{font-size:43px}.demo-nav div{display:none}.demo-hero{grid-template-columns:1fr}.demo-image{min-height:170px}footer{grid-template-columns:1fr}.toast{bottom:15px;left:15px;right:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1201px){.hero{grid-template-columns:minmax(430px,.82fr) minmax(650px,1.18fr);align-items:start;gap:54px;min-height:870px;padding:42px clamp(24px,3.8vw,60px) 82px}.hero-copy{padding-top:72px}.builder{min-height:760px;margin-top:28px}.workspace{grid-template-columns:72px 1fr;height:645px}.control-panel{display:none}.site-preview{max-width:790px}}.hero-prompt{background:#fff;border:1px solid #d8cbb8;border-radius:18px;margin-top:28px;padding:16px;box-shadow:0 12px 30px #30260f17}.prompt-heading{color:#5f655e;align-items:center;gap:9px;margin:2px 2px 10px;font-size:11px;display:flex}.prompt-heading span{color:#c58a00;font-size:18px}.hero-prompt textarea{resize:none;width:100%;height:132px;color:var(--ink);background:#fff;border:1px solid #d9d8d2;border-radius:12px;outline:none;padding:16px;font:500 15px/1.55 Manrope,Arial}.hero-prompt textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f4b41a2e}.hero-prompt-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.hero-prompt-bottom button{border-radius:10px;height:48px;font-weight:800}.spark{color:#c58a00;background:#fff;border:1px solid #d8cbb8;width:50px}.hero-generate{background:var(--amber);color:#261e08;border:0;flex:1}.hero-generate:hover{transform:translateY(-2px);box-shadow:0 8px 18px #d3930040}.mini-proof{gap:0}.mini-proof span{border-right:1px solid #d8cbb8;padding:0 20px}.mini-proof span:first-child{padding-left:0}.mini-proof span:last-child{border:0}.demo-image{background:linear-gradient(145deg,var(--p),#172f22)}@media (width<=1200px){.control-panel{display:none}.workspace{grid-template-columns:70px 1fr}.hero-copy{max-width:720px}.hero-prompt{max-width:650px}}@media (width<=760px){.hero-prompt textarea{height:112px}.mini-proof span{padding:0 8px;font-size:10px}.builder{margin-top:0}.workspace{display:block}.control-panel{display:none}}.demo-image.has-photo{background:#d5c6aa;display:block}.demo-image.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.site-preview.mobile .demo-image.has-photo{min-height:210px}.pricing-intro{max-width:680px;color:var(--muted);margin:-28px auto 42px;line-height:1.7}.pricecards{grid-template-columns:repeat(4,1fr);align-items:stretch;max-width:1240px}.pricecards article{flex-direction:column;display:flex}.pricecards article>p{min-height:48px}.pricecards ul{flex:1}.pricecards article>button{margin-top:auto}@media (width<=1050px){.pricecards{grid-template-columns:1fr 1fr}}@media (width<=620px){.pricecards{grid-template-columns:1fr}.pricing-intro{margin-top:-20px}}.app-shell{background:#f7f3e9;min-height:100vh}.app-head{background:0 0;position:static}.app-head>a:last-child{font-size:13px;font-weight:700}.auth-wrap{grid-template-columns:1fr 480px;align-items:center;gap:100px;min-height:calc(100vh - 78px);padding:70px clamp(22px,8vw,130px);display:grid}.auth-copy h1{letter-spacing:-.06em;margin:18px 0 28px;font-size:clamp(54px,6vw,84px);line-height:1}.auth-copy>p:not(.eyebrow){color:var(--muted);max-width:590px;font-size:18px;line-height:1.7}.auth-proof{color:var(--green);gap:12px;margin-top:30px;font-size:13px;font-weight:700;display:grid}.auth-card{background:#fff;border:1px solid #ded6c8;border-radius:20px;gap:18px;padding:30px;display:grid;box-shadow:0 18px 50px #231f141a}.auth-tabs{background:#f2eee5;border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{background:0 0;border:0;border-radius:8px;padding:11px;font-size:12px;font-weight:800}.auth-tabs button.active{background:#fff;box-shadow:0 2px 7px #00000014}.auth-card label,.project-modal label{text-transform:uppercase;letter-spacing:.07em;gap:7px;font-size:11px;font-weight:800;display:grid}.auth-card input,.project-modal input,.project-modal textarea{background:#fbfbf9;border:1px solid #d7d8d2;border-radius:9px;outline:none;width:100%;padding:13px}.auth-card input:focus,.project-modal input:focus,.project-modal textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f4b41a26}.auth-submit{background:var(--amber);border:0;border-radius:9px;padding:14px;font-weight:800}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-card small{text-align:center;color:#7b7f78;font-size:9px}.setup-note,.dash-banner{color:#5e4815;background:#fff5d8;border:1px solid #edd28a;border-radius:10px;gap:3px;padding:13px;display:grid}.setup-note b,.dash-banner b{font-size:11px}.setup-note span,.dash-banner span{font-size:10px;line-height:1.5}.form-message{color:#8d3522;background:#fff1ed;border-radius:8px;padding:11px;font-size:11px}.dashboard{background:#f4f3ee;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.dash-nav{color:#fff;background:#19241d;flex-direction:column;min-height:100vh;padding:24px 18px;display:flex}.dash-nav .brand{font-size:21px}.dash-nav nav{gap:6px;margin-top:50px;display:grid}.dash-nav nav a{color:#cbd5cd;border-radius:8px;padding:12px;font-size:12px}.dash-nav nav a.active,.dash-nav nav a:hover{color:#fff;background:#2a3a30}.dash-nav>button{color:#fff;background:0 0;border:1px solid #506057;border-radius:8px;margin-top:auto;padding:11px}.dash-main{padding:38px clamp(24px,5vw,70px)}.dash-main>header{background:0 0;border:0;height:auto;padding:0;position:static}.dash-main>header p{color:#747a73;margin:0;font-size:12px}.dash-main>header h1{letter-spacing:-.04em;margin:5px 0;font-size:38px}.dash-main>header button,.empty-projects button{background:var(--amber);border:0;border-radius:9px;padding:13px 18px;font-weight:800}.dash-banner{margin:25px 0}.dash-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0;display:grid}.dash-stats article{background:#fff;border:1px solid #e1ded5;border-radius:13px;gap:8px;padding:19px;display:grid}.dash-stats span{color:#747a73;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.dash-stats b{font-size:21px}.projects-head{justify-content:space-between;align-items:center;margin:35px 0 15px;display:flex}.projects-head h2{font-size:23px}.projects-head button{color:#59645c;background:0 0;border:0}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-grid article{background:#fff;border:1px solid #e1ded5;border-radius:15px;overflow:hidden}.project-shot{background:linear-gradient(135deg,#f3c24a,#28533a);place-items:center;height:150px;display:grid}.project-shot span{color:#28533a;background:#fff;border-radius:17px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;display:grid}.project-grid article>div:last-child{padding:17px}.project-grid small{text-transform:uppercase;color:#7c817b;letter-spacing:.1em;font-size:8px}.project-grid h3{margin:8px 0 3px}.project-grid p{color:#6c726d;font-size:10px}.project-grid article>div>div{gap:7px;margin-top:14px;display:flex}.project-grid button{background:#fff;border:1px solid #d7d9d4;border-radius:6px;padding:7px 10px;font-size:9px}.project-grid button:first-child{color:#fff;background:#213c2b}.empty-projects{text-align:center;background:#fff;border:1px dashed #cfd1ca;border-radius:15px;align-content:center;place-items:center;min-height:300px;padding:35px;display:grid}.empty-projects>span{color:#c88a00;font-size:35px}.empty-projects h3{margin:15px 0 3px}.empty-projects p{color:#777d77;margin-bottom:18px;font-size:12px}.project-modal{z-index:60;background:#111c15b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-modal form{background:#fffdf8;border-radius:18px;gap:18px;width:min(520px,100%);padding:30px;display:grid;position:relative}.project-modal .x{background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.project-modal h2{margin:-10px 0 5px;font-size:34px}.project-modal textarea{resize:none;height:130px}@media (width<=900px){.auth-wrap{grid-template-columns:1fr;gap:40px}.dashboard{grid-template-columns:1fr}.dash-nav{flex-direction:row;align-items:center;min-height:auto;display:flex}.dash-nav nav{display:none}.dash-nav>button{margin:0 0 0 auto}.dash-stats,.project-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.auth-wrap{padding:45px 18px}.auth-copy h1{font-size:50px}.auth-card{padding:22px}.dash-main{padding:25px 16px}.dash-main>header{gap:18px;display:grid}.dash-stats,.project-grid{grid-template-columns:1fr}}.editor-loading{color:#526057;background:#f2f1ed;place-items:center;min-height:100vh;font-weight:700;display:grid}.real-editor{background:#e9ece9;min-height:100vh}.real-editor>header{background:#fff;height:66px;padding:0 22px;position:static}.real-editor>header .brand{font-size:19px}.real-editor>header .mark{width:30px;height:30px}.editor-url{color:#526057;background:#f3f5f2;border:1px solid #d9ddd8;border-radius:8px;padding:9px 18px;font-size:11px}.real-editor>header>div:last-child{gap:7px;display:flex}.real-editor>header button{background:#fff;border:1px solid #d2d7d2;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700}.real-editor>header button.publish{color:#fff;background:#23442d;border-color:#23442d}.real-editor>section{grid-template-columns:310px 1fr;height:calc(100vh - 66px);display:grid}.real-editor>section>aside{background:#fff;border-right:1px solid #d8dcd7;padding:24px;overflow:auto}.real-editor aside h3{margin:0 0 24px;font-size:20px}.real-editor aside label{text-transform:uppercase;letter-spacing:.08em;color:#667068;gap:7px;margin-bottom:17px;font-size:9px;font-weight:800;display:grid}.real-editor aside input,.real-editor aside textarea{text-transform:none;letter-spacing:0;background:#fbfcfa;border:1px solid #d7dbd6;border-radius:8px;outline:none;width:100%;padding:11px;font-size:12px}.real-editor aside textarea{resize:none;height:90px}.real-editor aside input:focus,.real-editor aside textarea:focus{border-color:#d49b17;box-shadow:0 0 0 3px #f4b41a24}.color-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-row input{height:42px;padding:4px}.real-editor aside>p{color:#667068;border-top:1px solid #e4e6e2;padding-top:14px;font-size:10px}.editor-stage{place-items:start center;padding:28px;display:grid;overflow:auto}.live-site{background:#fff;width:min(1050px,100%);transition:all .25s;box-shadow:0 14px 45px #1b261e29}.live-site.phone{width:390px}.live-site nav{height:70px;color:var(--primary);background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.live-site nav b{font-size:21px}.live-site nav div{gap:22px;font-size:10px;display:flex}.live-site nav button,.live-hero button{background:var(--primary);color:#fff;border:0;border-radius:6px;padding:11px 15px;font-size:10px;font-weight:700}.live-hero{background:var(--background);grid-template-columns:1.05fr .95fr;min-height:480px;display:grid}.live-hero>div:first-child{padding:80px 55px}.live-hero small{color:var(--primary);letter-spacing:.16em;font-size:9px;font-weight:800}.live-hero h1{color:var(--primary);margin:20px 0;font-size:55px;line-height:1}.live-hero p{color:#616861;font-size:14px;line-height:1.7}.live-hero button{margin:16px 7px 0 0}.live-hero button.outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.image-brief{background:linear-gradient(145deg,var(--primary),#14271a);color:#fff;text-align:center;align-content:center;place-items:center;padding:40px;display:grid}.image-brief span{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:9px;font-weight:800}.image-brief p{color:#e1e8e2;font-size:12px}.live-services{grid-template-columns:repeat(3,1fr);gap:18px;padding:38px;display:grid}.live-services article{border-top:2px solid var(--accent);padding-top:18px}.live-services i{color:var(--accent);font-style:normal}.live-services h3{font-size:17px}.live-services p{color:#697069;font-size:10px;line-height:1.6}.live-site.phone nav div{display:none}.live-site.phone .live-hero{grid-template-columns:1fr}.live-site.phone .live-hero>div:first-child{padding:48px 28px}.live-site.phone .live-hero h1{font-size:40px}.live-site.phone .image-brief{min-height:250px}.live-site.phone .live-services{grid-template-columns:1fr}@media (width<=800px){.real-editor>header{padding:0 10px}.editor-url{display:none}.real-editor>section{grid-template-columns:1fr;height:auto}.real-editor>section>aside{border-right:0}.editor-stage{padding:12px}.live-site nav div{display:none}.live-hero,.live-services{grid-template-columns:1fr}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
