:root{--ink:#1d2535;--muted:#637083;--soft:#8a95a7;--line:#e8eef7;--blue:#1d73ff;--blue-2:#39b7ff;--violet:#a545ff;--pink:#f238aa;--cyan:#47d7df;--green:#2ecb94;--page:#fff;--section:#f7fbff;--dark:#121923;--dark-2:#182231;--content:1400px;--topbar-height:42px;--sans:Inter, "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;font:14px/1.65 var(--sans);color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);min-width:320px;margin:0}body,button,input,textarea{font-family:var(--sans)}button,a{color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}h1,h2,h3,p{margin:0}#app{min-height:100vh}.site-shell{min-height:100vh;padding-top:var(--topbar-height);background:#fff;overflow:hidden}.reveal-up{opacity:0;will-change:opacity, transform;transition:opacity .72s,transform .72s cubic-bezier(.22,1,.36,1);transform:translateY(58px)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-up{opacity:1;transition:none;transform:none}}.topbar{z-index:100;height:var(--topbar-height);padding:0 max(24px, calc((100vw - var(--content)) / 2));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e2e9f4cc;grid-template-columns:220px minmax(0,1fr) 170px;align-items:center;transition:background .24s,box-shadow .24s;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #1a28400a}.brand{align-items:center;width:fit-content;display:inline-flex}.brand-logo{object-fit:contain;width:150px;height:auto;transition:transform .22s;display:block}.brand:hover .brand-logo,.brand:focus-visible .brand-logo{transform:translateY(-1px)scale(1.03)}.nav{color:#4d5b70;justify-content:center;gap:56px;min-width:0;font-size:13px;display:flex}.nav a{white-space:nowrap;transition:color .2s;position:relative}.nav a:before{content:"";opacity:0;background:#1d73ff5c;border-radius:999px;width:0;height:2px;transition:width .22s,opacity .22s;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.nav a:hover,.nav a:focus-visible{color:var(--blue)}.nav a:hover:before,.nav a:focus-visible:before{opacity:1;width:18px}.nav a.active:before{opacity:0}.nav a:focus-visible{outline-offset:8px;border-radius:4px;outline:2px solid #1d73ff3d}.nav a.active{color:var(--blue);font-weight:700}.nav a.active:after{content:"";background:var(--blue);border-radius:999px;width:24px;height:2px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.lang{justify-content:flex-end;gap:14px;display:flex}.lang button{color:#768194;background:0 0;padding:0;font-size:12px;transition:color .2s,transform .2s}.lang button.active{color:var(--blue);font-weight:700}.lang button:hover,.lang button:focus-visible{color:var(--blue);transform:translateY(-1px)}.hero-section{isolation:isolate;background:#eef9ff;height:min(640px,31.25vw);min-height:500px;position:relative;overflow:hidden}.hero-section:after{display:none}.hero-banner{z-index:0;object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.hero-grid{opacity:.32;background-image:linear-gradient(#ffffffb8 1px,#0000 1px),linear-gradient(90deg,#ffffffb8 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 86%,#0000 100%)}.hero-content{z-index:2;text-align:center;width:min(760px,100% - 40px);margin:0 auto;padding-top:clamp(130px,8vw,160px);position:relative}.hero-content h1{color:#0000;background:linear-gradient(90deg,#f133a9 12%,#7639df 56%,#237bff 100%);-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:800;line-height:1.15;animation:.9s both heroCopyIn}.hero-content p{color:#435066;width:min(740px,100%);margin:32px auto 0;font-size:16px;line-height:2;animation:.9s .12s both heroCopyIn}@keyframes heroCopyIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.formula{z-index:1;color:#ffffffb8;white-space:nowrap;font-size:32px;font-weight:500;position:absolute}.formula-left{opacity:.38;top:46px;left:calc(50% - 70px)}.formula-right{font-size:40px;top:32px;right:calc(50% - 560px)}.code-window{z-index:1;background:#ffffff26;border:1px solid #ffffffb3;border-radius:6px;gap:9px;padding:18px;display:grid;position:absolute;transform:perspective(640px)rotateY(-16deg)rotate(7deg);box-shadow:inset 0 0 30px #ffffff3d}.code-window span{background:#ffffff94;border-radius:999px;width:135px;height:8px;display:block}.code-window span:nth-child(2){width:108px}.code-window span:nth-child(3){width:122px}.code-window span:nth-child(4){width:80px}.code-a{top:124px;right:calc(50% - 425px)}.code-b{top:228px;right:calc(50% - 610px);transform:perspective(620px)rotateY(-12deg)}.glass-curve{z-index:1;background:linear-gradient(90deg,#37a5ff57,#ffffff7a 35%,#ffffff14),linear-gradient(#ffffff80,#46beff33);border:2px solid #50b1ff6b;border-top:0;border-radius:0 0 54% 54%;width:470px;height:210px;position:absolute;bottom:-4px;left:calc(50% - 390px);transform:skew(-7deg);box-shadow:0 0 40px #46b5ff38}.glass-curve:before{content:"";background:linear-gradient(#ffffffe6,#3299ff38);border-radius:999px;width:18px;height:184px;position:absolute;top:-74px;left:94px;box-shadow:0 0 16px #3aa9ff8c}.glass-curve:after{content:"";filter:blur(.2px);background:linear-gradient(#ffffffc7,#ffffff1a);border-radius:28px 28px 0 0;width:76px;height:150px;position:absolute;top:-26px;left:274px}.ai-chip{z-index:2;width:154px;height:134px;transform-style:preserve-3d;position:absolute;bottom:50px;right:calc(50% - 330px);transform:perspective(760px)rotateX(58deg)rotate(-28deg)}.ai-chip:before,.ai-chip:after{content:"";background:linear-gradient(135deg,#fffffff0,#68c3ffb8);border-radius:18px;position:absolute;inset:12px;box-shadow:0 18px 34px #1f74ff47,inset 0 0 0 3px #ffffffd1}.ai-chip:after{background:linear-gradient(135deg,#f5fbff,#6dbfff);inset:26px;box-shadow:inset 0 0 0 4px #ffffffbd,0 0 30px #4bc3ff73}.chip-core{z-index:2;color:#fff;background:linear-gradient(135deg,#ccefff,#7bbdff 56%,#9b80ff);border-radius:14px;place-items:center;font-size:43px;font-weight:800;line-height:1;display:grid;position:absolute;inset:34px;box-shadow:inset 0 0 18px #ffffffbf}.ai-chip i{z-index:0;background:#6fc8ffd1;border-radius:999px;width:15px;height:3px;position:absolute}.ai-chip i:first-of-type{top:32px;left:6px}.ai-chip i:nth-of-type(2){top:52px;left:6px}.ai-chip i:nth-of-type(3){top:72px;left:6px}.ai-chip i:nth-of-type(4){top:92px;left:6px}.ai-chip i:nth-of-type(5){top:32px;right:6px}.ai-chip i:nth-of-type(6){top:52px;right:6px}.ai-chip i:nth-of-type(7){top:72px;right:6px}.ai-chip i:nth-of-type(8){top:92px;right:6px}.ai-chip i:nth-of-type(9){top:4px;left:36px;transform:rotate(90deg)}.ai-chip i:nth-of-type(10){top:4px;left:60px;transform:rotate(90deg)}.ai-chip i:nth-of-type(11){top:4px;left:84px;transform:rotate(90deg)}.ai-chip i:nth-of-type(12){top:4px;left:108px;transform:rotate(90deg)}.ai-chip i:nth-of-type(13){bottom:4px;left:36px;transform:rotate(90deg)}.ai-chip i:nth-of-type(14){bottom:4px;left:60px;transform:rotate(90deg)}.ai-chip i:nth-of-type(15){bottom:4px;left:84px;transform:rotate(90deg)}.ai-chip i:nth-of-type(16){bottom:4px;left:108px;transform:rotate(90deg)}.ai-chip i:nth-of-type(17){opacity:.46;width:38px;bottom:18px;left:18px}.ai-chip i:nth-of-type(18){opacity:.46;width:42px;top:18px;right:14px}.section-pad{padding:64px 24px 70px}.section-heading{z-index:2;width:min(var(--content), 100%);text-align:center;margin:0 auto;position:relative}.section-heading.compact{width:min(700px,100%)}.section-heading h2{color:#2b3341;font-size:32px;font-weight:500;line-height:1.3}.section-heading p{color:#7a879a;margin:12px auto 0;font-size:14px}.actions{flex-wrap:wrap;justify-content:center;gap:36px;margin-top:26px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-width:150px;min-height:38px;padding:0 24px;font-size:13px;font-weight:700;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:inline-flex}.btn.outline{color:var(--blue);border:1px solid var(--blue);background:#fff}.btn.solid{color:#fff;background:linear-gradient(90deg,#2478ff,#0e63ff);box-shadow:0 10px 24px #1669ff38}.btn:hover,.btn:focus-visible{transform:translateY(-3px)}.btn.outline:hover,.btn.outline:focus-visible{background:#eff6ff;border-color:#0f63f4;box-shadow:0 12px 26px #1d73ff1f}.btn.solid:hover,.btn.solid:focus-visible{background:linear-gradient(90deg,#3b89ff,#0f63f4);box-shadow:0 16px 34px #1669ff4d}.sap-section{background:#fff}.sap-section,.creative-section,.twin-section,.site-footer,.feature-strip,.cards-section,.creative-main,.creative-cards,.twin-top,.app-matrix,.case-panel{scroll-margin-top:calc(var(--topbar-height) + 14px)}.sap-body{--sap-row-height:64px;--sap-row-open-height:150px;--sap-list-height:calc((var(--sap-row-height) * 4) + var(--sap-row-open-height) + 1px);width:min(var(--content), 100%);height:var(--sap-list-height);grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:120px;margin:48px auto 0;display:grid}.sap-list{height:var(--sap-list-height);border-top:1px solid #eef2f8;overflow:hidden}.sap-row{height:var(--sap-row-height);color:#788497;cursor:pointer;border-top:3px solid #0000;border-bottom:1px solid #eef2f8;outline:none;padding:18px 18px 16px;transition:height .28s,background .28s,border-color .28s,box-shadow .28s;overflow:hidden}.sap-row:hover,.sap-row:focus-visible{background:#fbfdff;box-shadow:inset 4px 0 #1d73ff29}.sap-row h3{color:#606b7a;font-size:16px;font-weight:560;transition:color .28s}.sap-row p{opacity:0;max-height:0;margin-top:0;font-size:13px;line-height:1.9;transition:max-height .28s,margin-top .28s,opacity .22s,transform .28s;overflow:hidden;transform:translateY(-4px)}.sap-row.open{height:var(--sap-row-open-height);background:linear-gradient(#f9fbff,#fff);border-top-color:#6b96ff;box-shadow:0 12px 26px #275db40a}.sap-row.open h3{color:#263246}.sap-row.open p{opacity:1;color:#667389;max-height:180px;margin-top:12px;padding-right:158px;transform:translateY(0)}.sap-visual{height:var(--sap-list-height);min-height:var(--sap-list-height);place-items:center;display:grid;position:relative;overflow:hidden}.sap-visual-image{--sap-image-scale:1;width:min(600px,100%);height:calc(var(--sap-list-height) - 40px);object-fit:contain;transform:scale(var(--sap-image-scale));transition:filter .28s,transform .28s;animation:.24s both sapVisualIn;display:block}.sap-visual-image.square-source{--sap-image-scale:1.31}.sap-visual:hover .sap-visual-image{filter:drop-shadow(0 18px 30px #3170dc24);transform:translateY(-6px) scale(calc(var(--sap-image-scale) * 1.02))}@keyframes sapVisualIn{0%{opacity:0}to{opacity:1}}.doc-panel{background:#f9fbff;border-radius:12px;width:270px;height:198px;position:absolute;top:18px;right:20px;box-shadow:0 20px 40px #1c375f14}.doc-panel:before{content:"";background:#f4f7fc;border-radius:12px 12px 0 0;height:34px;position:absolute;inset:0 0 auto}.panel-dot{z-index:1;background:#78a0ff;border-radius:50%;width:7px;height:7px;position:absolute;top:13px}.panel-dot:first-child{right:42px}.panel-dot:nth-child(2){right:28px}.panel-dot:nth-child(3){right:14px}.doc-line{background:#e9eef7;border-radius:999px;width:116px;height:8px;position:absolute;bottom:48px;left:30px}.doc-line.wide{width:170px;top:76px;bottom:auto}.doc-line.short{width:86px;bottom:28px}.doc-cards{align-items:flex-start;gap:14px;display:flex;position:absolute;top:52px;left:38px}.doc-cards span{background:linear-gradient(#95b6ff 0 0) 5px 8px/12px 2px no-repeat,linear-gradient(#95b6ff 0 0) 5px 14px/14px 2px no-repeat,#fff;border:2px solid #95b6ff;border-radius:2px;width:25px;height:32px;display:block}.doc-cards span:nth-child(4),.doc-cards span:nth-child(5){transform:rotate(14deg)}.doc-cards span:nth-child(6){opacity:.42;margin-left:18px}.desktop{width:128px;height:96px;position:absolute;bottom:28px;right:3px}.screen{background:#fff;border:8px solid #4b5065;border-radius:2px;gap:11px;height:72px;padding:28px 16px 0;display:flex}.screen span{background:#97b8ff;border-radius:99px;flex:1;height:4px}.stand{clip-path:polygon(35% 0,65% 0,78% 100%,22% 100%);background:linear-gradient(#d7dce6,#b8bfce);width:48px;height:22px;margin:0 auto}.nodes{width:190px;height:118px;position:absolute;bottom:38px;left:18px}.nodes b{color:#fff;background:linear-gradient(135deg,#4aa9ff,#2f6cff);border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:46px;left:74px;box-shadow:0 10px 18px #2169ff40}.nodes:before,.nodes:after{content:"";border:1px dashed #9fc0ff;position:absolute}.nodes:before{border-bottom:0;border-right:0;border-radius:10px 0 0;width:52px;height:44px;top:16px;left:36px}.nodes:after{border-top:0;border-left:0;border-radius:0 0 12px;width:74px;height:42px;top:61px;left:91px}.node{color:#728198;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex;position:absolute}.node:before{content:"";background:var(--blue);border-radius:50%;width:13px;height:13px}.n1{top:20px;left:124px}.n1:before{background:#ffb13d}.n2{top:90px;left:0}.n2:before{background:#4fd5df}.n3{bottom:0;right:0}.n3:before{background:#42d591}.feature-strip{padding:24px max(24px, calc((100vw - var(--content)) / 2));background:#f6f9fd;border-top:1px solid #eef3fa;border-bottom:1px solid #eef3fa;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.feature-pill{color:#4c596c;justify-content:center;align-items:center;gap:12px;min-width:0;font-size:13px;transition:color .22s,transform .22s;display:flex}.feature-pill strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mini-icon{object-fit:contain;flex:none;width:26px;height:26px;transition:filter .22s,transform .22s}.feature-pill:hover{color:var(--blue);transform:translateY(-3px)}.feature-pill:hover .mini-icon{filter:drop-shadow(0 8px 14px #1d73ff2e);transform:scale(1.12)rotate(-4deg)}.feature-icon{border:2px solid #63718a;border-radius:6px;flex:none;width:22px;height:22px;position:relative}.feature-icon:before{content:"";border:2px solid #6f99ff;border-radius:50%;position:absolute;inset:4px}.cards-section{background:#fff;padding:88px 24px 96px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:min(1240px,100%);margin:0 auto;display:grid}.solution-card{background:#fff;border:1px solid #e8eef7;border-radius:8px;min-width:0;min-height:486px;padding:0 0 32px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 20px 44px #233b5e0f}.solution-card:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff94 45%,#0000 62%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.solution-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(90deg,#548bff00,#548bff70,#548bff00) 0 0/100% 3px no-repeat,linear-gradient(#ffffff3d,#fff0);transition:opacity .28s;position:absolute;inset:0}.solution-card:hover,.solution-card:focus-within{border-color:#5d8fff57;transform:translateY(-8px);box-shadow:0 28px 68px #264e8624}.solution-card:hover:after,.solution-card:focus-within:after{opacity:1}.solution-card:hover:before,.solution-card:focus-within:before{transform:translate(120%)}.solution-visual{place-items:center;height:278px;margin:0;padding:22px;display:grid;position:relative;overflow:hidden}.solution-visual:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff94,#fff0);border-radius:50%;transition:opacity .28s,transform .28s;position:absolute;inset:18px;transform:scale(.82)}.solution-visual.violet{background:linear-gradient(135deg,#efdfff,#f8f1ff)}.solution-visual.blue{background:linear-gradient(135deg,#d7ecff,#eef7ff)}.solution-visual.green{background:linear-gradient(135deg,#cfd9ff,#fff2d6)}.solution-visual img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 28px #48679c1f);width:94%;max-width:360px;max-height:238px;transition:filter .28s,transform .28s;display:block;position:relative;transform:scale(1)}.solution-card:hover .solution-visual:before,.solution-card:focus-within .solution-visual:before{opacity:1;transform:scale(1)}.solution-card:hover .solution-visual img,.solution-card:focus-within .solution-visual img{filter:drop-shadow(0 24px 34px #365d9a33);transform:scale(1.045)}.mock-toolbar{z-index:1;background:#ffffffe0;border-radius:8px 8px 0 0;gap:8px;width:188px;height:24px;padding:8px 10px;display:flex;position:relative}.mock-toolbar span{background:#94b0ff;border-radius:50%;width:8px;height:8px}.mock-body{z-index:1;background:#ffffffeb;border-radius:0 0 8px 8px;grid-template-columns:1fr 48px;gap:10px;width:190px;height:105px;padding:12px;display:grid;position:relative;box-shadow:0 12px 28px #4a5f841f}.mock-main{background:linear-gradient(#6d9eff 0 0) 10px 10px/62px 5px no-repeat,linear-gradient(#d8e1ef 0 0) 10px 24px/96px 5px no-repeat,linear-gradient(#d8e1ef 0 0) 10px 38px/74px 5px no-repeat,linear-gradient(135deg,#f8fbff,#eef4ff);border-radius:5px}.mock-side{gap:7px;display:grid}.mock-side i{background:#e7edfb;border-radius:5px}.tag-chip{z-index:2;color:#516079;background:#ffffffe0;border-radius:999px;align-items:center;min-height:26px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;bottom:18px;left:22px;box-shadow:0 8px 20px #2e4c7714}.solution-card h3{color:#263246;padding:34px 32px 0;font-size:20px;font-weight:700;line-height:1.55;transition:color .28s}.solution-card p{color:#5f6d82;padding:20px 32px 0;font-size:15px;line-height:2}.solution-card:hover h3,.solution-card:focus-within h3{color:#1d73ff}.creative-section{background:var(--creative-bg) center center / cover no-repeat, #f6fbff;position:relative;overflow:hidden}.creative-section.section-pad{padding:92px 24px 96px}.creative-section .section-heading h2{font-size:38px}.creative-section:before{content:none;background-image:linear-gradient(120deg,#699dff0f 25%,#0000 25% 50%,#699dff0f 50% 75%,#0000 75%);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 22% 78%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 22% 78%,#000 100%)}.pattern-block{opacity:.7;border:14px solid #6a98ff1f;width:132px;height:198px;position:absolute;transform:rotate(45deg)}.pattern-block.left{top:52px;left:-42px}.pattern-block.right{border-color:#dd6fff1a;bottom:94px;right:60px}.creative-main{z-index:2;grid-template-columns:430px minmax(0,670px);align-items:center;gap:120px;width:min(1240px,100%);margin:62px auto 0;display:grid;position:relative}.focus-copy{color:#657286}.focus-label{align-items:center;gap:14px;margin-bottom:28px;display:flex}.focus-icon{object-fit:contain;filter:drop-shadow(0 10px 18px #c554d83d);width:32px;height:32px;transition:filter .24s,transform .24s}.focus-label:hover .focus-icon{filter:drop-shadow(0 12px 20px #1d73ff38);transform:translateY(-2px)rotate(-6deg)scale(1.08)}.focus-label h3{color:#303949;font-size:28px}.focus-copy p{color:#5f6d82;max-width:470px;font-size:16px;line-height:2.15}.creative-tool{background:0 0;border:0;border-radius:16px;transition:box-shadow .28s,transform .28s;display:block;overflow:visible;transform:translateZ(0);box-shadow:0 28px 52px #1b304d2e}.creative-tool img{border-radius:16px;width:100%;height:auto;transition:filter .28s,transform .28s;display:block}.creative-tool:hover{transform:translateY(-6px);box-shadow:0 34px 64px #1b304d38}.creative-tool:hover img{filter:saturate(1.05);transform:scale(1.012)}.creative-tool aside{background:#101522;align-content:start;justify-items:center;gap:18px;padding-top:18px;display:grid}.creative-tool aside span{background:#323a4d;border-radius:4px;width:13px;height:13px}.creative-tool aside span:first-child{background:#e938c0;border-radius:50%}.tool-workspace{padding:42px 46px 26px}.tool-workspace h3{color:#fff;text-align:center;font-size:16px;font-weight:700}.prompt-box{background:#242938;border:1px solid #343d51;border-radius:4px;margin-top:28px;padding:18px}.prompt-line{background:#4b5366;border-radius:999px;width:76%;height:7px}.prompt-options{align-items:center;gap:12px;margin-top:24px;display:flex}.prompt-options span{background:#3d4557;border-radius:999px;width:48px;height:12px}.prompt-options button{color:#fff;background:linear-gradient(90deg,#d744ff,#764eff);border-radius:999px;min-width:76px;min-height:24px;margin-left:auto;font-size:11px}.thumbs{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px;display:grid}.thumbs span{background:linear-gradient(135deg,#fff0,#ffffff38),linear-gradient(135deg,#9ed4ff,#4b75ff 48%,#ffb36e);border-radius:4px;height:38px}.thumbs span:nth-child(2){background:linear-gradient(135deg,#fff0,#fff3),linear-gradient(135deg,#81e5c0,#2577ff 48%,#f45f7b)}.thumbs span:nth-child(3){background:linear-gradient(135deg,#fff0,#ffffff2e),linear-gradient(135deg,#f6d88e,#6d9cff 48%,#3c365f)}.thumbs span:nth-child(4){background:linear-gradient(135deg,#fff0,#fff3),linear-gradient(135deg,#83d3ff,#7a52ff 45%,#ef6eb7)}.creative-cards{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:min(1240px,100%);margin:64px auto 0;display:grid;position:relative}.creative-card{background:#fff;border:1px solid #e7eef8;border-radius:8px;min-width:0;min-height:342px;padding:0 0 30px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 16px 34px #1e385d0f}.creative-card:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff8c 45%,#0000 62%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.creative-card:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(90deg,#5289ff00,#5289ff6b,#5289ff00) 0 0/100% 3px no-repeat,linear-gradient(#ffffff52,#fff0);transition:opacity .28s;position:absolute;inset:0}.creative-card:hover,.creative-card:focus-within{border-color:#5d8fff52;transform:translateY(-8px);box-shadow:0 26px 58px #2a528f21}.creative-card:hover:after,.creative-card:focus-within:after{opacity:1}.creative-card:hover:before,.creative-card:focus-within:before{transform:translate(120%)}.creative-shot{height:220px;position:relative;overflow:hidden}.creative-shot:after{content:"";opacity:0;background:linear-gradient(#ffffff2e,#fff0);transition:opacity .28s;position:absolute;inset:0}.creative-shot.lavender{background:linear-gradient(135deg,#f4f7ff,#def0ff)}.creative-shot.mint{background:linear-gradient(135deg,#1a9dff,#c7f8df)}.creative-shot.sky{background:linear-gradient(135deg,#f05f73,#e02642 54%,#fff)}.creative-shot img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .28s;display:block;transform:scale(1)}.creative-card:hover .creative-shot img,.creative-card:focus-within .creative-shot img{transform:scale(1.05)}.creative-card:hover .creative-shot:after,.creative-card:focus-within .creative-shot:after{opacity:1}.shot-top{background:#ffffffd1;border-radius:999px;width:132px;height:14px;position:absolute;top:22px;left:22px}.shot-orbit{border:12px solid #ffffff94;border-color:#ffffff94 #31d16f #445dff #ffffff94;border-radius:50%;width:74px;height:74px;position:absolute;top:36px;right:44px}.shot-line{background:#fffc;border-radius:4px;width:88px;height:28px;position:absolute;bottom:24px;left:22px}.creative-card span{color:#5b6c84;background:#edf3ff;border-radius:4px;align-items:center;min-height:32px;margin:24px 28px 0;padding:0 16px;font-size:14px;transition:color .28s,background .28s;display:inline-flex}.creative-card h3{color:#303a4a;padding:20px 28px 0;font-size:17px;font-weight:700;line-height:1.7;transition:color .28s}.creative-card:hover span,.creative-card:focus-within span{color:#1d73ff;background:#e8f1ff}.creative-card:hover h3,.creative-card:focus-within h3{color:#1d73ff}.twin-section{background:#fff}.twin-top{grid-template-columns:minmax(0,650px) 450px;align-items:start;gap:138px;width:min(1240px,100%);margin:58px auto 0;display:grid}.twin-copy>p{color:#434d5c;max-width:650px;font-size:16px;font-weight:500;line-height:1.75}.twin-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 86px;margin-top:62px;display:grid}.twin-feature-grid article{align-items:flex-start;gap:15px;min-width:0;transition:transform .22s;display:flex}.twin-feature-grid article:hover{transform:translateY(-3px)}.feature-icon{object-fit:contain;border:0;border-radius:0;flex:none;width:20px;height:20px;transition:filter .22s,transform .22s}.feature-icon:before{content:none}.twin-feature-grid h3{color:#283449;font-size:16px;font-weight:700;transition:color .22s}.twin-feature-grid p{color:#5f6d82;margin-top:12px;font-size:15px;line-height:1.45}.twin-feature-grid article:hover .feature-icon{filter:drop-shadow(0 8px 14px #1d73ff33);transform:scale(1.14)}.twin-feature-grid article:hover h3{color:var(--blue)}.app-matrix{grid-template-columns:repeat(3,1fr);gap:24px 34px;margin-top:36px;display:grid}.app-tile{color:#3e4f68;text-align:center;background:linear-gradient(#edf8ff 0%,#f7fcff 62%,#fff 100%);border:1px solid #0000;border-radius:8px;place-items:center;gap:11px;min-height:112px;padding:18px 10px 15px;font-size:15px;font-weight:700;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:grid}.app-tile img{object-fit:contain;width:48px;height:48px;transition:filter .22s,transform .22s}.app-tile:hover,.app-tile:focus-within{background:#fff;border-color:#dceaff;transform:translateY(-6px);box-shadow:0 18px 38px #3473d424}.app-tile:hover img,.app-tile:focus-within img{filter:drop-shadow(0 8px 14px #1d73ff29);transform:scale(1.08)}.case-panel{width:min(1240px,100%);box-shadow:none;background:linear-gradient(90deg,#f8fcff 0%,#eef8ff 58%,#e3ebff 100%);border-radius:12px;grid-template-columns:310px minmax(0,1fr);gap:58px;margin:92px auto 0;padding:54px 34px 54px 58px;transition:background .28s;display:grid;overflow:hidden}.case-panel:hover{background:linear-gradient(90deg,#fbfdff 0%,#eef9ff 58%,#dfe9ff 100%)}.case-copy{align-self:center}.case-copy h3{color:#273346;font-size:26px;font-weight:800}.case-copy p{color:#596779;margin-top:22px;font-size:16px;line-height:1.6}.case-copy ul{color:#46566e;gap:22px;margin:62px 0 0;padding:0;font-size:16px;font-weight:500;list-style:none;display:grid}.case-copy li{padding-left:34px;position:relative}.case-copy li:before{content:"";border-bottom:2px solid #5290ff;border-left:2px solid #5290ff;width:13px;height:7px;position:absolute;top:9px;left:0;transform:rotate(-45deg)}.case-gallery{align-self:center}.case-image{border-radius:10px;width:100%;height:auto;transition:transform .26s,filter .26s;display:block}.case-panel:hover .case-image{filter:saturate(1.04);transform:translateY(-4px)}.gallery-large,.gallery-ui,.gallery-list{background:#fff;border:6px solid #fff;border-radius:6px;min-height:132px;overflow:hidden;box-shadow:0 12px 30px #365b891f}.gallery-large{background:linear-gradient(#315da3 0 0) 0 0/100% 34px no-repeat,linear-gradient(135deg,#eaf3ff,#fff);position:relative}.room-model{background:linear-gradient(135deg,#f6fbff,#d9e5f5);border:5px solid #b7c7de;border-top-color:#e0e8f4;width:122px;height:74px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)skewY(-18deg)}.room-model:before,.room-model:after{content:"";background:#ffd166;position:absolute}.room-model:before{border-radius:8px;width:52px;height:10px;top:18px;right:-42px;transform:rotate(-22deg)}.room-model:after{border-radius:50%;width:26px;height:26px;top:5px;right:-58px}.gallery-ui{background:linear-gradient(#f1f5fb 0 0) 0 0/92px 100% no-repeat,#fff;gap:9px;padding:16px;display:grid}.gallery-ui span{background:#d8e3f4;border-radius:999px;height:12px;margin-left:104px}.gallery-ui span:first-child{background:linear-gradient(135deg,#edf5ff,#b7d2ff);border-radius:4px;height:48px}.gallery-list{grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;display:grid}.gallery-list span{background:linear-gradient(#508cff 0 0) 10px 27px/28px 4px no-repeat,linear-gradient(135deg,#fbfdff,#e7eef9);border-radius:5px;min-height:38px}.product-model{background:#30343e;width:132px;height:78px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)perspective(400px)rotateX(58deg)rotate(-8deg);box-shadow:inset 0 0 0 12px #59616f}.product-model:before{content:"";background:#d7a74d;position:absolute;inset:20px}.site-footer{--contact-ribbon-height:clamp(56px, 3.125vw, 68px);padding-top:var(--contact-ribbon-height);background:var(--dark);color:#c6cfdb;position:relative}.site-footer.ribbon-hidden{padding-top:0}.contact-ribbon{z-index:90;height:var(--contact-ribbon-height);color:#dbe8ff;background:var(--contact-ribbon-bg) center center / 100% 100% no-repeat, #1662ee;padding:0;font-size:16px;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -10px 28px #1560eb24}.contact-ribbon.docked{position:absolute;top:0;bottom:auto}.ribbon-contact{color:#1a2535;background:var(--contact-icon-bg) center center / contain no-repeat;width:158px;height:58px;font-weight:800;transition:filter .24s,transform .24s;display:block;position:absolute;top:40%;left:calc(50% - 552px);transform:translateY(-50%)}.ribbon-contact:hover,.ribbon-contact:focus-visible{filter:drop-shadow(0 10px 18px #063aa03d);transform:translateY(-50%)scale(1.04)}.ribbon-contact span{text-align:center;white-space:nowrap;width:96px;font-size:12px;position:absolute;top:64%;left:60%;transform:translate(-50%,-50%)}.ribbon-phone,.ribbon-mail{color:#fff;white-space:nowrap;font-size:14px;font-weight:500;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.ribbon-phone{left:calc(50% - 158px)}.ribbon-mail{left:calc(50% + 95px)}.contact-ribbon button{color:#fff;background:0 0;place-items:center;width:24px;height:40px;font-size:32px;font-weight:300;line-height:1;transition:color .22s,transform .22s;display:grid;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.contact-ribbon button:hover,.contact-ribbon button:focus-visible{color:#d7e6ff;transform:translateY(-50%)rotate(90deg)}.footer-main{width:min(var(--content), calc(100% - 48px));border-bottom:1px solid #ffffff14;grid-template-columns:240px repeat(3,.8fr) 1.45fr .9fr;gap:48px;margin:0 auto;padding:54px 0 42px;display:grid}.footer-brand{text-align:left;border-right:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;padding-right:36px;display:flex}.footer-logo{object-fit:contain;width:84px;height:auto;transition:filter .24s,transform .24s;display:block}.footer-brand:hover .footer-logo{filter:drop-shadow(0 8px 14px #ffffff1f);transform:translateY(-2px)scale(1.04)}.footer-brand h2:after{content:none}.footer-brand h2{margin-bottom:15px;line-height:1}.footer-brand p,.footer-link{color:#98a4b3;margin-top:10px;font-size:12px;display:block}.footer-link{transition:color .22s,transform .22s}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-brand p{color:#f5f8ff;white-space:nowrap;width:max-content;max-width:100%;font-size:13px;font-weight:600}.footer-col h3,.qr-block h3{color:#fff;margin-bottom:14px;font-size:13px;font-weight:700}.footer-col.contact .footer-link{align-items:center;gap:8px;padding-left:0;display:flex}.contact-icon{object-fit:contain;flex:none;width:14px;height:14px;transition:transform .22s}.footer-col.contact .footer-link:hover .contact-icon{transform:scale(1.14)}.qr-block{text-align:center}.qr{object-fit:contain;width:82px;height:82px;margin:0 auto;transition:filter .24s,transform .24s;display:block}.qr:hover{filter:drop-shadow(0 10px 18px #ffffff1f);transform:scale(1.04)}.copyright{width:min(var(--content), calc(100% - 48px));color:#6f7c8d;text-align:center;margin:0 auto;padding:20px 0 28px;font-size:12px}@media (width<=1100px){:root{--content:920px}.topbar{grid-template-columns:200px minmax(0,1fr) 130px}.nav{gap:32px}.sap-body,.creative-main,.creative-cards,.twin-top,.case-panel,.card-grid{width:min(900px,100%)}}@media (width<=820px){:root{--topbar-height:104px}.topbar{grid-template-columns:1fr auto;row-gap:10px;padding:12px 20px}.nav{scrollbar-width:none;order:3;grid-column:1/-1;justify-content:flex-start;gap:20px;padding-bottom:4px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.lang button{min-width:28px;min-height:28px;font-size:12px}.nav a.active:after{bottom:-6px}.lang{gap:10px}.hero-section{height:min(560px,95.2381vw);min-height:430px}.hero-content{width:min(680px,100% - 32px);padding-top:72px}.hero-content h1{font-size:clamp(34px,8vw,46px)}.hero-content p{width:min(560px,100%);font-size:13px;line-height:1.85}.formula-right,.code-b{display:none}.formula-left{font-size:24px;top:34px;left:20px}.code-a{transform-origin:100% 0;top:268px;right:16px;transform:scale(.8)rotate(4deg)}.glass-curve{width:420px;left:-80px}.ai-chip{bottom:36px;right:40px;transform:scale(.85)perspective(760px)rotateX(58deg)rotate(-28deg)}.section-pad,.cards-section{padding:52px 20px}.section-heading h2{font-size:26px}.sap-body,.creative-main,.twin-top,.case-panel{grid-template-columns:1fr;gap:34px}.sap-body{--sap-row-height:58px;--sap-row-open-height:168px;height:auto}.sap-list{height:auto;overflow:visible}.sap-body,.creative-main,.creative-cards,.twin-top,.case-panel,.card-grid{width:min(100%,560px)}.sap-row{height:auto;min-height:0;padding:16px}.sap-row.open{height:auto;min-height:var(--sap-row-open-height)}.sap-row.open p{max-height:none;padding-right:0}.sap-visual{height:280px;min-height:280px}.sap-visual-image{height:240px}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-inline:20px}.feature-pill{justify-content:flex-start;min-height:42px}.feature-pill strong{white-space:normal}.card-grid,.creative-cards{grid-template-columns:1fr;max-width:430px}.creative-main{margin-top:36px}.focus-label{margin-bottom:18px}.focus-label h3{font-size:24px}.focus-copy p{max-width:none;font-size:14px;line-height:1.9}.prompt-options{flex-wrap:wrap}.prompt-options button{margin-left:0}.twin-top{margin-top:38px}.app-matrix{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:0}.case-panel{margin-top:56px;padding:24px}.case-copy h3{font-size:22px}.case-copy p{margin-top:14px;font-size:14px}.case-copy ul{gap:14px;margin-top:24px;font-size:14px}.case-gallery{grid-template-columns:1fr}.site-footer{--contact-ribbon-height:76px}.contact-ribbon{height:var(--contact-ribbon-height);background-position:bottom;background-size:cover;grid-template-rows:repeat(2,auto);grid-template-columns:1fr 28px;align-content:center;gap:4px 10px;min-height:0;padding:10px 12px 10px 20px;display:grid}.ribbon-phone,.ribbon-mail{position:static;transform:none}.ribbon-contact{display:none}.contact-ribbon>span{place-self:center start;min-width:0;font-size:13px;line-height:1.35}.ribbon-phone{grid-area:1/1/auto/2}.ribbon-mail{overflow-wrap:anywhere;grid-area:2/1/auto/2}.contact-ribbon button{grid-area:1/2/3;place-self:center end;width:28px;height:28px;margin-right:-2px;font-size:24px;position:static;transform:none}.contact-ribbon button:hover,.contact-ribbon button:focus-visible{transform:none}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:42px 0 34px}.footer-brand{border-right:0;padding-right:0}.footer-brand p{white-space:normal}.copyright{width:min(100% - 40px, var(--content));line-height:1.7}}@media (width<=520px){.brand-logo{width:118px}.topbar{grid-template-columns:1fr auto}.hero-content h1{font-size:clamp(28px,9vw,36px)}.hero-content p{line-height:1.8}.code-a{display:none}.glass-curve{bottom:-24px;left:-160px}.ai-chip{bottom:46px;right:10px;transform:scale(.72)perspective(760px)rotateX(58deg)rotate(-28deg)}.actions{gap:14px}.btn{width:100%}.solution-card{min-height:auto}.solution-visual{height:210px}.solution-card h3{padding:24px 22px 0;font-size:18px}.solution-card p{padding:14px 22px 0;font-size:14px;line-height:1.8}.sap-row{padding-inline:14px}.sap-visual{transform-origin:top;transform:scale(.9)}.feature-strip{grid-template-columns:1fr}.feature-pill{justify-content:flex-start}.thumbs{grid-template-columns:repeat(3,1fr)}.twin-feature-grid,.app-matrix{grid-template-columns:1fr}.twin-feature-grid{gap:24px;margin-top:34px}.case-panel{border-radius:8px;margin-top:42px;padding:20px}.footer-main{grid-template-columns:1fr;gap:26px}.footer-brand{border-right:0;align-items:flex-start;padding-right:0}.qr-block{text-align:left}.qr{margin-left:0}}@media (width<=380px){.topbar{padding-inline:14px}.brand-logo{width:108px}.nav{gap:16px}.section-pad,.cards-section{padding-inline:16px}.contact-ribbon{padding-inline:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-banner,.btn:hover,.btn:focus-visible,.sap-row:hover,.sap-row:focus-visible,.feature-pill:hover,.solution-card:hover,.solution-card:focus-within,.creative-card:hover,.creative-card:focus-within,.creative-tool:hover,.twin-feature-grid article:hover,.app-tile:hover,.app-tile:focus-within,.footer-link:hover{transform:none}}