:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dark-teal:#074f57;--cerulean:#077187;--muted-teal:#74a57f;--celadon:#9ece9a;--sand:#e4c5af;--sand-light:#f2decc;--paper:#fff8ec;--page:#e4c5af;--surface:#fff;--surface-warm:#fff4c9;--ink:#111817;--muted:#526962;--line:#074f573d;--line-strong:#074f5766;--coral:#b63d2d;--cream:#fff4c9;--charcoal:#0e1715;--error:#8a2a1d;--error-bg:#fff0eb;background:var(--page);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #ffffff2b 1px, transparent 1px), linear-gradient(180deg, #ffffff24 1px, transparent 1px), var(--sand);background-size:42px 42px;min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}h1{max-width:780px;font-size:clamp(3rem,7.4vw,6.8rem);line-height:.92}h2{color:var(--charcoal);font-size:clamp(2rem,4vw,3.65rem);line-height:1}h3{color:var(--charcoal);font-size:1.08rem;line-height:1.2}p{color:var(--muted);line-height:1.6}.page-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8ecbd;border:1px solid #d9e2dfc7;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px 10px 14px;display:flex;position:sticky;top:14px;box-shadow:0 18px 38px #074f571f}.brand,.site-nav,.hero-actions,.panel-topline,.input-meta,.model-picker{align-items:center;display:flex}.brand{color:var(--dark-teal);gap:10px;font-size:.88rem;font-weight:900;text-decoration:none}.brand-mark{border:1.5px solid var(--dark-teal);width:36px;height:36px;color:var(--dark-teal);background:var(--paper);letter-spacing:0;border-radius:50%;place-items:center;font-size:.78rem;display:grid;box-shadow:0 5px 12px #074f572e}.site-nav{gap:4px}.site-nav a,.primary-link,.secondary-link{border-radius:999px;font-weight:850;text-decoration:none}.site-nav a{color:#354743;padding:10px 12px;font-size:.88rem}.site-nav a:hover,.site-nav a:focus-visible{background:#9bc1bc47}.site-nav .nav-cta{color:var(--ink);background:var(--cream)}.hero-section,.studio-section,.how-section,.framework-section,.why-section,.use-case-section,.trust-section,.subpage-hero,.subpage-content,.site-footer{background:radial-gradient(circle at 8% 10%,#9ece9a8f,#0000 24%),radial-gradient(circle at 92% 82%,#07718729,#0000 28%),linear-gradient(135deg,#f9ead8 0%,#f3e4d3 48%,#e5d3be 100%);border:1px solid #074f575c;border-radius:28px;margin-top:18px;box-shadow:0 24px 60px #074f5733}.hero-section{background:radial-gradient(circle at 8% 10%,#9ece9a9e,#0000 27%),radial-gradient(circle at 94% 82%,#07718724,#0000 28%),linear-gradient(135deg,#f9ead8 0%,#f3e4d3 48%,#e5d3be 100%);grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);align-items:stretch;gap:32px;min-height:560px;padding:34px;display:grid}.subpage-hero{gap:18px;padding:52px 34px;display:grid}.subpage-hero h1{max-width:900px}.subpage-hero p{max-width:720px;font-size:1.1rem}.subpage-hero .primary-link{width:fit-content}.hero-copy{flex-direction:column;justify-content:center;padding:24px 0;display:flex}.eyebrow,.output-kicker,legend,.panel-topline label,.framework-card span,.anatomy-card span,.step-card span{color:var(--dark-teal);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.hero-lede{max-width:680px;margin-top:22px;font-size:1.16rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.primary-link,.secondary-link{justify-content:center;align-items:center;min-height:46px;padding:12px 18px;display:inline-flex}.primary-link{color:#fff;background:#e94f37;border:2px solid #000;box-shadow:0 12px 24px #e94f3747,3px 4px #00000038}.secondary-link{color:var(--dark-teal);background:#fff8eca8;border:1px solid #074f573d}.prompt-preview{grid-template-rows:1fr auto 1fr;align-self:center;gap:12px;display:grid}.preview-card{border-radius:8px;padding:24px}.preview-card span{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.preview-card p{color:#fff;margin-top:18px;font-size:1.28rem;font-weight:850;line-height:1.18}.before-card{background:var(--coral)}.after-card{background:var(--cerulean)}.preview-arrow{color:var(--dark-teal);justify-self:center;font-weight:950}.studio-section,.how-section,.framework-section,.why-section,.use-case-section,.trust-section,.subpage-hero,.subpage-content,.site-footer{padding:30px}.section-heading{gap:12px;max-width:820px;margin-bottom:22px;display:grid}.section-heading.compact{max-width:680px}#studio-title{color:var(--coral)}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);gap:18px;display:grid}.input-panel,.output-panel{background:#fff8ece6;border:1.5px solid #074f5747;border-radius:20px;padding:20px}.input-panel{background:linear-gradient(#ffffff47,#0000),#fff4c9;gap:14px;display:grid;position:relative;box-shadow:0 10px 24px #074f571a}.input-panel:after{content:"";background:#e4c5aff2;border-radius:5px;width:72px;height:22px;position:absolute;top:-10px;right:28px;transform:rotate(3deg);box-shadow:0 5px 12px #074f571f}.output-panel{background:radial-gradient(circle at 18% 12%,#fff4c980,#0000 28%),linear-gradient(135deg,#9ece9a 0%,#74a57f 42%,#077187 100%);flex-direction:column;min-height:640px;display:flex;box-shadow:0 18px 38px #074f572e}.output-panel h3{color:#fff;margin-top:4px}.output-kicker{color:#fff4c9}.panel-topline{justify-content:space-between;gap:14px}.text-button{color:var(--cerulean);background:0 0;border:0;padding:0;font-weight:900}textarea{resize:vertical;width:100%;min-height:220px;color:var(--ink);background:#fff;border:1px solid #074f5733;border-radius:16px;outline:none;padding:16px;line-height:1.55}textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px #0771871f}.input-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.86rem;font-weight:760}.privacy-note{color:#665724;background:var(--cream);border:1px solid #e4d978;border-radius:8px;padding:12px 14px;font-size:.9rem}.control-area{grid-template-columns:minmax(0,1.08fr) minmax(240px,.92fr);gap:14px;display:grid}fieldset{border:1px solid #074f572e;border-radius:18px;min-width:0;margin:0;padding:16px}legend{padding:0 6px}.framework-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.choice-button,.model-choice,.submit-button,.copy-button{border-radius:8px;font-weight:850;transition:transform .16s,background .16s,border-color .16s,color .16s}.choice-button{min-height:42px;color:var(--dark-teal);background:#9ece9a6b;border:1px solid #074f5738;padding:9px 11px}.choice-button span,.choice-button small{display:block}.choice-button small{color:var(--muted);margin-top:3px;font-size:.72rem;font-weight:760}.choice-button.active{border-color:var(--cerulean);color:#fff;background:var(--cerulean)}.choice-button.active small{color:#ffffffc7}.helper-text{color:var(--muted);margin-top:12px;font-size:.88rem;line-height:1.5}.helper-text strong{color:var(--charcoal)}.model-picker{flex-wrap:wrap;gap:8px;margin-top:4px}.model-choice{min-height:40px;color:var(--charcoal);background:#ffffff7a;border:1px solid #0000;align-items:center;gap:8px;padding:9px 11px;display:inline-flex}.model-choice input{accent-color:var(--dark-teal)}.model-choice.active{color:var(--dark-teal);background:#9ece9a94;border-color:#074f5733}.submit-button{color:#fff;background:#e94f37;border:2px solid #000;min-height:54px;padding:15px 18px;font-size:1rem;box-shadow:0 12px 24px #e94f3747,3px 4px #00000038}.submit-button:hover:not(:disabled),.primary-link:hover,.copy-button:hover:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{opacity:.5}.copy-button{min-width:76px;min-height:40px;color:var(--dark-teal);background:#fff8ec;border:1px solid #074f5738;padding:8px 12px}.copy-button:disabled{color:#8aa09b}.error-box{color:var(--error);background:var(--error-bg);border:1px solid #efb7a8;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:.92rem}.code-block{color:#526962;white-space:pre-wrap;background:#fff;border:1px solid #074f572e;border-radius:18px;flex:1;min-height:420px;margin:18px 0 0;padding:18px;overflow:auto;box-shadow:inset 0 0 0 1px #ffffffb8}.code-block.has-result{color:#20342f}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.65}.step-grid,.framework-card-grid,.use-case-grid,.subpage-content{gap:14px;display:grid}.subpage-content{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.framework-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card,.framework-card,.use-case-card,.anatomy-card,.subpage-card{background:var(--surface-warm);border:1px solid #074f572e;border-radius:20px;padding:18px}.step-card h3,.framework-card h3,.use-case-card h3,.subpage-card h2{margin-top:14px}.step-card span{color:var(--coral)}.framework-card h3,.use-case-card h3,.subpage-card h2{color:var(--cerulean)}.step-card p,.framework-card p,.use-case-card p,.subpage-card p{margin-top:10px;font-size:.92rem}.subpage-card span{color:var(--coral);letter-spacing:.08em;font-size:.76rem;font-weight:900}.subpage-card h2{font-size:1.3rem;line-height:1.15}.best-for{color:var(--charcoal);font-weight:800}.framework-name{color:var(--cerulean);margin-top:8px;font-size:.82rem;font-weight:900}.why-section{background:radial-gradient(circle at 92% 15%,#9ece9a57,#0000 20rem),radial-gradient(circle at 0 100%,#fff8ecb8,#0000 18rem),linear-gradient(135deg,#fff8ec 0%,#f3e4d3 100%);grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);align-items:center;gap:24px;display:grid}.why-copy{gap:14px;max-width:760px;display:grid}.anatomy-card{background:var(--dark-teal)}.anatomy-card span{color:#9db3ae}.anatomy-card ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.anatomy-card li{color:#fff;border-bottom:1px solid #ffffff1a;padding-bottom:12px;font-weight:800}.trust-section{background:radial-gradient(circle at 100% 0, #9ece9a3d, transparent 20rem), var(--dark-teal);grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);align-items:center;gap:24px;display:grid}.trust-section h2,.trust-section h2{color:#fff}.trust-section p{color:#c2d0cc}.site-footer{color:#f4f7f5;width:100vw;box-shadow:none;text-align:left;background:#2f3436;border-color:#30383a;border-radius:0;margin:18px calc(50% - 50vw) 0;font-size:.9rem}.footer-inner{grid-template-columns:minmax(220px,.8fr) minmax(180px,.55fr) minmax(280px,1.1fr);align-items:start;gap:24px;width:min(1440px,100%);margin:0 auto;padding:0 24px;display:grid}.footer-brand{gap:8px;display:grid}.site-footer .brand{color:#fff}.site-footer .brand-mark{color:#fff;background:0 0;border-color:#ffffffd6}.footer-brand p,.footer-disclaimer p{color:#ffffffc2;margin:0;line-height:1.55}.built-by{font-weight:900}.built-by a{color:#fff}.footer-email{color:#ffffffc2;font-weight:400}.footer-links{gap:9px;display:grid}.footer-links a,.site-footer a{color:#fff;font-weight:900;text-decoration:none}.footer-links a{color:var(--cream);font-weight:500}.site-footer .footer-email{color:#ffffffc2;font-weight:400}.footer-disclaimer{gap:10px;display:grid}.site-footer a:hover,.site-footer a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #4f8fe852}@media (width<=1180px){.hero-section,.studio-grid,.why-section,.trust-section{grid-template-columns:1fr}.framework-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid,.use-case-grid,.subpage-content{grid-template-columns:repeat(2,minmax(0,1fr))}.output-panel{min-height:500px}.site-footer{grid-template-columns:none}.footer-inner{grid-template-columns:1fr}}@media (width<=760px){.page-shell{padding:10px}.site-header{border-radius:8px;align-items:center;position:static}.site-nav{width:auto}.site-nav a:not(.nav-cta){display:none}.site-nav .nav-cta{text-align:center;min-width:84px}.hero-section,.studio-section,.how-section,.framework-section,.why-section,.use-case-section,.trust-section,.site-footer{padding:18px}.footer-inner{padding:0}.hero-section{gap:18px;min-height:0}h1{font-size:2.7rem;line-height:.96}h2{font-size:2rem}.hero-lede{margin-top:16px;font-size:1rem}.hero-actions{margin-top:20px}.prompt-preview{display:none}.control-area,.framework-card-grid,.step-grid,.use-case-grid,.subpage-content,.framework-picker{grid-template-columns:1fr}.panel-topline,.input-meta{flex-direction:column;align-items:stretch}.copy-button,.text-button{width:fit-content}.output-panel{min-height:420px}}