/* Dimensional surfaces, shared by every language. */
:root{font-family:"Segoe UI",Arial,"Microsoft YaHei","PingFang SC",sans-serif;--soft:#eef3f7}
body{background:#fbfcfe}
.header{background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,49,70,.12);box-shadow:0 4px 28px #041a2b09}
.brand-mark{background:linear-gradient(145deg,#2c526c,#081b2b);border:1px solid #678397;box-shadow:inset 1px 1px 0 #ffffff36,0 3px 0 #061722,0 7px 13px #11273a24;border-radius:9px}
.nav-cta,.button{border-radius:9px;transition:transform .2s,box-shadow .2s,background .2s}
.nav-cta{box-shadow:inset 0 1px 0 #ffffff36,0 3px 0 #081521,0 7px 15px #10273a1a}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#43757758,transparent 43%),radial-gradient(ellipse at 40% 110%,#284f8170,transparent 54%),linear-gradient(125deg,#071824,#132e46 58%,#081b29);padding-top:98px;padding-bottom:110px}
.hero:before{content:"";position:absolute;z-index:-1;inset:40% -20% -60% 20%;background-image:linear-gradient(#a0c2d417 1px,transparent 1px),linear-gradient(90deg,#a0c2d417 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(60deg) rotateZ(-15deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 68%);pointer-events:none}
.hero:after{content:"";position:absolute;width:460px;height:460px;right:-150px;top:-240px;z-index:-1;border-radius:50%;border:1px solid #c9ec8930;box-shadow:0 0 0 75px #c9ec8905,0 0 0 150px #c9ec8904;pointer-events:none}
.hero-grid{gap:85px;perspective:1500px}
h1{font-weight:550;letter-spacing:-.055em;text-shadow:0 3px 20px #00000018}
.hero h1{background:linear-gradient(125deg,#fff 20%,#e1edf4 70%,#a1bccd);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.04em}
.hero .eyebrow{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #d0ef7130;border-radius:6px;background:linear-gradient(120deg,#d0ef7110,#d0ef7103);box-shadow:inset 0 1px 0 #ffffff0c;font-size:.72rem;letter-spacing:.13em}
.lime{background:linear-gradient(160deg,#e1ffa0,#c9e978);border:1px solid #eaffb7;box-shadow:inset 0 1px 0 #ffffffa0,0 4px 0 #728c38,0 12px 25px #010b174d}
.lime:hover{background:linear-gradient(160deg,#ecffbd,#d6f58b);transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 6px 0 #728c38,0 16px 30px #010b1750}
.button:active,.nav-cta:active{transform:translateY(2px)}
.framework{--rx:3deg;--ry:-9deg;border-radius:20px;padding:30px;background:linear-gradient(130deg,#3e6175d9,#1a354de8 50%,#0d2438f5);border:1px solid #b3d4e75e;box-shadow:inset 0 1px 1px #ffffff5c,inset 1px 0 0 #ffffff1f,inset -1px -1px 0 #0006,8px 9px 0 #091c2cc0,9px 10px 0 #9fc3dd35,24px 36px 65px #0007;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .4s ease;will-change:transform;margin:25px 12px 25px 0}
.framework:before,.framework:after{content:"";position:absolute;inset:16px -17px -16px 17px;border:1px solid #8eafc948;border-radius:20px;background:linear-gradient(145deg,#29475ab3,#0a2030);transform:translateZ(-30px);box-shadow:12px 20px 35px #0004;pointer-events:none}
.framework:after{inset:32px -32px -32px 32px;transform:translateZ(-60px);opacity:.55}
.framework-header{color:#c1d5e2;transform:translateZ(12px);padding-bottom:23px}
.framework-header>span:last-child{border:1px solid #d0ef7160;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#e6ffc229,#d0ef7105);box-shadow:0 3px 12px #0003,inset 0 1px 0 #ffffff40}
.framework h2{transform:translateZ(20px);font-weight:500;font-size:1.9rem}
.framework-list{display:grid;gap:12px;transform-style:preserve-3d}
.framework-list li{padding:19px 16px;border:1px solid #abc5d331;border-radius:10px;background:linear-gradient(115deg,#50718a5c,#1b385165);box-shadow:inset 0 1px 0 #ffffff1e,0 6px 0 #081c2d80,0 11px 18px #0003;transform:translateZ(26px);font-size:.97rem;transition:transform .25s,background .25s}
.framework-list li:nth-child(2){transform:translateZ(36px)}
.framework-list li:nth-child(3){transform:translateZ(46px)}
.framework-list li:nth-child(4){transform:translateZ(56px);border-color:#d0ef716b;background:linear-gradient(110deg,#6c874843,#263e39a6)}
.framework-list li:hover{background:linear-gradient(115deg,#638aa775,#22456090);transform:translateZ(64px) translateX(-3px)}
.step-num{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:7px;flex-shrink:0;background:linear-gradient(150deg,#071b2b,#19394f);border:1px solid #65829769;box-shadow:inset 0 2px 4px #0004;color:#dfebf1;font-size:.7rem}
.step-square{border-radius:3px;box-shadow:0 0 12px #d0ef7120}
.framework>p{margin-top:27px;border-color:#9bb4c42e;padding-top:18px;transform:translateZ(10px);font-size:.8rem}
.trust-strip{position:relative;background:linear-gradient(100deg,#e0f5a6,#d0ef71 50%,#bedf64);border-top:1px solid #f4ffcd;border-bottom:1px solid #a9c65b;box-shadow:0 5px 18px #192a2210,inset 0 -2px 0 #a5c95622}
.section-intro h2,.fit h2,.faq h2{font-weight:550}
.service-grid{gap:26px}
.service{position:relative;isolation:isolate;background:linear-gradient(150deg,#fff,#f5f8fc);border:1px solid #d4dfe8;border-radius:17px;padding:32px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #e4eaf0,0 12px 30px #16324609;transition:transform .25s,box-shadow .25s,border-color .25s}
.service:before{content:"";position:absolute;left:30px;right:30px;top:0;height:2px;background:linear-gradient(90deg,transparent,#98afbfb0,transparent);border-radius:100%}
.service:hover{transform:translateY(-5px);border-color:#a9bfce;box-shadow:inset 0 1px 0 #fff,0 5px 0 #dce5ec,0 22px 35px #15384d13}
.service-index{margin-bottom:22px}
.service-index>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;color:#d9f594;background:linear-gradient(140deg,#365d78,#102c40);border:1px solid #6e8da0;box-shadow:inset 0 1px 0 #ffffff59,0 3px 0 #071e31,0 7px 12px #13374924}
.service h3{font-weight:600}
.approach{background:radial-gradient(ellipse at 10% 90%,#d5e4ee70,transparent 55%),linear-gradient(130deg,#edf3f8,#f8fafc);border-block:1px solid #dfe7ee}
.steps li{border-top:2px solid #bccedb}
.circle{background:linear-gradient(140deg,#fff,#dee8f0);border:1px solid #9eb5c6;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b5c7d4,0 8px 15px #14314712;width:40px;height:40px;font-weight:600}
.fit li>span{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e3f4b6,#c2dd7d);border:1px solid #b3cc76;box-shadow:inset 0 1px 0 #fff,0 2px 0 #96ad5f;color:#2f4810}
.guide{position:relative;background:radial-gradient(ellipse at 95% 0,#21445a 0,transparent 55%),linear-gradient(140deg,#081c2b,#102b40);box-shadow:inset 0 1px 0 #6f91a747}
.check-grid{gap:20px}
.check-grid article{padding:25px;border:1px solid #54758c61;border-radius:12px;background:linear-gradient(145deg,#3659703b,#0a21332e);box-shadow:inset 0 1px 0 #ffffff12,0 4px 0 #04132055,0 12px 25px #00000012}
.check-index{font-size:.75rem;letter-spacing:.09em}
.resources{margin-top:30px;border-color:#718da345;background:#05192840;border-radius:12px;box-shadow:inset 0 3px 10px #0002}
.faq details{margin-bottom:12px;border:1px solid #d9e2e9!important;border-radius:10px;padding:0 21px;background:linear-gradient(130deg,#fff,#f6f9fc);box-shadow:0 3px 0 #e7edf1,0 6px 12px #17344806}
.faq summary{padding:22px 0}.faq details[open]{box-shadow:0 3px 0 #dce5ec,0 12px 24px #1734480b;border-color:#b7cad7!important}
.contact{background:radial-gradient(ellipse at 15% 0,#eaffb8,transparent 55%),linear-gradient(120deg,#d0ed86,#bfdf69);border-top:1px solid #edffc5;box-shadow:inset 0 1px 0 #fff}
.contact-panel{padding:30px;border:1px solid #f5ffd09c;border-radius:18px;background:linear-gradient(145deg,#ffffff50,#e8f8c126);box-shadow:inset 0 1px 0 #ffffffbd,0 5px 0 #78983a20,0 24px 42px #3148181a}
.navy{background:linear-gradient(140deg,#2c5168,#0a2133);border:1px solid #47687b;box-shadow:inset 0 1px 0 #ffffff4a,0 4px 0 #061826,0 10px 18px #13293b26}
.pending{border:1px solid #b5cb8199;background:#f3ffdc60;box-shadow:inset 0 2px 6px #546b2010}
.footer{background:linear-gradient(#fff,#f6f9fc)}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.framework{animation:framework-enter 1.1s ease-out both}@keyframes framework-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}}
@media(max-width:1100px){.hero-grid{gap:50px}.framework{padding:24px;margin-right:16px}.framework-list li{padding:16px 12px;gap:12px}.framework h2{font-size:1.65rem}}
@media(max-width:800px){.hero{padding-top:60px;padding-bottom:78px}.hero-grid{gap:44px}.framework{--rx:2deg;--ry:-4deg;margin:10px 20px 18px 0;max-width:580px}.framework-list{grid-template-columns:1fr;gap:13px}.framework-list li:nth-child(3),.framework-list li:nth-child(4){border-bottom:1px solid #abc5d331}.framework-list li:nth-child(4){border-color:#d0ef716b}.framework>p{border-top:1px solid #9bb4c42e}.hero:before{inset:55% -40% -25% -40%}.check-grid{gap:16px}.contact-panel{padding:28px}.section-intro h2{font-size:2.25rem}}
@media(max-width:480px){.hero{padding-top:42px;padding-bottom:65px}.hero .eyebrow{font-size:.64rem;letter-spacing:.08em;padding:8px 10px}.hero-grid{gap:35px}.hero h1{font-size:3.2rem;line-height:1.06}.framework{margin-right:14px;padding:23px 18px;border-radius:15px;--rx:0deg;--ry:-3deg;box-shadow:inset 0 1px 1px #ffffff5c,5px 6px 0 #091c2cc0,6px 7px 0 #9fc3dd35,15px 22px 34px #0006}.framework:before{inset:12px -10px -12px 10px;border-radius:15px}.framework:after{inset:24px -20px -24px 20px;border-radius:15px}.framework h2{font-size:1.6rem;line-height:1.3}.framework-header{font-size:.6rem;letter-spacing:.075em}.framework-list li{font-size:.875rem;padding:15px 11px;gap:10px}.framework-list li:nth-child(n){transform:translateZ(15px)}.framework>p{font-size:.8rem}.service{padding:25px}.section-intro h2{font-size:2rem}.check-grid article{padding:23px}.steps li{grid-template-columns:40px 1fr}.contact-panel{padding:22px}.lead{font-size:1.05rem}html[lang=ms] .hero h1{font-size:2.65rem}html[lang=zh-Hans] .hero h1{font-size:2.85rem;line-height:1.22}}
@media(prefers-reduced-motion:reduce){.framework{animation:none;transform:none;will-change:auto}.framework-list li:nth-child(n){transform:none}.service:hover,.lime:hover{transform:none}}
@media print{.hero:before,.hero:after,.framework:before,.framework:after{display:none}.framework,.framework-list li:nth-child(n){transform:none;box-shadow:none}.hero h1{background:none;color:#172f40}.service,.contact-panel,.check-grid article{box-shadow:none}.hero,.guide,.contact{background:#fff}.framework{background:#eef3f7;color:#172f40}}
.framework:before,.framework:after{z-index:-1}.framework>h2,.framework-header,.framework-list,.framework>p{position:relative}