/* Screen-only presentation. The application's physical print rules are untouched. */
@media screen {
  html { scroll-padding-top:24px; }
  body.studio-redesign { --studio-navy:#10243f; --studio-blue:#0666c9; --studio-ink:#10213b; --studio-muted:#596d86; background:#fff!important; color:var(--studio-ink); padding:20px 34px 48px 282px!important; font-family:Inter,"Segoe UI",Arial,sans-serif; overflow-x:clip; }
  .studio-redesign *, .studio-redesign *::before, .studio-redesign *::after { box-sizing:border-box; }
  .studio-icon { display:inline-block; width:22px; height:22px; flex:0 0 22px; object-fit:contain; vertical-align:middle; }
  .studio-sidebar { position:fixed; inset:0 auto 0 0; width:248px; padding:28px 14px; background:var(--studio-navy); color:#fff; z-index:1000; overflow-y:auto; }
  .studio-brand { display:flex; align-items:center; gap:12px; padding:0 8px 32px; text-decoration:none; color:#fff; }
  .studio-brand-mark { display:grid; place-items:center; width:50px; height:54px; flex:0 0 50px; border-radius:12px; background:#0874db; }
  .studio-brand-mark .studio-icon { width:29px; height:29px; filter:invert(1); }
  .studio-brand strong { font-size:18px; letter-spacing:-.5px; }
  .studio-brand small { display:block; color:#bfcee0; font-size:11px; line-height:1.5; margin-top:4px; font-weight:400; }
  .studio-nav { display:grid; gap:8px; }
  .studio-nav a { display:flex; gap:15px; align-items:center; min-height:52px; padding:12px 16px; border-radius:8px; color:#dbe6f4; text-decoration:none; font-size:15px; line-height:1.35; }
  .studio-nav .studio-icon { filter:invert(1); opacity:.92; }
  .studio-nav a:hover { background:#193859; color:#fff; }
  .studio-nav a[aria-current="page"] { background:#0867ca; color:#fff; font-weight:600; }
  .studio-nav-separator { border:0; border-top:1px solid #36506d; margin:16px 10px; }
  .studio-sidebar-note { margin:30px 15px 0; color:#aebfd4; font-size:12px; line-height:1.6; }
  .studio-mobile-header { display:none; }
  .studio-old-header { display:none!important; }
  .studio-redesign .home-language-switcher { width:100%!important; max-width:1420px!important; padding:0!important; margin:0 auto 22px!important; display:flex!important; justify-content:flex-end!important; gap:6px!important; border:0!important; box-shadow:none!important; background:none!important; }
  .studio-redesign .home-language-switcher button { flex:0 0 auto!important; min-width:76px!important; min-height:42px; padding:9px 14px!important; font-size:14px!important; font-weight:600!important; color:#193354; border:1px solid #dce5f0; border-radius:7px; background:#fff; box-shadow:none!important; transform:none!important; }
  .studio-redesign .home-language-switcher button.active { background:#0666c9!important; color:#fff!important; border-color:#0666c9; }
  .studio-redesign #home-page { max-width:1420px!important; width:100%!important; padding:0!important; margin:0 auto 34px!important; border:0!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; }
  .studio-intro { margin:0 0 24px; }
  .studio-intro h1 { font-size:clamp(28px,3.1vw,44px)!important; line-height:1.16!important; color:#10213b!important; margin:0 0 8px!important; font-weight:750; letter-spacing:-1.3px; }
  .studio-intro p { margin:0; color:#596d86; font-size:18px; line-height:1.5; }
  .studio-hero { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(250px,.78fr); gap:24px; align-items:center; padding:30px; border:1px solid #cde2f7; border-radius:12px; background:#eaf5ff; min-height:398px; }
  .studio-eyebrow { display:block; font-size:12px; letter-spacing:2px; font-weight:650; color:#0666c9; margin-bottom:13px; }
  .studio-hero h2 { font-size:clamp(30px,3.2vw,46px); letter-spacing:-1.4px; line-height:1.12; margin:0 0 16px; color:#10213b; }
  .studio-hero-copy>p { max-width:510px; font-size:17px; line-height:1.65; color:#455d79; margin:0 0 22px; }
  .studio-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:12px 20px; border-radius:7px; border:1px solid transparent; background:#0666c9; color:#fff!important; text-decoration:none; font:650 16px/1.35 Inter,"Segoe UI",Arial,sans-serif; cursor:pointer; transition:background-color .18s,box-shadow .18s; }
  .studio-button .studio-icon { filter:invert(1); }
  .studio-button:hover { background:#034f9e; }
  .studio-button.secondary { background:#e9f3ff; color:#075bb4!important; border-color:#d1e4fa; }
  .studio-button.secondary:hover { background:#d9eaff; }
  .studio-button.secondary .studio-icon { filter:none; }
  .studio-facts { display:flex; flex-wrap:wrap; align-items:center; gap:16px 20px; margin:26px 0 0; padding:18px 0 0; border-top:1px solid #c9ddf1; font-size:13px; color:#244767; }
  .studio-facts span { display:flex; align-items:center; gap:8px; }
  .studio-facts .studio-icon { width:19px; height:19px; flex-basis:19px; }
  .studio-card-demo { min-width:0; margin:0; text-align:center; }
  .studio-card-stage { width:min(218px,100%); aspect-ratio:54 / 85.6; perspective:1100px; margin:0 auto; }
  .studio-flip-inner { width:100%; height:100%; position:relative; transform-style:preserve-3d; animation:studioCardFlip 16s ease-in-out infinite; }
  .studio-card-face { position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 14px 24px #13366024; }
  .studio-card-face img { display:block; width:100%; height:100%; object-fit:cover; }
  .studio-card-face.back { transform:rotateY(180deg); }
  .studio-card-stage.is-paused .studio-flip-inner { animation-play-state:paused; }
  .studio-card-stage.is-manual .studio-flip-inner { animation:none; transform:rotateY(0); }
  .studio-card-stage.is-manual[data-side="back"] .studio-flip-inner { transform:rotateY(180deg); }
  .studio-card-demo figcaption { margin-top:17px; font-size:12px; color:#526b87; }
  .studio-motion-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 9px; margin-top:5px; }
  .studio-motion-controls button { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:9px 7px; min-height:40px; border:0; background:none; color:#14599d; font:600 12px/1.3 Inter,"Segoe UI",Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
  .studio-motion-controls button[hidden] { display:none; }
  .studio-motion-controls .studio-icon { width:15px; height:15px; flex-basis:15px; }
  @keyframes studioCardFlip { 0%,33% { transform:rotateY(-12deg) rotateZ(-3deg); } 44%,78% { transform:rotateY(168deg) rotateZ(3deg); } 90%,100% { transform:rotateY(348deg) rotateZ(-3deg); } }
  .studio-tools { margin-top:26px; }
  .studio-section-title { font-size:25px; line-height:1.2; letter-spacing:-.5px; margin:0 0 6px; color:#10213b; }
  .studio-section-sub { font-size:15px; line-height:1.5; color:#596d86; margin:0 0 14px; }
  .studio-tool-row { display:flex; align-items:center; gap:18px; padding:20px 22px; margin-bottom:12px; border:1px solid #dce5ef; border-radius:10px; background:#fff; }
  .studio-tool-symbol { display:grid; place-items:center; width:62px; height:62px; flex:0 0 62px; border-radius:10px; background:#e5f7ef; }
  .studio-tool-symbol .studio-icon { width:30px; height:30px; }
  .studio-tool-symbol.certificate { background:#f0eafd; }
  .studio-tool-copy { flex:1; min-width:0; }
  .studio-tool-copy h3 { font-size:19px; line-height:1.35; margin:0 0 5px; color:#10213b; }
  .studio-tool-copy p { margin:0; color:#596d86; font-size:14px; line-height:1.6; }
  .studio-tool-meta { font-size:12px; color:#526b87; margin-top:8px; line-height:1.5; }
  .studio-tool-row>.studio-button { font-size:14px; padding:11px 16px; min-height:44px; flex-shrink:0; }
  .studio-steps { display:flex; flex-wrap:wrap; align-items:center; gap:20px; padding:22px; border-radius:10px; background:#f5f8fc; border:1px solid #e0e8f2; margin-top:15px; }
  .studio-steps>div:first-child { flex:1; min-width:180px; }
  .studio-steps h3 { font-size:20px; margin:0 0 5px; }
  .studio-steps p { font-size:13px; line-height:1.5; color:#596d86; margin:0; }
  .studio-step { display:flex; align-items:center; gap:10px; flex:1; min-width:135px; font-size:14px; }
  .studio-step b { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#0666c9; color:#fff; flex-shrink:0; }
  .studio-step small { display:block; font-size:12px; margin-top:3px; color:#596d86; }
  .studio-more { margin-top:22px; border-top:1px solid #e0e8f2; padding-top:20px; }
  .studio-more h3 { font-size:18px; margin:0 0 12px; }
  .studio-mark-tools { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .studio-mark-tools article { padding:18px; border:1px solid #dce5ef; border-radius:9px; }
  .studio-mark-tools h4 { margin:0 0 7px; font-size:16px; }
  .studio-mark-tools p { margin:0 0 12px; font-size:14px; line-height:1.6; color:#596d86; }
  .studio-mark-tools a, .studio-tutorial summary, .studio-home-footer a { color:#075eb8; text-underline-offset:3px; font-size:14px; }
  .studio-tutorial { margin-top:20px; padding:15px 0; border-top:1px solid #e0e8f2; }
  .studio-tutorial summary { font-weight:600; cursor:pointer; min-height:32px; }
  .studio-tutorial iframe { display:block; width:min(100%,320px); aspect-ratio:9/16; border:0; border-radius:10px; margin:18px auto 0; }
  .studio-home-footer { display:flex; flex-wrap:wrap; gap:12px 22px; padding:18px 0; margin-top:6px; border-top:1px solid #e0e8f2; }
  .studio-redesign :where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #0a80e7!important; outline-offset:4px!important; }
  .studio-redesign :where(.form-box,.page-title,.pro-hero,.multi-student-print,.info-page,.owner-contact,.seo-services,.pro-footer,.pro-workflow) { max-width:1420px; }
  .studio-redesign #generator-page { margin-top:30px; scroll-margin-top:20px; }
  .studio-redesign .form-box { box-shadow:0 5px 20px #112f5010; }
  .studio-redesign .public-home:before,.studio-redesign .public-home:after { content:none!important; }
  .studio-menu-shade { display:none; }
  @media(min-width:1700px) { body.studio-redesign { padding-left:302px!important; padding-right:54px!important; } .studio-hero { padding:38px 46px; } .studio-card-stage { width:240px; } }
  @media(max-width:1150px) { body.studio-redesign { padding-left:240px!important; padding-right:22px!important; } .studio-sidebar { width:218px; padding-left:10px; padding-right:10px; } .studio-brand { gap:8px; } .studio-brand strong { font-size:16px; } .studio-brand-mark { width:40px; height:46px; flex-basis:40px; } .studio-nav a { padding-left:13px; gap:11px; font-size:14px; } .studio-hero { padding:24px; gap:18px; grid-template-columns:minmax(0,1fr) 205px; } .studio-card-stage { width:182px; } .studio-hero h2 { font-size:35px; } .studio-hero-copy>p { font-size:16px; } .studio-tool-row { padding:18px; gap:13px; } .studio-tool-symbol { width:48px; height:52px; flex-basis:48px; } .studio-tool-row>.studio-button { max-width:145px; } }
  @media(max-width:900px) { body.studio-redesign { padding:16px 22px 34px!important; } .studio-mobile-header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 0 15px; border-bottom:1px solid #e0e8f2; margin-bottom:14px; } .studio-mobile-brand { display:flex; align-items:center; gap:9px; font-size:18px; font-weight:750; color:#10213b; text-decoration:none; } .studio-mobile-brand .studio-icon { width:30px; height:30px; } #studioMenuButton { display:flex; align-items:center; justify-content:center; gap:8px; min-width:84px; min-height:44px; padding:8px 10px; background:#fff; color:#173554; border:1px solid #cfdbea; border-radius:7px; font-size:14px; font-weight:600; cursor:pointer; } .studio-sidebar { transform:translateX(-100%); transition:transform .2s ease; visibility:hidden; width:260px; } .studio-redesign.studio-menu-open .studio-sidebar { transform:none; visibility:visible; } .studio-redesign.studio-menu-open .studio-menu-shade { display:block; position:fixed; inset:0; background:#07182c66; z-index:999; border:0; padding:0; } .studio-redesign .home-language-switcher { margin-bottom:20px!important; } .studio-intro h1 { font-size:34px!important; } .studio-intro p { font-size:16px; } .studio-hero { grid-template-columns:minmax(0,1fr) 230px; } .studio-card-stage { width:194px; } }
  @media(max-width:620px) { html { scroll-padding-top:12px; } body.studio-redesign { padding:12px 16px 30px!important; } .studio-mobile-brand { font-size:17px; } .studio-redesign .home-language-switcher { justify-content:flex-start!important; gap:7px!important; } .studio-redesign .home-language-switcher button { min-width:0!important; padding:9px 13px!important; min-height:44px; font-size:13px!important; } .studio-intro { margin-bottom:20px; } .studio-intro h1 { font-size:30px!important; line-height:1.2!important; letter-spacing:-.8px; } .studio-intro p { font-size:16px; line-height:1.6; } .studio-hero { grid-template-columns:1fr; padding:22px 20px; gap:27px; min-height:0; } .studio-eyebrow { font-size:11px; } .studio-hero h2 { font-size:32px; letter-spacing:-1px; } .studio-hero-copy>p { font-size:16px; line-height:1.6; } .studio-hero-copy>.studio-button { width:100%; } .studio-facts { font-size:12px; gap:12px 16px; padding-top:17px; margin-top:20px; } .studio-facts span:last-child { flex-basis:100%; } .studio-card-stage { width:190px; } .studio-card-demo { padding-bottom:0; } .studio-motion-controls button { min-height:44px; font-size:12px; } .studio-section-title { font-size:23px; } .studio-section-sub { font-size:14px; } .studio-tool-row { flex-wrap:wrap; gap:12px; padding:18px 16px; } .studio-tool-symbol { width:44px; height:48px; flex-basis:44px; } .studio-tool-symbol .studio-icon { width:25px; height:25px; } .studio-tool-copy { flex:1 1 calc(100% - 60px); } .studio-tool-copy h3 { font-size:17px; } .studio-tool-copy p { font-size:14px; } .studio-tool-row>.studio-button { max-width:none; width:100%; } .studio-steps { align-items:flex-start; gap:18px; padding:20px 18px; } .studio-steps>div:first-child { flex-basis:100%; } .studio-step { flex-basis:100%; } .studio-mark-tools { grid-template-columns:1fr; } .studio-redesign #generator-page,.studio-redesign .page-title,.studio-redesign .form-box { max-width:100%!important; min-width:0!important; } }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .studio-flip-inner { animation:none!important; transform:none; } .studio-card-stage[data-side="back"] .studio-flip-inner { transform:rotateY(180deg); } .studio-sidebar,.studio-button { transition:none; } }
}
@media print { .studio-sidebar,.studio-mobile-header,.studio-menu-shade { display:none!important; } }