:root {
  --paper:#f8f7f4;
  --ink:#222823;
  --muted:#626960;
  --line:#dcded6;
  --blue:#086bdf;
  --sage:#e5e9df;
  --radius:24px;
  --width:1200px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
  line-height:1.55;
  -webkit-font-smoothing:antialiased}
* {
  box-sizing:border-box}
body {
  margin:0}
img {
  display:block;
  max-width:100%;
  height:auto}
a {
  color:inherit;
  text-decoration:none}
button,summary {
  font:inherit}
button,a,summary {
  -webkit-tap-highlight-color:transparent}
button {
  cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px}
button:disabled {
  cursor:default}
[hidden] {
  display:none!important}
h1,h2,h3,p,figure {
  margin:0}
h1,h2,h3 {
  text-wrap:balance;
  line-height:1.12;
  letter-spacing:-.045em}
h1 {
  font-size:clamp(2.7rem,5.1vw,4.6rem);
  font-weight:650}
h2 {
  font-size:clamp(2rem,3.3vw,3.1rem);
  font-weight:600}
h3 {
  font-size:1.45rem;
  letter-spacing:-.025em}
p {
  color:var(--muted)}
small,.fineprint {
  font-size:.88rem;
  line-height:1.6;
  color:var(--muted)}
.wrap {
  max-width:var(--width);
  margin-inline:auto;
  width:calc(100% - 80px)}
.section {
  padding-block:96px}
.eyebrow {
  font-size:.77rem;
  font-weight:650;
  letter-spacing:.07em;
  text-transform:uppercase;
  display:block;
  margin-bottom:22px;
  color:var(--muted)}
.lead {
  font-size:1.15rem;
  line-height:1.7;
  max-width:45rem}
.skip {
  position:fixed;
  inset-inline-start:20px;
  top:-100px;
  background:var(--ink);
  color:white;
  padding:12px 22px;
  z-index:100}
.skip:focus {
  top:14px}
.site-header {
  position:relative;
  z-index:30;
  border-bottom:1px solid var(--line);
  background:var(--paper)}
.nav-shell {
  max-width:var(--width);
  width:calc(100% - 80px);
  min-height:88px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:38px}
.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:1.25rem;
  font-weight:650;
  letter-spacing:-.03em;
  white-space:nowrap}
.brand img {
  border-radius:9px}
.desktop-nav {
  display:flex;
  align-items:center;
  gap:30px;
  margin-inline:auto}
.nav-link {
  font-size:.93rem;
  padding:12px 0}
.nav-link span {
  display:none}
.nav-link:hover,.footer-link:hover,.text-link:hover {
  color:var(--blue)}
.nav-actions {
  display:flex;
  gap:12px;
  align-items:center}
.language-menu {
  position:relative}
.language-menu summary,.mobile-menu summary {
  display:flex;
  gap:10px;
  align-items:center;
  min-height:44px;
  cursor:pointer;
  font-size:.86rem;
  list-style:none}
.language-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker {
  display:none}
.language-options {
  position:absolute;
  inset-inline-end:0;
  top:calc(100% + 10px);
  width:360px;
  max-width:calc(100vw - 32px);
  max-height:65vh;
  overflow:auto;
  background:white;
  border:1px solid var(--line);
  box-shadow:0 12px 35px #17221118;
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  z-index:50}
.language-options a {
  display:flex;
  align-items:center;
  min-height:44px;
  padding:8px 12px;
  border-radius:8px}
.language-options a:hover,.language-options a[aria-current] {
  background:var(--sage)}
.mobile-menu {
  display:none}
.hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:55px;
  align-items:center;
  min-height:730px;
  padding-block:60px 75px}
.hero-copy .lead {
  margin-top:27px;
  max-width:500px}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:center;
  margin-block:34px 18px}
.app-badge {
  display:inline-block;
  flex-shrink:0;
  min-height:50px}
.app-badge img {
  width:150px;
  height:50px;
  object-fit:contain}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:.95rem;
  font-weight:600;
  min-height:44px}
.text-link span {
  font-size:1.2rem}
.hero-art {
  position:relative;
  padding-inline-end:56px;
  padding-block:10px 60px;
  min-width:0}
.hero-composition {
  border-radius:24px;
  overflow:hidden;
  background:#efe6d6;
  box-shadow:0 20px 65px #342b1810}
.hero-composition>img {
  width:100%}
.hero-composition figcaption {
  padding:13px 18px;
  font-size:.72rem;
  letter-spacing:.03em;
  border-top:1px solid #755b3020}
.hero-phone {
  position:absolute;
  inset-inline-end:-12px;
  bottom:0;
  width:32%;
  transform:rotate(5deg);
  filter:drop-shadow(0 14px 22px #1d241d22)}
.phone {
  border:5px solid #252923;
  background:#252923;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 0 0 1px #1115}
.phone img {
  width:100%;
  height:auto}
.hero-phone .phone {
  border-width:4px;
  border-radius:25px}
.trust-strip {
  display:flex;
  gap:35px;
  justify-content:center;
  flex-wrap:wrap;
  padding:26px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-size:.87rem;
  color:var(--muted)}
.trust-strip>span {
  display:flex;
  align-items:center;
  gap:10px}
.trust-strip>span>span {
  color:#586d45}
.studio-section {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:100px;
  align-items:center}
.section-copy p {
  font-size:1.07rem;
  margin:24px 0}
.section-copy .text-link {
  margin-top:10px}
.comparison {
  border-radius:var(--radius);
  overflow:hidden;
  background:#efe7d8}
.comparison-images {
  aspect-ratio:1;
  position:relative}
.comparison-images>img {
  width:100%;
  height:100%;
  object-fit:contain}
.comparison-controls,.demo-choices {
  display:flex;
  gap:5px;
  padding:8px;
  justify-content:center;
  flex-wrap:wrap}
.comparison-controls button,.demo-choices button {
  border:0;
  background:transparent;
  color:inherit;
  border-radius:99px;
  min-height:44px;
  padding:10px 17px;
  font-size:.85rem}
.comparison-controls button[aria-pressed=true] {
  background:white;
  box-shadow:0 1px 4px #29201414}
.feature-lines {
  list-style:none;
  padding:0;
  margin:26px 0;
  font-size:.94rem}
.feature-lines li {
  border-top:1px solid var(--line);
  padding:13px 0}
.feature-lines li::before {
  content:'↳';
  margin-inline-end:12px;
  color:var(--muted)}
.tools-band {
  background:#202d31;
  color:#f6f8f4;
  border-radius:32px;
  margin:12px 20px}
.tools-section {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:100px;
  align-items:center;
  padding-block:70px}
.tools-band .eyebrow,.tools-band p {
  color:#c2d0d0}
.tools-band h2 {
  max-width:600px}
.tools-band .format-list {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:#f7faf6;
  letter-spacing:.03em;
  font-size:1rem;
  padding-block:14px;
  border-block:1px solid #ffffff24}
.tools-band .format-list span {
  color:#77898c}
.tools-demo {
  min-width:0;
  text-align:center;
  align-self:start}
.demo-choices {
  margin-bottom:24px;
  border:1px solid #ffffff26;
  border-radius:99px}
.demo-choices button[aria-pressed=true] {
  background:#f4f6ef;
  color:#1b292f}
.tools-demo .phone {
  width:230px;
  margin:0 auto;
  box-shadow:0 16px 30px #0003}
.caption {
  font-size:.75rem;
  margin-top:18px!important}
.section-heading {
  max-width:680px;
  margin-bottom:38px}
.section-heading p {
  margin-top:22px;
  font-size:1.05rem}
.gallery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px}
.gallery figure {
  min-width:0}
.gallery img {
  border-radius:18px}
.gallery figcaption {
  padding:13px 0;
  font-size:.75rem;
  color:var(--muted)}
.editorial-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px}
.editorial-grid article {
  border-radius:var(--radius);
  padding:44px;
  min-width:0;
  overflow:hidden}
.editorial-grid h2 {
  font-size:2.3rem}
.editorial-grid p {
  margin-block:20px;
  font-size:1rem}
.text-story {
  background:#e6e9df;
  display:grid;
  grid-template-columns:minmax(0,1fr) 165px;
  gap:26px;
  align-items:start}
.text-story .phone {
  transform:rotate(5deg);
  margin-top:76px}
.batch-story {
  background:#eee6df;
  display:flex;
  flex-direction:column;
  align-items:flex-start}
.batch-mini {
  display:flex;
  gap:14px;
  margin-block:5px 16px;
  max-width:330px;
  align-self:center}
.batch-mini img {
  width:calc(50% - 7px);
  border-radius:10px}
.pro-badge {
  display:inline-block;
  vertical-align:middle;
  font-size:.72rem;
  font-weight:600;
  line-height:1.4;
  border-radius:6px;
  padding:2px 7px;
  letter-spacing:0;
  background:#22282313;
  color:#656962;
  text-transform:none}
.workflow h2 {
  max-width:700px}
.steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:48px;
  margin-top:42px}
.step-number {
  display:block;
  color:#868c81;
  font-size:.86rem;
  margin-bottom:24px;
  font-variant-numeric:tabular-nums}
.steps h3 {
  margin-bottom:16px}
.steps p {
  font-size:.96rem}
.privacy-band {
  background:var(--sage);
  padding-block:62px}
.privacy-band>.wrap {
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  max-width:1020px;
  gap:24px;
  align-items:center}
.privacy-symbol {
  font-size:8rem;
  line-height:1;
  color:#859077}
.privacy-band h2 {
  font-size:2.5rem}
.privacy-band p {
  margin:22px 0 12px;
  max-width:740px;
  font-size:1.05rem}
.price-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-bottom:24px}
.price-grid article {
  border:1px solid var(--line);
  padding:36px;
  border-radius:var(--radius);
  background:#ffffff65}
.price-grid article.pro-card {
  background:#eef0e7}
.price-grid h3 {
  font-size:1.9rem;
  max-width:430px}
.price-grid ul {
  list-style:none;
  padding:0;
  margin:24px 0 0}
.price-grid li {
  padding:15px 0;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.94rem}
.price-values {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-block:36px}
.price-values>div {
  display:flex;
  gap:6px;
  flex-direction:column;
  border-bottom:1px solid var(--line);
  padding-bottom:24px}
.price-values strong {
  font-size:2.5rem;
  letter-spacing:-.04em;
  font-weight:600}
.pricing>.fineprint {
  max-width:900px;
  margin-top:14px}
.faq {
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1fr);
  gap:80px;
  padding-top:15px}
.faq h2 {
  font-size:2.45rem}
.faq details {
  border-bottom:1px solid var(--line)}
.faq summary {
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:space-between;
  font-size:1.04rem;
  font-weight:550;
  cursor:pointer;
  padding:23px 0;
  list-style:none;
  line-height:1.45}
.faq summary::-webkit-details-marker {
  display:none}
.faq summary span {
  font-size:1.5rem;
  font-weight:300;
  flex-shrink:0}
.faq details[open] summary span {
  transform:rotate(45deg)}
.faq details p {
  margin-bottom:24px;
  font-size:.96rem;
  line-height:1.75}
.cta {
  text-align:center;
  border-top:1px solid var(--line);
  max-width:1100px}
.cta>img {
  margin:0 auto 25px;
  border-radius:18px}
.cta h2 {
  max-width:750px;
  margin:auto}
.cta p {
  margin:22px auto 28px;
  max-width:550px}
.cta small {
  display:block;
  margin-top:15px}
.site-footer {
  background:#eaece4;
  padding:60px 0 28px}
.footer-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:60px}
.footer-grid p {
  font-size:.9rem;
  margin:16px 0 24px}
.footer-links {
  display:flex;
  flex-direction:column;
  gap:3px}
.footer-link {
  font-size:.86rem;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px}
.footer-link span {
  display:none}
.language-footer {
  display:flex;
  flex-wrap:wrap;
  gap:0 22px;
  padding-top:40px;
  margin-top:40px;
  border-top:1px solid #cdd1c4}
.language-footer a {
  font-size:.78rem;
  line-height:1.3;
  min-height:44px;
  display:flex;
  align-items:center;
  color:var(--muted)}
.copyright {
  padding-top:28px;
  font-size:.73rem;
  color:var(--muted)}
.breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  font-size:.76rem;
  color:var(--muted);
  padding-top:26px}
.breadcrumbs a {
  min-height:28px}
.page-intro {
  padding-block:70px 15px;
  max-width:1100px}
.page-intro h1 {
  max-width:950px}
.page-intro .lead {
  margin-top:28px}
.feature-body {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:100px;
  align-items:start}
.feature-sections section+section {
  margin-top:45px;
  padding-top:28px;
  border-top:1px solid var(--line)}
.feature-sections h2 {
  font-size:1.65rem;
  letter-spacing:-.025em}
.feature-sections p {
  margin-top:18px;
  line-height:1.8}
.feature-sections .step-number {
  margin-bottom:16px}
.feature-art {
  position:sticky;
  top:32px;
  padding-bottom:100px;
  padding-inline-end:45px}
.feature-art>img {
  border-radius:20px}
.feature-art>div {
  width:38%;
  position:absolute;
  inset-inline-end:0;
  bottom:0;
  transform:rotate(4deg)}
.feature-body>.tools-demo {
  background:#202d31;
  border-radius:24px;
  padding:25px;
  color:white}
.related {
  border-top:1px solid var(--line);
  padding-top:50px}
.related h2 {
  font-size:1.9rem;
  margin-bottom:28px}
.related>div {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px}
.related-link {
  padding:24px;
  border:1px solid var(--line);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  line-height:1.4}
.reading {
  max-width:800px}
.reading p {
  line-height:1.85;
  white-space:pre-line}
.reading .version-label {
  display:block;
  margin-bottom:30px;
  font-size:1.1rem;
  font-weight:600}
.notice {
  margin-block:32px;
  background:var(--sage);
  padding:24px;
  border-radius:12px;
  line-height:1.7;
  font-size:.96rem}
.legal {
  padding-block:60px 90px}
.legal h1 {
  font-size:clamp(2.4rem,5vw,3.6rem);
  margin-bottom:24px}
.legal>.fineprint {
  margin-block:24px 38px}
.legal section {
  margin-block:36px}
.legal h2 {
  font-size:1.5rem;
  letter-spacing:-.02em;
  margin-bottom:15px}
.legal a {
  text-decoration:underline;
  text-underline-offset:4px}
.legal>p:last-child {
  margin-top:20px}
bdi {
  unicode-bidi:isolate}
html[dir=rtl] .hero-phone,html[dir=rtl] .feature-art>div {
  transform:rotate(-5deg)}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3 {
  letter-spacing:0;
  line-height:1.3}
html[dir=rtl] .eyebrow {
  letter-spacing:0}
h1,h2,h3,p,li,a,summary {
  overflow-wrap:break-word}
main>*,section>*,article>* {
  min-width:0}

@media(min-width:1450px) {
  :root {
  --width:1280px}
.hero {
  gap:75px;
  min-height:780px}
}

@media(max-width:1100px) {
  .wrap,.nav-shell {
  width:calc(100% - 56px)}
.desktop-nav {
  gap:24px}
.hero {
  gap:30px;
  min-height:620px}
.hero-art {
  padding-inline-end:38px}
.hero-phone {
  inset-inline-end:-5px;
  width:34%}
.hero h1 {
  font-size:clamp(2.5rem,5.2vw,3.8rem)}
.studio-section,.tools-section,.feature-body {
  gap:50px}
.editorial-grid article {
  padding:30px}
.text-story {
  grid-template-columns:minmax(0,1fr)}
.text-story .phone {
  width:165px;
  margin:0 auto -55px;
  transform:rotate(4deg)}
.editorial-grid h2 {
  font-size:2rem}
.footer-grid {
  gap:30px}
.faq {
  gap:45px}
}

@media(max-width:780px) {
  .wrap,.nav-shell {
  width:calc(100% - 40px)}
.nav-shell {
  min-height:74px;
  gap:20px;
  justify-content:space-between}
.desktop-nav {
  display:none}
.mobile-menu {
  display:block}
.mobile-menu nav {
  position:absolute;
  top:74px;
  inset-inline:0;
  background:var(--paper);
  padding:20px;
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 15px #0001;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px}
.mobile-menu summary {
  font-size:.78rem;
  gap:9px}
.language-menu summary {
  font-size:.78rem;
  max-width:170px}
.language-menu summary>span:nth-child(2) {
  overflow-wrap:anywhere}
.language-options {
  position:fixed;
  top:74px;
  inset-inline-end:16px;
  width:360px}
.hero {
  grid-template-columns:minmax(0,1fr);
  gap:36px;
  padding-block:44px 40px}
.hero-copy {
  max-width:600px}
.hero h1 {
  font-size:clamp(2.7rem,8.2vw,4.2rem)}
.hero-copy .lead {
  max-width:550px;
  font-size:1.05rem;
  margin-top:22px}
.hero-actions {
  margin-top:26px;
  gap:18px}
.hero-art {
  max-width:540px;
  width:100%;
  justify-self:center;
  padding-inline:0 55px;
  padding-bottom:45px}
.hero-phone {
  width:31%;
  inset-inline-end:3px}
.trust-strip {
  justify-content:flex-start;
  gap:12px 25px;
  font-size:.8rem}
.section {
  padding-block:65px}
.studio-section,.tools-section,.feature-body {
  grid-template-columns:minmax(0,1fr);
  gap:36px}
.studio-section .comparison {
  order:2;
  max-width:560px;
  justify-self:center}
.section-copy h2 {
  max-width:600px}
.tools-band {
  margin-inline:10px;
  border-radius:24px}
.tools-section {
  padding-block:45px}
.tools-demo {
  width:100%;
  max-width:500px;
  margin:auto}
.demo-choices {
  width:100%;
  border-radius:18px}
.tools-demo .phone {
  width:250px}
.gallery {
  gap:14px}
.gallery img {
  border-radius:12px}
.gallery figcaption {
  font-size:.68rem}
.editorial-grid {
  grid-template-columns:minmax(0,1fr)}
.text-story {
  grid-template-columns:minmax(0,1fr) 175px;
  gap:24px}
.text-story .phone {
  margin-top:55px;
  width:175px}
.batch-mini {
  max-width:380px}
.steps {
  gap:30px}
.steps h3 {
  font-size:1.25rem}
.steps p {
  font-size:.9rem}
.privacy-band>.wrap {
  grid-template-columns:70px minmax(0,1fr);
  gap:24px}
.privacy-symbol {
  font-size:5rem}
.privacy-band h2 {
  font-size:2rem}
.price-grid article {
  padding:26px}
.price-grid h3 {
  font-size:1.6rem}
.faq {
  grid-template-columns:minmax(0,1fr);
  gap:22px}
.faq h2 {
  font-size:2rem}
.footer-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid>div:first-child {
  grid-column:1/-1}
.page-intro {
  padding-top:48px}
.page-intro h1 {
  font-size:clamp(2.5rem,7vw,3.7rem)}
.feature-art {
  position:relative;
  top:0;
  max-width:540px;
  margin:auto;
  width:100%;
  padding-inline-end:55px}
.feature-art>div {
  width:31%}
.related>div {
  grid-template-columns:minmax(0,1fr)}
.related-link {
  padding:20px}
.legal {
  padding-top:45px}
.reading {
  max-width:700px}
}

@media(max-width:480px) {
  .wrap,.nav-shell {
  width:calc(100% - 36px)}
.nav-shell {
  gap:10px}
.brand {
  font-size:1.1rem;
  gap:8px}
.brand img {
  width:30px;
  height:30px}
.nav-actions {
  gap:14px}
.mobile-menu summary {
  font-size:0}
.mobile-menu summary span {
  font-size:1.15rem}
.language-menu summary>span:first-child {
  display:none}
.language-menu summary {
  max-width:135px}
.hero h1 {
  font-size:clamp(2.55rem,10.3vw,3.3rem)}
.hero .eyebrow {
  font-size:.7rem}
.hero-actions {
  flex-wrap:wrap}
.hero-art {
  padding-inline-end:40px}
.hero-phone {
  width:34%;
  inset-inline-end:-1px}
.phone {
  border-radius:24px}
.hero-phone .phone {
  border-radius:16px;
  border-width:3px}
.hero-composition {
  border-radius:17px}
.hero-composition figcaption {
  font-size:.64rem;
  padding:10px 13px}
.trust-strip {
  gap:10px;
  flex-direction:column}
.section {
  padding-block:52px}
h2 {
  font-size:2rem}
.studio-section {
  gap:26px}
.comparison-controls button {
  font-size:.76rem;
  padding:10px 12px}
.tools-band {
  margin-inline:8px}
.tools-section {
  width:calc(100% - 36px)}
.demo-choices {
  gap:2px;
  padding:6px}
.demo-choices button {
  font-size:.75rem;
  padding:9px 12px}
.tools-demo .phone {
  width:230px}
.gallery {
  grid-template-columns:minmax(0,1fr)}
.gallery figure {
  display:grid;
  grid-template-columns:minmax(0,1fr)}
.gallery figcaption {
  padding:10px 0 18px;
  font-size:.74rem}
.editorial-grid article {
  padding:28px}
.text-story {
  grid-template-columns:minmax(0,1fr)}
.text-story .phone {
  width:190px;
  margin:6px auto -65px}
.editorial-grid h2 {
  font-size:1.9rem}
.steps {
  grid-template-columns:minmax(0,1fr);
  gap:30px;
  margin-top:32px}
.step-number {
  margin-bottom:15px}
.steps h3 {
  font-size:1.4rem;
  margin-bottom:12px}
.steps p {
  font-size:.97rem}
.privacy-band>.wrap {
  grid-template-columns:minmax(0,1fr)}
.privacy-symbol {
  font-size:3rem;
  line-height:.8}
.privacy-band {
  padding-block:42px}
.price-grid {
  grid-template-columns:minmax(0,1fr);
  gap:18px}
.price-values {
  gap:16px}
.price-values strong {
  font-size:1.85rem}
.price-values span {
  font-size:.85rem}
.footer-grid {
  gap:30px 20px}
.footer-link {
  font-size:.8rem;
  overflow-wrap:anywhere}
.site-footer {
  padding-top:44px}
.language-footer {
  gap:0 18px}
.feature-body>.tools-demo {
  padding:20px 12px}
.feature-art>div .phone {
  border-radius:16px;
  border-width:3px}
.breadcrumbs {
  font-size:.68rem}
.page-intro .lead {
  font-size:1.05rem}
.hero h1,h2,.page-intro h1 {
  hyphens:auto}
.eyebrow {
  letter-spacing:.035em}
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}

@media(prefers-contrast:more) {
  :root {
  --muted:#333d30;
  --line:#747e6f}
.pro-badge {
  color:#323830}
.tools-band p,.tools-band .eyebrow {
  color:white}
}

@media(max-width:480px) {
  .hero {
  padding-top:34px}
.hero-actions {
  gap:14px;
  margin-top:23px}
.hero-actions .text-link {
  font-size:.8rem;
  gap:6px}
.hero-actions .text-link span {
  font-size:1rem}
.hero-copy .lead {
  font-size:1rem}
.hero .eyebrow {
  margin-bottom:20px}
}

time,a[href^="mailto:"] {
  unicode-bidi:isolate;
  direction:ltr}
.workflow>.text-link {
  margin-top:30px}
html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2,html:lang(zh-Hans) h1,html:lang(zh-Hans) h2,html:lang(zh-Hant) h1,html:lang(zh-Hant) h2 {
  letter-spacing:-.025em;
  line-height:1.25}

.hero h1 {
  hyphens:manual}
html:lang(zh-Hans) {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
html:lang(zh-Hant) {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}
html:lang(ja) {
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
html:lang(ko) {
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}

/* Detailed product storytelling: meaningful content, inspectable native screens. */
.phone {display:block;position:relative;cursor:zoom-in;color:var(--ink)}
.zoom-screen {position:absolute;inset-inline-end:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fffef5e8;box-shadow:0 2px 9px #17221120;font-size:18px;line-height:1}
.rich-site .section {padding-block:72px}
.rich-site .hero {min-height:680px;padding-block:48px 58px;gap:48px}
.rich-site .hero h1 {font-size:clamp(2.8rem,4.8vw,4.25rem)}
.rich-site .hero-copy .lead {font-size:1.04rem;line-height:1.7;max-width:550px;margin-top:22px}
.button-secondary {display:inline-flex;min-height:48px;gap:14px;align-items:center;padding:10px 18px;border-radius:12px;background:#e6eefb;color:#0759b9;font-weight:600;font-size:.9rem}
.button-secondary:hover {background:#d8e6fc}
.hero-trust {display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:.77rem;color:var(--muted)}
.hero-trust span::before {content:'✓';color:#526b43;margin-inline-end:6px}
.choose-editor {display:grid;grid-template-columns:.8fr 1fr 1fr;gap:20px;margin-bottom:35px;align-items:stretch}
.choose-editor>div {padding:24px 20px 24px 0;align-self:center}
.choose-editor h2 {font-size:1.85rem}
.choose-editor .eyebrow {margin-bottom:14px}
.choose-editor>a {position:relative;border:1px solid var(--line);border-radius:20px;padding:26px 30px;background:#fff;transition:border-color .15s}
.choose-editor>a:hover {border-color:#5394e1}
.choose-editor>a:last-child {background:#e9eef2}
.choose-editor strong {font-size:1.35rem;letter-spacing:-.025em}
.choose-editor p {font-size:.94rem;line-height:1.65;margin-top:12px;max-width:90%}
.choose-editor>a>span {position:absolute;inset-inline-end:21px;top:22px;color:var(--blue);font-size:22px}
.page-jumps {display:flex;gap:8px 20px;align-items:center;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:16px;margin-top:12px}
.page-jumps>span {font-size:.75rem;letter-spacing:.03em;color:var(--muted);margin-inline-end:10px}
.page-jumps a {font-size:.82rem;line-height:1.35;min-height:36px;display:flex;align-items:center;color:#3d4942;padding:5px 0}
.page-jumps a:hover {color:var(--blue)}
.rich-site [id] {scroll-margin-top:24px}
.result-story {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:70px}
.result-story h2 {font-size:2.5rem}
.result-story p {margin-top:22px;line-height:1.75}
.result-story .text-link {margin-top:18px}
.product-tour {border-top:1px solid var(--line)}
.product-tour .section-heading {max-width:810px}
.tour-layout {border:1px solid #d4dbd3;border-radius:26px;overflow:hidden;background:#edf0e8}
.tour-nav {display:flex;flex-wrap:wrap;gap:4px;background:#fff;padding:12px;border-bottom:1px solid #d4dbd3}
.tour-nav button {flex:1 1 100px;border:0;background:transparent;border-radius:10px;padding:13px 16px;min-height:48px;color:var(--muted);font-size:.94rem;font-weight:550}
.tour-nav button[aria-pressed=true] {background:#e6eefb;color:#0759b9}
.tour-nav button:hover {background:#f0f2ed}
.tour-panel {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;padding:42px 50px;align-items:center;min-height:650px}
.tour-panel+.tour-panel {border-top:1px solid var(--line)}
.tour-panel .capability {padding:0;border:none;background:none;border-radius:0}
.tour-panel .capability .cap-title {font-size:2rem}
.tour-panel .capability .cap-summary {font-size:1.07rem;color:#3c483d}
.tour-panel .use-example {background:#ffffff82}
.tour-panel .native-screen {max-width:250px}
.tour-panels .text-link {margin-top:20px}
.native-screen {max-width:280px;margin-inline:auto;width:100%}
.native-screen figcaption {margin:16px auto 0;font-size:.75rem;line-height:1.55;color:var(--muted);max-width:250px;text-align:center}
.capability {padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;min-width:0;scroll-margin-top:20px}
.capability-heading {display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.capability-heading .pro-badge {flex-shrink:0;margin-top:4px}
.capability .cap-title {font-size:1.55rem;letter-spacing:-.03em;line-height:1.18;text-wrap:balance}
.capability p {font-size:.97rem;line-height:1.75;margin-top:18px}
.capability .cap-summary {color:#364238;margin-top:0}
.control-list {list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0}
.control-list li {font-size:.76rem;line-height:1.4;padding:6px 10px;border-radius:7px;background:#eef2f6;color:#40536a;max-width:100%}
.use-example {border-inline-start:3px solid #82aadc;background:#f3f6fa;padding:16px 18px;margin-top:24px;border-radius:0 10px 10px 0}
.use-example strong {font-size:.76rem;color:#4e6179}
.use-example p {font-size:.88rem;margin-top:7px;line-height:1.65}
.tool-overview {background:#202d31;color:#f5f8f3;margin:15px 20px;border-radius:30px}
.tool-overview .section-heading p,.tool-overview .eyebrow,.tool-overview .caption,.tool-overview .fineprint {color:#c9d5d4}
.tool-overview .section-heading {max-width:820px}
.tools-inventory {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:52px;align-items:start}
.tool-cap-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tool-cap {position:relative;background:#ffffff08;border:1px solid #ffffff24;border-radius:14px;padding:24px;min-width:0}
.tool-cap:hover {background:#ffffff13;border-color:#ffffff66}
.tool-cap:first-child {grid-column:1/-1}
.cap-index {display:block;color:#94afb9;font-size:.7rem;letter-spacing:.06em;margin-bottom:18px}
.tool-cap h3 {font-size:1.25rem;line-height:1.2;padding-inline-end:16px;letter-spacing:-.02em}
.tool-cap p {color:#c7d4d4;margin-top:13px;font-size:.9rem;line-height:1.6}
.tool-cap-arrow {position:absolute;inset-inline-end:18px;top:18px;color:#a6c8ec}
.tool-overview .tools-demo {position:sticky;top:24px}
.tool-overview .tools-demo .phone {width:260px}
.tool-overview .demo-choices {border-radius:16px}
.workflow-note {border-top:1px solid #ffffff27;margin-top:35px;padding-top:24px;display:flex;gap:18px 30px;align-items:center;flex-wrap:wrap}
.workflow-note strong {font-size:1.1rem;letter-spacing:-.025em}
.workflow-note p {color:#c7d4d4;font-size:.9rem;flex:1 1 320px}
.project-story {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:85px;align-items:center}
.project-copy>h2 {font-size:2.6rem;max-width:750px;margin-bottom:32px}
.project-copy .capability {background:transparent;border:0;padding:0;border-radius:0}
.project-copy .capability+.capability {margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}
.project-copy .use-example {display:none}
.project-story .native-screen {position:sticky;top:30px;align-self:start;margin-top:90px}
.detailed-gallery figcaption strong {display:block;color:var(--ink);font-size:1rem;line-height:1.3;margin-top:6px}
.detailed-gallery figcaption p {font-size:.85rem;line-height:1.6;margin-top:10px}
.batch-home {border-top:1px solid var(--line)}
.batch-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.batch-columns .capability {background:#eee7df;border-color:#e1d6ca}
.batch-home>.text-link {margin-top:22px}
.guide-hero {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:65px;align-items:center;padding-block:44px 48px}
.guide-hero h1 {font-size:clamp(2.25rem,3.8vw,3.5rem);line-height:1.12;letter-spacing:-.045em;text-wrap:balance;max-width:760px}
.guide-hero .eyebrow {margin-bottom:20px}
.guide-hero .lead {font-size:1.05rem;line-height:1.7;margin-block:25px;max-width:650px}
.guide-highlights {display:flex;flex-wrap:wrap;gap:7px 15px;margin:0 0 26px}
.guide-highlights a {font-size:.77rem;line-height:1.45;border-bottom:1px solid #bac9dc;padding-bottom:4px;color:#4f6380;min-height:30px;display:flex;align-items:center}
.guide-media {background:#e8ece5;border-radius:26px;padding:28px;overflow:hidden}
.guide-media .native-screen {max-width:225px}
.guide-media .native-screen figcaption {max-width:260px}
.guide-background .guide-media {background:none;padding:0}
.guide-background .comparison {box-shadow:0 8px 40px #2e2d2010}
.guide-tools .guide-media {background:#e8edf2}
.guide-text .guide-media {background:#ece5e9}
.guide-batch .guide-media {background:#e8e5db}
.product-guide {padding-top:45px!important;display:flex;flex-direction:column;gap:40px}
.detail-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.feature-explained {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:38px;align-items:center;background:#e9ede4;padding:40px;border-radius:24px}
.feature-explained .capability {background:transparent;border:none;padding:0}
.feature-explained .cap-title {font-size:2rem}
.feature-explained .use-example {background:#ffffff80}
.feature-visual>img {border-radius:18px}
.feature-visual .native-screen {max-width:225px}
.feature-edges {background:#e8edf2}
.feature-elements {background:#eee7df}
.feature-backdrops {background:#efe7e9}
.feature-saved_settings {background:#e5e9ef}
.feature-saved_work {background:#eee9df}
.feature-tools_formats {background:#e6ecee}
.type-samples {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.type-samples>div {min-height:110px;display:flex;align-items:center;justify-content:center;padding:15px;background:#fff8;border-radius:15px}
.type-samples span {font-size:clamp(.85rem,1.35vw,1.2rem);font-weight:600;line-height:1.4;padding:7px 13px;overflow-wrap:anywhere;text-align:center}
.sample-rounded {background:#d6dfcc;color:#35412b;border-radius:8px}
.sample-capsule {background:#6c8063;color:white;border-radius:999px}
.sample-marker {background:#e7c9a6;color:#52381d;box-shadow:5px 0 #e7c9a6,-5px 0 #e7c9a6;padding:2px!important}
.sample-outline {border:1.5px solid #8e746e;color:#5e453e;border-radius:5px}
.format-guide,.preset-guide {padding:32px 0}
.format-guide h2,.preset-guide h2,.feature-matrix h2 {font-size:2.1rem;margin-bottom:28px}
.table-scroll {overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#fff;max-width:100%}
.table-scroll table {width:100%;border-collapse:collapse;table-layout:fixed;text-align:start;font-size:.94rem}
.table-scroll th,.table-scroll td {padding:18px 22px;border-bottom:1px solid #e0e3db;vertical-align:top;line-height:1.55;overflow-wrap:anywhere}
.table-scroll thead th {background:#e9eee5;font-size:.82rem;font-weight:650;color:#43503f}
.table-scroll tbody th {font-weight:550;color:var(--ink)}
.table-scroll td {color:var(--muted)}
.table-scroll tr:last-child th,.table-scroll tr:last-child td {border-bottom:none}
.format-guide th:first-child {width:15%}
.format-guide th:nth-child(2) {width:37%}
.format-guide th:nth-child(3) {width:20%}
.feature-matrix th:first-child {width:48%}
.format-guide>.fineprint,.preset-guide>.fineprint {margin-top:18px}
.preset-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.preset-grid article {padding:25px;border:1px solid var(--line);background:white;border-radius:15px;min-width:0}
.preset-grid h3 {font-size:1.15rem;margin:17px 0 10px}
.preset-grid bdi {font-size:1.1rem;font-weight:600;letter-spacing:-.025em}
.preset-grid p {font-size:.85rem;line-height:1.6;margin:13px 0}
.format-shape {display:block;width:40px;height:40px;border:1.5px solid #90a4b8;border-radius:3px;background:#edf2f7}
.format-shape.portrait {width:32px}
.native-strip {display:flex;gap:38px;justify-content:space-around;align-items:start;padding:35px;background:#e7ecee;border-radius:24px}
.native-strip .native-screen {max-width:240px}
.native-strip .phone {border-width:4px;border-radius:24px}
.transfer-note {background:#e9eef8;border-radius:18px;padding:30px 34px}
.transfer-note h2 {font-size:1.6rem;margin-bottom:16px}
.transfer-note p {max-width:900px;font-size:1rem;line-height:1.75}
.batch-limits {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.batch-limits>div {padding:25px 35px;background:#e6ecdf;border-radius:18px;display:flex;align-items:center;gap:26px}
.batch-limits>div:last-child {background:#e5ecf2}
.batch-limits bdi {font-size:4.5rem;line-height:1;letter-spacing:-.07em;font-weight:550}
.batch-limits span {font-size:1.3rem}
.local-flow {display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:34px;background:#e5ece3;border-radius:18px;font-size:1.1rem;line-height:1.5}
.local-flow>span[aria-hidden] {color:#83937a}
html[dir=rtl] .local-flow>span[aria-hidden] {transform:scaleX(-1)}
.release-summary {max-width:950px;padding-block:30px}
.release-summary p {white-space:pre-line;line-height:1.9;font-size:1.02rem}
.version-label {display:inline-block;background:#e8edf3;border-radius:8px;color:#47617d;font-size:.85rem;padding:6px 10px;margin-bottom:20px}
.support-guides {width:100%;padding-bottom:0!important}
.support-guides>.lead {margin-block:25px 35px}
.support-guides .detail-grid {grid-template-columns:minmax(0,1fr)}
.screenshot-dialog {padding:0;border:0;border-radius:20px;max-width:min(760px,94vw);max-height:94dvh;background:#f8f7f4;box-shadow:0 30px 100px #0007;overflow:auto}
.screenshot-dialog::backdrop {background:#152029ce;backdrop-filter:blur(6px)}
.screenshot-dialog .dialog-toolbar {position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:#f8f7f4f5;z-index:1;border-bottom:1px solid var(--line)}
.screenshot-dialog .dialog-toolbar p {font-size:.85rem;color:var(--ink)}
.screenshot-dialog button {border:1px solid var(--line);background:white;border-radius:9px;padding:10px 14px;min-height:44px;font-size:.9rem}
.screenshot-dialog figure {padding:20px}
.screenshot-dialog img {width:660px;max-width:100%;border-radius:18px}
.screenshot-dialog figcaption {font-size:.85rem;text-align:center;color:var(--muted);padding-top:16px}
@media(max-width:1100px){.rich-site .hero{gap:30px}.choose-editor{grid-template-columns:1fr 1fr}.choose-editor>div{grid-column:1/-1;padding:10px 0}.choose-editor h2{font-size:2rem}.tour-panel{grid-template-columns:minmax(0,1fr) 225px;gap:35px;padding:35px}.tools-inventory{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.tool-cap{padding:20px}.project-story{gap:50px;grid-template-columns:minmax(0,1fr) 250px}.guide-hero{gap:40px}.feature-explained{padding:30px;gap:26px}.feature-explained .cap-title{font-size:1.8rem}.table-scroll th,.table-scroll td{padding:15px}.native-strip{gap:24px}}
@media(max-width:780px){.rich-site .section{padding-block:55px}.rich-site .hero{padding-block:38px 42px;gap:32px}.rich-site .hero h1{font-size:clamp(2.6rem,7vw,3.6rem)}.hero-trust{font-size:.75rem}.choose-editor{gap:14px}.choose-editor>a{padding:24px}.choose-editor p{max-width:100%}.page-jumps{gap:7px 15px}.page-jumps>span{width:100%}.result-story{grid-template-columns:minmax(0,1fr);gap:30px}.result-story .comparison{max-width:550px;order:2;justify-self:center}.result-story h2{font-size:2.1rem}.tour-panel{grid-template-columns:minmax(0,1fr) 200px;padding:28px;gap:28px}.tour-panel .capability .cap-title{font-size:1.7rem}.tour-nav button{flex-basis:100px;padding:10px}.tools-inventory{grid-template-columns:minmax(0,1fr)}.tool-overview .tools-demo{position:static;max-width:420px;margin-top:10px}.tool-overview .tools-demo .phone{width:255px}.project-story{grid-template-columns:minmax(0,1fr);gap:35px}.project-copy>h2{font-size:2.2rem}.project-story .native-screen{position:static;margin-top:0;max-width:260px}.guide-hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);padding-top:35px}.guide-hero h1{font-size:2.2rem}.guide-hero .lead{font-size:.97rem}.guide-media{padding:18px}.guide-media .native-screen figcaption{font-size:.68rem}.guide-background{grid-template-columns:minmax(0,1fr)}.guide-background .guide-media{max-width:520px;justify-self:center}.detail-grid{gap:18px}.capability{padding:25px}.capability .cap-title{font-size:1.4rem}.feature-explained{grid-template-columns:minmax(0,1fr);gap:30px}.feature-visual{max-width:470px;width:100%;margin:auto}.feature-visual .native-screen{max-width:250px}.type-samples>div{min-height:120px}.type-samples span{font-size:1.15rem}.native-strip{padding:24px 18px;gap:16px}.native-strip .phone{border-radius:18px;border-width:3px}.native-strip .native-screen figcaption{font-size:.68rem}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-limits bdi{font-size:3.8rem}.table-scroll table{font-size:.85rem}.table-scroll th,.table-scroll td{padding:13px 12px}.screenshot-dialog figure{padding:12px}}
@media(max-width:520px){.rich-site .hero-copy .lead{font-size:1rem;line-height:1.7}.rich-site .hero-actions{gap:12px}.button-secondary{padding:10px 12px;font-size:.8rem}.choose-editor{grid-template-columns:minmax(0,1fr);margin-bottom:25px}.choose-editor>div{grid-column:auto}.choose-editor>a{padding:22px}.choose-editor h2{font-size:1.8rem}.choose-editor p{font-size:.92rem}.page-jumps a{font-size:.76rem;max-width:100%;overflow-wrap:anywhere}.tour-panel{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px;gap:28px}.tour-panel .native-screen{max-width:250px}.tour-panel .capability .cap-title{font-size:1.65rem}.tour-nav{gap:5px;padding:10px}.tour-nav button{flex-basis:calc(33% - 8px);font-size:.82rem;padding:11px 7px}.product-tour .section-heading h2{font-size:2rem}.tool-overview{margin-inline:8px;border-radius:22px}.tool-cap-grid{grid-template-columns:minmax(0,1fr)}.tool-cap:first-child{grid-column:auto}.tool-cap h3{font-size:1.2rem}.tool-cap p{font-size:.92rem}.workflow-note{gap:14px}.project-copy>h2{font-size:2rem}.batch-columns{grid-template-columns:minmax(0,1fr);gap:16px}.guide-hero{grid-template-columns:minmax(0,1fr);padding-top:30px;gap:28px}.guide-hero h1{font-size:2.15rem;line-height:1.13}.guide-hero .lead{font-size:1rem;margin-block:20px}.guide-hero .eyebrow{font-size:.7rem;margin-bottom:17px}.guide-media{width:100%;max-width:400px;justify-self:center;padding:25px}.guide-media .native-screen{max-width:220px}.guide-media .native-screen figcaption{font-size:.74rem}.guide-highlights{gap:6px 12px}.detail-grid{grid-template-columns:minmax(0,1fr)}.product-guide{gap:28px;padding-top:30px!important}.capability{padding:24px}.capability .cap-title{font-size:1.5rem}.capability p{font-size:.96rem;line-height:1.75}.control-list{gap:7px;margin-block:20px}.control-list li{font-size:.73rem}.use-example{padding:15px}.use-example p{font-size:.87rem}.feature-explained{padding:25px}.feature-explained .cap-title{font-size:1.65rem}.type-samples{gap:12px}.type-samples>div{padding:12px;min-height:100px}.type-samples span{font-size:.95rem;padding:6px 9px}.preset-grid{gap:12px}.preset-grid article{padding:19px}.preset-grid h3{font-size:1rem}.preset-grid bdi{font-size:.91rem}.preset-grid p{font-size:.77rem}.format-guide h2,.preset-guide h2,.feature-matrix h2{font-size:1.8rem}.table-scroll table{font-size:.76rem;line-height:1.45}.table-scroll th,.table-scroll td{padding:12px 8px}.format-guide th:first-child{width:19%}.format-guide th:nth-child(2){width:32%}.format-guide th:nth-child(3){width:21%}.feature-matrix th:first-child{width:44%}.table-scroll thead th{font-size:.72rem}.native-strip{flex-direction:column;gap:35px;padding:30px}.native-strip .native-screen{max-width:245px}.native-strip .phone{border-radius:26px;border-width:5px}.native-strip .native-screen figcaption{font-size:.74rem}.batch-limits{gap:12px}.batch-limits>div{padding:22px;flex-direction:column;align-items:flex-start;gap:12px}.batch-limits bdi{font-size:3.8rem}.batch-limits span{font-size:1.05rem}.local-flow{font-size:1rem;padding:25px;gap:18px}.transfer-note{padding:25px}.transfer-note h2{font-size:1.5rem}.transfer-note p{font-size:.95rem}.screenshot-dialog .dialog-toolbar{padding:10px 12px}.screenshot-dialog .dialog-toolbar p{font-size:.75rem}.screenshot-dialog button{font-size:.8rem}}
.creative-overview {border-top:1px solid var(--line)}
.creative-intro {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:center;margin-bottom:30px}
.creative-intro h2 {font-size:2.6rem}
.creative-intro p {margin:24px 0;font-size:1.05rem;line-height:1.7}
.creative-intro>img {border-radius:20px}
.creative-overview>.type-samples {grid-template-columns:repeat(4,minmax(0,1fr));margin-block:18px 30px}
.creative-overview>.type-samples>div {background:#ebe6e8}
.layout-export .capability {background:#f0eee7}
@media(max-width:780px){.creative-intro{gap:35px;grid-template-columns:minmax(0,1fr) 230px}.creative-intro h2{font-size:2.1rem}.creative-overview>.type-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.creative-intro{grid-template-columns:minmax(0,1fr);gap:25px}.creative-intro>img{max-width:350px;width:100%;justify-self:center}.creative-intro h2{font-size:2rem}}
body.screen-open {overflow:hidden}
.tour-panel>img {border-radius:16px;align-self:center}
@media(max-width:520px){.tour-panel>img{max-width:300px;width:100%;justify-self:center}}
/* On a phone the visual result comes before the longer product explanation. */
@media(max-width:780px){
 .rich-hero .hero-copy{display:contents}
 .rich-site .rich-hero{row-gap:20px}
 .rich-hero .hero-copy>.eyebrow{order:0;margin-bottom:0}
 .rich-hero .hero-copy>h1{order:1;font-size:clamp(2.3rem,6.6vw,3.2rem)}
 .rich-hero>.hero-art{order:2;padding-top:0;max-width:480px}
 .rich-hero .hero-copy>.hero-actions{order:3;margin:0}
 .rich-hero .hero-copy>.lead{order:4;margin:0;max-width:none}
 .rich-hero .hero-copy>.hero-trust{order:5;margin:0}
 .rich-hero .hero-copy>small{order:6}
}
/* Keep each Studio capability's purpose visible even before selecting its details. */
.tour-layout {display:grid;grid-template-columns:270px minmax(0,1fr)}
.tour-nav {display:flex;flex-direction:column;flex-wrap:nowrap;border-bottom:0;border-inline-end:1px solid #d4dbd3;gap:5px;padding:10px}
.tour-nav button {flex:0 1 auto;text-align:start;padding:17px 16px;font-weight:400;font-size:.9rem}
.tour-nav button strong {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1rem;font-weight:650}
.tour-nav button>span {display:block;font-size:.77rem;line-height:1.55;color:#67726b;margin-top:8px}
.tour-nav button[aria-pressed=true]>span {color:#496786}
.tour-panel {grid-template-columns:minmax(0,1fr) 215px;gap:30px;padding:35px;min-height:0;align-items:start}
.tour-panel .capability .cap-title {font-size:1.7rem}
@media(max-width:1100px){.tour-layout{grid-template-columns:235px minmax(0,1fr)}.tour-panel{grid-template-columns:minmax(0,1fr);align-content:start;padding:28px}.tour-panel .native-screen{max-width:225px}.tour-panel>img{max-width:340px;width:100%;justify-self:center}}
@media(max-width:780px){.tour-layout{display:block}.tour-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-inline-end:0;border-bottom:1px solid #d4dbd3}.tour-nav button{padding:15px}.tour-panel{grid-template-columns:minmax(0,1fr) 210px;min-height:0}}
@media(max-width:520px){.tour-nav button{padding:13px 11px}.tour-nav button strong{font-size:.9rem}.tour-nav button>span{font-size:.75rem}.tour-panel{grid-template-columns:minmax(0,1fr);padding:24px}.tour-panel .native-screen{max-width:250px}}
@media(min-width:781px) and (max-width:1100px){.tour-panel{grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-content:normal}.tour-panel .native-screen{max-width:190px}}
html[dir=rtl] .rich-site .cap-title {line-height:1.4;letter-spacing:0}
html[dir=rtl] .tour-nav button strong {line-height:1.45}
.preset-clarification {margin-top:20px;padding:22px 25px;border:1px solid var(--line);border-radius:13px;background:#f0f2eb}
.preset-clarification strong {font-size:.93rem;line-height:1.5;display:block}
.preset-clarification p {font-size:.9rem;line-height:1.7;margin-top:10px}
.tour-nav button {min-width:0;overflow-wrap:anywhere}
.capability .controls-caption {font-size:.74rem;font-weight:600;color:#62717a;margin:20px 0 0;line-height:1.4}
.capability .control-list {margin-top:9px}
@media(max-width:780px){.page-jumps a{min-height:44px}}
.tour-nav button>span {font-size:.85rem}
.composition-preview {display:block;cursor:zoom-in;min-width:0;border-radius:16px;overflow:hidden;background:#ffffff85}
.composition-preview img {display:block;width:100%;height:auto}
.composition-preview>span {display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:.8rem;color:#4b607a}
@media(max-width:520px){.tour-nav button>span{font-size:.82rem}.tour-panel>.composition-preview{max-width:330px;width:100%;justify-self:center}}
/* Keep primary navigation reachable while reading the longer feature guides. */
.site-header {position:sticky;top:0}
.rich-site [id] {scroll-margin-top:112px}
@media(max-width:780px){.rich-site [id]{scroll-margin-top:98px}}
.custom-size-hint {display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px;padding:16px 18px;border:1px solid #d5dfe9;border-radius:10px;background:#edf3f9}
.custom-size-hint>div {flex:1 1 130px;min-width:0}
.custom-size-hint strong {font-size:.87rem;font-weight:600}
.capability .custom-size-hint p {font-size:.78rem;line-height:1.45;margin:5px 0 0}
.custom-size-hint>span:last-child {font-size:.78rem;color:#526a82;overflow-wrap:anywhere}
.matrix-group th {background:#eaf0e4;color:#4e6245!important;font-size:.82rem;letter-spacing:.03em;width:auto!important;padding-block:13px!important}
.matrix-detail {display:flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:#c5d0dd;text-underline-offset:4px}
.matrix-detail:hover {color:var(--blue);text-decoration-color:currentColor}
.matrix-detail {display:block;overflow-wrap:anywhere;hyphens:auto;padding-block:3px}