:root{--blue:#2557a6;--blue-dark:#071326;--cyan:#20b7d8;--gold:#e9b949;--ink:#132033;--muted:#667085;--line:#dce7f5;--paper:#f5f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(180deg,#071326 0,#102a56 36rem,#f5f8fc 36.1rem);letter-spacing:0}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,li,span,a,strong,figcaption{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
.page{overflow:hidden}
.hero{position:relative;min-height:720px;color:#fff;display:flex;align-items:flex-end;isolation:isolate}
.hero-bg,.hero-overlay,.hero-grid{position:absolute;inset:0}
.hero-bg{width:100%;height:100%;object-fit:cover;z-index:-3}
.hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(5,11,22,.95),rgba(5,11,22,.72) 45%,rgba(5,11,22,.18)),linear-gradient(0deg,#071326 0,rgba(7,19,38,.1) 58%)}
.hero-grid{z-index:-1;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.hero-inner{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:56px 0 108px}
.logo{width:min(240px,56vw);margin-bottom:84px}
.kicker,.eyebrow{margin:0 0 16px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hero h1{max-width:980px;margin:0;font-size:clamp(48px,7.6vw,96px);line-height:1.1;letter-spacing:0}
.hero h1 span{display:block}
.lead{max-width:860px;margin:30px 0 0;color:rgba(255,255,255,.84);font-size:22px;line-height:1.78}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-actions a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;color:#fff;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.hero-actions a:first-child{color:#071326;background:var(--gold);border-color:var(--gold)}
.signal-row{position:relative;z-index:3;width:min(1160px,calc(100% - 40px));margin:-48px auto 86px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.signal-row article{min-height:220px;padding:30px;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,254,.94));border:1px solid rgba(210,224,244,.98);box-shadow:0 30px 90px rgba(12,27,52,.18)}
.signal-row span{color:var(--gold);font-weight:900}
.signal-row h2{margin:38px 0 12px;font-size:28px}
.signal-row p{margin:0;color:#526071;font-size:16px;line-height:1.76}
.content{width:min(1160px,calc(100% - 40px));margin:0 auto 100px}
.opening{display:grid;grid-template-columns:1fr;gap:28px;margin:0 0 72px}
.opening h2,.feature-copy h2,.section-heading h2,.contact-block h2,.ending h2{margin:0 0 20px;font-size:clamp(32px,4.4vw,52px);line-height:1.18;letter-spacing:0}
.opening p,.feature-copy p,.section-heading p,.contact-block p{color:#3c4656;font-size:18px;line-height:1.88}
.visual-band{margin:72px 0;padding:22px;background:linear-gradient(135deg,rgba(37,87,166,.18),rgba(32,183,216,.1)),#fff;border:1px solid var(--line);box-shadow:0 30px 90px rgba(15,35,70,.12)}
.visual-band img{width:100%}
.feature-grid{display:grid;grid-template-columns:.9fr 1fr;gap:46px;align-items:center;margin:72px 0;padding:54px;background:#fff;border:1px solid var(--line);box-shadow:0 26px 80px rgba(15,35,70,.1)}
.feature-grid.reverse{grid-template-columns:1fr .9fr}
.feature-grid.reverse .feature-copy{order:2}
.feature-grid>img{width:100%}
.feature-copy ul{display:grid;gap:12px;padding:0;margin:30px 0 0;list-style:none}
.feature-copy li{padding:14px 16px;color:#253041;font-weight:800;background:#f1f6ff;border-left:4px solid var(--blue)}
.dark-section{margin:90px 0;padding:64px;color:#fff;background:radial-gradient(circle at 88% 0%,rgba(32,183,216,.26),transparent 24rem),linear-gradient(135deg,#071326,#12366d);box-shadow:0 28px 90px rgba(8,19,38,.24)}
.dark-section .section-heading{max-width:960px}
.dark-section p{color:rgba(255,255,255,.78)}
.dark-section img{width:100%;margin-top:34px;border:1px solid rgba(255,255,255,.14)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.cards article{padding:26px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 70px rgba(15,35,70,.1)}
.cards strong{display:inline-flex;padding:8px 12px;background:var(--blue);color:#fff}
.cards h3{margin:24px 0 12px;font-size:25px}
.cards p{color:var(--muted);line-height:1.76}
.services{margin:82px 0;padding:64px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(233,185,73,.18),transparent 20rem),linear-gradient(135deg,#102a56,#071326)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.service-grid span{display:grid;min-height:76px;place-items:center;text-align:center;padding:14px;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1)}
.contact-block{display:grid;grid-template-columns:.95fr 1fr;gap:46px;align-items:center;margin:82px 0;padding:56px;background:radial-gradient(circle at 100% 0%,rgba(32,183,216,.14),transparent 22rem),#fff;border:1px solid var(--line);box-shadow:0 24px 80px rgba(15,35,70,.1)}
.contact-actions{display:grid;gap:10px;margin-top:28px}
.contact-actions span{padding:13px 15px;color:#163058;font-weight:900;background:#eef4ff;border:1px solid #c9d8f1}
.qr-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qr-row figure{margin:0;padding:14px;text-align:center;background:#f7f8fb;border:1px solid var(--line)}
.qr-row img{width:100%;aspect-ratio:1;object-fit:contain}
.qr-row figcaption{margin-top:10px;color:var(--muted);font-weight:900}
.ending{margin:90px auto 0;padding:82px 42px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0%,rgba(233,185,73,.22),transparent 22rem),linear-gradient(135deg,rgba(37,87,166,.98),rgba(6,11,22,.98))}
.ending p{max-width:880px;margin:16px auto;color:rgba(255,255,255,.82);font-size:21px;line-height:2.05}
.ending h2{margin-top:34px;color:#fff}
@media(max-width:900px){body{background:#f5f8fc}.hero{min-height:680px}.hero-inner,.signal-row,.content{width:calc(100% - 30px)}.logo{width:220px;margin-bottom:72px}.hero h1{font-size:clamp(42px,12vw,74px);line-height:1.12}.lead{font-size:17px}.signal-row,.cards,.service-grid,.qr-row{grid-template-columns:1fr}.signal-row{margin-top:-50px}.signal-row article{min-height:auto}.feature-grid,.feature-grid.reverse,.contact-block{grid-template-columns:1fr;gap:28px}.feature-grid.reverse .feature-copy{order:initial}.feature-grid,.dark-section,.services,.contact-block{padding:28px;margin:44px 0}.opening p,.feature-copy p,.section-heading p,.contact-block p{font-size:16px}.visual-band{padding:10px}.ending{padding:56px 22px}}

@media (max-width: 700px) { h1, h2, h3, p, li, span, a, strong, figcaption { word-break: normal; overflow-wrap: anywhere; } }