:root{--bg: #071018;--bg2: #0c1724;--card: #ffffff13;--card2: #ffffff1c;--text: #f2f7fb;--muted: #9fb0c1;--line: #ffffff24;--accent: #7ee7ff;--accent2: #a7f3d0;--gold: #f7c873}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.hero{min-height:100vh;padding:28px clamp(18px,4vw,64px);position:relative;overflow:hidden}.hero-bg{z-index:-2;background:radial-gradient(circle at 20% 10%,#7ee7ff3d,#0000 28%),radial-gradient(circle at 82% 24%,#a7f3d029,#0000 26%),linear-gradient(135deg,#071018,#0c1724 55%,#101827);position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg:after{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 35%,#000,#0000 75%)}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1220px;margin:0 auto;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:800;display:flex}.navlinks{color:var(--muted);gap:18px;font-size:14px;display:flex}.navlinks a:hover{color:#fff}.hero-content{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:56px;max-width:1220px;margin:90px auto 0;display:grid}.pill{border:1px solid var(--line);color:var(--accent2);background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:inline-flex}h1{letter-spacing:-.08em;max-width:760px;margin:26px 0 22px;font-size:clamp(48px,8vw,92px);line-height:.92}.hero p{color:var(--muted);max-width:700px;font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary,.secondary{border-radius:14px;padding:14px 18px;font-weight:700}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018}.secondary{border:1px solid var(--line);background:#ffffff0f}.system-map{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border-radius:32px;min-height:520px;position:relative;box-shadow:0 30px 90px #00000059}.node{border:1px solid var(--line);background:#071018d9;border-radius:18px;align-items:center;gap:10px;padding:16px 18px;font-weight:800;display:flex;position:absolute;box-shadow:0 16px 50px #00000047}.node svg{width:22px;height:22px;color:var(--accent)}.cloud{top:44px;left:42px}.ai{border-color:#7ee7ff80;top:175px;left:150px;transform:scale(1.15)}.desktop{top:62px;right:44px}.tunnel{bottom:120px;left:56px}.services{bottom:54px;right:52px}.line{transform-origin:0;background:linear-gradient(90deg,#0000,#7ee7ff80,#0000);height:2px;position:absolute}.l1{width:170px;top:122px;left:170px;transform:rotate(30deg)}.l2{width:170px;top:132px;right:160px;transform:rotate(145deg)}.l3{width:220px;bottom:160px;left:150px;transform:rotate(-18deg)}.l4{width:210px;bottom:130px;right:120px;transform:rotate(24deg)}.section{max-width:1320px;margin:0 auto;padding:92px clamp(18px,4vw,64px)}.alt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff04);max-width:none}.alt>*{max-width:1220px;margin-left:auto;margin-right:auto}.section-header{margin-bottom:36px}.section-header span{color:var(--accent2);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}h2{letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(34px,5vw,60px);line-height:1}.section-header p{color:var(--muted);max-width:780px;font-size:18px;line-height:1.55}.checklist-progress{color:var(--accent2);font-weight:700;margin-top:8px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.module-card{background:var(--card);border:1px solid var(--line);border-radius:26px;min-height:330px;padding:22px}.module-card:hover{background:var(--card2);transition:all .2s;transform:translateY(-2px)}.module-icon{width:46px;height:46px;color:var(--accent);background:#7ee7ff1f;border-radius:15px;place-items:center;margin-bottom:18px;display:grid}.module-card h3{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.module-card strong{color:var(--accent2);font-size:14px}.module-card p{color:var(--muted);line-height:1.5}.module-card ul{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.module-card li{color:#d9e7ef;align-items:center;gap:8px;font-size:14px;display:flex}.module-card li svg{color:var(--accent2);flex:none}.timeline{gap:16px;display:grid}.phase{border:1px solid var(--line);background:#ffffff12;border-radius:24px;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:20px;display:grid}.phase-number{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;border-radius:16px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid}.phase h3{margin:4px 0 12px;font-size:22px}.phase ul{color:var(--muted);gap:6px;margin:0;padding-left:18px;display:grid}.decision-table{border:1px solid var(--line);border-radius:24px;overflow:hidden}.decision-row{border-bottom:1px solid var(--line);background:#ffffff0b;grid-template-columns:260px 1fr;gap:20px;padding:18px 22px;display:grid}.decision-row:last-child{border-bottom:0}.decision-row strong{color:var(--accent)}.decision-row span{color:var(--muted)}.checklist-section{padding-top:40px}.checklist-card{border:1px solid var(--line);background:#ffffff12;border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;display:grid}.checklist-card label{color:#d8e8ef;cursor:pointer;background:#00000026;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.checklist-card input{accent-color:#7ee7ff;width:18px;height:18px}footer{border-top:1px solid var(--line);color:var(--muted);padding:32px clamp(18px,4vw,64px)}footer strong{color:#fff;margin-bottom:8px;display:block}.chat-widget{position:fixed;right:clamp(16px,4vw,32px);bottom:clamp(16px,4vw,32px);z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.chat-toggle{width:56px;height:56px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 50px #00000047}.chat-panel{width:min(360px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 140px));display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg2);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #00000059}.chat-panel-header{display:flex;align-items:center;gap:10px;padding:16px 18px;font-weight:800;border-bottom:1px solid var(--line);background:#ffffff0a}.chat-close{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.chat-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5}.chat-bubble.model{align-self:flex-start;background:#ffffff12;color:var(--text);border:1px solid var(--line)}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;font-weight:600}.chat-loading{color:var(--muted)}.chat-input-row{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-input-row input{flex:1;background:#ffffff0f;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit}.chat-input-row input::placeholder{color:var(--muted)}.chat-input-row button{border:none;border-radius:12px;width:42px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#061018;display:grid;place-items:center;cursor:pointer}.chat-input-row button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:980px){.hero-content{grid-template-columns:1fr;margin-top:56px}.system-map{min-height:430px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.navlinks{display:none}.module-grid,.checklist-card{grid-template-columns:1fr}.decision-row{grid-template-columns:1fr;gap:8px}.system-map{display:none}}