:root{--ink:#17191b;--muted:#656a70;--line:#e3e6e8;--blue:#4385c7;--green:#438c6c;--warm:#b57c70;--paper:#fff;--soft:#f7f8f8;--black:#0c0d0f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.top{height:78px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.top-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{width:34px;height:42px}.top-nav{display:flex;align-items:center;gap:10px}.top-nav a{color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700;background:#fff}.top-nav .ask{background:var(--blue);border-color:var(--blue);color:#fff}
.hero{padding:66px 0 44px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.hero h1{font-size:clamp(48px,7vw,92px);font-weight:420;letter-spacing:-.055em;line-height:.93;margin:0 0 22px;max-width:1050px}.hero .lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--muted);max-width:900px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:0 18px;text-decoration:none;font-size:13px;font-weight:800;border:1px solid var(--line);color:var(--ink);background:#fff}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.ai{background:var(--blue);color:#fff;border-color:var(--blue)}
.hero-media{margin:34px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fafafa}.hero-media img{width:100%;height:auto;display:block}.caption{padding:13px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.section{padding:76px 0;border-top:1px solid var(--line)}.section.soft{background:var(--soft)}.section.dark{background:var(--black);color:#fff}.section .kicker{font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);margin-bottom:13px}.section.dark .kicker{color:#87b7e7}.section h2{font-size:clamp(38px,5vw,66px);font-weight:430;line-height:.98;letter-spacing:-.045em;margin:0 0 18px;max-width:920px}.section .intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:890px}.section.dark .intro{color:#c4c8cd}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff;color:var(--ink);text-decoration:none;min-height:210px}.card:hover{box-shadow:0 10px 28px rgba(0,0,0,.06);transform:translateY(-1px)}.card h3{font-size:25px;font-weight:520;letter-spacing:-.025em;margin:0 0 10px}.card p{font-size:14px;line-height:1.62;color:var(--muted);margin:0 0 16px}.card b{margin-top:auto;color:var(--blue);font-size:13px}.media-card{padding:0;overflow:hidden}.media-card img{width:100%;height:320px;object-fit:cover;display:block}.media-card .copy{padding:20px 22px 22px;display:flex;flex:1;flex-direction:column}.portrait img{object-fit:contain;background:#fff;height:auto;max-height:720px}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.spec{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.spec strong{display:block;font-size:16px;margin-bottom:6px}.spec span{font-size:13px;line-height:1.5;color:var(--muted)}
.flow{margin-top:34px;border:1px solid var(--line);border-radius:26px;padding:24px;background:#fff}.flow svg{width:100%;height:auto;display:block}.flow-note{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 4px 0}.quote{padding:34px;border:1px solid #d8e8df;background:#f0f7f3;border-radius:28px;margin-top:34px}.quote h3{font-size:30px;letter-spacing:-.03em;margin:0 0 10px}.quote p{color:var(--muted);line-height:1.65;margin:0 0 18px}.route{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.route a{border:1px solid var(--line);border-radius:999px;padding:9px 13px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;background:#fff}.foot{padding:28px 0 90px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.foot-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:var(--ink);text-decoration:none}
.prose{max-width:900px}.prose h2{font-size:clamp(34px,5vw,56px)}.prose h3{font-size:26px;margin:30px 0 10px}.prose p{font-size:17px;line-height:1.75;color:var(--muted)}.prose ul{padding-left:19px;color:var(--muted);line-height:1.75}.fine{font-size:12px!important;color:#777!important}.breadcrumb{padding:18px 0 0;font-size:12px;color:var(--muted)}.breadcrumb a{color:var(--muted);text-decoration:none}
@media(max-width:800px){.shell{width:min(100% - 28px,1180px)}.top{height:70px}.top-row{height:70px}.top-nav a:not(.ask){display:none}.hero{padding:42px 0 30px}.hero h1{font-size:clamp(44px,15vw,68px)}.hero .lead{font-size:17px}.hero-media{margin-top:26px;border-radius:20px}.section{padding:54px 0}.grid2,.grid3,.specs{grid-template-columns:1fr}.media-card img{height:auto;max-height:none}.card{min-height:0}.flow{padding:12px;border-radius:18px}.quote{padding:24px 20px}.top-nav .ask{padding:9px 12px}}