.capability-blueprint{background:#172b25;color:#f6f3e7;padding:100px 0 85px;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 50% 55%,#49654355,transparent 65%)}.capability-heading{text-align:center;max-width:900px;margin:auto}.capability-heading>p:first-child{font-size:12px;letter-spacing:.2em;color:#b9d98e;margin-bottom:22px}.capability-heading h2{font:700 clamp(29px,3.5vw,46px)/1.55 "Noto Serif TC",serif;letter-spacing:-.035em;margin-bottom:22px}.capability-heading h2 span{display:block;color:#b9e481}.capability-intro{font-size:15px;line-height:1.9;color:#c0c9bb}.capability-orbit{position:relative;height:860px;max-width:1120px;margin:45px auto 20px}.capability-rings{position:absolute;width:650px;height:650px;border:1px solid #bfd59f40;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.capability-rings:before,.capability-rings:after{content:"";position:absolute;inset:70px;border:1px dashed #b0ca9240;border-radius:50%}.capability-rings:after{inset:140px;border-style:solid;border-color:#b0ca9225}.capability-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;border:1px solid #b2d18780;background:radial-gradient(circle at 35% 25%,#526942,#243d30 75%);box-shadow:0 0 80px #a2cb5930;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}.capability-center>span{font-size:10px;letter-spacing:.2em;color:#c3dc9d}.capability-center strong{font:700 30px/1.55 "Noto Serif TC",serif;margin:14px 0;color:#e8f3cd}.capability-center small{font-size:10px;color:#b8c8a8}.capability-node{position:absolute;width:310px;z-index:2;padding:24px 26px;background:linear-gradient(145deg,#304336f5,#20362df5);border:1px solid #adcb8c50;border-radius:18px;box-shadow:0 15px 40px #0a1b2230}.capability-number{font-size:12px;letter-spacing:.15em;color:#c3e68e;display:inline-block;border-bottom:1px solid #b5d18660;padding-bottom:6px;margin-bottom:12px}.capability-node h3{font:700 21px/1.5 "Noto Serif TC",serif;color:#f6f3e7;margin:0 0 10px}.capability-node p{font-size:13px;line-height:1.85;color:#bdc9b6;margin-bottom:16px}.capability-node button{font:500 12px "Noto Sans TC",sans-serif;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;border:0;border-top:1px solid #abc58f40;background:transparent;color:#c3e68e;cursor:pointer}.capability-node button:hover{color:white}.capability-node button:focus-visible,.capability-close:focus-visible{outline:2px solid #b9e481;outline-offset:5px}.capability-1{top:0;left:50%;transform:translateX(-50%)}.capability-2{top:220px;right:0}.capability-3{bottom:15px;right:12%}.capability-4{bottom:15px;left:12%}.capability-5{top:220px;left:0}.capability-quote{text-align:center;font:600 clamp(18px,2vw,24px)/1.9 "Noto Serif TC",serif;border:0;margin:40px auto 0;padding:35px 0 0;color:#d9e8c7;position:relative}.capability-quote:before{content:"";width:65px;height:1px;background:#b0d37e;display:block;margin:0 auto 25px}.capability-dialog{width:min(680px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:#fffdf7;border:1px solid #cad8b5;border-radius:22px;padding:52px 44px 40px;color:#34362f}.capability-dialog::backdrop{background:#10251fbb;backdrop-filter:blur(5px)}.capability-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:28px;color:#587442}.capability-dialog h2{font:700 28px/1.5 "Noto Serif TC",serif;margin:18px 0}.capability-dialog p{font-size:16px;line-height:1.95}.capability-dialog .capability-dialog-kicker{font-size:11px;letter-spacing:.16em;color:#71843d}.capability-dialog .capability-dialog-sub{color:#638940;font-weight:500;padding-bottom:20px;border-bottom:1px solid #dce5ce}@media(max-width:1050px){.capability-orbit{height:850px}.capability-node{width:280px}.capability-3{right:8%}.capability-4{left:8%}.capability-center{width:220px;height:220px}.capability-center strong{font-size:26px}}@media(max-width:900px){.capability-blueprint{padding:65px 0}.capability-orbit{height:auto;display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px}.capability-center{position:relative;left:auto;top:auto;transform:none;margin:0 auto 20px}.capability-rings{width:430px;height:430px;top:110px}.capability-node{position:relative;inset:auto;transform:none;width:100%;padding:24px}.capability-heading h2{font-size:29px}.capability-node h3{font-size:22px}.capability-node p{font-size:14px}.capability-dialog{padding:48px 24px 28px}.capability-quote br{display:none}}

/* Brand-green galaxy: bright typography against a deep botanical sky. */
.capability-blueprint{background-color:#0c211a;background-image:radial-gradient(ellipse at 52% 45%,#4b752b45,transparent 55%),radial-gradient(ellipse at 8% 15%,#36714935,transparent 38%),radial-gradient(ellipse at 92% 85%,#537b2230,transparent 35%);color:#b9ed84}
.capability-blueprint>.shell{position:relative;z-index:1}
.capability-background-art{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}
.capability-heading>p:first-child{color:#9ed368}
.capability-heading h2{color:#b9ed84}.capability-heading h2 span{color:#c4f58d}
.capability-intro{color:#a9d586}
.capability-rings{border-color:#b3e97a50}.capability-rings:before{border-color:#b3e97a40}.capability-rings:after{border-color:#b3e97a25}
.capability-center{background:radial-gradient(circle at 35% 25%,#456933,#163428 75%);border-color:#b6e88280;box-shadow:0 0 0 14px #b4d88708,0 0 70px #a1d95430}
.capability-center>span{color:#a6d77d}.capability-center strong{color:#c3f28c}.capability-center small{color:#a9d586}
.capability-node{background:linear-gradient(145deg,#244332f7,#142e23f7);border-color:#b0d98055;box-shadow:0 15px 40px #020e1730}
.capability-node h3{color:#c2ef8d;padding-right:15px}.capability-number{color:#b6e67e;border-color:#9cca6350}.capability-node p{color:#a9d586}
.capability-node button{color:#c3f38b;border-color:#acd27740}.capability-node button:hover{color:#e2ffc1}
.capability-icon{position:absolute;right:22px;top:18px;width:38px;height:38px;color:#a8de70}
.capability-quote{color:#bce98d}.capability-quote:before{background:#a7d871}
@media(max-width:900px){.capability-background-art{opacity:.5}.capability-icon{width:34px;height:34px}}

/* Soft luminous brand-green gradient and white typography. */
.capability-blueprint{background-color:#244e37;background-image:radial-gradient(ellipse at 75% 38%,#a1c96566,transparent 55%),radial-gradient(ellipse at 18% 72%,#7da65055,transparent 48%),linear-gradient(145deg,#112d24 0%,#315b3e 40%,#628444 72%,#234632 100%);color:#fff}
.capability-blueprint .capability-heading h2,.capability-blueprint .capability-heading h2 span,.capability-blueprint .capability-heading>p:first-child,.capability-blueprint .capability-intro,.capability-blueprint .capability-center>span,.capability-blueprint .capability-center strong,.capability-blueprint .capability-center small,.capability-blueprint .capability-node h3,.capability-blueprint .capability-number,.capability-blueprint .capability-node p,.capability-blueprint .capability-node button,.capability-blueprint .capability-quote{color:#fff}
.capability-node{background:linear-gradient(140deg,#466744f2,#203e30f2);border-color:#d9e9c855;box-shadow:0 15px 40px #0b241b20}
.capability-center{background:radial-gradient(circle at 35% 25%,#7b9d53,#325a3c 75%);border-color:#d7efb699;box-shadow:0 0 0 14px #cee8b010,0 0 80px #d4eda538}
.capability-node button:hover{color:#e1ffc3}.capability-node button{border-color:#e2efcf45}.capability-number{border-color:#d6e8bd55}
.capability-background-art{opacity:.65}.capability-rings{border-color:#e1efca55}.capability-rings:before{border-color:#e1efca45}.capability-rings:after{border-color:#e1efca30}

/* Translucent green cards let the galaxy backdrop show through. */
.capability-blueprint .capability-node{background:linear-gradient(140deg,rgba(175,207,137,.24),rgba(97,140,89,.17));border:1px solid rgba(235,249,212,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(12,35,23,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.capability-blueprint .capability-node button{border-color:rgba(239,249,225,.28)}
.capability-blueprint .capability-number{border-color:rgba(239,249,225,.3)}
.capability-blueprint .capability-icon{color:#d3f3b1}
@supports not (backdrop-filter:blur(12px)){.capability-blueprint .capability-node{background:rgba(64,98,58,.68)}}