:root {
  color-scheme: light;
  --bg:#f4f6f5; --surface:#fff; --surface-alt:#edf1f1; --hero:#f0f4f3;
  --ink:#10263a; --muted:#536675; --line:#d8e1e4; --accent:#8f6929;
  --header:rgba(250,252,251,.78); --shadow:0 24px 60px rgba(14,40,55,.07);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;
  color:var(--ink); background:var(--bg);
}
:root[data-theme="dark"] {
  color-scheme:dark; --bg:#091824; --surface:#122838; --surface-alt:#0e2231;
  --hero:#0c2130; --ink:#f0f5f5; --muted:#b4c5cc; --line:#304653;
  --accent:#dfbe78; --header:rgba(11,28,40,.78); --shadow:0 24px 60px rgba(0,0,0,.18);
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    color-scheme:dark; --bg:#091824; --surface:#122838; --surface-alt:#0e2231;
    --hero:#0c2130; --ink:#f0f5f5; --muted:#b4c5cc; --line:#304653;
    --accent:#dfbe78; --header:rgba(11,28,40,.78); --shadow:0 24px 60px rgba(0,0,0,.18);
  }
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;min-width:320px} a{color:inherit} img{max-width:100%;display:block}
button{font:inherit} p{line-height:1.65} h1,h2,h3{line-height:1.12;letter-spacing:-.045em}
h1,h2,h3,p{margin-top:0} .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;left:16px;z-index:99;padding:10px 16px;background:var(--accent);color:#10263a}
.skip-link:focus{top:10px} :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.announcement{background:#0a1e2e;color:#dce7ec;font-size:.76rem}
.announcement .container{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.announcement strong{color:#e9d19a}.announcement a{text-decoration:none}.announcement a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:30;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
.header-inner{min-height:84px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:11px;min-width:232px;text-decoration:none}
.brand-mark{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:13px;padding:3px}
.brand-name{display:block;font-size:.99rem;font-weight:760;letter-spacing:-.025em;line-height:1.1}
.brand-desc{display:block;margin-top:5px;color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.095em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:23px;margin-left:auto}
.nav a{color:var(--muted);text-decoration:none;font-size:.83rem;font-weight:680;white-space:nowrap}
.nav a:hover{color:var(--ink)}
.lang-switch{display:flex;align-items:center;gap:1px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.lang-switch a{padding:6px 8px;border-radius:999px;color:var(--muted);font-size:.69rem;font-weight:780;text-decoration:none}
.lang-switch a[aria-current="page"]{background:var(--ink);color:var(--surface)}
.theme-toggle,.menu-toggle{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}
.theme-toggle{font-size:1.2rem;line-height:1}.menu-toggle{display:none;border-radius:11px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 21px;border-radius:13px;font-size:.87rem;font-weight:780;line-height:1.25;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.button:hover{transform:translateY(-2px)}.button-gold{background:#d9bb7d;color:#101f2c}
.button-gold:hover{background:#d5b675}.button-outline,.button-light{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.button-outline:hover,.button-light:hover{border-color:var(--accent)}
.button-sm{min-height:39px;padding:9px 13px;font-size:.74rem;white-space:nowrap}
.hero{position:relative;overflow:hidden;background:var(--hero);border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;width:650px;height:650px;right:-250px;top:-320px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 85px rgba(130,161,170,.045),0 0 0 170px rgba(130,161,170,.035);pointer-events:none}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(355px,.9fr);align-items:center;gap:70px;padding:102px 0 108px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:27px;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:24px;height:1px;background:currentColor}
.hero h1{max-width:720px;margin-bottom:25px;font-size:clamp(2.9rem,5.7vw,5.55rem);font-weight:710}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lede{max-width:610px;margin-bottom:29px;color:var(--muted);font-size:1.06rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.hero-note{margin:18px 0 0;color:var(--muted);font-size:.76rem}
.hero-visual{min-width:0}
.hero-photo{margin:0}
.hero-photo img{width:100%;height:435px;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}
.hero-photo figcaption{margin-top:11px;color:var(--muted);font-size:.69rem;line-height:1.4}
.proof-strip{background:var(--surface);border-bottom:1px solid var(--line)}
.proof-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}
.proof-item{display:flex;gap:14px;align-items:center;min-height:75px;padding:18px 24px 18px 0;font-size:.78rem;font-weight:690}
.proof-item+.proof-item{border-left:1px solid var(--line);padding-left:26px}
.proof-number{color:var(--accent);font-size:.75rem;font-weight:850}
.section{padding:108px 0}.section-alt{background:var(--surface-alt)}
.section-head{max-width:760px;margin-bottom:39px}
.section-kicker{margin-bottom:13px;color:var(--accent);font-size:.7rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.section h2{margin-bottom:17px;font-size:clamp(2.1rem,3.4vw,3.35rem);font-weight:700}
.section-head p{color:var(--muted);font-size:.99rem}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.card{padding:31px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.card-index{margin-bottom:40px;color:var(--accent);font-size:.74rem;font-weight:850;letter-spacing:.12em}
.card h3{margin-bottom:13px;font-size:1.31rem}.card p{margin-bottom:0;color:var(--muted);font-size:.87rem}
.method-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.method-step{padding:25px 19px 0 0}.method-step+.method-step{padding-left:19px;border-left:1px solid var(--line)}
.method-step .step-no{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.12em}
.method-step h3{margin:23px 0 11px;font-size:1.07rem}.method-step p{margin:0;color:var(--muted);font-size:.81rem}
.caption{margin-top:26px;color:var(--muted);font-size:.78rem}
.route-option{position:relative;overflow:hidden;min-height:370px;padding:36px;border:1px solid var(--line);border-radius:23px;background:var(--surface)}
.route-option::before{content:"";position:absolute;left:36px;right:36px;top:0;height:3px;background:var(--accent)}
.route-option .tag{display:inline-block;margin-bottom:30px;color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.route-option h3{margin-bottom:16px;font-size:1.65rem}.route-option p,.route-option ul{color:var(--muted);font-size:.88rem}
.route-option ul{padding-left:19px;line-height:1.75}
.route-option.primary{border-color:var(--line);background:var(--surface);color:var(--ink)}
.insight{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center}
.insight-panel{overflow:hidden;padding:0 0 34px;border-radius:24px;background:#102a3d;color:#f4f7f7}
.insight-image{width:100%;height:215px;object-fit:cover;object-position:center 55%;margin-bottom:29px}
.insight-panel>:not(.insight-image){margin-left:34px;margin-right:34px}
.insight-panel .small-label{color:#e6c786;font-size:.69rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.insight-panel h3{margin:25px 0 17px;font-size:1.8rem}.insight-panel p{color:#c6d7dd}
.insight-panel .line{height:1px;margin:26px 0;background:#40596a}.insight-panel strong{font-size:.83rem}
.insight-panel .line{margin-left:34px;margin-right:34px}
.concept-note{display:block;margin-top:24px;color:#acc1cc;font-size:.68rem;line-height:1.4}
.check-list{padding:0;margin:0;list-style:none}
.check-list li{position:relative;padding:15px 0 15px 28px;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.55}
.check-list li::before{content:"↗";position:absolute;left:0;color:var(--accent);font-weight:800}
.faq-list{display:grid;gap:10px}
.faq-list details{padding:0 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.faq-list summary{position:relative;padding:20px 30px 20px 0;font-weight:740;list-style:none;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:0;top:16px;color:var(--accent);font-size:1.6rem;font-weight:400}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{margin:0 0 20px;color:var(--muted);font-size:.87rem}
.contact-section{padding:85px 0;background:#0a2030;color:#f3f6f6}
.contact-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.contact-inner h2{margin-bottom:18px;font-size:clamp(2.2rem,3.7vw,3.65rem)}
.contact-inner p{color:#becfd7}
.contact-card{padding:30px;border:1px solid #385164;border-radius:20px;background:rgba(255,255,255,.045)}
.contact-card p{font-size:.81rem}.contact-card .button{width:100%;margin-bottom:18px}
.contact-methods{display:grid;gap:12px;font-size:.82rem}.contact-methods a{color:#fff;text-underline-offset:3px}
.site-footer{padding:35px 0;background:#071826;color:#b7cbd5}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-inner p{margin:0;font-size:.75rem}.footer-name{margin-bottom:7px!important;color:#fff;font-weight:830;font-size:.87rem!important}
@media(max-width:1100px){
  .header-inner{gap:12px}.brand{min-width:205px}.nav{gap:13px}.nav a{font-size:.76rem}
  .header-cta{display:none}.hero-inner{gap:32px}
}
@media(max-width:800px){
  .header-inner{flex-wrap:wrap;min-height:70px;padding-block:11px}
  .brand{width:calc(100% - 50px);min-width:0;margin-right:auto}.brand-mark{width:47px;height:47px}
  .menu-toggle{display:grid}.lang-switch{order:2}.theme-toggle{order:3}
  .nav{display:none;order:4;width:100%;padding:8px 0 7px;margin:0;flex-direction:column;align-items:stretch;gap:0}
  .nav.is-open{display:flex}.nav a{padding:11px 2px;font-size:.88rem}
  .hero-inner{grid-template-columns:1fr;padding:67px 0 75px}.hero-visual{max-width:600px}
  .hero-photo img{height:auto;aspect-ratio:3/2}
  .proof-strip .container{grid-template-columns:1fr}
  .proof-item,.proof-item+.proof-item{min-height:0;padding:15px 0;border-left:0;border-bottom:1px solid var(--line)}
  .section{padding:75px 0}.grid-3,.grid-2,.insight,.contact-inner{grid-template-columns:1fr}
  .method-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .method-step,.method-step+.method-step{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
  .route-option{min-height:auto}.footer-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:540px){
  .container{width:min(100% - 32px,1180px)}.announcement{font-size:.65rem}
  .announcement .container{align-items:flex-start;flex-direction:column;gap:2px;padding-block:7px}
  .brand-name{font-size:.86rem}.brand-desc{font-size:.56rem}
  .lang-switch a{padding:5px 8px;font-size:.66rem}
  .hero h1{font-size:clamp(2.55rem,10vw,3.6rem)}.hero .lede{font-size:.97rem}
  .section h2{font-size:2.2rem}
  .card,.route-option{padding:26px}.method-list{grid-template-columns:1fr;gap:0}
  .insight-panel{padding-bottom:26px}.insight-panel>:not(.insight-image){margin-left:26px;margin-right:26px}
  .insight-panel .line{margin-left:26px;margin-right:26px}.contact-card{padding:26px}
  .hero-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}