/* English task guides extend the existing ToolFlow visual system. */
.guide-discovery{padding-block:12px 76px}.guide-discovery .section-heading{max-width:700px;margin-bottom:28px}.guide-discovery .section-heading h2{font-size:2.375rem;letter-spacing:-1.2px}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-link{display:flex;align-items:flex-start;gap:13px;padding:24px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);min-width:0}.guide-link:hover{border-color:var(--blue);text-decoration:none}.guide-link>span:nth-child(2){min-width:0}.guide-link strong{display:block;font-size:1rem;line-height:1.4;margin-bottom:7px}.guide-link>span>span{display:block;font-size:.875rem;line-height:1.6;color:var(--muted)}.guide-link-icon{display:grid;place-items:center;color:var(--blue);flex-shrink:0;padding:8px;background:var(--blue-soft);border-radius:10px}.guide-link-icon svg{width:20px;height:20px}.guide-link-arrow{color:var(--blue);margin-inline-start:auto;line-height:1.3}
.guide-main{padding-bottom:48px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:.8125rem;color:var(--muted);padding-block:30px 0}.guide-breadcrumb a{color:var(--muted)}.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:70px;padding-block:42px 72px}.guide-intro .eyebrow{margin-bottom:16px}.guide-status{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:.8125rem;color:var(--muted);margin:0 0 20px}.guide-status .free-tag{font-size:.75rem;font-weight:650;padding:4px 10px;margin:0;border:1px solid var(--line);border-radius:999px;background:var(--blue-soft);color:var(--blue)}.guide-hero h1{font-size:clamp(2.75rem,4.3vw,3.625rem);letter-spacing:-2px;line-height:1.09;margin:0 0 24px;max-width:610px}.guide-lead{font-size:1.125rem;line-height:1.7;color:var(--muted);max-width:550px;margin:0 0 26px}.guide-intro .hero-actions{gap:16px 22px}.guide-intro .fine-print{max-width:490px;margin:20px 0 10px}.guide-catalog-line{font-size:.8125rem;font-weight:600;color:var(--muted);margin:0}.guide-demo{margin:0;justify-self:center;width:100%;max-width:328px;text-align:center}.guide-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.75rem;color:var(--muted);margin:0 4px 12px}.guide-demo-heading>span:first-child{font-weight:650;color:var(--ink)}.guide-phone{border-radius:34px;box-shadow:0 16px 36px #14213918}.guide-phone .device-screen{border-radius:29px}.guide-phone video{display:block;width:100%;height:auto;aspect-ratio:auto;background:#111;max-width:100%}.guide-phone video:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.guide-phone video::cue{color:#fff;background-color:#10141c;text-shadow:none}.guide-demo figcaption{font-size:.8125rem;line-height:1.65;color:var(--muted);margin:16px 0 8px}.guide-transcript-link{font-size:.8125rem}.guide-how-to{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:78px;padding-block:68px;border-top:1px solid var(--line);align-items:start}.guide-main h2{font-size:2rem;line-height:1.2;letter-spacing:-.9px;margin:0 0 18px}.guide-context{color:var(--muted);margin:0 0 30px;font-size:1rem;line-height:1.7}.guide-step-list{list-style:none;counter-reset:guide-steps;margin:0;padding:0}.guide-step-list>li{counter-increment:guide-steps;display:flex;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.guide-step-list>li:first-child{padding-top:0}.guide-step-list>li::before{content:counter(guide-steps,decimal-leading-zero);flex-shrink:0;color:var(--blue);font-size:.8125rem;line-height:1.8;font-weight:650;min-width:26px}.guide-step-list h3{font-size:1.0625rem;line-height:1.5;margin:0 0 7px;letter-spacing:-.15px}.guide-step-list p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0;overflow-wrap:anywhere}.guide-example{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:24px;min-width:0}.guide-example h2{font-size:1.375rem;line-height:1.4;letter-spacing:-.4px}.guide-example dl{margin:25px 0 20px}.guide-example dt{font-size:.75rem;line-height:1.5;font-weight:650;color:var(--muted);margin:20px 0 8px}.guide-example dd{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.75}.guide-example-output{font-weight:650;color:var(--blue)}.guide-example>p:last-child{font-size:.875rem;line-height:1.75;color:var(--muted);margin:0}.guide-transcript{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:78px;border-top:1px solid var(--line);padding-block:60px}.guide-transcript>div>p:last-child{color:var(--muted);font-size:1rem;line-height:1.7;max-width:380px}.guide-transcript ol{list-style:none;padding:0;margin:4px 0 0}.guide-transcript li{display:flex;gap:20px;padding:0 0 19px}.guide-transcript li>span{flex-shrink:0;width:40px;font-size:.8125rem;line-height:1.9;font-variant-numeric:tabular-nums;color:var(--blue)}.guide-transcript li>p{font-size:.9375rem;line-height:1.8;color:var(--muted);margin:0}.guide-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:78px;padding-block:60px;border-top:1px solid var(--line)}.guide-download{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:36px 40px;background:var(--blue-soft);border:1px solid var(--line);border-radius:24px}.guide-download>div{max-width:650px}.guide-download h2{font-size:1.75rem;letter-spacing:-.7px;margin-bottom:12px}.guide-download p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.7;margin:0}.guide-download .fine-print{font-size:.8125rem!important;margin-top:12px!important}.guide-download .button{flex-shrink:0}.guide-related{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:34px 4px}.guide-related>p{font-size:.875rem;color:var(--muted);margin:0}.guide-related>div{display:flex;flex-wrap:wrap;gap:18px 28px}.guide-related a{font-size:.875rem;font-weight:600;line-height:1.8}
@media(max-width:1100px){.guide-hero{gap:42px}.guide-links{gap:12px}.guide-link{padding:20px 16px;gap:10px}.guide-how-to,.guide-transcript,.guide-faq{gap:44px}.guide-download{align-items:flex-start;flex-direction:column;gap:24px}.guide-demo{max-width:302px}}
@media(max-width:800px){.guide-discovery{padding-block:0 55px}.guide-discovery .section-heading h2{font-size:2rem}.guide-links{grid-template-columns:1fr}.guide-link{padding:20px;align-items:center}.guide-link strong{margin-bottom:4px}.guide-link>span>span{font-size:.9375rem}.guide-breadcrumb{padding-top:22px;gap:7px;font-size:.75rem}.guide-hero{grid-template-columns:1fr;padding-block:32px 48px;gap:34px;align-items:start}.guide-hero h1{font-size:clamp(2.25rem,7.4vw,3.125rem);letter-spacing:-1.6px;max-width:600px}.guide-lead{max-width:600px;font-size:1.0625rem}.guide-demo{max-width:302px}.guide-intro .eyebrow{font-size:.6875rem}.guide-status{font-size:.75rem}.guide-how-to{grid-template-columns:1fr;gap:36px;padding-block:42px}.guide-main h2{font-size:1.75rem}.guide-example{padding:26px}.guide-example h2{font-size:1.375rem}.guide-transcript,.guide-faq{grid-template-columns:1fr;gap:22px;padding-block:42px}.guide-transcript>div>p:last-child{max-width:600px;margin-bottom:0}.guide-transcript li{gap:12px}.guide-download{padding:28px}.guide-download h2{font-size:1.625rem}.guide-related{align-items:flex-start;flex-direction:column;gap:14px}.guide-related>div{gap:10px 22px}.guide-main{padding-bottom:30px}}
@media(max-width:420px){.guide-hero h1{font-size:2.25rem;letter-spacing:-1.3px}.guide-intro .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.guide-intro .button{padding-inline:20px}.guide-phone{border-radius:32px}.guide-phone .device-screen{border-radius:26px}.guide-demo{max-width:288px}.guide-example{padding:22px}.guide-download{padding:25px}.guide-download .button{width:100%;padding-inline:14px}.guide-step-list>li{gap:12px}.guide-related>div{flex-direction:column;gap:10px}}

/* Product stories pair the existing outcome copy with genuine native posters. */
.guide-links{gap:22px}
.guide-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;align-items:start;gap:18px 12px;padding:28px 26px 0;overflow:hidden;border-radius:26px}
.guide-link-icon{grid-column:1;grid-row:1}
.guide-link-copy{grid-column:1/-1;grid-row:2}
.guide-link .guide-link-copy strong{font-size:.875rem;line-height:1.5;margin:0 0 9px;color:var(--muted)}
.guide-link .guide-link-copy>span{font-size:1.5rem;line-height:1.25;letter-spacing:-.5px;font-weight:650;color:var(--ink)}
.guide-link-arrow{grid-column:3;grid-row:1;font-size:1.375rem;align-self:center}
.guide-link-media{grid-column:1/-1;grid-row:3;display:flex;justify-content:center;align-items:flex-start;height:320px;padding:18px 14px;overflow:hidden;margin-top:8px;background:var(--soft);border-radius:18px 18px 0 0}
.guide-link-media img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;border:3px solid #182339;border-radius:20px;box-shadow:0 12px 24px #14213918}
.guide-link:focus-visible{outline-offset:4px}
html[dir=rtl] .guide-link-arrow{transform:scaleX(-1)}
@media(max-width:1100px){.guide-links{gap:16px}.guide-link{padding:24px 20px 0}.guide-link .guide-link-copy>span{font-size:1.375rem}}
@media(max-width:800px){.guide-links{grid-template-columns:1fr;gap:20px}.guide-link{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:20px;padding:24px}.guide-link-icon{grid-column:1;grid-row:1}.guide-link-copy{grid-column:1/3;grid-row:2;align-self:start}.guide-link-arrow{grid-column:2;grid-row:1;margin-inline-start:0;justify-self:end}.guide-link-media{grid-column:3;grid-row:1/3;width:160px;height:240px;margin:0;padding:14px 10px;border-radius:14px}.guide-link-media img{border-radius:16px}}
@media(max-width:520px){.guide-link{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;padding:24px 24px 0;gap:16px 10px}.guide-link-copy{grid-column:1/-1;grid-row:2}.guide-link-arrow{grid-column:3;grid-row:1;justify-self:end}.guide-link-media{grid-column:1/-1;grid-row:3;width:auto;height:280px;margin-top:4px;padding:16px;border-radius:16px 16px 0 0}.guide-link .guide-link-copy>span{font-size:1.5rem}}
