@import url('/assets/tokens.css?v=20260917-rich-text-3');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:not(.button){border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:8px 13px}button:not(.button):hover{background:var(--sage)}:focus-visible{outline:3px solid #47735b;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;font-weight:600;line-height:1.08}h1{font-size:clamp(42px,5.3vw,76px)}h2{font-size:clamp(32px,3.5vw,51px)}h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}small{font-size:12px}img,svg{max-width:100%}[hidden]{display:none!important}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.row.end{justify-content:flex-end}.muted{color:var(--muted)}.eyebrow{font:600 10px/1.5 var(--font);letter-spacing:.17em;color:var(--green);margin-bottom:23px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52785c;margin-right:9px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:32px;font-weight:750;letter-spacing:-2px;color:var(--ink);line-height:1}.brand-dot{color:#8bae77}.badge{font-size:9px;font-weight:650;letter-spacing:.1em;color:#4f6752;border:1px solid #cad7c3;background:#e9efdf;padding:5px 6px;border-radius:4px;margin-left:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:9px;font-weight:600;font-size:13px;padding:15px 21px;line-height:1.35;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary,.button.small{color:#fff;background:var(--ink)}.button.primary:hover,.button.small:hover{background:#405543}.button.small{padding:12px 17px}.button.secondary{border-color:var(--line);background:transparent;color:var(--ink)}.button.text{padding-left:0;padding-right:0;font-weight:500;gap:8px}.button.danger{background:#7b3030;color:white}.button.wide{width:100%}.skip-link{position:fixed;top:-70px;left:15px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.announcement{background:#e7ebda;text-align:center;padding:8px 20px;font-size:11px;letter-spacing:.02em}.site-header{max-width:1440px;margin:auto;padding:25px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-header nav{display:flex;gap:30px;font-size:12px}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-weight:650}.hero{max-width:1440px;margin:auto;padding:64px 6% 69px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.hero h1{margin-bottom:25px}.hero-copy>p:not(.eyebrow){max-width:390px;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center;margin:32px 0}.hero-note{font-size:10px;color:#7b8478;display:flex;gap:10px;align-items:center}.mini-avatars{color:var(--ink);background:var(--sage);padding:6px 12px;border-radius:20px;letter-spacing:3px}.hero-stage{position:relative;border:1px solid #d9decf;border-radius:24px;background:#e8ecdf;min-height:445px;isolation:isolate}.stage-grid{position:absolute;inset:0;border-radius:inherit;z-index:-1;background-image:linear-gradient(#99a98c1c 1px,transparent 1px),linear-gradient(90deg,#99a98c1c 1px,transparent 1px);background-size:26px 26px}.stage-caption{display:flex;align-items:center;padding:22px 24px;font-size:9px;letter-spacing:.14em;color:#64715d}.stage-caption>span:last-child{margin-left:auto;letter-spacing:.02em;font-size:10px}.hero-stage>.character{display:block;width:350px;height:356px;margin:-15px auto 0;filter:drop-shadow(0 12px 12px #34492e09)}.floating-note{position:absolute;font-size:10px;transform:rotate(-7deg);color:#637651}.note-top{top:83px;right:15px;max-width:112px}.note-bottom{bottom:87px;left:20px;transform:rotate(6deg);font-size:9px;background:#f7f9ee;padding:8px 11px;border-radius:5px;border:1px solid #d5ddc7}.mini-timeline{display:flex;margin:4px 23px 22px;padding:14px;background:#f8faefc9;border:1px solid #d4ddc8;border-radius:10px;align-items:center;gap:16px;font-size:10px}.timeline-track{display:flex;justify-content:space-between;align-items:center;position:relative;flex:1;height:25px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 13px,#bec8b84d 14px);color:#93aa7e;padding:0 16px}.timeline-track i{position:absolute;left:0;height:34px;width:2px;background:#ed9274;animation:playhead 4s linear infinite}.timeline-track b{font-size:10px}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#7a8371;gap:16px}.capability-strip span:first-child{color:var(--ink);font-weight:600}.section{max-width:1440px;padding:100px 6%;margin:auto}.section-copy{font-size:15px;max-width:560px;margin-bottom:40px;line-height:1.8}.demo-section{text-align:center}.demo-section .section-copy,.pricing-section .section-copy,.faq-section .section-copy,.cta-section .section-copy{margin-left:auto;margin-right:auto}.demo-grid,.steps-grid,.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.demo-visual{background:#efeee3;border-radius:15px;position:relative;margin-bottom:22px;height:260px;overflow:hidden}.demo-visual .character{height:255px;width:100%;}.demo-0 .character *{animation:none!important}.demo-1{background:#e7ecdf}.demo-2{background:#eee4d9}.tag{position:absolute;bottom:13px;left:15px;padding:3px 9px;background:#ffffffa1;border-radius:4px;font-size:9px;letter-spacing:.04em}.demo-card h3{font-size:16px;margin-bottom:8px}.demo-card p{font-size:12px;max-width:250px}.features-section{background:#e9eddf;border-radius:28px;max-width:calc(1440px - 7%);padding:65px 5%}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 45px;margin-top:50px}.feature-number{font-size:11px;color:#718366;display:block;margin-bottom:18px}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-card p{font-size:13px;line-height:1.9;margin:0}.steps-grid{margin-top:55px;gap:60px}.steps-grid .feature-number{display:inline-grid;place-items:center;width:43px;height:43px;background:#e6ecd9;border-radius:50%;font-size:13px}.examples-section{padding-top:30px}.example-art{height:240px;border-radius:15px;background:#e3e9dc;position:relative;overflow:hidden;margin-bottom:24px}.example-art .character{height:290px;width:100%;margin-top:5px}.example-1{background:#f0ddcf}.example-2{background:#e2dfec}.examples-grid h3{font-size:18px}.examples-grid p{font-size:13px}.pricing-section{text-align:center;background:#eeefe5}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,400px));justify-content:center;gap:24px;text-align:left;margin-top:44px}.price-card{padding:32px;border:1px solid #d6ddcd;border-radius:18px;background:var(--paper)}.price-card.featured{border-color:#869c77}.price-card .row h3{margin:0}.pill{font-size:8px;letter-spacing:.12em;background:#e6ebdc;border-radius:20px;padding:5px 9px}.price-card>p{font-size:12px;margin:18px 0 24px;min-height:40px}.price{font-size:37px;font-weight:600;letter-spacing:-.05em}.price small{display:block;font-weight:400;color:var(--muted);letter-spacing:0;font-size:11px;margin-top:5px}.price-card ul{padding:20px 0;list-style:none;font-size:12px;line-height:2.4}.price-card li:before{content:'✓';color:#788c67;margin-right:10px}.price-card .button{width:100%}.faq-section{text-align:center}.faq-list{max-width:780px;margin:40px auto 0;text-align:left}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:500;display:flex;justify-content:space-between;gap:25px}.faq-list p{font-size:13px;line-height:1.9;margin:14px 40px 0 0}.cta-section{position:relative;text-align:center;border-radius:25px;background:#e2ead5;max-width:calc(1440px - 12%);padding:70px 30px 80px}.cta-spark{display:inline-block;color:#6b8857;font-size:46px;margin-bottom:20px}.site-footer{max-width:1440px;margin:auto;padding:65px 6% 35px;display:grid;grid-template-columns:1fr auto;gap:25px}.site-footer .brand{font-size:27px}.site-footer .brand img{width:28px;height:28px}.site-footer p{font-size:12px;margin-top:13px}.site-footer nav{display:flex;align-items:flex-start;gap:25px;font-size:12px;padding-top:8px}.site-footer small{grid-column:1/-1;font-size:10px;color:#7b8273;border-top:1px solid var(--line);padding-top:25px}.character{--body:#afc69a;--face:#bad0a6;--limb:#829b6b;--shoe:#354534;--belly:#d9e4bf;overflow:visible}.character.peach{--body:#e2ad90;--face:#ecc0a2;--limb:#b78568;--shoe:#574b40;--belly:#f2d9bd}.character.lavender{--body:#b5a6cf;--face:#c5b8dc;--limb:#8f7cac;--shoe:#49405d;--belly:#dfd6ee}.character .torso{fill:var(--body)}.character .face{fill:var(--face)}.character .belly{fill:var(--belly)}.character .arm path,.character .leg>path:first-child{stroke:var(--limb);stroke-width:24;stroke-linecap:round;stroke-linejoin:round;fill:none}.character .arm circle{fill:var(--face)}.character .shoe{fill:var(--shoe)}.character .eyes{fill:#344334;transform-origin:200px 116px;animation:blink 4.6s infinite}.character .smile{stroke:#536a48;stroke-width:3;fill:none;stroke-linecap:round}.character .shadow{fill:#455e2d14;animation:shadow 3s ease-in-out infinite}.body-bounce{animation:bounce 3s ease-in-out infinite;transform-origin:200px 350px}.right-arm{transform-origin:254px 180px;animation:wave 2.5s ease-in-out infinite}.left-arm{transform-origin:139px 183px;animation:sway 3s ease-in-out infinite}.skeleton path{stroke:#f7fff1;stroke-width:3;fill:none}.skeleton circle{stroke:#48633c;stroke-width:2;fill:#f8ffee}.rig .body-bounce,.rig .arm{animation:none}.content-page{max-width:820px;margin:55px auto;padding:0 25px}.text-section{padding:20px 0}.text-section:first-child h2{font-size:48px}.text-section h2{font-size:26px;letter-spacing:-.035em}.text-section .section-copy{max-width:none;font-size:15px;line-height:1.9;margin-bottom:10px}.auth-layout{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:60px auto 90px;padding:0 40px;align-items:center}.auth-art{background:#e7eadc;text-align:center;border-radius:25px;padding:10px 25px 40px}.auth-art .character{height:320px}.auth-art h2{font-size:39px;margin-bottom:15px}.auth-art p{font-size:12px}.auth-panel h1{font-size:36px;margin-bottom:18px}.auth-panel>p{font-size:13px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin:17px 0}input,textarea,select{border:1px solid #ccd4c3;border-radius:8px;background:#fffef8;color:var(--ink);padding:11px 13px;width:100%;font-size:13px}textarea{min-height:100px;resize:vertical}.check{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-size:11px;font-weight:400}.check input{width:15px;height:15px;margin-top:3px}.check a,.auth-switch a,.subtle-link{text-decoration:underline;text-underline-offset:3px}.auth-switch{font-size:12px;margin-top:26px}.subtle-link{display:inline-block;margin-top:17px;font-size:12px}.notice,.success-box{padding:17px;border:1px solid #d7d7bd;border-radius:9px;background:#f0eedb;font-size:13px;margin:20px 0}.success-box{background:#e4ecda}.form-error{color:#993c32;font-size:12px;min-height:0}.workspace-page{max-width:1320px;margin:40px auto 90px;padding:0 6%;min-height:50vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:35px 0 45px}.page-heading h1{font-size:43px;margin-bottom:16px}.page-heading p{font-size:13px;margin-bottom:0}.page-heading .eyebrow{font-size:10px;margin-bottom:17px}.project-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.search-label{font-size:0;margin:14px 0;width:270px}.search-label input{background:transparent}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fafbf3}.project-preview{height:200px;background-color:#e5eadd;background-image:linear-gradient(45deg,#f4f6ec 25%,transparent 25%),linear-gradient(-45deg,#f4f6ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f6ec 75%),linear-gradient(-45deg,transparent 75%,#f4f6ec 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;display:flex;justify-content:center;align-items:center}.project-preview img{width:100%;height:100%;object-fit:contain}.project-preview span{font-size:62px;color:#a1b68c}.project-info{padding:20px}.project-info h3{font-size:18px;overflow-wrap:anywhere;margin-bottom:8px}.project-info p{font-size:11px}.project-actions{display:flex;gap:5px;flex-wrap:wrap}.project-actions button{font-size:10px;padding:5px 8px}.empty-projects{grid-column:1/-1;text-align:center;padding:65px;border:1px dashed #bccbaa;border-radius:15px;background:#edf0e3}.empty-projects>span{font-size:48px;color:#87a16f}.empty-projects h2{font-size:29px;margin:15px 0}.empty-projects p{font-size:13px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.panel-card{border:1px solid var(--line);border-radius:15px;padding:28px;background:#fafbf3}.panel-card h2{font-size:23px}.panel-card p{font-size:12px}.usage-row{margin:20px 0}.usage-row .row{font-size:12px}progress{width:100%;height:8px;accent-color:#819b6b;border-radius:8px}.admin-tabs{display:flex;gap:8px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--line);overflow:auto}.admin-tabs button{white-space:nowrap;font-size:12px}.admin-tabs .active{background:var(--ink);color:white}.admin-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px}.page-list{display:flex;flex-direction:column;gap:10px;align-self:start}.page-list button{text-align:left;display:flex;justify-content:space-between;gap:10px;font-size:12px}.page-list small{font-size:9px;color:var(--muted)}.section-editor{padding:20px;border:1px solid var(--line);border-radius:10px;margin:15px 0;background:var(--paper)}.section-editor .row h3{font-size:15px;margin:0}.section-editor .row button{padding:5px 9px;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.section-items{padding:10px;background:#e8eddf;border-radius:7px}.section-items label{margin:10px 0}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.config-flag{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:13px 0;margin:0;border-bottom:1px solid var(--line)}.config-flag input{width:20px;height:20px;accent-color:#65824f}.link-editor{display:grid;grid-template-columns:1fr 1.2fr auto;gap:8px;align-items:center;margin:10px 0}.link-editor input{font-size:12px}.link-editor button{padding:7px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}td select{min-width:90px}.audit-detail{font-size:11px;color:var(--muted)}.preview-banner{position:sticky;top:0;z-index:10;background:#273d2c;color:white;text-align:center;font-size:12px;padding:12px}.preview-banner a{text-decoration:underline;margin-left:20px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:30px;width:min(450px,90vw);color:var(--ink)}dialog::backdrop{background:#18241888;backdrop-filter:blur(3px)}dialog h2{font-size:25px;margin:0}dialog p{font-size:13px;margin:20px 0}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:9px;max-width:90vw;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}.reveal{opacity:.01;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.revealed{opacity:1;transform:none}
@keyframes bounce{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes wave{0%,100%{transform:rotate(-5deg)}30%{transform:rotate(14deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(8deg)}}@keyframes sway{50%{transform:rotate(9deg)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes shadow{50%{transform:scaleX(.9);transform-origin:center}}@keyframes playhead{to{left:100%}}
@media(min-width:1450px){.features-section{max-width:1260px}.cta-section{max-width:1260px}}
@media(max-width:1000px){.hero{gap:25px;padding-top:45px}.hero h1{font-size:52px}.hero-stage{min-height:390px}.hero-stage>.character{height:310px}.note-top{font-size:8px;right:8px;max-width:80px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-note{font-size:9px}.site-header nav{gap:17px}.header-actions{gap:15px}.auth-layout{gap:45px}.features-grid{gap:30px}.section{padding-top:75px;padding-bottom:75px}.project-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:700px){.site-header{padding:20px 5%;gap:12px}.site-header nav{display:none}.brand{font-size:29px}.header-actions{gap:15px}.header-actions .button{padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 6% 40px;gap:30px}.hero h1{font-size:54px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:100%}.hero-stage{max-width:450px;width:100%;margin:auto;min-height:390px}.hero-stage>.character{height:315px}.hero-note{font-size:10px}.capability-strip{flex-wrap:wrap;gap:12px;font-size:8px}.capability-strip span{flex-basis:45%}.section{padding:65px 6%}.section h2{font-size:35px}.demo-grid,.steps-grid,.examples-grid{grid-template-columns:1fr;gap:30px}.demo-grid{max-width:400px;margin:auto}.demo-visual{height:285px}.demo-visual .character{height:290px}.demo-card p{max-width:none}.features-grid{grid-template-columns:1fr;gap:30px}.features-section{margin:0 4%;border-radius:18px;padding:45px 6%}.steps-grid .feature-card{border-bottom:1px solid var(--line);padding-bottom:25px}.examples-grid{max-width:440px;margin:auto}.example-art{height:275px}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:auto}.faq-list summary{font-size:14px}.cta-section{max-width:92%;padding:50px 25px}.site-footer{grid-template-columns:1fr;padding-top:45px}.site-footer nav{padding:0}.auth-layout{grid-template-columns:1fr;margin:30px auto 50px;padding:0 7%}.auth-art{display:none}.auth-panel{max-width:460px;margin:auto;width:100%}.page-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-top:25px}.page-heading h1{font-size:37px}.workspace-page{padding:0 5%;margin-top:25px}.project-grid{grid-template-columns:1fr}.project-preview{height:230px}.project-toolbar{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:14px}.account-grid,.admin-grid,.field-grid{grid-template-columns:1fr}.page-list{max-height:230px;overflow:auto}.link-editor{grid-template-columns:1fr 1fr auto}.panel-card{padding:21px}.announcement{font-size:9px}.empty-projects{padding:40px 20px}.admin-tabs{gap:5px}.admin-tabs button{font-size:11px}.admin-actions .button{font-size:12px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.text-section:first-child h1{font-size:48px}

.password-field{margin:17px 0}.password-field label{margin:0 0 7px}.password-input{position:relative}.password-input input{padding-right:72px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:7px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.password-toggle:hover{background:#e6ebdc}.password-toggle:focus-visible{outline:2px solid #65824f;outline-offset:1px}.password-warning{margin:8px 0 0;color:#88530b;font-size:12px;line-height:1.5}
/* Shared with the studio: charcoal surfaces, lime accents and quiet borders. */
body{background:var(--paper);color:var(--ink)}.announcement{background:#20291e;color:#c8e3ad;border-bottom:1px solid #36482a}.badge,.pill{background:#26351d;color:#c5f994;border-color:#455c34}.brand-dot{color:#bdf477}.button.primary,.button.small{background:#bdf477;color:#192414;border-color:#bdf477}.button.primary:hover,.button.small:hover{background:#d0ff9a}.button.secondary{background:#242826;border:1px solid #455044;color:#e7ebe7}.button:disabled{cursor:default;opacity:1;background:#282e29;color:#aab3aa;border:1px solid #414b40}.button.text{color:#bdf477}.status-dot{background:#bdf477;box-shadow:0 0 0 4px #bdf47712}.eyebrow{color:#b9cdab}.hero{grid-template-columns:.83fr 1.17fr;gap:50px;padding-top:72px;padding-bottom:80px}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.05;letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){color:#a8b4ab}.hero-note{color:#a0afa1}.mini-avatars{background:#26351d;color:#bdf477}.hero-studio-preview{border:1px solid #48583e;border-radius:15px;overflow:hidden;background:#1b1e1d;box-shadow:0 24px 80px #0006}.hero-studio-preview>img{display:block;width:100%;height:auto}.preview-heading,.preview-footer{display:flex;align-items:center;gap:13px;padding:17px 19px;font-size:10px;letter-spacing:.08em;color:#b5c5ad;background:#202620}.preview-live{margin-left:auto;color:#bdf477;font-size:9px}.preview-footer{letter-spacing:0;border-top:1px solid #34412e;font-size:11px}.preview-footer a{margin-left:auto;color:#bdf477}.capability-strip{color:#a8b59f;background:#181e18;border-color:#303b2b}.capability-strip span:first-child{color:#d2e8bd}.features-section{background:#1d241d;border:1px solid #34402f}.feature-number{color:#bdf477}.steps-grid .feature-number{background:#2d3c23;color:#c5fc8e}.section-copy,.feature-card p,.demo-card p,.examples-grid p{color:#a5b1a7}.demo-visual,.example-art{background:#1c231c;border:1px solid #35412e;display:grid;place-items:center}.demo-visual img{width:100%;height:100%;object-fit:contain}.motion-demo{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;background:#202820}.demo-visual{height:auto;aspect-ratio:1.44}.example-art{height:285px}.tag{background:#26351d;color:#c8f69c}.pricing-section{background:#191e19;border-block:1px solid #303c2a}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1160px;margin:60px auto 0;align-items:stretch}.price-card{position:relative;border:1px solid #394435;background:#1e241e;border-radius:16px;padding:30px 25px 20px;display:flex;flex-direction:column}.price-card.featured{border:2px solid #bdf477;background:#242e20;box-shadow:0 12px 50px #0002}.recommended-label{position:absolute;left:-2px;right:-2px;top:-28px;height:29px;padding:7px;background:#bdf477;color:#1c2a12;border-radius:12px 12px 0 0;text-align:center;font-size:10px;letter-spacing:.12em;font-weight:700}.price-card.featured{border-top-left-radius:0;border-top-right-radius:0}.price-card h3{font-size:24px;margin:0}.price-card>p{min-height:44px;color:#aebba7}.price{font-size:46px;letter-spacing:-.05em;margin:0 0 10px}.price small{display:inline-block;font-size:12px;margin-left:8px;color:#a5b49d;letter-spacing:0}.price-card ul{flex:1;padding:10px 0 20px;line-height:1.5}.price-card li{display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px solid #3b493329;font-size:11px}.price-card li:before{color:#bdf477;margin:0}.price-card li strong{margin-left:auto;text-align:right;font-size:10px;font-weight:500;white-space:nowrap}.price-card li.unavailable{color:#879082}.price-card li.unavailable:before{content:'–';color:#879082}.price-card .plan-footnote{font-size:10px;text-align:center;min-height:0;margin:15px 0 0}.plan-comparison{max-width:1160px;margin:30px auto 0;text-align:left;border:1px solid #3a4535;border-radius:10px;padding:18px 22px}.plan-comparison summary{cursor:pointer;font-size:13px;color:#c8e9a6}.plan-comparison table{margin:25px 0;width:100%;min-width:650px}.plan-comparison caption{text-align:left;font-size:20px;margin-bottom:20px;color:var(--ink)}.plan-comparison th,.plan-comparison td{padding:14px;border-color:#364130}.plan-comparison tbody th{font-weight:500}.plan-comparison>p{font-size:11px;color:#aab6a3;line-height:1.8}.cta-section{background:#26351f;border:1px solid #435937}.cta-spark{color:#bdf477}.site-footer small{color:#8f9f8c}.auth-art{background:#252f21}.auth-art h2{color:#e2eddb}.auth-panel input,input,textarea,select{background:#1d241e;border-color:#44513d;color:#e7ebe7}.notice,.success-box{background:#283120;border-color:#536241;color:#d4e5bf}.password-toggle{color:#c5f994}.password-toggle:hover{background:#35462b}.password-warning{color:#e7bc72}.form-error{color:#f4a18d}.project-card,.panel-card,.section-editor,dialog{background:#1e251e;border-color:#3a4733;color:#e7ebe7}.section-items{background:#293422}.project-preview{background-color:#202820;background-image:none}.project-preview span{color:#91af74}.empty-projects{background:#202b1d;border-color:#4b653c}.empty-projects>span{color:#bdf477}.admin-tabs .active{background:#bdf477;color:#172312}.admin-tabs button{color:#d1ddc9}.page-list small,.audit-detail{color:#a3b197}.preview-banner{background:#bdf477;color:#182310}#toast{background:#d2edb4;color:#1a2c13}.upgrade-dialog{max-width:460px;width:calc(100% - 36px);padding:32px;background:#202820;color:#e7ebe7;border:1px solid #546b42;border-radius:18px;box-shadow:0 30px 100px #0008}.upgrade-dialog::backdrop{background:#070c09b8;backdrop-filter:blur(5px)}.upgrade-dialog h2{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:15px 0}.upgrade-dialog p{font-size:13px;line-height:1.7;color:#b6c3ae}.upgrade-dialog .eyebrow{font-size:10px;color:#bdf477;letter-spacing:.12em}.upgrade-close{float:right;border:0;background:none;color:#cfddc4;font-size:24px;cursor:pointer}.upgrade-plan{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-block:1px solid #48553f;margin:22px 0;color:#d6f1bb}.upgrade-dialog .button{min-height:44px}.batch-select{display:flex;flex-direction:row;gap:8px;align-items:center;padding:0 16px;font-size:11px}.batch-select input{width:16px;height:16px}.host-ai-dialog textarea{width:100%;min-height:100px;padding:12px}.host-ai-dialog p{font-size:13px;line-height:1.7;color:#adbea2}.hero-studio-preview{animation:studio-arrive .8s ease-out both}@keyframes studio-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;max-width:850px}.hero-copy>p:not(.eyebrow){max-width:600px}.hero-studio-preview{width:100%}.pricing-grid{gap:14px}.price-card{padding:26px 16px 18px}.price-card li{font-size:10px}.price-card li strong{font-size:9px}.project-toolbar{flex-wrap:wrap}.hero h1{max-width:650px;font-size:58px}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr;max-width:460px;gap:45px}.price-card{padding:28px}.price-card li{font-size:12px}.price-card li strong{font-size:11px}.hero h1{font-size:clamp(41px,10vw,58px)}.preview-heading{font-size:8px;padding:12px}.preview-live{font-size:7px}.preview-footer{font-size:9px;padding:12px}.hero{padding-top:40px;padding-bottom:40px}.plan-comparison{padding:15px}.demo-grid,.examples-grid{max-width:500px}.site-footer nav{flex-wrap:wrap}.hero-actions{gap:15px}.auth-panel h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero-studio-preview{animation:none}}
.upgrade-dialog .button:disabled{opacity:1!important;color:#c5d3ba!important}

/* Rich-text CMS blocks share safe semantic markup with preview and publication. */
.rich-text-section{max-width:960px;margin-inline:auto;text-align:start}.rich-text-content{font-size:17px;line-height:1.8;overflow-wrap:anywhere;color:var(--ink)}.rich-text-content p{white-space:pre-wrap;margin:0 0 1em}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3{margin:1.2em 0 .5em;line-height:1.2;text-align:inherit}.rich-text-content ul,.rich-text-content ol{padding-inline-start:1.7em;margin-block:1em}.rich-text-content blockquote{border-inline-start:3px solid #bdf477;margin:1em 0;padding-inline-start:1.2em;color:#b7c5b0}.rich-text-content a{color:#bdf477;text-decoration:underline;text-underline-offset:3px}.rt-align-center{text-align:center}.rt-align-right{text-align:right}.rt-align-justify{text-align:justify}.rt-rtl{direction:rtl}
.rich-text-editor{min-width:0;border:1px solid #4c5946;border-radius:10px;overflow:hidden;background:#1b211a;color:#e4ebde}.rich-text-editor>.row{padding:10px 14px;background:#252d22}.rich-text-editor.expanded{position:fixed;inset:18px;z-index:1000;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #000b}.rich-text-editor.expanded .ql-container{flex:1;min-height:0;overflow:auto}.rich-text-editor .ql-container{font-family:inherit;font-size:16px;line-height:1.7;border:0!important}.rich-text-editor .ql-editor{min-height:320px;max-height:65vh;overflow-y:auto;font:16px/1.7 system-ui;padding:24px;color:#e4ebde}.rich-text-editor.expanded .ql-editor{height:100%;max-height:none}.rich-text-editor .ql-toolbar{border:0!important;border-bottom:1px solid #4c5946!important;background:#293125;flex-shrink:0}.rich-text-editor .ql-snow .ql-stroke{stroke:#dce7d4}.rich-text-editor .ql-snow .ql-fill{fill:#dce7d4}.rich-text-editor .ql-snow .ql-picker{color:#dce7d4}.rich-text-editor .ql-snow .ql-picker-options{background:#293125}.rich-text-editor .ql-editor.ql-blank::before{color:#a8b69d}.rich-text-status{font-size:12px!important;padding:10px 14px;margin:0!important;color:#b2c1a7!important}.rich-text-editor .rich-history{width:auto!important;color:#dce7d4;padding:0 8px}.rich-text-editor .ql-editor a{color:#bdf477}.rich-text-editor .ql-tooltip{z-index:2}.rich-text-editor .ql-tooltip input{color:#182015}.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3{color:inherit}.rich-text-editor .ql-toolbar button:focus-visible{outline:2px solid #bdf477}@media(max-width:600px){.rich-text-editor.expanded{inset:4px}.rich-text-editor .ql-editor{padding:16px}}

.rich-text-editor .ql-snow button.ql-active .ql-stroke{stroke:#bdf477}.rich-text-editor .ql-snow button.ql-active .ql-fill{fill:#bdf477}.rich-text-editor .ql-snow .ql-picker-label.ql-active{color:#bdf477}

/* Rich text follows the site foreground instead of browser/editor defaults. */
.rich-text-content :where(p,h1,h2,h3,ul,ol,li,strong,em,u,s),.rich-text-editor .ql-editor :where(p,h1,h2,h3,ul,ol,li,strong,em,u,s){color:inherit}.rich-text-editor .ql-editor{color:var(--ink)}.rich-text-content blockquote{color:var(--muted)}

/* Full-page rich text can exceed the reveal observer threshold; keep it readable. */
.rich-text-section.reveal{opacity:1;transform:none}

/* Reusable forms and communication surfaces follow the studio palette. */
.form-section{max-width:960px;margin:auto}.form-section.reveal{opacity:1;transform:none}.cms-form{border:1px solid var(--line);border-radius:16px;padding:28px;background:#1e251e}.cms-form textarea{min-height:160px}.cms-form .muted{font-size:12px}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-result{margin:18px 0 0;color:var(--ink)}.communication-card{margin:18px 0}.communication-card summary{cursor:pointer;font-weight:600}.submission-value{white-space:pre-wrap;overflow-wrap:anywhere}.email-preview{max-width:600px;border:1px solid #405039;background:#202820;border-radius:16px;padding:32px;margin:25px auto}.email-preview p{white-space:pre-wrap;color:var(--ink)}.communication-message{position:relative;background:#26351f;color:var(--ink);border:1px solid #435937;border-radius:12px;padding:22px;margin:16px auto;max-width:960px}.communication-message h3{margin:0 32px 10px 0}.communication-message p{white-space:pre-wrap;color:var(--ink)}.communication-message .message-dismiss{float:right}.communication-modal{max-width:560px;width:calc(100% - 32px);max-height:80vh;overflow:auto}.communication-toast{position:fixed;bottom:20px;right:20px;max-width:380px;max-height:60vh;overflow:auto;z-index:100}.communication-notification{border-inline-start:4px solid var(--green)}