.second-study, .second-hero { --second-navy: #120634; --second-blue: #0b67d1; --second-ink: #191829; --second-muted: #646675; --second-line: #e7e8ee; color: var(--second-ink); background: #fff; }
.second-hero { padding: 138px 0 52px; background: linear-gradient(180deg,#f6f8fb,#fff); }
.second-hero__grid { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 60px; }
.second-eyebrow { display: block; margin-bottom: 14px; color: #a95500; font-size: .8rem; font-weight: 700; line-height: 1.5; }
.second-hero h1 { color: var(--second-navy); margin: 0 0 20px; font-size: clamp(2rem,3.2vw,3rem); line-height: 1.15; letter-spacing: -.025em; }
.second-hero p, .second-intro p { color: var(--second-muted); margin-bottom: 0; font-size: 1.05rem; line-height: 1.75; }
.second-hero__photo { position: relative; margin: 0; border-radius: 14px; overflow: hidden; }
.second-hero__photo img { width: 100%; height: 325px; object-fit: cover; }
.second-hero__photo figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 16px 20px; color: #fff; background: #120634; font-size: .8rem; line-height: 1.5; }
.second-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 25px; }
.second-button { display: inline-flex; justify-content: center; align-items: center; gap: 16px; padding: 13px 20px; border: 1px solid var(--second-blue); border-radius: 8px; color: #fff; background: var(--second-blue); font-size: .94rem; font-weight: 600; line-height: 1.5; text-align: center; }
.second-button:hover { color: #fff; background: #084d9c; border-color: #084d9c; }
.second-button:focus-visible { outline: 3px solid #f28a13; outline-offset: 3px; }
.second-button--outline { background: transparent; color: var(--second-navy); border-color: #c7cad3; }
.second-button--outline:hover { background: #f0f4fa; border-color: var(--second-blue); color: var(--second-navy); }
.second-section { padding: 55px 0; }
.second-section--soft { background: #f6f7fa; }
.second-intro { margin-bottom: 28px; max-width: 850px; }
.second-intro h2 { color: var(--second-navy); margin: 0 0 12px; font-size: clamp(1.7rem,2.5vw,2.3rem); line-height: 1.22; letter-spacing: -.02em; }
.second-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.second-product { display: flex; flex-direction: column; min-width: 0; padding: 22px; border: 1px solid var(--second-line); border-radius: 12px; background: #fff; color: var(--second-navy); transition: border-color .15s,box-shadow .15s; }
.second-product:hover { border-color: var(--second-blue); box-shadow: 0 5px 20px #12063408; color: var(--second-navy); }
.second-product img { display: block; height: 145px; width: 100%; object-fit: contain; margin-bottom: 15px; }
.second-product h3 { margin: 0 0 18px; font-size: 1.1rem; line-height: 1.4; }
.second-product__link { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--second-line); color: #0b67d1; font-size: .85rem; font-weight: 600; line-height: 1.5; }
.second-tools { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; }
.second-tools a:not(.second-button), .second-text-link { color: var(--second-blue); font-size: .92rem; font-weight: 600; line-height: 1.6; text-decoration: underline; text-underline-offset: 4px; }
.second-announcement-link { padding: 0; border: 0; background: transparent; color: var(--second-blue); font: inherit; font-size: .92rem; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.second-slide-notes { display: grid; gap: 25px; padding: 28px 0; }
.second-slide-notes h3 { font-size: 1.2rem; }
.second-slide-notes p { font-size: .98rem; line-height: 1.8; }
.second-brands { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.second-brand { padding: 24px 0 0; border-top: 2px solid #f28a13; }
.second-brand--linpacx { border-top-color: #2489ee; }
.second-brand__logo { height: 58px; display: flex; align-items: center; margin-bottom: 20px; }
.second-brand__logo img { max-width: 225px; max-height: 58px; width: auto; object-fit: contain; }
.second-brand--linpacx .second-brand__logo img { padding: 10px 16px; border-radius: 6px; background: #120634; }
.second-brand p { color: var(--second-muted); margin: 0 0 14px; font-size: .96rem; line-height: 1.8; }
.second-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; margin-bottom: 28px; }
.second-step { border-top: 1px solid var(--second-line); padding-top: 22px; }
.second-step__number { display: block; color: #a95500; margin-bottom: 12px; font-size: .9rem; font-weight: 700; }
.second-step h3 { font-size: 1.12rem; line-height: 1.4; color: var(--second-navy); margin-bottom: 12px; }
.second-step p { color: var(--second-muted); font-size: .96rem; line-height: 1.75; margin: 0; }
.second-detail { margin: 12px 0; padding: 0; border-block: 1px solid var(--second-line); background: #fff; }
.second-detail > summary { padding: 20px 4px; color: var(--second-navy); font-size: 1rem; font-weight: 600; cursor: pointer; }
.second-detail[open] > summary { border-bottom: 1px solid var(--second-line); }
.second-detail .home-section { padding-block: 42px; }
.second-detail .container { max-width: 100%; }
.second-detail .home-section-heading h2 { font-size: clamp(1.5rem,2vw,2.1rem); }
.second-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.second-proof { display: flex; flex-direction: column; min-width: 0; }
.second-proof img { width: 100%; height: 185px; object-fit: cover; border-radius: 10px; background: #fff; }
.second-proof h3 { margin: 18px 0 12px; color: var(--second-navy); font-size: 1.18rem; line-height: 1.4; }
.second-proof p { color: var(--second-muted); font-size: .95rem; line-height: 1.7; }
.second-proof a { margin-top: auto; }
.second-contact { background: #120634; color: #fff; padding: 58px 0; }
.second-contact .container { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 45px; }
.second-contact h2 { color: #fff; margin: 0 0 15px; font-size: clamp(1.8rem,2.7vw,2.5rem); line-height: 1.2; }
.second-contact p { color: #dedde8; font-size: 1.02rem; line-height: 1.8; margin-bottom: 0; }
.second-contact .second-actions { margin-top: 0; justify-content: flex-end; }
.second-contact .second-button { color: #120634; background: #fff; border-color: #fff; }
.second-contact .second-button--outline { color: #fff; background: transparent; }
.second-study [id], .second-hero [id] { scroll-margin-top: 110px; }
.second-study a:focus-visible, .second-hero a:focus-visible, .second-detail > summary:focus-visible { outline: 3px solid #f28a13; outline-offset: 5px; }
[dir="rtl"] .second-product__link span:last-child { transform: scaleX(-1); }
[dir="rtl"] .second-hero h1, [dir="rtl"] .second-intro h2 { letter-spacing: 0; }
@media (min-width: 992px) and (max-width: 1199px) { .second-products { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 991px) { .second-hero { padding-top: 125px; } .second-hero__grid { gap: 30px; } .second-hero__photo img { height: 280px; } .second-products { grid-template-columns: repeat(2,minmax(0,1fr)); } .second-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } .second-proof-grid { gap: 18px; } .second-contact .container { grid-template-columns: 1fr; gap: 22px; } .second-contact .second-actions { justify-content: flex-start; } }
@media (max-width: 767px) { .second-hero { padding: 112px 0 32px; } .second-hero__grid { grid-template-columns: 1fr; gap: 28px; } .second-hero h1 { font-size: 2.05rem; } .second-hero__photo { display: none; } .second-section { padding-block: 35px; } .second-intro { margin-bottom: 22px; } .second-intro p, .second-hero p { font-size: .97rem; } .second-brands, .second-proof-grid { grid-template-columns: 1fr; gap: 28px; } .second-products { gap: 14px; } .second-product { padding: 15px; } .second-product img { height: 112px; margin-bottom: 12px; } .second-product h3 { font-size: .95rem; line-height: 1.45; margin-bottom: 12px; } .second-product__link { font-size: .78rem; } .second-brand { padding-top: 18px; } .second-proof { display: grid; grid-template-columns: 110px 1fr; gap: 6px 18px; } .second-proof img { grid-row: 1 / 4; height: 110px; } .second-proof h3 { margin: 0; font-size: 1.05rem; } .second-proof p { margin: 0; font-size: .88rem; } .second-proof a { font-size: .86rem; } .second-contact { padding-block: 38px; } }
@media (max-width: 370px) { .second-products, .second-steps { grid-template-columns: 1fr; } .second-product img { height: 145px; } .second-actions { align-items: stretch; flex-direction: column; } .second-button { width: 100%; } }