:root{--background: #0b0d10;--background-soft: #101318;--surface: #15191f;--surface-hover: #1a2027;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f5f7fa;--text-secondary: #9da7b3;--accent: #4f8cff;--accent-hover: #6b9dff;--accent-soft: rgba(79, 140, 255, .14);--header-height: 72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover)}.button-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button-secondary:hover{background:var(--surface-hover)}.button-ghost{color:var(--text-secondary)}.button-ghost:hover{color:var(--text);background:#ffffff0d}.button-large{min-height:50px;padding:0 24px;font-size:15px}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:#0b0d10d1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-container{width:min(1180px,calc(100% - 40px));height:100%;margin:0 auto;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.brand-name{font-size:18px;font-weight:700;letter-spacing:.04em}.main-navigation{display:flex;align-items:center;gap:8px;margin-left:60px}.navigation-link{padding:9px 12px;border-radius:7px;color:var(--text-secondary);font-size:14px;transition:color .16s ease,background-color .16s ease}.navigation-link:hover{color:var(--text);background:#ffffff0a}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.hero-section{position:relative;overflow:hidden;padding:110px 0 120px;border-bottom:1px solid var(--border)}.hero-background{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(79,140,255,.13),transparent 38%)}.hero-container{position:relative;width:min(1180px,calc(100% - 40px));margin:0 auto}.hero-content{max-width:820px;margin:0 auto;text-align:center}.hero-label{display:inline-flex;padding:7px 12px;margin-bottom:24px;border:1px solid rgba(79,140,255,.24);border-radius:999px;background:var(--accent-soft);color:#8bb2ff;font-size:13px;font-weight:600}.hero-title{margin:0;font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.045em}.hero-title span{display:block;color:var(--accent-hover)}.hero-description{max-width:640px;margin:28px auto 0;color:var(--text-secondary);font-size:18px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:36px}.editor-preview{max-width:980px;margin:80px auto 0;padding:1px;border-radius:14px;background:linear-gradient(135deg,#ffffff29,#ffffff08);box-shadow:0 40px 100px #00000061}.preview-window{overflow:hidden;height:540px;border-radius:13px;background:#101318}.preview-toolbar{height:52px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.preview-logo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.preview-logo-mark{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent)}.preview-toolbar-actions{margin-left:auto;display:flex;gap:7px}.preview-toolbar-actions span{width:8px;height:8px;border-radius:50%;background:#39414b}.preview-workspace{height:calc(100% - 52px);display:flex}.preview-sidebar{width:210px;padding:18px 12px;border-right:1px solid var(--border);background:#12161b}.preview-sidebar-title{padding:0 8px 12px;color:#747f8c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.preview-layer{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:3px;border-radius:6px;color:var(--text-secondary);font-size:12px}.preview-layer.active{background:#4f8cff1f;color:var(--text)}.layer-indicator{width:8px;height:8px;border-radius:2px;background:var(--accent)}.preview-map{position:relative;flex:1;overflow:hidden;background:#171c22}.map-grid{position:absolute;inset:0;opacity:.35;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:32px 32px}.map-polygon{position:absolute;background:#4f8cff38;border:2px solid rgba(79,140,255,.75)}.polygon-one{width:280px;height:190px;left:120px;top:90px;clip-path:polygon(10% 18%,70% 0%,100% 40%,76% 100%,16% 82%,0% 44%)}.polygon-two{width:220px;height:160px;right:70px;bottom:45px;background:#78be822e;border-color:#78be82b3;clip-path:polygon(20% 0%,90% 14%,100% 72%,56% 100%,0% 70%)}.map-point{position:absolute;width:10px;height:10px;border:2px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #4f8cff2e}.point-one{left:52%;top:32%}.point-two{left:66%;top:58%}.map-floating-tools{position:absolute;right:16px;top:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:7px}.map-floating-tools button{width:34px;height:34px;border:0;border-bottom:1px solid var(--border);background:#171c22;color:var(--text);cursor:default}.map-floating-tools button:last-child{border-bottom:0}.section-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section-heading{max-width:650px;margin:0 auto;text-align:center}.section-label{color:var(--accent-hover);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.section-heading h2,.about-content h2{margin:14px 0 0;font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}.section-heading p,.about-content p{margin:18px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.7}.features-section{padding:120px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.feature-card{padding:30px;border:1px solid var(--border);border-radius:12px;background:var(--background-soft);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--surface)}.feature-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--accent-soft);color:var(--accent-hover);font-size:20px}.feature-card h3{margin:22px 0 0;font-size:19px}.feature-card p{margin:12px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.7}.about-section{padding:120px 0;border-top:1px solid var(--border);background:var(--background-soft)}.about-content{max-width:680px}.about-content .button{margin-top:30px}.site-footer{padding:34px 0;border-top:1px solid var(--border)}.footer-container{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700}.footer-container p{margin:0 0 0 auto;color:var(--text-secondary);font-size:13px}@media(max-width:800px){.main-navigation{display:none}.hero-section{padding:80px 0}.hero-actions{flex-direction:column}.preview-window{height:430px}.preview-sidebar{display:none}.features-grid{grid-template-columns:1fr}.footer-container{align-items:flex-start;flex-direction:column;gap:16px}.footer-container p{margin:0}}@media(max-width:540px){.header-container,.hero-container,.section-container,.footer-container{width:min(100% - 24px,1180px)}.header-actions .button-ghost{display:none}.hero-title{font-size:42px}.hero-description{font-size:16px}.editor-preview{margin-top:55px}.preview-window{height:350px}.polygon-one{left:35px}.polygon-two{right:25px}}.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid var(--border-strong)}.preview-logo-image{width:28px;height:28px;object-fit:cover;border-radius:50%}.about-layout{display:grid;grid-template-columns:380px 1fr;align-items:center;gap:90px}.about-logo-container{display:flex;align-items:center;justify-content:center}.about-logo{width:min(100%,340px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--border-strong);box-shadow:0 30px 80px #00000059}.footer-logo{width:34px;height:34px;object-fit:cover;border-radius:50%}@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:50px}.about-logo{width:260px}}.editor-showcase{position:relative;max-width:1100px;margin:80px auto 0}.editor-showcase-glow{position:absolute;width:70%;height:70%;left:15%;bottom:-5%;background:#4f8cff2e;filter:blur(100px);pointer-events:none}.editor-showcase-window{position:relative;overflow:hidden;border:1px solid var(--border-strong);border-radius:14px;background:#101318;box-shadow:0 40px 100px #00000080}.editor-showcase-header{height:52px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#101318}.editor-showcase-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.editor-showcase-brand img{width:28px;height:28px;object-fit:cover;border-radius:50%}.editor-showcase-status{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade8080}.editor-showcase-image{display:block;width:100%;height:auto}@media(max-width:600px){.editor-showcase{margin-top:55px}.editor-showcase-status{display:none}}