:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#1d1d1f;background:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;height:60px;background:#ffffffc9;backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffffbf}.brand{font-size:19px;font-weight:800;letter-spacing:-.06em}.brand span{font-size:10px;font-weight:700;letter-spacing:.18em;margin-left:10px;color:#83838b}.topbar nav{display:flex;gap:30px;font-size:13px;color:#55555b}.topbar nav a:hover{color:#0071e3}.hero{position:relative;overflow:hidden;max-width:1440px;min-height:620px;margin:0 auto;background:linear-gradient(140deg,#f7f9fd,#eaeef7 52%,#e8e5f2);border-radius:0 0 34px 34px;display:flex;align-items:center;padding:80px max(34px,calc((100% - 1172px)/2))}.hero-content{position:relative;z-index:2;max-width:600px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#82828a}.hero h1{font-size:clamp(64px,7.5vw,112px);line-height:1.03;letter-spacing:-.075em;margin:22px 0 28px;font-weight:720}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#435bcb,#8a51ca,#df7cac);background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.8;color:#62626a;max-width:530px}.hero-button{display:inline-flex;align-items:center;gap:30px;background:#1d1d1f;color:white;border-radius:99px;padding:14px 20px 14px 24px;margin-top:22px;font-size:14px;font-weight:700;box-shadow:0 10px 25px #1b286a22}.hero-button span{font-size:18px}.hero-button:hover{background:#373743}.hero-art{position:absolute;right:1%;top:8%;width:47%;height:80%;transform:rotate(-9deg)}.glow{position:absolute;border-radius:50%;filter:blur(45px);opacity:.5}.glow-a{width:440px;height:440px;background:#cbd6ff;right:2%;top:10%}.glow-b{width:240px;height:240px;background:#f7c5e9;right:26%;bottom:0}.orb{position:absolute;border-radius:50%;box-shadow:inset -25px -35px 55px #4e5fb955,0 25px 75px #6176ba4f}.orb-one{width:300px;height:300px;right:5%;top:9%;background:radial-gradient(circle at 33% 24%,#fff 0,#c3d1ff 18%,#738de8 52%,#6743b3 100%)}.orb-two{width:135px;height:135px;right:48%;bottom:7%;background:radial-gradient(circle at 32% 22%,#fff 0,#efd6fc 18%,#c17bcc 58%,#8a55ac 100%)}.glass{position:absolute;border:1px solid #ffffffd1;background:linear-gradient(130deg,#ffffff99,#ffffff22);backdrop-filter:blur(18px);box-shadow:0 30px 70px #4751982b;border-radius:30px}.glass-one{width:290px;height:190px;right:24%;top:42%;transform:rotate(12deg)}.glass-two{width:180px;height:126px;right:1%;bottom:8%;transform:rotate(-8deg)}.products{max-width:1240px;margin:0 auto;padding:100px 24px 120px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:clamp(38px,4.5vw,58px);line-height:1.15;letter-spacing:-.06em;margin:13px 0 0}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product{position:relative;display:flex;flex-direction:column;min-height:350px;border-radius:28px;padding:38px;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 18px 40px #2324310a}.product:hover{transform:translateY(-6px);box-shadow:0 26px 55px #23243121}.product:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.product .category{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.17em;opacity:.6}.product h3{position:relative;z-index:1;font-size:36px;line-height:1.2;letter-spacing:-.055em;margin:18px 0 11px}.product p{position:relative;z-index:1;font-size:15px;line-height:1.7;max-width:340px;margin:0;opacity:.76}.product .action{position:relative;z-index:1;margin-top:auto;font-size:14px;font-weight:700}.product .visual{position:absolute;right:-30px;bottom:-48px;width:280px;height:280px;border-radius:50%;opacity:.9;box-shadow:inset -26px -35px 40px #1114,0 23px 45px #1112}.product.yuntu{color:white;background:linear-gradient(145deg,#193455,#071423)}.product.yuntu .visual{background:radial-gradient(circle at 30% 25%,#fff,#85c9f8 14%,#317ebd 48%,#083858 82%)}.product.video{color:#1d1d1f;background:linear-gradient(145deg,#f7f3e9,#e8decd)}.product.video .visual{background:radial-gradient(circle at 30% 25%,#fff,#f8e7b0 15%,#d19b69 48%,#7a5848 84%);border-radius:32%;transform:rotate(25deg)}.product.writing{color:#1d1d1f;background:linear-gradient(145deg,#f3eafd,#ead8f0)}.product.writing .visual{background:radial-gradient(circle at 30% 20%,#fff,#e9bbef 20%,#ad76c4 55%,#6e4d9f 90%)}.product.api{color:white;background:linear-gradient(145deg,#28363a,#111c22)}.product.api .visual{background:radial-gradient(circle at 30% 20%,#fff,#b6eee5 14%,#4fa797 52%,#1a615f 90%)}.closing{text-align:center;padding:95px 20px 115px;background:#e9e9ed}.closing h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.06em;margin:16px 0}.closing p{color:#77777f}footer{max-width:1240px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;font-size:12px;color:#86868b}@media(max-width:800px){.hero{min-height:660px;align-items:flex-start;padding:82px 25px}.hero-content{max-width:100%}.hero h1{font-size:clamp(58px,12vw,86px)}.hero p{font-size:16px;max-width:500px}.hero-art{width:65%;height:300px;top:auto;bottom:0;right:0;opacity:.62}.orb-one{width:210px;height:210px}.glass-one{width:190px;height:140px}.product-grid{grid-template-columns:1fr}.products{padding:75px 18px}.product{min-height:310px}.product h3{font-size:32px}}@media(max-width:440px){.topbar{padding:0 18px}.topbar nav a:first-child{display:none}.hero{min-height:615px}.hero-art{opacity:.42}.product{padding:30px;min-height:300px}.product .visual{width:200px;height:200px}footer{padding:24px 18px}}