:root{color-scheme:light;--ink: #0b2631;--ink-soft: #52666d;--ink-faint: #74858a;--paper: #f3f6f5;--white: #ffffff;--line: #d7e0de;--line-dark: rgba(210, 230, 232, .16);--brand: #062a47;--accent: #167f89;--accent-bright: #62d0c8;--route: #67b9d8;--roof: #c94a3c;--deep: #061d2a;--deepest: #03151f;--control-radius: 6px;--page: min(1240px, calc(100vw - 72px) );font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);overflow-wrap:break-word}body[data-menu-open=true]{overflow:hidden}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,canvas{display:block;max-width:100%}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.page-shell{width:var(--page);margin-inline:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:var(--white);border-bottom:1px solid rgba(255,255,255,.14)}.header-inner{width:var(--page);height:80px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;min-height:44px;align-items:center;gap:13px;flex:0 0 auto}.brand-mark{width:34px;height:31px;flex:0 0 34px;object-fit:contain}.brand-reverse .brand-mark{filter:brightness(0) invert(1)}.brand-wordmark{display:grid;gap:3px}.brand-name{font-size:21px;line-height:1;font-weight:650;letter-spacing:.08em}.brand-latin{font-size:8px;line-height:1;font-weight:600;letter-spacing:.24em;opacity:.64}.desktop-nav{display:flex;margin-left:auto;align-items:center;gap:clamp(22px,2.5vw,38px)}.desktop-nav a{position:relative;display:inline-flex;height:44px;align-items:center;color:#ffffffb8;font-size:13px;font-weight:500;transition:color .15s ease}.desktop-nav a:after{position:absolute;right:0;bottom:5px;left:0;height:1px;background:var(--accent-bright);content:"";transform:scaleX(0);transform-origin:left;transition:transform .15s ease}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--white)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:8px}.language-button,.menu-button{min-height:44px;border:0;background:transparent;color:#ffffffc7;cursor:pointer}.language-button{display:inline-flex;align-items:center;gap:7px;padding:0 7px;font-size:12px;font-weight:600}.menu-button{display:none;width:44px;padding:0;align-items:center;justify-content:center}.mobile-nav{display:none}.hero{position:relative;isolation:isolate;height:100svh;min-height:760px;max-height:920px;overflow:hidden;color:var(--white);background:#071923}.hero-visual{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background-image:url(/assets/beiwan-hero-desktop.webp);background-position:58% 48%;background-size:cover}.hero-shade{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#031018e0,#031018b8 35%,#0310183d 62%,#0310181a)}.hero-route-canvas,.hero-route-meta{position:absolute;z-index:-1;top:92px;right:0;bottom:36px;left:0;width:100%;height:calc(100% - 128px);pointer-events:none}.hero-route-meta{z-index:1;color:#e8f6f8a8;font-size:10px;font-weight:600;letter-spacing:.12em}.route-origin,.route-destination{position:absolute;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.route-origin:before,.route-destination:before{width:5px;height:5px;border-radius:50%;background:var(--accent-bright);content:""}.route-origin{left:63%;top:82%}.route-destination{right:8.5%;top:37%}.route-destination:before{background:#cfe8ef}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-copy{width:min(680px,56vw);padding-top:32px}.hero-eyebrow,.section-kicker{font-size:11px;line-height:1.55;font-weight:600;letter-spacing:.12em}.hero-eyebrow{max-width:520px;margin-bottom:25px;color:#e5f2f5a3}.hero h1{max-width:720px;font-size:clamp(56px,5vw,74px);line-height:1.08;font-weight:560;letter-spacing:0}.hero h1 span{display:block}.hero-intro{max-width:610px;margin-top:28px;color:#ebf6f8b8;font-size:17px;line-height:1.85}.hero-actions{display:flex;margin-top:36px;align-items:center;gap:12px}.button{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--control-radius);font-size:14px;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.button:active{transform:translateY(1px)}.button-primary{color:var(--deep);background:#f1f7f5}.button-primary:hover{background:var(--white)}.button-quiet{color:var(--white);border-color:#ffffff4d;background:#05171f47}.button-quiet:hover{border-color:#ffffff8a;background:#05171f80}.hero-coordinate{position:absolute;right:0;bottom:28px;color:#e5f2f561;font-size:9px;font-weight:600;letter-spacing:.16em}.section{padding-block:112px}.section-heading{max-width:690px}.section-kicker{display:block;margin-bottom:20px;color:var(--accent)}.section-heading h2{max-width:780px;font-size:clamp(36px,3.2vw,48px);line-height:1.24;font-weight:560;letter-spacing:0}.section-heading p{max-width:650px;margin-top:24px;color:var(--ink-soft);font-size:16px;line-height:1.85}.section-heading.is-light .section-kicker{color:#79d9d1}.section-heading.is-light h2{color:var(--white)}.section-heading.is-light p{color:#e2f1f3a8}.section-about{background:var(--white)}.about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:112px}.about-facts{border-top:1px solid var(--line)}.about-fact{display:grid;min-height:118px;padding-block:24px;grid-template-columns:46px 1fr;gap:18px;border-bottom:1px solid var(--line)}.about-fact>span{padding-top:4px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em}.about-fact h3{font-size:18px;line-height:1.45;font-weight:600}.about-fact p{max-width:430px;margin-top:8px;color:var(--ink-soft);font-size:14px;line-height:1.75}.section-route{background:var(--paper)}.section-route .section-heading{display:grid;max-width:none;grid-template-columns:1fr minmax(260px,.55fr);column-gap:80px}.section-route .section-kicker{grid-column:1 / -1}.section-route .section-heading p{margin-top:6px}.flow-track{display:grid;margin-top:62px;grid-template-columns:repeat(5,minmax(0,1fr))}.flow-track li{min-height:178px;padding:22px 28px 0 0;border-top:1px solid var(--line)}.flow-number{display:block;margin-bottom:38px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em}.flow-track h3{font-size:18px;font-weight:600}.flow-track p{max-width:180px;margin-top:10px;color:var(--ink-soft);font-size:13px;line-height:1.7}.section-services{background:var(--white)}.services-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(620px,1.28fr);gap:100px;align-items:start}.section-services .section-heading{position:sticky;top:112px}.section-services .section-heading h2{font-size:clamp(34px,2.8vw,44px)}.service-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-item{min-height:250px;padding:24px 36px 28px 0;border-top:1px solid var(--line)}.service-item:nth-child(2n){padding-left:36px;border-left:1px solid var(--line)}.service-item>span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em}.service-item h3{margin-top:48px;font-size:21px;font-weight:600}.service-item p{max-width:330px;margin-top:14px;color:var(--ink-soft);font-size:14px;line-height:1.75}.product-section{padding-block:120px;overflow:hidden;color:var(--white);background:var(--deep)}.product-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:94px}.product-copy .button{margin-top:34px}.button-on-dark{color:var(--deep);background:#f0f7f5}.button-on-dark:hover{background:var(--white)}.service-ledger{border-top:1px solid rgba(200,225,228,.28);border-bottom:1px solid rgba(200,225,228,.28)}.service-ledger header{display:grid;padding-block:24px;grid-template-columns:.7fr 1.3fr;gap:32px;align-items:end;border-bottom:1px solid var(--line-dark)}.service-ledger header span{color:#ddeff17a;font-size:10px;font-weight:600;letter-spacing:.12em}.service-ledger header h3{font-size:21px;font-weight:560}.ledger-route{display:grid;padding-block:29px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#ebf7f8c2;font-size:11px;font-weight:600;letter-spacing:.08em;border-bottom:1px solid var(--line-dark)}.ledger-route i{position:relative;display:block;height:1px;background:#7dc3cf4d}.ledger-route i:before,.ledger-route i:after{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent-bright);content:"";transform:translateY(-50%)}.ledger-route i:before{left:0}.ledger-route i:after{right:0;background:var(--route)}.service-ledger ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.service-ledger li{min-height:112px;padding:21px 16px;border-right:1px solid var(--line-dark)}.service-ledger li:last-child{border-right:0}.service-ledger li>span,.service-ledger li small{display:block;color:#dbeef066;font-size:9px;font-weight:600}.service-ledger li strong{display:block;margin-top:18px;font-size:13px;font-weight:560}.service-ledger li small{margin-top:7px}.service-ledger>p{padding-block:22px;color:#96dbd4;font-size:12px;font-weight:600;letter-spacing:.05em;border-top:1px solid var(--line-dark)}.contact-section{padding-block:112px 96px;background:var(--white)}.contact-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:112px;align-items:end}.contact-actions{border-top:1px solid var(--line)}.contact-link{display:grid;width:100%;min-height:76px;padding:12px 0;grid-template-columns:30px 1fr 20px;align-items:center;gap:16px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:color .15s ease,padding-left .15s ease}.contact-link:hover,.contact-link:focus-visible{padding-left:8px;color:var(--accent)}.contact-link span{font-size:14px;font-weight:550;line-height:1.45}.contact-link small{display:block;margin-bottom:4px;color:var(--ink-faint);font-size:10px;font-weight:600;letter-spacing:.08em}.principle-strip{display:grid;margin-top:88px;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.principle-strip article{min-height:154px;padding:24px 32px 0 0}.principle-strip article+article{padding-left:32px;border-left:1px solid var(--line)}.principle-strip h3{font-size:16px;font-weight:600}.principle-strip p{max-width:330px;margin-top:10px;color:var(--ink-soft);font-size:13px;line-height:1.72}.site-footer{padding:72px 0 28px;color:#cbd9dc;background:var(--deepest)}.footer-main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(520px,1fr);gap:80px;padding-bottom:62px}.footer-brand .brand{color:var(--white)}.footer-brand p{max-width:360px;margin-top:22px;color:#d3e4e68a;font-size:13px;line-height:1.8}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-nav h3{margin-bottom:18px;color:#e8f3f47a;font-size:10px;font-weight:600;letter-spacing:.11em}.footer-nav a{display:block;width:fit-content;margin-top:12px;color:#eef7f8c2;font-size:13px;line-height:1.5;transition:color .15s ease}.footer-nav a:hover,.footer-nav a:focus-visible{color:#83dfd6}.footer-base{display:flex;padding-top:24px;align-items:center;justify-content:space-between;gap:24px;color:#c9dddf66;border-top:1px solid rgba(200,226,228,.12);font-size:10px;letter-spacing:.04em}.footer-legal{display:grid;gap:8px}.footer-legal a{width:fit-content;color:#d2e6e88f;transition:color .15s ease}.footer-legal a:hover,.footer-legal a:focus-visible{color:#83dfd6}.footer-base>span{letter-spacing:.16em}:focus-visible{outline:2px solid #76d9d0;outline-offset:3px}@media (max-width: 1080px){:root{--page: min(100% - 48px, 960px)}.desktop-nav{display:none}.menu-button{display:inline-flex}.mobile-nav{position:fixed;inset:80px 0 auto;display:block;max-height:0;overflow:hidden;color:var(--white);background:#03151ffa;opacity:0;visibility:hidden;transition:max-height .22s ease,opacity .15s ease,visibility .15s ease}.mobile-nav.is-open{max-height:calc(100svh - 80px);opacity:1;visibility:visible}.mobile-nav nav{width:var(--page);margin-inline:auto;padding-block:18px 28px}.mobile-nav a{display:flex;min-height:54px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.about-grid,.contact-layout{gap:64px}.services-layout{grid-template-columns:1fr;gap:52px}.section-services .section-heading{position:static}.product-grid{grid-template-columns:1fr;gap:58px}.product-copy{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px}.product-copy .button{margin-top:0}}@media (max-width: 900px){.footer-main{grid-template-columns:1fr;gap:46px}}@media (max-width: 760px){:root{--page: calc(100% - 32px) }html{scroll-padding-top:68px}.header-inner{height:68px;gap:12px}.brand{gap:9px}.brand-mark{width:28px;height:25px;flex-basis:28px}.brand-name{font-size:18px}.brand-latin{font-size:7px}.language-button{font-size:11px}.mobile-nav{top:68px}.hero{height:auto;min-height:720px;max-height:none}.hero-visual{background-image:url(/assets/beiwan-hero-mobile.webp);background-position:center 52%}.hero-shade{background:linear-gradient(180deg,#031018d6,#03101880 47%,#031018c7)}.hero-route-canvas,.hero-route-meta{top:68px;right:0;bottom:20px;left:0;height:calc(100% - 88px)}.route-origin{left:16%;top:80%}.route-destination{display:none}.hero-content{align-items:flex-start}.hero-copy{width:100%;padding-top:118px}.hero-eyebrow{max-width:300px;margin-bottom:18px;font-size:9px;line-height:1.55;letter-spacing:.09em}.hero h1{max-width:100%;font-size:clamp(42px,11.6vw,48px);line-height:1.09;font-weight:580}.hero-intro{max-width:350px;margin-top:20px;font-size:14px;line-height:1.72}.hero-actions{width:100%;margin-top:28px;gap:10px}.hero-actions .button{min-width:0;flex:1 1 0;padding-inline:12px}.hero-coordinate{display:none}.section{padding-block:76px}.section-kicker{margin-bottom:15px;font-size:10px}.section-heading h2,.section-services .section-heading h2{font-size:clamp(29px,8.2vw,34px);line-height:1.28}.section-heading p{margin-top:17px;font-size:14px;line-height:1.75}.about-grid{grid-template-columns:1fr;gap:42px}.about-fact{min-height:0;padding-block:18px;grid-template-columns:38px 1fr}.about-fact h3{font-size:16px}.about-fact p{font-size:13px;line-height:1.65}.section-route .section-heading{display:block}.flow-track{margin-top:38px;grid-template-columns:1fr}.flow-track li{display:grid;min-height:0;padding:16px 0;grid-template-columns:46px 1fr;column-gap:8px;border-top:1px solid var(--line)}.flow-number{grid-row:1 / 3;margin:3px 0 0}.flow-track h3{font-size:16px}.flow-track p{max-width:none;margin-top:5px;font-size:12px}.services-layout{gap:38px}.service-index{grid-template-columns:1fr}.service-item{min-height:0;padding:19px 0 24px}.service-item:nth-child(2n){padding-left:0;border-left:0}.service-item h3{margin-top:23px;font-size:18px}.service-item p{max-width:none;margin-top:9px;font-size:13px;line-height:1.68}.product-section{padding-block:78px}.product-grid{gap:42px}.product-copy{display:block}.product-copy .button{margin-top:27px}.service-ledger header{display:block;padding-block:18px}.service-ledger header h3{margin-top:9px;font-size:18px}.ledger-route{padding-block:22px;font-size:10px}.service-ledger ol{grid-template-columns:repeat(2,1fr)}.service-ledger li{min-height:100px}.service-ledger li:nth-child(2){border-right:0}.service-ledger li:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}.service-ledger>p{font-size:11px}.contact-section{padding-block:76px 64px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-link{min-height:70px}.principle-strip{margin-top:56px;grid-template-columns:1fr}.principle-strip article{min-height:0;padding:18px 0;border-bottom:1px solid var(--line)}.principle-strip article+article{padding-left:0;border-left:0}.principle-strip h3{font-size:15px}.principle-strip p{max-width:none;margin-top:7px;font-size:12px}.site-footer{padding-top:58px}.footer-main{gap:42px;padding-bottom:46px}.footer-nav{grid-template-columns:repeat(2,1fr);gap:34px 28px}.footer-base{align-items:flex-start;flex-direction:column}}@media (max-width: 390px){.language-button svg{display:none}.brand-wordmark{gap:2px}.hero h1{font-size:42px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
