:root{color-scheme:light;--paper:#f8f7f2;--ink:#183d37;--muted:#596b62;--green:#174e43;--mint:#e6eee5;--coral:#f0987e;--line:#d7ddd3;--white:#fff;--focus:#a64327;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--width:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button,input,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:#f6c3aa;color:var(--ink)}[hidden]{display:none!important}.section-shell{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:16px;z-index:100;transform:translateY(-180%);background:var(--ink);color:var(--white);padding:12px 20px}.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;width:min(var(--width),calc(100% - 96px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:3px;font-size:40px;font-weight:800;letter-spacing:-2.8px;line-height:1;text-decoration:none}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}.site-nav{display:flex;align-items:center;gap:32px}.site-nav a{font-size:13px;font-weight:600;text-decoration:none}.site-nav>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--green);color:var(--white);padding:13px 20px;border-radius:50px;display:flex;align-items:center;gap:20px}.nav-cta:hover{background:#0d392f}.nav-cta span{font-size:20px}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:30px;align-items:center;padding-block:62px 74px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 30px;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #dce7d7}.hero h1{font-size:clamp(44px,5.3vw,74px);line-height:1.04;letter-spacing:-3.5px;font-weight:500;margin:0 0 28px}.hero h1 .quoted{display:block;white-space:nowrap;font-size:.88em}.hero h1>br{display:none}em{font-family:var(--serif);font-weight:400}.hero h1 em{display:block;white-space:nowrap;color:var(--green)}.hero-lead{max-width:400px;font-size:17px;line-height:1.7;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;padding:17px 23px;min-height:52px;border-radius:50px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s}.button-primary{background:var(--green);color:var(--white)}.button-primary:hover{background:#0d392f;transform:translateY(-2px)}.button-primary:disabled{background:#d4dcd6;color:#526158;transform:none;cursor:wait}.button span{font-size:20px;line-height:1}.text-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding-block:5px}.text-link:hover{color:#a64327}.hero-note{font-size:11px;color:var(--muted);margin-top:16px;letter-spacing:.15px}
.hero-stage{position:relative;height:610px;background:#dae6d5;border-radius:180px 180px 24px 24px;display:flex;align-items:center;justify-content:center;isolation:isolate}.stage-orbit{position:absolute;z-index:-1;border:1px solid #becfbb;border-radius:50%;pointer-events:none}.orbit-one{width:430px;height:430px;top:52px;left:calc(50% - 215px)}.orbit-two{width:330px;height:330px;top:102px;left:calc(50% - 165px)}.stage-label{position:absolute;left:24px;top:46px;font-size:9px;font-weight:700;letter-spacing:1.5px;line-height:1.7;transform:rotate(-7deg)}.stage-sticker{position:absolute;pointer-events:none;right:-13px;top:63px;width:134px;height:120px;z-index:3;background:#f0b49c;box-shadow:0 6px 18px #183d3712;transform:rotate(9deg);padding:19px 15px;font-size:12px;line-height:1.4}.stage-sticker em{font-size:15px}.stage-sticker>span{display:block;font-size:28px;line-height:1;margin-top:9px}.phone{position:relative;width:300px;height:536px;border:5px solid #253e35;background:#f4f8f7;border-radius:40px;box-shadow:8px 16px 0 #183d3710,0 25px 40px #183d3726;overflow:hidden;transform:rotate(-4deg);margin-top:-4px}.phone-status{height:45px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#162f29}.phone-island{position:absolute;width:72px;height:20px;background:#253e35;top:9px;left:calc(50% - 36px);border-radius:20px}.demo-panels{height:392px;padding:15px 15px 0}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.app-kicker{font-size:6px;letter-spacing:1px;font-weight:700;color:#597168;margin:0 0 6px}.app-heading h2{font-size:22px;line-height:1.1;letter-spacing:-.8px;margin:0;color:#17211f;font-weight:750}.app-subtitle{font-size:9px;margin:8px 0 24px;color:#536762}.avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:11px;color:#214337}.self-avatar{background:#146c63;color:white;width:28px;height:28px;font-size:8px}.avatar-mia{background:#f4c7b5}.avatar-jordan{background:#d7e7c6}.avatar-sam{background:#cbdfe8}.avatar-lina{background:#e8d9ee}.app-section-title{display:flex;justify-content:space-between;align-items:center;color:#146c63;font-size:9px;font-weight:700;margin:16px 0 10px}.tiny-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#387651}.friend-card{display:flex;align-items:center;gap:9px;padding:11px 9px;background:white;border:1px solid #dde6df;border-radius:13px;margin-bottom:8px}.friend-card>div{min-width:0;flex:1}.friend-card strong,.request-example strong,.post-author strong,.chat-person strong{display:block;color:#17211f;font-size:10px}.friend-card small,.request-example small,.post-author small,.chat-person small{display:block;color:#536762;font-size:7px;margin-top:3px}.badge{flex-shrink:0;font-size:6px;font-weight:700;padding:4px 5px;background:#e0eee2;color:#246449;border-radius:5px}.badge-peach{color:#984a28;background:#f9e9d9}.badge-blue{color:#325d78;background:#e5edf5}.my-status{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:12px;background:white;border:1px solid #dde6df;border-radius:13px}.my-status small{display:block;color:#536762;font-size:7px;letter-spacing:.6px}.my-status strong{display:block;font-size:12px;color:#17211f}.my-status strong span{font-size:12px;color:#146c63}.sample-control{padding:5px 9px;background:#e0f0eb;border-radius:20px;font-size:8px;font-weight:700;color:#146c63}.app-footnote{font-size:7px;color:#536762;text-align:center;margin-top:14px}.demo-tabs{margin:0 10px;display:flex;justify-content:space-around;align-items:center;border-radius:25px;background:white;padding:5px 4px;box-shadow:0 4px 18px #17211f0a}.demo-tabs button{width:54px;min-height:45px;padding:4px 2px;border:0;background:transparent;color:#536762;border-radius:19px;display:grid;place-items:center;gap:3px}.demo-tabs button[aria-pressed=true]{background:#dff1ec;color:#146c63}.demo-tabs button:hover{background:#edf4ef}.demo-tabs svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-tabs span{font-size:7px;font-weight:600}.demo-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.phone-home{position:absolute;bottom:7px;left:calc(50% - 42px);height:3px;width:84px;background:#253e35;border-radius:5px}.floating-note{position:absolute;pointer-events:none;left:-20px;bottom:145px;z-index:4;display:flex;align-items:center;gap:13px;transform:rotate(3deg);background:var(--paper);padding:16px 19px;box-shadow:0 8px 30px #183d371a;border:1px solid #fff9;border-radius:14px;font-size:10px;color:var(--muted)}.floating-note strong{display:block;color:var(--ink);font-size:13px;margin-top:3px}.note-icon{display:grid;place-items:center;width:32px;height:32px;background:#f6dcc9;border-radius:50%;font-size:22px;color:var(--ink)}.demo-caption{position:absolute;bottom:6px;font-size:9px;color:#40594c;letter-spacing:.1px;text-align:center;padding:0 12px}
.sample-filters{display:flex;gap:8px;font-size:7px;color:#536762;margin-bottom:15px}.sample-filters span{padding:5px 9px;border:1px solid #dde6df;border-radius:15px}.sample-filters .selected{background:#146c63;color:white}.sample-post{padding:12px;background:white;border:1px solid #dde6df;border-radius:13px;margin:10px 0}.post-author{display:flex;align-items:center;gap:7px}.post-author>div{flex:1}.post-author .avatar{width:25px;height:25px;font-size:9px}.sample-post p{font-size:10px;line-height:1.6;margin:13px 0;color:#17211f}.post-bottom{display:flex;justify-content:space-between;color:#536762;font-size:8px;padding-top:8px;border-top:1px solid #edf1ee}.sample-search{padding:10px 13px;background:white;border:1px solid #bbc9c2;border-radius:10px;font-size:15px;color:#536762}.sample-search span{font-size:9px;margin-left:6px}.request-example{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px 0;border-bottom:1px solid #dde6df}.request-example>div{flex:1}.request-example small{font-size:6px}.chat-person{display:flex;gap:9px;align-items:center;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid #dde6df}.chat-bubble{width:fit-content;max-width:85%;padding:10px 12px;margin-bottom:12px;border-radius:12px;font-size:10px;line-height:1.5}.incoming{background:white;border:1px solid #dde6df;border-bottom-left-radius:3px}.outgoing{background:#146c63;color:white;margin-left:auto;border-bottom-right-radius:3px}.plan-tag{font-size:8px;color:#536762;text-align:center;margin-top:21px}.plan-tag span{color:#146c63;font-size:14px}
.campus-strip{border-block:1px solid var(--line);padding-block:22px}.campus-strip>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.campus-strip span{font-family:var(--serif);font-style:italic;font-size:18px;white-space:nowrap}.campus-strip span:first-child{font-family:var(--sans);font-style:normal;font-size:8px;letter-spacing:1.3px;font-weight:700;max-width:120px;white-space:normal;color:var(--muted)}.campus-strip span[aria-hidden]{color:#a64327;font-family:var(--sans);font-size:23px}
.moments{padding-block:100px 110px}.section-heading{position:relative;margin-bottom:46px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.privacy-copy h2,.waitlist-heading h2{font-size:clamp(42px,4.7vw,66px);line-height:1.06;font-weight:500;letter-spacing:-2.5px;margin:0}.section-heading>p:last-child{position:absolute;right:0;bottom:0;font-size:15px;line-height:1.75;color:var(--muted)}.moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.moment-card{display:grid;grid-template-rows:auto 145px auto 1fr;border-radius:18px;padding:26px;min-width:0}.moment-mint{background:#e4ecdf}.moment-peach{background:#f2e1d6}.moment-lilac{background:#e8e5ed}.card-number{font-size:9px;font-weight:700;letter-spacing:1.3px}.moment-card>div{align-self:center}.moment-card h3{font-size:24px;line-height:1.18;letter-spacing:-.8px;font-weight:500;margin:0 0 15px}.moment-card>p{font-size:13px;line-height:1.75;color:#4f6256;margin:0}.mini-status{display:flex;align-items:center;gap:10px;padding:16px 12px;background:#f9fbf6;border-radius:12px;margin:38px -4px 36px;transform:rotate(-3deg);box-shadow:0 8px 16px #183d3709;min-height:73px}.mini-status strong{display:block;font-size:11px}.mini-status>div{flex:1}.mini-status>div>span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.mini-post{padding:15px;background:#fffaf5;border-radius:12px;margin:25px 0 24px;transform:rotate(2deg);box-shadow:0 8px 16px #183d3709}.mini-post span{display:block;font-size:9px;color:var(--muted)}.mini-post .mini-post-label{font-size:7px;letter-spacing:1px;color:#a64327}.mini-post strong{display:block;font-size:12px;line-height:1.4;font-weight:500;margin:7px 0}.mini-chat{display:grid;gap:10px;margin:28px 0 28px;min-height:91px;align-content:center}.mini-chat span{justify-self:start;font-size:11px;padding:10px 12px;background:#faf8fd;border-radius:12px 12px 12px 2px;transform:rotate(-2deg)}.mini-chat span+span{justify-self:end;background:#234f45;color:#fff;transform:rotate(2deg);border-radius:12px 12px 2px 12px}
.privacy-section{background:var(--ink);color:var(--paper);padding-block:84px}.privacy-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}.privacy-copy .eyebrow{color:#c0d3b8;margin-bottom:25px}.privacy-copy h2 em{color:#c4d6b6}.privacy-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:330px;color:#d1dbcf;margin-top:26px}.light-link{color:#f7f4e9;margin-top:12px}.light-link:hover{color:#f7b69d}.privacy-faq{border-top:1px solid #49675a}.privacy-faq details{border-bottom:1px solid #49675a;padding:23px 0}.privacy-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:15px;line-height:1.5;font-weight:500}.privacy-faq summary::-webkit-details-marker{display:none}.privacy-faq summary span{font-weight:300;font-size:22px;color:#c4d6b6;transition:transform .18s}.privacy-faq details[open] summary span{transform:rotate(45deg)}.privacy-faq p{font-size:13px;line-height:1.8;color:#d1dbcf;margin:17px 25px 0 0}.privacy-faq p a{text-underline-offset:3px}.privacy-faq :focus-visible,.light-link:focus-visible{outline-color:#f7b69d}
.waitlist-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:100px 110px}.waitlist-heading .eyebrow{margin-bottom:25px}.waitlist-heading h2 em{color:#a64327}.waitlist-content h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:0 0 16px}.waitlist-content>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:430px}.waitlist-form{margin-top:28px}.waitlist-form>label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.input-row{display:flex;gap:8px;align-items:stretch}.input-row input{width:100%;min-width:0;padding:16px 17px;background:#fffdf8;color:var(--ink);border:1px solid #829383;border-radius:8px;font-size:14px;outline-offset:2px}.input-row input:focus{outline:2px solid var(--green);border-color:var(--green)}.input-row input[aria-invalid=true]{border-color:#a33b2e;outline-color:#a33b2e}.input-row input::placeholder{color:#637267}.input-row input:disabled{background:#e6eae3;color:#58645b;cursor:not-allowed}.input-row .button{flex-shrink:0;border-radius:8px;padding-inline:20px}.form-message{min-height:20px;font-size:12px;font-weight:600;margin:10px 0 5px}.form-message[data-state=error]{color:#a33b2e}.form-message[data-state=success]{color:#185b42}.form-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:430px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.site-footer{border-top:1px solid var(--line);padding-block:32px 23px}.footer-top{display:flex;align-items:center;gap:40px}.footer-top p{font-size:12px;color:var(--muted)}.back-top{margin-left:auto;border:1px solid #aebbad;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:20px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:38px;font-size:10px;color:var(--muted)}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
/* Shared support page keeps a readable document layout. */
body:not(.marketing-page) main{width:min(850px,calc(100% - 40px));margin:36px auto 70px}body:not(.marketing-page) nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin-bottom:40px}body:not(.marketing-page) header{margin-bottom:35px}body:not(.marketing-page) h1{font-size:44px;letter-spacing:-1.5px;line-height:1.1}body:not(.marketing-page) .eyebrow{margin-bottom:15px}body:not(.marketing-page) .panel{padding:24px 0;border-top:1px solid var(--line)}body:not(.marketing-page) .panel h2{font-size:22px;font-weight:500}body:not(.marketing-page) footer{font-size:12px;color:var(--muted);padding-top:30px}
@media(min-width:1450px){.hero h1{font-size:76px}.hero{gap:60px}.hero-stage{height:625px}}
@media(max-width:1100px){.section-shell,.site-header{width:calc(100% - 64px)}.hero{gap:22px}.hero h1{letter-spacing:-2.5px;font-size:56px}.hero-stage{height:585px}.stage-sticker{right:-8px;top:50px;width:110px;font-size:11px}.stage-sticker em{font-size:13px}.stage-label{left:16px;top:30px;font-size:8px}.floating-note{left:-8px;bottom:120px;padding:13px}.hero-lead{font-size:15px;max-width:340px}.hero-actions{gap:16px;flex-wrap:wrap}.moment-card{padding:21px}.moment-card h3{font-size:22px}.privacy-layout,.waitlist-section{gap:50px}.campus-strip span{font-size:16px}.campus-strip>div{gap:14px}.input-row{flex-wrap:wrap}.input-row .button{width:100%}}
@media(max-width:820px){html{scroll-padding-top:24px}.site-header{height:82px}.brand{font-size:34px}.site-nav{gap:20px}.site-nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:45px;padding-block:44px 50px}.hero-copy{max-width:560px}.hero .eyebrow{margin-bottom:23px}.hero h1{font-size:clamp(46px,8.9vw,70px);letter-spacing:-2.5px}.hero h1 .quoted{display:inline;white-space:normal;font-size:1em}.hero h1>br{display:block}.hero h1 em{display:inline;white-space:normal}.hero-lead{max-width:470px;font-size:16px}.hero-actions{margin-top:24px}.hero-stage{max-width:560px;width:100%;justify-self:center;height:585px;border-radius:180px 180px 22px 22px}.stage-sticker{right:10px;top:65px;width:125px}.floating-note{left:10px;bottom:70px}.stage-label{left:35px;top:52px}.campus-strip>div{justify-content:center;flex-wrap:wrap;column-gap:16px;row-gap:10px}.campus-strip span:first-child{flex-basis:100%;max-width:100%;text-align:center;font-size:9px;margin-bottom:4px}.campus-strip span{font-size:15px}.campus-strip span[aria-hidden]{font-size:18px}.section-heading>p:last-child{position:static;font-size:14px;margin-top:22px}.moments{padding-block:65px}.section-heading{margin-bottom:30px}.section-heading h2,.privacy-copy h2,.waitlist-heading h2{font-size:51px}.moment-grid{grid-template-columns:1fr}.moment-card{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr;column-gap:30px;padding:28px}.moment-card .card-number{grid-column:1}.moment-card>div{grid-column:2;grid-row:1/4;align-self:center;margin:0}.moment-card h3{grid-column:1;font-size:24px;margin:20px 0 12px}.moment-card>p{grid-column:1}.privacy-layout{grid-template-columns:1fr;gap:38px}.privacy-section{padding-block:60px}.privacy-copy h2>br:nth-of-type(2){display:block}.privacy-copy>p:not(.eyebrow){max-width:470px}.privacy-faq details{padding:20px 0}.waitlist-section{grid-template-columns:1fr;gap:30px;padding-block:64px}.waitlist-heading h2 br{display:none}.waitlist-heading h2 em{display:block}.waitlist-content>p{max-width:500px}.input-row{flex-wrap:nowrap}.input-row .button{width:auto}.footer-top{gap:24px}.footer-bottom{font-size:10px}}
@media(max-width:480px){.section-shell,.site-header{width:calc(100% - 36px)}.site-header{height:76px}.brand{font-size:32px}.brand-dot{width:6px;height:6px}.site-nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 15px;gap:18px}.hero{padding-top:35px;gap:34px}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:49px;letter-spacing:-2.5px;line-height:1.07}.hero-lead{font-size:14px;line-height:1.75}.hero-actions{gap:19px}.button{padding:15px 18px;font-size:12px;gap:14px}.text-link{font-size:12px}.hero-note{font-size:10px}.hero-stage{height:565px;border-radius:150px 150px 20px 20px}.phone{width:280px;height:526px;transform:rotate(-3deg);border-radius:36px}.demo-panels{height:382px;padding-inline:13px}.phone-status{height:45px}.stage-label{left:15px;top:35px;font-size:7px;z-index:2}.stage-sticker{right:-4px;top:63px;width:101px;height:102px;font-size:10px;padding:13px 11px}.stage-sticker em{font-size:12px}.stage-sticker>span{font-size:21px;margin-top:7px}.floating-note{left:0;bottom:115px;padding:10px 12px;gap:9px;font-size:8px}.floating-note strong{font-size:10px}.note-icon{width:26px;height:26px;font-size:18px}.demo-caption{font-size:8px;bottom:5px}.orbit-one{width:320px;height:320px;left:calc(50% - 160px)}.orbit-two{width:250px;height:250px;left:calc(50% - 125px)}.campus-strip{padding-block:17px}.campus-strip>div{column-gap:12px}.campus-strip span{font-size:12px}.campus-strip span[aria-hidden]{font-size:15px}.section-heading h2,.privacy-copy h2,.waitlist-heading h2{font-size:45px;letter-spacing:-2px}.moment-card{display:block;padding:26px}.moment-card>div{margin:28px auto;width:100%;max-width:280px}.moment-card h3{font-size:26px}.moment-card>p{font-size:14px}.privacy-faq summary{font-size:14px}.privacy-faq p{font-size:12px}.waitlist-content h3{font-size:22px}.waitlist-content>p{font-size:14px}.input-row{flex-direction:column;gap:10px}.input-row input{min-height:52px;font-size:16px}.input-row .button{width:100%}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{order:3;flex-basis:100%;margin:0}.footer-bottom{margin-top:28px;flex-direction:column;gap:18px}.footer-bottom nav{gap:20px;flex-wrap:wrap}}
@media(max-width:359px){.hero h1{font-size:43px}.hero-stage{height:552px}.phone{width:264px;transform:none}.stage-sticker{right:-3px;width:90px}.hero-actions{gap:12px}.button{padding-inline:15px}.campus-strip span{font-size:11px}.campus-strip>div{column-gap:9px}.app-heading h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button-primary:hover{transform:none}}

@media(max-width:480px){.stage-label,.stage-sticker{display:none}}

/* Keep the illustrative-preview caption clear of the rotated phone at every width. */
.stage-label{display:none}.hero-stage>.demo-caption{bottom:-29px;color:var(--muted)}

/* Consistent stock faces make fictional sample profiles easier to follow. */
img.avatar{display:block;object-fit:cover;box-shadow:0 0 0 2px #fff,0 2px 5px #183d3714}
.portrait-stack{display:flex;flex-shrink:0;padding-left:0}
.portrait-stack img{display:block;width:32px;height:32px;object-fit:cover;border:2px solid #fff;border-radius:50%;background:#dae6d5}
.portrait-stack img+img{margin-left:-12px}
.hero-stage>.demo-caption{bottom:-37px;line-height:1.55}
.demo-caption>span{font-size:.9em}
@media(max-width:480px){.portrait-stack img{width:27px;height:27px}.portrait-stack img+img{margin-left:-11px}}
/* Keep the sample content above the phone navigation, including the fuller friends list. */
.demo-panel .app-subtitle{margin-bottom:14px}
#demo-friends .sample-search{padding-block:6px}
#demo-friends .app-section-title{margin:10px 0 6px}
#demo-friends .request-example{padding:6px 0;margin-top:0}
#demo-friends .friend-card{padding:7px 9px;margin-bottom:6px}
#demo-campus .my-status{margin-top:16px}
#demo-campus .app-footnote{margin-top:10px}
#demo-friends .friend-card{padding-block:5px}
.hero-stage>.floating-note{bottom:12px}
@media(max-width:480px){.hero-stage>.floating-note{bottom:0}}
#demo-campus .friend-card{padding-block:9px}
#demo-feed .sample-post p{margin-block:10px}
#demo-chats .chat-bubble{margin-bottom:10px}

/* Launch details and support share the showcase's existing palette and typography. */
.launch-detail{padding-left:16px;border-left:3px solid var(--coral)}
.launch-faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:70px 10px}
.launch-faq h2{font-size:38px;letter-spacing:-1.5px;font-weight:500;margin:12px 0 0}
.launch-answers details{border-bottom:1px solid var(--line);padding:22px 0}
.launch-answers details:first-child{border-top:1px solid var(--line)}
.launch-answers summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:16px;font-weight:500}
.launch-answers summary::-webkit-details-marker{display:none}
.launch-answers summary span{transition:transform .2s}
.launch-answers details[open] summary span{transform:rotate(45deg)}
.launch-answers p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:0}
.support-main{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-block:80px}
.support-intro h1{font-size:80px;line-height:1.05;letter-spacing:-3px;font-weight:500;margin:24px 0}
.support-intro h1 em{font-family:var(--serif);font-weight:400;color:var(--focus)}
.support-intro>p:not(.eyebrow){max-width:350px;color:var(--muted);line-height:1.8}
.support-intro .text-link{font-size:18px;display:inline-flex;margin-top:12px}
.support-date{font-size:12px;margin-top:40px}
.support-cards section{padding:30px;border-radius:18px;background:var(--mint);margin-bottom:18px}
.support-cards section:nth-child(2){background:#f5e3d9}
.support-cards section:nth-child(3){background:#ede9ef}
.support-cards h2{font-size:25px;letter-spacing:-.6px;font-weight:500;line-height:1.2}
.support-cards p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--muted)}
.support-cards a{text-underline-offset:3px}
@media(max-width:820px){.launch-faq{grid-template-columns:1fr;gap:24px;padding-top:50px}.support-main{grid-template-columns:1fr;gap:30px;padding-block:45px}.support-intro h1{font-size:64px}.support-intro>p:not(.eyebrow){max-width:500px}.support-date{margin-top:25px}}
@media(max-width:480px){.site-header{position:sticky;top:0;z-index:20;background:var(--paper)}html{scroll-padding-top:94px}.launch-faq h2{font-size:32px}.launch-answers summary{font-size:15px}.support-intro h1{font-size:58px}.support-cards section{padding:24px}.support-cards h2{font-size:24px}.hero-note{font-size:12px}.form-note{font-size:12px}.privacy-faq p{font-size:14px}}