.thin-hero{min-height:650px;padding:clamp(4rem,8vw,8rem) clamp(1.3rem,7vw,8rem);display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;background:radial-gradient(circle at 78% 42%,#17618a 0,#092d4d 42%,#051525 76%);color:#fff}.thin-hero h1{font-size:clamp(3.2rem,6vw,6.5rem);line-height:.94;letter-spacing:-.05em;margin:.4rem 0 1.4rem}.thin-hero>div:first-child>p:not(.eyebrow){max-width:720px;color:#d0dfeb;font-size:1.18rem}.thin-hero .actions{margin-top:1.7rem}.thin-hero-visual{position:relative;min-height:500px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eaf2f7);border:1px solid rgba(255,255,255,.25);overflow:hidden}.thin-hero-visual img{width:72%;max-height:430px;object-fit:contain}.thin-hero-visual div{position:absolute;padding:.75rem 1rem;background:rgba(5,29,50,.92);border-left:3px solid #35bff7}.thin-hero-visual div:nth-of-type(1){left:1rem;top:1rem}.thin-hero-visual div:nth-of-type(2){right:1rem;bottom:1rem}.thin-hero-visual span,.thin-hero-visual b{display:block}.thin-hero-visual span{color:#66d2ff;font-size:.75rem;font-weight:850;letter-spacing:.1em}.thin-workflow{background:#f1f5f8}.thin-workflow .section-head>p{max-width:520px;color:#607087}.thin-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.thin-tech-grid article{padding:2rem;background:#fff;border-top:4px solid #0786c4}.thin-tech-grid span{color:#0877b3;font-weight:850;letter-spacing:.08em}.thin-tech-grid h3{font-size:1.6rem;margin:.55rem 0 1rem}.thin-tech-grid ul{margin:0;padding-left:1.2rem;color:#486176}.thin-tech-grid li{margin:.6rem 0}.thin-functions{background:#071f38;color:#fff}.thin-function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#29465f}.thin-function-grid article{padding:1.6rem;background:#0d2b47;min-height:205px}.thin-function-grid b{color:#46c8ff;font-size:1.35rem}.thin-function-grid h3{font-size:1.3rem;margin:.45rem 0}.thin-function-grid p{margin:0;color:#c5d6e3}.thin-case{display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center}.thin-case-copy>p:not(.eyebrow){color:#607087;font-size:1.05rem}.thin-case-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.6rem}.thin-case-copy dl div{padding:1rem;background:#eef4f8;border-top:3px solid #0786c4}.thin-case-copy dt{color:#607087;font-size:.78rem;text-transform:uppercase}.thin-case-copy dd{margin:.3rem 0 0;color:#07385d;font-size:1.35rem;font-weight:850}.thin-case-media{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.thin-case-media figure{margin:0;background:#f0f4f7;border:1px solid #d6e1e9}.thin-case-media img{display:block;width:100%;height:155px;object-fit:cover}.thin-case-media figcaption{padding:.7rem .8rem;color:#526b7e;font-size:.84rem}.thin-profile{grid-column:1/-1;height:190px;position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:1.1rem 1.2rem;background:linear-gradient(#fff,#f2f6f9);border:1px solid #d4e0e9;color:#0b466d;font-weight:850;overflow:hidden}.thin-profile:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #90a8b9}.thin-profile i{position:absolute;left:11%;right:11%;top:31%;height:48%;border-top:3px solid #168fc8;transform:skewY(8deg);transform-origin:left}.thin-profile span:last-child{align-self:flex-end}.thin-outcomes{background:#eef4f7;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;align-items:start}.thin-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cddce7}.thin-outcome-grid article{padding:1.35rem;background:#fff}.thin-outcome-grid h3{margin:0 0 .45rem;color:#0a3a5e}.thin-outcome-grid p{margin:0;color:#607087}.thin-related{display:flex;align-items:center;justify-content:space-between;gap:3rem;background:#fff;border-top:1px solid #dbe4ed}.thin-related>div{max-width:760px}.thin-related>div>p:last-child{color:#607087}.thin-related .button{white-space:nowrap}@media(max-width:900px){.thin-hero,.thin-case,.thin-outcomes{grid-template-columns:1fr}.thin-hero-visual{min-height:410px}.thin-tech-grid,.thin-function-grid{grid-template-columns:repeat(2,1fr)}.thin-case-copy dl{grid-template-columns:1fr 1fr}.thin-related{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.thin-hero h1{font-size:3rem}.thin-hero-visual{min-height:340px}.thin-hero-visual img{width:85%;max-height:290px}.thin-tech-grid,.thin-function-grid,.thin-outcome-grid,.thin-case-media{grid-template-columns:1fr}.thin-case-copy dl{grid-template-columns:1fr}.thin-profile{grid-column:auto}.thin-case-media img{height:140px}}
