/* Approved CreatorTech light/coral system. Shared by public tools, workspace and owner routes. */
html{color-scheme:light;--font-body:'Inter',Arial,Helvetica,sans-serif;--font-display:'Space Grotesk','Inter',sans-serif;--background:#f7f7f4;--foreground:#1a1613;--card:#fff;--card-foreground:#1a1613;--popover:#fff;--popover-foreground:#1a1613;--primary:#b84a26;--primary-foreground:#fff;--secondary:#f0efeb;--secondary-foreground:#1a1613;--muted:#f0efeb;--muted-foreground:#6b6863;--accent:#f7e4dc;--accent-foreground:#993c1d;--destructive:#b42318;--border:#e4e1da;--input:#d6d1c7;--ring:#b84a26;--radius:.75rem;--surface:#fff;--surface-soft:#f0efeb;--text:#1a1613;--text-muted:#6b6863;--line:#e4e1da;--action:#b84a26;--action-text:#fff;--good:#0f6e56;--warning:#8a570d;--danger:#b42318;--visual-glow:none;--visual-glow-edge:#e4e1da;--visual-icon-glow:none}
html body.creator-light{background:#f7f7f4;background-image:none;color:#1a1613;font-family:var(--font-body);font-size:17px;line-height:1.6}
html :is(.site-shell,.site-content,.free-tool-surface){background:transparent;background-image:none}
html :is(h1,h2,h3){font-family:var(--font-display);font-weight:500;line-height:1.15;letter-spacing:-.035em;color:#1a1613}
html h1{font-size:clamp(34px,4.5vw,56px)}html h2{font-size:clamp(26px,3vw,34px)}html h3{font-size:20px}
html :is(p,figcaption){color:#6b6863}html :is(button,input,select,textarea){font-family:var(--font-body)}
html :is(input,select,textarea){accent-color:#b84a26}html input::placeholder,html textarea::placeholder{color:#817c73}
html :is(button,a,input,select,textarea):focus-visible{outline:2px solid #b84a26;outline-offset:3px}
html .eyebrow{font:500 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:#6b6863;margin-bottom:12px}
html .wrap{width:min(1200px,calc(100% - 64px))}
html .site-header{position:relative;min-height:96px;width:100%;padding:20px max(32px,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid #e4e1da;gap:32px}
html .brand-home{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;padding:4px}
html .brand-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:22%;background:#d85a30;color:#fff;font:700 23px/1 var(--font-body);letter-spacing:-1px;box-shadow:none}
html .brand-wordmark{font:500 27px/1.2 var(--font-display);letter-spacing:-1px;color:#1a1613;white-space:nowrap}html .brand-wordmark>span{color:#d85a30}
html .site-header nav{font-size:15px;color:#1a1613;gap:28px}html .site-header nav a:hover{color:#b84a26}
html .resources-trigger{color:#1a1613}html .resources-trigger:hover,html .resources-trigger[data-state=open]{color:#b84a26;background:#f7e4dc}
html .resources-dropdown,html .mobile-site-menu{background:#fff;color:#1a1613;border-color:#e4e1da;box-shadow:0 2px 8px #1a16130f}
html .resources-dropdown a{color:#1a1613;border-radius:8px}html .resources-dropdown a:hover,html .resources-dropdown [data-highlighted]{background:#f7e4dc;color:#993c1d}
html .resources-dropdown svg{color:#b84a26}html .mobile-menu-trigger{border:0;background:transparent;color:#1a1613;box-shadow:none}
html .mobile-site-menu :is(a,summary,button){color:#1a1613}html .mobile-menu-heading{border-color:#e4e1da}
html .site-header .sign-in{border:1px solid #1a1613;border-radius:8px;padding:8px 15px;color:#1a1613;white-space:nowrap}
html .btn{background:#b84a26;color:#fff;border:0;border-radius:8px;box-shadow:none;font-size:15px;font-weight:500;line-height:1.5;min-height:46px;padding:12px 22px;transition:background-color .15s}
html .btn:hover{background:#993c1d;box-shadow:none}html .btn:disabled{opacity:.5}
html .btn :is(span,svg){color:inherit}html :is(.text-button,.read-link,.back-link,.quiet-link){color:#b84a26}
html .quiet-link{color:#1a1613;font-size:15px}html .quiet-link:hover{color:#b84a26}
html .project-secondary{background:transparent;border:1px solid #1a1613;color:#1a1613;border-radius:8px;box-shadow:none}
html .project-secondary:hover{background:#f0efeb}html .project-tabs button[data-state=active]{background:#f7e4dc!important;color:#993c1d!important}
html :is(.hook-goal button[aria-pressed=true],.topic-filters .active,.comment-actions button[aria-pressed=true],.project-journey nav a[aria-current=step]){background:#f7e4dc;color:#993c1d;border-color:#d85a30}
html .hook-steps [aria-current]{color:#993c1d}html .hook-steps [aria-current] span{background:#f7e4dc;border-color:#d85a30;color:#993c1d}
html :is(.hook-panel,.hook-topic-card,.hook-results article,.resource-band,.empty-state,.feature-article,.project-panel,.dashboard-panel,.dashboard-metrics section){border-radius:12px;box-shadow:none}
html :is(.hook-panel,.resource-band,.feature-article){background:#fff;background-image:none;border-color:#e4e1da}
html :is(.hook-panel h1 span,.hook-heading h1 span,.resource-heading h1 span){color:#d85a30}
html .hook-panel input{background:#fff;color:#1a1613;border-color:#d6d1c7}html .hook-panel input:focus-visible{box-shadow:none}
html .hook-loading-track{background:#f7e4dc}html .hook-loading-track span{background:#d85a30;box-shadow:none}
html :is(.resource-symbol>svg,.primary-node>svg,.opportunity-source>svg,.capability-label,.mini-application,.hook-option.chosen){filter:none;box-shadow:none}
html .automatic-brain-hero{background:transparent;padding:56px 0 0}
html .constellation-heading{padding:0 24px 8px}
html .constellation-heading h1{font-size:clamp(34px,4.5vw,56px);max-width:940px;font-weight:500;line-height:1.15;text-wrap:balance;margin:auto}
html .constellation-heading h1 .ai-accent{color:#d85a30;-webkit-text-fill-color:#d85a30;background:none;text-shadow:none;filter:none}
html .creator-hero-benefit{font-size:17px;max-width:690px;margin:20px auto 0;line-height:1.6;padding:0}
html .constellation-heading .hero-actions{margin-top:24px;gap:24px}
html .hero-assurance{font-size:13px;margin:16px 0 0;color:#6b6863}
/* Light/coral hero media, with original campaign imagery and updated management statuses. */
html .home-hero-video{max-width:1000px;margin-top:36px;margin-bottom:0}html .home-hero-video video{border:1px solid #e4e1da;border-radius:12px;box-shadow:none}
html .tool-showcase{padding:64px 0 16px}
html .workflow-panel{margin:0 0 64px;padding:32px;border:1px solid #e4e1da;border-radius:12px;background:#f0efeb;color:#1a1613}
html .workflow-panel h2{font-size:28px;color:#1a1613;margin:0 0 8px}html .workflow-panel>header>p{color:#6b6863;font-size:15px;margin:0}
html .workflow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.05fr);gap:22px;align-items:stretch;margin-top:28px}
html .workflow-step{position:relative;min-width:0;padding:16px 14px;border:1px solid #e4e1da;border-radius:8px;background:#fff;color:#1a1613}
html .workflow-step:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:44%;color:#b84a26;font-size:22px;line-height:1}
html .workflow-step h3{font:500 14px/1.4 var(--font-body);display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#1a1613}
html .workflow-step h3 svg{color:#b84a26;width:18px;height:18px}
html .workflow-step p{font-size:13px;line-height:1.5;color:#6b6863;margin:0}
html .workflow-step .workflow-note{background:#f7f7f4;border:1px solid #e4e1da;border-radius:5px;padding:12px;font-size:13px;color:#1a1613}
html .workflow-step .workflow-chosen{background:#f7e4dc;border-color:#efc9bb;color:#993c1d}
html .workflow-script{display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.4;color:#6b6863}html .workflow-script b{font-weight:500;color:#1a1613}
html .workflow-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:20px}
html .workflow-media>span{display:grid;justify-items:center;gap:7px;font-size:10px;line-height:1.4;color:#6b6863}
html .workflow-media svg{width:100%;height:65px;padding:8px;border:1px solid #e4e1da;border-radius:5px;background:#f7f7f4;color:#b84a26}
html .workflow-media>span:nth-child(1){transform:rotate(-6deg)}html .workflow-media>span:nth-child(3){transform:rotate(6deg)}
html .workflow-destinations{display:grid;gap:12px}
html .workflow-destinations>div{border-radius:8px;padding:14px;border:1px solid #e4e1da;background:#fff;color:#1a1613;min-width:0}
html .workflow-destinations h3{display:flex;gap:8px;align-items:center;font:500 14px/1.4 var(--font-body);margin-bottom:7px}
html .workflow-destinations svg{color:#b84a26;width:18px;height:18px}html .workflow-destinations p{font-size:12px;line-height:1.4;margin:0}
html .workflow-panel figcaption{color:#6b6863;font-size:13px;line-height:1.6;margin-top:20px;text-align:left}
html .tool-grid-heading{margin-bottom:24px}html .tool-grid-heading h2{margin:0 0 10px}html .tool-grid-heading p{font-size:16px;margin:0}
html .tool-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html .tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;border:1px solid #e4e1da;border-radius:12px;background:#fff}
html .tool-card:hover{border-color:#d8b8aa;box-shadow:0 2px 8px #1a16130f}
html .tool-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f7e4dc;color:#993c1d}
html .tool-card[data-category=teal] .tool-card-icon{background:#e6f3ed;color:#0f6e56}html .tool-card[data-category=violet] .tool-card-icon{background:#eeecf9;color:#534ab7}html .tool-card[data-category=amber] .tool-card-icon{background:#faf0dc;color:#8a570d}
html .tool-card h3{font-size:20px;margin:0}html .tool-card p{font-size:14px;line-height:1.6;margin:0;flex:1}html .tool-card-link{font-size:14px;color:#b84a26;display:flex;align-items:center;gap:6px;margin-top:3px}
html .compact-workflow{background:transparent;border:0;padding:0;box-shadow:none;color:#1a1613;margin:64px 0 24px;gap:24px}
html .workflow-example-header{text-align:left}html .workflow-example-header h2{font-size:30px;max-width:none;margin:0 0 8px}html .workflow-example-header p{color:#6b6863;font-size:14px;max-width:none}
html .workflow-example-card{background:#fff;border:1px solid #e4e1da;border-radius:12px;box-shadow:none}
html .workflow-example-card:hover{border-color:#d85a30;box-shadow:0 2px 8px #1a16130f}
html .workflow-art{transform:rotate(-1.5deg);border-radius:5px;box-shadow:0 6px 14px #36211226,0 0 14px #d85a3012;transition:transform .2s ease,box-shadow .2s ease}
html .workflow-example-card:nth-child(even) .workflow-art{transform:rotate(1.5deg)}
html .workflow-example-card:hover .workflow-art,html .workflow-example-card:focus-visible .workflow-art{transform:rotate(0);box-shadow:0 7px 16px #3621122b,0 0 16px #d85a301a}
html .workflow-card-label{background:#fff;color:#1a1613;border-top:1px solid #e4e1da;padding:5px 8px}
html .workflow-card-label h3{font-family:var(--font-body);color:#1a1613;font-size:12px;font-weight:500}
html .workflow-card-art{margin:6px 4px 28px;overflow:visible}
html .knowledge-hub{padding-block:64px!important}
html main .knowledge-hub .knowledge-row{grid-template-columns:180px minmax(0,1fr);gap:24px;margin:16px 0;padding:20px;border:1px solid #e4e1da;border-radius:12px;background:#fff}
html main .knowledge-hub .knowledge-row:hover{border-color:#d8b8aa;box-shadow:0 2px 8px #1a16130f}
html main .knowledge-hub .knowledge-row .feature-art{position:relative;background:transparent;aspect-ratio:16/9;padding:0;overflow:hidden}
html main .knowledge-hub .feature-art:after{display:none}html main .knowledge-hub .knowledge-row .feature-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;transform:none;border:0;filter:none;object-fit:cover;object-position:center}
html main .knowledge-hub .knowledge-row .feature-copy h3{font:500 22px/1.3 var(--font-display);margin:8px 0}
html main .knowledge-hub .knowledge-row .feature-copy>p{display:block;font-size:14px;line-height:1.5;margin:8px 0;max-width:75ch}
html main .knowledge-hub .knowledge-row .read-link{display:flex;justify-content:flex-start;gap:8px;font-size:14px;color:#b84a26}
html main .knowledge-hub .article-meta{font-size:13px;gap:16px;color:#6b6863}
html main .knowledge-hub .article-meta span{display:inline;padding:0;background:none;border:0;color:#6b6863}
html .article-pagination button[aria-current=page]{background:#f7e4dc;color:#993c1d;border-color:#d85a30}
html .about-section{padding-block:64px;gap:64px;border-top:1px solid #e4e1da}
html .home-get-started{background:#f0efeb;padding:64px 24px;border-top:1px solid #e4e1da}
html .creator-footer{background:#f7f7f4;color:#6b6863;border-color:#e4e1da}
html .creator-footer .footer-wordmark{display:inline-block;margin-bottom:12px}
html .creator-footer-groups a{color:#1a1613}html .creator-footer-groups a:hover{color:#b84a26}html .creator-footer-groups h2{color:#6b6863}
html .creator-footer-bottom{border-color:#e4e1da}html .creator-footer-bottom button{color:#6b6863}
html .footer-email-row{border-color:#d6d1c7;background:#fff}html .footer-email-row input{color:#1a1613}
html .footer-email-row button{background:#fff;border-color:#d6d1c7;color:#b84a26}html .footer-email-row button:hover:not(:disabled){background:#f7e4dc}
html .footer-email-row:focus-within{outline-color:#b84a26}html .creator-footer-social>a{background:none;color:#1a1613}
html .prose :is(p,ul,ol){color:#514c45}html .prose strong{color:#1a1613}html .prose a{color:#b84a26}
html .prose blockquote{background:#f7e4dc;border-color:#d85a30;color:#993c1d}
html :is(.tool-back,.tool-output figcaption){color:#6b6863}
html .pm-column,html .pm-card{--pm-accent:107 104 99}
html .pm-column.in_progress,html .pm-card[data-status=in_progress]{--pm-accent:184 74 38}
html .pm-column.review,html .pm-card[data-status=review]{--pm-accent:83 74 183}
html .pm-column.blocked,html .pm-card[data-status=blocked]{--pm-accent:138 87 13}
html .pm-column.completed,html .pm-card[data-status=completed]{--pm-accent:15 110 86}
html .pm-column{background:#f0efeb;border:1px solid #e4e1da;box-shadow:none}
html .pm-column h2{color:rgb(var(--pm-accent));border-color:rgb(var(--pm-accent)/.25)}
html .pm-card{background:#fff;border:1px solid #e4e1da;border-left:3px solid rgb(var(--pm-accent));box-shadow:none}
html .pm-card:hover{border-color:rgb(var(--pm-accent)/.6);box-shadow:0 2px 8px #1a16130f}
html .pm-column.pm-drop-target{background:#f7e4dc;box-shadow:inset 0 0 0 2px rgb(var(--pm-accent))}
html .pm-card.pm-drag-ghost{background:#fff;box-shadow:0 12px 28px #1a161326}
html .pm-card[data-overdue=true]{--pm-accent:180 35 24}
html .pm-late{background:#fce8e5;color:#b42318;border-color:#dc9b95}
html .pm-priority.high,html .pm-priority.medium{color:#8a570d!important;background:#fff3dc;border-color:#e2c58a}
html .pm-priority.low{color:#6b6863;background:#f7f7f4}
html .pm-view button[aria-pressed=true]{background:#f7e4dc;color:#993c1d}
html .pm-stage{color:#6b6863!important}
html .tool-output figure a{box-shadow:none;border-color:#e4e1da;background:#fff}
html .resource-page .resource-band{padding:28px;grid-template-columns:64px 1fr auto;gap:24px}html .resource-band h2{font-size:24px}html .resource-band .btn{background:transparent;border:1px solid #1a1613;color:#1a1613;white-space:normal}html .resource-band .btn:hover{background:#f7e4dc}
@media(max-width:1000px){html .tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html .workflow-panel{padding:24px}html .workflow-track{gap:16px}html .workflow-step{padding:12px 10px}html .workflow-step:not(:last-child)::after{right:-16px;font-size:18px}html .workflow-step h3{font-size:13px;gap:5px}html .workflow-media>span{font-size:9px}html .resource-page .resource-band{grid-template-columns:48px 1fr}html .resource-band>.btn{grid-column:2;justify-self:start}}
@media(max-width:760px){html .wrap{width:calc(100% - 32px)}html .site-header{min-height:80px;padding:16px 20px;gap:16px}html .brand-badge{width:36px;height:36px;font-size:21px}html body.creator-light{font-size:16px}html .automatic-brain-hero{padding-top:36px}html .constellation-heading h1{font-size:34px;max-width:520px}html .creator-hero-benefit{font-size:16px;max-width:520px}html .tool-showcase{padding-top:40px}html .workflow-panel{padding:24px 18px;margin-bottom:40px}html .workflow-panel h2{font-size:26px}html .workflow-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}html .workflow-step{padding:16px}html .workflow-step h3{font-size:14px}html .workflow-step:nth-child(2)::after{content:'↙';right:auto;left:-18px;top:auto;bottom:-20px}html .workflow-step:nth-child(3)::after{display:block;content:'→';right:-18px;top:44%}html .workflow-step:nth-child(4)::after{content:'↓';right:48%;top:auto;bottom:-20px}html .workflow-destinations{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}html .workflow-media{margin-top:10px}html .workflow-media>span{font-size:11px}html .tool-card{padding:20px;gap:10px}html .tool-card h3{font-size:18px}html .compact-workflow{margin-top:40px;gap:16px}html .workflow-example-header h2{font-size:26px}html .workflow-example-header p{font-size:13px;margin:0}html .workflow-card-art{margin:5px 3px 26px}html main .knowledge-hub .knowledge-row{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px}html main .knowledge-hub .knowledge-row .feature-copy h3{font-size:18px}html main .knowledge-hub .knowledge-row .feature-copy>p{display:none}html .knowledge-hub{padding-block:40px!important}html .about-section{grid-template-columns:1fr;gap:24px;padding-block:40px}html .home-get-started{padding-block:48px}html .creator-footer-inner{width:calc(100% - 40px)}}
@media(max-width:420px){html .tool-card-grid{grid-template-columns:1fr}html .tool-card{display:grid;grid-template-columns:40px 1fr;gap:8px 14px}html .tool-card-icon{grid-row:1/4}html .tool-card h3,html .tool-card p,html .tool-card-link{grid-column:2}html .workflow-step{padding:12px}html .workflow-step h3{font-size:13px}html main .knowledge-hub .knowledge-row{grid-template-columns:88px minmax(0,1fr);padding:12px;gap:12px}html main .knowledge-hub .knowledge-row .feature-copy h3{font-size:17px}html .creator-hero-benefit{padding-inline:0}html .constellation-heading .hero-actions{gap:16px}html .resource-page .resource-band{grid-template-columns:1fr;gap:16px;padding:24px}html .resource-band>.btn{grid-column:1}html .resource-symbol{align-items:flex-start}html .resource-symbol>svg{width:28px;height:28px}html .resource-symbol span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html .workflow-panel *{animation:none;transition:none}html .tool-card,html .btn{transition:none}}
@media(forced-colors:active){html .brand-badge{border:1px solid CanvasText}html .constellation-heading h1 .ai-accent{color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Complete theme coverage for legacy utility surfaces and compact page headings. */
html :is(.hook-heading,.tool-story-hero,.projects-heading,.policy,.article-heading) h1{font-size:clamp(34px,4.5vw,56px)}
html :is(h1,h2,h3) :is(span,strong){text-shadow:none}
html .hero h1 span{-webkit-text-fill-color:#d85a30;color:#d85a30;background:none}
html .resource-page .resource-band+.resource-band{margin-top:16px}
html .cookie-notice,html .cookie-panel{background:#fff;color:#1a1613;border:1px solid #e4e1da;box-shadow:0 2px 8px #1a16130f}
html .cookie-choice button,html .cookie-actions button{border:1px solid #d6d1c7;background:#fff;color:#1a1613;box-shadow:none}
html .cookie-choice button:hover,html .cookie-actions button:hover{background:#f7e4dc;color:#993c1d;border-color:#d85a30}
html .article-no-cover{background:#f0efeb;color:#6b6863}
html :is(.resource-band,.hook-results,.hook-template-list,.projects-workspace,.tool-overview,.policy,.article-page){overflow-wrap:break-word}

/* Older standalone prompt routes share the same brand without changing their forms. */
html body.legacy-tool{background:#f7f7f4;color:#1a1613}
html .legacy-tool>header{background:#fff;border-bottom:1px solid #e4e1da;padding:24px 32px}
html .legacy-tool>header>span{font-size:14px;color:#6b6863;letter-spacing:0}
html .legacy-tool .heading h1 span{color:#d85a30;background:none;-webkit-text-fill-color:#d85a30}
html .legacy-tool :is(.form-panel,.output,.email-gate){background:#fff;border:1px solid #e4e1da;border-radius:12px;box-shadow:none}
html .legacy-tool :is(input,textarea,pre){background:#f7f7f4;border:1px solid #d6d1c7;color:#1a1613}
html .legacy-tool :is(label,h2,h3){color:#1a1613}
html .legacy-tool button{background:#b84a26;color:#fff;border:0;border-radius:8px;box-shadow:none}
html .legacy-tool button.secondary{background:transparent;color:#1a1613;border:1px solid #1a1613}
html .legacy-tool footer{background:transparent;border-color:#e4e1da;color:#6b6863}

/* Header lockup follows the supplied CT badge + CreatorTech reference. */
html .brand-home .brand-wordmark{font-family:var(--font-body);font-size:23px;font-weight:500;letter-spacing:-.8px}
@media(max-width:760px){html .brand-home{gap:9px}html .brand-home .brand-wordmark{font-size:20px;letter-spacing:-.6px}}

/* Give the artwork, rather than its white frame, the visual emphasis. */
@media(min-width:1100px){html .compact-workflow{height:min(720px,calc(100svh - 24px))}}
@media(prefers-reduced-motion:reduce){html .workflow-art,html .workflow-example-card:nth-child(even) .workflow-art,html .workflow-example-card:hover .workflow-art,html .workflow-example-card:focus-visible .workflow-art{transform:none;transition:none}}

/* One row of six stages; two rows of three on small screens. */
html .amara-workflow{padding:24px}
html .amara-workflow>header>p{max-width:none}
html .amara-example{display:block;font-size:12px;color:#6b6863;margin-top:6px}
html .amara-workflow .workflow-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:20px}
html .amara-workflow .workflow-step{padding:12px 10px;min-width:0;overflow:visible;overflow-wrap:anywhere;display:flex;flex-direction:column}
html .amara-workflow .workflow-step h3{font-size:13px;gap:5px;min-height:36px;margin:0 0 10px;align-items:flex-start}
html .amara-workflow .workflow-step h3 svg{flex:0 0 16px;width:16px;height:18px}
html .amara-workflow .workflow-step::after{content:'→';display:block;left:auto;right:-15px;top:48%;bottom:auto;font-size:16px}
html .amara-workflow .workflow-step:last-child::after{display:none}
html .amara-workflow small{display:block;font-size:12px;line-height:1.3;color:#993c1d}
html .amara-insight{display:flex;gap:7px;align-items:center;margin-bottom:10px;font-size:12px;line-height:1.3}
html .amara-portrait{width:38px;height:44px;flex-shrink:0;border-radius:5px;background:url('/images/executive-journey/presenter-sheet-coral.png') 50% 15%/500% auto}
html .amara-paper{padding:9px;background:#f7f7f4;border:1px solid #e4e1da;border-radius:5px;box-shadow:0 4px 9px #3625180a;transform:rotate(-1deg)}
html .amara-paper>strong{display:block;font:500 17px/1.2 var(--font-heading);margin:8px 0}
html .amara-workflow .amara-paper p{font-size:12px;line-height:1.4}
html .amara-hook{position:relative;padding:24px 10px 14px;background:#f7e4dc;border:1px solid #efc9bb;border-radius:6px;transform:rotate(1deg);box-shadow:0 5px 12px #b84a2612;flex:1}
html .amara-quote{position:absolute;right:8px;top:0;font:48px Georgia;color:#d85a3040}
html .amara-hook strong{position:relative;display:block;font:500 21px/1.16 var(--font-heading);margin:8px 0 12px;color:#993c1d}
html .amara-workflow .amara-hook p{color:#993c1d;font-size:12px;line-height:1.4}
html .amara-workflow .amara-stage-caption{font-size:12px;line-height:1.35;margin:auto 0 0;padding-top:10px;color:#6b6863}
html .amara-script{padding:9px;transform:rotate(1deg)}
html .amara-script ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}
html .amara-script li{border-left:2px solid #d85a30;padding-left:6px;font-size:12px;line-height:1.35}
html .amara-script b{display:block;color:#993c1d;font-weight:500}
html .amara-storyboard{height:46px;margin-top:12px;background:url('/images/executive-journey/storyboard-sheet.png') center top/100% auto;border:1px solid #e4e1da;border-radius:4px}
html .amara-carousel{position:relative;height:184px;margin:0 3px}
html .amara-slide{position:absolute;width:83%;left:8%;top:5px;background:#f7f7f4;border:1px solid #e4e1da;border-radius:5px;overflow:hidden;box-shadow:0 5px 10px #3625181a}
html .amara-slide-0{transform:translate(-6px,3px) rotate(-7deg)}html .amara-slide-2{transform:translate(6px,3px) rotate(7deg)}html .amara-slide-1{z-index:1;top:14px}
html .amara-slide-photo{height:100px;background:url('/images/executive-journey/presenter-sheet-coral.png') 50% top/500% auto}
html .amara-slide-0 .amara-slide-photo{background-position:25% top}html .amara-slide-2 .amara-slide-photo{background-position:75% top}
html .amara-slide strong{display:block;padding:8px 6px;font:500 16px/1.15 var(--font-heading);color:#1a1613}
html .amara-publications{display:grid;gap:9px;margin:0 2px}
html .amara-publication{min-width:0;padding:8px;background:#f7f7f4;border:1px solid #e4e1da;border-radius:4px;transform:rotate(-2deg);box-shadow:0 4px 8px #3625180c}
html .amara-publication strong{display:block;font:500 15px/1.2 var(--font-heading);margin:5px 0;color:#1a1613}
html .amara-publication span{font-size:12px;line-height:1.3;color:#6b6863;display:block}
html .amara-planner{transform:rotate(2deg);background:#f7e4dc}
html .amara-project-board{display:grid;gap:8px;padding:7px;background:#f0efeb;border:1px solid #e4e1da;border-radius:6px}
html .amara-project-board>div{padding:7px 6px;border-left:3px solid #b84a26;border-radius:4px;background:#fff}
html .amara-project-board strong{display:block;font-size:12px;font-weight:500;line-height:1.3;margin-top:4px}
html .amara-project-board [data-status="review"]{border-color:#6351b7}html .amara-project-board [data-status="review"] small{color:#6351b7}
html .amara-project-board [data-status="done"]{border-color:#15745e}html .amara-project-board [data-status="done"] small{color:#15745e}
html .amara-workflow figcaption{font-size:12px;line-height:1.4;margin-top:16px}
@media(max-width:1050px){
 html .amara-workflow .workflow-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}
 html .amara-workflow .workflow-step:nth-child(3)::after{display:none}
}
@media(max-width:600px){
 html .amara-workflow{padding:14px 10px}
 html .amara-workflow h2{font-size:21px}
 html .amara-workflow>header>p{font-size:13px;line-height:1.4}
 html .amara-workflow .workflow-track{gap:12px 7px;margin-top:14px}
 html .amara-workflow .workflow-step{padding:8px 5px}
 html .amara-workflow .workflow-step h3{font-size:12px;line-height:1.2;gap:4px;min-height:43px;flex-direction:column}
 html .amara-workflow .workflow-step::after{display:none}
 html .amara-insight{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:7px}
 html .amara-portrait{width:34px;height:38px}
 html .amara-paper,html .amara-script{padding:6px}
 html .amara-paper>strong{font-size:15px}
 html .amara-hook{padding:22px 7px 10px}
 html .amara-hook strong{font-size:17px}
 html .amara-script li{padding-left:4px}
 html .amara-storyboard{height:36px;margin-top:9px}
 html .amara-carousel{height:170px;margin:0 2px}
 html .amara-slide-photo{height:88px}
 html .amara-slide strong{font-size:14px;padding:7px 4px}
 html .amara-publication{padding:6px}
 html .amara-publication strong{font-size:14px}
 html .amara-project-board{padding:4px;gap:6px}
 html .amara-project-board>div{padding:6px 4px;border-left-width:2px}
}
@media(prefers-reduced-motion:reduce){html .amara-workflow .amara-paper,html .amara-hook,html .amara-publication{transform:none}}

/* Personal founder introduction on the homepage. */
html .about-section.founder-section{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px)}
html .founder-portrait{position:relative;margin:0;overflow:hidden;border-radius:12px;border:1px solid #e4e1da;background:#f0efeb}
html .founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
html .founder-portrait figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 16px;background:rgba(247,247,244,.94);border:1px solid #e4e1da;border-radius:8px;color:#1a1613;text-align:left}
html .founder-portrait strong{display:block;font-size:15px;font-weight:500}html .founder-portrait span{display:block;font-size:12px;color:#6b6863;margin-top:3px}
html .founder-story{max-width:620px}html .founder-story .eyebrow{color:#b84a26;margin:0 0 16px}html .founder-story h2{font-size:clamp(28px,3.3vw,42px);line-height:1.15;margin:0 0 24px}html .founder-story>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#6b6863;margin:0 0 16px}
@media(max-width:680px){html .about-section.founder-section{grid-template-columns:1fr;gap:28px}html .founder-portrait{width:100%;max-width:340px}html .founder-story>p:not(.eyebrow){font-size:16px}}
