@charset "UTF-8";
:root{--green:#285149;--green-dark:#123d38;--green-deep:#10342f;--mint:#e2f0eb;--mint-light:#f0f8f4;--gold:#fcb743;--gold-deep:#da9926;--coral:#ff786e;--ink:#18282b;--muted:#66756f;--cream:#faf9f4;--line:#dce9e3;--shadow:0 24px 60px rgba(19,59,52,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.container{width:min(100% - 64px,1280px);margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:-60px;left:20px;padding:12px 18px;color:white;background:var(--green);border-radius:8px}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.site-header{height:86px;background:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(25,69,61,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}
.brand-icon{position:relative;width:54px;height:54px;border-radius:15px;overflow:hidden;background:var(--green);flex:none}
.brand-icon img{position:absolute;max-width:none;width:81px;height:81px;left:-13.5px;top:-13.5px}
.brand-name{font-size:27px;font-weight:900;letter-spacing:.04em;line-height:1.03;color:#153e38}.brand-name small{display:block;margin-top:4px;font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--ink)}
.desktop-nav{display:flex;align-items:center;gap:42px;color:#293c39;font-size:15px;font-weight:700}.desktop-nav>a:not(.nav-download){transition:color .2s}.desktop-nav>a:hover{color:#d29124}.nav-download{padding:13px 19px;border-radius:999px;background:var(--gold);color:#1f321e;display:inline-flex;gap:15px;align-items:center;transition:transform .2s,box-shadow .2s}.nav-download:hover,.button-gold:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(218,153,38,.25)}.nav-download .icon{width:17px;height:17px}
.mobile-nav{display:none}
.hero{background:radial-gradient(ellipse at 75% 40%,#236458 0,transparent 37%),linear-gradient(130deg,#13443d 0%,#103e38 48%,#0e302d 100%);color:white;position:relative;overflow:hidden}
.hero-glow{position:absolute;right:-20%;top:-40%;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(97,173,139,.14),transparent 65%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,black)}
.hero-inner{min-height:694px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;z-index:1}.hero-copy{padding:72px 0 82px;position:relative;z-index:2}.eyebrow{margin:0 0 22px;letter-spacing:.22em;color:var(--green);font-size:11px;font-weight:900}.eyebrow-light{color:#b9e4d1}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}
.hero h1{font-size:clamp(58px,6.2vw,103px);line-height:1.1;letter-spacing:-.075em;margin:0 0 32px;font-weight:950;white-space:nowrap}.hero h1 em{font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:-17px;left:12%;width:77%;height:12px;border-bottom:6px solid var(--gold);border-radius:50%;transform:rotate(-4deg)}.title-star{color:var(--gold);font-size:.38em;position:relative;left:10px;top:-.65em;letter-spacing:0}
.hero-lead{max-width:520px;font-size:19px;line-height:1.85;color:#e5f0e8;margin:0 0 35px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;font-weight:900;min-height:58px;padding:0 27px;border-radius:999px}.button-gold{color:#173d37;background:linear-gradient(120deg,#ffd574,#fcb743);transition:transform .2s,box-shadow .2s}.button .icon{width:21px;height:21px}.hero-status{color:#d6ebe1;font-size:13px;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(252,183,67,.12)}.hero-footnote{display:flex;align-items:center;gap:15px;color:#a9d7c6;font-size:13px;letter-spacing:.12em;margin-top:63px}.hero-footnote i{width:4px;height:4px;background:var(--gold);border-radius:50%}
.hero-stage{height:650px;position:relative;isolation:isolate}.hero-photo{width:330px;height:290px;position:absolute;left:0;bottom:24px;border:8px solid rgba(255,255,255,.93);border-radius:28px;overflow:hidden;transform:rotate(-10deg);box-shadow:0 25px 55px rgba(0,0,0,.25);z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;border:2px solid var(--gold);opacity:.78;border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:250px;left:-20px;top:213px;transform:rotate(-18deg);z-index:0}.orbit-two{width:570px;height:360px;right:-120px;top:82px;border-color:rgba(182,234,209,.27);transform:rotate(30deg);z-index:0}.orbit-star{position:absolute;font-size:51px;color:var(--gold);right:0;top:82px;animation:star-bob 5s ease-in-out infinite;z-index:2}.orbit-flower{position:absolute;font-size:51px;color:var(--coral);left:10px;top:120px;animation:star-bob 6s ease-in-out infinite reverse;z-index:2}.hero-scribble{position:absolute;right:-22px;bottom:79px;color:#cfe8d7;letter-spacing:.04em;font-family:cursive;font-size:21px;font-style:italic;line-height:1.3;transform:rotate(-8deg);z-index:4}.hero-mini-card{position:absolute;z-index:5;right:-2px;top:137px;display:flex;align-items:center;gap:11px;padding:12px 15px;background:white;color:var(--green);border-radius:15px;box-shadow:var(--shadow);transform:rotate(7deg)}.mini-card-icon{font-size:23px;color:var(--gold-deep)}.hero-mini-card strong,.hero-mini-card small{display:block}.hero-mini-card strong{font-size:13px}.hero-mini-card small{font-size:10px;color:var(--muted);margin-top:2px}
.hero-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.15em;color:#c1ddce}.hero-bottom .container{height:45px;display:flex;align-items:center;justify-content:space-between}
.phone{width:282px;height:567px;position:relative;border:8px solid #1b2829;background:#1b2829;border-radius:39px;box-shadow:0 35px 60px rgba(8,31,28,.25),inset 0 0 0 2px #52605b;overflow:hidden;flex:none}.phone:after{content:"";position:absolute;inset:2px;border:2px solid rgba(255,255,255,.2);border-radius:30px;pointer-events:none}.phone-notch{position:absolute;z-index:4;top:5px;left:50%;transform:translateX(-50%);width:82px;height:19px;background:#1b2829;border-radius:0 0 13px 13px}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:30px;background:#f6faf8;color:#18282b;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:11px}.hero-phone{position:absolute;right:87px;top:28px;transform:rotate(8deg);z-index:3;width:309px;height:618px;animation:phone-float 7s ease-in-out infinite}.phone-status{height:31px;padding:10px 15px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#192c29}.app-top{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#fff}.app-top strong{font-size:17px;letter-spacing:-.05em;line-height:1}.app-top strong small{display:block;font-size:7px;letter-spacing:0;text-align:center;margin-top:3px}.app-top-tabs{display:flex;gap:16px;align-self:stretch;align-items:center;font-size:11px;color:#7a8984}.app-top-tabs b{height:100%;display:flex;align-items:center;position:relative}.app-top-tabs .active{color:var(--ink)}.app-top-tabs .active:after{content:"";position:absolute;height:2px;bottom:3px;left:0;right:0;background:var(--green);border-radius:2px}.app-top-plus{background:var(--green);color:#fff;width:27px;height:27px;border-radius:50%;text-align:center;line-height:24px;font-size:21px;font-weight:300}.chips{display:flex;gap:5px;padding:10px 10px 8px;white-space:nowrap;background:#fff}.chips>*{padding:5px 9px;border-radius:999px;background:#ecf4f1;color:#405b51;font-size:10px;font-style:normal}.chips b{background:var(--green);color:#fff}
.dynamic-card{margin:7px 8px 0;background:#fff;border-radius:16px;padding:12px;box-shadow:0 1px 6px rgba(32,71,60,.07)}.post-author{display:flex;align-items:center;gap:7px}.post-author img{width:32px;height:32px;object-fit:cover;border-radius:8px}.post-author div{flex:1;min-width:0}.post-author b,.post-author small{display:block}.post-author b{font-size:11px}.post-author small{font-size:8px;color:#74817e;margin-top:2px}.post-author>span{font-size:14px;color:#6a7371;align-self:flex-start}.dynamic-card h3{font-size:12px;margin:11px 0 4px;line-height:1.35}.dynamic-card p{font-size:10px;line-height:1.55;margin:0;color:#34433f}.post-photo{width:100%;height:160px;margin-top:10px;object-fit:cover;border-radius:9px}.post-location{display:flex;align-items:center;gap:3px;color:#758078;font-size:9px;margin-top:7px}.post-location .icon{width:12px;height:12px;color:var(--green)}.post-stats{display:flex;align-items:center;gap:17px;padding-top:8px;font-size:10px;color:#6c7773}.post-stats span:first-child{color:#c2351f}.post-stats span:nth-child(3){color:#da9926}.post-stats span:last-child{margin-left:auto;color:#98a2b3}.app-bottom{position:absolute;left:0;right:0;bottom:0;height:49px;background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 10px rgba(27,59,53,.05);z-index:3}.app-bottom span{display:flex;flex-direction:column;align-items:center;gap:2px;color:#7a8982;font-size:8px}.app-bottom .icon{width:17px;height:17px}.app-bottom .selected{color:var(--green);font-weight:800}.app-bottom .app-bottom-plus{width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#fcbc41,#e9871f);color:white;font-size:26px;line-height:25px;display:block;text-align:center;transform:translateY(-4px)}
.section{padding:110px 0}.intro-section{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:120px;align-items:end}.intro-grid h2,.section-heading h2,.showcase-heading h2,.download-inner h2{margin:0;letter-spacing:-.045em;line-height:1.22;font-weight:950}.intro-grid h2{font-size:clamp(38px,4.8vw,68px)}.underline{position:relative;white-space:nowrap}.underline:after{content:"";height:7px;border-bottom:5px solid var(--gold);border-radius:50%;position:absolute;bottom:-9px;left:2%;right:2%;transform:rotate(-2deg)}.intro-right>p{font-size:19px;line-height:1.9;color:#4e615b;margin:0 0 25px}.intro-note{display:flex;align-items:center;gap:10px;color:var(--green);font-size:14px;font-weight:700}.note-symbol{display:grid;place-items:center;width:29px;height:29px;background:var(--gold);border-radius:50%;font-size:17px}
.features-section{background:#fff;padding-top:92px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:30px}.section-heading h2{font-size:clamp(36px,4vw,58px)}.section-heading>p{line-height:1.8;font-size:15px;color:var(--muted);margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{height:490px;border-radius:28px;padding:30px 27px;position:relative;overflow:hidden;border:1px solid #e0eae5}.feature-map{background:#e8f5f0}.feature-activity{background:#fff2d9;border-color:#f7ebd0}.feature-dynamic{background:#f5f5f2}.feature-number{font-weight:950;font-size:15px;letter-spacing:.11em;color:var(--green);display:flex;justify-content:space-between}.feature-number span{font-size:25px;color:var(--gold-deep);line-height:1}.feature-card h3{font-size:25px;margin:23px 0 8px;letter-spacing:-.04em}.feature-card>p{font-size:14px;color:#596b64;margin:0;line-height:1.7;position:relative;z-index:2}.feature-map-art{position:absolute;bottom:-37px;left:-28px;right:-28px;height:285px;background:#e4eee8;transform:rotate(-7deg);border-radius:28px;overflow:hidden;border:8px solid #fff;box-shadow:0 15px 30px rgba(20,66,53,.12)}.feature-map-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,transparent 0 38px,#d7e5df 39px 47px,transparent 48px 90px),repeating-linear-gradient(5deg,transparent 0 44px,#d7e5df 45px 52px,transparent 53px 110px)}.map-park{position:absolute;right:20px;top:30px;width:130px;height:95px;border-radius:40px;background:#bedfc8;transform:rotate(20deg)}.map-path{position:absolute;z-index:1;background:#fff;border-radius:20px}.path-a{height:20px;width:130%;left:-10px;top:125px;transform:rotate(-15deg)}.path-b{height:15px;width:130%;left:-20px;top:210px;transform:rotate(19deg)}.tiny-marker{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;padding:7px 10px;background:#fff;border:2px solid var(--green);border-radius:12px;box-shadow:0 7px 15px rgba(23,63,54,.15);transform:rotate(7deg)}.tiny-marker img{width:34px;height:34px;object-fit:cover;border-radius:8px}.tiny-marker b,.tiny-marker small{display:block;white-space:nowrap}.tiny-marker b{font-size:11px;color:var(--green)}.tiny-marker small{font-size:8px;color:#677c70;margin-top:3px}.tiny-one{left:33px;top:55px}.tiny-two{right:5px;bottom:52px}.map-locator{position:absolute;z-index:2;left:47%;top:49%;font-size:26px;color:#ea9d20}.feature-activity-art{position:absolute;bottom:-35px;left:28px;right:28px;height:275px;border-radius:22px 22px 0 0;background:white;box-shadow:0 20px 40px rgba(124,85,29,.13);overflow:hidden;transform:rotate(4deg)}.feature-activity-art>img{height:160px;width:100%;object-fit:cover}.feature-activity-ticket{padding:12px 17px;position:relative}.feature-activity-ticket>*{display:block}.feature-activity-ticket span{font-size:9px;font-weight:800;color:var(--green)}.feature-activity-ticket b{font-size:16px;margin:3px 0}.feature-activity-ticket small{font-size:10px;color:var(--muted)}.feature-activity-ticket i{font-style:normal;position:absolute;right:10px;bottom:12px;background:var(--gold);color:#3a3618;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:900}.feature-dynamic-art{position:absolute;inset:207px 0 0}.polaroid{position:absolute;background:#fff;box-shadow:0 14px 28px rgba(47,71,62,.16);padding:10px 10px 16px;width:195px;border-radius:5px}.polaroid img{height:155px;width:100%;object-fit:cover}.polaroid span{font-size:11px;font-weight:700;display:block;margin-top:11px;color:var(--green)}.polaroid.one{left:30px;top:5px;transform:rotate(-11deg)}.polaroid.two{right:14px;top:33px;transform:rotate(12deg)}
.showcase-section{background:linear-gradient(#eef7f2,#e5f2eb);overflow:hidden}.showcase-heading{text-align:center;margin-bottom:46px}.showcase-heading h2{font-size:clamp(38px,4.7vw,65px)}.showcase-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#5d746b;margin:18px 0 13px}.demo-badge{display:inline-flex;padding:7px 13px;border-radius:999px;border:1px solid #b8d4c5;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.08em;background:rgba(255,255,255,.7)}.screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.screen-column{min-width:0;border-radius:28px;background:rgba(255,255,255,.55);padding:19px 12px 20px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(113,165,139,.14)}.screen-label{display:flex;align-items:center;gap:12px;width:100%;max-width:282px;margin-bottom:17px}.screen-label>span{font-size:27px;color:#9ec1b2;font-weight:900;font-style:italic}.screen-label h3{font-size:17px;margin:0 0 3px}.screen-label p{font-size:11px;color:#70857a;margin:0}.preview-phone{width:100%;max-width:282px}.showcase-note{display:none}
.map-phone{background:#e6f1ec}.map-ui{position:absolute;inset:31px 0 49px;background:#e8f0e8;background-image:linear-gradient(25deg,transparent 20%,#d4e3dc 21%,#d4e3dc 22%,transparent 23%),linear-gradient(100deg,transparent 36%,#d4e3dc 37%,#d4e3dc 38%,transparent 39%);overflow:hidden}.map-road{position:absolute;background:#fff;border:1px solid #dae6df;border-radius:50px;z-index:1}.road-1{width:390px;height:17px;top:170px;left:-30px;transform:rotate(-28deg)}.road-2{width:350px;height:13px;top:285px;left:-25px;transform:rotate(36deg)}.road-3{width:290px;height:14px;top:385px;left:-20px;transform:rotate(-37deg)}.road-4{width:18px;height:500px;top:-40px;left:130px;transform:rotate(8deg)}.map-water{position:absolute;top:153px;right:-49px;width:166px;height:235px;background:#c9e6de;border-radius:50%;transform:rotate(25deg)}.map-green{position:absolute;background:#c8dec5;border-radius:40%;transform:rotate(23deg)}.green-1{width:110px;height:80px;left:-21px;top:148px}.green-2{width:98px;height:133px;right:-35px;bottom:4px}.map-name{position:absolute;color:#83a598;font-size:9px;z-index:1;font-weight:800}.name-1{top:112px;left:40px}.name-2{top:277px;right:12px}.name-3{bottom:101px;left:25px}.map-search{position:absolute;top:12px;left:10px;right:10px;height:34px;background:white;border-radius:17px;z-index:5;display:flex;align-items:center;gap:6px;padding:0 10px;color:#879a91;font-size:9px;box-shadow:0 3px 9px rgba(26,69,55,.1)}.map-search .icon{width:13px;height:13px;color:var(--green)}.map-search span{flex:1}.map-toggle{position:absolute;top:55px;left:12px;padding:6px 9px;border-radius:999px;background:#fff;z-index:5;color:var(--green);font-weight:800;font-size:9px;box-shadow:0 3px 8px rgba(26,69,55,.1)}.map-marker{position:absolute;z-index:4;width:102px;padding:7px 5px 5px;display:flex;flex-direction:column;align-items:center;background:#fff;border:2px solid #5eaa87;border-radius:12px;box-shadow:0 8px 18px rgba(40,81,73,.18);line-height:1.1;text-align:center}.map-marker:after{content:"";position:absolute;bottom:-12px;width:3px;height:10px;background:var(--green);border-radius:2px}.map-marker img{width:43px;height:43px;object-fit:cover;border-radius:9px;margin-bottom:4px}.map-marker b{font-size:10px;color:var(--green);white-space:nowrap}.map-marker span{font-size:7px;color:#926d1e;background:#fff3d7;border-radius:10px;padding:2px 3px;margin-top:4px;white-space:nowrap}.map-marker strong{font-size:9px;margin-top:5px;white-space:nowrap}.marker-1{left:16px;top:135px}.marker-2{right:13px;top:225px;border-color:var(--green)}.marker-3{left:25px;bottom:42px;border-color:#e8a857}.map-locate{position:absolute;right:14px;bottom:18px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--green);font-size:22px;z-index:4;box-shadow:0 2px 8px rgba(20,59,48,.16)}
.activity-chips{justify-content:space-between}.activity-feed-card{margin:12px 8px 0;background:#fff;border-radius:16px;display:flex;overflow:hidden;height:207px;box-shadow:0 1px 7px rgba(28,70,54,.08)}.activity-photo{position:relative;width:41%;flex:none}.activity-photo>img{height:100%;width:100%;object-fit:cover}.activity-photo>span{position:absolute;top:8px;left:5px;border-radius:99px;padding:4px;background:rgba(255,255,255,.9);font-size:8px;color:var(--green);font-weight:800;white-space:nowrap}.activity-info{width:59%;min-width:0;padding:10px 7px;position:relative}.activity-info>b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-info>p{font-size:8px;line-height:1.35;color:#5e7068;margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-author{display:flex;align-items:center;gap:4px;margin-bottom:8px}.activity-author img{width:20px;height:20px;object-fit:cover;border-radius:6px}.activity-author span{font-size:8px;color:#60756c}.activity-info>small{display:block;font-size:8px;color:var(--green);margin-top:5px;white-space:nowrap}.recruit{font-size:8px;font-weight:800;color:var(--green);margin-top:9px}.recruit em{font-size:7px;color:#829589;font-style:normal;font-weight:500}.recruit i{display:block;margin-top:5px;height:4px;background:#e3e8df;border-radius:3px}.recruit u{display:block;width:39%;height:100%;background:var(--gold-deep);border-radius:3px}.activity-go{position:absolute;bottom:8px;right:7px;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,#eeb352,#ffdb8a);font-size:8px;font-weight:900;color:#334632}.activity-feed-card.second{height:196px;margin-top:10px;opacity:.84}
.preview-post{margin:9px 8px 0;padding:11px}.preview-post .post-photo{height:170px}.preview-post h3{margin-top:9px}.preview-post p{line-height:1.45}.preview-post .post-stats{gap:14px}
.chat-phone{background:#f0f4f2}.chat-header{display:flex;align-items:center;gap:10px;min-height:49px;padding:6px 11px;background:#eaf0ef;color:var(--green)}.chat-header>.icon{width:16px;height:16px}.chat-header div{flex:1;text-align:center}.chat-header b{display:block;font-size:13px}.chat-header small{display:block;font-size:8px;color:#65857a}.chat-header>span{font-size:16px}.chat-messages{padding:0 10px}.chat-time{width:max-content;margin:15px auto 20px;padding:5px 10px;border-radius:999px;background:#dfe4e2;color:#536760;font-size:9px}.chat-row{display:flex;align-items:flex-start;gap:7px;margin-bottom:14px}.chat-row img{width:27px;height:27px;border-radius:8px;object-fit:cover}.chat-row p{font-size:10px;line-height:1.5;max-width:74%;margin:0;padding:10px;border-radius:14px;background:#fff}.chat-row.right{justify-content:flex-end}.chat-row.right p{background:var(--green);color:white}.chat-composer{position:absolute;bottom:0;left:0;right:0;height:50px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 9px;color:var(--green);font-size:19px}.chat-placeholder{border-radius:999px;background:#f1f6f3;color:#9aa9a2;font-size:10px;padding:9px 10px;flex:1}
.download-section{background:radial-gradient(circle at 75% 55%,#28685a 0%,transparent 42%),linear-gradient(120deg,#143f39,#0d342f);color:#fff;overflow:hidden}.download-inner{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:20px;min-height:448px}.download-copy{padding:68px 0}.download-inner h2{font-size:clamp(45px,5.2vw,75px)}.download-copy>p:not(.eyebrow){max-width:530px;color:#d9eee2;line-height:1.85;font-size:17px;margin:23px 0 26px}.coming-label{display:inline-block;padding:15px 21px;background:var(--gold);color:#183c34;border-radius:999px;font-size:15px;font-weight:900}.download-art{height:100%;position:relative;display:grid;place-items:center}.download-orbit{position:absolute;width:450px;height:235px;border:2px solid var(--gold);border-radius:50%;transform:rotate(-25deg)}.download-star{position:absolute;color:var(--gold);font-size:62px;left:5px;top:39px;animation:star-bob 5s ease-in-out infinite}.download-spark{position:absolute;color:var(--coral);font-size:42px;right:5px;bottom:53px}.download-art img{position:relative;z-index:1;width:230px;height:230px;border-radius:47px;box-shadow:0 25px 55px rgba(2,24,20,.28)}
.site-footer{background:#fff}.footer-main{display:flex;justify-content:space-between;gap:30px;padding:57px 0 43px}.footer-brand{display:grid;grid-template-columns:54px auto;column-gap:12px;align-items:center}.footer-brand strong{display:block;font-size:25px;letter-spacing:.05em;color:var(--green)}.footer-brand small{font-size:10px;letter-spacing:.19em;font-weight:800}.footer-brand p{grid-column:1/-1;font-size:13px;color:#6b7c74;margin:17px 0 0}.footer-main nav{display:flex;align-items:flex-start;gap:28px;font-size:13px;font-weight:700;color:#4e655a}.footer-main nav a:hover{color:var(--gold-deep)}.footer-bottom{border-top:1px solid #e8eeeb;padding:20px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#81928a}
@keyframes phone-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-10px)}}@keyframes star-bob{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-11px) rotate(10deg)}}
@media(max-width:1180px){.hero-inner{grid-template-columns:50% 50%}.hero-stage{transform:scale(.88);transform-origin:center}.hero h1{font-size:clamp(52px,6.2vw,80px)}.hero-lead{font-size:17px}.screens-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-color:#a9c9b9 transparent}.screen-column{width:300px;min-width:300px;scroll-snap-align:center}.showcase-note{display:block;text-align:center;margin:13px 0 0;color:#688477;font-size:12px}.feature-card{padding-inline:22px}}
@media(max-width:900px){.container{width:min(100% - 40px,720px)}.desktop-nav{gap:20px;font-size:13px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:74px 0 0}.hero-stage{width:min(100%,600px);height:590px;margin:auto;transform:none}.hero-phone{right:100px;top:2px;transform:rotate(6deg);animation:none}.hero-photo{left:25px;bottom:20px}.hero-mini-card{right:0}.hero-scribble{right:0;bottom:25px}.hero h1{font-size:clamp(62px,10vw,85px)}.hero-lead{max-width:620px}.hero-footnote{margin-top:30px}.intro-grid{gap:45px}.intro-grid h2{font-size:48px}.intro-right>p{font-size:16px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1;height:360px}.feature-card:last-child .feature-dynamic-art{inset:80px 0 0 45%;}.download-inner{grid-template-columns:1fr 300px}.download-orbit{width:360px}.download-art img{width:175px;height:175px}}
@media(max-width:680px){.site-header{height:73px}.container{width:min(100% - 32px,500px)}.brand-icon{width:46px;height:46px;border-radius:12px}.brand-icon img{width:69px;height:69px;left:-11.5px;top:-11.5px}.brand-name{font-size:22px}.brand-name small{font-size:10px}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;width:43px;height:43px;border:1px solid #dbe8e2;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:19px;height:2px;background:var(--green);border-radius:2px}.mobile-nav nav{position:absolute;right:0;top:51px;width:190px;padding:9px;background:#fff;border:1px solid #e0e9e4;border-radius:15px;box-shadow:var(--shadow);display:grid}.mobile-nav nav a{padding:12px 15px;font-weight:700;font-size:14px;border-radius:8px}.mobile-nav nav a:hover{background:var(--mint-light)}.hero-inner{display:block}.hero-copy{padding:62px 0 0}.hero h1{font-size:clamp(50px,13.2vw,75px);margin-bottom:29px}.hero-lead{font-size:15px;line-height:1.85;max-width:490px}.hero-actions{gap:17px}.button{min-height:53px;padding:0 22px;font-size:14px}.hero-status{font-size:12px}.hero-footnote{margin-top:32px;font-size:11px}.hero-stage{height:475px;width:100%;overflow:visible}.hero-phone{width:244px;height:486px;right:12%;top:35px;transform:rotate(8deg);border-width:7px}.hero-phone .phone-screen{border-radius:28px}.hero-phone .phone-notch{width:64px;height:14px}.hero-phone .dynamic-card{padding:8px}.hero-phone .post-photo{height:118px}.hero-phone .dynamic-card p{font-size:8px}.hero-photo{width:200px;height:175px;left:-5%;bottom:5px;border-width:6px}.hero-mini-card{top:85px;right:0;padding:8px}.hero-mini-card strong{font-size:10px}.hero-mini-card small{font-size:8px}.orbit-one{width:460px;height:180px;left:-80px;top:164px}.orbit-two{width:400px;height:240px;right:-100px}.orbit-flower{left:-5px;top:71px}.orbit-star{top:22px;right:0}.hero-scribble{display:none}.hero-bottom .container{font-size:9px}.section{padding:76px 0}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-grid h2{font-size:clamp(38px,9vw,54px)}.intro-right>p{font-size:16px;margin-bottom:16px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:37px}.section-heading>p{font-size:13px;margin-top:15px}.feature-grid{display:grid;grid-template-columns:1fr;gap:14px}.feature-card,.feature-card:last-child{height:400px;grid-column:auto}.feature-card h3{font-size:23px}.feature-map-art{height:210px}.feature-activity-art{height:222px}.feature-activity-art>img{height:120px}.feature-card:last-child .feature-dynamic-art{inset:165px 0 0 0}.polaroid{width:170px}.polaroid img{height:110px}.showcase-heading h2{font-size:40px}.showcase-heading>p:not(.eyebrow){font-size:13px}.screens-grid{margin-right:calc((100vw - min(100vw - 32px,500px)) / -2);padding-right:16px}.screen-column{min-width:296px}.download-inner{display:block;min-height:0;padding-top:62px}.download-copy{padding:0}.download-inner h2{font-size:clamp(44px,10vw,60px)}.download-copy>p:not(.eyebrow){font-size:15px}.coming-label{font-size:13px}.download-art{height:245px}.download-orbit{width:290px;height:155px}.download-art img{width:126px;height:126px;border-radius:27px}.download-star{left:16%;top:30px;font-size:40px}.download-spark{right:14%;bottom:23px}.footer-main{display:block;padding:40px 0 25px}.footer-brand{width:max-content}.footer-main nav{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 26px;margin-top:30px}.footer-bottom{display:grid;gap:7px;font-size:10px;padding:20px 0 25px}}
@media(max-width:390px){.hero h1{font-size:47px}.hero-stage{height:450px}.hero-phone{right:4%;width:222px;height:456px}.hero-photo{width:170px;height:145px;left:-8%;bottom:10px}.hero-mini-card{right:-4px}.hero-lead{font-size:14px}.hero-status{width:100%}.feature-card{height:388px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-phone,.orbit-star,.orbit-flower,.download-star{animation:none}.nav-download,.button-gold{transition:none}}
.download-logo{position:relative;z-index:1;display:block;width:230px;height:230px;border-radius:47px;overflow:hidden;box-shadow:0 25px 55px rgba(2,24,20,.28)}
.download-art .download-logo img{position:absolute;max-width:none;width:345px;height:345px;left:-57.5px;top:-57.5px;border-radius:0;box-shadow:none}
@media(max-width:900px){.download-logo{width:175px;height:175px;border-radius:38px}.download-art .download-logo img{width:262.5px;height:262.5px;left:-43.75px;top:-43.75px}}
@media(max-width:680px){.download-logo{width:126px;height:126px;border-radius:27px}.download-art .download-logo img{width:189px;height:189px;left:-31.5px;top:-31.5px}}
.marker-avatar{position:relative;margin-bottom:4px}.marker-avatar img{margin-bottom:0}.marker-avatar small{position:absolute;left:2px;bottom:2px;padding:1px 2px;border-radius:4px;background:rgba(255,255,255,.92);font-size:6px;font-weight:700;line-height:1.1}.map-marker .marker-badges{display:flex;gap:2px;justify-content:center;width:100%;margin-top:4px}.map-marker .marker-badges span{margin:0;padding:1px 3px;border:1px solid;font-size:6px;line-height:1.1}.map-marker .marker-badges .real{color:#9a650e;background:rgba(255,244,222,.96);border-color:rgba(218,153,38,.55)}.map-marker .marker-badges .school{color:#277154;background:#e3f4e8;border-color:#72b98e}.map-marker .marker-badges .unverified{color:#7f9088;background:#f3f7f4;border-color:#d5e2db}
.chat-row.right p{background:#2f5c53}
/* Agreement and privacy pages */
.legal-page{background:#f8fbf8}
.legal-header-nav{display:flex;gap:22px;align-items:center;color:var(--green);font-size:13px;font-weight:800}
.legal-header-nav a:hover,.legal-main a:hover,.legal-footer a:hover{color:#a56b08}
.legal-main{max-width:860px;padding:76px 0 96px}
.legal-main h1{font-size:clamp(38px,5vw,60px);line-height:1.18;letter-spacing:-.04em;color:var(--green);margin:12px 0 10px}
.legal-meta{color:#789087;font-size:13px;margin:0 0 25px}
.legal-notice{border:1px solid #ead89c;border-radius:16px;background:#fff7df;padding:18px 22px;color:#5d4b20;font-size:14px;line-height:1.8;margin:0 0 34px}
.legal-main section{margin-top:36px}
.legal-main h2{font-size:23px;color:var(--green);margin:0 0 12px}
.legal-main h3{font-size:16px;color:var(--green);margin:0 0 5px}
.legal-main p,.legal-main li{font-size:15px;line-height:1.9;color:#42584f}
.legal-main p{margin:0 0 14px}
.legal-main ul{padding-left:24px;margin:0 0 14px}
.legal-main li{padding-left:2px;margin-bottom:9px}
.legal-main a,.legal-footer a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal-vendors{display:grid;gap:12px;margin:19px 0}
.legal-vendors>div{padding:18px 20px;border:1px solid #dfece6;border-radius:16px;background:white}
.legal-vendors p{margin:0;font-size:14px}
.legal-footer{background:white;border-top:1px solid #dfece6;padding:26px 0}
.legal-footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;font-size:12px;color:#758a80}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.footer-bottom>span:last-child{text-align:right}
.icp-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.footer-main nav{flex-wrap:wrap;justify-content:flex-end;max-width:600px}}
@media(max-width:680px){.legal-main{padding:50px 0 68px}.legal-main h2{font-size:20px}.legal-main p,.legal-main li{font-size:14px}.legal-notice{font-size:13px;padding:15px 17px}.legal-header-nav{gap:12px;font-size:12px}.footer-bottom{grid-template-columns:1fr;text-align:center}.footer-bottom>span:last-child{text-align:center}.footer-main nav{justify-content:initial}}
