:root{--blue:#124de6;--navy:#071b43;--ink:#0b1635;--muted:#65708a;--line:#dce3ef;--paper:#f7f9fc;--teal:#009d92;--violet:#7a42f5;--orange:#ef792f;--font:"Noto Sans KR",sans-serif;--en:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font)}#main a{color:inherit;text-decoration:none}#main img,#main video{display:block;width:100%}button{font:inherit}.skip{position:fixed;left:20px;top:-60px;z-index:9999;background:#fff;padding:12px}.skip:focus{top:20px}
.header{height:76px;display:grid;grid-template-columns:250px 1fr 170px;align-items:center;padding:0 max(4vw,48px);background:#fff;border-bottom:1px solid #edf0f5;position:relative;z-index:100}.logo img{width:170px}.nav{display:flex;justify-content:center;gap:44px;height:100%;font:500 16px var(--en)}.nav a{display:grid;place-items:center;position:relative}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue)}.inquiry{justify-self:end;color:#fff;background:var(--blue);padding:12px 22px;border-radius:30px;font-size:15px;box-shadow:0 8px 22px #124de638}.inquiry i{margin-right:7px}.menu,.mobile-nav{display:none}
.hero{height:350px;background:radial-gradient(circle at 70% 50%,#073f8c 0,#071d49 36%,#03132d 72%);position:relative;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03132d 0,transparent 64%),linear-gradient(rgba(37,124,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,124,255,.07) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.hero-inner{width:min(1660px,calc(100% - 120px));height:100%;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;position:relative;z-index:2}.hero-copy{align-self:center;padding-left:25px}.overline{font:700 12px var(--en);letter-spacing:.18em;color:#70a7ff;margin:0 0 13px}.hero-copy h1{font:800 58px var(--en);margin:0;letter-spacing:-.04em}.hero-copy h2{font:700 32px var(--en);margin:3px 0 14px;background:linear-gradient(90deg,#7562ff,#3f8fff);-webkit-background-clip:text;color:transparent}.hero-copy h3{font-size:19px;margin:0 0 13px}.hero-copy>p:not(.overline){font-size:16px;line-height:1.75;color:#d5e1f9;margin:0}.key-message{margin-top:22px;width:520px;display:flex;align-items:center;gap:18px;padding:13px 20px;border:1px solid #2455ac;border-radius:7px;background:linear-gradient(90deg,#0d326d,#0d2553aa);color:#77a4f7;font-size:15px;line-height:1.6}.key-message i{font-size:24px}.platform-visual{position:relative;min-width:0}#network{position:absolute;inset:0;width:100%;height:100%;z-index:1}.chip{position:absolute;z-index:5;left:50%;top:51%;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-2deg);width:245px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#063a84,#087cf3 55%,#042454);border:3px solid #39b7ff;box-shadow:0 0 0 9px #0b3f88,0 0 0 12px #3fa8ff,0 25px 50px #001b52,0 0 55px #0a8cff}.chip:before{content:"";position:absolute;inset:12px;border:1px solid #b9e5ff;box-shadow:inset 0 0 22px #1db1ff}.chip strong{font:800 29px var(--en);text-shadow:0 0 12px #fff}.chip small,.chip span{font:600 10px var(--en);letter-spacing:.16em;color:#9bdcff}.chip-shadow{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%);width:410px;height:100px;border-radius:50%;background:#0077ff55;filter:blur(30px)}.connections{position:absolute;z-index:2;inset:0;width:100%;height:100%}.connections path{fill:none;stroke:#1c95ff;stroke-width:1.5;filter:drop-shadow(0 0 5px #0798ff);stroke-dasharray:6 5}.node{position:absolute;z-index:6;width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071c43cc;border:1.5px solid #2ca5ff;box-shadow:0 0 20px #0088ff66;font:600 14px var(--en)}.node i{font-size:25px;margin-bottom:5px}.node-vpix{left:46%;top:7%}.node-aiot{left:16%;top:26%}.node-twin{right:10%;top:27%}.node-data{left:22%;bottom:6%}.node-doctor{right:16%;bottom:7%}.orbit{position:absolute;left:50%;top:53%;border:1px solid #1b78d455;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg)}.orbit-1{width:630px;height:310px}.orbit-2{width:800px;height:390px}
.architecture-wrap{height:98px;position:relative;z-index:10}.architecture{width:min(1660px,calc(100% - 120px));height:122px;margin:-30px auto 0;display:grid;grid-template-columns:220px 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;padding:18px 26px;background:#ffffffef;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 16px 42px #0b245018;backdrop-filter:blur(14px)}.arch-title{display:flex;flex-direction:column;font-size:18px;line-height:1.65}.arch-step{display:flex;align-items:center;gap:13px;min-width:0}.arch-step>i{display:grid;place-items:center;min-width:54px;height:54px;border-radius:50%;color:var(--blue);background:#eff3ff;font-size:27px}.arch-step div{display:flex;flex-direction:column}.arch-step b{font:700 15px var(--en);white-space:nowrap}.arch-step span{font-size:13px;color:#65708a;line-height:1.55;margin-top:5px}.flow{color:#6b8cff;font-size:19px}
.section{width:min(1660px,calc(100% - 120px));margin:auto}.solutions{padding:58px 0 22px}.section-title{text-align:center}.section-title>span{font:700 11px var(--en);letter-spacing:.18em;color:var(--blue)}.section-title h2{font-size:28px;margin:7px 0}.section-title p{font-size:15px;color:#68738a;margin:0}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}.card{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;transition:.3s;box-shadow:0 5px 18px #071b4308}.card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #071b4318}.card-media{height:120px;position:relative;overflow:hidden;background:#eff5ff}.card-media img,.card-media video{height:100%;object-fit:cover;filter:saturate(.78);transition:.4s}.card:hover .card-media img,.card:hover .card-media video{transform:scale(1.06);filter:saturate(1)}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff8,transparent 65%)}.round-icon{position:absolute;z-index:2;left:18px;bottom:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:20px}.card-content{padding:18px 20px 20px;display:flex;flex-direction:column;min-height:250px}.category{font:600 11px var(--en);color:var(--blue);order:2}.card h3{font:800 25px var(--en);color:var(--blue);margin:0 0 4px;order:1}.card p{order:3;font-size:14px;line-height:1.65;margin:10px 0;color:#26324b;min-height:40px}.tags{order:4;display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:11px;padding:5px 8px;border-radius:4px;background:#eff2f7;color:#38445a}.card a{order:5;margin-top:auto;padding-top:18px;color:var(--blue);font-size:13px;font-weight:700}.card a i{margin-left:7px}.c-aiot h3,.c-aiot .category,.c-aiot a{color:var(--teal)}.c-aiot .round-icon{background:var(--teal)}.c-twin h3,.c-twin .category,.c-twin a{color:var(--violet)}.c-twin .round-icon{background:var(--violet)}.c-data h3,.c-data .category,.c-data a{color:var(--orange)}.c-data .round-icon{background:var(--orange)}
.full-architecture{padding:48px 0 54px}.architecture-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.architecture-heading span,.diff-heading span{font:700 11px var(--en);letter-spacing:.18em;color:var(--blue)}.architecture-heading h2,.diff-heading h2{font-size:31px;line-height:1.25;margin:7px 0 0}.architecture-heading p,.diff-heading>p{font-size:15px;line-height:1.75;color:#69758c;margin:0}.architecture-board{position:relative;color:#fff;padding:24px;border-radius:16px;background:radial-gradient(circle at 78% 8%,#164e9a77,transparent 28%),linear-gradient(145deg,#071d48,#05142f 65%,#081939);box-shadow:0 24px 58px #071b4324;overflow:hidden}.architecture-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(74,143,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(74,143,255,.045) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.architecture-flow-label{position:relative;margin:0 0 16px;color:#7fb2ff;font-size:14px}.architecture-flow-label i{margin:0 7px;font-size:11px}.architecture-layer{position:relative;display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:stretch;padding:12px;border:1px solid #ffffff1f;border-left:4px solid var(--layer);border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--layer) 12%,transparent),#ffffff05);box-shadow:0 8px 22px #0002}.layer-title{display:flex;flex-direction:column;justify-content:center;padding:10px 15px}.layer-title span{font:700 11px var(--en);color:var(--layer);letter-spacing:.15em}.layer-title strong{font:700 21px var(--en);margin:3px 0}.layer-title small{font-size:13px;color:#9ab1d4}.layer-items{display:grid;gap:10px}.layer-items.five{grid-template-columns:repeat(5,1fr)}.layer-items.three{grid-template-columns:repeat(3,1fr)}.layer-items.six{grid-template-columns:repeat(6,1fr)}.layer-items>div{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--layer) 42%,#ffffff20);border-radius:8px;background:#ffffff08;transition:.25s}.layer-items>div:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--layer) 13%,#ffffff08);box-shadow:0 8px 20px #0003}.layer-items i{font-size:20px;color:var(--layer)}.layer-items b{font-size:14px}.layer-source{--layer:#d751ff}.layer-integration{--layer:#3485ff}.layer-ai{--layer:#835cff}.layer-solutions{--layer:#21d2c5}.layer-industries{--layer:#7892bb}.layer-solutions .layer-items>div:nth-child(3){--layer:#35d77a}.layer-solutions .layer-items>div:nth-child(4){--layer:#ff8b31}.layer-solutions .layer-items>div:nth-child(5){--layer:#ff4f99}.layer-arrow{position:relative;height:20px;display:grid;place-items:center;color:#4f81ce;font-size:15px}.differentiators{padding:26px 0 40px}.diff-heading{display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--line)}.diff-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.diff-grid article{position:relative;min-height:250px;padding:25px 22px;background:#fff;border-left:1px solid var(--line);transition:.3s;overflow:hidden}.diff-grid article:first-child{border-left:0}.diff-grid article:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue),#4b99ff);transition:.35s}.diff-grid article:hover{transform:translateY(-5px);z-index:2;box-shadow:0 18px 45px #071b4315}.diff-grid article:hover:after{right:0}.diff-number{font:700 12px var(--en);color:#a4aec0}.diff-grid article>i{display:grid;place-items:center;width:50px;height:50px;margin:34px 0 20px;border-radius:12px;color:var(--blue);background:#edf3ff;font-size:23px}.diff-grid h3{font-size:17px;margin:0 0 10px}.diff-grid p{font-size:13px;line-height:1.7;color:#6b768a;margin:0}.diff-grid article>span{position:absolute;left:22px;bottom:20px;font:700 10px var(--en);letter-spacing:.15em;color:#9aa6ba}
.cta{min-height:86px;border-radius:10px;margin-bottom:34px;padding:15px 34px;display:grid;grid-template-columns:1fr 230px 230px;gap:20px;align-items:center;color:#fff;background:linear-gradient(100deg,#0c4294,#092158 60%,#1043a1);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 35%,#2a77db22 36%,transparent 37%);background-size:35px 35px}.cta>*{position:relative}.cta h2{font-size:19px;margin:0}.cta p{font-size:13px;color:#cbd9f2;margin:7px 0 0}.cta>a{height:48px;display:grid;place-items:center;border-radius:7px;font-size:14px;font-weight:700}.download{border:1px solid #9cbcff}.demo{background:var(--blue);box-shadow:0 10px 25px #00184955}
#news{height:90px;padding:0 max(4vw,48px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#fff}#news img{width:150px}#news p{font:500 12px var(--en);color:#8490a3}
@keyframes pulse{50%{box-shadow:0 0 30px #00a2ff,0 0 0 8px #0878ff22}}@keyframes float{50%{transform:translateY(-7px)}}.node{animation:pulse 2.8s infinite, float 4s ease-in-out infinite}.node:nth-of-type(even){animation-delay:-1.5s}.chip{animation:chip 4s ease-in-out infinite}@keyframes chip{50%{transform:translate(-50%,-54%) rotateX(55deg) rotateZ(-2deg)}}

/* Animated RTMeta X hero banner */
.hero{background:#03132d}
.hero:before{z-index:1;background:linear-gradient(90deg,#03132de8 0,#03132d9c 29%,#03132d22 54%,transparent 72%)}
.hero-motion{position:absolute;inset:0;display:block}
.hero-motion img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-spacer{min-width:0}

/* Hero dimensions aligned with RTMETA Project Portfolio */
.hero{height:350px;min-height:350px}
.hero-inner{grid-template-columns:.72fr 1.28fr}
.hero-copy{padding-left:25px}
.hero-copy h1{font-size:50px;line-height:1}
.hero-copy h2{font-size:28px;margin:6px 0 14px}
.hero-copy>p:not(.overline){max-width:610px;font-size:15px;line-height:1.65}
.hero-motion img{object-fit:cover;object-position:center}

/* Dark solution suite */
.solutions{width:100%;max-width:none;padding:66px max(60px,calc((100vw - 1660px)/2)) 58px;background:radial-gradient(circle at 50% 0,#153569 0,#081b3b 38%,#05142d 100%);color:#fff}
.solutions .section-title>span{color:#68a6ff}.solutions .section-title h2{color:#fff}.solutions .section-title p{color:#95a8c8}
.solutions .card{border-color:#ffffff1c;background:linear-gradient(155deg,#102b51,#091c38);box-shadow:0 13px 34px #0004}
.solutions .card:hover{border-color:#367ff0;background:linear-gradient(155deg,#153a6d,#0c2448);box-shadow:0 20px 48px #0008,0 0 0 1px #2d79f655}
.solutions .card-media:after{background:linear-gradient(180deg,transparent 28%,#0b2144e8)}
.solutions .card-content{color:#fff}.solutions .card p{color:#b6c5dc}.solutions .tags span{background:#ffffff12;color:#c8d5e8;border:1px solid #ffffff0c}
.solutions .card a{border-top:1px solid #ffffff10}.solutions .round-icon{box-shadow:0 7px 18px #0008}

/* Input → Platform → Output architecture */
.full-architecture{width:100%;max-width:none;padding:58px max(60px,calc((100vw - 1660px)/2)) 64px;color:#fff;background:#0b0e15}
.architecture-heading span{color:#718cff}.architecture-heading h2{color:#fff}.architecture-heading h2 em{color:#6482ff;font-style:normal}.architecture-heading p{color:#8895ad}
.system-map{display:grid;grid-template-columns:245px 44px minmax(0,1fr) 44px 245px;grid-template-rows:auto 104px;gap:24px 12px;padding:24px;border-radius:16px;background:radial-gradient(circle at 50% 8%,#30224c55,transparent 30%),#0a0d14;border:1px solid #303a4e;box-shadow:0 28px 70px #0008}
.system-column{padding:18px;border:1px solid #5b6068;border-radius:18px;background:#090c12}.column-title{text-align:center;margin-bottom:17px}.column-title strong{display:block;font:800 23px var(--en)}.column-title span{font:600 11px var(--en);letter-spacing:.12em;color:#77839c}
.input-item,.output-item{min-height:82px;margin:0 0 13px;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;background:#303746;border:1px solid #3d4658;text-align:center}.input-item:last-child,.output-item:last-child{margin-bottom:0}.input-item i,.output-item i{display:none}.input-item b,.output-item b{font:500 16px var(--en)}.input-item small,.output-item small{margin-top:7px;color:#9da8bb;font:500 11px var(--en)}
.output-item{background:#25203b;border-color:#5a487e}.output-item b{font-weight:800}.output-item.twin{background:#173044;border-color:#247087}.output-item.doctor{background:#173830;border-color:#277c63}.output-item.aiot{background:#3b271f;border-color:#a25726}.output-item.dataai{background:#3c1c36;border-color:#8f326e}
.system-flow{align-self:center;justify-self:center;color:#526ed4;font-size:37px}.platform-core{padding:17px;border:2px solid #4e68df;border-radius:18px;background:#070a11}.foundation-head{height:72px;display:flex;align-items:center;padding:0 30px;border-radius:13px;background:linear-gradient(90deg,#3d4ca8,#5968d7 55%,#3f4ca7)}.foundation-head strong{font:500 28px var(--en)}.foundation-head span{margin-left:12px;font:700 15px var(--en)}.foundation-head small{margin-left:auto;color:#a8b3dc;font:700 11px var(--en);letter-spacing:.08em}
.core-section{padding:16px 13px 12px}.core-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.core-title h3{margin:0;font:800 21px var(--en)}.core-title span{color:#74819c;font:600 12px var(--en);letter-spacing:.07em}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.integration-grid>div{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #58647a;border-radius:10px;background:#303746}.integration-grid b{font:500 15px var(--en)}.integration-grid small{margin-top:7px;color:#9da7ba;font:500 11px var(--en)}
.training-pipeline{position:relative;margin:8px 0 0;padding:15px;border:1px solid #3d68c6;border-left:6px solid #4c8dff;border-radius:14px;background:#10182b}.training-grid{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center}.training-grid>div{min-height:84px;padding:11px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #5278ce;border-radius:10px;background:linear-gradient(135deg,#263e80,#324f91)}.training-grid>i{color:#6d91ef}.training-grid b{font:700 14px var(--en)}.training-grid small{margin-top:8px;color:#b2c0df;font:500 10px/1.5 var(--en)}.feedback-loop{margin:12px 4% 0;height:17px;border-bottom:2px dashed #4cc5ed;color:#75bfe0;text-align:center;font-size:11px}.feedback-loop i{float:left}.feedback-loop span{position:relative;top:6px;padding:2px 9px;border-radius:10px;background:#1d2d49;font:700 10px var(--en);letter-spacing:.08em}
.operations{padding-top:17px}.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.operations-grid>div{min-height:105px;padding:14px 16px;border:1px solid #60708d;border-radius:11px;background:#293449}.operations-grid .ops-ml{background:linear-gradient(135deg,#34317e,#4b3f8c);border-color:#7264ce}.operations-grid .ops-dl{background:linear-gradient(135deg,#61316b,#743e72);border-color:#bf5aa6}.operations-grid b{display:block;font:500 22px var(--en)}.operations-grid small{display:block;margin-top:7px;color:#bbc3d5;font:500 11px/1.6 var(--en)}
.industry-bar{grid-column:1/-1;display:grid;grid-template-columns:210px repeat(6,1fr);gap:12px;padding:14px;border:1px solid #33425e;border-radius:14px;background:#0d1422}.industry-title{display:flex;flex-direction:column;justify-content:center;padding-left:14px}.industry-title strong{font:800 20px var(--en)}.industry-title span{margin-top:4px;color:#77859f;font:600 11px var(--en);letter-spacing:.1em}.industry-bar>div:not(.industry-title){min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #39465e;border-radius:9px;background:#1b2434;color:#c4ccdb}.industry-bar i{color:#6f88b7}.industry-bar b{font:500 14px var(--en)}

/* Responsive HTML architecture */
.architecture-svg-frame{display:none}
.system-map{display:grid}
.knowledge-pipeline{margin:8px 0 0;padding:15px;border:1px solid #3b7f96;border-left:6px solid #46a4c1;border-radius:14px;background:#101d26}
.knowledge-grid{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1.25fr;align-items:center}
.knowledge-grid>div{min-height:68px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #4e98ad;border-radius:9px;background:linear-gradient(135deg,#315c73,#384f80)}
.knowledge-grid>i{color:#65bcd2;font-size:13px;text-align:center}
.knowledge-grid>div>i{font-size:17px;color:#74d2e8;margin-bottom:6px}
.knowledge-grid b{font:700 12px var(--en)}
.knowledge-grid small{margin-top:5px;color:#c5dbe4;font:500 9px var(--en)}

/* Light solution suite with +2px typography */
.solutions{background:linear-gradient(180deg,#fbfcfe 0,#f4f7fb 100%);color:var(--ink);border-top:1px solid #e7ebf2;border-bottom:1px solid #e3e8f0}
.solutions .section-title>span{color:var(--blue);font-size:13px}
.solutions .section-title h2{color:var(--ink);font-size:30px}
.solutions .section-title p{color:#68758b;font-size:17px}
.solutions .cards{margin-top:38px}
.solutions .card{border-color:#d8e0ec;background:#fff;box-shadow:0 8px 24px #0b28500c}
.solutions .card:hover{border-color:#b8c8df;background:#fff;box-shadow:0 20px 45px #0b28501f,0 0 0 1px #d4deeb}
.solutions .card-media{height:138px}
.solutions .card-media:after{background:linear-gradient(180deg,transparent 42%,#ffffffc7)}
.solutions .card-content{min-height:284px;padding:20px 22px 22px;color:var(--ink)}
.solutions .card h3{font-size:27px}
.solutions .category{font-size:13px}
.solutions .card p{min-height:48px;color:#344159;font-size:16px;line-height:1.7}
.solutions .tags{gap:7px}
.solutions .tags span{padding:6px 9px;background:#f0f3f8;color:#45536a;border:1px solid #e1e7f0;font-size:13px}
.solutions .card a{padding-top:19px;border-top:1px solid #edf0f5;font-size:15px}
.solutions .round-icon{width:48px;height:48px;box-shadow:0 8px 20px #17315e30}

/* Individually themed differentiator cards */
.differentiators{padding-top:42px}
.diff-grid{gap:16px;border:0;border-radius:0;overflow:visible;background:transparent}
.diff-grid article{--card-a:#eaf4ff;--card-b:#d8ebff;--card-ink:#1558a5;position:relative;isolation:isolate;min-height:292px;padding:0;border:1px solid color-mix(in srgb,var(--card-ink) 16%,#fff)!important;border-radius:14px;background:linear-gradient(145deg,var(--card-a),var(--card-b));box-shadow:0 10px 24px #31577c12;overflow:hidden;color:#10294a}
.diff-grid article:nth-child(2){--card-a:#f2ecff;--card-b:#e4d9fb;--card-ink:#6946aa}
.diff-grid article:nth-child(3){--card-a:#e4f8f2;--card-b:#d2f0e8;--card-ink:#187d70}
.diff-grid article:nth-child(4){--card-a:#fff0e6;--card-b:#ffe0cd;--card-ink:#b85a27}
.diff-grid article:nth-child(5){--card-a:#e9efff;--card-b:#d9e4ff;--card-ink:#385ca8}
.diff-grid article:before{content:"";position:absolute;z-index:-1;width:170px;height:170px;right:-58px;bottom:-64px;border:24px solid color-mix(in srgb,var(--card-ink) 8%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--card-ink) 4%,transparent)}
.diff-grid article:after{content:"";position:absolute;z-index:-1;left:22px;right:22px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--card-ink);opacity:.72}
.diff-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 42px color-mix(in srgb,var(--card-ink) 19%,transparent)}
.diff-media{position:absolute;z-index:-1;inset:0;height:auto;overflow:hidden;background:transparent}
.diff-media:after{display:none}
.diff-media>i{position:absolute;z-index:1;right:-18px;top:7px;width:138px;height:138px;display:grid;place-items:center;border:0;border-radius:0;color:color-mix(in srgb,var(--card-ink) 11%,transparent);background:transparent;box-shadow:none;font-size:106px;transform:rotate(-8deg);transition:.4s}
.diff-grid article:hover .diff-media>i{transform:rotate(0) scale(1.05);color:color-mix(in srgb,var(--card-ink) 17%,transparent)}
.diff-body{position:relative;z-index:2;display:flex;flex-direction:column;min-height:292px;padding:70px 22px 25px}
.diff-grid h3{max-width:84%;font-size:22px;line-height:1.3;margin:0 0 14px;color:#10294a;word-break:keep-all}
.diff-grid h3:after{content:"";display:block;width:42px;height:2px;margin-top:14px;background:var(--card-ink);opacity:.55}
.diff-grid p{font-size:15px;line-height:1.65;color:#40536b;margin:0;word-break:keep-all;text-shadow:none}
.diff-body>span{position:static;order:-1;margin:0 0 8px;font:800 12px var(--en);letter-spacing:.14em;color:var(--card-ink)}

/* Motion background for the architecture section */
.full-architecture{position:relative;isolation:isolate;overflow:hidden}
.architecture-bg-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.34;filter:saturate(.72) contrast(1.08) brightness(.68);pointer-events:none}
.full-architecture:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#080d17c7 0%,#080d179d 48%,#080d17d9 100%);pointer-events:none}
.full-architecture .architecture-heading,.full-architecture .system-map{position:relative;z-index:2}

/* Reduce only architecture flow boxes to 90%; preserve text and icon sizes */
@media(min-width:1101px){
  .full-architecture .system-map{
    width:90%;
    margin-inline:auto;
    grid-template-rows:auto 94px;
    gap:22px 11px;
    padding:22px;
  }
  .full-architecture .platform-core{
    padding:15px;
  }
  .full-architecture .foundation-head{
    height:65px;
    padding:0 27px;
  }
  .full-architecture .core-section{
    padding:14px 12px 11px;
  }
  .full-architecture .integration-grid>div{
    min-height:59px;
  }
  .full-architecture .knowledge-pipeline,
  .full-architecture .training-pipeline{
    padding:14px;
  }
  .full-architecture .knowledge-grid>div{
    min-height:61px;
  }
  .full-architecture .training-grid>div{
    min-height:76px;
  }
  .full-architecture .operations-grid>div{
    min-height:95px;
  }
  .full-architecture .industry-bar{
    padding:13px;
  }
  .full-architecture .industry-bar>div:not(.industry-title){
    min-height:52px;
  }
  .full-architecture .system-column{
    height:100%;
    display:grid;
    grid-template-rows:auto repeat(5,minmax(0,1fr));
    gap:12px;
    padding:16px;
  }
  .full-architecture .system-column .column-title{
    align-self:center;
    margin:0;
    padding-bottom:2px;
  }
  .full-architecture .system-column .input-item,
  .full-architecture .system-column .output-item{
    width:100%;
    min-height:0;
    height:auto;
    margin:0;
    padding:10px;
  }
}

@media(min-width:1101px){
  .full-architecture{padding-bottom:32px}
}