@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#0b111c;--panel:#121b28;--line:#2b3545;--muted:#aab4c6;--text:#f5f7fb;--lime:#d9f875;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.6}button,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}:focus-visible{outline:.18rem solid var(--lime);outline-offset:.3rem}button:focus-visible{outline-offset:.2rem}.site-wrap{max-width:90rem;margin:auto;padding:0 4rem}.header{height:7rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:2.7rem;font-weight:550;line-height:1;letter-spacing:-.17rem;display:flex;align-items:baseline;gap:.15rem}.logo-dot{height:.42rem;width:.42rem;border-radius:50%;background:var(--lime);display:inline-block}.header nav{display:flex;gap:2.5rem;color:#bac3d2;font-size:.9rem}.header nav a:hover{color:var(--lime)}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;padding:.72rem 1.45rem;border-radius:.4rem;border:1px solid var(--line);font-weight:600;font-size:.9rem;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);border-color:var(--lime);color:var(--bg)}.button-lime:hover{background:#e6ff9d}.header-cta{background:#17212e;min-height:2.6rem;padding:.5rem 1.25rem}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;padding:5.4rem 0 5.1rem}.eyebrow{font-size:.8rem;letter-spacing:.1rem;color:var(--muted);font-weight:500;margin:0 0 1.5rem}.hero .eyebrow{font-size:.9rem;letter-spacing:.035rem;display:flex;align-items:center;gap:.7rem}.tiny-spark{font-size:1.45rem;color:var(--lime);line-height:1}h1{font-size:clamp(4.5rem,7.2vw,7rem);font-weight:500;line-height:1.01;letter-spacing:-.32rem;margin:0 0 1.5rem}em{font-family:var(--serif);font-weight:400}h1 em{color:var(--lime);font-size:1.17em;line-height:.9;letter-spacing:-.17rem}.hero-description{font-size:1.05rem;color:var(--muted);line-height:1.8;margin:1.8rem 0}.hero-actions{display:flex;align-items:center;gap:1.3rem}.quiet-note{color:#8996ac;font-size:.8rem;max-width:9.5rem}.hero-visual{min-height:31rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#0d1420}.visual-index{font-size:.7rem;letter-spacing:.1rem;color:#a0acc0;padding:1.5rem 1.6rem;z-index:1}.brand-art{height:24rem;display:flex;align-items:center;justify-content:center}.art-word{font-size:8rem;letter-spacing:-.6rem;font-weight:500;color:#9caabf}.art-word span{font-family:var(--serif);font-style:italic;color:var(--lime)}.brand-art img{height:100%;width:100%;object-fit:cover}.visual-caption{font-size:.8rem;color:#a4afc1;display:flex;justify-content:space-between;padding:1.3rem 1.6rem;border-top:1px solid #253042}.manifesto-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.7rem 0}.manifesto-strip p{font-size:1.15rem;letter-spacing:-.02rem;margin:0}.manifesto-strip p span{color:#8492a8}.strip-mark{font-size:2.2rem;color:var(--lime);line-height:1}.playground-section{padding:6rem 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.2rem}.section-heading .eyebrow{margin-bottom:.65rem}h2{font-size:clamp(2rem,3.1vw,3.4rem);line-height:1.15;font-weight:500;letter-spacing:-.1rem;margin:0}.section-heading>p{font-size:.95rem;color:var(--muted);line-height:1.7;margin:0 0 .1rem}.workspace{background:var(--panel);border:1px solid #344054;border-radius:.9rem;overflow:hidden;box-shadow:0 2rem 5rem #0003}.workspace-top{padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.workspace-brand{display:flex;align-items:center;gap:.7rem;font-size:.9rem;font-weight:500;letter-spacing:-.01rem}.mini-mark{height:1.5rem;width:1.5rem;display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--bg);border-radius:.35rem;font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1}.preview-tag{font-size:.75rem;color:#b8c2d3;border:1px solid #3a475d;border-radius:2rem;padding:.2rem .7rem}.workspace-grid{display:grid;grid-template-columns:1fr 1fr}.composer{padding:1.8rem;border-right:1px solid var(--line)}.tabs{display:flex;gap:.5rem;margin-bottom:1.7rem;background:#0c1420;border:1px solid #253247;border-radius:.4rem;padding:.3rem;width:fit-content}.tabs button{border:0;background:transparent;color:#97a5ba;padding:.42rem 1.25rem;border-radius:.25rem;font-size:.9rem;font-weight:500}.tabs button[aria-selected=true]{background:#2d3b50;color:#fff}.tabs button:hover{color:#fff}.input-label{display:block;font-size:1rem;font-weight:500;margin-bottom:.7rem}textarea{width:100%;resize:vertical;min-height:10rem;max-height:24rem;background:#0e1725;border:1px solid #344158;border-radius:.45rem;color:#dfe6f1;padding:1.1rem;line-height:1.7;font-size:.95rem;display:block}textarea:focus{outline:1px solid var(--lime);border-color:var(--lime);outline-offset:0}.input-bottom{display:flex;justify-content:space-between;align-items:center;color:#8997ad;font-size:.75rem;padding:.7rem .1rem}.text-button{border:0;padding:0;background:none;color:#b7c6de;font-size:.8rem}.text-button:hover{color:var(--lime)}.composer-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1.3rem;gap:1rem}.tone-label{font-size:.8rem;color:#b5c0d3}.generate-button{min-width:9.5rem;gap:.5rem}.demo-disclosure{font-size:.75rem;color:#8997ad;line-height:1.7;margin:1.6rem 0 0}.result-pane{padding:1.8rem;background:#172232}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem;color:#dce6f5;border-bottom:1px solid #344156;padding-bottom:1rem}.result-icon{color:var(--lime);margin-right:.45rem;font-size:1.2rem}.copy-button{border:1px solid #43516a;border-radius:.3rem;padding:.25rem .65rem;font-size:.75rem;color:#bcc9dc;background:transparent;min-width:3.5rem}.copy-button:hover{border-color:var(--lime);color:var(--lime)}.result-content{min-height:19rem;padding-top:1.4rem}.result-content h3{font-size:1.8rem;font-family:var(--serif);font-weight:400;line-height:1.25;margin:0 0 1.1rem;color:var(--lime)}.result-content p{font-size:.95rem;color:#c2cede;line-height:1.75;margin:.8rem 0}.output-label{font-size:.7rem!important;color:#8fa1bc!important;letter-spacing:.08rem;text-transform:uppercase;margin-bottom:.4rem!important}.result-card{border-top:1px solid #354259;padding:1rem 0 .7rem}.result-card h4{font-size:.95rem;margin:0 0 .2rem;font-weight:600}.result-card p{font-size:.85rem;line-height:1.6;margin:0;color:#aebdd2}.brief-echo{font-size:.75rem!important;color:#99a9c0!important;border-left:2px solid #78944c;padding-left:.8rem;margin-top:1.3rem!important}.result-status{font-size:.75rem;color:#a5b491;margin:1.1rem 0 0;min-height:1.2rem}.spinner{width:1rem;height:1rem;border:2px solid #0b111c44;border-top-color:var(--bg);border-radius:50%;animation:spin .8s linear infinite}.spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.approach{padding:1.4rem 0 5rem;display:grid;grid-template-columns:1fr 1fr;gap:7rem}.approach-intro h2{font-size:3rem;line-height:1.2}.approach-intro h2 em{color:#a7b5cd;font-size:1.1em}.approach-intro>p:last-child{color:#aab5c6;max-width:24rem;font-size:1rem;line-height:1.8;margin-top:1.5rem}.principles article{display:flex;gap:1.7rem;padding:1.5rem 0;border-top:1px solid var(--line)}.principles article:last-child{border-bottom:1px solid var(--line)}.principle-number{font-size:.8rem;line-height:1.9;color:#8192ad}.principles h3{font-size:1.05rem;font-weight:500;margin:0 0 .4rem}.principles p{color:#9fadc2;font-size:.9rem;line-height:1.7;margin:0;max-width:24rem}.closing{border:1px solid var(--line);border-radius:.6rem;padding:2.2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;margin:1rem 0 4.5rem;background:#121c29}.closing p{font-family:var(--serif);font-size:2.4rem;line-height:1.2;margin:0}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:2.2rem 0 2.5rem;gap:1rem}footer .wordmark{font-size:2rem}footer>span{font-size:.75rem;color:#93a0b6}
@media(min-width:1500px){.hero{padding-top:6rem}}@media(max-width:1000px){.site-wrap{padding:0 2rem}.hero{gap:2rem;padding:4rem 0}.hero-visual{min-height:26rem}.brand-art{height:20rem}h1{font-size:5rem;letter-spacing:-.2rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:.8rem}.quiet-note{max-width:none}.approach{gap:3rem}.composer,.result-pane{padding:1.3rem}.tone-label{display:none}}@media(max-width:680px){.site-wrap{padding:0 1.25rem}.header{height:5.5rem}.header nav{display:none}.wordmark{font-size:2.4rem}.hero{grid-template-columns:1fr;padding:3rem 0;gap:2.5rem}h1{font-size:4.8rem}.hero-description br{display:none}.hero-actions{flex-direction:row;align-items:center}.quiet-note{max-width:8rem}.hero-visual{min-height:22rem}.brand-art{height:17rem}.visual-index{font-size:.65rem}.visual-caption{font-size:.75rem}.manifesto-strip{padding:1.25rem 0;gap:1.5rem}.manifesto-strip p{font-size:.95rem;max-width:16rem}.manifesto-strip p span{display:block}.section-heading{display:block}.section-heading>p{margin-top:1rem;font-size:.9rem}.playground-section{padding:3.5rem 0}.workspace-top{padding:1rem}.preview-tag{font-size:.7rem}.workspace-grid{grid-template-columns:1fr}.composer{border-right:0;border-bottom:1px solid var(--line);padding:1.25rem}.result-pane{padding:1.25rem}.result-content{min-height:16rem}.tone-label{display:block;max-width:8rem;line-height:1.5}.approach{grid-template-columns:1fr;gap:1.5rem;padding-bottom:2.5rem}.approach-intro h2{font-size:2.7rem}.approach-intro>p:last-child{max-width:none}.closing{padding:1.7rem;flex-direction:column;align-items:flex-start;gap:1.3rem;margin-bottom:2.7rem}.closing p{font-size:2rem}footer{flex-wrap:wrap;justify-content:flex-start;padding-bottom:2rem}footer .wordmark{width:100%;margin-bottom:.4rem}footer>span:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}