/* Sonder's collection of small, playable details. */
.se-page{max-width:1600px;margin:0 auto;padding:0 var(--svs-gutter)}
.se-hero{padding:45px 0 72px}
.se-hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:58px}
.se-hero-top>a{font:14px/1.4 var(--svs-body);text-decoration:none;border-bottom:1px solid transparent;padding:10px 0}
.se-hero-top>a:hover{border-color:currentColor}
.se-hero-top .se-kicker{margin:0;font-size:10px}
.se-hero-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}
.se-hero h1{font:400 clamp(74px,10vw,150px)/.91 var(--svs-display);letter-spacing:-.065em;margin:0}
.se-hero h1 em{font-style:normal;color:#8d469d}
.se-hero-heading>div{position:relative;max-width:400px;padding:0 0 9px}
.se-hero-heading>div>p:not(.se-intro){font:400 clamp(27px,2.8vw,42px)/1.12 var(--svs-display);letter-spacing:-.03em;margin:15px 0 22px}
.se-hero .se-intro{font:18px/1.55 var(--svs-body);margin:0;max-width:360px;color:#503255}
.se-flower{display:inline-block;font:74px/.8 var(--svs-body);color:#78418d}
.se-element{padding-bottom:70px}
.se-element-top{border-top:1px solid var(--svs-ink);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0}
.se-element-top>div{display:flex;align-items:center;gap:20px}
.se-number{font:12px/1 var(--svs-mono);padding:10px 14px;border:1px solid #1f02294a;border-radius:50%}
.se-element-top p{font:600 17px/1.4 var(--svs-body);margin:0}
.se-tag{font:10px/1.4 var(--svs-mono);text-transform:uppercase;letter-spacing:.04em}
.se-playground{position:relative;background:#0b1410;color:#dce5d5;border:1px solid #274232;border-radius:24px;isolation:isolate;background-image:radial-gradient(ellipse at 50% 46%,#36563255,transparent 62%)}
.se-stage-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 30px;padding:23px 0;border-bottom:1px solid #dce5d51c}
.se-stage-top>span{display:flex;align-items:center;gap:9px;font:10px/1.5 var(--svs-mono);letter-spacing:.04em}
.se-stage-top i{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:#c9ff7d;box-shadow:0 0 10px #c9ff7d55}
.se-stage-top [data-rogan-sound]{border:1px solid #c9ff7d55;border-radius:99px;background:transparent;min-height:38px;padding:9px 14px;font:11px/1.4 var(--svs-mono);color:#c9ff7d;cursor:pointer;white-space:nowrap}
.se-stage-top [data-rogan-sound]:hover{background:#c9ff7d1c}
.se-demo{position:relative;min-height:370px;display:grid;place-items:center;padding:120px 70px 120px}
.se-demo>.rogan-cta{z-index:2;max-width:100%}
.se-orbit{position:absolute;top:50%;left:50%;width:min(72%,680px);height:72%;border:1px solid #c9ff7d13;border-radius:50%;transform:translate(-50%,-50%) rotate(-15deg);pointer-events:none}
.se-orbit-two{width:min(53%,510px);height:60%;transform:translate(-50%,-50%) rotate(25deg)}
.se-coordinate{position:absolute;left:30px;top:30px;font:9px/1.4 var(--svs-mono);letter-spacing:.15em;color:#9db29177;pointer-events:none}
.se-coordinate-two{left:auto;right:30px;top:auto;bottom:25px}
.se-demo-hint{text-align:center;margin:0 25px 20px;font:12px/1.6 var(--svs-body);color:#b1c0a8}
.se-touch-hint{display:none}
.se-label-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 20px 32px}
.se-label-picker button{font:11px/1.4 var(--svs-mono);color:#b5c1af;background:transparent;border:1px solid #b5c1af33;border-radius:99px;padding:10px 15px;cursor:pointer;min-height:40px}
.se-label-picker button[aria-pressed="true"]{background:#c9ff7d;color:#142112;border-color:#c9ff7d}
.se-label-picker button:hover{border-color:#c9ff7d}
.se-description{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;margin:50px 0 45px}
.se-description .se-kicker{margin:0 0 20px}
.se-description h2{font:400 clamp(38px,4.5vw,67px)/1.02 var(--svs-display);letter-spacing:-.045em;margin:0}
.se-description>div:nth-child(2)>p{font:18px/1.6 var(--svs-body);margin:0 0 18px;color:#503255}
.se-description a{display:inline-block;margin-top:10px;font:600 16px/1.5 var(--svs-body);text-underline-offset:5px}
.se-description small{display:block;font:12px/1.6 var(--svs-body);color:#72577a;margin-top:18px;max-width:430px}
.se-description a span{margin-left:15px}
.se-details{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #1f022933;padding:30px 0;gap:35px}
.se-details>div:not(:last-child){border-right:1px solid #1f022933;padding-right:35px}
.se-details span{font:10px/1.4 var(--svs-mono);color:#72577a}
.se-details h3{font:600 20px/1.3 var(--svs-body);margin:18px 0 10px}
.se-details p{font:15px/1.6 var(--svs-body);color:#503255;margin:0;max-width:330px}
.se-next{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px 30px 120px}
.se-next>span{font:clamp(200px,28vw,390px)/1 var(--svs-body);text-align:center;color:#c9a1de}
.se-next h2{font:400 clamp(39px,5vw,72px)/1.04 var(--svs-display);letter-spacing:-.05em;margin:18px 0 24px}
.se-next p:not(.se-kicker){font:18px/1.6 var(--svs-body);max-width:340px}
.se-next a{display:inline-flex;align-items:center;gap:30px;font:600 16px/1.4 var(--svs-body);margin-top:12px;padding-bottom:6px;text-decoration:none;border-bottom:1px solid currentColor}
.sonder-elements .se-playground :focus-visible{outline-color:#e7ffa7}
.svs-motion-paused .se-playground .rc-scene{display:none}
.svs-motion-paused .se-playground .rogan-cta,.svs-motion-paused .se-playground .rogan-cta *{animation:none!important;transition:none!important}
@media(hover:none),(pointer:coarse){.se-hover-hint{display:none}.se-touch-hint{display:inline}}
@media(max-width:1000px){.se-hero-heading{gap:35px}.se-hero h1{font-size:clamp(65px,11.5vw,110px)}.se-description{gap:35px}.se-demo{padding-inline:45px}}
@media(max-width:700px){
.se-hero{padding:24px 0 40px}.se-hero-top{margin-bottom:35px;align-items:start}.se-hero-top .se-kicker{max-width:130px;text-align:right;font-size:8px}
.se-hero-heading{grid-template-columns:1fr;gap:27px}.se-hero h1{font-size:clamp(67px,15.7vw,106px)}.se-hero-heading>div{max-width:100%;padding-left:58px}.se-flower{position:absolute;left:0;top:18px;font-size:45px}.se-hero-heading>div>p:not(.se-intro){font-size:25px;margin:9px 0 15px}.se-hero .se-intro{font-size:16px;max-width:340px}
.se-element-top{padding:20px 0;align-items:start}.se-element-top>div{gap:10px}.se-element-top p{font-size:14px;max-width:140px}.se-number{font-size:10px;padding:9px}.se-tag{max-width:80px;font-size:8px;text-align:right;padding-top:5px}
.se-playground{border-radius:16px}.se-stage-top{margin:0 18px;padding:18px 0;gap:10px}.se-stage-top>span{font-size:8px;max-width:175px}.se-stage-top [data-rogan-sound]{font-size:9px;padding:9px 11px}
.se-demo{min-height:330px;padding:110px 18px;overflow:clip;overflow-clip-margin:0}.se-demo>.rogan-cta{max-width:calc(100% - 8px)}.se-coordinate{left:20px;top:21px;font-size:8px}.se-coordinate-two{right:20px;left:auto;top:auto;bottom:15px}.se-orbit{width:85%;height:65%}.se-orbit-two{width:65%;height:50%}
.se-demo-hint{font-size:11px;margin:0 15px 20px}.se-label-picker{gap:6px;padding:0 12px 24px}.se-label-picker button{font-size:9px;padding:9px 11px}
.se-description{grid-template-columns:1fr;gap:25px;margin:35px 0}.se-description h2{font-size:44px}.se-description>div:nth-child(2)>p{font-size:16px}.se-description a{font-size:14px}.se-description small{font-size:11px}
.se-details{grid-template-columns:1fr;gap:25px;padding:25px 0}.se-details>div:not(:last-child){border-right:0;border-bottom:1px solid #1f022933;padding:0 0 25px}.se-details h3{margin:10px 0 8px}.se-details p{max-width:100%}.se-element{padding-bottom:25px}
.se-next{grid-template-columns:64px 1fr;gap:15px;padding:25px 0 70px;align-items:start}.se-next>span{font-size:70px;padding-top:35px}.se-next h2{font-size:38px}.se-next p:not(.se-kicker){font-size:16px}.se-next .se-kicker{font-size:9px}
}

.sonder-elements a{color:inherit}
.sonder-elements.svs-motion-paused .rogan-cta .rc-scene{display:none}
.sonder-elements.svs-motion-paused .rogan-cta.rc-fired{transform:none}