@media screen {
  .masthead .header-button-box > .header-contact {
    display: inline-flex; align-items: center; justify-content: center; height: 34px; min-height: 34px;
    padding: 0 13px; border: 1px solid #2461c2; border-radius: 7px; background: #2461c2;
    color: #fff; font-size: 12px; font-weight: 500; text-decoration: none; white-space: nowrap;
  }
  .masthead .header-button-box > .header-contact:hover { background: #184a9a; border-color: #184a9a; }
  .masthead .header-button-box > .header-login { height: 34px; min-height: 34px; background: #fff; color: #28282b; border-color: #c9c9cf; }
  .wrensys-hero-infrastructure { position: absolute; top: 6%; left: clamp(18px, 4vw, 78px); width: 224px; height: 280px; transform: rotate(-10deg); animation: fanout-artifact-drift 9s ease-in-out infinite alternate; }
  .wrensys-hero-infrastructure img { display: block; width: 100%; height: 100%; object-fit: contain; }
  body.content-tabs-layout #platform .platform-layout,
  body.content-tabs-layout #platform .platform-pricing { width: 100%; max-width: 1072px; margin: 28px auto 0; }
  body.content-tabs-layout #platform .platform-content,
  body.content-tabs-layout #platform .platform-aside { width: 100%; max-width: none; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; }
  body.content-tabs-layout #platform .platform-content > article { padding: 0; min-height: 0; max-width: none; }
  body.content-tabs-layout #platform .platform-content h3,
  body.content-tabs-layout #platform .platform-aside h3 { font-size: clamp(27px, 3.4vw, 44px); line-height: 1.12; font-weight: 500; letter-spacing: -.04em; margin: 10px 0 18px; }
  body.content-tabs-layout #platform .platform-content > article > p,
  body.content-tabs-layout #platform .platform-content p,
  body.content-tabs-layout #platform .platform-aside p { font-size: 14px; line-height: 1.65; max-width: none; }
  #platform .platform-feature { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(200px, .8fr); align-items: center; gap: 60px; padding: 30px 36px; margin: 0 0 30px; border: 1px solid #d9e4f4; border-radius: 16px; background: linear-gradient(120deg, #eef4ff, #f9fbff); }
  #platform .platform-feature > div { min-width: 0; }
  #platform .platform-stack-image { max-width: 260px; width: 100%; height: 290px; object-fit: contain; margin: auto; }
  #platform .platform-feature .fine-print { font-size: 12px; color: #5c6370; }
  #platform .stack-flow, #platform .operations-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 0; margin: 0 0 40px; list-style: none; }
  #platform .stack-flow li, #platform .operations-flow li { min-width: 0; padding: 24px; background: #fff; border: 1px solid var(--ga-border); border-radius: 12px; }
  #platform .stack-flow h4, #platform .operations-flow h4, #platform .compatibility-grid h4 { font-size: 19px; font-weight: 500; margin: 10px 0; line-height: 1.3; }
  #platform .flow-tag { display: inline-block; margin-top: 16px; font-size: 11px; padding: 5px 8px; border-radius: 5px; background: #eef4ff; color: #2558a1; }
  #platform .section-heading { margin: 36px 0 22px; max-width: 760px; }
  #platform .section-heading h3 { font-size: 30px; }
  #platform .capacity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 38px; }
  #platform .capacity-card { min-width: 0; padding: 22px; border: 1px solid var(--ga-border); background: #fff; border-radius: 12px; }
  #platform .capacity-card h4 { margin: 8px 0 18px; font-size: 20px; font-weight: 500; }
  #platform .capacity-card dl { margin: 0; }
  #platform .capacity-card dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ededf0; }
  #platform .capacity-card dt { color: #62626b; font-size: 12px; }
  #platform .capacity-card dd { margin: 0; font-size: 18px; font-weight: 500; }
  #platform .capacity-card dd span { font-size: 11px; color: #62626b; }
  #platform .capacity-card .capacity-price { margin-top: 17px; font-size: 11px; }
  #platform .capacity-price strong { font-size: 18px; color: #222; }
  #platform .platform-toolbox { display: grid; gap: 10px; grid-template-columns: auto 1fr; padding: 24px; border-radius: 12px; background: #fff; border: 1px solid var(--ga-border); }
  #platform .platform-toolbox span { font: 11px var(--ga-font-mono); color: #2d5eac; }
  #platform .platform-toolbox strong { font-size: 13px; font-weight: 500; }
  #platform .operations-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #platform .operations-flow li > span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #c9d9f2; border-radius: 50%; font: 12px var(--ga-font-mono); color: #2558a1; background: #eef4ff; }
  #platform .compatibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 28px 0; }
  #platform .compatibility-grid article { min-width: 0; padding: 24px; background: #fff; border: 1px solid var(--ga-border); border-radius: 12px; }
  #platform .capability-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; }
  #platform .capability-tags span { padding: 5px 8px; background: #f5f5f8; font-size: 12px; border: 1px solid #e1e1e6; border-radius: 5px; }
  #platform .monitoring-layers { background: #fff; border: 1px solid #d2dceb; border-radius: 12px; padding: 20px; }
  #platform .monitoring-layers > div { display: grid; gap: 5px; padding: 10px 0; border-bottom: 1px solid #e8edf4; }
  #platform .monitoring-layers strong { font-size: 14px; font-weight: 500; }
  #platform .monitoring-layers span { font-size: 12px; color: #62626b; }
  body.content-tabs-layout #platform .plans-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 32px; margin: 28px 0 36px; }
  body.content-tabs-layout #platform .plan-selector, body.content-tabs-layout #platform .plan-card { width: 100%; max-width: none; padding: 28px; }
  #platform .plan-selector { background: #fff; border: 1px solid var(--ga-border); border-radius: 12px; }
  #platform .plan-arrows { display: none; }
  #platform .plan-selector select { width: 100%; min-height: 44px; }
  .page-detail { background: #fff; border: 1px solid var(--ga-border); border-radius: 10px; margin: 12px 0; min-width: 0; }
  .page-detail > summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 20px; color: #28282b; font-size: 15px; font-weight: 500; list-style: none; }
  .page-detail > summary::-webkit-details-marker { display: none; }
  .page-detail > summary > span { flex: none; font-size: 20px; font-weight: 400; }
  .page-detail[open] > summary > span { transform: rotate(45deg); }
  .page-detail > div { padding: 0 20px 20px; }
  .page-detail p { margin: 0 0 16px; color: #62626b; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
  .page-detail p:last-child { margin-bottom: 0; }
  .page-detail:target { scroll-margin-top: 190px; }
  .page-detail summary:focus-visible { outline: 2px solid #2461c2; outline-offset: 3px; border-radius: 8px; }
  .overview-inline-details { max-width: 966px; margin: 0 auto 60px; padding: 0 18px; }
  .contact-inline-details { margin-top: 32px; }
  #pricing .service-catalog { margin-top: 28px; }
  #configure .quotation-journey { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 24px 0 32px; }
  #configure .quotation-journey > div { display: grid; gap: 7px; align-content: start; border-top: 1px solid #cfdae9; padding-top: 15px; min-width: 0; }
  #configure .quotation-journey span { color: #2d5eac; font: 10px var(--ga-font-mono); }
  #configure .quotation-journey strong { font-size: 16px; font-weight: 500; }
  #configure .quotation-journey p { color: #62626b; font-size: 12px; line-height: 1.5; margin: 0; }
  #configure .configuration-visual { margin: 24px 0; padding: 28px; border-radius: 16px; border: 1px solid #d3deef; background: linear-gradient(120deg, #eef4ff, #f9fbff); }
  #configure .configuration-visual h3 { font-size: 30px; font-weight: 500; line-height: 1.2; margin: 9px 0; letter-spacing: -.03em; }
  #configure .configuration-visual-heading > p:last-child { color: #62626b; font-size: 13px; }
  #configure .configuration-capacity { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
  #configure .configuration-capacity > div { min-width: 0; padding: 15px; background: #fff; border: 1px solid #d6e0ef; border-radius: 8px; }
  #configure .configuration-capacity dt { font-size: 11px; color: #62626b; }
  #configure .configuration-capacity dd { margin: 8px 0 0; font-size: 28px; font-weight: 500; }
  #configure .configuration-visual-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 32px; }
  #configure .configuration-visual-columns > div { min-width: 0; }
  #configure .configuration-visual h4 { margin: 0 0 14px; font-size: 14px; font-weight: 500; }
  #configure #visual-stack { padding: 0; margin: 0; list-style: none; }
  #configure #visual-stack li { padding: 10px 12px; background: #fff; border: 1px solid #d6e0ef; border-radius: 6px; margin-bottom: 8px; font-size: 13px; }
  #configure #visual-costs { list-style: none; padding: 0; margin: 0; }
  #configure .configuration-cost-row { margin-bottom: 12px; }
  #configure .configuration-cost-label { display: flex; justify-content: space-between; gap: 16px; font-size: 12px; margin-bottom: 7px; }
  #configure .configuration-cost-label > span:last-child { text-align: right; flex: none; }
  #configure progress { display: block; width: 100%; height: 6px; border: 0; border-radius: 5px; background: #d6e0ef; accent-color: #4177cf; overflow: hidden; }
  #configure progress::-webkit-progress-bar { background: #d6e0ef; border-radius: 5px; }
  #configure progress::-webkit-progress-value { background: #4177cf; border-radius: 5px; }
  #configure progress::-moz-progress-bar { background: #4177cf; border-radius: 5px; }
  #configure .inline-custom-details { white-space: pre-line; font-size: 13px; line-height: 1.6; padding: 18px; background: #fff5e9; border: 1px solid #ead3b6; border-radius: 8px; color: #6c4c24; }
  #configure .configuration-visual .fine-print { font-size: 11px; line-height: 1.55; color: #62626b; margin-top: 12px; }
  @media (max-width: 1100px) { .wrensys-hero-infrastructure { left: -12px; scale: .8; opacity: .7; } }
  @media (max-width: 800px) {
    body:has(#platform[data-page-kind="pricing"]:not([hidden])) .floating-contact,
    body:has(#configure:not([hidden])) .floating-contact,
    body:has(#platform[data-page-kind="pricing"]:not([hidden])) .mobile-platform-note,
    body:has(#configure:not([hidden])) .mobile-platform-note { display: none; }
    #platform .platform-feature { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 26px; }
    #platform .platform-stack-image { height: 210px; max-width: 190px; }
    #platform .capacity-grid, #platform .compatibility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #platform .operations-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #platform .stack-flow { gap: 12px; }
    #platform .stack-flow li { padding: 18px; }
    body.content-tabs-layout #platform .plans-layout { grid-template-columns: minmax(0, 1fr); }
    #configure .configuration-visual-columns { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .wrensys-hero-infrastructure { top: 2%; left: -34px; scale: .62; opacity: .45; }
    .masthead .header-button-box > .header-login { display: inline-flex; }
  }
  @media (max-width: 560px) {
    .masthead-inner { padding-inline: 14px; gap: 8px; }
    .masthead .brand img { width: 104px; height: auto; }
    .masthead .header-button-box { gap: 6px; }
    .masthead .header-button-box > .header-contact { padding-inline: 9px; font-size: 11px; }
    .masthead .header-button-box > .header-login { padding-inline: 9px; font-size: 11px; }
    .masthead .mobile-nav-toggle { width: 32px; padding: 0; }
    .masthead .mobile-nav-toggle span { display: none; }
    .wrensys-hero-infrastructure { top: -20px; left: -58px; scale: .48; opacity: .5; }
    #platform .stack-flow, #platform .capacity-grid, #platform .compatibility-grid { grid-template-columns: minmax(0, 1fr); }
    #platform .platform-feature { padding: 22px; }
    #platform .operations-flow { gap: 12px; }
    #platform .operations-flow li { padding: 16px; }
    #platform .operations-flow h4 { font-size: 17px; }
    #platform .operations-flow p { font-size: 12px; }
    body.content-tabs-layout #platform .plan-selector, body.content-tabs-layout #platform .plan-card { padding: 22px; }
    #configure .quotation-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    #configure .configuration-visual { padding: 20px; }
    #configure .configuration-capacity { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    #configure .configuration-cost-label { font-size: 11px; gap: 8px; }
    .page-detail > summary { padding: 17px; font-size: 14px; }
  }
  @media (prefers-reduced-motion: reduce) { .wrensys-hero-infrastructure { animation: none; } }
}