:root { --orange:#e86f1e; --ink:#202329; --muted:#69717d; --surface:#fff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); font-family:Arial, Helvetica, sans-serif; background:linear-gradient(127deg,#f5f6f7 0%,#fff 50%,#f3eee9 100%); }
.page-shell { max-width:1240px; min-height:calc(100vh - 78px); margin:auto; padding:22px 42px 56px; }
.site-header { display:flex; min-height:106px; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #e2e4e7; }
.seislink-brand { display:block; text-decoration:none; }
.seislink-brand img { display:block; width:148px; height:96px; object-fit:contain; mix-blend-mode:multiply; }
.header-tools { display:flex; align-items:center; gap:22px; }
.link-language-switch { align-items:center; background:#8d8986; border-radius:3px; box-shadow:0 7px 18px rgba(64,31,13,.14); display:inline-flex; height:34px; overflow:hidden; }
.link-language-switch a,.link-language-switch span { align-items:center; color:#fff; display:inline-flex; font-size:12px; font-weight:700; height:34px; justify-content:center; letter-spacing:.08em; min-width:43px; padding:0 11px; text-decoration:none; }
.link-language-switch span { background:var(--orange); z-index:2; }
.link-language-switch span:first-child { clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%); padding-right:18px; }
.link-language-switch span:last-child { clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%); padding-left:18px; }
.link-language-switch a { background:#8d8986; transition:background-color 160ms ease; }.link-language-switch a:hover { background:#6f6b68; }
.linkyapi-brand { display:block; line-height:0; }
.linkyapi-brand img { display:block; width:145px; height:auto; max-height:39px; object-fit:contain; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:70px; align-items:center; padding:clamp(70px,13vh,150px) 4vw 40px; }
.eyebrow,.card-label { margin:0 0 18px; color:var(--orange); letter-spacing:2px; font-size:11px; font-weight:bold; }
h1 { max-width:690px; margin:0 0 22px; font-size:clamp(43px,5.5vw,74px); letter-spacing:-2.8px; line-height:1.02; }
.lead { max-width:650px; margin:0; color:#343941; font-size:20px; line-height:1.6; }
.description { max-width:590px; color:var(--muted); font-size:16px; line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:33px; }
.button { display:inline-block; padding:15px 21px; border:1px solid var(--orange); text-decoration:none; font-weight:bold; font-size:14px; transition:.2s; }
.button-primary { background:var(--orange); color:#fff; }
.button-secondary { color:var(--orange); background:#fff; }
.button:hover { transform:translateY(-2px); box-shadow:0 8px 20px #1c1c1c1c; }
.status-card { position:relative; padding:36px; background:#24272d; color:#fff; box-shadow:0 22px 50px #1b1d2238; overflow:hidden; }
.status-card:after { content:"S"; position:absolute; right:-23px; bottom:-82px; color:#ffffff08; font-family:Georgia,serif; font-size:280px; line-height:1; }
.status-card h2 { position:relative; margin:0 0 16px; font-size:31px; line-height:1.12; }
.status-card > p { position:relative; margin:0; color:#d1d4d8; line-height:1.65; }
.pulse { display:block; width:10px; height:10px; margin-bottom:22px; background:#85b86b; border-radius:50%; box-shadow:0 0 0 7px #85b86b25; }
.line { height:1px; margin:30px 0 20px; background:#ffffff2a; }
.status-card .small { font-size:13px; }.status-card a { color:#fff; }
footer { display:flex; justify-content:space-between; gap:18px; max-width:1240px; margin:auto; padding:25px 42px; color:#777e87; border-top:1px solid #dfe2e5; font-size:13px; } footer a { color:#777e87; }
@media (max-width:800px) { .page-shell{padding:14px 22px 38px}.site-header{min-height:84px;padding-bottom:12px}.seislink-brand img{width:104px;height:68px}.header-tools{gap:11px}.linkyapi-brand img{width:96px}.hero{grid-template-columns:1fr;gap:44px;padding:75px 0 25px}.lead{font-size:18px}.status-card{padding:28px}footer{padding:20px 22px;flex-direction:column} }