/* Glass surfaces across the portfolio and its learning pages.
   Layout, interaction transforms and brand colours remain owned by their original styles. */
:root{--glass-light:linear-gradient(135deg,rgba(255,255,255,.90),rgba(245,249,255,.74));--glass-edge:rgba(160,185,221,.32);--glass-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),0 12px 38px rgba(38,57,92,.09);--glass-dark:linear-gradient(120deg,rgba(21,35,62,.88),rgba(45,43,89,.80),rgba(68,64,119,.83))}
body{background:#fff}
.page-atmosphere{background:radial-gradient(ellipse at 4% 20%,#d2e8fa45,transparent 42%),radial-gradient(ellipse at 96% 55%,#e9d6f33b,transparent 44%);opacity:.75;pointer-events:none}
.site-header,.detail-page .site-header{background:linear-gradient(115deg,rgba(255,255,255,.84),rgba(243,248,255,.78));border-bottom:1px solid rgba(160,185,221,.24);box-shadow:0 5px 24px #18254108;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}
.learning-menu-panel,.mobile-nav,.detail-page .mobile-nav{background:rgba(251,253,255,.96);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.pillar-card{background:linear-gradient(135deg,#ffffffed,#edf5ffd1);border:1px solid rgba(165,190,226,.4);box-shadow:inset 0 1px 0 #fff,0 8px 22px #284d8114;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.learning-showcase .learning-path-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.94));border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff7a,0 20px 48px #090f2e35;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
.learning-path-card .lesson-visual{border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #18254115}
.capability-card,.build-panel,.note-card,.process-grid>*,.service-card,.flow-demo,.comparison-scroll,.tool-links>a,.faq-list details{background:var(--glass-light);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
.build-panel{background:linear-gradient(130deg,#ffffffea,#f3f7ffca)}
.note-card{border-radius:24px}
.faq-list details{border-radius:18px;padding-inline:22px;margin-bottom:12px}
.flow-board.system-diagram{background:linear-gradient(140deg,#ffffffcf,#edf4ffd6);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #fff}
.automation-node{background-image:linear-gradient(135deg,#fffffff5,#eef5ffcc);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #fff,0 8px 24px #18254112}
.live-map,.build-poster,.scene-viewport{border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);background-color:#f6f9ff;background-image:linear-gradient(135deg,#ffffffb8,#eef5ff73)}
.live-milestones li{border-radius:16px;border:1px solid var(--glass-edge);background:#ffffffc7;box-shadow:inset 0 1px 0 #fff,0 6px 16px #18254108}
.live-milestones li.is-current{background:var(--control-surface);color:white}
.work-orbit-section .project-cover{border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffffd9,inset 0 -1px 0 #ffffff55,var(--work-shadow-x,0px) var(--work-shadow-y,20px) 48px -24px #18254155}
.work-orbit-section .project-cover:before{background:linear-gradient(145deg,#ffffff24,transparent 55%);pointer-events:none}
.work-orbit-section.orbit-ready .work-orbit-hub{border:1px solid #ffffffb3;box-shadow:inset 0 2px 2px #ffffffb8,inset 0 -6px 18px #7f89b921,0 15px 36px #18254122}
.cover-pill,.logo-plaque{border:1px solid #ffffff73;box-shadow:inset 0 1px 0 #ffffff80}
.build-selector button{background:linear-gradient(135deg,#fffffff2,#f0f6ffcc);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #fff,0 4px 16px #18254108;color:#173d79}
.build-selector button[aria-selected=true]{background:var(--glass-dark);border-color:#b7c9e352;color:white;box-shadow:inset 0 1px 0 #ffffff30,0 8px 24px #18254123}
.button.particle-cta,.whatsapp-float.particle-cta{background:var(--glass-dark);border:1px solid #cbdcfb55;box-shadow:inset 0 1px 0 #ffffff36,inset 0 -1px 0 #ffffff16,0 10px 26px #18254124;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.button.particle-cta .cta-label,.button.particle-cta svg,.whatsapp-float.particle-cta{color:white;-webkit-text-fill-color:white}
.button.particle-cta:hover{box-shadow:inset 0 1px 0 #ffffff50,0 12px 32px #18254130}
.contact-section .button.particle-cta{background:linear-gradient(125deg,#ffffff12,#bdccf01c);border-color:#d2e2ff59;box-shadow:inset 0 1px 0 #ffffff30,0 8px 24px #080d2526}
.contact-section .button.particle-cta .cta-label{color:white;-webkit-text-fill-color:white}
.dialog{background:linear-gradient(130deg,#fffffff5,#f3f7fff0);border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #fff,0 24px 90px #15233e44;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.dialog::backdrop{background:#15233e88}
.dialog input:not([type=radio]):not([type=checkbox]),.dialog textarea,.dialog select,.choice-grid span{background:#ffffffd9;border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #fff}
.service-hero-image{border:1px solid #ffffffd1;box-shadow:inset 0 1px 0 #fff,0 20px 50px #18254118}
.service-table-wrap table{background:#ffffffb8}.service-table-wrap th{background:#182541}.service-table-wrap td{background:#f8fbffb3}
.page-links{border-top:1px solid #dce6f06e}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.detail-page .site-header,.mobile-nav,.learning-menu-panel{background:#f9fcff}.learning-showcase .learning-path-card,.dialog{background:#f9fcff}.capability-card,.build-panel,.note-card,.service-card,.flow-demo,.comparison-scroll,.faq-list details{background:#f7faff}}
@media(max-width:760px){.site-header,.detail-page .site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learning-showcase .learning-path-card,.capability-card,.build-panel,.note-card,.process-grid>*,.service-card,.flow-demo,.comparison-scroll,.tool-links>a,.faq-list details,.pillar-card{-webkit-backdrop-filter:none;backdrop-filter:none}.faq-list details{padding-inline:16px}.learning-showcase .learning-path-card{background:linear-gradient(135deg,#fffffffa,#f0f6fff5)}.button.particle-cta,.whatsapp-float.particle-cta{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.detail-page .site-header,.learning-menu-panel,.mobile-nav,.dialog,.learning-showcase .learning-path-card{background:#f9fcff;-webkit-backdrop-filter:none;backdrop-filter:none}.capability-card,.build-panel,.note-card,.service-card,.flow-demo,.comparison-scroll,.faq-list details{background:#f7faff;-webkit-backdrop-filter:none;backdrop-filter:none}}

.process-grid>article{border-radius:22px;padding:26px}.live-milestones li.is-current>span{background:var(--control-surface);color:#fff}.automation-node.is-running{border-color:#9884d3;background-image:linear-gradient(135deg,#f9f5ff,#e8e1ff)}.automation-node.is-complete{border-color:#89b9a2;background-image:linear-gradient(135deg,#fff,#eaf8f1)}.automation-node.is-error{border-color:#b77788;background-image:linear-gradient(135deg,#fff,#fff1f4)}