:root{--color-ink:#141313;--color-paper:#f7f3ea;--color-panel:#fff;--color-muted:#665f56;--color-line:#ddd4c6;--color-accent:#a43b32;--color-accent-strong:#70231f;--color-sage:#5b7467;--color-gold:#e6b142;--color-black:#181818;--shadow-panel:0 18px 44px #2620181a;--font-sans:"Outfit", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--font-display:"Cabinet Grotesk", "Outfit", "Avenir Next", Arial, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--button-height:48px;--text-hero:74px;--text-section:48px;--text-source:36px;--text-lead:20px;--page-pad:clamp(20px, 5vw, 72px);--ink:var(--color-ink);--paper:var(--color-paper);--panel:var(--color-panel);--muted:var(--color-muted);--line:var(--color-line);--red:var(--color-accent);--red-dark:var(--color-accent-strong);--sage:var(--color-sage);--yellow:var(--color-gold);--black:var(--color-black);--shadow:var(--shadow-panel)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #14131309 1px, transparent 1px), linear-gradient(180deg, #14131308 1px, transparent 1px), var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);letter-spacing:0;background-size:42px 42px;margin:0}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}button,input,textarea,select{font:inherit}.root-redirect{text-align:center;place-items:center;min-height:100dvh;padding:32px;display:grid}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f6f1e0;border-bottom:1px solid #1413131a;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";align-items:center;gap:24px;padding:18px clamp(18px,4vw,64px);display:grid;position:sticky;top:0}.brand{grid-area:brand;align-items:center;gap:10px;min-inline-size:0;font-weight:900;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);border-radius:var(--radius-sm);block-size:36px;inline-size:36px;font-family:var(--font-display);place-items:center;display:grid}.segment-nav{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;grid-area:nav;grid-auto-flow:column;justify-self:center;gap:4px;padding:4px;display:inline-grid}.segment-nav a{color:var(--muted);border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;font-weight:800}.segment-nav a.active{background:var(--black);color:#fff}.header-actions{grid-area:actions;justify-self:end;align-items:center;gap:10px;display:flex}.language-switcher{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.language-switcher select{border:1px solid var(--line);min-block-size:42px;color:var(--ink);border-radius:var(--radius-sm);background:#fff;padding:0 30px 0 12px}.button{min-block-size:var(--button-height);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--black);color:#fff;box-shadow:6px 6px 0 var(--yellow)}.button.secondary,.button.ghost{color:var(--ink);background:#fff}.button.compact{min-block-size:42px}.header-account-link{text-overflow:ellipsis;white-space:nowrap;max-inline-size:min(28vw,240px);overflow:hidden}.header-account-link.authenticated{inline-size:42px;min-inline-size:42px;color:var(--sage);background:#5b74671f;border-color:#5b74678c;place-items:center;padding:0;display:inline-grid}.account-initial{font-size:16px;font-weight:950;line-height:1}.button:disabled{cursor:wait;opacity:.55}.hero{min-height:calc(100dvh - 76px);padding:clamp(40px, 6vw, 92px) var(--page-pad);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.hero h1,.app-shell h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:0;max-width:980px;margin:0;line-height:.96}.hero-body,.composer-panel>p,.auth-panel p{max-width:650px;color:var(--muted);font-size:var(--text-lead);line-height:1.55}.eyebrow{color:var(--red);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:950}.hero-actions,.composer-actions,.result-actions,.oauth-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.phone-stage{border-left:2px solid var(--ink);place-items:center;min-height:560px;display:grid;position:relative}.quest-card,.result-panel,.composer-panel,.auth-panel,.value-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6}.quest-card{border-radius:var(--radius-md);width:min(420px,100%);padding:24px}.quest-card-top{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:900;display:flex}.source-text{font-family:var(--font-display);font-size:var(--text-source);margin:22px 0;line-height:1.1}.step-list,.progress-rail{gap:8px;display:grid}.step-list span,.progress-rail span{border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-sm);background:#fafafa;padding:10px 12px;font-weight:800}.step-list .done,.progress-rail .done{color:var(--sage);background:#5f76681f;border-color:#5f766873}.expression-chip{border:1px solid var(--red);color:var(--red-dark);border-radius:var(--radius-sm);background:#9f342d14;margin-top:16px;padding:12px;font-weight:950}.comment-stack{gap:10px;display:grid;position:absolute;bottom:54px;right:0}.comment-stack span{border:1px solid var(--ink);background:var(--yellow);border-radius:var(--radius-sm);padding:9px 12px;font-weight:900;transform:rotate(-2deg)}.section{padding:clamp(48px, 6vw, 96px) var(--page-pad)}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff80}.section-heading{text-align:center;max-width:760px;margin:0 auto 32px}.section-heading.align-left{text-align:left;margin-inline:0}.section-heading h2,.auth-panel h2,.result-panel h2{font-family:var(--font-display);font-size:var(--text-section);letter-spacing:0;margin:0;line-height:1}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.value-card{border-radius:var(--radius-md);padding:26px}.value-index{border:1px solid var(--ink);background:var(--yellow);border-radius:var(--radius-sm);place-items:center;block-size:42px;inline-size:42px;font-weight:950;display:inline-grid}.value-card h3{margin:22px 0 10px;font-size:24px}.value-card p,.muted,.expression-row p,.practice-strip p{color:var(--muted);line-height:1.6}.sample-row{flex-wrap:wrap;gap:14px;display:flex}.sample-pill{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:14px 18px;font-weight:900}.use-case-link-grid,.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.use-case-link-card,.use-case-panel,.search-intent-card,.faq-section details{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-md);background:#ffffffe6}.use-case-link-card{align-content:start;gap:12px;min-height:220px;padding:22px;display:grid}.use-case-link-card span,.search-intent-card span{color:var(--red-dark);text-transform:uppercase;font-size:13px;font-weight:950}.use-case-link-card strong,.search-intent-card strong{font-size:24px;line-height:1.1}.use-case-link-card p,.use-case-panel li,.search-intent-card p,.faq-section p,.breadcrumb{color:var(--muted);line-height:1.6}.use-case-page{padding:clamp(32px, 5vw, 72px) var(--page-pad) clamp(48px, 7vw, 96px)}.breadcrumb{flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:14px;font-weight:850;display:flex}.breadcrumb a{color:var(--red-dark)}.use-case-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:center;gap:clamp(24px,5vw,64px);margin-bottom:clamp(34px,6vw,76px);display:grid}.use-case-hero h1{max-width:950px;font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:0;margin:0;line-height:.96}.use-case-hero>div>p{max-width:780px;color:var(--muted);font-size:var(--text-lead);line-height:1.58}.search-intent-card{gap:12px;padding:24px;display:grid}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:clamp(30px,5vw,62px)}.use-case-panel{padding:26px}.use-case-panel h2{font-family:var(--font-display);letter-spacing:0;margin:0 0 18px;font-size:32px}.use-case-panel ul{gap:12px;margin:0;padding-left:22px;display:grid}.faq-section{max-width:940px;margin-bottom:clamp(30px,5vw,62px)}.faq-section details{padding:18px 22px}.faq-section details+details{margin-top:12px}.faq-section summary{cursor:pointer;font-weight:950}.related-use-cases{max-width:760px}.legal-page{max-width:920px;padding:clamp(34px, 5vw, 76px) var(--page-pad) clamp(48px, 7vw, 96px)}.legal-page h1{font-family:var(--font-display);font-size:var(--text-section);letter-spacing:0;margin:0;line-height:1}.legal-page section{margin-top:34px}.legal-page h2{letter-spacing:0;margin:0 0 12px;font-size:24px}.legal-page p,.legal-page li{color:var(--muted);font-size:18px;line-height:1.65}.legal-page a{color:var(--red-dark);font-weight:900}.legal-updated{margin-top:14px;font-weight:850}.legal-back{margin-top:38px}.app-shell{grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);align-items:start;gap:24px;padding:clamp(24px,4vw,64px);display:grid}.composer-panel,.result-panel,.auth-panel{border-radius:var(--radius-md);padding:clamp(22px,3vw,38px)}.composer-panel{position:sticky;top:96px}textarea,input{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:var(--radius-sm);background:#fff;outline:none;padding:14px}.image-input-row{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;display:grid}.image-input{border:1px solid var(--line);border-radius:var(--radius-sm);min-block-size:42px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 14px;font-weight:900;display:inline-flex;position:relative}.image-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-input-row p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}textarea{resize:vertical;min-height:190px;font-size:22px;line-height:1.45}textarea:focus,input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px #9f342d24}.sample-list{gap:10px;margin-top:24px;display:grid}.sample-list button{border:1px solid var(--line);color:var(--muted);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:#ffffffc2;padding:12px}.progress-rail{grid-template-columns:repeat(5,minmax(0,1fr));margin:22px 0}.quest-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quest-section-grid section,.expression-board,.practice-strip,.quiz-panel,.review-cards,.member-panel,.saved-quest-panel,.quota-panel,.limit-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:#f8f6f1cc;padding:18px}.expression-board,.practice-strip,.quiz-panel,.review-cards,.member-panel,.saved-quest-panel,.quota-panel,.limit-panel{margin-top:16px}.member-panel,.quota-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.member-panel h3,.saved-quest-panel h3,.quota-panel h3{margin:0}.member-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.member-title-row span{border-radius:var(--radius-sm);color:var(--sage);background:#5b74671f;border:1px solid #5b746773;padding:5px 9px;font-size:12px;font-weight:950}.member-panel p,.quota-panel p,.limit-panel p{color:var(--muted);margin:8px 0 0;line-height:1.55}.member-panel strong,.quota-panel span,.limit-panel strong{color:var(--red-dark);flex:none;font-weight:950}.limit-panel .button{margin-top:14px}.expression-row{border-top:1px solid var(--line);grid-template-columns:minmax(90px,.4fr) minmax(120px,.5fr) 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.expression-row small,.practice-strip small,.review-card span,.status-line{color:var(--muted)}.status-line.error{color:var(--red-dark);font-weight:900}.quiz-item{border-top:1px solid var(--line);padding:16px 0}.quiz-options{flex-wrap:wrap;gap:10px;display:flex}.quiz-options button{border:1px solid var(--line);cursor:pointer;border-radius:var(--radius-sm);background:#fff;padding:10px 12px}.quiz-options button.selected{border-color:var(--sage);color:var(--sage);background:#5f766821;font-weight:900}.review-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.review-cards h3{grid-column:1/-1}.review-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;gap:10px;padding:16px;display:grid}.review-card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.review-card-head strong{font-size:19px;line-height:1.25}.review-card-head span{color:var(--sage);background:#5b746714;border:1px solid #5b746759;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:900}.review-card p,.review-card blockquote,.review-card em{margin:0}.review-card p{color:var(--ink);line-height:1.48}.review-card small{color:var(--muted);line-height:1.5}.review-card blockquote{border-left:3px solid var(--gold);color:var(--ink);padding-left:10px;font-weight:800}.review-card em{color:var(--red-dark);font-style:normal;font-weight:850;line-height:1.45}.saved-quest-panel{overflow:hidden}.saved-quest-list{scrollbar-gutter:stable;gap:12px;max-block-size:clamp(260px,38dvh,430px);margin-top:14px;padding-right:6px;display:grid;overflow-y:auto}.saved-quest-list::-webkit-scrollbar{inline-size:8px}.saved-quest-list::-webkit-scrollbar-thumb{background:#796d5f61;border:2px solid #fff;border-radius:999px}.saved-quest-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:13px 14px;display:grid}.saved-quest-copy{min-inline-size:0}.saved-quest-copy>strong{-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.saved-quest-item p{color:var(--muted);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;margin:6px 0;line-height:1.45;display:-webkit-box;overflow:hidden}.saved-quest-item small{color:var(--muted);font-weight:800}.saved-quest-item .button{justify-self:end}.auth-panel{margin:0 var(--page-pad) clamp(42px, 6vw, 96px)}.auth-grid{grid-template-columns:1fr auto .65fr auto;align-items:end;gap:12px;margin-top:22px;display:grid}.auth-grid label{color:var(--muted);gap:7px;font-weight:900;display:grid}.account-grid{grid-template-columns:minmax(220px,.9fr) minmax(180px,.55fr) minmax(220px,.75fr);gap:14px;margin-top:24px;display:grid}.account-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#f8f6f1b8;align-content:start;gap:10px;padding:18px;display:grid}.account-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.account-card strong{overflow-wrap:anywhere;font-size:18px}.account-card p{margin:0;font-size:15px}.text-button{color:var(--red-dark);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:900}.oauth-logo{block-size:26px;inline-size:26px;color:var(--ink);flex:none}.site-footer{padding:28px var(--page-pad);border-top:1px solid var(--line);color:var(--muted);font-weight:800}@media (max-width:980px){.hero,.app-shell,.value-grid,.use-case-grid,.use-case-link-grid,.use-case-hero,.quest-section-grid,.auth-grid,.account-grid{grid-template-columns:1fr}.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""nav nav";gap:12px 16px;padding-block:12px}.segment-nav{justify-self:start}.header-actions{flex-wrap:wrap;justify-self:end}.phone-stage{border-left:0;border-top:2px solid var(--ink);min-height:420px;padding-top:30px}.composer-panel{position:static}.progress-rail,.expression-row,.review-cards,.member-panel,.quota-panel,.saved-quest-item{grid-template-columns:1fr}.saved-quest-item .button{justify-self:start}}@media (max-width:620px){:root{--text-hero:44px;--text-section:34px;--text-source:28px;--text-lead:18px}.site-header{padding:10px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left));gap:10px 12px}.brand{gap:8px;font-size:15px}.brand-mark{block-size:32px;inline-size:32px}.header-actions{flex-wrap:nowrap;gap:6px}.language-switcher>span{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.language-switcher select{min-block-size:38px;max-inline-size:118px;padding-inline:10px 24px;font-size:13px}.site-header .button{width:auto}.site-header .button.compact{min-block-size:38px;padding-inline:12px;font-size:13px}.site-header .header-account-link.authenticated{min-block-size:38px;inline-size:38px;min-inline-size:38px;padding:0}.header-account-link{max-inline-size:116px}.segment-nav{inline-size:100%}.segment-nav a{text-align:center;padding:9px 10px}.hero,.app-shell,.section{padding-inline:14px}.button{width:100%}.hero-actions,.composer-actions,.result-actions,.oauth-row,.image-input-row{grid-template-columns:1fr;display:grid}}@media (max-width:370px){.brand>span:not(.brand-mark){clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
