.friends-page{background:var(--bryth-footer-surface);color:var(--bryth-footer-heading);--ink:var(--bryth-footer-heading);overflow-x:hidden}
.friends-header{position:relative;top:auto;left:auto;right:auto;margin:30px 5.5% 0;opacity:1;gap:28px;z-index:10}
.friends-header .nav-pill{font-size:inherit;font-weight:400}
.friends-header .nav-pill[aria-current="page"]{border-color:#d0cdc885;background:#c0bcb50d;color:#e5e4e1}
.friends-header summary{list-style:none;cursor:pointer}
.friends-header summary::-webkit-details-marker{display:none}
.friends-header details[open] .nav-chevron{transform:rotate(180deg)}
.friends-header .moments-menu a{display:flex}
.friends-header .moments-menu a:hover{background:#ffffff0d}
.friends-header .moments-menu a:focus-visible{outline-offset:-2px}
.friends-top{position:relative;isolation:isolate;overflow:hidden}
.friends-top::before{content:none}
.friends-top::after{content:none}
.friends-hero{width:89%;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.17fr 1fr;gap:35px;align-items:start;min-height:0;padding:45px 0 70px}
.friends-copy{position:relative;z-index:2}
.friends-copy .eyebrow{color:#d8d5d1;margin-bottom:27px;font-size:9px}
.friends-title{font-size:clamp(52px,4.9vw,86px);line-height:1.09;letter-spacing:-.06em;font-weight:400;margin:0 0 25px;white-space:nowrap}
.friends-title em{font-style:normal;background:var(--bryth-neutral-highlight);background-clip:text;-webkit-background-clip:text;color:transparent}
.friends-intro{font-size:15px;line-height:1.8;color:#dcdad7;margin:0 0 22px}
.friends-offer{font-size:13px;line-height:1.8;color:#d6d4d0;margin:0 0 29px}
.friends-offer strong{font-weight:500;color:#ebe9e7}
.friends-copy .primary-cta{font-size:12px;gap:30px;padding-inline:25px}
.how-link{font-size:11px;color:#dbd9d5;margin-left:26px;padding:10px 0;border-bottom:1px solid #d6d4d04a}
.how-link span{margin-left:10px}
.how-link:hover{color:white}
.friends-small{font-size:10px;letter-spacing:.015em;color:#c4c1bb;margin:18px 0 0}
.friends-passes{position:relative;height:455px;margin:0;align-self:center;isolation:isolate}
.pass-halo{position:absolute;inset:5% -10% 0;background:radial-gradient(ellipse,#c3bfb92b,transparent 67%);filter:blur(20px);z-index:-1}
.pass-orbit{position:absolute;top:15%;left:-8%;width:115%;height:70%;border:1px solid #e2e1de26;border-radius:50%;transform:rotate(-32deg);z-index:-1}
.pass-orbit::after{content:"";position:absolute;inset:-13px;border:1px solid #e2e1de0f;border-radius:50%}
.reward-pass{position:absolute;width:250px;min-height:326px;padding:24px 26px 20px;border:1px solid #d0cdc95c;border-radius:20px;background:linear-gradient(150deg,#6c665ce0,#3e3b36f7 65%);box-shadow:0 22px 55px #1a191740;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pass-you{left:7%;top:6px;transform:rotate(-9deg)}
.pass-friend{right:4%;top:107px;transform:rotate(8deg);background:linear-gradient(145deg,#7d766beb,#4d4943 60%,#423f39);z-index:1;border-color:#dcdad66b}
.pass-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10.5px;letter-spacing:.1em;color:#e7e6e3;min-height:32px}
.pass-heading>span{white-space:nowrap}
.pass-heading img{flex:none}
.pass-heading img{width:42px;height:auto;opacity:.85}
.pass-value{font-size:106px;font-weight:400;line-height:1;letter-spacing:-.08em;margin:28px 0 16px;background:var(--bryth-neutral-highlight);background-clip:text;-webkit-background-clip:text;color:transparent}
.pass-value span{font-size:39px;letter-spacing:-.05em;margin-left:7px;vertical-align:15px}
.pass-friend .pass-value{background:linear-gradient(110deg,#e8e6e4,#dfddda);background-clip:text;-webkit-background-clip:text}
.pass-description{font-size:18px;font-weight:400;letter-spacing:-.02em;line-height:1.35;margin:0 0 23px;color:#eeedeb}
.pass-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e5e4e14d;padding-top:15px;font-size:8px;letter-spacing:.08em;color:#d9d6d2;gap:10px}
.pass-footnote-ref{display:inline-block;position:relative;margin-left:3px;text-decoration:underline;text-underline-offset:2px;color:var(--bryth-neutral-accent);font-weight:600}
.pass-footnote-ref::after{content:"";position:absolute;inset:-10px -8px}
.pass-footnote-ref sup{font-size:.85em}
#empfehlungsrabatt{scroll-margin-top:40px}
#empfehlungsrabatt:target{border-radius:12px;box-shadow:0 0 0 14px #d8f0f180;background:#d8f0f180}
.referral-footnote sup{font-size:.75em;font-weight:600;color:var(--bryth-neutral-accent)}
.pass-dot{width:4px;height:4px;background:#dad8d4;border-radius:50%;flex:none}
.friends-passes figcaption{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.24em;color:#c6c2bc}
.friends-hero-foot{width:89%;max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5d3cf24;padding:22px 0 28px;font-size:8px;letter-spacing:.16em;color:#bebab4}
.friends-hero-foot a{font-size:10px;letter-spacing:0;color:#dad7d3}
.friends-hero-foot a span{margin-left:10px}
.friends-how,.friends-faq{background:var(--bryth-neutral-paper);color:var(--bryth-neutral-ink);padding:95px 7%;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;scroll-margin-top:25px}
.friends-section-heading .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:23px;color:#8a8276}
.friends-section-heading h2{font-size:clamp(37px,3.9vw,62px);font-weight:400;line-height:1.12;letter-spacing:-.05em;margin:0 0 23px}
.friends-section-heading h2 span{color:#908a7f}
.friends-section-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#787267;max-width:330px}
.friends-steps{list-style:none;margin:0;padding:0}
.friends-steps li{display:grid;grid-template-columns:44px 1fr;gap:22px;border-top:1px solid #9c978d3d;padding:26px 0 23px}
.friends-step-number{font-size:10px;letter-spacing:.1em;color:#999388;padding-top:5px}
.friends-steps h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:0 0 10px;line-height:1.4}
.friends-steps p{font-size:13px;line-height:1.9;color:#7b756a;margin:0;max-width:390px}
.friends-share{position:relative;padding:105px 7%;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center;background:radial-gradient(ellipse at 15% 80%,#716b612e,transparent 60%),var(--bryth-footer-surface);scroll-margin-top:30px}
.share-copy .eyebrow{color:#cbc8c2;font-size:8px;letter-spacing:.15em}
.share-copy h2{font-size:clamp(37px,3.9vw,60px);font-weight:400;line-height:1.15;letter-spacing:-.05em;margin:0 0 25px}
.share-copy h2 span{color:#bdb9b3}
.share-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#c8c5c0;max-width:310px}
.share-copy .share-signature{font-size:11px!important;letter-spacing:.015em;margin-top:33px}
.share-signature span{color:#c7c4be}
.share-card{border:1px solid #cfcdc838;border-radius:20px;padding:32px;background:linear-gradient(145deg,#ffffff08,#ffffff02);box-shadow:0 20px 60px #1b19171a}
.share-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.preview-pill{display:inline-flex;font-size:7px;letter-spacing:.14em;line-height:1;border:1px solid #d2cfca58;border-radius:30px;color:#d5d3cf;padding:7px 10px}
.share-card-label{font-size:7px;letter-spacing:.19em;color:#bbb7b1}
.share-card h3{font-size:27px;font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:0 0 18px}
.share-card>p{font-size:12px;line-height:1.85;color:#c2bfb9;margin:0 0 24px;max-width:380px}
.share-card .primary-cta{font-size:11px;min-height:48px;gap:27px;padding:13px 20px}
.sharing-demo{border-top:1px solid #d7d4d02d;margin-top:28px;padding-top:23px}
.sharing-demo[hidden]{display:none}
.sharing-demo>label{display:block;font-size:10px;line-height:1.65;color:#dedcd9;margin-bottom:12px}
.referral-link-field{display:flex;border:1px solid #d7d4d03f;border-radius:10px;overflow:hidden;background:#272522}
.referral-link-field input{min-width:0;flex:1;border:0;background:transparent;color:#eae9e7;padding:15px 13px;font:10px "Avenir Next",Avenir,"Segoe UI",sans-serif;outline-offset:-3px}
.referral-link-field button{display:flex;align-items:center;justify-content:center;min-width:46px;border:0;border-left:1px solid #d7d4d02d;background:#ffffff05}
.referral-link-field button:hover{background:#ffffff10}
.referral-link-field input:focus-visible{outline:1px solid #d3d0cb}
.share-message{margin-top:14px}
.share-message summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:10px;line-height:1.7;color:#bcb8b1;padding:9px 0}
.share-message summary::-webkit-details-marker{display:none}
.share-message summary>span{font-size:17px;font-weight:300}
.share-message[open] summary>span{transform:rotate(45deg)}
.share-message textarea{display:block;width:100%;resize:vertical;min-height:110px;background:#272522;border:1px solid #d7d4d02d;border-radius:10px;color:#e2e1de;padding:14px;font:11px/1.7 "Avenir Next",Avenir,"Segoe UI",sans-serif;margin:8px 0 12px}
.message-copy{border:0;background:none;border-bottom:1px solid #d5d2ce4d;padding:5px 0;font-size:10px;color:#d4d1cc}
.copy-status{font-size:10px;line-height:1.7;color:#d7d5d1;min-height:17px;margin:12px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.friends-faq{padding-block:90px;align-items:start}
.friends-faq .friends-section-heading h2{font-size:clamp(37px,3.9vw,58px)}
.faq-list details{border-top:1px solid #9c978d3d}
.faq-list details:last-child{border-bottom:1px solid #9c978d3d}
.faq-list summary{list-style:none;cursor:pointer;padding:23px 35px 23px 0;position:relative;font-size:14px;font-weight:500;line-height:1.6;color:#44413b}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:3px;top:20px;font-size:23px;font-weight:300;color:#8d867b;transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list p{font-size:12px;line-height:1.9;color:#7b756a;margin:0;padding:0 30px 23px 0}
.friends-closing{text-align:center;background:var(--bryth-footer-surface);padding:75px 7% 80px;position:relative;overflow:hidden}
.friends-closing::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom,#918b8040,transparent 65%);pointer-events:none}
.friends-closing>*{position:relative}
.friends-closing .eyebrow{display:block;font-size:8px;letter-spacing:.2em;color:#c1bdb6;margin-bottom:23px}
.friends-closing h2{font-weight:400;font-size:clamp(31px,3vw,47px);line-height:1.2;letter-spacing:-.045em;margin:0 0 30px}
.friends-closing h2 span{color:#c7c3bd}
.friends-closing .primary-cta{font-size:12px;min-height:50px}
.friends-footer{display:flex;align-items:center;gap:28px;padding:30px 5.5%;background:var(--bryth-footer-surface);border-top:1px solid #d4d2ce16;font-size:10px;color:#b8b4ad}
.friends-footer img{display:block;width:63px;height:auto;opacity:.8}
.friends-footer nav{display:flex;gap:25px;margin-left:auto;font-size:9px}
@media(min-width:1700px){.friends-header,.friends-hero-foot{margin-inline:7%}.friends-hero,.friends-hero-foot{width:86%}.friends-passes{height:500px}.reward-pass{width:280px;min-height:353px}.pass-value{font-size:119px}.pass-you{left:8%;top:12px}.pass-friend{right:1%;top:122px}}
@media(max-width:1100px) and (min-width:701px){.friends-hero{grid-template-columns:1.15fr .85fr;gap:20px;min-height:0;padding-top:45px}.friends-title{font-size:clamp(43px,4.9vw,54px)}.friends-intro{font-size:13px}.friends-offer{font-size:11px}.friends-passes{height:400px}.reward-pass{width:210px;min-height:288px;padding:21px}.pass-you{left:-10%;top:12px}.pass-friend{right:-3%;top:110px}.pass-value{font-size:86px;margin-top:23px}.pass-description{font-size:16px}.pass-heading{font-size:8.5px}.pass-heading img{width:35px}.pass-bottom{font-size:6.5px}.friends-how,.friends-share,.friends-faq{gap:55px;padding-inline:6%}.how-link{margin-left:14px;font-size:10px}.friends-copy .primary-cta{padding-inline:20px;font-size:11px}}
@media(max-width:700px){
 .friends-header{margin:22px 7% 0;gap:15px;align-items:flex-start}
 .friends-header .brand{flex:none}
 .friends-header .nav-pill{font-size:7px;padding:8px 10px;min-height:44px;gap:6px}
 .friends-header nav{max-width:282px}
 .friends-hero{width:86%;display:block;padding:36px 0 43px;min-height:0}
 .friends-copy .eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:22px}
 .friends-title{font-size:clamp(37px,9.5vw,60px);line-height:1.11;margin-bottom:22px;letter-spacing:-.06em;white-space:normal}
 .friends-intro{font-size:13px;line-height:1.8;margin-bottom:18px}
 .friends-offer{font-size:11px;line-height:1.9;margin-bottom:24px}
 .friends-copy .primary-cta{font-size:11px;min-height:48px;padding:14px 20px;gap:24px}
 .how-link{font-size:10px;margin-left:16px;white-space:nowrap}
 .friends-small{font-size:8px;margin-top:16px}
 .friends-passes{height:364px;max-width:365px;margin:44px auto 24px}
 .reward-pass{width:205px;min-height:269px;padding:18px 20px}
 .pass-you{left:3%;top:5px;transform:rotate(-9deg)}
 .pass-friend{right:1%;top:78px;transform:rotate(9deg)}
 .pass-heading{font-size:8.5px;min-height:26px;letter-spacing:.07em}
 .pass-heading img{width:31px}
 .pass-value{font-size:83px;margin:21px 0 13px}
 .pass-value span{font-size:30px;vertical-align:11px;margin-left:5px}
 .pass-description{font-size:15px;margin-bottom:19px}
 .pass-bottom{font-size:6.5px;padding-top:12px;letter-spacing:.06em}
 .friends-passes figcaption{bottom:-12px;font-size:6px;letter-spacing:.2em}
 .pass-orbit{top:13%;height:74%;width:106%;left:-3%}
 .friends-hero-foot{width:86%;padding:20px 0 23px;font-size:6px;letter-spacing:.12em}
 .friends-hero-foot a{font-size:8px}
 .friends-how,.friends-share,.friends-faq{display:block;padding:65px 7%}
 .friends-section-heading .eyebrow,.share-copy .eyebrow{font-size:7px;margin-bottom:18px}
 .friends-section-heading h2,.share-copy h2{font-size:38px;line-height:1.12;margin-bottom:21px}
 .friends-section-heading>p:not(.eyebrow){font-size:12px;max-width:300px}
 .friends-steps{margin-top:32px}
 .friends-steps li{grid-template-columns:27px 1fr;gap:14px;padding:22px 0}
 .friends-step-number{font-size:9px}
 .friends-steps h3{font-size:18px}
 .friends-steps p{font-size:12px}
 .share-copy>p:not(.eyebrow){font-size:12px}
 .share-copy .share-signature{margin-top:23px}
 .share-card{padding:25px 22px;margin-top:35px;border-radius:17px}
 .share-card h3{font-size:25px}
 .share-card>p{font-size:11px}
 .friends-faq .friends-section-heading h2{font-size:38px;margin-bottom:31px}
 .faq-list summary{font-size:13px;padding-block:21px}
 .faq-list p{font-size:12px;padding-right:15px}
 .friends-closing{padding:60px 7% 65px}
 .friends-closing h2{font-size:29px;line-height:1.25}
 .friends-closing .eyebrow{font-size:6px}
 .friends-footer{padding:26px 7%;gap:20px}
 .friends-footer>span{display:none}
 .friends-footer img{width:50px}
 .friends-footer nav{gap:16px;font-size:8px}
}
@media(max-width:370px){.friends-title{font-size:34px}.friends-passes{height:342px}.reward-pass{width:192px;min-height:257px}.pass-value{font-size:77px}.pass-description{font-size:14px}.how-link{margin-left:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.friends-page{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}
.friends-header .nav-pill:not(#moments-toggle){padding-inline:21px}
.friends-header summary:focus-visible,.faq-list summary:focus-visible,.share-message summary:focus-visible{outline:2px solid #ada89f;outline-offset:4px}
@media(max-width:1050px) and (min-width:701px){.friends-header .nav-pill:not(#moments-toggle){padding-inline:13px}}
@media(max-width:700px){.friends-header .nav-pill{font-size:8px}.friends-header .nav-pill:not(#moments-toggle){padding-inline:10px}}

/* Shared neutral brand surfaces and type; independent of all product heroes. */
.friends-title em{background:var(--bryth-neutral-highlight);background-clip:text;-webkit-background-clip:text}
.friends-how,.friends-faq{color-scheme:light}
.friends-section-heading h2 span{color:var(--bryth-neutral-accent)}
.friends-page .primary-cta{background:var(--bryth-neutral-paper);color:var(--bryth-neutral-ink)}
.friends-page .primary-cta:hover{background:var(--bryth-neutral-hover)}