.icareSignature { --signature-accent: #8ae6df; position: relative; isolation: isolate; overflow: hidden; padding: clamp(64px,8vw,112px) 0; background: #071b27; color: #f5fbff; }
.icareSignature::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 83% 45%,#1264775e,transparent 57%),linear-gradient(120deg,#123a4655,transparent 55%); }
.icareSignature__eyebrow { color: #9bd9d7; text-transform: uppercase; font-size: .875rem; letter-spacing: .19em; font-weight: 700; margin-bottom: 34px; }
.icareSignature__grid { display: grid; grid-template-columns: 1.35fr .8fr; gap: clamp(30px,6vw,100px); align-items: center; }
.icareSignature__words { margin: 0; font-family: "Space Grotesk",sans-serif; font-size: clamp(2.1rem,4.5vw,4.5rem); line-height: 1.14; font-weight: 500; letter-spacing: -.055em; }
.icareSignature__word { display: block; width: 100%; background: none; border: 0; color: #aec2ce; text-align: left; cursor: pointer; padding: 14px 0; font: inherit; line-height: inherit; letter-spacing: inherit; border-bottom: 1px solid #87cbd326; }
.icareSignature__word:last-child { border: 0; }
.icareSignature__word[aria-pressed="true"] { color: #fff; }
.icareSignature__word em { font-style: normal; }
.icareSignature__word[aria-pressed="true"] em { color: var(--signature-accent); }
.icareSignature__word:focus-visible { outline: 2px solid #ffd7a5; outline-offset: 5px; border-radius: 2px; }
.icareSignature__hint { color: #adcad1; font-size: .875rem; margin: 25px 0 0; }
.icareSignature__detail { position: relative; padding: 34px; border: 1px solid #8ae6df40; border-radius: 3px 34px 3px 3px; background: #0b2633b3; }
.icareSignature__mark { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; }
.icareSignature__mark img { width: 72px; height: 72px; object-fit: contain; background: #f3fafb; padding: 9px; border-radius: 12px; }
.icareSignature__signal { display: flex; gap: 8px; align-items: center; }
.icareSignature__signal span { width: 28px; height: 3px; background: #5a818b; }
.icareSignature__signal span.is-active { background: var(--signature-accent); box-shadow: 0 0 18px #8ae6df55; }
.icareSignature__detail h3 { color: #f5fbff; font-size: clamp(1.4rem,2.1vw,1.8rem); line-height: 1.3; font-family: "Space Grotesk",sans-serif; margin: 0 0 16px; }
.icareSignature__detail p { color: #bdd2dc; font-size: 1rem; line-height: 1.7; margin: 0 0 26px; }
.icareSignature__detail a { color: #b2f3ec; font-size: 1rem; font-weight: 700; text-decoration: none; display: inline-block; border-bottom: 1px solid #78c9c680; padding: 6px 0; }
.icareSignature__detail a:focus-visible { outline: 2px solid #ffd7a5; outline-offset: 5px; }
.icareSignature__rail { height: 1px; margin-top: 48px; background: linear-gradient(90deg,transparent,#83e4de88,transparent); transform-origin: left; }
html[data-motion="running"] .icareSignature__word,html[data-motion="running"] .icareSignature__detail { transition: color .35s, border-color .35s, background .35s; }
html[data-motion="running"] .icareSignature.is-in-view .icareSignature__rail { animation: signature-breathe 7s ease-in-out infinite; }
@keyframes signature-breathe { 0%,100% { opacity: .4; transform: scaleX(.8); } 50% { opacity: 1; transform: scaleX(1); } }
.icareSignature [hidden] { display: none !important; }
.icareSignature:not(.is-ready) .icareSignature__hint { display: none; }
.icareSignature:not(.is-ready) .icareSignature__word { cursor: default; opacity: 1; }
.icareSignature:not(.is-ready) [data-signature-panel] + [data-signature-panel] { margin-top: 30px; }
@media (max-width: 760px) { .icareSignature__grid { grid-template-columns: 1fr; gap: 32px; } .icareSignature__words { font-size: clamp(2rem,7.2vw,3.2rem); } .icareSignature__word { padding: 10px 0; } .icareSignature__detail { padding: 25px; } .icareSignature__mark { margin-bottom: 22px; } .icareSignature__mark img { width: 54px; height: 54px; } .icareSignature__eyebrow { margin-bottom: 20px; } .icareSignature__rail { margin-top: 30px; } }
@media (prefers-reduced-motion: reduce) { .icareSignature *, .icareSignature::before { animation: none !important; transition: none !important; } }
@media (forced-colors: active) { .icareSignature { background: Canvas; color: CanvasText; } .icareSignature::before,.icareSignature__rail { display:none; } .icareSignature__word,.icareSignature__word[aria-pressed="true"],.icareSignature__word em,.icareSignature__detail h3,.icareSignature__detail p { color: CanvasText; } .icareSignature__word[aria-pressed="true"] { border: 2px solid Highlight; } .icareSignature__detail { border-color: CanvasText; } }
@media print { .icareSignature { background: white; color: black; break-inside: avoid; padding: 24px 0; } .icareSignature::before,.icareSignature__rail,.icareSignature__hint,.icareSignature__signal { display: none; } .icareSignature__word,.icareSignature__word[aria-pressed="true"],.icareSignature__word em { color: black; } .icareSignature__words { font-size: 26px; } .icareSignature__detail { display: none; } }
