:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#26243a;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #6958e8;--primary-dark: #4a3db6;--blue: #5176ec;--ink: #26243a;--muted: #6f7182;--line: #e8e8f2;--surface: #f7f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:#fff}button,a{font:inherit}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-anchor{scroll-margin-top:76px}.site-header{position:fixed;z-index:20;top:0;right:0;left:0;height:76px;background:#ffffffe6;border-bottom:1px solid rgba(231,230,241,.82);backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;color:#302c49;font-weight:760;letter-spacing:.02em}.brand-mark{position:relative;display:grid;width:38px;height:38px;place-items:center;background:linear-gradient(135deg,#8a6cf2,#526fe9);border-radius:12px;box-shadow:0 8px 24px #5c4cd33d}.brand-mark:before,.brand-mark:after,.brand-mark i{position:absolute;content:"";border:2px solid rgba(255,255,255,.94);transform:rotate(30deg)}.brand-mark:before{width:17px;height:17px;border-radius:5px}.brand-mark:after{width:6px;height:6px;background:#fff;border-radius:50%}.brand-mark i{width:25px;height:25px;border-color:#ffffff57;border-radius:8px}.brand-mark.small{width:31px;height:31px;border-radius:10px;box-shadow:none}.brand-mark.small:before{width:14px;height:14px}.brand-mark.small i{width:21px;height:21px}.nav-links{display:flex;align-items:center;gap:32px;color:#666476;font-size:14px}.nav-links a{position:relative;padding:27px 0;transition:color .2s ease}.nav-links a:after{position:absolute;right:50%;bottom:17px;left:50%;height:2px;content:"";background:var(--primary);border-radius:2px;transition:right .2s ease,left .2s ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{right:0;left:0}.menu-toggle{display:none;width:42px;height:42px;padding:10px;background:transparent;border:0;cursor:pointer}.menu-toggle span{display:block;width:21px;height:2px;margin:4px auto;background:#403b56;border-radius:2px;transition:.2s ease}.hero{position:relative;min-height:760px;padding:164px 0 100px;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(113,93,231,.14),transparent 30%),radial-gradient(circle at 9% 92%,rgba(84,119,236,.1),transparent 27%),linear-gradient(180deg,#fbfbff,#fff)}.hero:before{position:absolute;top:104px;right:-95px;width:300px;height:300px;content:"";border:1px solid rgba(105,88,232,.09);border-radius:50%;box-shadow:0 0 0 44px #6958e806,0 0 0 92px #6958e805}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.eyebrow,.section-heading>span{display:inline-block;color:var(--primary);font-size:11px;font-weight:760;letter-spacing:.2em}.hero-copy h1{margin:17px 0 5px;color:var(--primary);font-size:clamp(20px,2vw,27px);font-weight:700;letter-spacing:.08em}.hero-copy h2{margin:0;color:#262238;font-size:clamp(42px,5vw,67px);font-weight:760;line-height:1.18;letter-spacing:-.045em}.hero-copy p{max-width:590px;margin:27px 0 34px;color:var(--muted);font-size:17px;line-height:1.85}.primary-action{display:inline-flex;align-items:center;gap:28px;padding:15px 20px 15px 24px;color:#fff;font-size:14px;font-weight:650;background:linear-gradient(120deg,var(--primary),var(--blue));border-radius:11px;box-shadow:0 12px 30px #5948cf3d;transition:transform .2s ease,box-shadow .2s ease}.primary-action span{font-size:19px;line-height:1}.primary-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px #5948cf4d}.hero-visual{position:relative;min-height:470px}.visual-core{position:absolute;z-index:2;top:50%;left:50%;display:flex;width:235px;height:235px;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#8069ef,#586fe6 72%,#5066d2);border:12px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 32px 70px #5042b540;transform:translate(-50%,-50%)}.visual-core:after{position:absolute;width:72%;height:72%;content:"";border:1px solid rgba(255,255,255,.28);border-radius:50%}.visual-core span{z-index:1;font-size:38px;font-weight:800;letter-spacing:.12em}.visual-core small{z-index:1;margin-top:8px;color:#ffffffc7;letter-spacing:.1em}.visual-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(102,86,215,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:355px;height:355px}.orbit-two{width:455px;height:455px;border-style:dashed}.float-card{position:absolute;z-index:3;display:flex;width:206px;align-items:center;gap:12px;padding:15px 17px;background:#fffffff0;border:1px solid rgba(225,223,239,.9);border-radius:14px;box-shadow:0 16px 42px #30275b1c}.float-card strong,.float-card small{display:block}.float-card strong{color:#3b374d;font-size:14px}.float-card small{margin-top:4px;color:#8d899a;font-size:11px}.card-creation{top:37px;left:0}.card-service{top:175px;right:-4px}.card-safety{bottom:28px;left:40px}.mini-icon{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;font-size:19px;border-radius:12px}.mini-icon.purple{color:#6b54dd;background:#eeeaff}.mini-icon.blue{color:#3773dc;background:#e8f0ff}.mini-icon.green{color:#20a977;background:#e5f8f0}.visual-dot{position:absolute;z-index:1;width:9px;height:9px;background:#9a87ef;border-radius:50%;box-shadow:0 0 0 8px #9a87ef17}.dot-one{top:44px;right:95px}.dot-two{right:19px;bottom:77px;background:#5b8bed}.dot-three{bottom:56px;left:3px;background:#52c5a3}.platform,.services,.about,.contact{padding:112px 0}.platform{background:#fff}.platform-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.section-heading h2{margin:11px 0 0;color:var(--ink);font-size:clamp(30px,3.5vw,43px);line-height:1.2;letter-spacing:-.035em}.section-heading p{max-width:560px;margin:17px 0 0;color:var(--muted);line-height:1.75}.section-heading.centered{text-align:center}.section-heading.centered p{margin-right:auto;margin-left:auto}.platform-copy .lead{margin-top:0;color:#3d3951;font-size:23px;font-weight:620;line-height:1.55}.platform-copy p:not(.lead){color:var(--muted);font-size:15px;line-height:1.95}.services{background:var(--surface)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:52px}.service-card{min-height:215px;padding:29px;background:#fff;border:1px solid #e9e8f1;border-radius:16px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.service-card:hover{border-color:#d9d2f8;box-shadow:0 18px 38px #30275b14;transform:translateY(-4px)}.service-icon{display:grid;width:48px;height:48px;place-items:center;color:var(--primary);background:#f0edff;border-radius:13px}.service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin:23px 0 10px;color:#373346;font-size:18px}.service-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.features{padding:100px 0;overflow:hidden;color:#fff;background:linear-gradient(125deg,#292548,#423a77 55%,#4f53a3)}.feature-wrap{display:grid;grid-template-columns:.8fr 1.6fr;align-items:end;gap:70px}.section-heading.light>span{color:#bcb4f8}.section-heading.light h2{color:#fff}.section-heading.light p{color:#ffffffa1}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.feature-grid article{min-height:178px;padding:25px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.feature-grid span{color:#afa5f4;font-size:11px;letter-spacing:.12em}.feature-grid h3{margin:18px 0 8px;font-size:19px}.feature-grid p{margin:0;color:#ffffff9e;font-size:13px;line-height:1.7}.about{background:#fff}.about-card{display:grid;grid-template-columns:310px 1fr;align-items:center;gap:75px;padding:68px 76px;background:linear-gradient(135deg,#f7f5ff,#f7f9ff);border:1px solid #e8e5f5;border-radius:25px}.about-mark{position:relative;display:grid;width:220px;height:220px;place-items:center;color:#fff;background:linear-gradient(145deg,#7964eb,#5375e8);border-radius:50%;box-shadow:0 24px 52px #4f40b538}.about-mark:before,.about-mark:after{position:absolute;content:"";border:1px solid rgba(102,86,215,.16);border-radius:50%}.about-mark:before{width:266px;height:266px}.about-mark:after{width:310px;height:310px;border-style:dashed}.about-mark span{z-index:1;font-size:36px;font-weight:800;letter-spacing:.12em}.about-card h3{margin:28px 0 10px;color:#38334a;font-size:20px}.about-card p{max-width:650px;margin:0;color:var(--muted);line-height:1.9}.contact{background:var(--surface)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-list{margin:0;background:#fff;border:1px solid #e7e6ef;border-radius:17px}.contact-list div{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:22px 25px;border-bottom:1px solid #efedf4}.contact-list div:last-child{border-bottom:0}.contact-list dt{color:#908b9c;font-size:13px}.contact-list dd{margin:0;color:#403b4e;font-size:14px;font-weight:600;word-break:break-word}.site-footer{padding:28px 0;color:#807b8c;background:#211e32}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{color:#fff}.site-footer p{margin:0;font-size:12px}.site-footer>.container>a{color:#b7b0d0;font-size:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}@media(max-width:1024px){.hero-grid{gap:30px}.hero-visual{transform:scale(.88)}.platform-grid,.feature-wrap{gap:55px}.about-card{grid-template-columns:240px 1fr;padding:58px}.about-mark{width:185px;height:185px}.about-mark:before{width:225px;height:225px}.about-mark:after{width:260px;height:260px}}@media(max-width:820px){.container{width:min(100% - 36px,680px)}.menu-toggle{display:block}.nav-links{position:absolute;top:76px;right:18px;left:18px;display:grid;gap:0;padding:10px;visibility:hidden;background:#fffffffa;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #29234d21;opacity:0;transform:translateY(-8px);transition:.2s ease}.nav-links a{padding:13px 15px;border-radius:9px}.nav-links a:hover{background:#f5f3ff}.nav-links a:after{display:none}.site-header.open .nav-links{visibility:visible;opacity:1;transform:none}.site-header.open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.open .menu-toggle span:nth-child(2){opacity:0}.site-header.open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{padding-top:135px}.hero-grid,.platform-grid,.feature-wrap,.contact-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-right:auto;margin-left:auto}.hero-visual{width:min(530px,100%);margin:0 auto;transform:scale(.92)}.platform-grid,.contact-grid{gap:40px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-wrap{align-items:start}.about-card{grid-template-columns:1fr;gap:45px;text-align:center}.about-mark{margin:0 auto}.about-card p{margin-right:auto;margin-left:auto}}@media(max-width:560px){.container{width:calc(100% - 28px)}.site-header{height:68px}.nav-links{top:68px}.section-anchor{scroll-margin-top:68px}.hero{min-height:auto;padding:120px 0 70px}.hero-copy h2{font-size:39px}.hero-copy p{margin:22px 0 28px;font-size:15px}.hero-visual{min-height:390px;transform:none}.visual-core{width:174px;height:174px;border-width:8px}.visual-core span{font-size:29px}.orbit-one{width:270px;height:270px}.orbit-two{width:350px;height:350px}.float-card{width:170px;padding:11px 12px}.float-card strong{font-size:12px}.float-card small{font-size:9px}.card-creation{top:28px;left:0}.card-service{top:154px;right:0}.card-safety{bottom:25px;left:12px}.platform,.services,.about,.contact{padding:78px 0}.service-grid,.feature-grid{grid-template-columns:1fr}.service-card{min-height:auto}.about-card{padding:48px 22px;border-radius:19px}.about-mark{width:150px;height:150px}.about-mark:before{width:180px;height:180px}.about-mark:after{width:210px;height:210px}.contact-list div{grid-template-columns:1fr;gap:7px}.footer-wrap{flex-direction:column;text-align:center}}
