.public-friendship{overflow-x:clip;background:linear-gradient(180deg,#b6d7f6 0,#eaf4fc 650px,#fffdf8 1450px);padding-bottom:12px}.friendship-intro{max-width:1040px;margin:auto;padding:160px 48px 72px;gap:44px;grid-template-columns:1.3fr 1fr}.friendship-intro h1{font-size:58px;font-weight:500;line-height:1.05;letter-spacing:-2.3px}.friendship-intro .public-feature-copy>p{max-width:470px}.friendship-intro .public-feature-copy>.friendship-entry-note{font-size:16px;line-height:1.4;margin-top:18px}.friendship-intro .public-app-button{text-decoration:none}.friendship-section{max-width:760px;margin:0 auto;padding:32px 48px 38px}.friendship-section h2{font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-1.4px}.friendship-section h3{font-size:24px;font-weight:500;line-height:1.2;margin:26px 0 0}.friendship-section p,.friendship-scenario{font-size:20px;line-height:1.45;color:#4e514f}.friendship-section p{margin-top:18px}.friendship-example{background:#fffdf4;border-radius:24px;box-shadow:0 7px 24px #506e7510;margin-block:16px 24px}.friendship-example .friendship-example-label{font-size:16px;color:#79502f;margin:0 0 16px}.friendship-score{display:flex;gap:16px;align-items:center;margin-top:24px}.friendship-score strong{font-size:62px;line-height:1;font-weight:500;letter-spacing:-2px;color:#79502f}.friendship-score span{font-size:18px}.friendship-scenario{margin:20px 0 0}.friendship-scenario>div{padding:16px 0;border-top:1px solid #deded0}.friendship-scenario dt{color:#17140f;font-weight:500;margin-bottom:6px}.friendship-scenario dd{margin:0}.friendship-example .friendship-sample-note{font-size:16px}.friendship-steps{padding-left:24px;margin:24px 0 30px}.friendship-steps li{padding-left:8px;margin-bottom:24px}.friendship-steps h3{margin:0}.friendship-steps p{margin-top:8px}.friendship-section>.public-app-button{text-decoration:none}.friendship-faq h2{margin-bottom:24px}.friendship-faq details{border-top:1px solid #deded0;padding:18px 0}.friendship-faq summary{font-size:22px;line-height:1.3;cursor:pointer}.friendship-faq summary:focus-visible{outline:2px solid #79502f;outline-offset:5px}.friendship-faq details p{font-size:19px}.friendship-explore nav{display:flex;gap:8px 24px;justify-content:center;flex-wrap:wrap;margin-top:20px}.friendship-explore nav a{color:#39453a;font-size:18px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}@media(max-width:900px){.friendship-intro{display:flex;flex-direction:column;grid-template-columns:minmax(0,1fr);text-align:center}.friendship-intro .public-feature-copy{min-width:0;width:100%}.friendship-intro .public-feature-copy>p{margin-inline:auto}}@media(max-width:699px){.friendship-intro{padding:130px 28px 36px;gap:38px;margin-bottom:0}.friendship-intro h1{font-size:43px;letter-spacing:-1.9px}.friendship-intro .public-connect-art{margin-bottom:6px}.friendship-section{padding:28px 28px 32px}.friendship-section h2{font-size:31px;letter-spacing:-1.1px}.friendship-section p,.friendship-scenario{font-size:19px}.friendship-example{margin:12px 16px 20px;padding:28px 22px}.friendship-score strong{font-size:54px}.friendship-faq summary{font-size:21px}.friendship-explore nav{flex-direction:column;align-items:center;gap:2px}}@media(max-width:390px){.friendship-intro{padding-inline:24px}.friendship-intro h1{font-size:38px}.friendship-intro .public-app-button{min-width:0;gap:14px;font-size:18px;padding-inline:20px}.friendship-section{padding-inline:24px}.friendship-example{padding-inline:20px}}
