/* Magnet Studio M37 — presentation-ready release polish.
   Final restrained layer across public pages, Studio, account,
   commerce and the FPS Repro production console. */

:root{
  --m37-ink:#101a38;--m37-copy:#5f6a82;--m37-blue:#3158ff;--m37-violet:#7550f5;
  --m37-pink:#e93aa7;--m37-green:#20ad80;--m37-line:rgba(24,39,82,.105);
  --m37-line-strong:rgba(49,88,255,.19);--m37-surface:rgba(255,255,255,.94);
  --m37-shadow:0 22px 64px rgba(28,42,82,.09);--m37-shadow-raised:0 30px 82px rgba(28,42,82,.14);
  --m37-focus:0 0 0 4px rgba(49,88,255,.17);--m37-ease:cubic-bezier(.22,.72,.24,1)
}
html{scroll-behavior:smooth;scrollbar-gutter:stable;background:#f4f6fb}
body{text-rendering:optimizeLegibility}
::selection{color:#10204b;background:rgba(119,137,255,.26)}
:where(a,button,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,summary):focus-visible{outline:0;box-shadow:var(--m37-focus)!important}
:where(button,[role='button'],a){touch-action:manipulation}
:where(input,select,textarea){caret-color:var(--m37-blue)}

/* Shared brand shell */
body:has(.m16-home) .ms-header,body:has(.m17-page) .ms-header,body:has(.m23-account-shell) .ms-header,
body:has(.m25-commerce-shell) .ms-header,body:has(.m30-operations) .ms-header{
  border-color:rgba(255,255,255,.96);background:linear-gradient(112deg,rgba(255,255,255,.95),rgba(249,251,255,.89));
  box-shadow:0 16px 48px rgba(25,38,77,.09),inset 0 1px 0 rgba(255,255,255,.98);
  transition:min-height .28s var(--m37-ease),box-shadow .28s ease,background .28s ease
}
body:has(.m16-home) .ms-header.is-m37-scrolled,body:has(.m17-page) .ms-header.is-m37-scrolled,
body:has(.m23-account-shell) .ms-header.is-m37-scrolled,body:has(.m25-commerce-shell) .ms-header.is-m37-scrolled,
body:has(.m30-operations) .ms-header.is-m37-scrolled{
  min-height:64px;background:rgba(255,255,255,.86);box-shadow:0 19px 54px rgba(22,34,70,.14),inset 0 1px 0 rgba(255,255,255,.98)
}
.ms-header .ms-brand,.m2-site-header .m2-brand,.m27-admin-brand{isolation:isolate}
.ms-header .ms-brand__mark,.m2-site-header .m2-brand__mark{transition:transform .3s var(--m37-ease),box-shadow .3s ease}
.ms-header .ms-brand:hover .ms-brand__mark,.m2-site-header .m2-brand:hover .m2-brand__mark{transform:translateY(-1px) rotate(-3deg) scale(1.025)}
.ms-nav a,.ms-account-link,.ms-cart-link,.m2-site-header nav a,.m2-header-link,.m2-header-cart{
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s var(--m37-ease)
}
.ms-nav a:hover,.ms-account-link:hover,.ms-cart-link:hover,.m2-site-header nav a:hover,.m2-header-link:hover,.m2-header-cart:hover{transform:translateY(-1px)}
.ms-nav a[aria-current='page']{color:var(--m37-blue)}

/* Buttons and controls */
:where(.ms-button,.m16-primary,.m23-primary,.m23-secondary,.m25-primary,.m25-secondary,.m2-primary-button,.m2-secondary-button,
.m4-smart-cut-action,.m5-mask-edit-action,.m27-save-secondary,.m30-hero__actions button){
  position:relative;overflow:hidden;transition:transform .22s var(--m37-ease),box-shadow .22s ease,border-color .22s ease,filter .22s ease
}
:where(.ms-button,.m16-primary,.m23-primary,.m25-primary,.m2-primary-button,.m4-smart-cut-action,.m5-mask-edit-action):hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.04)}
:where(.ms-button,.m16-primary,.m23-primary,.m25-primary,.m2-primary-button,.m4-smart-cut-action,.m5-mask-edit-action):active:not(:disabled){transform:translateY(0) scale(.992)}
:where(button,input,select,textarea):disabled{cursor:not-allowed}
:where(.m23-account-shell,.m25-commerce-shell,.m2-studio-app,.m27-admin-shell,.m30-operations) :where(input,select,textarea){
  border-color:rgba(36,51,96,.13);background:rgba(255,255,255,.96);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}
:where(.m23-account-shell,.m25-commerce-shell,.m2-studio-app,.m27-admin-shell,.m30-operations) :where(input,select,textarea):hover{border-color:rgba(49,88,255,.22)}
:where(.m23-account-shell,.m25-commerce-shell,.m2-studio-app,.m27-admin-shell,.m30-operations) :where(input,select,textarea):focus{border-color:rgba(49,88,255,.44);background:#fff}

/* Homepage */
.m16-home .m16-hero{border-color:rgba(255,255,255,.98);box-shadow:0 36px 104px rgba(24,39,80,.14),inset 0 1px 0 rgba(255,255,255,.94)}
.m16-home :where(.m16-hero__copy>p,.m16-section-head>p,.m16-production__copy>p,.m16-sheet-story__copy>p,.m16-studio-story__copy>p){color:var(--m37-copy);text-wrap:pretty}
.m16-home :where(.m16-trust,.m16-products__grid article,.m16-smartcut__flow,.m16-production,.m16-sheet-story,.m16-studio-story,.m16-final){border-color:rgba(255,255,255,.96);box-shadow:var(--m37-shadow)}
.m16-home :where(.m16-products__grid article,.m16-smartcut__steps article,.m16-production__points article,.m16-sheet-facts article){transition:transform .28s var(--m37-ease),box-shadow .28s ease,border-color .28s ease}
.m16-home :where(.m16-products__grid article,.m16-smartcut__steps article,.m16-production__points article,.m16-sheet-facts article):hover{transform:translateY(-4px);border-color:var(--m37-line-strong);box-shadow:0 22px 54px rgba(30,45,86,.12)}
.m16-home .m16-final{background:radial-gradient(circle at 92% 18%,rgba(234,59,168,.12),transparent 27%),linear-gradient(135deg,#fff,#f7f9ff 62%,#faf4ff)}

/* Public product and information pages */
.m17-page .m17-hero{border-color:rgba(255,255,255,.98);box-shadow:0 36px 102px rgba(25,39,79,.14),inset 0 1px 0 rgba(255,255,255,.82)}
.m17-page :where(.m17-hero__copy>p,.m17-section-head>p,.m17-product-row__copy>p,.m17-process__copy>p,.m17-deep-dive__copy>p,
.m17-proof-story__copy>p,.m17-volume>div:first-child>p,.m17-photo-guide__copy>p,.m17-support-human>div:first-child>p,
.m17-b2b-workspace__copy>p,.m17-b2b-volume>div:first-child>p){color:var(--m37-copy);text-wrap:pretty}
.m17-page :where(.m18-rail,.m17-product-row,.m17-process__list article,.m17-price-includes article,.m17-help-topics article,
.m17-b2b-benefits article,.m17-b2b-uses article,.m17-faq details,.m17-final){border-color:rgba(255,255,255,.97)}
.m17-page :where(.m17-product-row,.m17-process__list article,.m17-price-includes article,.m17-help-topics article,.m17-b2b-benefits article,.m17-b2b-uses article){transition:transform .28s var(--m37-ease),box-shadow .28s ease,border-color .28s ease}
.m17-page :where(.m17-product-row,.m17-process__list article,.m17-price-includes article,.m17-help-topics article,.m17-b2b-benefits article,.m17-b2b-uses article):hover{transform:translateY(-4px);border-color:rgba(49,88,255,.16);box-shadow:var(--m37-shadow-raised)}
.m17-page .m17-section-head{position:relative}
.m17-page .m17-section-head:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:-20px;background:linear-gradient(90deg,rgba(49,88,255,.18),rgba(234,59,168,.09) 52%,transparent 88%)}
.m17-page .m17-faq details[open]{border-color:rgba(49,88,255,.23);box-shadow:0 22px 58px rgba(27,42,83,.1)}
.m17-page .m17-faq details[open] summary{color:var(--m37-blue);background:rgba(244,247,255,.72)}
.m17-page :where(.m17-calculator__controls,.m17-calculator__summary,.m17-dark-story,.m17-deep-dive,.m17-proof-story,.m17-volume,
.m17-photo-guide,.m17-support-human,.m17-b2b-workspace,.m17-b2b-volume){box-shadow:var(--m37-shadow)}
.m17-page .m17-final{background:radial-gradient(circle at 91% 14%,rgba(117,80,245,.12),transparent 29%),linear-gradient(135deg,#fff,#f8f9ff 64%,#fff5fb);box-shadow:0 28px 76px rgba(28,42,82,.11)}

/* Account Center */
.m23-account-shell :where(.m23-account-hero,.m23-panel,.m23-profile-card,.m23-device-card,.m23-security-card,.m23-project-card,
.m23-proof-overview,.m23-order-list article,.m23-proof-list article,.m23-account-roadmap article){border-color:rgba(255,255,255,.96);box-shadow:var(--m37-shadow)}
.m23-account-shell .m23-account-hero{background:radial-gradient(circle at 8% 9%,rgba(73,102,255,.18),transparent 28%),radial-gradient(circle at 93% 8%,rgba(233,57,169,.13),transparent 26%),linear-gradient(145deg,#fff,#f7f9ff)}
.m23-account-shell .m23-account-nav{border-color:rgba(255,255,255,.96);background:rgba(255,255,255,.86);box-shadow:0 18px 52px rgba(27,41,81,.09);backdrop-filter:blur(22px) saturate(145%)}
.m23-account-shell :where(.m23-project-card,.m23-device-card,.m23-account-roadmap article){transition:transform .24s var(--m37-ease),box-shadow .24s ease,border-color .24s ease}
.m23-account-shell :where(.m23-project-card,.m23-device-card,.m23-account-roadmap article):hover{transform:translateY(-3px);border-color:rgba(49,88,255,.16);box-shadow:0 26px 66px rgba(28,42,82,.13)}
.m23-account-shell :where(.m23-empty,.m23-loading){border:1px dashed rgba(49,88,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,247,255,.9))}

/* Cart, checkout and customer order */
.m25-commerce-shell :where(.m25-steps,.m25-cart-item,.m25-form-card,.m25-summary-card,.m25-order-detail-card,.m25-order-timeline-card,
.m25-confirmation-hero,.m25-empty-commerce){border-color:rgba(255,255,255,.96);box-shadow:var(--m37-shadow)}
.m25-commerce-shell :where(.m25-cart-item,.m25-shipping-choices label,.m25-payment-preview){transition:transform .24s var(--m37-ease),box-shadow .24s ease,border-color .24s ease,background .24s ease}
.m25-commerce-shell :where(.m25-cart-item,.m25-shipping-choices label,.m25-payment-preview):hover{transform:translateY(-2px);border-color:rgba(49,88,255,.18);box-shadow:0 22px 56px rgba(28,42,82,.11)}
.m25-commerce-shell :where(.m25-summary-card,.m25-checkout-summary){position:sticky;top:104px}
.m25-commerce-shell :where(.m25-safe-note,.m25-legal-note,.m26-payment-trust){border-color:rgba(32,173,128,.18);background:linear-gradient(145deg,#fff,#f0fbf7)}

/* Studio — hierarchy only, no Smart Cut or production behavior changes. */
.m2-studio-app{background:radial-gradient(circle at 12% 2%,rgba(73,100,255,.11),transparent 28%),radial-gradient(circle at 90% 2%,rgba(233,58,168,.075),transparent 27%),linear-gradient(180deg,#f6f8fc,#eef2f8 62%,#f5f7fb)}
.m2-studio-app .m2-site-header{border-bottom-color:rgba(37,53,103,.08);background:rgba(255,255,255,.9);box-shadow:0 13px 42px rgba(28,42,82,.09);transition:box-shadow .25s ease,background .25s ease}
.m2-studio-app .m2-site-header.is-m37-scrolled{background:rgba(255,255,255,.84);box-shadow:0 18px 52px rgba(25,38,77,.14)}
.m2-studio-app :where(.m2-project-bar,.m2-tool-rail,.m2-canvas-panel,.m2-inspector){border-color:rgba(255,255,255,.96);box-shadow:var(--m37-shadow)}
.m2-studio-app .m2-editor-grid{background:linear-gradient(145deg,rgba(234,239,248,.98),rgba(241,244,250,.98))}
.m2-studio-app :where(.m2-tool-rail button,.m2-mode-list button,.m6-cut-presets button,.m3-tool-grid button,.m7-art-presets button,.m7-layout-switch button){transition:transform .2s var(--m37-ease),color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.m2-studio-app :where(.m2-tool-rail button,.m2-mode-list button,.m6-cut-presets button,.m3-tool-grid button,.m7-art-presets button,.m7-layout-switch button):hover{transform:translateY(-2px)}
.m2-studio-app :where(.m2-tool-rail button.is-active,.m2-mode-list button.is-selected,.m6-cut-presets button.is-selected,.m3-tool-grid button.is-selected,.m7-art-presets button.is-selected,.m7-layout-switch button.is-selected){border-color:rgba(49,88,255,.25);box-shadow:0 12px 28px rgba(49,88,255,.11),inset 0 1px 0 rgba(255,255,255,.9)}
.m2-studio-app .m2-stage{border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 0 0 1px rgba(38,56,108,.035)}
.m2-studio-app .m2-inspector-panel{scrollbar-width:thin;scrollbar-color:rgba(91,107,158,.3) transparent}
.m2-studio-app .m2-panel-heading{padding-bottom:17px;border-bottom:1px solid rgba(34,50,96,.08)}
.m2-studio-app .m36-manual-hint{border-color:rgba(49,88,255,.2);background:radial-gradient(circle at 90% 0,rgba(117,80,245,.12),transparent 34%),linear-gradient(145deg,#fbfcff,#eef3ff);box-shadow:0 14px 34px rgba(49,88,255,.09),inset 0 1px 0 rgba(255,255,255,.92)}
.m2-studio-app .m4-processing-overlay{backdrop-filter:blur(14px) saturate(125%)}
.m2-studio-app :where(.m2-process-state,.m5-mask-edit-card,.m6-cut-compare,.m7-quality-card,.m2-proof-note,.m2-order-summary){border-color:rgba(34,50,96,.095);box-shadow:0 14px 38px rgba(29,43,84,.065)}

/* FPS Repro production console and operations cockpit */
.m27-admin-shell :where(.m27-sidebar,.m27-topbar,.m27-kpi,.m27-queue-card,.m27-detail,.m27-detail-section,.m27-project-card,
.m27-production-control,.m27-production-evidence),.m30-operations :where(.m30-hero,.m30-panel,.m30-check-card,.m30-count-card){border-color:rgba(255,255,255,.95);box-shadow:var(--m37-shadow)}
.m27-admin-shell .m27-topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(22px) saturate(145%);transition:box-shadow .25s ease,background .25s ease}
.m27-admin-shell .m27-topbar.is-m37-scrolled{background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(24,38,78,.13)}
.m27-admin-shell :where(.m27-order-row,.m27-assets button,.m27-production-checklist button),.m30-operations :where(.m30-check-card,.m30-count-card){transition:transform .2s var(--m37-ease),box-shadow .2s ease,border-color .2s ease,background .2s ease}
.m27-admin-shell :where(.m27-order-row,.m27-assets button,.m27-production-checklist button):hover,.m30-operations :where(.m30-check-card,.m30-count-card):hover{transform:translateY(-2px);border-color:rgba(49,88,255,.17);box-shadow:0 20px 50px rgba(27,42,83,.105)}
.m27-admin-shell .m27-order-row.is-selected{border-color:rgba(49,88,255,.26);background:linear-gradient(110deg,#f2f5ff,#fff7fc);box-shadow:0 18px 44px rgba(49,88,255,.12)}
.m27-admin-shell :where(.m27-detail-scroll,.m27-order-list){scrollbar-width:thin;scrollbar-color:rgba(91,107,158,.3) transparent}
.m27-admin-shell .m27-production-control.is-ready{border-color:rgba(32,173,128,.24);background:radial-gradient(circle at 100% 0,rgba(32,173,128,.12),transparent 32%),linear-gradient(145deg,#fff,#f3fcf9)}
.m30-operations .m30-hero{background:radial-gradient(circle at 75% 44%,rgba(75,95,255,.16),transparent 29%),radial-gradient(circle at 96% 0,rgba(232,57,175,.12),transparent 31%),linear-gradient(135deg,#fff,#f7f9ff 58%,#fff6fb)}

@media(max-width:1100px){.m25-commerce-shell :where(.m25-summary-card,.m25-checkout-summary){position:static}.m17-page .m17-section-head:after{bottom:-15px}}
@media(max-width:780px){
  html{scrollbar-gutter:auto}
  body:has(.m16-home) .ms-header,body:has(.m17-page) .ms-header,body:has(.m23-account-shell) .ms-header,
  body:has(.m25-commerce-shell) .ms-header,body:has(.m30-operations) .ms-header{width:calc(100vw - 20px);margin-top:max(8px,env(safe-area-inset-top));border-radius:19px}
  :where(.m16-home .m16-hero,.m17-page .m17-hero,.m23-account-shell .m23-account-hero,.m25-commerce-shell .m25-confirmation-hero){border-radius:26px}
  .m16-home :where(.m16-products__grid article,.m16-smartcut__steps article,.m16-production__points article,.m16-sheet-facts article):hover,
  .m17-page :where(.m17-product-row,.m17-process__list article,.m17-price-includes article,.m17-help-topics article,.m17-b2b-benefits article,.m17-b2b-uses article):hover,
  .m23-account-shell :where(.m23-project-card,.m23-device-card):hover,.m25-commerce-shell .m25-cart-item:hover,.m27-admin-shell .m27-order-row:hover{transform:none}
  .m17-page .m17-section-head:after{right:18%;bottom:-13px}
  .m2-studio-app .m2-site-header{background:rgba(255,255,255,.94)}
  .m2-studio-app :where(.m2-tool-rail button,.m2-mode-list button,.m6-cut-presets button,.m3-tool-grid button,.m7-art-presets button,.m7-layout-switch button):hover{transform:none}
  :where(.ms-button,.m16-primary,.m23-primary,.m23-secondary,.m25-primary,.m25-secondary,.m2-primary-button,.m2-secondary-button,.m4-smart-cut-action,.m5-mask-edit-action){min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-m16-reveal],[data-m17-reveal]{opacity:1!important;transform:none!important}
}