@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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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}.fixed{position:fixed}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--bg-base:#e8dfd1;--bg-surface:#dfd4c2;--bg-elevated:#c9bea8;--bg-hover:#d5c9b5;--bg-input:#f1eadd;--bg-input-focus:#fff;--text-primary:#0b0b0a;--text-secondary:#2f3b2a;--text-tertiary:#0b0b0aa6;--text-muted:#0b0b0a80;--text-inverse:#e8dfd1;--accent:#4a5d42;--accent-hover:#2f3b2a;--accent-subtle:#4a5d421f;--accent-muted:#4a5d4240;--border-subtle:#0b0b0a0f;--border-default:#0b0b0a1f;--border-strong:#0b0b0a33;--border-input:#0b0b0a26;--border-input-focus:#4a5d42;--shadow-sm:0 1px 2px #0b0b0a0d;--shadow-md:0 2px 8px #0b0b0a14;--shadow-lg:0 4px 20px #0b0b0a1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}em,i{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}code,kbd,samp{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.spm-lockup{color:var(--text-primary);align-items:center;gap:10px;font-family:Geist,sans-serif;text-decoration:none;display:inline-flex}.spm-mark{color:#e8dfd1;background:#2f3b2a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding-bottom:2px;font-family:Instrument Serif,Georgia,serif;font-size:22px;font-style:italic;font-weight:400;line-height:1;display:inline-flex}.spm-wordmark{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:500}.spm-lockup-sm .spm-mark{width:26px;height:26px;font-size:18px}.spm-lockup-sm .spm-wordmark{font-size:13px}.spm-lockup-lg .spm-mark{width:48px;height:48px;font-size:34px}.spm-lockup-lg .spm-wordmark{font-size:20px}.spm-lockup-on-ink .spm-mark{color:#2f3b2a;background:#e8dfd1}.spm-lockup-on-ink .spm-wordmark{color:#e8dfd1}.flow-brand{z-index:51;position:fixed;top:48px;left:24px}.flow-brand .spm-lockup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8dfd1e6;border-radius:999px;padding:6px 10px}.flow-container{flex-direction:column;min-height:100dvh;display:flex;position:relative}.flow-progress{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e8dfd1e6;align-items:center;gap:12px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.flow-progress-bar{background:var(--bg-elevated);border-radius:2px;flex:1;height:3px;overflow:hidden}.flow-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.flow-progress-text{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.flow-back-btn{z-index:40;border-radius:var(--radius-full);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;background:#c9bea8cc;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;position:fixed;top:104px;left:24px}.flow-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.flow-step{flex:1;justify-content:center;align-items:center;padding:80px 24px 40px;animation:.5s ease-out stepFadeIn;display:flex}.flow-step.forward{animation:.5s ease-out stepSlideUp}.flow-step.backward{animation:.4s ease-out stepSlideDown}@keyframes stepFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stepSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes stepSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.flow-step-inner{flex-direction:column;width:100%;max-width:580px;display:flex}.flow-step-inner.flow-center{text-align:center;justify-content:center;align-items:center}.flow-step-inner.flow-results{max-width:720px}.flow-step-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;display:inline-flex}.flow-step-label:before{content:"";background:#6e8464;border-radius:999px;flex-shrink:0;width:5px;height:5px}.flow-optional-badge{letter-spacing:.16em;color:var(--text-tertiary);text-transform:uppercase;border:1px solid #0b0b0a1f;border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:500}.flow-question{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(32px,4.5vw,44px);font-weight:500;line-height:1.02}.flow-description{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.flow-options{flex-direction:column;gap:10px;display:flex}.flow-option-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);align-items:center;gap:16px;padding:20px 22px;font-family:inherit;transition:all .2s;display:flex}.flow-option-card:hover{background:var(--bg-elevated);border-color:var(--accent-muted);transform:translate(4px)}.flow-option-card:active{transform:translate(2px)}.flow-option-icon{background:var(--bg-elevated);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.flow-option-label{color:var(--text-primary);font-size:16px;font-weight:600;display:block}.flow-option-desc{color:var(--text-tertiary);margin-top:2px;font-size:13px;display:block}.flow-input-group{flex-direction:column;gap:14px;display:flex}.flow-textarea{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:none;padding:16px 18px;font-family:inherit;font-size:16px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.flow-textarea:focus{border-color:var(--border-input-focus);background:var(--bg-input-focus);outline:none;box-shadow:0 0 0 3px #4a5d4214}.flow-textarea::placeholder{color:var(--text-muted)}.flow-textarea-lg{min-height:160px}.flow-hint{color:var(--text-muted);text-align:center;margin-top:4px;font-size:12px}.flow-btn-row{align-items:center;gap:10px;display:flex}.flow-submit-btn{background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.flow-submit-btn:hover:not(:disabled){opacity:.88}.flow-submit-btn:active:not(:disabled){transform:scale(.98)}.flow-submit-btn:disabled{opacity:.3;cursor:not-allowed}.flow-skip-btn{color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.flow-skip-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.flow-generating{flex-direction:column;align-items:center;gap:20px;display:flex}.flow-spinner{border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.flow-generating-title{color:var(--text-primary);font-size:22px;font-weight:600}.flow-generating-desc{color:var(--text-tertiary);font-size:14px}.flow-generating-sub{color:var(--text-muted);margin-top:-8px;font-size:12px}.flow-results-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.flow-results-title{letter-spacing:-.025em;color:var(--text-primary);font-size:32px;font-weight:500;line-height:1.05}.flow-results-meta{color:var(--text-tertiary);margin-top:4px;font-size:14px}.flow-version-badge{border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.flow-new-btn{border-radius:var(--radius-full);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.flow-new-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.flow-hooks-list{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.flow-hook-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;transition:border-color .15s;animation:.4s ease-out both hookSlide}.flow-hook-card:hover{border-color:var(--border-default)}@keyframes hookSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flow-hook-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.flow-hook-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flow-hook-type{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;font-size:11px;font-weight:600}.flow-hook-type-storytelling{color:var(--hook-storytelling);background:#66d9a81a}.flow-hook-type-opinion_statement{color:var(--hook-opinion);background:#ea8c551a}.flow-hook-type-authority{color:var(--hook-authority);background:#f0c05a1a}.flow-hook-type-question{color:var(--hook-question);background:#6ea8fe1a}.flow-hook-type-open_loop{color:var(--hook-openloop);background:#b08cdb1a}.flow-hook-type-tactical{color:var(--hook-tactical);background:#7ec8e31a}.flow-hook-type-listicle{color:var(--hook-listicle);background:#e87fa01a}.flow-hook-type-conversation{color:var(--hook-conversation);background:#e6c86e1a}.flow-hook-emotion{border-radius:var(--radius-full);color:var(--text-tertiary);border:1px solid var(--border-subtle);padding:3px 8px;font-size:11px;font-weight:500}.flow-hook-copy{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.flow-hook-copy:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-default)}.flow-hook-copy.copied{color:var(--hook-storytelling);border-color:#66d9a84d}.flow-hook-text{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:2px solid var(--accent);margin-bottom:8px;padding:12px 16px;font-size:16px;font-weight:500;line-height:1.6}.flow-hook-reasoning{color:var(--text-tertiary);font-size:13px;font-style:italic;line-height:1.5}.flow-refine-section{border-top:1px solid var(--border-subtle);padding-top:4px;padding-bottom:40px}.flow-refine-input-row{gap:8px;display:flex}.flow-refine-input{background:var(--bg-surface);border:1px solid var(--border-input);border-radius:var(--radius-full);color:var(--text-primary);flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.flow-refine-input:focus{border-color:var(--border-input-focus);outline:none}.flow-refine-input::placeholder{color:var(--text-muted)}.flow-refine-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.flow-refine-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.flow-refine-btn:disabled{opacity:.4;cursor:not-allowed}.landing-container{text-align:center;background:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.landing-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.floating-hooks-bg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-hook{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);opacity:.85;max-width:240px;color:var(--text-inverse);background:#0b0b0ac7;border:1px solid #e8dfd114;padding:12px 14px 12px 28px;animation:22s ease-in-out infinite both floatDrift;position:absolute}.floating-hook:before{content:"";background:#6e8464;border-radius:999px;width:6px;height:6px;animation:2.2s ease-in-out infinite floatChipPulse;position:absolute;top:14px;left:12px;box-shadow:0 0 #6e846499}.floating-hook-type{text-transform:uppercase;letter-spacing:.16em;color:#6e8464;margin-bottom:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:500;display:inline-block}.floating-hook-text{color:#e8dfd1eb;margin-bottom:6px;font-family:Instrument Serif,Georgia,serif;font-size:12px;font-style:italic;line-height:1.45}.floating-hook-emotion{color:#e8dfd18c;font-size:10px}@keyframes floatChipPulse{0%{box-shadow:0 0 #6e84648c}70%{box-shadow:0 0 0 6px #6e846400}to{box-shadow:0 0 #6e846400}}.floating-hook-top-left{top:8%;left:4%;transform:rotate(-2deg)}.floating-hook-top-right{max-width:240px;top:6%;right:3%;transform:rotate(1.5deg)}.floating-hook-mid-left{top:38%;left:2%;transform:rotate(-1deg)}.floating-hook-mid-right{max-width:200px;top:42%;right:2%;transform:rotate(2deg)}.floating-hook-bottom-left{bottom:15%;left:5%;transform:rotate(1.5deg)}.floating-hook-bottom-right{max-width:210px;bottom:4%;right:4%;transform:rotate(-1.5deg)}.floating-hook-far-left{max-width:200px;top:22%;left:8%;transform:rotate(.5deg)}.floating-hook-far-right{top:62%;right:5%;transform:rotate(-2deg)}@keyframes floatDrift{0%,to{transform:translateY(0px) rotate(var(--float-rotate,-1deg))}33%{transform:translateY(-10px) translateX(4px) rotate(var(--float-rotate,1deg))}66%{transform:translateY(6px) translateX(-3px) rotate(var(--float-rotate,-.5deg))}}.floating-hook-top-left{--float-rotate:-1.5deg}.floating-hook-top-right{--float-rotate:1deg}.floating-hook-mid-left{--float-rotate:-.5deg}.floating-hook-mid-right{--float-rotate:2deg}.floating-hook-bottom-left{--float-rotate:1deg}.floating-hook-bottom-right{--float-rotate:-1deg}.floating-hook-far-left{--float-rotate:.5deg}.floating-hook-far-right{--float-rotate:-2deg}.landing-badge{align-items:center;margin-bottom:32px;animation:.5s ease-out landingFade;display:inline-flex}.landing-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(40px,6.5vw,72px);font-weight:500;line-height:1;animation:.5s ease-out 50ms both landingFade}.landing-title em,.landing-gradient-text{color:var(--text-primary);font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.landing-subtitle{color:var(--text-secondary);max-width:460px;margin-bottom:40px;font-size:16px;line-height:1.65;animation:.5s ease-out .1s both landingFade}.landing-cta{background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;animation:.5s ease-out .15s both landingFade;display:inline-flex}.landing-cta svg{stroke-width:1.4px;width:16px;height:16px;transition:transform .18s cubic-bezier(.4,0,.2,1)}.landing-cta:hover{opacity:.92}.landing-cta:hover svg{transform:translate(4px)}.landing-cta:active{transform:scale(.98)}.landing-secondary-link{text-align:center;color:var(--text-tertiary);margin-top:16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.landing-secondary-link:hover{color:var(--accent)}.landing-features{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:640px;margin-top:64px;animation:.5s ease-out .2s both landingFade;display:grid}.landing-feature{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.landing-feature-icon{font-size:24px}.landing-feature-title{color:var(--text-primary);font-size:14px;font-weight:600}.landing-feature-desc{color:var(--text-tertiary);text-align:center;font-size:13px;line-height:1.5}@keyframes landingFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.flow-step{align-items:flex-start;padding:100px 16px 24px}.flow-options{gap:8px}.flow-option-card{gap:12px;padding:16px}.flow-option-icon{width:40px;height:40px;font-size:22px}.flow-btn-row{flex-direction:column-reverse;width:100%}.flow-skip-btn,.flow-submit-btn{justify-content:center;width:100%}.flow-results-header{flex-direction:column;gap:12px}.flow-refine-input-row{flex-direction:column}.landing-features{grid-template-columns:1fr}.floating-hooks-bg{display:none}}.docs-container{background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:Geist,sans-serif}.docs-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#e8dfd1d9;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.docs-nav-links{gap:24px;display:flex}.docs-nav-link{color:var(--text-tertiary);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.docs-nav-link:hover{color:var(--text-primary)}.docs-nav-cta{color:var(--text-inverse);background:var(--text-primary);border:1px solid var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.docs-nav-cta:hover{background:var(--accent);border-color:var(--accent)}.docs-nav-cta:after{content:"→";transition:transform .18s cubic-bezier(.4,0,.2,1);display:inline-block}.docs-nav-cta:hover:after{transform:translate(3px)}.docs-hero{text-align:center;max-width:720px;margin:0 auto;padding:100px 24px 80px}.docs-hero-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:28px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;display:inline-flex}.docs-hero-badge:before{content:"";background:#6e8464;border-radius:999px;flex-shrink:0;width:5px;height:5px}.docs-hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(40px,5.5vw,64px);font-weight:500;line-height:1}.docs-hero-gradient{color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.docs-hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:18px;line-height:1.7}.docs-hero-subtitle strong{color:var(--text-primary)}.docs-section{border-top:1px solid var(--border-subtle);max-width:900px;margin:0 auto;padding:80px 24px}.docs-section-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.docs-section-number{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;display:inline-flex}.docs-section-number:before{content:"";background:#6e8464;border-radius:999px;flex-shrink:0;width:5px;height:5px}.docs-section-title{letter-spacing:-.025em;color:var(--text-primary);font-size:32px;font-weight:500;line-height:1.05}.docs-section-desc{color:var(--text-secondary);max-width:640px;margin-bottom:40px;font-size:16px;line-height:1.7}.docs-philosophy-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.docs-philosophy-card{border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:32px}.docs-philosophy-card h3{letter-spacing:-.02em;margin-bottom:10px;font-size:22px;font-weight:500;line-height:1.2}.docs-philosophy-card h3 em{color:var(--text-primary);font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.docs-philosophy-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.docs-philosophy-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.docs-philosophy-primary{background:#0b0b0a0a;border-color:#0b0b0a2e}.docs-philosophy-primary strong{color:var(--text-primary)}.docs-philosophy-secondary{background:#4a5d420f;border-color:#4a5d4233}.docs-philosophy-secondary strong{color:var(--accent)}.docs-callout{border-radius:var(--radius-md);color:var(--text-secondary);background:#4a5d420f;border:1px solid #4a5d4226;gap:14px;padding:20px 24px;font-size:14px;line-height:1.6;display:flex}.docs-callout strong{color:var(--text-primary)}.docs-callout-icon{flex-shrink:0;margin-top:1px;font-size:18px}.docs-emotions-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.docs-emotion-card{all:unset;cursor:pointer;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default);flex-direction:column;padding:28px;transition:all .25s;display:flex}.docs-emotion-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 20px #0000004d}.docs-emotion-card.active{border-color:var(--accent)}.docs-emotions-grid{counter-reset:emotion-card}.docs-emotion-card{counter-increment:emotion-card;position:relative}.docs-emotion-card:before{content:counter(emotion-card, decimal-leading-zero);letter-spacing:.22em;color:var(--text-tertiary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;position:absolute;top:22px;right:26px}.docs-emotion-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.docs-emotion-emoji{font-size:22px}.docs-emotion-name{color:var(--text-primary);font-size:18px;font-weight:500}.docs-emotion-trigger{color:var(--accent);margin-bottom:12px;font-size:14px;font-style:italic;font-weight:500}.docs-emotion-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.docs-emotion-attracts{color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding-top:12px;font-size:13px}.docs-emotion-attracts-label{color:var(--text-secondary);font-weight:600}.docs-hooks-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.docs-hooktype-card{all:unset;cursor:pointer;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);flex-direction:column;padding:24px;transition:all .25s;display:flex}.docs-hooktype-card:hover{border-color:var(--accent)}.docs-hooktype-card.active{border-color:var(--accent);background:var(--bg-elevated)}.docs-hooks-grid{counter-reset:hook-type}.docs-hooktype-card{counter-increment:hook-type;position:relative}.docs-hooktype-card:before{content:counter(hook-type, decimal-leading-zero);letter-spacing:.22em;color:var(--text-tertiary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;position:absolute;top:18px;right:22px}.docs-hooktype-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.docs-hooktype-emoji{font-size:18px}.docs-hooktype-name{color:var(--text-primary);font-size:16px;font-weight:500}.docs-hooktype-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.docs-hooktype-expanded{border-top:1px solid var(--border-subtle);margin-top:16px;padding-top:16px;animation:.25s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.docs-hooktype-guidance{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.docs-hooktype-example{background:var(--bg-base);border-radius:var(--radius-sm);border-left:3px solid var(--accent);padding:14px 18px}.docs-hooktype-example-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.docs-hooktype-example p{color:var(--text-primary);font-size:15px;font-style:italic;line-height:1.5}.docs-rules-list{flex-direction:column;gap:16px;display:flex}.docs-rule-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default);gap:24px;padding:28px;display:flex}.docs-rule-number{letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;width:40px;padding-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.docs-rule-content{flex:1}.docs-rule-title{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:500}.docs-rule-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.docs-rule-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.docs-rule-bad,.docs-rule-good{border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;line-height:1.5}.docs-rule-bad{background:#c9bea873;border:1px solid #0b0b0a1a}.docs-rule-bad p{color:var(--text-tertiary);font-style:italic}.docs-rule-good{background:#4a5d420f;border:1px solid #4a5d4233}.docs-rule-good p{color:var(--text-primary);font-style:italic}.docs-rule-label{margin-bottom:6px;font-size:12px;font-weight:500;display:block}.docs-rule-examples{flex-wrap:wrap;gap:8px;display:flex}.docs-power-word{color:var(--accent);border:1px solid var(--accent-muted);letter-spacing:.16em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:500;display:inline-flex}.docs-power-word:before{content:"";background:#6e8464;border-radius:999px;flex-shrink:0;width:5px;height:5px}.docs-leverage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.docs-leverage-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default);padding:24px}.docs-leverage-icon{margin-bottom:12px;font-size:28px;display:block}.docs-leverage-name{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:500}.docs-leverage-desc{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.docs-leverage-example{color:var(--accent);border-top:1px solid var(--border-subtle);padding-top:10px;font-size:13px;font-style:italic}.docs-techniques-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.docs-technique-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default);padding:24px}.docs-technique-card h3{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:500}.docs-technique-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.docs-cta-section{text-align:center;border-top:1px solid var(--border-subtle);max-width:520px;margin:0 auto;padding:80px 24px}.docs-cta-title{margin-bottom:12px;font-size:32px;font-weight:500}.docs-cta-desc{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.docs-cta-btn{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-full);align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.docs-cta-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 24px #4a5d424d}.docs-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:32px 24px;font-size:13px}@media (max-width:768px){.docs-nav-links{display:none}.docs-philosophy-grid,.docs-emotions-grid,.docs-hooks-grid,.docs-rule-comparison{grid-template-columns:1fr}.docs-hero{padding:60px 20px 40px}.docs-section{padding:48px 20px}.docs-rule-card{flex-direction:column;gap:8px}.docs-rule-number{width:auto;font-size:20px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}