:root{
  --black:#020503;--black2:#050906;--white:#f7faf7;--muted:rgba(247,250,247,.62);
  --green:#6bac2d;--gold:#ffbb37;--blue:#3ca6ff;--purple:#a06cff;--orange:#ff7a33;
  --line:rgba(255,255,255,.09);--panel:rgba(255,255,255,.035);
  --ease:cubic-bezier(.16,1,.3,1);--container:1380px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;min-width:320px;overflow-x:hidden;color:var(--white);background:var(--black);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.global-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.global-glow{position:fixed;z-index:-2;width:42vw;height:42vw;border-radius:50%;filter:blur(110px);opacity:.1;pointer-events:none}.global-glow-a{top:5%;right:-20%;background:var(--green)}.global-glow-b{bottom:0;left:-20%;background:var(--gold)}
.site-header{position:fixed;inset:0 0 auto;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;padding:0 4vw;border-bottom:1px solid transparent;transition:.3s var(--ease)}
.site-header.scrolled{height:76px;border-color:var(--line);background:rgba(2,5,3,.82);backdrop-filter:blur(20px)}
.brand{width:145px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:22px}.desktop-nav a{color:rgba(255,255,255,.6);font-size:11px;font-weight:800;transition:.25s}.desktop-nav a:hover{color:var(--green)}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.instagram-nav{color:rgba(255,255,255,.55);font-size:11px;font-weight:800}.nav-cta{padding:12px 17px;border:1px solid rgba(107,172,45,.32);border-radius:999px;color:var(--green);background:rgba(107,172,45,.07);font-size:11px;font-weight:900}
.menu-button{display:none;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;color:white;background:rgba(255,255,255,.035)}.menu-button span{display:block;width:18px;height:1px;margin:6px auto;background:#fff}
.mobile-menu{position:fixed;inset:76px 0 auto;z-index:999;display:none;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border-bottom:1px solid var(--line);background:rgba(2,5,3,.97);backdrop-filter:blur(20px)}.mobile-menu.active{display:grid}.mobile-menu a{padding:14px;border-radius:13px;background:rgba(255,255,255,.035);font-size:13px;font-weight:800}.mobile-highlight{color:var(--green)}
.eyebrow{margin:0 0 20px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.19em}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:51px;padding:0 21px;border-radius:999px;font-size:12px;font-weight:900;transition:.3s var(--ease)}.button-primary{color:#061005;background:var(--green);box-shadow:0 18px 50px rgba(107,172,45,.15)}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.035)}
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--black)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,3,.98),rgba(2,5,3,.8) 44%,rgba(2,5,3,.35) 75%,rgba(2,5,3,.75)),radial-gradient(circle at 78% 28%,rgba(219,159,81,.24),transparent 28%),linear-gradient(145deg,#17341e,#071009 58%,#020503)}
.hero-grid,.page-grid,.ios-grid{position:absolute;inset:0;opacity:.075;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent)}
.hero-light{position:absolute;border-radius:50%;filter:blur(90px)}.light-green{bottom:4%;left:7%;width:430px;height:430px;background:rgba(67,183,71,.12)}.light-gold{top:10%;right:7%;width:470px;height:470px;background:rgba(219,159,81,.15)}
.hero-mountain{position:absolute;right:-5%;bottom:-8%;left:-5%;clip-path:polygon(0 75%,10% 61%,20% 69%,31% 35%,41% 55%,51% 18%,61% 50%,71% 29%,81% 59%,91% 35%,100% 54%,100% 100%,0 100%)}.mountain-back{height:53%;opacity:.55;background:#0d1b10}.mountain-front{bottom:-16%;height:54%;background:#020503;transform:scale(1.12)}
.particles i{position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:float 6s ease-in-out infinite}.particles i:nth-child(1){top:27%;left:8%}.particles i:nth-child(2){top:68%;left:17%;animation-delay:-1s}.particles i:nth-child(3){top:30%;right:29%;animation-delay:-2s}.particles i:nth-child(4){bottom:20%;right:6%;animation-delay:-3s}.particles i:nth-child(5){top:75%;left:49%;animation-delay:-4s}.particles i:nth-child(6){top:14%;left:55%;animation-delay:-2.5s}@keyframes float{50%{transform:translateY(-20px);opacity:1}0%,100%{opacity:.25}}
.hero-inner{position:relative;z-index:10;display:grid;grid-template-columns:minmax(450px,.9fr) minmax(620px,1.1fr);align-items:center;gap:25px;width:min(calc(100% - 72px),var(--container));min-height:100svh;margin:auto;padding:130px 0 75px}.hero-copy{max-width:700px}.hero h1{margin:0;font-size:clamp(68px,7.3vw,120px);font-weight:900;line-height:.85;letter-spacing:-.075em}.hero h1 span{display:block;color:var(--green)}.hero-description{max-width:620px;margin-top:30px;color:var(--muted);font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:13px;margin-top:33px}.hero-mini-stats{display:flex;gap:35px;margin-top:43px}.hero-mini-stats div{display:flex;flex-direction:column;gap:5px}.hero-mini-stats strong{font-size:12px}.hero-mini-stats span{color:rgba(255,255,255,.4);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.phone-stage{position:relative;height:690px;perspective:1500px}.phone-aura{position:absolute;top:50%;left:50%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(107,172,45,.12),transparent 65%);filter:blur(20px);transform:translate(-50%,-50%)}.phone{position:absolute;width:245px;height:525px;will-change:transform}.phone-left{top:115px;left:0;z-index:1;transform:rotateY(12deg) rotateZ(-8deg) scale(.9)}.phone-centre{top:48px;left:50%;z-index:3;transform:translateX(-50%) rotateY(-2deg) scale(1.02)}.phone-right{top:120px;right:0;z-index:2;transform:rotateY(-12deg) rotateZ(8deg) scale(.9)}
.phone-shell{position:relative;width:100%;height:100%;padding:8px;border:1px solid rgba(255,255,255,.4);border-radius:44px;background:linear-gradient(145deg,#898d8a,#1b1d1c 17%,#040504 62%,#737774);box-shadow:0 50px 90px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.13)}.island{position:absolute;top:18px;left:50%;z-index:4;width:78px;height:24px;border-radius:20px;background:#010201;transform:translateX(-50%)}.screen{position:relative;height:100%;overflow:hidden;padding:60px 16px 18px;border-radius:36px;background:radial-gradient(circle at 50% 18%,rgba(107,172,45,.14),transparent 28%),linear-gradient(#0a140d,#030503 70%)}.screen-brand{text-align:center;color:var(--green);font-size:14px;font-weight:900;letter-spacing:.12em}
.screen-map{position:relative;height:320px;margin-top:18px;border-radius:22px;background:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.08) 49%,transparent 51%),radial-gradient(circle at 45% 40%,rgba(107,172,45,.15),transparent 25%),#0e2c22;background-size:55px 55px,auto,auto}.screen-map:before{content:"";position:absolute;inset:12% 26%;border-radius:45% 55% 44% 56%;background:#397d68;transform:rotate(11deg)}.pin,.dot{position:absolute;z-index:2;width:18px;height:18px;border:4px solid white;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(107,172,45,.45)}.p1{top:20%;left:44%}.p2{top:43%;left:58%}.p3{bottom:22%;left:35%}.p4{bottom:17%;right:18%}
.screen-card{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:13px;border-radius:16px;background:rgba(255,255,255,.035)}.screen-card small,.screen-card span{color:rgba(255,255,255,.43);font-size:7px}.screen-card strong{font-size:12px}
.phone-ring{display:grid;place-items:center;width:180px;height:180px;margin:38px auto 28px;border-radius:50%;background:conic-gradient(var(--green) 0deg 101deg,rgba(255,255,255,.08) 101deg 360deg)}.phone-ring:before{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:#071009}.phone-ring div{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.phone-ring strong{font-size:42px}.phone-ring span{color:rgba(255,255,255,.45);font-size:7px;letter-spacing:.13em}.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.phone-stats div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.035)}.phone-stats b{font-size:14px}.phone-stats span{color:rgba(255,255,255,.4);font-size:6px}
.profile-screen{display:flex;flex-direction:column;align-items:center}.avatar{display:grid;place-items:center;width:90px;height:90px;margin-top:13px;border:4px solid var(--green);border-radius:50%;color:var(--green);background:#17261b;font-size:33px;font-weight:900}.profile-screen h3{margin:14px 0 4px;font-size:24px}.rank{color:var(--green);font-size:7px;font-weight:900;letter-spacing:.15em}.profile-number{margin-top:28px;font-size:54px;font-weight:900}.profile-screen>small{color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.12em}.badges{display:flex;gap:9px;margin-top:30px}.badges i{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:var(--green);background:rgba(107,172,45,.08);font-style:normal}
.home-statement,.home-feature-grid,.home-story,.home-community,.plus-teaser{width:min(calc(100% - 72px),1280px);margin:auto}.home-statement{padding:120px 0 95px}.home-statement h2,.section-heading h2{max-width:1120px;margin:0;font-size:clamp(48px,6.3vw,92px);line-height:.92;letter-spacing:-.065em}.home-statement h2 span,.section-heading h2 span{display:block;color:rgba(255,255,255,.27)}.home-statement>p:last-child{max-width:760px;margin-top:28px;color:var(--muted);font-size:17px;line-height:1.75}
.home-feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;padding-bottom:110px}.home-card{position:relative;min-height:390px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(107,172,45,.08),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.home-card-wide{grid-row:span 2;min-height:797px}.home-card h2{margin:0;font-size:clamp(37px,4.5vw,66px);line-height:.94;letter-spacing:-.055em}.home-card p{max-width:600px;color:var(--muted);line-height:1.7}.home-card a,.home-story a,.home-community a{display:inline-block;margin-top:14px;color:var(--green);font-size:12px;font-weight:900}.uk-map-visual{position:absolute;right:28px;bottom:28px;left:28px;height:390px;border-radius:23px;background:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.08) 49%,transparent 51%),#0d281d;background-size:65px 65px}.uk-shape{position:absolute;inset:8% 31%;border-radius:44% 56% 48% 52%;background:linear-gradient(145deg,#43816a,#224b3b);transform:rotate(12deg)}.d1{top:20%;left:44%}.d2{top:40%;left:55%}.d3{top:58%;left:47%}.d4{bottom:19%;left:35%}
.home-progress{position:absolute;right:25px;bottom:25px;left:25px;padding:19px;border-radius:18px;background:rgba(255,255,255,.035)}.home-progress strong{color:var(--green);font-size:34px}.home-progress span{display:block;height:8px;margin-top:14px;border-radius:99px;background:rgba(255,255,255,.08)}.home-progress i{display:block;width:28%;height:100%;border-radius:inherit;background:var(--green)}
.friend-stack{position:absolute;right:25px;bottom:35px;left:25px;display:flex}.friend-stack i{display:grid;place-items:center;width:59px;height:59px;margin-left:-9px;border:3px solid #070b08;border-radius:50%;color:var(--green);background:#192a1e;font-style:normal;font-weight:900}.friend-stack i:first-child{margin-left:0}
.home-story,.home-community{display:grid;grid-template-columns:1fr .95fr;gap:75px;padding:110px 0;border-top:1px solid var(--line)}.home-story h2,.home-community h2,.plus-teaser h2{margin:0;font-size:clamp(45px,5.8vw,82px);line-height:.92;letter-spacing:-.06em}.home-story h2 span,.plus-teaser h2 span{display:block;color:var(--green)}.home-story blockquote{margin:0 0 25px;padding:22px 0 22px 25px;border-left:2px solid var(--green);font-size:clamp(24px,2.8vw,40px);font-weight:800;line-height:1.25}.home-story p,.home-community p,.plus-teaser p{color:var(--muted);font-size:16px;line-height:1.75}
.home-community{grid-template-columns:.72fr 1.28fr;align-items:center}.social-preview{display:grid;grid-template-columns:1fr .82fr;gap:15px}.feed-card,.versus-card,.large-feed,.leaderboard,.challenge,.crew-chat{padding:18px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.feed-user{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.feed-user i{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--green);border-radius:50%;color:var(--green);background:#17261b;font-style:normal;font-weight:900}.feed-user div{display:flex;flex-direction:column;gap:3px}.feed-user span{color:var(--muted);font-size:9px}.feed-photo{display:flex;align-items:flex-end;height:320px;margin-top:15px;padding:18px;border-radius:19px;background:linear-gradient(to top,rgba(2,5,3,.9),transparent 55%),radial-gradient(circle at 78% 24%,rgba(213,165,110,.25),transparent 22%),linear-gradient(145deg,#355c3f,#0b180f 72%)}.feed-photo span{font-size:24px;font-weight:900}.feed-actions{display:flex;gap:16px;margin-top:14px;color:rgba(255,255,255,.6);font-size:9px}
.versus-card{display:flex;flex-direction:column}.versus-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:18px}.versus-head>div{display:flex;flex-direction:column;align-items:center}.versus-head i{display:grid;place-items:center;width:55px;height:55px;border:2px solid var(--green);border-radius:50%;color:var(--green);background:#17261b;font-style:normal;font-weight:900}.versus-head b{margin-top:8px;color:var(--green);font-size:24px}.versus-head span{font-size:9px}.versus-head>strong{color:rgba(255,255,255,.2);font-size:10px}.versus-lines{display:flex;flex-direction:column;gap:8px;margin-top:auto}.versus-lines div{display:flex;justify-content:space-between;padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}.versus-lines span{color:var(--muted);font-size:8px}.versus-lines b{font-size:12px}
.plus-teaser{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:85px 0;border-top:1px solid var(--line)}.plus-price{display:flex;flex-direction:column;align-items:flex-end}.plus-price strong{color:var(--green);font-size:90px;line-height:.85;letter-spacing:-.08em}.plus-price span{color:var(--muted);font-size:11px}.plus-price a{margin-top:20px;color:var(--green);font-size:12px;font-weight:900}
.ios-finale{position:relative;display:grid;place-items:center;min-height:78vh;padding:100px 25px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(107,172,45,.12),transparent 30%),#020503}.ios-copy{position:relative;z-index:2;max-width:1000px}.ios-copy h2{margin:0;font-size:clamp(58px,8vw,120px);line-height:.86;letter-spacing:-.075em}.ios-copy p{color:var(--muted);font-size:17px}.ios-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.ios-orbit{position:absolute;border:1px solid rgba(107,172,45,.09);border-radius:50%}.orbit-a{width:700px;height:700px}.orbit-b{width:500px;height:500px}
.page-hero{position:relative;display:grid;place-items:center;min-height:72vh;padding:145px 36px 85px;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(215,163,95,.17),transparent 26%),radial-gradient(circle at 20% 65%,rgba(107,172,45,.1),transparent 30%),linear-gradient(145deg,#122918,#030604 62%)}.page-contour{position:absolute;border:1px solid rgba(107,172,45,.08);border-radius:50%}.contour-a{width:720px;height:720px}.contour-b{width:510px;height:510px}.page-hero-inner{position:relative;z-index:2;width:min(100%,1100px)}.page-hero h1{max-width:1000px;margin:0;font-size:clamp(58px,8.5vw,125px);font-weight:900;line-height:.84;letter-spacing:-.075em}.page-hero h1 span{display:block;color:var(--green)}.page-hero-inner>p:last-child{max-width:720px;margin-top:29px;color:var(--muted);font-size:17px;line-height:1.75}
.content-section{position:relative;padding:110px 36px;background:var(--black)}.dark-section,.free-plus-section{background:radial-gradient(circle at 15% 20%,rgba(107,172,45,.06),transparent 28%),#040705}.content-wrap{width:min(100%,1280px);margin:auto}.compact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:65px max(36px,calc((100vw - 1280px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 50%,rgba(107,172,45,.12),transparent 25%),#050806}.compact-cta h2{max-width:800px;margin:0;font-size:clamp(37px,4.6vw,67px);line-height:.95;letter-spacing:-.055em}
.feature-story-list{display:flex;flex-direction:column;gap:65px}.feature-story{display:grid;grid-template-columns:auto .8fr 1.2fr;align-items:center;gap:35px;min-height:520px;padding:32px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.feature-story-reverse{grid-template-columns:auto 1.2fr .8fr}.feature-story-reverse .feature-copy{order:3}.feature-story-reverse .feature-visual{order:2}.feature-number{align-self:start;color:rgba(255,255,255,.2);font-size:11px;font-weight:800}.feature-copy h2{margin:0;font-size:clamp(35px,4.5vw,64px);line-height:.96;letter-spacing:-.055em}.feature-copy p{color:var(--muted);line-height:1.75}.feature-visual{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 40%,rgba(107,172,45,.12),transparent 28%),#0a150e}.summit-lines{position:absolute;inset:0;background:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.07) 49%,transparent 51%);background-size:60px 60px}.summit-pin{z-index:2;color:var(--green);font-size:68px}.summit-visual strong{z-index:2;margin-top:-40px;font-size:55px}.summit-visual small{z-index:2;color:var(--muted);font-size:9px}.category-visual{grid-template-columns:repeat(3,1fr);gap:15px;padding:35px}.category-visual i{display:grid;place-items:center;width:95px;height:95px;border-radius:26px;color:var(--green);background:rgba(107,172,45,.08);font-size:38px;font-style:normal}.category-visual span{grid-column:1/-1;color:var(--muted);font-size:10px;letter-spacing:.15em}.large-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--green) 0deg 274deg,rgba(255,255,255,.08) 274deg 360deg);box-shadow:inset 0 0 0 20px #071009}.large-ring strong{font-size:49px}.large-ring span{color:var(--muted);font-size:8px}.mini-bars{position:absolute;right:30px;bottom:30px;left:30px;display:flex;flex-direction:column;gap:10px}.mini-bars i{display:block;width:var(--w);height:7px;border-radius:99px;background:var(--green)}.crew-visual{grid-template-columns:1fr auto 1fr;gap:25px}.crew-visual>div{display:flex;flex-direction:column;align-items:center}.crew-visual i{display:grid;place-items:center;width:100px;height:100px;border:3px solid var(--green);border-radius:50%;color:var(--green);background:#17261b;font-size:32px;font-style:normal;font-weight:900}.crew-visual strong{margin-top:15px;font-size:38px}.crew-visual span{color:var(--muted);font-size:9px}.crew-visual>b{color:rgba(255,255,255,.2)}
.story-timeline{position:relative}.story-timeline:before{content:"";position:absolute;top:0;bottom:0;left:54px;width:1px;background:linear-gradient(var(--green),rgba(107,172,45,.08))}.story-step{position:relative;display:grid;grid-template-columns:110px 1fr;gap:35px;min-height:300px;padding:0 0 85px}.story-step>span{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(107,172,45,.4);border-radius:50%;color:var(--green);background:#071009;font-size:11px;font-weight:900}.story-step h2{max-width:850px;margin:0;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.055em}.story-step p{max-width:850px;color:var(--muted);font-size:18px;line-height:1.85}.story-step blockquote{max-width:700px;margin:25px 0 0;padding:24px;border-left:2px solid var(--green);color:var(--green);background:rgba(107,172,45,.045);font-size:23px;font-weight:800}.story-finale{padding:55px 35px;border:1px solid rgba(107,172,45,.2);border-radius:30px;background:radial-gradient(circle at 80% 30%,rgba(107,172,45,.11),transparent 30%),rgba(255,255,255,.025)}
.community-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.large-feed-image{display:flex;align-items:flex-end;height:580px;margin-top:18px;padding:28px;border-radius:22px;background:linear-gradient(to top,rgba(2,5,3,.92),transparent 55%),radial-gradient(circle at 78% 24%,rgba(213,165,110,.25),transparent 22%),linear-gradient(145deg,#355c3f,#0b180f 72%)}.large-feed-image span{font-size:42px;font-weight:900;line-height:.9}.large-feed>p{color:var(--muted);line-height:1.6}.large-feed>p strong{color:white}.community-side{display:grid;gap:18px}.leaderboard>div{display:grid;grid-template-columns:25px 45px 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:11px;border-radius:14px;background:rgba(255,255,255,.035)}.leaderboard i,.crew-chat i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--green);background:rgba(107,172,45,.08);font-style:normal;font-weight:900}.challenge h2{font-size:31px;line-height:1.05}.challenge-bar{height:9px;margin:28px 0 10px;border-radius:99px;background:rgba(255,255,255,.08)}.challenge-bar i{display:block;width:50%;height:100%;border-radius:inherit;background:var(--green)}.challenge>span{color:var(--muted);font-size:10px}.crew-chat>div{display:flex;align-items:center;gap:12px;margin-top:12px;padding:11px;border-radius:14px;background:rgba(255,255,255,.035)}.crew-chat p{margin:0;color:var(--muted);font-size:11px}
.plus-price-section{display:grid;place-items:center;padding:85px 25px;text-align:center;background:radial-gradient(circle,rgba(107,172,45,.1),transparent 55%),#020503}.plus-price-main{display:flex;align-items:baseline;gap:14px}.plus-price-main span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.15em}.plus-price-main strong{font-size:clamp(100px,14vw,190px);line-height:.8;letter-spacing:-.09em}.plus-price-main b{color:var(--muted);font-size:12px}.plus-price-section>p{max-width:650px;color:var(--muted);line-height:1.7}
.plus-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.plus-card{position:relative;min-height:410px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(107,172,45,.08),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.plus-card-wide{grid-column:1/-1;min-height:480px}.plus-card h2{max-width:750px;margin:0;font-size:clamp(34px,4.7vw,68px);line-height:.94;letter-spacing:-.055em}.plus-card p{max-width:700px;color:var(--muted);line-height:1.7}.offline-visual{position:absolute;right:28px;bottom:28px;left:28px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:20px;border-radius:18px;background:rgba(255,255,255,.045)}.offline-visual span{font-size:12px;font-weight:900}.offline-visual strong{color:var(--green)}.offline-visual i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#061005;background:var(--green);font-style:normal}.plus-stat-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;margin:45px auto 0;border-radius:50%;background:conic-gradient(var(--green) 0deg 322deg,rgba(255,255,255,.08) 322deg 360deg);box-shadow:inset 0 0 0 18px #071009}.plus-stat-ring strong{font-size:43px}.plus-stat-ring span{color:var(--muted);font-size:7px}.plus-card ul{display:flex;flex-direction:column;gap:10px;margin-top:35px;padding:0;list-style:none}.plus-card li{padding:13px;border-radius:13px;background:rgba(255,255,255,.035)}.mini-versus{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding:18px;border-radius:17px;background:rgba(255,255,255,.035)}.mini-versus span{color:var(--green);font-weight:900}.mini-versus b{color:rgba(255,255,255,.2)}.filter-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}.filter-pills span,.launch-badges span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:10px;font-weight:800}.replay-timeline{position:absolute;right:28px;bottom:28px;left:28px;display:grid;grid-template-columns:auto repeat(3,1fr);gap:15px;align-items:center;padding:20px;border-radius:18px;background:rgba(255,255,255,.035)}.replay-timeline>i{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.replay-timeline div{display:flex;flex-direction:column;gap:4px}.replay-timeline span{color:var(--muted);font-size:9px}.challenge-badge,.founder-badge{position:absolute;right:28px;bottom:28px;display:grid;place-items:center;width:105px;height:105px;border-radius:28px;color:var(--gold);background:rgba(255,187,55,.08);font-size:36px;font-weight:900}.founder-badge{width:auto;height:auto;padding:24px;color:var(--green);font-size:18px;letter-spacing:.13em}
.free-plus-section{padding:105px 36px}.free-plus-table{max-width:950px;margin:55px auto 0;border:1px solid var(--line);border-radius:25px;overflow:hidden}.free-plus-table>div{display:grid;grid-template-columns:1fr 150px 150px}.free-plus-table span,.free-plus-table b{padding:18px;border-bottom:1px solid var(--line)}.free-plus-table b{text-align:center}.plus-col{color:var(--green);background:rgba(107,172,45,.045)}.table-head{color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.plus-final{display:flex;flex-direction:column;align-items:center;padding:120px 25px;text-align:center;background:radial-gradient(circle,rgba(107,172,45,.12),transparent 55%),#020503}.plus-final h2{margin:0;font-size:clamp(55px,8vw,115px);line-height:.86;letter-spacing:-.075em}.plus-final>strong{margin:25px 0;color:var(--green);font-size:27px}
.roadmap-section{overflow:hidden}.roadmap-track{position:relative}.roadmap-line{position:absolute;top:0;bottom:0;left:48px;width:2px;background:linear-gradient(var(--green),rgba(107,172,45,.05))}.roadmap-stop{position:relative;display:grid;grid-template-columns:95px 1fr .65fr;align-items:center;gap:35px;min-height:420px;padding:40px 0}.roadmap-dot{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(107,172,45,.35);border-radius:50%;color:var(--green);background:#071009;font-size:11px;font-weight:900}.roadmap-current .roadmap-dot{color:#061005;background:var(--green);box-shadow:0 0 35px rgba(107,172,45,.35)}.roadmap-copy>span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.15em}.roadmap-copy h2{margin:18px 0 0;font-size:clamp(39px,5vw,70px);line-height:.95;letter-spacing:-.055em}.roadmap-copy p{max-width:700px;color:var(--muted);line-height:1.75}.roadmap-tags{display:flex;flex-wrap:wrap;gap:8px}.roadmap-tags i{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:9px;font-style:normal}.roadmap-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;border:1px solid var(--line);border-radius:27px;background:radial-gradient(circle,rgba(107,172,45,.1),transparent 55%),rgba(255,255,255,.025)}.roadmap-visual strong{font-size:75px;letter-spacing:-.07em}.roadmap-visual span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.rv-two{border-color:rgba(107,172,45,.25);box-shadow:inset 0 0 70px rgba(107,172,45,.04)}
.app-position-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.app-position{min-height:280px;padding:27px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.025)}.app-position>span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.15em}.app-position h2{margin-top:28px;font-size:32px;line-height:1.05}.app-position p{color:var(--muted);line-height:1.7}.xplor-position{border-color:rgba(107,172,45,.25);background:radial-gradient(circle at 100% 0,rgba(107,172,45,.1),transparent 35%),rgba(255,255,255,.025)}.comparison-shell{margin-top:40px;border:1px solid var(--line);border-radius:27px;overflow:hidden}.table-scroll{overflow-x:auto}.comparison-table{width:100%;min-width:900px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:20px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;line-height:1.5}.comparison-table th{color:rgba(255,255,255,.5);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.xplor-col{color:var(--green);background:rgba(107,172,45,.045);font-weight:800}.comparison-note{max-width:850px;margin:25px auto 0;color:rgba(255,255,255,.42);font-size:10px;line-height:1.7;text-align:center}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{position:relative;min-height:520px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(107,172,45,.08),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.stat-card>span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.15em}.stat-card>strong{display:block;margin-top:38px;color:var(--green);font-size:clamp(55px,6.5vw,95px);line-height:.85;letter-spacing:-.07em}.stat-card h2{margin-top:24px;font-size:29px;line-height:1.05}.stat-card p{color:var(--muted);line-height:1.7}.stat-card a{position:absolute;right:28px;bottom:28px;left:28px;color:var(--green);font-size:10px;font-weight:900}.stat-orbits{position:absolute;right:-70px;bottom:-70px;width:320px;height:320px}.stat-orbits i{position:absolute;inset:0;border:1px solid rgba(107,172,45,.16);border-radius:50%}.stat-orbits i:nth-child(2){inset:55px}.stat-orbits i:nth-child(3){inset:110px;background:rgba(107,172,45,.04)}.stats-meaning{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.meaning-grid{display:grid;gap:13px}.meaning-grid article{padding:25px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.025)}.meaning-grid b{color:var(--green);font-size:27px}.meaning-grid h3{font-size:23px}.meaning-grid p{color:var(--muted);line-height:1.65}
.launch-section{position:relative;min-height:95vh;padding:110px 36px;overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(107,172,45,.12),transparent 30%),#020503}.launch-orbit{position:absolute;top:50%;left:72%;border:1px solid rgba(107,172,45,.09);border-radius:50%;transform:translate(-50%,-50%)}.lo-one{width:700px;height:700px}.lo-two{width:490px;height:490px}.launch-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px}.launch-copy h2{margin:0;font-size:clamp(52px,7vw,100px);line-height:.9;letter-spacing:-.068em}.launch-copy p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.launch-badges{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.launch-phone{display:grid;place-items:center}.launch-shell{position:relative;width:305px;height:635px;padding:10px;border:1px solid rgba(255,255,255,.4);border-radius:54px;background:linear-gradient(145deg,#8a8e8b,#191c1a 18%,#030403 62%,#747875);box-shadow:0 60px 110px rgba(0,0,0,.7);transform:rotate(6deg)}.launch-screen{display:flex;flex-direction:column;align-items:center;height:100%;padding:65px 24px 26px;border-radius:43px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(107,172,45,.17),transparent 30%),linear-gradient(#0b160e,#030503)}.launch-screen img{width:130px}.launch-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;margin-top:65px;border-radius:50%;background:conic-gradient(var(--green) 0deg 101deg,rgba(255,255,255,.08) 101deg 360deg);box-shadow:inset 0 0 0 18px #08100a}.launch-ring strong{font-size:47px}.launch-ring span{color:var(--muted);font-size:7px}.launch-screen h3{margin-top:55px;font-size:29px;line-height:1.05}.launch-button{margin-top:auto;width:100%;padding:16px;border-radius:99px;color:#061005;background:var(--green);font-size:10px;font-weight:900}.faq-section{padding:100px 36px;background:#040705}.faq-grid{display:grid;gap:11px;max-width:900px;margin:50px auto 0}.faq-grid details{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.faq-grid summary{cursor:pointer;font-size:15px;font-weight:800}.faq-grid p{color:var(--muted);line-height:1.7}
.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:38px 4vw;border-top:1px solid var(--line);background:#020503}.footer-logo{width:125px}.site-footer p{color:var(--muted);font-size:11px}.footer-links{display:flex;justify-content:flex-end;gap:17px;flex-wrap:wrap}.footer-links a{color:rgba(255,255,255,.55);font-size:10px;font-weight:800}
.reveal{opacity:0;transform:translateY(42px) scale(.99);transition:opacity .75s var(--ease),transform .75s var(--ease);will-change:opacity,transform}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto}.menu-button{display:block}.instagram-nav{display:none}.hero-inner{grid-template-columns:1fr;padding-top:145px}.phone-stage{width:min(100%,780px);margin:auto}.home-feature-grid{grid-template-columns:1fr 1fr}.home-card-wide{grid-column:1/-1;grid-row:auto;min-height:730px}.home-story,.home-community,.stats-meaning,.launch-layout{grid-template-columns:1fr}.social-preview{max-width:850px}.feature-story,.feature-story-reverse{grid-template-columns:auto 1fr}.feature-story .feature-visual,.feature-story-reverse .feature-visual{grid-column:2;order:initial}.feature-story-reverse .feature-copy{order:initial}.stats-grid{grid-template-columns:1fr 1fr}.roadmap-stop{grid-template-columns:85px 1fr}.roadmap-visual{grid-column:2}.plus-bento{grid-template-columns:1fr}.plus-card-wide{grid-column:auto}.app-position-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:74px;padding:0 18px}.brand{width:115px}.nav-cta{display:none}.mobile-menu{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{width:calc(100% - 34px);padding:125px 0 45px}.hero h1{font-size:clamp(55px,17vw,76px)}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.phone-stage{height:485px;margin-top:25px;transform:scale(.78);transform-origin:top center;margin-bottom:-105px}.phone{width:218px;height:470px}.phone-left{top:90px;left:-58px}.phone-centre{top:25px}.phone-right{top:95px;right:-58px}.home-statement,.home-feature-grid,.home-story,.home-community,.plus-teaser{width:calc(100% - 36px)}.home-statement{padding:80px 0 65px}.home-statement h2{font-size:45px}.home-feature-grid{grid-template-columns:1fr;padding-bottom:75px}.home-card,.home-card-wide{min-height:500px}.home-card-wide{min-height:650px}.uk-map-visual{height:315px}.home-story,.home-community{grid-template-columns:1fr;gap:35px;padding:78px 0}.social-preview{grid-template-columns:1fr}.feed-photo{height:330px}.versus-card{min-height:360px}.plus-teaser{grid-template-columns:1fr;padding:70px 0}.plus-price{align-items:flex-start}.plus-price strong{font-size:75px}.ios-actions{flex-direction:column;align-items:center}.page-hero{min-height:67vh;padding:125px 18px 65px}.page-hero h1{font-size:clamp(48px,15vw,68px)}.page-hero-inner>p:last-child{font-size:14px}.content-section,.free-plus-section,.launch-section,.faq-section{padding:80px 18px}.compact-cta{align-items:flex-start;flex-direction:column;padding:55px 18px}.feature-story,.feature-story-reverse{grid-template-columns:1fr;gap:25px;padding:22px}.feature-number{display:none}.feature-story .feature-visual,.feature-story-reverse .feature-visual{grid-column:auto;min-height:330px}.feature-copy h2{font-size:39px}.story-timeline:before{left:28px}.story-step{grid-template-columns:65px 1fr;gap:20px;padding-bottom:60px}.story-step>span{width:48px;height:48px}.story-step h2{font-size:39px}.story-step p{font-size:15px}.story-finale{padding:35px 18px}.community-layout{grid-template-columns:1fr}.large-feed-image{height:430px}.plus-price-main{flex-direction:column;align-items:center;gap:7px}.plus-price-main strong{font-size:110px}.plus-card{min-height:430px;padding:22px}.plus-card h2{font-size:40px}.replay-timeline{grid-template-columns:1fr;position:static;margin-top:35px}.free-plus-table{overflow-x:auto}.free-plus-table>div{min-width:650px}.roadmap-line{left:24px}.roadmap-stop{grid-template-columns:58px 1fr;gap:15px;padding:30px 0}.roadmap-dot{width:48px;height:48px}.roadmap-copy h2{font-size:40px}.roadmap-visual{grid-column:2;min-height:200px}.app-position-grid,.stats-grid{grid-template-columns:1fr}.stat-card{min-height:480px}.stats-meaning{gap:40px}.launch-layout{gap:60px}.launch-phone{transform:scale(.85);margin-bottom:-60px}.site-footer{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.footer-links{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.particles i,.reveal{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}


/* =========================================================
   XPLOR ENDGAME BUILD 02
   Logo-led green palette, richer phones and more atmosphere.
========================================================= */

:root {
  --logo-green:#678521;
  --brand-green:#6bac2d;
  --glow-green:#79ff57;
}

.icon-sprite {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.inline-icon,
.instagram-nav svg,
.nav-cta svg {
  width:16px;
  height:16px;
  flex:0 0 auto;
}

.instagram-nav,
.nav-cta {
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.instagram-nav svg {
  color:var(--brand-green);
}

.nav-cta svg {
  width:14px;
  height:14px;
}

.footer-links a {
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.footer-links .inline-icon {
  color:var(--brand-green);
}

body {
  background:
    radial-gradient(circle at 72% 8%, color-mix(in srgb, var(--brand-green) 8%, transparent), transparent 25%),
    var(--black);
}

.page-hero::after,
.content-section::before,
.home-feature-grid::before,
.plus-bento::before {
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.13;
  background:
    repeating-radial-gradient(
      ellipse at center,
      transparent 0 35px,
      color-mix(in srgb, var(--brand-green) 18%, transparent) 36px 37px
    );
  animation:contourDrift 18s ease-in-out infinite alternate;
}

.page-hero::after {
  inset:-20%;
  z-index:0;
}

.content-section::before {
  top:8%;
  right:-12%;
  width:460px;
  height:460px;
  border-radius:50%;
}

.home-feature-grid::before {
  top:12%;
  left:-18%;
  width:500px;
  height:500px;
  border-radius:50%;
}

.plus-bento::before {
  right:-15%;
  bottom:5%;
  width:520px;
  height:520px;
  border-radius:50%;
}

@keyframes contourDrift {
  from { transform:translate3d(0,0,0) rotate(0deg); }
  to { transform:translate3d(18px,-22px,0) rotate(5deg); }
}

.hero-grid,
.page-grid,
.ios-grid {
  animation:gridFloat 20s linear infinite;
}

@keyframes gridFloat {
  to { background-position:0 -90px,-90px 0; }
}

.hero-light,
.global-glow {
  animation:glowBreathe 9s ease-in-out infinite alternate;
}

@keyframes glowBreathe {
  from { opacity:.08; transform:scale(.96); }
  to { opacity:.16; transform:scale(1.05); }
}

.premium-phone-stage {
  isolation:isolate;
}

.phone-light-beam {
  position:absolute;
  top:6%;
  left:50%;
  z-index:-1;
  width:280px;
  height:630px;
  background:linear-gradient(to bottom,rgba(255,255,255,.09),transparent 72%);
  filter:blur(18px);
  transform:translateX(-50%) rotate(8deg);
  opacity:.45;
}

.phone-reflection {
  position:absolute;
  inset:10px;
  z-index:10;
  overflow:hidden;
  border-radius:36px;
  pointer-events:none;
}

.phone-reflection::before {
  content:"";
  position:absolute;
  top:-28%;
  left:-65%;
  width:65%;
  height:160%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:rotate(18deg);
  animation:phoneReflection 7s ease-in-out infinite;
}

.phone-left .phone-reflection::before { animation-delay:-2s; }
.phone-right .phone-reflection::before { animation-delay:-4s; }

@keyframes phoneReflection {
  0%,25% { left:-65%; }
  70%,100% { left:145%; }
}

.app-status {
  position:relative;
  z-index:5;
  display:flex;
  justify-content:space-between;
  margin-top:-42px;
  color:rgba(255,255,255,.82);
  font-size:7px;
  font-weight:800;
}

.app-logo-row {
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:17px;
  color:white;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.app-mountain {
  color:var(--brand-green);
}

.app-header-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.app-header-row > span {
  color:rgba(255,255,255,.62);
  font-size:10px;
}

.map-filter-row {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:6px;
  margin-top:12px;
}

.map-filter-row > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  padding:8px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.045);
  font-size:6px;
  font-weight:700;
}

.map-filter-row span {
  color:var(--brand-green);
}

.map-counts {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
  margin-top:7px;
}

.map-counts div {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:7px 3px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.028);
}

.map-counts .selected {
  border-color:color-mix(in srgb,var(--brand-green) 45%,transparent);
}

.map-counts strong {
  font-size:10px;
}

.map-counts span {
  color:rgba(255,255,255,.42);
  font-size:5px;
  text-transform:uppercase;
}

.premium-map {
  height:250px;
  margin-top:8px;
  overflow:hidden;
}

.map-land {
  position:absolute;
  background:#386f5b;
}

.map-land-a {
  top:-5%;
  left:31%;
  width:46%;
  height:63%;
  border-radius:45% 55% 42% 58%;
  transform:rotate(13deg);
}

.map-land-b {
  top:41%;
  left:38%;
  width:39%;
  height:56%;
  border-radius:58% 42% 56% 44%;
  transform:rotate(-10deg);
}

.map-road {
  position:absolute;
  height:1px;
  background:rgba(210,225,230,.28);
}

.road-a {
  top:44%;
  left:18%;
  width:73%;
  transform:rotate(38deg);
}

.road-b {
  top:65%;
  left:28%;
  width:58%;
  transform:rotate(-25deg);
}

.cluster,
.water-pin {
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid color-mix(in srgb,var(--brand-green) 45%,transparent);
  border-radius:50%;
  color:white;
  background:rgba(8,45,28,.95);
  box-shadow:0 0 16px color-mix(in srgb,var(--brand-green) 22%,transparent);
  font-size:7px;
  font-style:normal;
  font-weight:900;
  animation:pinPulse 3.3s ease-in-out infinite;
}

.c1 { top:17%; left:42%; }
.c2 { top:43%; left:56%; animation-delay:-1s; }
.c3 { bottom:15%; right:17%; animation-delay:-2s; }
.water-pin {
  top:61%;
  left:29%;
  border-color:rgba(60,166,255,.45);
  background:rgba(10,39,70,.96);
  animation-delay:-1.5s;
}

@keyframes pinPulse {
  50% { transform:translateY(-4px) scale(1.06); box-shadow:0 0 24px color-mix(in srgb,var(--brand-green) 36%,transparent); }
}

.map-city {
  position:absolute;
  z-index:2;
  color:rgba(255,255,255,.58);
  font-size:6px;
}

.city-a { top:12%; right:9%; }
.city-b { bottom:18%; left:9%; }

.map-mission {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
}

.map-mission div {
  display:flex;
  flex-direction:column;
  gap:3px;
}

.app-tabbar {
  position:absolute;
  right:7px;
  bottom:7px;
  left:7px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  padding:5px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(17,20,18,.94);
  backdrop-filter:blur(15px);
}

.app-tabbar span {
  display:grid;
  place-items:center;
  min-height:24px;
  border-radius:8px;
  color:rgba(255,255,255,.45);
  font-size:4.5px;
}

.app-tabbar .active {
  color:var(--brand-green);
  background:rgba(255,255,255,.06);
}

.rich-map-screen,
.rich-list-screen,
.rich-profile-screen {
  padding-bottom:43px;
}

.my-list-card {
  margin-top:10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--brand-green) 35%,transparent);
  border-radius:18px;
  text-align:center;
  background:
    radial-gradient(circle at 72% 15%,rgba(255,187,55,.16),transparent 28%),
    linear-gradient(145deg,#1a291c,#090e0a 65%);
}

.my-list-card > small {
  font-size:15px;
  font-weight:900;
}

.list-percentage {
  display:block;
  margin-top:3px;
  color:var(--brand-green);
  font-size:26px;
}

.my-list-card > span {
  color:rgba(255,255,255,.4);
  font-size:6px;
}

.upgraded-ring {
  width:92px;
  height:92px;
  margin:9px auto;
}

.upgraded-ring::before {
  width:74px;
  height:74px;
}

.upgraded-ring strong {
  font-size:16px;
}

.rank-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:7px;
}

.rank-row > div {
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:5px;
  min-height:52px;
  padding:7px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.03);
}

.rank-row span {
  color:var(--gold);
  font-size:12px;
}

.rank-row small {
  font-size:4.5px;
  color:rgba(255,255,255,.38);
}

.rank-row strong {
  grid-column:2;
  font-size:7px;
}

.milestone-card {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:7px;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--brand-green) 22%,transparent);
  border-radius:13px;
  background:rgba(255,255,255,.027);
}

.milestone-card > i {
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  color:var(--brand-green);
  background:conic-gradient(var(--gold) 0deg 75deg,rgba(255,255,255,.07) 75deg 360deg);
  font-size:8px;
  font-style:normal;
  font-weight:900;
}

.milestone-card > div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}

.milestone-card small {
  color:var(--brand-green);
  font-size:4.5px;
}

.milestone-card strong {
  font-size:8px;
}

.milestone-card span {
  color:rgba(255,255,255,.4);
  font-size:5px;
}

.green { color:var(--brand-green)!important; }
.blue { color:var(--blue)!important; }
.gold { color:var(--gold)!important; }
.orange { color:var(--orange)!important; }

.phone-stats i,
.profile-stats-grid i {
  font-style:normal;
}

.premium-profile-card {
  margin-top:9px;
  padding:11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:
    radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--brand-green) 12%,transparent),transparent 30%),
    linear-gradient(145deg,#1d2820,#090d0a);
  text-align:left;
}

.avatar-wrap {
  position:relative;
  width:58px;
}

.avatar-wrap .avatar {
  width:55px;
  height:55px;
  margin:0;
  border-width:3px;
  font-size:20px;
}

.avatar-wrap > span {
  position:absolute;
  right:-6px;
  bottom:-5px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid var(--brand-green);
  border-radius:50%;
  background:#071009;
  font-size:8px;
  font-weight:900;
}

.premium-profile-card h3 {
  margin:8px 0 4px;
  font-size:16px;
}

.profile-type {
  display:inline-flex;
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--brand-green) 35%,transparent);
  border-radius:999px;
  font-size:5px;
  font-weight:800;
}

.premium-profile-card > strong {
  display:block;
  margin-top:4px;
  color:var(--brand-green);
  font-size:7px;
}

.premium-profile-card p {
  margin:4px 0;
  color:rgba(255,255,255,.58);
  font-size:6px;
}

.profile-pills {
  display:flex;
  gap:4px;
  margin-top:6px;
}

.profile-pills span {
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  font-size:5px;
}

.profile-pills span:last-child {
  color:var(--brand-green);
  border-color:color-mix(in srgb,var(--brand-green) 32%,transparent);
}

.plus-member {
  display:inline-flex;
  margin-top:6px;
  padding:5px 7px;
  border:1px solid rgba(255,187,55,.3);
  border-radius:999px;
  color:var(--gold);
  font-size:5px;
  font-weight:900;
}

.profile-stats-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  margin-top:7px;
  padding:8px 5px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.profile-stats-grid div {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}

.profile-stats-grid i {
  font-size:9px;
}

.profile-stats-grid strong {
  font-size:9px;
}

.profile-stats-grid span {
  color:rgba(255,255,255,.38);
  font-size:4.5px;
}

.profile-progress-box {
  position:relative;
  margin-top:7px;
  padding:8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.profile-progress-box > div:first-child {
  display:flex;
  justify-content:space-between;
  font-size:6px;
}

.profile-progress-box > div:first-child span {
  color:var(--brand-green);
}

.mini-profile-ring {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  margin-top:7px;
  border-radius:50%;
  background:conic-gradient(var(--brand-green) 0deg 274deg,rgba(255,255,255,.07) 274deg 360deg);
  box-shadow:inset 0 0 0 6px #071009;
}

.mini-profile-ring strong {
  font-size:10px;
}

.mini-profile-ring span {
  color:rgba(255,255,255,.38);
  font-size:4px;
}

.profile-mini-bars {
  position:absolute;
  top:34px;
  right:9px;
  left:68px;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.profile-mini-bars i {
  width:var(--w);
  height:4px;
  border-radius:999px;
  background:var(--brand-green);
  transform-origin:left;
  animation:barGrow 2.1s var(--ease) both;
}

.profile-mini-bars i:nth-child(2) { animation-delay:.18s; }
.profile-mini-bars i:nth-child(3) { animation-delay:.34s; }

@keyframes barGrow {
  from { transform:scaleX(0); }
  to { transform:scaleX(1); }
}

.app-store-badge,
.instagram-card-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:9px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(0,0,0,.85);
  text-align:left;
  transition:.3s var(--ease);
}

.app-store-badge:hover,
.instagram-card-link:hover {
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--brand-green) 42%,transparent);
}

.app-store-badge svg,
.instagram-card-link svg {
  width:28px;
  height:28px;
}

.app-store-badge span,
.instagram-card-link span {
  display:flex;
  flex-direction:column;
}

.app-store-badge small,
.instagram-card-link small {
  color:rgba(255,255,255,.48);
  font-size:6px;
  letter-spacing:.08em;
}

.app-store-badge strong,
.instagram-card-link strong {
  font-size:15px;
}

.instagram-card-link {
  color:white;
  background:
    radial-gradient(circle at 0 100%,rgba(255,94,98,.18),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(142,63,255,.2),transparent 34%),
    rgba(13,7,17,.92);
}

.instagram-card-link svg {
  color:#ff4d8d;
}

.launch-link-row {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.home-card,
.feature-story,
.plus-card,
.stat-card,
.app-position,
.roadmap-visual,
.feed-card,
.versus-card,
.large-feed,
.leaderboard,
.challenge,
.crew-chat {
  transition:
    transform .35s var(--ease),
    border-color .35s ease,
    box-shadow .35s ease;
}

.home-card:hover,
.feature-story:hover,
.plus-card:hover,
.stat-card:hover,
.app-position:hover,
.roadmap-visual:hover,
.feed-card:hover,
.versus-card:hover,
.large-feed:hover,
.leaderboard:hover,
.challenge:hover,
.crew-chat:hover {
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--brand-green) 30%,transparent);
  box-shadow:0 24px 70px rgba(0,0,0,.2);
}

@media(max-width:760px) {
  .premium-phone-stage {
    transform:scale(.76);
  }

  .app-store-badge,
  .instagram-card-link {
    width:100%;
    justify-content:center;
  }

  .launch-link-row {
    flex-direction:column;
  }
}