/* Public offer composition. Scoped to keep the shared workspace styles stable. */
.landing-choice-header { max-width:56rem; padding-block:clamp(2.5rem,5vw,4rem) 2.5rem; }
.landing-choice-header .entry-kicker { display:block; }
.landing-choice-header .entry-kicker > span { display:inline-block; margin-right:.65rem; vertical-align:middle; }
.landing-choice-header h1 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.8rem,5.5vw,5.4rem); font-weight:600; line-height:1.02; letter-spacing:-.065em; margin-bottom:1.25rem; }
.landing-choice-header h1 > span { color:var(--ui-accent-link,var(--bs-primary)); }
.landing-choice-header > p:last-child { max-width:48rem; margin:0; color:var(--bs-secondary-color); line-height:1.85; font-size:clamp(.95rem,1.3vw,1.1rem); }
.landing-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.landing-choice-page .landing-choice { display:flex; flex-direction:column; overflow:hidden; min-width:0; border:1px solid var(--bs-border-color); border-radius:1.5rem; text-decoration:none; background:var(--ui-surface,var(--bs-tertiary-bg)); color:var(--bs-body-color); }
.landing-choice-page .landing-choice:focus-visible { outline:3px solid var(--bs-body-color); outline-offset:5px; }
.landing-choice-art { position:relative; display:flex; justify-content:center; align-items:center; height:11rem; flex-shrink:0; overflow:hidden; }
.choice-art-caption { position:absolute; bottom:1rem; left:1.5rem; right:1.5rem; font-size:.54rem; font-weight:750; letter-spacing:.09em; }
.choice-system-art { background:radial-gradient(ellipse at 60% 30%,#234352,#101e30 75%); color:#68edc8; }
.choice-scan-frame { position:absolute; top:1rem; width:7rem; height:8rem; border:1px dashed #68edc866; border-radius:.7rem; }
.choice-system-card { display:grid; place-items:center; margin-top:-1rem; width:4rem; height:6rem; border:1px solid #adf8df; border-radius:.45rem; background:#68edc81a; transform:rotate(-10deg); font-size:3rem; }
.choice-system-line { position:absolute; width:10rem; height:1px; top:45%; background:#68edc8; box-shadow:0 0 1.5rem #68edc8; }
.landing-choice-body { display:flex; flex-direction:column; align-items:stretch; flex:1; padding:1.75rem; }
.landing-choice-kicker { margin-bottom:1.25rem; font-size:.67rem; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.landing-choice-page .landing-choice h2 { font-size:clamp(1.8rem,2.5vw,2.5rem); line-height:1.12; font-weight:500; margin-bottom:1.25rem; letter-spacing:-.05em; }
.landing-choice-body > p:not(.landing-choice-kicker) { color:var(--bs-secondary-color); font-size:.85rem; line-height:1.85; margin-bottom:1.5rem; }
.landing-choice-note { display:block; font-size:.71rem; font-weight:700; margin-top:auto; margin-bottom:1.25rem; }
.landing-choice-action { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:2.75rem; border-top:1px solid var(--bs-border-color); padding-top:1.25rem; font-size:.82rem; font-weight:800; }
.landing-choice-system .landing-choice-action { color:var(--ui-accent-link,var(--bs-primary)); }
.landing-choice-page .landing-choice-buyback { background:#68edc8; border-color:#68edc8; color:#0b2932; }
.landing-choice-buyback .landing-choice-body > p:not(.landing-choice-kicker) { color:#143c43; }
.landing-choice-buyback .landing-choice-action { border-color:#0b293233; }
.choice-buyback-art { background:#0b29320b; }
.choice-buyback-art > span:not(.choice-art-caption) { position:absolute; top:1.2rem; width:4rem; height:6rem; border:1px solid #0b293266; border-radius:.4rem; background:#68edc8; }
.choice-buyback-art > span:first-child { transform:rotate(-23deg) translateX(-2rem); }
.choice-buyback-art > span:nth-child(2) { transform:rotate(20deg) translateX(2rem); }
.choice-buyback-art > span:nth-child(3) { display:grid; place-items:center; transform:rotate(-5deg); background:#0b2932; color:#68edc8; font-size:3rem; }
.landing-choice-page .landing-choice-metal { background:#101e30; border-color:#304457; color:#eef5fa; }
.landing-choice-metal .landing-choice-body > p:not(.landing-choice-kicker) { color:#b8cad8; }
.landing-choice-metal .landing-choice-action { border-color:#b8cad833; }
.landing-choice-metal .landing-choice-note { color:#dce7ed; }
.choice-metal-art { background:radial-gradient(ellipse at 70% 20%,#415c70,#182b40 75%); color:#cbdbe5; }
.choice-metal-art .landing-metal-card { width:4.7rem; height:6.8rem; padding:.4rem; margin-top:-1rem; transform:rotate(14deg); border-width:2px; outline-offset:2px; }
.choice-metal-art .landing-metal-card b { font-size:2.7rem; }
.choice-metal-art .landing-metal-card small, .choice-metal-art .landing-metal-card > span { font-size:.24rem; }
.landing-choice-help { text-align:center; color:var(--bs-secondary-color); font-size:.8rem; line-height:1.8; margin-block:2rem 3rem; }
@media (prefers-reduced-motion:no-preference) {
  .landing-choice { transition:transform .18s ease,box-shadow .18s ease; }
  .landing-choice:hover { transform:translateY(-4px); box-shadow:0 1rem 2rem #0002; }
}
@media (max-width:991.98px) {
  .landing-choice-grid { gap:1rem; }
  .landing-choice-body { padding:1.25rem; }
  .landing-choice-page .landing-choice h2 { font-size:1.7rem; }
}
@media (max-width:767.98px) {
  .landing-choice-grid { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  .landing-choice-header .entry-kicker { font-size:.62rem; }
  .landing-choice-body { padding:1.5rem; }
  .landing-choice-page .landing-choice h2 { font-size:2rem; }
}
.offer-breadcrumb { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; font-size:.8rem; color:var(--bs-secondary-color); }
.offer-page .landing-hero h1 { font-size:clamp(2.6rem,4.4vw,4.6rem); line-height:1.08; letter-spacing:-.055em; overflow-wrap:anywhere; }
.offer-intro { max-width:55rem; margin-bottom:2.5rem; color:var(--bs-secondary-color); line-height:1.85; }
.offer-visual { display:grid; place-items:center; min-height:24rem; border-radius:1.5rem; }
.offer-visual .landing-metal-art { position:relative; top:auto; right:auto; width:11rem; }
.offer-visual .landing-metal-card { height:16rem; padding:1rem; }
.offer-visual .landing-metal-card b { font-size:7rem; }
.offer-visual .landing-metal-card small, .offer-visual .landing-metal-card > span { font-size:.5rem; }
.offer-screen { margin:0 auto; width:min(100%,22rem); background:var(--ui-surface,var(--bs-tertiary-bg)); padding:1rem; border-radius:1.5rem; border:1px solid var(--bs-border-color); }
.offer-screen img { display:block; width:100%; height:22rem; object-fit:cover; object-position:top; border-radius:.75rem; }
.offer-screen figcaption { font-size:.72rem; color:var(--bs-secondary-color); padding-top:1rem; line-height:1.7; }
.offer-faq { padding-block:clamp(2.5rem,5vw,5rem); }
.offer-faq details { border-bottom:1px solid var(--bs-border-color); padding-block:1.25rem; }
.offer-faq summary { font-weight:700; cursor:pointer; line-height:1.6; }
.offer-faq details p { color:var(--bs-secondary-color); margin:1rem 0 0; line-height:1.85; }
.landing-offer-nav { display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; margin-top:2rem; padding-top:1.25rem; border-top:1px solid var(--bs-border-color); }
.landing-offer-nav a { display:inline-flex; align-items:center; gap:.5rem; min-height:2.75rem; font-size:.78rem; font-weight:750; color:var(--bs-body-color); text-decoration:none; }
.landing-offer-nav a:hover { color:var(--ui-accent-link,var(--bs-primary)); }
.landing-offer-nav a span { color:var(--ui-accent-link,var(--bs-primary)); }
.landing-system, .landing-services { padding-block:clamp(2.5rem,5vw,5rem); border-top:1px solid var(--bs-border-color); }
.landing-entry [id] { scroll-margin-top:6rem; }
.landing-section-intro { display:flex; align-items:end; justify-content:space-between; gap:1.5rem 3rem; margin-bottom:2rem; }
.landing-section-intro h2 { max-width:42rem; margin:0; }
.landing-section-intro > p { max-width:24rem; margin:0; color:var(--bs-secondary-color); line-height:1.8; font-size:.91rem; }
.landing-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.landing-product { min-width:0; display:flex; flex-direction:column; }
.landing-module-art { height:10rem; display:flex; justify-content:center; align-items:center; border-radius:1rem; margin-bottom:1.6rem; overflow:hidden; position:relative; background:var(--ui-surface,var(--bs-tertiary-bg)); }
.module-inventory { gap:.5rem; perspective:30rem; }
.module-box { display:flex; gap:.25rem; align-items:end; padding:.55rem; height:5.5rem; border:1px solid var(--ui-accent-link,var(--bs-primary)); border-radius:.4rem; transform:rotate(-8deg) skewY(8deg); }
.module-box:nth-child(2) { transform:translateY(-.6rem) rotate(-8deg) skewY(8deg); }
.module-box i { display:block; width:.7rem; height:3.5rem; border-radius:.15rem; background:var(--ui-accent-link,var(--bs-primary)); opacity:.3; }
.module-box i:nth-child(2n) { opacity:.75; }
.module-identifier { background:radial-gradient(ellipse at center,#234352,#101e30 75%); }
.module-scan-frame { position:absolute; width:7rem; height:8rem; border:1px dashed #68edc880; border-radius:.6rem; }
.module-scan-card { display:grid; place-items:center; width:4rem; height:5.7rem; transform:rotate(-9deg); border:1px solid #adf8df; border-radius:.4rem; background:#68edc81a; color:#68edc8; font-size:3rem; }
.module-scan-line { position:absolute; width:9rem; height:1px; background:#68edc8; box-shadow:0 0 1.5rem .15rem #68edc833; }
.module-management { gap:0; }
.module-flow-node { display:grid; place-items:center; width:3.4rem; height:3.4rem; border:1px solid var(--bs-border-color); border-radius:.8rem; font-family:'Space Grotesk',sans-serif; color:var(--ui-accent-link,var(--bs-primary)); }
.module-flow-node:last-child { background:var(--ui-accent-link,var(--bs-primary)); border-color:transparent; color:var(--bs-body-bg); }
.module-management i { width:1.5rem; border-top:1px solid var(--ui-accent-link,var(--bs-primary)); }
.landing-product-label { margin-bottom:.8rem; font-size:.72rem; font-weight:800; letter-spacing:.035em; }
.landing-product-label > span { color:var(--bs-secondary-color); margin-right:.65rem; font-weight:500; }
.landing-product h3 { font-family:'Space Grotesk',sans-serif; font-size:clamp(1.35rem,1.9vw,1.8rem); letter-spacing:-.04em; margin-bottom:.85rem; }
.landing-product > p:not(.landing-product-label) { color:var(--bs-secondary-color); font-size:.88rem; line-height:1.85; margin-bottom:1rem; }
.landing-text-link { display:inline-flex; align-items:center; gap:.7rem; align-self:start; margin-top:auto; min-height:2.75rem; font-size:.83rem; font-weight:750; text-underline-offset:.3rem; }
.landing-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.landing-service { position:relative; display:flex; flex-direction:column; overflow:hidden; isolation:isolate; padding:clamp(1.5rem,3vw,2.75rem); border-radius:1.5rem; }
.landing-service-buyback { background:#68edc8; color:#0b2932; }
.landing-service-buyback::after { content:'↗'; position:absolute; z-index:-1; right:-1.5rem; bottom:3rem; font-family:'Space Grotesk',sans-serif; font-size:22rem; line-height:1; color:#0b29320a; }
.landing-service-kicker { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2.75rem; font-size:.75rem; letter-spacing:.08em; font-weight:800; text-transform:uppercase; }
.landing-service-kicker > span { font-size:1.25rem; }
.landing-service h3 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,3.5vw,3.6rem); letter-spacing:-.065em; line-height:1.1; margin-bottom:1.5rem; }
.landing-service > p:not(.landing-service-kicker), .landing-metal-copy > p { max-width:30rem; font-size:.9rem; line-height:1.85; margin-bottom:2rem; }
.landing-service-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; margin-top:auto; padding-top:1.75rem; border-top:1px solid #0b293233; }
.landing-service-bottom > p { margin:0; font-size:.76rem; font-weight:700; }
.landing-service .btn { display:inline-flex; justify-content:space-between; align-items:center; gap:1.25rem; min-height:2.75rem; font-size:.8rem; font-weight:750; white-space:normal; text-align:left; }
.landing-service-buyback .btn { background:#0b2932; color:#fff; border:1px solid #0b2932; }
.landing-service-buyback .btn:hover { background:#183f49; }
.landing-service-metal { background:radial-gradient(ellipse at 100% 0,#304457,#101e30 65%); color:#eef5fa; }
.landing-service-metal .landing-service-kicker { color:#b8cad8; }
.landing-metal-copy { position:relative; z-index:1; }
.landing-metal-copy h3 { max-width:70%; }
.landing-metal-copy h3 > span { color:#9cbed1; }
.landing-metal-copy > p { color:#b8cad8; }
.landing-service-metal .landing-service-bottom { border-color:#b8cad833; }
.landing-service-metal .btn { background:#e2edf4; color:#101e30; border:1px solid #e2edf4; }
.landing-service-metal .btn:hover { background:#fff; }
.landing-price-note { color:#e2edf4; }
.landing-metal-art { position:absolute; top:4.5rem; right:-.2rem; width:8rem; transform:rotate(13deg); }
.landing-metal-card { display:flex; flex-direction:column; justify-content:space-between; height:11rem; padding:.6rem; border:3px solid #a8b9c7; outline:1px solid #e2edf488; outline-offset:3px; border-radius:.6rem; box-shadow:.2rem .5rem 2rem #0006; color:#233748; background:repeating-linear-gradient(100deg,#fff0 0 2px,#fff2 2px 3px),linear-gradient(120deg,#657b8b,#dce7ed 25%,#8fa5b5 47%,#e9f0f3 65%,#7e94a4); }
.landing-metal-card small, .landing-metal-card > span { font-family:'Space Grotesk',sans-serif; font-size:.37rem; font-weight:700; letter-spacing:.05em; }
.landing-metal-card b { font-size:4.2rem; font-weight:400; line-height:1; text-align:center; }
.landing-metal-caption { display:block; text-align:center; color:#b8cad8; font-size:.55rem; margin-top:.6rem; }
@media (max-width:991.98px) {
  .landing-section-intro { align-items:start; flex-direction:column; gap:1rem; }
  .landing-section-intro > p { max-width:36rem; }
  .landing-product-grid { gap:1.25rem; }
  .landing-service h3 { font-size:2.5rem; }
  .landing-metal-copy h3 { max-width:75%; }
  .landing-metal-art { width:6rem; top:5rem; right:-1rem; }
  .landing-metal-card { height:8.5rem; }
  .landing-metal-card b { font-size:3rem; }
}
@media (max-width:767.98px) {
  .landing-product-grid, .landing-service-grid { grid-template-columns:minmax(0,1fr); gap:2rem; }
  .landing-product h3 { font-size:1.7rem; }
  .landing-module-art { height:9rem; margin-bottom:1.25rem; }
  .landing-service h3 { font-size:clamp(2.2rem,7vw,3.5rem); }
  .landing-service-bottom { align-items:stretch; flex-direction:column; }
  .landing-metal-art { right:.25rem; width:7rem; top:4.5rem; }
  .landing-metal-card { height:10rem; }
  .landing-metal-copy h3 { max-width:68%; }
  .landing-metal-copy > p { margin-top:3rem; }
}
@media (max-width:359.98px) {
  .landing-metal-art { right:-1.2rem; width:5.6rem; }
  .landing-metal-card { height:8rem; }
  .landing-metal-copy h3 { max-width:80%; }
}
