.community-section{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 77% 48%,#122b50 0%,#0b1424 35%,#080d18 72%);isolation:isolate}
.community-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;padding-top:80px;padding-bottom:80px}
.community-copy .eyebrow{font-size:12px;margin-bottom:25px}
.community-copy h2{font-size:clamp(42px,4.3vw,64px);line-height:1.08;max-width:560px}
.community-copy h2 em{display:block}
.community-intro{font-size:19px;line-height:1.55;color:#bdc9db;max-width:460px;margin-top:26px}
.community-benefits{list-style:none;padding:0;margin:30px 0 34px;max-width:470px}
.community-benefits li{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-top:1px solid #283b55}
.community-benefits svg{flex:none;width:23px;height:23px;color:#7cacff;margin-top:2px}
.community-benefits strong{display:block;font-size:16px;font-weight:550;color:#f4f7ff;letter-spacing:-.01em}
.community-benefits span{display:block;color:#a8b8cf;font-size:14px;line-height:1.5;margin-top:3px}
.community-download{font-size:15px;min-width:224px;min-height:58px}
.community-access{margin-top:15px;color:#8fa4c2;font-size:12px}
.community-visual{min-width:0;position:relative;padding-top:4px}
.community-phones{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:540px;margin:0 auto}
.community-phone{position:relative;min-width:0;padding:7px;background:linear-gradient(125deg,#8390a2 0%,#252b35 8%,#080a0e 39%,#687281 70%,#171c24 92%);border:1px solid #8491a466;border-radius:41px;box-shadow:0 2px 0 #a1afbf66 inset,0 24px 70px #0009,0 0 0 1px #000;isolation:isolate}
.community-phone:before,.community-phone:after{content:"";position:absolute;width:3px;background:#627082;border-radius:2px;left:-3px;top:16%;height:5%}
.community-phone:after{top:24%;height:8%}
.community-phone--tour{margin-top:65px}
.community-phone-screen{aspect-ratio:863/1822;background:#01060a;border:1px solid #000;border-radius:33px;overflow:hidden;position:relative;isolation:isolate}
.community-phone-screen>img{width:100%;height:100%;object-fit:fill;display:block}
.community-phone-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0d;z-index:5}
.community-phone--welcome .community-phone-screen:before{content:"";position:absolute;z-index:4;width:30%;height:2.1%;background:#020306;border:1px solid #111822;border-radius:20px;top:1%;left:35%}
.community-globe{position:absolute;inset:52% 0 auto;height:34%;overflow:hidden;mask-image:linear-gradient(transparent,#000 7%,#000 68%,transparent 100%);pointer-events:none}
.community-globe-fallback{position:absolute;inset:0;background-image:url('assets/community/welcome-original.jpg');background-size:100% auto;background-position:center 78.79%;background-repeat:no-repeat}
.community-globe canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0}
.community-globe.is-ready canvas{opacity:1}
.community-globe.is-ready .community-globe-fallback{opacity:0}
.community-slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;pointer-events:none}
.community-slide.is-active{opacity:1;z-index:1}
.community-slide img{height:100%;width:100%;object-fit:fill;display:block}
.community-slide--tanya img{width:112.5%;max-width:none;margin-left:-6.25%}
.community-tour-controls{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;margin-top:24px;min-height:40px}
.community-tour-controls button{display:grid;place-items:center;width:34px;height:34px;padding:7px;background:transparent;border:1px solid #45608266;border-radius:50%;color:#b7ccec;transition:background .2s,border-color .2s}
.community-tour-controls button:hover{background:#1a365b;border-color:#78aaff}
.community-tour-controls button svg{width:16px;height:16px}
.community-tour-controls .community-page{width:25px;height:34px;border:0;padding:7px 3px;border-radius:3px}
.community-page:before{content:"";height:5px;width:5px;background:#405774;border-radius:100%;transition:width .3s,background .3s}
.community-page[aria-current="true"]:before{background:#7cabff;width:18px;border-radius:10px}
.community-slide-caption{text-align:center;color:#a0b6d4;font-size:12px;letter-spacing:.025em;margin-top:5px;min-height:20px}
.community-tour-controls .community-pause{margin-left:9px}
.community-pause .play-icon{display:none}
.community-pause[aria-pressed="true"] .play-icon{display:block}
.community-pause[aria-pressed="true"] .pause-icon{display:none}
#community-download-modal{width:min(570px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:43px}
#community-download-modal .community-modal-logo{width:46px;margin-bottom:26px}
#community-download-modal h2{font-size:39px;line-height:1.13;margin:15px 0 20px}
#community-download-modal p:not(.eyebrow){font-size:16px;color:#b8c5d9;line-height:1.55;margin:15px 0}
#community-download-modal .button{margin-top:20px}
.editorial .community-section{background:radial-gradient(ellipse at 75% 45%,#d9e7ff,#eef3fb 60%);border-color:#d0daea}
.editorial .community-intro,.editorial .community-benefits span{color:#4f5f76}
.editorial .community-benefits strong{color:#142644}
.editorial .community-benefits li{border-color:#c4d2e5}
.editorial .community-slide-caption,.editorial .community-access{color:#516784}
@media(min-width:1500px){.community-layout{gap:80px}.community-phones{gap:32px}}
@media(max-width:1100px){.community-layout{gap:36px;grid-template-columns:1fr 1.1fr}.community-phones{gap:17px}.community-phone{border-radius:31px;padding:5px}.community-phone-screen{border-radius:26px}.community-copy h2{font-size:46px}.community-intro{font-size:17px}.community-benefits{margin:23px 0 27px}.community-benefits li{padding:12px 0}.community-phone--tour{margin-top:50px}}
@media(max-width:850px){.community-layout{grid-template-columns:1fr;padding-top:76px;padding-bottom:70px;gap:48px}.community-copy{max-width:610px}.community-copy h2{font-size:clamp(42px,6vw,57px);max-width:600px}.community-intro{max-width:580px}.community-benefits{max-width:580px}.community-visual{max-width:580px;margin:0 auto;width:100%}.community-phone{border-radius:39px;padding:7px}.community-phone-screen{border-radius:32px}.community-phones{gap:26px}}
@media(max-width:520px){.community-layout{padding-top:63px;padding-bottom:54px;gap:39px}.community-copy .eyebrow{font-size:10px;margin-bottom:19px}.community-copy h2{font-size:40px}.community-intro{font-size:17px;margin-top:22px}.community-benefits strong{font-size:15px}.community-benefits span{font-size:13px}.community-phones{gap:15px}.community-phone{padding:4px;border-radius:25px}.community-phone-screen{border-radius:20px}.community-phone--tour{margin-top:37px}.community-phone:before,.community-phone:after{width:2px;left:-2px}.community-download{width:100%;font-size:15px}.community-access{text-align:center;font-size:11px}.community-tour-controls{margin-top:20px;gap:6px}.community-tour-controls .community-page{width:23px}.community-slide-caption{font-size:11px}#community-download-modal{padding:35px 25px}#community-download-modal h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.community-slide,.community-page:before{transition:none}}
