:root { --ink:#101214; --paper:#f4f2ec; --muted:#71777a; --blue:#738793; --line:rgba(16,18,20,.17); --max:1220px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button { cursor:pointer; }
.section-shell { width:min(calc(100% - 96px),var(--max)); margin:0 auto; }

.landing-header { height:76px; padding:0 max(28px,calc((100vw - var(--max))/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo-lockup { display:flex; align-items:center; gap:10px; }
.logo-lockup>img { display:block; width:214px; height:48px; object-fit:contain; object-position:left center; }
.header-cta { border:1px solid var(--ink); padding:10px 15px; font-size:12px; letter-spacing:.04em; transition:.2s ease; }
.header-cta:hover { background:var(--ink); color:var(--paper); }

.ad-hero { min-height:635px; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.hero-copy-wrap { width:min(100% - 48px,590px); justify-self:end; padding:105px 70px 58px 0; position:relative; }
.micro-label { margin:0; color:#6f777b; font-size:10px; letter-spacing:.17em; display:flex; align-items:center; gap:9px; }
.micro-label i { width:7px; height:7px; background:var(--ink); display:inline-block; }
.hero-copy-wrap h1 { font-weight:500; font-size:clamp(54px,6.2vw,92px); line-height:.98; letter-spacing:-.085em; margin:38px 0 0; }
h1 em,h2 em { font-style:normal; color:#657177; }
.hero-lead { max-width:405px; margin:31px 0 0; color:#596267; font-size:16px; line-height:1.85; }
.hero-buttons { display:flex; align-items:center; gap:24px; margin-top:32px; }
.primary-cta { min-width:202px; background:var(--ink); color:var(--paper); padding:17px 20px; display:inline-flex; align-items:center; justify-content:space-between; font-size:13px; }
.primary-cta span { font-size:18px; line-height:1; }
.quiet-link { font-size:12px; color:#5c6569; border-bottom:1px solid #858c8e; padding-bottom:8px; }
.hero-note { color:#8a9092; font-size:10px; letter-spacing:.08em; margin:42px 0 0; }
.hero-image-wrap { min-height:635px; position:relative; overflow:hidden; background:#9aa0a1; }
.hero-image { height:100%; width:100%; object-fit:cover; filter:grayscale(.35) contrast(1.04); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(120deg,rgba(11,15,17,.5),rgba(11,15,17,.04) 65%); }
.hero-symbol { position:absolute; inset:0; pointer-events:none; opacity:.93; }
.hero-symbol span { position:absolute; width:31%; height:14px; background:#111416; transform:rotate(-45deg); transform-origin:left center; left:16%; top:55%; box-shadow:0 0 0 1px rgba(255,255,255,.1); }
.hero-symbol span:first-child { top:32%; left:35%; width:25%; }
.hero-symbol b { position:absolute; width:12px; height:63%; background:#111416; left:38%; top:18%; transform:skewY(-.1deg); }
.hero-stamp { position:absolute; left:31px; bottom:28px; padding-left:15px; border-left:1px solid rgba(244,242,236,.65); color:var(--paper); display:grid; gap:9px; }
.hero-stamp span { font-size:10px; letter-spacing:.17em; }.hero-stamp b { font-size:12px; line-height:1.5; font-weight:400; }

.proof-bar { min-height:104px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1.55fr repeat(3,1fr); align-items:stretch; padding:0 max(28px,calc((100vw - var(--max))/2)); }
.proof-bar>p { align-self:center; font-size:12px; color:#60686d; letter-spacing:.05em; }
.proof-bar>div { border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; padding-left:28px; }
.proof-bar strong { font-size:25px; font-weight:500; letter-spacing:-.055em; }.proof-bar span { margin-top:4px; font-size:10px; color:#757c7f; }

.fit-section { padding:112px 0 120px; }
.fit-section h2,.case-heading h2,.travel-copy h2,.how-section h2,.consult-copy h2 { margin:34px 0 0; font-weight:500; font-size:clamp(43px,5.2vw,72px); line-height:1.02; letter-spacing:-.075em; }
.fit-section h2 strong,.how-section h2 strong { font-weight:500; color:#728694; }
.fit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:74px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.fit-grid article { min-height:215px; padding:20px 28px 25px 0; border-right:1px solid var(--line); position:relative; }
.fit-grid article:not(:first-child) { padding-left:28px; }.fit-grid article:last-child { border-right:0; }
.fit-grid span { color:#7c8589; font-size:11px; }.fit-grid h3 { margin:56px 0 11px; font-size:26px; letter-spacing:-.05em; font-weight:500; }.fit-grid p { margin:0; color:#687176; max-width:220px; font-size:13px; line-height:1.75; }

.case-section { background:#171a1c; color:var(--paper); padding:108px 0 115px; overflow:hidden; }
.case-section .micro-label { color:#9fa7aa; }.case-section .micro-label i,.on-dark i { background:#b7cbd6; }.case-heading { display:flex; justify-content:space-between; gap:35px; align-items:end; }.case-heading h2 { color:var(--paper); }.case-heading h2 em { color:#a2b4bd; }.case-heading>p { max-width:250px; margin:0 0 4px; color:#abb2b5; font-size:12px; line-height:1.75; }
.case-scroll { display:grid; grid-template-columns:repeat(4,minmax(260px,1fr)); width:max-content; gap:16px; margin:67px max(28px,calc((100vw - var(--max))/2)) 0; }
.image-case { width:282px; background:#edf0ee; color:var(--ink); }
.case-photo { position:relative; height:285px; overflow:hidden; background:#636a6d; }.case-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.32)); pointer-events:none; }.case-photo img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }.image-case:hover .case-photo img { transform:scale(1.04); }.case-photo span { position:absolute; z-index:1; left:15px; bottom:14px; padding:6px 8px; background:rgba(16,18,20,.78); color:var(--paper); font-size:9px; letter-spacing:.1em; }
.case-body { min-height:132px; padding:17px 17px 18px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }.case-body h3 { margin:0; font-size:23px; font-weight:500; letter-spacing:-.06em; }.case-body div { display:grid; text-align:right; }.case-body strong { font-size:20px; letter-spacing:-.06em; font-weight:500; white-space:nowrap; }.case-body small { margin-top:5px; color:#6d7579; font-size:9px; white-space:nowrap; }

.travel-section { display:grid; grid-template-columns:1.08fr .92fr; gap:9%; align-items:center; padding:116px 0; }.travel-image { position:relative; }.travel-image img { display:block; width:100%; aspect-ratio:1.38; object-fit:cover; filter:saturate(.8) contrast(1.04); }.travel-image span { position:absolute; left:16px; bottom:14px; color:var(--paper); text-shadow:0 1px 2px rgba(0,0,0,.6); font-size:9px; letter-spacing:.12em; }.travel-copy h2 { font-size:clamp(40px,4.2vw,62px); }.travel-copy>p:not(.micro-label) { max-width:390px; margin:29px 0 0; color:#657075; line-height:1.85; font-size:15px; }.travel-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.travel-pills b { border:1px solid var(--line); padding:8px 10px; font-size:10px; font-weight:400; color:#5e686d; }

.how-section { background:#e4e1d9; padding:108px 0 113px; }.how-section h2 { margin-bottom:64px; }.step-grid { border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }.step-grid article { min-height:185px; padding:20px 25px 18px 0; border-right:1px solid var(--line); }.step-grid article:not(:first-child) { padding-left:25px; }.step-grid article:last-child { border-right:0; }.step-grid span { font-size:11px; color:#6c8492; }.step-grid h3 { margin:50px 0 8px; font-size:25px; font-weight:500; letter-spacing:-.05em; }.step-grid p { margin:0; color:#697176; font-size:13px; }

.consult-section { background:#546a78; color:var(--paper); overflow:hidden; position:relative; }.consult-section:after { content:""; position:absolute; height:700px; width:700px; border:1px solid rgba(244,242,236,.18); border-radius:50%; right:-210px; top:-320px; box-shadow:0 0 0 55px rgba(244,242,236,.03),0 0 0 110px rgba(244,242,236,.03); }.consult-inner { min-height:600px; padding-top:105px; padding-bottom:92px; display:grid; grid-template-columns:1fr 1fr; gap:15%; position:relative; z-index:1; }.on-dark { color:#ccd8dd; }.consult-copy h2 { color:var(--paper); }.consult-copy h2 em { color:#c5d4db; }.consult-copy>p { max-width:350px; margin:29px 0 0; color:#e0e7e9; line-height:1.8; font-size:14px; }.consult-sign { margin-top:104px; font-size:16px; letter-spacing:.14em; }.consult-sign span { margin-left:14px; color:#d1dcdf; font-size:9px; letter-spacing:.14em; }.consult-form { align-self:end; display:grid; gap:17px; }.consult-form label { display:grid; gap:8px; color:#e4eaeb; font-size:11px; letter-spacing:.06em; }.consult-form input,.consult-form select { background:transparent; outline:0; border:0; border-bottom:1px solid rgba(244,242,236,.5); color:var(--paper); padding:10px 0; border-radius:0; }.consult-form input::placeholder { color:#ccd8dc; }.consult-form select option { color:var(--ink); }.consult-form button { margin-top:14px; justify-self:start; border:0; background:var(--paper); color:var(--ink); min-width:190px; padding:16px 19px; display:flex; justify-content:space-between; align-items:center; font-size:13px; }.consult-form button span { font-size:18px; }.form-message { margin:0; color:#e4efe0; font-size:12px; }

footer { min-height:82px; display:flex; align-items:center; justify-content:space-between; width:min(calc(100% - 96px),var(--max)); margin:0 auto; color:#737b7e; font-size:10px; letter-spacing:.08em; } footer img { width:142px; height:42px; object-fit:contain; object-position:left center; }

@media (max-width:900px) { .section-shell { width:min(calc(100% - 48px),var(--max)); }.landing-header { padding:0 24px; }.ad-hero { grid-template-columns:1fr; }.hero-copy-wrap { width:min(100% - 48px,680px); justify-self:center; padding:74px 0 58px; }.hero-image-wrap { min-height:480px; }.proof-bar { grid-template-columns:1fr repeat(3,1fr); padding:0 24px; }.proof-bar>div { padding-left:17px; }.proof-bar>p { grid-column:1/-1; margin:21px 0 0; }.proof-bar { padding-bottom:21px; }.proof-bar strong { font-size:22px; }.fit-section { padding:86px 0 90px; }.fit-grid { margin-top:52px; }.case-section { padding:85px 0 90px; }.case-scroll { overflow-x:auto; width:auto; margin:52px 24px 0; padding-bottom:10px; }.travel-section { gap:45px; padding:88px 0; }.how-section { padding:84px 0 88px; }.consult-inner { grid-template-columns:1fr; gap:65px; padding-top:84px; padding-bottom:80px; }.consult-sign { margin-top:55px; }.consult-form { max-width:550px; }.consult-section:after { top:330px; }.consult-copy h2 { font-size:64px; } }
@media (max-width:600px) { .logo-lockup>img { width:170px; height:44px; }.ad-hero { min-height:0; }.hero-copy-wrap { padding-top:59px; }.hero-copy-wrap h1 { font-size:56px; }.hero-lead { font-size:14px; margin-top:25px; }.hero-buttons { align-items:flex-start; flex-direction:column; gap:19px; margin-top:28px; }.hero-note { line-height:1.7; margin-top:33px; }.hero-image-wrap { min-height:380px; }.hero-stamp { left:23px; bottom:23px; }.proof-bar { grid-template-columns:repeat(3,1fr); min-height:158px; padding-top:0; }.proof-bar>p { grid-column:1/-1; margin:17px 0 0; }.proof-bar>div { padding-left:9px; border-left:0; }.proof-bar strong { font-size:19px; }.proof-bar span { font-size:9px; line-height:1.35; }.fit-section h2,.case-heading h2,.travel-copy h2,.how-section h2 { font-size:43px; }.fit-grid { grid-template-columns:1fr; }.fit-grid article,.fit-grid article:not(:first-child) { min-height:144px; padding:18px 0; border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:42px 73px 1fr; align-items:center; }.fit-grid article:last-child { border-bottom:0; }.fit-grid h3 { margin:0; font-size:22px; }.fit-grid p { margin:0; font-size:12px; }.case-heading { display:grid; gap:24px; }.case-heading>p { margin:0; }.image-case { width:258px; }.case-photo { height:255px; }.travel-section { grid-template-columns:1fr; padding:78px 0; gap:35px; }.travel-copy>p:not(.micro-label) { font-size:14px; }.how-section h2 { margin-bottom:45px; }.step-grid { grid-template-columns:1fr; }.step-grid article,.step-grid article:not(:first-child) { min-height:125px; padding:18px 0; border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:42px 88px 1fr; align-items:center; }.step-grid article:last-child { border-bottom:0; }.step-grid h3 { margin:0; font-size:21px; }.step-grid p { font-size:12px; line-height:1.55; }.consult-inner { padding-top:72px; padding-bottom:69px; }.consult-copy h2 { font-size:53px; }.consult-sign { font-size:14px; }.consult-sign span { display:block; margin:10px 0 0; }.consult-section:after { right:-380px; }.consult-form { gap:16px; }.consult-form button { width:100%; }.header-cta { padding:9px 12px; } footer { width:calc(100% - 48px); min-height:76px; } footer img { width:118px; height:38px; }.hero-symbol span { width:42%; left:7%; }.hero-symbol span:first-child { left:31%; }.hero-symbol b { left:36%; } }