:root{--bg:#f7f9fc;--panel:#fff;--text:#0f172a;--muted:#5f6b7a;--line:#dbe3ee;--accent:#5b7fa6;--accent-dark:#3e6287;--shadow:0 18px 50px rgba(15,23,42,.06);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 8%,rgba(91,127,166,.1),transparent 28rem),linear-gradient(180deg,#fbfcfe 0%,var(--bg) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(247,249,252,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,227,238,.75)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-right{display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.22rem;font-weight:750;letter-spacing:-.02em}.brand-mark{width:18px;height:18px;border:2px solid var(--text);border-radius:5px;transform:rotate(45deg);opacity:.9}
nav{display:flex;gap:24px}nav a{position:relative;text-decoration:none;color:#334155;font-size:.95rem;padding:8px 0}nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:.2s ease}nav a:hover::after,nav a.active::after{transform:scaleX(1)}
.lang-switch{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.75);font-size:.82rem;color:var(--muted)}.lang{border:0;background:transparent;padding:0;cursor:pointer;color:var(--muted);font-weight:700}.lang.active{color:var(--text)}
.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;padding-block:78px 64px}.eyebrow{margin:0 0 18px;color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.14em}
h1{margin:0;max-width:760px;font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em}.lead{max-width:670px;margin:30px 0 8px;color:#425066;font-size:clamp(1.12rem,2vw,1.42rem)}.sublead{margin:0 0 28px;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:12px;background:var(--accent-dark);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(62,98,135,.18)}.button:hover{filter:brightness(.96)}
.hero-visual{position:relative;min-height:430px;border:1px solid rgba(219,227,238,.75);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,241,247,.76));box-shadow:var(--shadow)}
.grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(91,127,166,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(91,127,166,.18) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom right,transparent 4%,#000 40%,#000 75%,transparent 100%)}
.technical-pattern{position:absolute;inset:0}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(62,98,135,.35),transparent)}.l1{width:78%;top:31%;left:10%;transform:rotate(-12deg)}.l2{width:65%;top:54%;left:16%;transform:rotate(15deg)}.l3{width:52%;top:68%;left:25%;transform:rotate(-6deg)}
.node{position:absolute;width:12px;height:12px;border:2px solid rgba(62,98,135,.5);border-radius:50%;background:#f7f9fc;box-shadow:0 0 0 8px rgba(91,127,166,.05)}.n1{top:24%;left:20%}.n2{top:38%;right:25%}.n3{bottom:23%;left:38%}.n4{bottom:31%;right:18%}
.panel-code{position:absolute;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(2,auto);gap:3px 16px;font-size:.72rem;letter-spacing:.14em;color:rgba(62,98,135,.48)}
.orb{position:absolute;border-radius:999px;filter:blur(2px);box-shadow:inset 0 0 70px rgba(255,255,255,.35)}.orb-a{width:270px;height:270px;right:-65px;top:42px;background:linear-gradient(145deg,rgba(91,127,166,.28),rgba(91,127,166,.05))}.orb-b{width:220px;height:220px;left:54px;bottom:-70px;background:linear-gradient(145deg,rgba(115,145,177,.22),rgba(115,145,177,.03))}
.section-head{padding-top:20px;padding-bottom:28px}.section-head h2{max-width:850px;margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em}.section-head p:last-child{max-width:800px;margin:0;color:var(--muted);font-size:1.05rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:26px}.card{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 35px rgba(15,23,42,.035)}.icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;color:var(--accent-dark);font-weight:800;background:#f9fbfd}.card h3{margin:0 0 6px;font-size:1.12rem}.card p{margin:0;color:var(--muted)}
.notice{display:flex;align-items:flex-start;gap:16px;margin:16px 0 48px;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#eef4f9,#f9fbfd)}.notice p{margin:3px 0 0;color:var(--muted)}.notice-icon{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--accent-dark);font-weight:800}
.footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.92rem}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
.legal{max-width:780px;padding-top:84px;padding-bottom:72px}.legal h1{font-size:clamp(2.6rem,5vw,4.4rem);margin-bottom:28px}.legal h2{margin-top:36px;font-size:1.25rem}.legal p{color:#4b586c}.back{margin-top:40px}.secondary{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}
@media(max-width:900px){.nav-right{gap:16px}nav{gap:16px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:58px}.hero-visual{min-height:300px}.cards{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1180px)}.nav{min-height:66px;align-items:flex-start;padding-block:14px}.nav-right{flex-direction:column-reverse;align-items:flex-end;gap:8px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:.88rem}h1{font-size:clamp(2.7rem,14vw,4.4rem)}.hero{gap:34px}.hero-visual{min-height:240px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}}