@import url('/seo/model-opus-4-6.css');

:root {
  --sonnet46-blue: #176fb0;
  --sonnet46-blue-soft: #e5eff5;
  --sonnet46-green: #178153;
}

.sonnet46-hero { min-height: 700px; grid-template-columns: minmax(500px, .83fr) minmax(0, 1.17fr); }
.sonnet46-hero .hero-copy { padding-inline: clamp(44px, 4vw, 76px); }
.sonnet46-hero .hero-copy h1 { max-width: 820px; font-size: clamp(52px, 5vw, 88px); }
.sonnet46-hero .hero-visual { min-height: 700px; display: grid; place-items: center; background: #f5f1e9; }
.sonnet46-hero .hero-visual img { width: 100%; height: auto; max-height: 100%; object-fit: contain; object-position: center; }
.sonnet46-hero .eyebrow { color: var(--sonnet46-blue); }

.sonnet46-use-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); }
.sonnet46-use-grid article { min-height: 330px; padding: clamp(28px, 2.6vw, 46px); display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.sonnet46-use-grid article:last-child { border-right: 0; }
.sonnet46-use-grid span { color: var(--sonnet46-blue); font: 700 10px/1 var(--mono); }
.sonnet46-use-grid h3 { margin: auto 0 14px; font-size: clamp(22px, 2vw, 31px); letter-spacing: -.046em; }
.sonnet46-use-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }

.sonnet46-price { background: #111923; color: #fff; border-color: #111923; }
.sonnet46-price .section-label { color: #75b9e8; }
.sonnet46-price .price-decision-copy p:last-child { color: #b7c0ca; }
.sonnet46-price .price-triad > div.is-selected { background: #155d88; }
.sonnet46-price .price-triad .is-selected span { color: #c9ebff; }
.sonnet46-price .price-triad .is-selected small { color: #d7e8f2; }

.sonnet46-change-map li span { color: var(--sonnet46-blue); }
.sonnet46-migration { background: var(--sonnet46-blue-soft); border-color: rgb(23 111 176 / 18%); }
.sonnet46-migration li > span { color: var(--sonnet46-blue); }

@media (min-width: 1921px) { .sonnet46-hero, .sonnet46-hero .hero-visual { min-height: 740px; } }
@media (max-width: 1180px) {
  .sonnet46-hero { grid-template-columns: 1fr; }
  .sonnet46-hero .hero-visual { min-height: 0; border-top: 1px solid var(--line); }
  .sonnet46-use-grid { grid-template-columns: 1fr 1fr; }
  .sonnet46-use-grid article:nth-child(2) { border-right: 0; }
  .sonnet46-use-grid article:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .sonnet46-hero { min-width: 0; }
  .sonnet46-hero .hero-copy { min-width: 0; padding-inline: 23px; overflow: hidden; }
  .sonnet46-hero .hero-copy h1 { max-width: 100%; font-size: clamp(38px, 11.8vw, 46px); overflow-wrap: anywhere; }
  .sonnet46-use-grid { grid-template-columns: 1fr; }
  .sonnet46-use-grid article { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--line); }
  .sonnet46-use-grid article:last-child { border-bottom: 0; }
}