.friends-page{--friends-ink:#eef5f7;--friends-muted:#b5c4cb;--friends-lime:#b9fa34;--friends-cyan:#36d9e9;background:#06131d;color:var(--friends-ink)}
.friends-page .menu-button{min-width:44px;min-height:44px}
.friends-page main{overflow:hidden}.friends-page .friends-kicker{margin:0;color:var(--friends-lime);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.friends-page h1,.friends-page h2,.friends-page h3{letter-spacing:-.035em}.friends-page .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.friends-hero{position:relative;min-height:720px;isolation:isolate}.friends-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.friends-hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#03101bf7 0%,#061521e8 31%,#06152178 54%,#06152114 73%),linear-gradient(0deg,#06131d 0%,transparent 28%)}.friends-hero-inner{display:flex;align-items:center;min-height:720px;padding-block:76px}.friends-hero-copy{max-width:625px}.friends-hero-copy h1{margin:12px 0 22px;font-size:clamp(54px,6.7vw,88px);line-height:.97}.friends-hero-copy h1 span{color:var(--friends-lime)}.friends-lede{max-width:560px;margin:0;color:#d1dcdf;font-size:clamp(18px,2vw,22px);line-height:1.55}.friends-action-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:30px;padding:16px 16px 16px 20px;border:1px solid #ffffff24;border-radius:20px;background:#071722dc;backdrop-filter:blur(14px);box-shadow:0 22px 60px #0007}.friends-action-card div{display:grid;gap:4px}.friends-action-card strong{font-size:16px}.friends-action-card span{color:var(--friends-muted);font-size:13px;line-height:1.45}.friends-action-card b{color:#fff}.friends-new-user{display:flex;align-items:center;gap:20px;margin-top:14px}.friends-new-user .button{min-width:190px}.friends-android-link{color:#d7e2e5;font-size:13px;font-weight:700;text-underline-offset:3px}.friends-section{padding:92px 0}.friends-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;margin-bottom:38px}.friends-section-heading h2,.friends-privacy h2,.friends-future h2,.friends-how h2,.friends-faq h2{margin:9px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.04}.friends-section-heading>p{max-width:570px;margin:0;color:var(--friends-muted);font-size:18px;line-height:1.7}.friends-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.friends-feature-card{position:relative;min-height:360px;padding:28px;border:1px solid #39505d;border-radius:26px;background:linear-gradient(155deg,#102737,#091b27);box-shadow:0 24px 70px #0003}.friends-step{position:absolute;top:24px;right:26px;color:#7f939d;font-size:12px;font-weight:800;letter-spacing:.12em}.friends-feature-card h3{margin:30px 0 10px;font-size:24px}.friends-feature-card p{margin:0;color:var(--friends-muted);line-height:1.65}.friends-mini-connection,.friends-mini-feed,.friends-mini-options{margin-top:32px}.friends-mini-connection{display:flex;align-items:center;gap:10px}.friends-mini-connection span{display:grid;place-items:center;min-width:78px;min-height:42px;padding:0 14px;border:1px solid #b9fa3455;border-radius:999px;color:#e8ffd0;font-size:12px;font-weight:750}.friends-mini-connection i{position:relative;width:50px;height:1px;background:#44606d}.friends-mini-connection i:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #72909d;border-right:1px solid #72909d;transform:rotate(45deg)}.friends-mini-feed{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #ffffff14;border-radius:16px;background:#06131d}.friends-mini-feed div{display:grid;flex:1;gap:4px}.friends-mini-feed b{font-size:13px}.friends-mini-feed small{color:#9fb0b8;font-size:11px}.friends-mini-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--friends-lime),var(--friends-cyan))}.friends-mini-heart{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#ffffff0b;color:var(--friends-lime);font-size:22px}.friends-mini-options{display:flex;flex-wrap:wrap;gap:8px}.friends-mini-options span{padding:9px 11px;border-radius:999px;background:#ffffff0b;color:#dce6e9;font-size:11px;font-weight:750}.friends-mini-options span:first-child{border:1px solid #b9fa3450;background:#b9fa3414;color:#e6ffc4}.friends-privacy{background:linear-gradient(180deg,#06131d,#0a1b27)}.friends-privacy-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:72px;align-items:center}.friends-privacy-copy>p:not(.friends-kicker){max-width:570px;color:var(--friends-muted);font-size:17px;line-height:1.7}.friends-check-list{display:grid;gap:11px;margin:30px 0 0;padding:0;list-style:none}.friends-check-list li{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:16px 0;border-top:1px solid #ffffff14}.friends-check-list strong{color:#fff}.friends-check-list span{color:var(--friends-muted);line-height:1.5}.friends-route-card{padding:26px;border:1px solid #3b5362;border-radius:28px;background:#0e2635;box-shadow:0 28px 80px #0005}.friends-demo-label{display:block;color:var(--friends-cyan);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.friends-map-placeholder{position:relative;overflow:hidden;min-height:270px;margin-top:18px;border-radius:20px;background:radial-gradient(circle at 66% 35%,#37657955,transparent 26%),linear-gradient(25deg,transparent 45%,#1b4151 46% 47%,transparent 48%),linear-gradient(-32deg,transparent 51%,#173848 52% 53%,transparent 54%),#081923}.friends-map-placeholder:before,.friends-map-placeholder:after{content:"";position:absolute;inset:18% -15%;border:1px solid #ffffff0d;border-radius:50%;transform:rotate(18deg)}.friends-map-placeholder:after{inset:-20% 25%;transform:rotate(-25deg)}.friends-route-line{position:absolute;left:21%;top:24%;width:57%;height:51%;border:4px solid var(--friends-lime);border-top-color:transparent;border-radius:50% 40% 48% 45%;filter:drop-shadow(0 0 9px #b9fa3477);opacity:.24}.friends-route-start,.friends-route-end{position:absolute;width:12px;height:12px;border:3px solid #d9ff9b;border-radius:50%;background:#0d2431;opacity:.3}.friends-route-start{left:24%;bottom:24%}.friends-route-end{right:24%;top:27%}.friends-route-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.friends-route-options strong{display:grid;place-items:center;text-align:center;min-height:52px;padding:9px;border:1px solid #ffffff12;border-radius:13px;color:#b8c7cd;font-size:11px}.friends-route-options strong:first-child{border-color:#b9fa3455;background:#b9fa3412;color:#ecffd4}.friends-route-options strong span{display:block;color:var(--friends-lime);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.friends-route-card>p{margin:16px 0 0;color:#81949d;font-size:11px;text-align:center}.friends-safety{padding-block:54px;background:#0a1b27}.friends-safety-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;padding:30px;border:1px solid #345160;border-radius:24px;background:#0f2735}.friends-safety-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#36d9e916;color:#63e7f2;font-size:34px}.friends-safety-card h2{margin:5px 0 8px;font-size:clamp(27px,3vw,38px)}.friends-safety-card p:not(.friends-kicker){margin:0;max-width:760px;color:var(--friends-muted);line-height:1.65}.friends-future{background:#06131d}.friends-future-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}.friends-future h2 span{color:var(--friends-lime)}.friends-future-copy>p:not(.friends-kicker){color:var(--friends-muted);font-size:17px;line-height:1.7}.friends-upcoming-note{padding-left:16px;border-left:3px solid var(--friends-lime);font-size:14px!important}.friends-signal-stack{position:relative;min-height:455px;padding:42px 34px 26px}.friends-signal-stack>p{position:relative;margin:18px 0 0;color:#81939c;font-size:11px;text-align:center}.friends-signal-glow{position:absolute;inset:16% 12%;border-radius:50%;background:#38deea1f;filter:blur(44px)}.friends-signal-card{border:1px solid #3c5967;border-radius:26px;background:linear-gradient(150deg,#102b3a,#0a1c28);box-shadow:0 30px 70px #0008}.friends-signal-card-back{position:absolute;inset:25px 50px 60px 16px;transform:rotate(-5deg);opacity:.5}.friends-signal-card-main{position:relative;padding:28px}.friends-pulse-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.friends-pulse-row span{display:grid;place-items:center;min-height:48px;border:1px solid #ffffff12;border-radius:12px;color:#dce8eb;font-size:11px;font-weight:750}.friends-pulse-row span:nth-child(1){border-color:#8fdcf044}.friends-pulse-row span:nth-child(2){border-color:#b9fa3444}.friends-pulse-row span:nth-child(3){border-color:#8767f244}.friends-pulse-row span:nth-child(4){border-color:#4ecdd744}.friends-adjustment-card{display:grid;gap:6px;margin-top:16px;padding:18px;border-radius:16px;background:#06131d}.friends-adjustment-card strong{font-size:15px}.friends-adjustment-card span{color:#b8c6cc;font-size:13px}.friends-adjustment-card small{color:#78909b;font-size:11px}.friends-support-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.friends-support-row span{padding:8px 10px;border-radius:999px;background:#ffffff0b;color:#cddadd;font-size:10px;font-weight:750}.friends-how{padding-top:64px;background:linear-gradient(180deg,#06131d,#091b27)}.friends-how-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:50px;align-items:center;padding:46px;border:1px solid #3a5664;border-radius:30px;background:linear-gradient(135deg,#102b3a,#0a1b27);box-shadow:0 26px 80px #0004}.friends-how-card p:not(.friends-kicker){max-width:680px;color:var(--friends-muted);line-height:1.65}.friends-closing-actions{display:grid;gap:11px}.friends-closing-actions>a:last-child{min-height:44px;display:grid;place-items:center;color:#dcf5ac;font-size:12px;font-weight:750}.friends-faq{background:#091b27}.friends-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px}.friends-faq details{border-top:1px solid #39505c;padding:0}.friends-faq details:last-child{border-bottom:1px solid #39505c}.friends-faq summary{min-height:60px;display:flex;align-items:center;cursor:pointer;color:#fff;font-size:17px;font-weight:750}.friends-faq details p{margin:0 0 22px;color:var(--friends-muted);line-height:1.65}.friends-faq details a{color:#dfff9f}.friends-page .site-footer{background:#06131d}
@media(max-width:980px){.friends-action-card{grid-template-columns:1fr}.friends-action-card .button{justify-self:start}.friends-live-grid{grid-template-columns:1fr 1fr}.friends-control-card{grid-column:1/-1}.friends-privacy-grid,.friends-future-grid{gap:40px}.friends-how-card{grid-template-columns:1fr}.friends-closing-actions{grid-template-columns:1fr 1fr}.friends-closing-actions>a:last-child{grid-column:1/-1}}
@media(max-width:760px){.friends-hero{min-height:0;padding-top:250px}.friends-hero-image{height:315px;object-position:66% center;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.friends-hero-wash{background:linear-gradient(0deg,#06131d 0%,#06131d 46%,transparent 82%)}.friends-hero-inner{min-height:0;padding:0 0 52px}.friends-hero-copy h1{font-size:clamp(46px,13.5vw,58px);line-height:1}.friends-lede{font-size:17px}.friends-action-card{margin-top:24px;padding:18px}.friends-action-card .button,.friends-new-user .button{width:100%}.friends-new-user{align-items:stretch;flex-direction:column;gap:14px}.friends-android-link{min-height:44px;display:flex;align-items:center}.friends-section{padding:58px 0}.friends-section-heading,.friends-privacy-grid,.friends-future-grid,.friends-faq-grid{grid-template-columns:1fr;gap:24px}.friends-section-heading>p{font-size:16px}.friends-live-grid{grid-template-columns:1fr}.friends-control-card{grid-column:auto}.friends-feature-card{min-height:0}.friends-check-list li{grid-template-columns:1fr;gap:5px}.friends-route-card{padding:18px}.friends-map-placeholder{min-height:210px}.friends-route-options{grid-template-columns:1fr}.friends-route-options strong{min-height:44px}.friends-safety-card{grid-template-columns:1fr}.friends-safety-card .button{width:100%}.friends-signal-stack{min-height:0;padding:28px 0 0}.friends-signal-card-back{inset:15px 22px 46px 8px}.friends-signal-card-main{padding:20px}.friends-pulse-row{grid-template-columns:1fr 1fr}.friends-how-card{padding:28px 20px}.friends-closing-actions{grid-template-columns:1fr}.friends-closing-actions>a:last-child{grid-column:auto;text-align:center}.friends-faq summary{min-height:64px;font-size:16px}}
@media(prefers-reduced-motion:no-preference){.friends-signal-card-main{animation:friends-float 7s ease-in-out infinite}.friends-route-line{animation:friends-route-pulse 3.8s ease-in-out infinite}}
@keyframes friends-float{50%{transform:translateY(-5px)}}@keyframes friends-route-pulse{50%{opacity:.42}}
@media(prefers-reduced-motion:reduce){.friends-page *,.friends-page *:before,.friends-page *:after{animation:none!important;scroll-behavior:auto!important}}
.friends-android-link{min-height:44px;display:inline-flex;align-items:center}.friends-faq details p a{min-height:44px;display:inline-flex;align-items:center}.friends-action-card span{font-size:14px}.friends-upcoming-note{font-size:16px!important}.friends-route-card>p,.friends-signal-stack>p{font-size:13px}

/* Oct 18 product-led visual pass: authentic screens replace illustrative wireframes. */
.friends-proof-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:64px;align-items:center}
.friends-proof-copy{display:grid}
.friends-proof-copy article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:25px 0;border-top:1px solid #ffffff18}
.friends-proof-copy article:last-child{border-bottom:1px solid #ffffff18}
.friends-proof-copy article>span{padding-top:5px;color:var(--friends-lime);font-size:12px;font-weight:850;letter-spacing:.14em}
.friends-proof-copy h3{margin:0 0 8px;font-size:clamp(22px,2.3vw,29px);line-height:1.15}
.friends-proof-copy p{margin:0;color:var(--friends-muted);font-size:16px;line-height:1.65}
.friends-screen-stage{position:relative;min-height:680px;margin:0;border-radius:38px;background:radial-gradient(circle at 52% 42%,#2a6d7c4d 0,transparent 43%),radial-gradient(circle at 84% 12%,#b9fa3414 0,transparent 28%)}
.friends-screen{position:absolute;overflow:hidden;border:1px solid #ffffff24;border-radius:30px;background:#06131d;box-shadow:0 34px 80px #0009,0 1px 0 #ffffff16 inset}
.friends-screen:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:0 0 0 6px #07141c inset}
.friends-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.friends-screen-welcome{left:3%;top:66px;width:52%;height:548px;z-index:2;transform:rotate(-2.2deg)}
.friends-screen-connected{right:1%;top:28px;width:43%;height:292px;z-index:3;transform:rotate(2.2deg)}
.friends-screen-sharing{right:0;bottom:78px;width:45%;height:274px;z-index:4;transform:rotate(1deg)}
.friends-screen-stage figcaption{position:absolute;right:1%;bottom:17px;display:grid;gap:3px;width:45%;color:#91a5ae;font-size:12px;line-height:1.4;text-align:right}
.friends-screen-stage figcaption strong{color:#dce7ea;font-size:13px}

.friends-route-product{position:relative;isolation:isolate;max-width:610px;margin:0 auto;padding:42px;border:1px solid #5a7380;border-radius:42px;background:linear-gradient(145deg,#102b3a,#071620);box-shadow:0 40px 100px #0008}
.friends-route-aura{position:absolute;inset:10%;z-index:-1;border-radius:50%;background:#b9fa3426;filter:blur(52px)}
.friends-route-product img{display:block;width:100%;height:auto;border-radius:30px;box-shadow:0 24px 60px #0008;transform:rotate(1deg)}
.friends-route-product figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:24px;color:#91a5ae;font-size:13px}
.friends-route-product figcaption strong{color:#f2f7f8;font-size:15px}

.friends-safety{padding-block:92px}
.friends-safety-experience{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center}
.friends-safety-media{display:block;overflow:hidden;border:1px solid #ffffff24;border-radius:34px;box-shadow:0 34px 90px #0008}
.friends-safety-media img{display:block;width:100%;height:auto;transition:transform .55s ease}
.friends-safety-media:hover img{transform:scale(1.015)}
.friends-safety-copy{position:relative;z-index:2;margin-left:-74px;padding:38px;border:1px solid #4b6673;border-radius:28px;background:#091c29eF;box-shadow:0 30px 80px #0008;backdrop-filter:blur(18px)}
.friends-safety-copy h2{margin:7px 0 14px;font-size:clamp(30px,3.5vw,48px);line-height:1.05}
.friends-safety-copy>p:not(.friends-kicker){margin:0 0 24px;color:var(--friends-muted);font-size:16px;line-height:1.65}

.friends-signal-vision{position:relative;min-height:515px;margin:0;padding:34px 0 0}
.friends-signal-rhythm{position:absolute;left:0;top:66px;overflow:hidden;width:66%;border:1px solid #3e5c69;border-radius:30px;background:#0c2230;box-shadow:0 34px 90px #0009;transform:rotate(-2.3deg)}
.friends-signal-rhythm img{display:block;width:100%;height:auto;transform:scale(1.015)}
.friends-signal-principles{position:absolute;right:0;top:18px;z-index:2;width:61%;padding:34px;border:1px solid #5c747f;border-radius:28px;background:#091c29ed;box-shadow:0 30px 85px #000a;backdrop-filter:blur(18px)}
.friends-signal-principles>span{color:var(--friends-lime);font-size:11px;font-weight:850;letter-spacing:.13em}
.friends-signal-principles>strong{display:block;margin-top:12px;color:#f3f8f9;font-size:clamp(27px,3.1vw,42px);line-height:1.04;letter-spacing:-.035em}
.friends-signal-principles>p{margin:20px 0 10px;color:#dce7ea;font-size:15px;font-weight:750;letter-spacing:.04em}
.friends-signal-principles>small{display:block;color:#9aadb5;font-size:13px;line-height:1.55}
.friends-signal-vision figcaption{position:absolute;right:0;bottom:12px;width:61%;color:#81949d;font-size:12px;line-height:1.5;text-align:right}

@media(max-width:980px){
  .friends-proof-layout{grid-template-columns:1fr;gap:32px}
  .friends-screen-stage{min-height:650px;max-width:720px;width:100%;margin-inline:auto}
  .friends-safety-experience{grid-template-columns:1fr}
  .friends-safety-copy{max-width:720px;margin:-64px 24px 0 auto}
}
@media(max-width:760px){
  .friends-proof-layout{gap:24px}
  .friends-proof-copy article{grid-template-columns:36px 1fr;gap:12px;padding:21px 0}
  .friends-proof-copy p{font-size:16px}
  .friends-screen-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding-top:10px;background:radial-gradient(circle at 50% 35%,#2a6d7c46 0,transparent 50%)}
  .friends-screen{position:relative;inset:auto!important;width:auto!important;transform:none!important;border-radius:22px}
  .friends-screen-welcome{grid-column:1/-1;height:auto;aspect-ratio:600/844}
  .friends-screen-connected,.friends-screen-sharing{height:auto;aspect-ratio:600/844}
  .friends-screen-stage figcaption{position:static;grid-column:1/-1;width:auto;text-align:left}
  .friends-route-product{padding:16px;border-radius:28px}
  .friends-route-product img{border-radius:21px}
  .friends-route-product figcaption{display:grid;gap:3px;margin-top:16px}
  .friends-safety{padding-block:58px}
  .friends-safety-media{border-radius:24px}
  .friends-safety-copy{margin:-32px 12px 0;padding:25px 20px;border-radius:24px}
  .friends-safety-copy .button{width:100%}
  .friends-signal-vision{display:grid;min-height:0;padding-top:16px}
  .friends-signal-rhythm,.friends-signal-principles{position:relative;inset:auto;width:auto}
  .friends-signal-rhythm{border-radius:23px;transform:none}
  .friends-signal-principles{z-index:2;margin:-25px 12px 0;padding:24px 20px;border-radius:23px}
  .friends-signal-vision figcaption{position:static;width:auto;margin-top:14px;text-align:left}
}

/* Route privacy: recognizable map context with accessible privacy-state previews. */
.friends-route-experience{position:relative;isolation:isolate;width:min(100%,680px);margin:0 auto;padding:22px;border:1px solid #496572;border-radius:34px;background:linear-gradient(150deg,#102b3a,#071620 74%);box-shadow:0 40px 100px #0008,0 1px 0 #ffffff12 inset}
.friends-route-experience:before{content:"";position:absolute;inset:12% 8%;z-index:-1;border-radius:40%;background:linear-gradient(130deg,#b9fa3420,#36d9e921);filter:blur(48px)}
.friends-route-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 4px 17px}
.friends-route-header>div{display:grid;gap:4px}.friends-route-header>div>span{color:var(--friends-cyan);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.friends-route-header strong{color:#f2f7f8;font-size:18px;letter-spacing:-.01em}
.friends-route-demo{flex:none;padding:7px 9px;border:1px solid #ffffff1f;border-radius:999px;color:#aebdc3;font-size:12px;font-weight:800;letter-spacing:.08em}
.friends-route-map-shell{position:relative;overflow:hidden;border:1px solid #ffffff17;border-radius:24px;background:#071720;box-shadow:0 22px 52px #0007}
.friends-route-map{display:block;width:100%;height:auto;aspect-ratio:720/440}
.friends-route-map-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,#031019d9 100%)}
.friends-route-map-caption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:11px;color:#eef6f7}
.friends-route-map-caption>div{display:grid;gap:2px}.friends-route-map-caption strong{font-size:14px;line-height:1.2}.friends-route-map-caption span:not(.friends-route-map-icon){color:#aebdc3;font-size:12px;line-height:1.35}
.friends-route-map-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #b9fa3447;border-radius:11px;background:#b9fa3413;color:var(--friends-lime);font-size:17px;font-weight:850}
.friends-route-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.friends-route-tabs button{min-width:0;min-height:62px;display:grid;place-items:center;align-content:center;gap:3px;padding:9px 7px;border:1px solid #ffffff16;border-radius:14px;background:#0b2330;color:#b9c8ce;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.friends-route-tabs button:hover{border-color:#ffffff35;color:#f4f8f9;transform:translateY(-1px)}.friends-route-tabs button:focus-visible{outline:3px solid #b9fa34;outline-offset:3px}
.friends-route-tabs button[aria-pressed="true"]{border-color:#b9fa348f;background:linear-gradient(145deg,#1a382f,#102f36);color:#f1ffd9;box-shadow:0 0 0 1px #b9fa341c inset}
.friends-route-tabs button span{font-size:13px;font-weight:800;line-height:1.25;text-align:center}.friends-route-tabs button small{color:#91a5ad;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.friends-route-tabs button[aria-pressed="true"] small{color:var(--friends-lime)}
.friends-route-status{min-height:42px;margin:14px 3px 0;color:#b9c8ce;font-size:13px;line-height:1.55}.friends-route-experience figcaption{padding-top:13px;border-top:1px solid #ffffff12;color:#8499a2;font-size:12px;line-height:1.5;text-align:center}
.friends-route-segment,.friends-route-endpoints,.friends-route-private-zones,.friends-route-hidden-card{transition:opacity .28s ease}
.friends-route-experience[data-route-mode="hidden"] .friends-route-segment,.friends-route-experience[data-route-mode="hidden"] .friends-route-endpoints,.friends-route-experience[data-route-mode="hidden"] .friends-route-private-zones{opacity:0}
.friends-route-experience[data-route-mode="hidden"] .friends-route-hidden-card{opacity:1}
.friends-route-experience[data-route-mode="ends"] .friends-route-hidden-card,.friends-route-experience[data-route-mode="full"] .friends-route-hidden-card{opacity:0}
.friends-route-experience[data-route-mode="ends"] .friends-route-segment-middle{opacity:1}.friends-route-experience[data-route-mode="ends"] .friends-route-segment-start,.friends-route-experience[data-route-mode="ends"] .friends-route-segment-end{opacity:.12;stroke-dasharray:5 13}.friends-route-experience[data-route-mode="ends"] .friends-route-endpoints{opacity:0}.friends-route-experience[data-route-mode="ends"] .friends-route-private-zones{opacity:1}
.friends-route-experience[data-route-mode="full"] .friends-route-segment,.friends-route-experience[data-route-mode="full"] .friends-route-endpoints{opacity:1}.friends-route-experience[data-route-mode="full"] .friends-route-private-zones{opacity:0}
@media(max-width:980px){.friends-privacy-grid{grid-template-columns:1fr;gap:34px}.friends-route-experience{max-width:680px}}
@media(max-width:760px){.friends-route-experience{padding:13px;border-radius:25px}.friends-route-header{padding:3px 3px 13px}.friends-route-header strong{font-size:16px}.friends-route-demo{padding:6px 7px}.friends-route-map-shell{border-radius:18px}.friends-route-map-caption{left:12px;right:12px;bottom:10px}.friends-route-map-caption span:not(.friends-route-map-icon){display:none}.friends-route-map-icon{flex-basis:30px;width:30px;height:30px;border-radius:9px}.friends-route-tabs{grid-template-columns:1fr}.friends-route-tabs button{min-height:48px;display:flex;justify-content:space-between;padding:10px 14px}.friends-route-tabs button span{text-align:left}.friends-route-status{min-height:0;margin-top:12px}.friends-route-experience figcaption{text-align:left}}
@media(prefers-reduced-motion:reduce){.friends-route-tabs button,.friends-route-segment,.friends-route-endpoints,.friends-route-private-zones,.friends-route-hidden-card{transition:none!important}}

/* Keep every meaningful product label readable on phone screens. */
.friends-mini-feed small,.friends-mini-options span,.friends-demo-label,.friends-route-options strong,.friends-route-options strong span,.friends-pulse-row span,.friends-adjustment-card small,.friends-support-row span,.friends-signal-principles>span,.friends-signal-vision figcaption{font-size:12px}