/* Shared atmosphere. Varied materials replace the single flat black canvas. */
body{background:#0a0b0f}
.site{position:relative;overflow:hidden;background:linear-gradient(165deg,#0b0c10 0%,#11131a 42%,#0d0e13 100%)}
.site::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.36;background:linear-gradient(115deg,transparent 0 49.8%,rgba(255,255,255,.022) 50%,transparent 50.2%),radial-gradient(circle at 12% 18%,rgba(78,91,126,.2),transparent 24%),radial-gradient(circle at 88% 62%,rgba(126,78,52,.13),transparent 23%)}
.site>*{position:relative;z-index:1}
.page-header{box-shadow:0 12px 38px rgba(0,0,0,.18)}
.section{position:relative}

.manifesto{margin-top:70px;margin-bottom:70px;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(135deg,rgba(35,39,51,.78),rgba(16,18,24,.52));box-shadow:0 24px 70px rgba(0,0,0,.16)}
.manifesto::after{content:"AZIM";position:absolute;right:5%;bottom:-.2em;color:rgba(255,255,255,.025);font-size:clamp(110px,18vw,280px);font-weight:800;letter-spacing:-.08em;pointer-events:none}
.numbers{padding:0;margin-bottom:88px;background:linear-gradient(110deg,#1b1e28 0%,#22202a 48%,#251f1a 100%);border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.2)}
.numbers>div,.numbers>div:first-child{position:relative;overflow:hidden;padding:42px 36px;transition:background .3s ease,transform .3s ease}.numbers>div::after{content:"";position:absolute;inset:auto 34px 18px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent);transform:scaleX(.42);transform-origin:left;transition:transform .35s ease}.numbers>div:hover{background:rgba(255,255,255,.045);transform:translateY(-4px)}.numbers>div:hover::after{transform:scaleX(1)}
.feature-story{margin-bottom:70px;padding:120px 52px;border:1px solid rgba(109,158,177,.2);border-radius:34px;background:linear-gradient(145deg,rgba(24,40,49,.78),rgba(14,19,24,.7));box-shadow:0 24px 70px rgba(0,0,0,.15)}
.principles{margin-bottom:70px;padding:120px 52px;border:1px solid rgba(167,117,162,.15);border-radius:34px;background:linear-gradient(145deg,rgba(39,31,43,.78),rgba(17,17,23,.72))}
.principles article{position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}.principles article::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#576d8e,#a26f88);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.principles article:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.045)}.principles article:hover::after{transform:scaleX(1)}
.season{margin-bottom:70px;padding:120px 52px;border:1px solid rgba(204,165,105,.17);border-radius:34px;background:linear-gradient(120deg,rgba(61,46,29,.7),rgba(22,20,18,.76))}
.quote{position:relative;background:linear-gradient(140deg,#1d2632,#171923 55%,#241d20);border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden}.quote::before{content:"“";position:absolute;right:5%;top:-.28em;color:rgba(255,255,255,.055);font:400 clamp(220px,30vw,480px)/1 Georgia,serif;pointer-events:none}
.application{margin-bottom:70px;padding:120px 52px;border:1px solid rgba(139,146,184,.18);border-radius:34px;background:linear-gradient(145deg,rgba(43,47,62,.78),rgba(18,20,28,.75))}
.faq{margin-bottom:90px;padding:120px 52px;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(155deg,rgba(33,35,40,.85),rgba(15,16,20,.8))}.faq details{transition:background .3s ease,border-color .3s ease,transform .3s ease}.faq details:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);transform:translateX(5px)}
.closing{box-shadow:0 -30px 80px rgba(0,0,0,.24)}

.page-hero{background:linear-gradient(140deg,rgba(32,37,51,.72),rgba(23,21,28,.52));border-bottom:1px solid rgba(255,255,255,.09)}
.community-grid{background:linear-gradient(145deg,rgba(24,29,39,.7),rgba(16,18,23,.82));border:1px solid rgba(255,255,255,.1);border-radius:32px;overflow:hidden}.community-grid article{position:relative;transition:transform .35s ease,background .35s ease}.community-grid article:nth-child(3n+1){background:rgba(76,100,128,.07)}.community-grid article:nth-child(3n+2){background:rgba(126,86,70,.06)}.community-grid article:nth-child(3n){background:rgba(102,75,114,.06)}.community-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.06)}

.legal-page{background:linear-gradient(145deg,#11141b,#0c0d11 34%,#151118 72%,#0d0e12)}
.legal-intro{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(40,48,64,.76),rgba(25,22,29,.65));border-bottom:1px solid rgba(255,255,255,.1)}.legal-intro::after{content:"TOS";position:absolute;right:4%;bottom:-.22em;color:rgba(255,255,255,.035);font-size:clamp(130px,22vw,330px);font-weight:800;letter-spacing:-.08em}
.legal-content section{position:relative;padding:34px 38px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:border-color .3s ease,background .3s ease,transform .3s ease}.legal-content section:nth-child(3n+1){background:linear-gradient(135deg,rgba(70,86,116,.1),rgba(255,255,255,.015))}.legal-content section:nth-child(3n+2){background:linear-gradient(135deg,rgba(111,75,61,.09),rgba(255,255,255,.015))}.legal-content section:nth-child(3n){background:linear-gradient(135deg,rgba(91,67,101,.09),rgba(255,255,255,.015))}.legal-content section:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}

.button,.nav-cta,.text-link{transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.button:hover,.nav-cta:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.28)}.text-link:hover{color:#fff}
@media(max-width:700px){.manifesto,.feature-story,.principles,.season,.application,.faq{margin-top:32px;margin-bottom:32px;padding:76px 22px;border-radius:22px}.numbers{margin:0 20px 48px;border-radius:22px}.numbers>div,.numbers>div:first-child{padding:30px 22px}.quote,.community-grid{border-radius:22px}.legal-content section{padding:28px 22px}.manifesto::after,.legal-intro::after{opacity:.65}}
@media(prefers-reduced-motion:reduce){.numbers>div,.principles article,.faq details,.community-grid article,.legal-content section,.button,.nav-cta{transition:none!important}}
