@layer midnight {
  :root {
    color-scheme: dark;
    --ink: #f4f4ff;
    --forest: #e6e5fa;
    --muted: #acadc7;
    --line: #ffffff17;
    --lime: #c5f8cb;
    --violet: #b29aff;
    --mint: #a0eacb;
    --surface: #151827;
    --surface-raised: #1c2034;
    background: #0c0e1a;
    color: var(--ink);
  }
  body {
    background: radial-gradient(ellipse 65% 650px at 88% 8%, #422b753a, transparent 75%),
      radial-gradient(ellipse 55% 750px at 0% 35%, #154b4b24, transparent 75%), #0c0e1a;
  }
  ::selection { background: #b3a0ff; color: #151329; }
  :focus-visible { outline: 3px solid #d0bdff; outline-offset: 4px; }
  .portal-topbar { background: #101220ed; border-color: #ffffff12; backdrop-filter: blur(18px); }
  .brand { color: #f5f5ff; }
  .brand-icon { background: linear-gradient(145deg,#c0a5ff,#7a60d2); color: #17102d; box-shadow: 3px 3px 0 #b8f0ce; }
  .brand-dot { color: #b4f0ce; }
  .portal-nav > button { color: #b3b3cd; }
  .portal-nav > button:hover, .portal-nav > button.active { background: #ffffff0b; color: #fff; box-shadow: inset 0 0 0 1px #ffffff0b; }
  .nav-new { background: #b29aff20; color: #cdbaff; }
  .preview-label { color: #adafc7; }
  .preview-label i, .tag-dot { background: #a0edc1; box-shadow: 0 0 10px #9ff1b838; }
  .icon-button { color: #b7bbd2; }
  .icon-button:hover:not(:disabled) { background: #ffffff10; color: #fff; }
  .button-primary { background: #bdf3ca; color: #122a20; border: 1px solid #d4ffdb; box-shadow: 0 6px 24px #a4efbe16, inset 0 1px 0 #ffffff50; font-weight: 650; }
  .button-primary:hover:not(:disabled) { background: #d1ffdb; color: #10291c; box-shadow: 0 8px 30px #9debba28; }
  .button-secondary { background: #ffffff06; border-color: #ffffff26; color: #d1d2e7; }
  .button-secondary:hover:not(:disabled) { background: #ffffff0e; border-color: #b9a3ff80; color: #fff; }
  .portal-hero { position: relative; padding-top: 62px; padding-bottom: 60px; min-height: 680px; gap: 10px; }
  .portal-hero::before { content: ''; position: absolute; inset: 0 -28px; z-index: -1; pointer-events: none; background-image: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at 75% 40%,black,transparent 70%); }
  .hero-copy { position: relative; z-index: 2; }
  .portal-kicker { color: #acaccb; font-size: 10px; letter-spacing: 1.8px; }
  .hero-copy > .portal-kicker { padding: 10px 13px; border: 1px solid #b6a0ff30; border-radius: 25px; background: #ab85ff0b; color: #c6b3f5; }
  .portal-kicker > span { background: #bc9cff; box-shadow: 0 0 10px #b18aef60; }
  .hero-copy h1 { color: #f2f1fc; font-weight: 600; margin-top: 25px; letter-spacing: -4.6px; }
  .hero-copy h1 em, .pricing-intro h1 em { color: #b89dff; background: linear-gradient(100deg,#c3a1ff 10%,#a48fff 50%,#9de6cf 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .hero-copy > p { color: #acadc5; max-width: 405px; font-size: 15px; }
  .hero-actions { margin-top: 27px; }
  .hero-secondary { color: #d9d4f0; border: 1px solid #ffffff1c; padding: 0 17px; background: #ffffff03; }
  .hero-secondary:hover { background: #ffffff0a; }
  .hero-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
  .hero-shortcuts button { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 7px 11px; border: 1px solid #ffffff14; border-radius: 8px; color: #b3b3cb; background: #ffffff04; font-size: 10px; }
  .hero-shortcuts svg { width: 13px; height: 13px; color: #bda8ed; }
  .hero-shortcuts button:hover { background: #b39aff16; border-color: #b39aff45; color: #fff; }
  .hero-privacy { color: #9298b1; font-size: 10px; margin-top: 19px; }
  .hero-privacy svg { color: #8ab99e; }
  .hero-stage { min-height: 510px; background: radial-gradient(ellipse at 50% 45%,#7655af42 0,#7148bc13 47%,transparent 72%); }
  .hero-stage::before { content: ''; position: absolute; width: 330px; height: 330px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: linear-gradient(140deg,#7553ad,#327465); opacity: .24; filter: blur(55px); z-index: -1; pointer-events: none; }
  .stage-orbit { border-color: #b6a2ed24; width: 420px; height: 420px; }
  .orbit-two { width: 510px; height: 330px; border-color: #99e2c62b; }
  .stage-tag { color: #bbb9d4; border-color: #bda8ff2b; background: #1a192ed9; box-shadow: 0 6px 30px #0003; top: 4px; }
  .hero-document { box-shadow: 0 28px 55px #0006, 0 0 0 1px #ffffff07; }
  .document-front { background: linear-gradient(145deg,#fcf9ff,#ded9f1); border-color: #e2dcff; transform: rotate(-10deg); top: 65px; left: 12%; }
  .document-front:hover { box-shadow: 0 32px 65px #0008, 0 0 40px #aa7cff30; }
  .document-front .paper-line { background: #c3bdd7; }
  .document-front .paper-rule { background: #b4a9ce; }
  .document-front .paper-eyebrow, .document-front .cv-role { color: #7b6e94; }
  .document-front .cv-monogram { background: #d9cdef; color: #70559c; }
  .document-front .paper-footer { color: #716583; }
  .document-back { background: linear-gradient(150deg,#305954,#153537); border-color: #84b7a54d; top: 118px; right: 1%; transform: rotate(14deg); }
  .document-back > strong { color: #d7eee0; }
  .document-back .paper-footer { color: #a3d3be; }
  .document-back .paper-footer > span { color: #d8f6e6; }
  .mini-file-icon { background: #a7d5bf24; color: #c0e5cd; }
  .mini-photo { background: #658c7c; }
  .mini-photo::after { background: #234c49; }.mini-photo i { background: #3c6e5d; }
  .stage-pill { background: #24243de8; color: #d2cae9; border-color: #c5a8ff45; box-shadow: 0 12px 30px #0004; backdrop-filter: blur(12px); }
  .stage-pill svg { color: #c5afff; }.pill-ready { background: #213d36e8; border-color: #a8e0bd45; color: #c3e5d2; bottom: 21px; }.pill-ready svg { color: #b7efc7; }
  .restore-banner { background: #26213a; border-color: #8e70c747; color: #c5b5e1; }
  .restore-banner button { color: #d7c2fc; }
  .tools-section { border-color: #ffffff13; padding-top: 39px; padding-bottom: 55px; }
  .section-intro h2 { color: #f1effc; font-weight: 550; }
  .section-intro > p { color: #8d91af; }
  .tool-cards { gap: 15px; }
  .portal-tool-card { background: linear-gradient(145deg,#242039,#151625); border-color: #b096ec2d; border-radius: 19px; min-height: 250px; padding: 25px; position: relative; overflow: hidden; box-shadow: 0 10px 25px #0002, inset 0 1px 0 #ffffff05; }
  .portal-tool-card::after { content: ''; position: absolute; width: 105px; height: 105px; border-radius: 50%; background: #a37ae8; opacity: .09; filter: blur(25px); right: -30px; top: -35px; pointer-events: none; }
  .portal-tool-card:nth-child(2) { background: linear-gradient(145deg,#1b2c43,#131b2d); border-color: #83aee132; }
  .portal-tool-card:nth-child(3) { background: linear-gradient(145deg,#382b30,#211c26); border-color: #e3ac8330; }
  .portal-tool-card:nth-child(4) { background: linear-gradient(145deg,#1c3431,#162323); border-color: #8bd4b62d; }
  .portal-tool-card:hover { border-color: #c2a3ff85; box-shadow: 0 18px 35px #0004; transform: translateY(-5px); }
  .portal-tool-icon { border: 1px solid #b9a2ef25; background: #c6a8ff16; color: #c8b3ff; box-shadow: inset 0 1px 0 #ffffff0a; }
  .tone-blue { background: #93c7ff14; color: #9dc7f2; border-color: #91c4f52b; }
  .tone-peach { background: #ecc0a114; color: #edbd99; border-color: #edbd992b; }
  .tone-mint { background: #abe8c514; color: #a4e6c1; border-color: #a4e6c12b; }
  .tool-card-title { color: #e9e7fa; }.tool-card-title > span { color: #a59bbf; }
  .portal-tool-card > p { color: #acabc3; font-size: 12px; }
  .tool-card-foot { color: #86839e; letter-spacing: 1px; }
  .demo-link { color: #9296b2; }.demo-link strong { color: #c2adf4; border-color: #735c9e; }
  .portal-models { padding-top: 30px; }
  .text-link { color: #c5aff9; }
  .model-showcase { gap: 16px; }
  .model-feature { background: linear-gradient(160deg,#211c35,#171525); padding: 21px; border: 1px solid #b195ee26; border-radius: 20px; transition: transform .2s,border-color .2s; }
  .model-feature:nth-child(2) { background: linear-gradient(160deg,#19312d,#121e23); border-color: #8cd2b725; }
  .model-feature:nth-child(3) { background: linear-gradient(160deg,#34272e,#211922); border-color: #dfa88125; }
  .model-feature:hover { border-color: #d4bdff66; transform: translateY(-4px); }
  .model-number { color: #aaa2bf; }
  .model-art { border: 1px solid #c2a7ff26; background: #9c77d615; height: 210px; }
  .art-title { color: #d1beed; }
  .art-bar { background: #b596e359; }.model-art i { background: #a28acb2e; }
  .art-contract { background: #9fe4b312; border-color: #a0dfb52a; }.art-contract .art-title { color: #aed8c1; }.art-contract .contract-lines { background: repeating-linear-gradient(transparent,transparent 11px,#7ca99430 12px,transparent 13px); border-color: #7ca99440; }.art-sign { color: #addabe; }
  .art-receipt { background: #e8b19512; border-color: #f4c0a52a; }.receipt-stamp { border-color: #be9574; color: #dfb194; }.receipt-amount { color: #edc9b0; }.art-receipt .art-bar { background: #d9ab8959; }.art-receipt i { background: #d9ab8930; }
  .model-feature h3 { color: #eee9fa; }.model-feature > p { color: #a6a5be; }.model-action { color: #c7b3ea; }
  .portal-promise { background: radial-gradient(ellipse at 100% 0,#ad80e533,transparent 65%),linear-gradient(130deg,#29213e,#182b2b); border: 1px solid #bf9aef35; box-shadow: 0 16px 50px #0002; }
  .portal-promise .portal-kicker { color: #b7a3d7; }.portal-promise p { color: #b4afcb; }.portal-promise .button { background: #c1f4ce; color: #1c3829; }.promise-steps > div > span { background: #ffffff06; border-color: #d7b0ff35; color: #d5c0ef; }
  .portal-footer { border-color: #ffffff13; }.portal-footer p, .portal-footer > span { color: #848aa5; }

  /* Colored surfaces continue through each working area. PDF pages keep their actual colors. */
  .studio-shell, .template-studio { color: #efeffa; }
  .studio-heading p, .template-intro p, .template-description { color: #a8abc6; }
  .studio-eyebrow, .template-eyebrow { color: #bca6ea; }
  .studio-tabs { background: #ffffff05; border: 1px solid #ffffff12; }
  .studio-tabs button { color: #a3a7c0; }
  .studio-tabs button[aria-selected=true] { background: #38304f; color: #e5d3ff; box-shadow: inset 0 0 0 1px #b79be645; }
  .studio-settings, .template-inputs { background: #171b2a; border-color: #ffffff18; box-shadow: 0 12px 35px #0002; }
  .studio-settings label, .template-field label, label.template-field, .template-review { color: #b8bbd4; }
  .studio-settings select, .studio-settings input:not([type=checkbox]), .studio-settings textarea,
  .template-field input, .template-field textarea, .template-field select { background: #0e1220; border-color: #525571; color: #e6e7f6; caret-color: #d0b3ff; }
  input::placeholder, textarea::placeholder { color: #7e85a3; opacity: 1; }
  .studio-settings p, .studio-settings small, .studio-count, .studio-page-source, .studio-page-origin { color: #a0a7c1; }
  .studio-summary, .studio-footer { border-color: #ffffff16; }.studio-summary-label { color: #b6a5cf; }
  .studio-dropzone { background: radial-gradient(ellipse at 50% 100%,#8b56bb1c,transparent),#1e1a30; border-color: #aa81d567; }
  .studio-dropzone:hover, .studio-dropzone.is-drag-over { background-color: #29213f; border-color: #c0a0f5; }
  .studio-drop-icon { background: #a385e125; color: #ccb4ff; }
  .studio-dropzone > span:not(.studio-drop-icon), .studio-dropzone > small { color: #b7a6d1; }
  .studio-batchbar button, .studio-page-actions button, .studio-footer button, .studio-cancel, .studio-apply-range { background: #24283c; border-color: #ffffff26; color: #c8c7df; }
  .studio-batchbar button:hover, .studio-page-actions button:hover { background: #3d3454; color: #fff; }
  .studio-footer button:first-of-type { background: #baf0c8; border-color: #baf0c8; color: #153325; }
  .studio-page { background: #1b2032; border-color: #ffffff20; box-shadow: 0 8px 20px #0002; }.studio-page:has(input:checked) { background: #25203b; border-color: #b18ddb; }.studio-page > label { color: #d5c3ed; }.studio-page input { accent-color: #b995f0; }.studio-page-actions { border-color: #ffffff16; }
  .studio-empty { background: #141a29; border-color: #ffffff16; color: #a1a9c3; }.studio-empty strong { color: #c0c5dc; }.studio-empty > span { color: #6e7697; }
  .studio-local-note { color: #9da6bf !important; }.studio-status { color: #c6acde; }
  .studio-results { background: #17342e; border-color: #99ddb435; }.studio-results .studio-result, .studio-results button { color: #b2e0c5; border-color: #99ddb425; }
  .template-category { background: #191d2d; color: #aaaec8; border-color: #ffffff20; }.template-category[aria-pressed=true] { background: #bca3f4; color: #22172e; border-color: #cfb9ff; }
  .template-search-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 26px; }
  .template-search-row label { display: flex; flex-direction: column; gap: 9px; width: min(100%, 520px); color: #c4bfd8; font-size: 12px; }
  .template-search-row input { width: 100%; min-height: 48px; padding: 12px 15px; border: 1px solid #555373; border-radius: 11px; background: #131727; color: #eeebfa; font-size: 14px; }
  .template-result-count { color: #a49dbb; font-size: 11px; white-space: nowrap; padding-bottom: 16px; }
  .template-search-empty { padding: 24px; grid-column: 1/-1; background: #24213b; border: 1px solid #8b72b440; border-radius: 12px; color: #c5b3dc; font-size: 13px; line-height: 1.8; }
  .template-change-model { font-size: 11px; color: #c4a8ee; min-height: 44px; padding: 8px 0; margin-bottom: 10px; }
  .template-miniature-declarations { background: #719ec924; }.template-miniature-declarations .template-mini-title { color: #b1cce9; }
  .template-miniature-powers { background: #b18a4f24; }.template-miniature-powers .template-mini-title { color: #e8c48f; }
  .template-miniature-business { background: #6dc2b224; }.template-miniature-business .template-mini-title { color: #a5ded2; }
  .model-quicklinks { margin-top: 24px; }.model-quicklinks button { font-size: 12px; min-height: 44px; padding-inline: 16px; }
  .template-card { background: #191d2c; border-color: #ffffff16; box-shadow: 0 8px 24px #0001; }.template-card.active, .template-card[aria-pressed=true] { background: #2b2340; border-color: #b58ee2; }
  .template-miniature { background: #a784e21a; border: 1px solid #c7a8ff1f; }.template-mini-title { color: #cfb8ef; }.template-mini-line { background: #b094d03f; }.template-miniature-contracts { background: #84c9a51a; }.template-miniature-contracts .template-mini-title { color: #b4ddc9; }.template-miniature-contracts .template-mini-line { background: #95bba43f; }.template-miniature-receipts { background: #d5a1861a; }.template-miniature-receipts .template-mini-title { color: #e1b699; }.template-miniature-receipts .template-mini-line { background: #d2aa8d3f; }
  .template-card-info strong { color: #e3e2f1; }.template-card-description { color: #adb0c8; }.template-card-badge, .template-card-formats, .template-example { color: #c2a5e4; }
  .template-form { background: transparent; }.template-notice { background: #6e4c9820; border-color: #b18fda36; color: #c6afdf; }.template-field small { color: #929bb7; }.template-review input { accent-color: #b897e6; }
  .template-preview { background: #111725; border-color: #ffffff17; }.template-preview-heading h3, .template-page-count { color: #b0b6d2; }.template-preview-note { color: #959fbc !important; }.template-preview-page figcaption { color: #95a0bd; }.template-preview canvas { box-shadow: 0 15px 35px #0005; }
  .template-actions button { background: #2b2940; border-color: #c4a5f336; color: #dac7f3; }.template-actions button:first-child { background: #baf0c8; border-color: #baf0c8; color: #173527; }.template-actions button:last-child { background: #22273a; color: #bec3dc; }.template-status { color: #c5a8e1; }
  .studio-status.is-error, .template-status.is-error { color: #f5bebd; border-color: #bf777750; background: #6a2e3233; }

  .pricing-intro p, .pricing-single > p, .pricing-faq p { color: #a8adc7; }
  .pricing-disclaimer { background: #352641; color: #dbbaf0; border-color: #a77ac750; }
  .pricing-single { background: #171b2c; border-color: #ffffff1f; box-shadow: 0 15px 40px #0002; }.price-rows > div { border-color: #ffffff13; }.price-rows small { color: #9ba5c2; }.price-rows b { color: #cbebd3; }
  .pricing-plan { background: radial-gradient(ellipse at 90% 0,#9567cf59,transparent 70%),linear-gradient(145deg,#322443,#192e2b); border: 1px solid #c098ee60; box-shadow: 0 15px 50px #0004; }.plan-badge { color: #d5b4ff; }.plan-price strong { color: #c3f2d0; }.plan-price span, .pricing-plan > p { color: #b9b4d1; }.pricing-plan ul { color: #d6d3e8; }.plan-pending { background: #ffffff06; border-color: #ffffff26; color: #d3cbe2; }
  dialog { background: #1b2032; color: #e9e9f7; border: 1px solid #ffffff24; box-shadow: 0 25px 100px #0007; }dialog::backdrop { background: #070911b8; backdrop-filter: blur(8px); }
  .dialog-title h2, .download-price-line strong { color: #eeeaf9; }.download-preview-dialog { background: #1b2032; color: #eeebf9; }.download-file-name, .download-price-line, .download-preview-dialog [data-download-includes] { color: #aab2ce; }.download-price-line { border-color: #ffffff1b; }.download-dialog-icon { background: #99d4b11b; color: #afe3c0; }.download-preview-note { background: #aa86de18; color: #ccb8e7; }.help-note { background: #9c7dc71a; border-color: #bd9be230; }.help-note p, .help-privacy { color: #b1b6ce; }#help-dialog ol { color: #bdc1d7; }#help-dialog strong { color: #f0edf8; }
  .toast { background: #253a32; border-color: #9bd5b545; color: #d5f1df; box-shadow: 0 10px 40px #0004; }.toast svg { color: #a8dfba; }.toast.error { background: #472f37; color: #f2c2c1; border-color: #d59a9545; }
  .busy-overlay { background: #101320ed; color: #ecebfa; }.busy-overlay > span { color: #b0b5cd; }

  .editor { background: #111522; }.document-bar { background: #151a2b; border-color: #ffffff15; }.file-meta strong { color: #e2e4f3; }.file-meta > span, .draft-state { color: #9da7c2; }
  .workspace, .canvas-scroll { background-color: #0b101b; }.canvas-scroll { background-image: radial-gradient(#9cacea13 .8px,transparent .8px); }.toolbar, .left-panel, .inspector, .page-navigation { background: #151a2b; border-color: #ffffff17; }
  .tool { color: #a3afcc; }.tool:hover { background: #242a42; color: #e7e9f6; }.tool.active { background: #423250; color: #e0c4ff; }.toolbar-divider { background: #ffffff1b; }.zoom-controls { color: #b3beda; }
  .tool-hint { background: #24213a; color: #beb4d7; }.hint-badge { background: #b296da18; color: #bdb1d3; }.page-navigation, .page-save-note { color: #a6b2cd; }.page-switch select { background: #1a2135; border-color: #ffffff24; color: #dbe1f5; }
  .panel-heading h2, .section-label, .panel-tabs > button { color: #b0b8d0; }.panel-heading p { color: #8f9bb8; }.panel-tabs, .panel-section { border-color: #ffffff17; }.panel-tabs > button[aria-selected=true] { color: #d0b5f3; }.panel-tabs > button[aria-selected=true]::after { background: #c1a0ec; }.panel-tabs > button span { background: #ffffff0b; color: #a7afc7; }
  .direct-summary { background: #2b2541; border-color: #b492dc3d; }.direct-summary > strong, #direct-status { color: #dbc1f7; }.direct-summary p { color: #b3a8c7; }#edit-existing-sidebar { background: #aa82db22; color: #d1b7ec; border-color: #aa82db40; }
  .panel-tip { background: #183b302e; border-color: #8acfa82b; }.panel-tip p, .panel-tip strong { color: #a0c1b4; }.add-field-button { border-color: #b1a2ce50; color: #c1afd8; }.mobile-panel-toggle { background: #30263f; color: #d2bde9; border-color: #9273b35c; }
  .field-group label, .field-label, .inspector-body label { color: #b4bed8; }.field-group input, .field-group textarea, .field-group select, .inspector-body input, .inspector-body textarea { background: #0f1423; border-color: #535b76; color: #e2e8f7; }
  .thumbnail:hover, .thumbnail.active { background: #302741; border-color: #9f7dc162; color: #cdb8e7; }.direct-change-row, .overlay-row { background: #20263a; color: #c7c9df; border-color: #ffffff18; }.inspector-heading { border-color: #ffffff17; }.inspector-heading h2 { color: #c7b1e1; }.property-tip { color: #a1adc8; }
  /* Editing text remains a readable surface over the unchanged PDF page. */
  .inline-editor-toolbar, .inline-editor-meta, .inline-editor-actions { color-scheme: light; }
  .field-layer { color-scheme: light; }
  .inline-editor-actions .direct-cancel { background: #f2eef8; color: #58476b; border-color: #d6cce3; }
  .inline-editor-actions .direct-cancel:hover { background: #e6dff0; color: #392c4a; border-color: #b6a5cc; }
  .inline-editor-toolbar .inline-editor-close { color: #675d72; }
  .inline-editor-toolbar .inline-editor-close:hover { background: #ece6f4; color: #3e304f; }
  .editor .inline-editor-actions .direct-apply { background: #252c42; color: #fff; }

  @media (max-width:800px) {
    .portal-hero { min-height: 640px; }.hero-copy h1 { letter-spacing: -3.3px; }
    .hero-shortcuts { gap: 6px; }.hero-shortcuts button { font-size: 9px; padding: 7px 9px; }
    .portal-tool-card { padding: 21px; }.model-art { padding: 23px; }
  }
  @media (max-width:600px) {
    .template-search-row { flex-direction: column; align-items: stretch; gap: 9px; }.template-search-row label { width: 100%; }.template-search-row input { font-size: 16px; }.template-result-count { padding: 0; }.model-quicklinks button { font-size: 11px; padding-inline: 12px; }
    .template-catalog:has(> .template-card:only-child) { grid-template-columns: minmax(0, 1fr); }
    .portal-topbar { background: #101220; border-color: #ffffff16; }
    .portal-hero { padding-top: 34px; padding-bottom: 30px; gap: 0; min-height: auto; }
    .hero-copy > .portal-kicker { font-size: 8px; letter-spacing: 1.3px; padding: 9px 11px; }
    .hero-copy h1 { margin-top: 23px; letter-spacing: -3.2px; }.hero-copy > p { font-size: 14px; line-height: 1.8; }
    .hero-actions { gap: 8px; }.hero-actions .button { font-size: 11px; padding: 0 13px; min-height: 49px; }
    .hero-shortcuts { margin-top: 20px; gap: 7px; }.hero-shortcuts button { min-height: 42px; font-size: 9px; padding: 7px 10px; }
    .hero-privacy { font-size: 9px; line-height: 1.7; max-width: 300px; margin-top: 16px; }
    .hero-stage { min-height: 410px; margin-top: 25px; }.document-front { left: 10%; top: 61px; }.document-back { right: 3%; top: 102px; }.stage-orbit { width: 340px; height: 340px; }.orbit-two { width: 400px; height: 260px; }.pill-ready { bottom: 0; }
    .tool-cards { gap: 11px; }.portal-tool-card { padding: 17px; min-height: 235px; border-radius: 16px; }.tool-card-title { font-size: 14px; }.portal-tool-card > p { font-size: 11px; }.tool-card-foot { font-size: 6px; line-height: 1.8; letter-spacing: .7px; }
    .model-showcase { gap: 14px; }.model-feature { padding: 19px; column-gap: 17px; }.model-number { margin-bottom: 16px; }.model-art { height: 160px; padding: 14px; }.art-title { font-size: 17px; }.model-feature h3 { font-size: 19px; }.model-feature > p { font-size: 11px; }.model-action { font-size: 10px; }
    .studio-batchbar button, .studio-page-actions button { min-height: 42px; }
  }
  @media (max-width:360px) {
    .hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .button { min-height: 48px; }.hero-shortcuts { gap: 5px; }.hero-shortcuts button { padding: 6px 8px; font-size: 8px; gap: 5px; }.hero-copy h1 { letter-spacing: -3px; }.hero-stage { margin-top: 5px; }.portal-tool-card { padding: 13px; }.tool-card-title { font-size: 12px; }.model-feature { padding: 16px; }.model-art { padding: 12px; }.art-title { font-size: 15px; }
  }
  @media (prefers-reduced-motion:reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  }
}