﻿/* Template 11 — drift / mist sea — prefix dft- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
.ssobsetvdcndft-body{margin:0;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#334155;background:#f8fafc;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
.ssobsetvdcndft-body h1,.ssobsetvdcndft-body h2,.ssobsetvdcndft-body h3,p,ul,ol,figure{margin:0}
.ssobsetvdcndft-body a{color:inherit;text-decoration:none}
.ssobsetvdcndft-body img{max-width:100%;display:block}
.ssobsetvdcndft-body ul{list-style:none;padding:0}
.ssobsetvdcndft-w{width:min(1040px,calc(100% - 2.6rem));margin-inline:auto}

.ssobsetvdcndft-slim{position:sticky;top:0;z-index:30;background:rgba(248,250,252,.9);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0}
.ssobsetvdcndft-slim__row{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.ssobsetvdcndft-name{font-size:1rem;font-weight:500;letter-spacing:.08em;color:#0f172a}
.ssobsetvdcndft-burger{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:0}
.ssobsetvdcndft-burger span{display:block;width:18px;height:1px;background:#334155}
.ssobsetvdcndft-nav{display:flex;gap:1.3rem;align-items:center}
.ssobsetvdcndft-nav a{font-size:.88rem;color:#64748b}
.ssobsetvdcndft-nav a:hover{color:#0f172a}

.ssobsetvdcndft-air{padding:5.5rem 0 0;text-align:center}
.ssobsetvdcndft-air__inner{max-width:680px;margin:0 auto 2.8rem}
.ssobsetvdcndft-soft{font-size:.8rem;letter-spacing:.18em;color:#64748b;margin-bottom:1.2rem;text-transform:uppercase}
.ssobsetvdcndft-air h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:300;color:#0f172a;letter-spacing:.04em;margin-bottom:1.1rem}
.ssobsetvdcndft-air__lead{font-size:1.05rem;color:#64748b;font-weight:300;margin-bottom:1.8rem}
.ssobsetvdcndft-air__acts{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}
.ssobsetvdcndft-link{display:inline-flex;padding:.7rem 1.2rem;border-bottom:1px solid #0f172a;font-size:.92rem;color:#0f172a}
.ssobsetvdcndft-link--quiet{border-color:#94a3b8;color:#64748b}
.ssobsetvdcndft-air__shot{margin-top:2rem;overflow:hidden}
.ssobsetvdcndft-air__shot img{width:100%;height:min(48vh,420px);object-fit:cover;filter:grayscale(15%)}

.ssobsetvdcndft-band{padding:4.2rem 0}
.ssobsetvdcndft-band--fog{background:#e2e8f0}
.ssobsetvdcndft-band--sea{background:#334155;color:#e2e8f0}
.ssobsetvdcndft-band--sea h2{color:#f8fafc}
.ssobsetvdcndft-band--sea p,.ssobsetvdcndft-band--sea li{color:#cbd5e1}
.ssobsetvdcndft-band__grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.ssobsetvdcndft-band__grid--rev{direction:rtl}
.ssobsetvdcndft-band__grid--rev>*{direction:ltr}
.ssobsetvdcndft-band h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:.9rem;color:#0f172a}
.ssobsetvdcndft-band p{color:#475569;font-weight:300}
.ssobsetvdcndft-band__list{display:grid;gap:.85rem}
.ssobsetvdcndft-band__list li{padding-left:1rem;border-left:2px solid #94a3b8;font-size:.95rem}

.ssobsetvdcndft-strip{padding:3.5rem 0;background:#f8fafc}
.ssobsetvdcndft-strip__title{font-size:1.35rem;font-weight:400;color:#0f172a;margin-bottom:1.6rem;text-align:center}
.ssobsetvdcndft-strip__row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.ssobsetvdcndft-strip__row li{text-align:center;padding:1rem .6rem;border-top:1px solid #cbd5e1}
.ssobsetvdcndft-strip__row strong{display:block;font-size:.95rem;color:#0f172a;font-weight:500;margin-bottom:.35rem}
.ssobsetvdcndft-strip__row span{font-size:.8rem;color:#64748b}

.ssobsetvdcndft-read{padding:4rem 0;background:#fff}
.ssobsetvdcndft-read__head{max-width:520px;margin-bottom:2rem}
.ssobsetvdcndft-read__head h2{font-size:1.6rem;font-weight:400;color:#0f172a;margin-bottom:.5rem}
.ssobsetvdcndft-read__head p{color:#64748b;font-weight:300}
.ssobsetvdcndft-read__cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.ssobsetvdcndft-read__cols h3{font-size:1.1rem;font-weight:500;margin-bottom:.7rem;color:#0f172a}
.ssobsetvdcndft-read__cols p{color:#475569;font-weight:300;margin-bottom:1rem}
.ssobsetvdcndft-read__cols span{font-size:.82rem;color:#94a3b8}

.ssobsetvdcndft-faq{padding:4rem 0;background:#f1f5f9}
.ssobsetvdcndft-faq h2{font-size:1.5rem;font-weight:400;color:#0f172a;margin-bottom:1.5rem}
.ssobsetvdcndft-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ssobsetvdcndft-faq__grid article{padding:1.2rem;background:#fff;border:1px solid #e2e8f0}
.ssobsetvdcndft-faq__grid h3{font-size:1rem;font-weight:500;margin-bottom:.5rem;color:#0f172a}
.ssobsetvdcndft-faq__grid p{font-size:.9rem;color:#64748b;font-weight:300}

.ssobsetvdcndft-cta{padding:3rem 0;background:#f8fafc}
.ssobsetvdcndft-cta__line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}
.ssobsetvdcndft-cta h2{font-size:1.25rem;font-weight:400;color:#0f172a}

.ssobsetvdcndft-end{padding:2.5rem 0 1.2rem;background:#0f172a;color:#94a3b8}
.ssobsetvdcndft-end__row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem;margin-bottom:1.4rem}
.ssobsetvdcndft-end strong{display:block;color:#e2e8f0;font-weight:500;margin-bottom:.45rem}
.ssobsetvdcndft-end h3{margin:0 0 .45rem;font-size:.9rem;color:#e2e8f0;font-weight:500}
.ssobsetvdcndft-end__links{display:grid;gap:.4rem;align-content:start}
.ssobsetvdcndft-flinks{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.ssobsetvdcndft-end__copy{font-size:.8rem;opacity:.7;border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem}

@media (max-width:900px){
  .ssobsetvdcndft-band__grid,.ssobsetvdcndft-read__cols,.ssobsetvdcndft-faq__grid,.ssobsetvdcndft-end__row{grid-template-columns:1fr}
  .ssobsetvdcndft-strip__row{grid-template-columns:1fr 1fr}
  .ssobsetvdcndft-band__grid--rev{direction:ltr}
}
@media (max-width:680px){
  .ssobsetvdcndft-burger{display:flex}
  .ssobsetvdcndft-nav{display:none;position:absolute;left:0;right:0;top:60px;flex-direction:column;gap:.2rem;padding:1rem 1.3rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}
  .ssobsetvdcndft-nav.ssobsetvdcnis-open{display:flex}
  .ssobsetvdcndft-air{padding-top:3.5rem}
  .ssobsetvdcndft-strip__row{grid-template-columns:1fr}
  .ssobsetvdcndft-cta__line{flex-direction:column;align-items:flex-start}
}
