/* Lightweight AI atmosphere — decorative, non-interactive, content-safe */
body{background:radial-gradient(circle at 8% 4%,rgba(255,255,255,.98),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(203,184,151,.055),transparent 32rem),linear-gradient(180deg,#fcfaf5 0%,#f7f2e9 100%)}
body::before{content:'';display:block!important;position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(112,98,75,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(112,98,75,.03) 1px,transparent 1px),radial-gradient(circle at 12% 20%,rgba(91,83,70,.13) 0 2px,transparent 2.5px),radial-gradient(circle at 84% 42%,rgba(174,145,99,.11) 0 2px,transparent 2.5px),radial-gradient(circle at 68% 76%,rgba(91,83,70,.09) 0 1.5px,transparent 2px);background-size:48px 48px,48px 48px,100% 100%,100% 100%,100% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.08) 76%,transparent)}
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 93% 9%,transparent 0 68px,rgba(152,126,86,.07) 69px 70px,transparent 71px),radial-gradient(circle at 4% 48%,transparent 0 104px,rgba(98,87,70,.045) 105px 106px,transparent 107px),linear-gradient(115deg,transparent 0 73%,rgba(129,109,78,.045) 73.05% 73.12%,transparent 73.18%);opacity:.82}
main,.site-header,.site-footer{isolation:isolate}
.site-nav a{position:relative}
.site-nav a.is-current{background:linear-gradient(180deg,rgba(255,253,248,.94),rgba(235,226,213,.78));color:var(--ui-ink);box-shadow:inset 0 0 0 1px rgba(143,119,82,.16),0 4px 12px rgba(83,68,45,.055)}
.site-nav a.is-current::after{content:''!important;display:block!important;position:absolute;left:50%;bottom:4px;width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9c7f52,#175cd3);transform:translateX(-50%);opacity:1}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:'';position:absolute;z-index:-1;left:-8%;top:-18%;width:58%;height:78%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.48),rgba(219,204,180,.1) 42%,transparent 70%);filter:blur(18px);pointer-events:none}
.hero::after{content:'';position:absolute;z-index:-1;right:3%;top:8%;width:360px;height:360px;border:1px solid rgba(143,119,82,.075);border-radius:50%;box-shadow:0 0 0 48px rgba(143,119,82,.016),0 0 0 96px rgba(88,78,63,.01);pointer-events:none}
.hero-copy{position:relative}
.hero-copy::before{content:'';position:absolute;z-index:-1;left:-52px;top:54px;width:min(620px,92vw);height:260px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.7),rgba(218,202,177,.1) 48%,transparent 72%);filter:blur(12px);pointer-events:none}
.hero-stage-shell{box-shadow:0 34px 85px rgba(66,76,104,.13),0 0 0 1px rgba(255,255,255,.72) inset}
.hero-stats{gap:10px;padding:0;border:0;background:transparent;overflow:visible}
.hero-stats div{position:relative;border:1px solid rgba(152,126,86,.22);border-radius:999px;background:linear-gradient(135deg,rgba(255,253,248,.76),rgba(235,226,213,.48));box-shadow:0 10px 28px rgba(73,61,43,.065),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s}
.hero-stats div::before{content:'';position:absolute;left:14px;top:50%;width:5px;height:5px;border-radius:50%;background:#175cd3;box-shadow:0 0 0 4px rgba(23,92,211,.07);transform:translateY(-50%)}
.hero-stats div{padding:15px 18px 15px 30px}
.hero-stats div:hover{transform:translateY(-3px);border-color:rgba(143,119,82,.4);box-shadow:0 15px 34px rgba(79,64,41,.1),inset 0 1px 0 rgba(255,255,255,.95)}
.hero-stats dt{font-size:17px}.hero-stats dd{margin-top:3px}
.section-heading{position:relative}
.section-heading::after{content:'';position:absolute;z-index:-1;left:-44px;top:-32px;width:360px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(207,187,156,.12),transparent 68%);filter:blur(8px);pointer-events:none}
.section--dark,.section--alt{position:relative;isolation:isolate;overflow:hidden}
.section--dark::before,.section--alt::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0 12%,rgba(135,113,80,.04) 12.05% 12.1%,transparent 12.15% 82%,rgba(84,76,63,.035) 82.05% 82.1%,transparent 82.15%),radial-gradient(circle at 12% 18%,rgba(126,108,82,.1) 0 2px,transparent 2.5px),radial-gradient(circle at 82% 68%,rgba(172,144,100,.09) 0 2px,transparent 2.5px);opacity:.68}
.spec-card,.feature-card,.timeline-panel,.faq-item,.about-grid{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%)}
.spec-card::after{content:'';position:absolute;right:18px;top:18px;width:7px;height:7px;border-radius:50%;background:rgba(133,111,78,.5);box-shadow:0 0 0 5px rgba(133,111,78,.06)}
.spec-card{position:relative}
@keyframes techAura{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes techNode{0%,100%{box-shadow:0 0 0 4px rgba(23,92,211,.06)}50%{box-shadow:0 0 0 7px rgba(23,92,211,.02)}}
.hero::before{animation:techAura 9s ease-in-out infinite}.hero-stats div::before{animation:techNode 3.6s ease-in-out infinite}
@media(max-width:640px){body::before{background-size:36px 36px,36px 36px,100% 100%,100% 100%,100% 100%;opacity:.3}.hero::after{right:-180px;top:12%}.hero-stats{grid-template-columns:1fr}.hero-stats div{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-stats div::before{animation:none!important}}
