/* Hallmark · shape: conversation workbench · genre: modern-minimal · theme: custom · job: try · idea: "A marketing decision unfolds in a conversation" · vibe: "warm direct editorial hands-on product"
 * paper: #f6f5f1 · accent: #c93026 · display: Helvetica Neue · body: Helvetica Neue · hero: editorial type beside one functioning chat · nav: wordmark with plain anchor links · footer: single line maker signature · imagery: functioning browser-local sample · signature: choose a reply and reveal the follow-up
 * waive: 1 (system typography matches supplied portfolio); 7b (white Telegram surfaces); 24b (optical spacing in dense chat); 47b (one phone requested by user); F4 (chat choices are app controls, separate from page CTA)
 * axes: light/grotesk-heavy/warm · posture: restrained · contrast: checked in browser · fold: checked in browser · v2.0.0 */
/* Hallmark · pre-emit critique: specificity from real reporting workflow; weakest: chat density, balanced with an independent scroll region. User requested phone interface and sample scenario metrics. */
@import url('./tokens.css');
@import url('./base.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:clip}button,a{-webkit-tap-highlight-color:var(--color-transparent)}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}button:active,.primary:active{transform:translateY(1px)}button[aria-busy=true]{cursor:progress}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);overflow-wrap:break-word;min-width:0}svg{fill:none;stroke:currentColor;stroke-width:1.7}.page-shell{max-width:var(--container);margin:auto;padding:0 38px}.skip{position:absolute;top:-100px;left:20px;padding:var(--space-sm);background:var(--color-white);z-index:10}.skip:focus{top:12px}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.wordmark{display:flex;align-items:center;gap:13px;font-size:14px;line-height:1.3;letter-spacing:-.3px}.wordmark strong{font-weight:600}.brand-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-ink);border-radius:11px;font-size:38px;font-weight:700;line-height:1;position:relative}.brand-icon>span{position:absolute;font-size:17px;top:3px;right:5px}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.nav nav a{padding:10px 0}.nav a:hover{color:var(--color-accent)}.nav .wordmark:hover{color:var(--color-ink)}.languages{display:flex;gap:7px;align-items:center;margin-left:25px;font-size:12px;color:var(--color-muted)}.languages button{border:0;background:var(--color-transparent);color:var(--color-muted);padding:var(--space-sm) 5px;font-size:12px}.languages button[aria-pressed=true]{color:var(--color-ink);font-weight:700}.languages button:hover{color:var(--color-accent)}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:64px;align-items:center;padding:32px 0 54px}.hero-copy{padding-bottom:18px}h1{font-size:clamp(54px,6.4vw,83px);font-weight:600;letter-spacing:-5px;line-height:1.015}.hero-description{font-size:19px;max-width:370px;color:var(--color-muted);line-height:1.6;margin:var(--space-lg) 0}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:51px;background:var(--color-accent);color:var(--color-accent-ink);padding:13px 19px;border-radius:5px;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .15s}.primary:hover{background:var(--color-ink)}.primary>span[aria-hidden]{font-size:22px;line-height:1}.hero-foot{display:flex;gap:14px;margin-top:51px;align-items:flex-start;color:var(--color-muted);font-size:12px;line-height:1.7}.tiny-mark{font-size:26px;color:var(--color-accent);line-height:1}.demo-workbench{max-width:505px;width:100%;justify-self:end;scroll-margin-top:22px}.workbench-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:var(--space-sm);color:var(--color-muted)}.reset{border:0;padding:5px 0;background:var(--color-transparent);color:var(--color-muted);font-size:12px;display:flex;align-items:center;gap:5px}.reset:hover{color:var(--color-accent)}.scenario-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--color-rule);padding-bottom:9px}.scenario-tabs button{border:0;background:var(--color-transparent);color:var(--color-muted);padding:7px 9px;border-radius:4px;white-space:nowrap;font-size:11px;min-height:36px}.scenario-tabs button:hover{background:var(--color-paper-2);color:var(--color-ink)}.scenario-tabs button[aria-pressed=true]{background:var(--color-ink);color:var(--color-white)}.phone{width:100%;max-width:420px;margin:auto;border:7px solid var(--color-ink-2);border-radius:32px;background:var(--color-chat);box-shadow:0 17px 35px var(--color-shadow);overflow:hidden}.chat-header{display:flex;align-items:center;gap:9px;background:var(--color-white);padding:14px 16px;min-height:77px}.chat-back{font-size:34px;color:var(--color-telegram);line-height:1;margin-right:4px}.avatar{display:grid;place-items:center;position:relative;background:var(--color-accent);color:var(--color-white);width:40px;height:40px;border-radius:50%;font-size:31px;line-height:1;font-weight:600}.avatar span{position:absolute;right:5px;top:4px;font-size:13px}.chat-header strong{display:block;font-size:14px;letter-spacing:-.3px}.chat-header div>span:not(.avatar span){display:block;font-size:11px;color:var(--color-muted);margin-top:2px}.chat-menu{margin-left:auto;font-size:23px;color:var(--color-muted)}.chat-banner{display:flex;justify-content:space-between;padding:var(--space-xs) 16px;border-top:1px solid var(--color-rule);font-size:10px;color:var(--color-chat-ink);background:var(--color-chat-button)}.chat-banner>span:first-child{font-weight:600}.chat-log{height:268px;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm) 14px 16px;background-color:var(--color-chat);background-image:radial-gradient(var(--color-chat-pattern) .8px,var(--color-transparent) .8px);background-size:13px 13px;scrollbar-width:thin;scrollbar-color:var(--color-muted) var(--color-chat)}.day-tag{width:max-content;margin:0 auto var(--space-sm);background:var(--color-chat-button);padding:3px 10px;border-radius:10px;font-size:10px;color:var(--color-chat-ink)}.bubble{max-width:94%;background:var(--color-white);border-radius:12px 12px 12px 3px;padding:var(--space-sm) 13px;margin:0 0 9px;font-size:12px;color:var(--color-ink);line-height:1.55;box-shadow:0 1px 1px var(--color-shadow)}.bubble strong{font-size:12px;font-weight:650;display:block;margin-bottom:9px}.bubble p+p{margin-top:9px}.bubble time{display:block;text-align:right;font-size:9px;margin-top:6px;color:var(--color-muted)}.bubble.user{margin-left:auto;background:var(--color-chat-user);border-radius:12px 12px 3px 12px;max-width:85%}.bubble.feedback{border-left:3px solid var(--color-accent)}.reply-panel{background:var(--color-chat);padding:6px 14px 11px}.reply-panel>p{font-size:10px;color:var(--color-chat-ink);margin-bottom:6px}.reply-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.reply-buttons button{padding:9px 7px;min-height:35px;border:1px solid var(--color-chat-pattern);background:var(--color-chat-button);color:var(--color-chat-ink);border-radius:5px;font-size:11px;line-height:1.3}.reply-buttons button:hover{background:var(--color-white)}.reply-buttons button.main-reply{background:var(--color-chat-ink);color:var(--color-white);border-color:var(--color-chat-ink)}.reply-buttons button.main-reply:hover{background:var(--color-ink)}.chat-bottom{display:flex;gap:var(--space-sm);align-items:center;background:var(--color-white);padding:var(--space-sm) 16px;color:var(--color-muted);font-size:11px}.chat-bottom>span:first-child{font-size:23px;line-height:1}.chat-bottom svg{width:21px;height:21px;color:var(--color-telegram);margin-left:auto}.demo-progress{display:flex;align-items:center;gap:var(--space-sm);font-size:10px;color:var(--color-muted);margin:18px auto 0;max-width:420px}.progress-track{height:3px;background:var(--color-rule);flex:1}.progress-track i{display:block;height:3px;width:25%;background:var(--color-accent)}.demo-note{font-size:10px;color:var(--color-muted);text-align:center;margin-top:9px}.decision-record{display:grid;grid-template-columns:180px 1fr 30px;align-items:center;gap:var(--space-md);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:22px 0;font-size:13px}.decision-record>span:first-child{color:var(--color-muted);font-size:11px}.record-symbol{color:var(--color-accent);font-size:28px}.capabilities{padding:110px 0 100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:46px}h2{font-size:clamp(38px,4.5vw,58px);font-weight:500;line-height:1.08;letter-spacing:-2.7px}.section-heading>p{max-width:300px;color:var(--color-muted);font-size:15px;line-height:1.6}.work-row{border-top:1px solid var(--color-rule);display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr) 48px;gap:25px;padding:var(--space-lg) 0;align-items:center}.work-row:last-child{border-bottom:1px solid var(--color-rule)}.work-number{font-size:12px;color:var(--color-accent);align-self:start;padding-top:6px}.work-row h3{font-size:25px;letter-spacing:-.7px;font-weight:500;line-height:1.25}.work-row p{font-size:14px;color:var(--color-muted);max-width:330px;line-height:1.65}.work-action{height:45px;width:45px;border:1px solid var(--color-rule);background:var(--color-transparent);border-radius:50%;font-size:23px;color:var(--color-ink)}.work-action:hover{border-color:var(--color-accent);color:var(--color-accent)}.delivery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;padding:65px 55px;background:var(--color-paper-2);border-radius:12px}.delivery-copy{align-self:center}.delivery-copy p{margin-top:25px;max-width:300px;color:var(--color-muted);font-size:15px;line-height:1.7}.text-link{display:inline-block;font-size:13px;margin-top:24px;border-bottom:1px solid var(--color-ink);padding-bottom:4px}.text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.source-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--color-rule);padding-bottom:22px}.source-symbol{font-size:39px;line-height:1;color:var(--color-accent)}.source-row strong{display:block;font-size:19px;letter-spacing:-.5px}.source-row div span{display:block;font-size:12px;color:var(--color-muted)}.source-row>span:last-child{margin-left:auto;font-size:25px}.source-row:hover strong{color:var(--color-accent)}.schedule-row{display:flex;justify-content:space-between;gap:18px;margin-top:29px;align-items:center}.schedule-row strong{font-size:47px;font-weight:500;letter-spacing:-2px;line-height:1}.schedule-row div>span{display:block;margin-top:var(--space-xs);font-size:12px;color:var(--color-muted)}.schedule-divider{font-size:38px;color:var(--color-rule)}.time-caption{font-size:11px;color:var(--color-muted);margin:18px 0 24px}.channel-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:17px 0;font-size:14px}.channel-row span+span{border-left:1px solid var(--color-rule);text-align:center}.delivery-caption{font-size:11px;color:var(--color-muted);margin-top:15px;line-height:1.7}.principles{background:var(--color-dark);color:var(--color-white);margin-top:100px;padding:64px 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;border-radius:12px}.large-asterisk{display:block;font-size:65px;line-height:1;color:var(--color-paper);margin-bottom:30px}.principle-list article+article{border-top:1px solid var(--color-dark-rule);margin-top:24px;padding-top:24px}.principle-list h3{font-size:17px;font-weight:500;letter-spacing:-.3px}.principle-list p{font-size:13px;line-height:1.7;color:var(--color-dark-muted);margin-top:10px}.maker{padding:110px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}.maker p{margin-top:26px;color:var(--color-muted);font-size:15px;line-height:1.7;max-width:380px}.maker .primary{margin-top:26px}.maker-links{align-self:center}.maker-links a{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--color-rule);padding:22px 0}.maker-links a:last-child{border-bottom:1px solid var(--color-rule)}.maker-links strong{font-size:18px;letter-spacing:-.5px;font-weight:500}.maker-links small{display:block;color:var(--color-muted);font-size:12px;margin-top:5px}.maker-links a>span:last-child{font-size:24px}.maker-links a:hover{color:var(--color-accent)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-rule);padding:27px 0 36px;font-size:11px;color:var(--color-muted);gap:var(--space-md)}footer>a{color:var(--color-ink)}footer>a:hover{color:var(--color-accent)}[lang=ko] h1{font-size:clamp(48px,5.5vw,71px);line-height:1.15;letter-spacing:-4px;word-break:keep-all}[lang=ko] h2{font-size:clamp(34px,4vw,50px);letter-spacing:-2.5px;line-height:1.2;word-break:keep-all}[lang=ko] .hero-description{font-size:18px;word-break:keep-all}[lang=ko] .work-row h3{font-size:23px;line-height:1.4;word-break:keep-all}.typing{font-size:12px;color:var(--color-muted)}
@media(min-width:1500px){.hero{gap:100px}}
@media(max-width:1000px){.page-shell{padding:0 var(--space-lg)}.hero{gap:30px}h1{font-size:65px;letter-spacing:-3.5px}.hero-description{font-size:17px}.nav nav{gap:18px}.languages{margin-left:var(--space-xs)}.scenario-tabs button{font-size:10px;padding:7px 6px}.delivery,.principles{padding:44px 34px;gap:40px}.maker{gap:50px}.work-row{gap:var(--space-md);grid-template-columns:35px minmax(0,1fr) minmax(0,1fr) 45px}.schedule-row strong{font-size:39px}}
@media(max-width:760px){.page-shell{padding:0 22px}.nav{height:90px}.nav nav{display:none}.languages{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:24px}.hero-copy{padding-bottom:0}h1{font-size:65px;line-height:1.02;letter-spacing:-3.5px}.hero-description{font-size:18px;max-width:390px;margin:23px 0}.hero-foot{margin-top:30px}.demo-workbench{max-width:480px;justify-self:center}.phone{max-width:420px}.chat-log{height:315px}.scenario-tabs{justify-content:space-between}.scenario-tabs button{font-size:11px;padding:var(--space-xs)}.decision-record{grid-template-columns:minmax(0,1fr) 24px;gap:var(--space-xs)}.decision-record>span:first-child{grid-column:1}.decision-record p{grid-column:1;grid-row:2}.record-symbol{grid-row:1/3;grid-column:2}.capabilities{padding:70px 0}.section-heading{display:block;margin-bottom:33px}.section-heading>p{margin-top:22px;max-width:380px}.work-row{grid-template-columns:30px minmax(0,1fr) 40px;gap:13px;padding:24px 0}.work-row h3{font-size:24px}.work-row p{grid-column:2;grid-row:2;max-width:100%;font-size:14px}.work-action{grid-column:3;grid-row:1/3;width:39px;height:39px}.delivery,.principles,.maker{grid-template-columns:minmax(0,1fr);gap:40px}.delivery,.principles{padding:35px 24px}.delivery-copy p{max-width:100%}.schedule-row{justify-content:flex-start;gap:var(--space-lg)}.schedule-row strong{font-size:46px}.principles{margin-top:65px}.principle-title{display:flex;gap:22px;align-items:center}.large-asterisk{font-size:60px;margin-bottom:0}.principle-title h2{font-size:40px}.maker{padding:70px 0 55px;gap:35px}h2{font-size:44px;letter-spacing:-2px}footer{flex-wrap:wrap;gap:var(--space-sm);font-size:10px}footer>span:nth-child(2){order:3;flex-basis:100%}[lang=ko] h1{font-size:59px;letter-spacing:-3px}[lang=ko] .hero-description{max-width:330px}[lang=ko] .work-row h3{font-size:23px}}
@media(max-width:370px){.page-shell{padding:0 16px}h1{font-size:56px}.wordmark{font-size:12px}.scenario-tabs button{padding:7px 5px;font-size:10px}.chat-header{padding:var(--space-sm) 9px}.chat-log{padding:10px}.reply-panel{padding:6px 10px 10px}.chat-banner{padding:var(--space-xs) 10px}.hero-description{font-size:17px}[lang=ko] h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.source-symbol svg{width:38px;height:38px;stroke-width:3}.large-asterisk svg{width:64px;height:64px;stroke-width:3}.bubble p{white-space:pre-line}

/* A stable Pro Max-style 430:932 viewport; only the message history scrolls. */
.phone{max-width:390px;aspect-ratio:430 / 932;display:flex;flex-direction:column}
.phone .chat-header,.phone .chat-banner,.phone .reply-panel,.phone .chat-bottom{flex-shrink:0}
.phone .chat-log{height:auto;min-height:0;flex:1}

/* Compact device mockup. The original tall display ratio stays fixed. */
.phone{max-width:340px;border:8px solid var(--color-bezel);border-radius:43px;box-shadow:0 0 0 2px var(--color-titanium),0 18px 36px var(--color-shadow);background:var(--color-white)}
.phone-status{height:44px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:var(--color-white);font-size:11px;font-weight:600;color:var(--color-ink)}
.dynamic-island{position:absolute;left:50%;transform:translateX(-50%);top:7px;width:90px;height:25px;background:var(--color-hardware);border-radius:20px}
.phone-status svg{width:53px;height:15px;stroke-width:1.8}
.phone .chat-header{min-height:64px;padding:10px 12px;gap:8px}
.phone .chat-header strong{font-size:13px}
.phone .chat-header .avatar{width:37px;height:37px;background:var(--color-transparent);overflow:hidden;flex-shrink:0}
.avatar img{width:100%;height:100%;image-rendering:pixelated;display:block}
.phone-home{height:23px;flex-shrink:0;background:var(--color-white);display:flex;align-items:center;justify-content:center}
.phone-home span{width:108px;height:4px;border-radius:4px;background:var(--color-ink)}
.phone .chat-bottom{padding-top:9px;padding-bottom:5px}

/* Structured reports keep their headings distinct inside the chat bubble. */
.bubble h4{font-size:12px;line-height:1.5;font-weight:650;margin:14px 0 5px;color:var(--color-ink)}
.bubble>h4:first-of-type{margin-top:5px}
.bubble h4+p{margin-top:0}
.bubble p{line-height:1.65}
.phone-status time{font-variant-numeric:tabular-nums;min-width:38px}

.numbered-replies{display:flex;flex-direction:column;gap:7px}
.plan-reply-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.plan-reply-row>p{grid-column:1/-1;font-size:10px;line-height:1.4;margin:0 0 2px;color:var(--color-chat-ink);font-weight:600}
.reply-buttons .plan-reply-row button{padding:7px 3px;min-height:32px;font-size:10px}
.reply-buttons .evidence-reply{font-size:10px;min-height:30px;padding:6px}
.reply-buttons button:disabled{opacity:.48;cursor:default;transform:none}

.brand-latte{width:56px;height:56px;object-fit:contain;flex-shrink:0}.wordmark{font-size:19px;letter-spacing:-.6px;gap:10px}.wordmark strong{font-weight:600}@media(max-width:370px){.wordmark{font-size:17px}.brand-latte{width:48px;height:48px}}

.brand-flag{width:64px;height:40px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}@media(max-width:370px){.brand-flag{width:54px;height:36px}}

/* Give the pixel flag and service name a stronger presence. */
.wordmark{font-size:28px;letter-spacing:-1px;gap:14px}
.brand-flag{width:100px;height:60px;object-fit:contain;image-rendering:pixelated}
@media(max-width:760px){.wordmark{font-size:25px;gap:10px}.brand-flag{width:82px;height:50px}}
@media(max-width:370px){.wordmark{font-size:22px;gap:8px}.brand-flag{width:70px;height:44px}.nav{gap:14px}.languages{gap:4px}}

/* One type hierarchy across the page, with a separate readable chat scale. */
body{font-size:var(--type-body);line-height:1.65}
h1,[lang=ko] h1{font-size:var(--type-hero);line-height:1.08;letter-spacing:-.045em;font-weight:600}
h2,[lang=ko] h2,.principle-title h2{font-size:var(--type-section);line-height:1.16;letter-spacing:-.035em;font-weight:500}
.work-row h3,[lang=ko] .work-row h3{font-size:var(--type-heading);line-height:1.3;letter-spacing:-.025em;font-weight:500}
.hero-copy{align-self:start;padding-top:76px;padding-bottom:0}
.hero-description,[lang=ko] .hero-description{font-size:18px;line-height:1.65;max-width:36ch;margin:26px 0}
.hero-foot{font-size:var(--type-caption);line-height:1.65;margin-top:36px}
.nav nav,.languages,.languages button{font-size:var(--type-small)}
.nav nav{gap:24px}
.languages{margin-left:12px}
.primary{font-size:15px;line-height:1.4;min-height:50px;padding:14px 20px}
.workbench-top,.reset{font-size:var(--type-caption);line-height:1.5}
.scenario-tabs{gap:4px;justify-content:space-between}
.scenario-tabs button{font-size:12px;line-height:1.35;padding:8px;min-height:38px}
.section-heading>p,.work-row p,.delivery-copy p,.maker p,.principle-list p{font-size:var(--type-body);line-height:1.7}
.section-heading>p{max-width:33ch}
.work-row p{max-width:38ch}
.decision-record{font-size:var(--type-small);line-height:1.6}
.decision-record>span:first-child{font-size:var(--type-caption)}
.source-row strong,.maker-links strong,.principle-list h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;font-weight:500}
.source-row div span,.schedule-row div>span,.channel-row,.maker-links small,.text-link{font-size:var(--type-small);line-height:1.55}
.schedule-row strong{font-size:clamp(36px,3.6vw,46px);line-height:1.1;letter-spacing:-.04em;font-weight:500}
.time-caption,.delivery-caption,footer{font-size:var(--type-caption);line-height:1.65}
.demo-progress,.demo-note{font-size:12px;line-height:1.6}
.demo-note{max-width:40ch;margin:10px auto 0}
.bubble{font-size:var(--type-chat);line-height:1.6;padding:12px}
.bubble strong,.bubble h4{font-size:13px;line-height:1.5;font-weight:650}
.bubble h4{margin:16px 0 6px}
.bubble p{line-height:1.65}
.bubble time,.day-tag{font-size:11px;line-height:1.4}
.phone .chat-header strong{font-size:14px;line-height:1.35;letter-spacing:-.015em}
.chat-header div>span:not(.avatar span),.chat-bottom{font-size:12px}
.reply-panel>p,.plan-reply-row>p{font-size:12px;line-height:1.45}
.reply-buttons button,.reply-buttons .plan-reply-row button,.reply-buttons .evidence-reply{font-size:12px;line-height:1.35;min-height:35px}
.reply-buttons .plan-reply-row button{padding:8px 3px}
.reply-buttons .evidence-reply{padding:8px}
@media(min-width:761px) and (max-width:1000px){
 .wordmark{font-size:25px;gap:10px}.brand-flag{width:82px;height:50px}
 .nav nav{gap:16px;font-size:13px}.languages,.languages button{font-size:13px}.nav{gap:18px}
 .hero{gap:36px}.hero-copy{padding-top:80px}.hero-description,[lang=ko] .hero-description{font-size:17px}
 .scenario-tabs button{font-size:11px;padding:8px 5px}
 .delivery,.principles{gap:36px}
}
@media(max-width:760px){
 :root{--type-hero:clamp(43px,9.5vw,62px);--type-section:clamp(32px,7.4vw,42px);--type-heading:23px;--type-body:16px}
 .hero-copy{padding-top:0}
 .hero-description,[lang=ko] .hero-description{font-size:17px;line-height:1.7;max-width:35ch;margin:24px 0}
 .hero-foot{margin-top:28px}
 .section-heading>p{max-width:38ch}
 .work-row p{font-size:15px;line-height:1.7}
 .scenario-tabs button{font-size:11px;padding:8px 6px}
 .source-row strong,.maker-links strong,.principle-list h3{font-size:18px}
 .schedule-row strong{font-size:40px}
 footer{font-size:12px}
}
@media(max-width:370px){
 .wordmark{font-size:22px}.languages,.languages button{font-size:12px}
 .scenario-tabs button{font-size:10px;padding:8px 4px}
 .hero-description,[lang=ko] .hero-description{font-size:16px}
 .reply-panel>p,.plan-reply-row>p{font-size:11px}
 .reply-buttons button,.reply-buttons .plan-reply-row button,.reply-buttons .evidence-reply{font-size:11px}
}

/* Separate scenario controls so each workflow reads as a distinct choice. */
.scenario-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-bottom:0;margin-bottom:20px;padding-bottom:0}
.scenario-tabs button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 10px;border:1px solid var(--color-rule);border-radius:7px;background:var(--color-transparent);color:var(--color-ink);font-size:13px;line-height:1.4;font-weight:500;white-space:normal;text-align:center}
.scenario-tabs button:hover{border-color:var(--color-muted);background:var(--color-paper-2)}
.scenario-tabs button[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}
@media(max-width:370px){.scenario-tabs{gap:8px}.scenario-tabs button{font-size:12px;min-height:44px;padding:10px 8px}}

/* Share the description column between the section introduction and job rows. */
.capabilities .section-heading{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(0,1fr) 48px;gap:25px}
.capabilities .section-heading h2{grid-column:1 / 3}
.capabilities .section-heading>p{grid-column:3 / 5;max-width:38ch}
.work-action{display:grid;place-items:center}
.work-action .pixel-plane{width:23px;height:23px;fill:currentColor;stroke:none;shape-rendering:crispEdges}
@media(max-width:760px){
 .capabilities .section-heading{grid-template-columns:30px minmax(0,1fr) 40px;gap:13px}
 .capabilities .section-heading h2{grid-column:1 / -1}
 .capabilities .section-heading>p{grid-column:2 / -1;margin-top:9px}
 .work-action .pixel-plane{width:21px;height:21px}
}

@media(min-width:761px) and (max-width:1000px){.capabilities .section-heading{grid-template-columns:35px minmax(0,1fr) minmax(0,1fr) 45px;gap:var(--space-md)}}