:root{color-scheme:dark;--bg: #080b12;--bg-soft: #0f172a;--bg-elevated: #101a31;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-strong: rgba(56, 189, 248, .34);--text: #f8fafc;--muted: #94a3b8;--muted-strong: #cbd5e1;--accent: #38bdf8;--accent-2: #8b5cf6;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--shadow: 0 24px 80px rgba(0, 0, 0, .36);--radius: 8px;--radius-lg: 14px;--container: 1180px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 8%,rgba(56,189,248,.13),transparent 28rem),radial-gradient(circle at 86% 2%,rgba(139,92,246,.14),transparent 30rem),linear-gradient(180deg,#080b12,#0a1020 42%,#080b12);color:var(--text);font-family:var(--font);line-height:1.6;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 75%)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid rgba(56,189,248,.9);outline-offset:4px}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.section{padding:96px 0}.section-tight{padding:64px 0}.skip-link{position:absolute;left:16px;top:12px;z-index:30;transform:translateY(-140%);border-radius:var(--radius);background:var(--accent);color:#04111f;font-weight:800;padding:10px 14px}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:#080b12c7;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-size:1.08rem;font-weight:800}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(56,189,248,.45);border-radius:10px;background:linear-gradient(135deg,#38bdf82e,#8b5cf62e);box-shadow:inset 0 1px #ffffff24}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}.desktop-nav a,.mobile-nav nav a:not(.button){border-radius:var(--radius);color:var(--muted-strong);font-size:.94rem;font-weight:650;padding:10px 12px}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page]{background:#ffffff12;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-size:.96rem;font-weight:800;line-height:1.2;padding:12px 18px;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 14px 34px #38bdf82e}.button-secondary{border-color:var(--border);background:#ffffff0a;color:var(--text)}.button-secondary:hover{border-color:var(--border-strong)}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:20px;height:2px;margin:2px 0;background:var(--text)}.mobile-nav nav{position:absolute;top:76px;right:20px;left:20px;display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a1020fa;box-shadow:var(--shadow);padding:14px}.hero{position:relative;overflow:clip;padding-top:110px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:70px}.hero-copy h1,.page-hero h1{margin:0;max-width:860px;font-size:clamp(3rem,7vw,6.4rem);font-weight:850;letter-spacing:0;line-height:.94}.hero-copy p,.page-hero p{max-width:740px;margin:28px 0 0;color:var(--muted-strong);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.indicator-list{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 0;padding:0;list-style:none}.indicator-list li,.tag-list li{border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--muted-strong);font-size:.88rem;font-weight:700;padding:7px 11px}.hero-visual{position:relative;min-height:460px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,#0f172ae0,#0f172a57),radial-gradient(circle at 50% 35%,rgba(56,189,248,.22),transparent 18rem);box-shadow:var(--shadow),inset 0 1px #ffffff1a;overflow:hidden}.system-map{position:absolute;inset:28px;display:grid;place-items:center}.system-map:before,.system-map:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.08);border-radius:22px}.system-map:before{inset:20px}.system-map:after{inset:82px;border-color:#38bdf82e}.node{position:absolute;display:grid;min-width:76px;min-height:48px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#080b12a8;color:var(--muted-strong);font-size:.86rem;font-weight:800;box-shadow:0 14px 40px #0000004d}.node-core{position:relative;z-index:2;min-width:132px;min-height:74px;border-color:#38bdf88f;background:linear-gradient(135deg,#38bdf833,#8b5cf62e);color:var(--text);font-size:1.05rem}.node:nth-child(2){top:38px;left:48px}.node:nth-child(3){top:70px;right:36px}.node:nth-child(4){bottom:74px;left:26px}.node:nth-child(5){right:52px;bottom:44px}.node:nth-child(6){top:44%;left:8px}.pulse-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.72;transform-origin:center;animation:pulse-line 4.8s ease-in-out infinite}.pulse-line.one{width:74%;transform:rotate(18deg)}.pulse-line.two{width:66%;transform:rotate(-26deg);animation-delay:.8s}.pulse-line.three{width:52%;transform:rotate(90deg);animation-delay:1.6s}@keyframes pulse-line{0%,to{opacity:.18}50%{opacity:.88}}.section-header{max-width:760px;margin-bottom:34px}.section-header-center{margin-inline:auto;text-align:center}.section-header h2,.cta-panel h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:820;line-height:1.04;letter-spacing:0}.section-header p,.cta-panel p{margin:18px 0 0;color:var(--muted);font-size:1.08rem}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.product-card,.project-card,.blog-card,.content-panel,.contact-form,.detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0e,#ffffff07);box-shadow:inset 0 1px #ffffff14}.feature-card,.product-card,.project-card,.blog-card,.content-panel,.detail-card{padding:24px}.feature-card,.product-card,.project-card,.blog-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.feature-card:hover,.product-card:hover,.project-card:hover,.blog-card:hover{transform:translateY(-3px);border-color:#38bdf852;background:linear-gradient(180deg,#ffffff13,#ffffff08)}.feature-card h3,.product-card h3,.project-card h3,.blog-card h3,.detail-card h3{margin:16px 0 10px;font-size:1.22rem;line-height:1.25}.product-card h3,.blog-card h3{margin-top:18px}.feature-card p,.product-card p,.project-card p,.blog-card p,.detail-card p,.content-panel p{color:var(--muted);margin:0}.card-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(56,189,248,.32);border-radius:var(--radius);background:#38bdf81a;color:var(--accent)}.card-icon svg{width:24px;height:24px}.card-detail{margin-top:14px!important;color:var(--muted-strong)!important}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--accent);font-size:.86rem;font-weight:800}.badge{display:inline-flex;align-items:center;border:1px solid rgba(56,189,248,.3);border-radius:999px;background:#38bdf81a;color:#bae6fd;font-size:.78rem;font-weight:850;line-height:1;padding:7px 9px;white-space:nowrap}.badge-success{border-color:#34d39957;background:#34d3991a;color:#bbf7d0}.badge-warning{border-color:#fbbf2457;background:#fbbf241a;color:#fde68a}.badge-muted{border-color:#94a3b842;background:#94a3b814;color:#cbd5e1}.card-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.text-link{color:var(--accent);font-weight:850}.text-link:hover{color:#7dd3fc}.split{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:46px}.content-panel{padding:30px}.content-panel h2,.content-panel h3{margin-top:0}.content-panel ul,.detail-card ul,.rich-content ul{display:grid;gap:10px;margin:18px 0 0;padding-left:20px;color:var(--muted-strong)}.process-list{display:grid;gap:14px;counter-reset:process;list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:auto 1fr;gap:16px;border-bottom:1px solid var(--border);padding:18px 0}.process-list li:last-child{border-bottom:0}.process-list li:before{counter-increment:process;content:counter(process,decimal-leading-zero);color:var(--accent);font-weight:900}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(56,189,248,.28);border-radius:18px;background:linear-gradient(135deg,#38bdf829,#8b5cf61f),#ffffff0a;padding:clamp(28px,5vw,52px);box-shadow:var(--shadow)}.page-hero{padding:96px 0 54px}.page-hero-inner{max-width:900px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter-bar button{border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--muted-strong);cursor:pointer;font-size:.9rem;font-weight:800;padding:9px 13px}.filter-bar button[aria-pressed=true],.filter-bar button:hover{border-color:#38bdf86b;background:#38bdf81f;color:var(--text)}.product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.rich-content{color:var(--muted-strong);font-size:1.06rem}.rich-content h2,.rich-content h3{color:var(--text);margin-top:34px}.rich-content a{color:var(--accent);font-weight:800}.blog-card time,.project-card>span{color:var(--accent);font-size:.86rem;font-weight:850}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.contact-form{display:grid;gap:18px;padding:26px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:grid;gap:8px;color:var(--muted-strong);font-size:.92rem;font-weight:750}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#080b12b8;color:var(--text);padding:13px 14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#38bdf880}.site-footer{border-top:1px solid var(--border);background:#030712b8;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:42px}.footer-grid h2{margin:0 0 14px;font-size:.92rem;letter-spacing:0;text-transform:uppercase}.footer-grid p,.footer-bottom{color:var(--muted)}.footer-grid nav{display:grid;gap:9px;align-content:start}.footer-grid a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--border);margin-top:42px;padding-top:22px;font-size:.9rem}.reveal{animation:reveal .62s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:980px){.desktop-nav,.header-cta{display:none}.mobile-nav{display:block}.hero-grid,.split,.detail-grid,.contact-layout,.footer-grid{grid-template-columns:1fr}.hero{padding-top:78px}.hero-visual{min-height:360px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.container{width:min(100% - 28px,var(--container))}.section{padding:68px 0}.page-hero{padding:72px 0 36px}.hero-copy h1,.page-hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-copy p,.page-hero p{font-size:1.02rem}.hero-grid{gap:42px}.hero-actions,.card-actions,.footer-bottom{align-items:stretch;flex-direction:column}.button{width:100%}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.feature-card,.product-card,.project-card,.blog-card,.content-panel,.detail-card,.contact-form{padding:20px}.node:nth-child(2){left:18px}.node:nth-child(3){right:14px}.node:nth-child(4){left:14px}.node:nth-child(5){right:16px}.node:nth-child(6){display:none}}