.front{--color-canvas:#f7fafc;--color-highlight:#73f0e2;--panel-gutter:26px;--footer-measure:1180px;--footer-gutter:clamp(22px, 5vw, 76px)}html:has(.front){scroll-behavior:smooth}body:has(.front) .backdrop{display:none}.front{color:var(--color-text);background:var(--color-canvas);font-family:var(--font-sans);font-size:var(--text-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}:where(.front) button,:where(.front) a{-webkit-tap-highlight-color:transparent}:where(.front) a{color:inherit;text-decoration:none}:where(.front) button{color:inherit}:where(.front) input{min-width:0}:where(.front) p{text-wrap:pretty}:where(.front) [hidden]{display:none!important}:where(.front) ::selection{color:var(--color-text);background:var(--color-highlight)}:where(.front) a:focus-visible,:where(.front) button:focus-visible,:where(.front) input:focus-visible,:where(.front) select:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.skip-link{z-index:200;color:var(--color-on-dark);background:var(--color-text);border-radius:10px;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:where(.front) main:focus{outline:none}.front{--shell-gutter:max(clamp(16px, 2vw, 36px), calc((100% - 1375px) / 2))}.site-header{z-index:50;top:18px;right:var(--shell-gutter);left:var(--shell-gutter);justify-content:space-between;position:absolute}.site-header__signin{margin-left:auto}.site-header__signin svg{flex:none;width:16px;height:16px}.hero{min-height:min(100svh,1400px);color:var(--color-on-dark);isolation:isolate;background:linear-gradient(132deg,#03122a47 0%,#0320392e 55%,#03383e1f 100%),url(/landing/assets/group-travel-hero-v2.png) 50% 56%/cover no-repeat,#06172f;position:relative;overflow:hidden}.hero:before{content:"";opacity:.62;background:radial-gradient(circle at 35% 67%,#73f0e21f,#0000 26%),radial-gradient(circle,#0000 0 63%,#ffffff1f 63.2% 63.5%,#0000 63.8%),radial-gradient(circle,#2a8be31a,#08788e05 62%,#0000 63%);border-radius:50%;width:780px;height:780px;position:absolute;top:-410px;left:34%;transform:rotate(-14deg)}.hero:after{content:"";opacity:.56;background:radial-gradient(circle at 58% 36%,#2a8be352,#10428929 46%,#071f4a0a 70%),#0e21a00a;border:1px solid #87b2ff1a;border-radius:50%;width:700px;height:700px;position:absolute;bottom:-360px;left:-240px;box-shadow:inset 72px 58px 140px #2a8be317,inset -100px -110px 160px #01144a2e}.hero>.backdrop__routes{z-index:1;height:100svh}.hero-shell{z-index:2;place-items:center;width:min(100% - clamp(32px,4vw,72px),1375px);min-height:min(100svh,1400px);margin:0 auto;padding:124px 0 92px;display:grid;position:relative}.button{cursor:pointer;min-height:50px;font-size:var(--text-label);letter-spacing:.015em;transition:transform var(--motion-interaction-duration) var(--motion-ease), background-color var(--motion-interaction-duration) var(--motion-ease), box-shadow var(--motion-interaction-duration) var(--motion-ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:0 24px;font-weight:800;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--glass{color:var(--color-on-dark);background-color:var(--glass-clear);border:1px solid var(--glass-clear-line);border-radius:var(--radius-button);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:var(--text-small);box-shadow:var(--shadow-tile)}.button--glass:hover{background-color:#ffffff2e}.hero a:focus-visible{outline-color:var(--color-highlight)}.hero .button:focus-visible{outline-color:var(--color-on-dark)}.site-header a:focus-visible{outline-color:var(--color-highlight)}.section{padding:clamp(90px,11vw,160px) clamp(22px,5vw,76px)}.showcase{background:var(--color-surface);padding-top:0;padding-bottom:clamp(48px,5vw,80px)}.showcase__inner{width:min(1180px,100%);margin:0 auto}.showcase__head{background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px clamp(40px,6vw,96px);padding:clamp(40px,4.5vw,64px) 0 clamp(36px,4vw,56px);display:grid}.showcase__title{font-size:var(--text-display);letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:650;line-height:1.04}.showcase__intro{max-width:46ch;color:var(--color-text-muted);font-size:var(--text-heading);margin:0;line-height:1.65}.showcase__lede{gap:8px;display:grid}.showcase__example{color:var(--color-text-muted);font-size:var(--text-small);margin:0}.showcase__steps{gap:20px;padding-top:12px;display:grid}.showcase--stacked .showcase__head{z-index:6;box-shadow:0 0 0 100vmax var(--color-surface);clip-path:inset(0 -100vmax);margin-bottom:calc(var(--showcase-card-height) + var(--showcase-stack-depth) + 12px);position:sticky;top:0}.showcase--stacked .showcase__steps{margin-top:calc(-1 * (var(--showcase-card-height) + var(--showcase-stack-depth) + 12px))}.showcase--stacked{padding-bottom:max(clamp(64px, 7vw, 112px), var(--showcase-tail,0px))}.showcase--stacked.showcase--stage-active .showcase__step{z-index:var(--stack-layer);top:calc(var(--showcase-head-height) + 12px + var(--stack-offset));min-height:var(--showcase-card-height);margin-bottom:var(--stack-tail);align-self:start;position:sticky}.showcase__step:first-child{--stack-offset:0px;--stack-tail:56px;--stack-layer:1}.showcase__step:nth-child(2){--stack-offset:14px;--stack-tail:42px;--stack-layer:2}.showcase__step:nth-child(3){--stack-offset:28px;--stack-tail:28px;--stack-layer:3}.showcase__step:nth-child(4){--stack-offset:42px;--stack-tail:0px;--stack-layer:4}.showcase__step{background:var(--color-accent-soft);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(28px,4vw,56px);display:grid;box-shadow:0 -1px #04142814}.showcase__step:nth-child(2n) .showcase__copy{order:2}.showcase__step--dark{color:var(--color-on-dark);background:var(--color-text)}.showcase__step--muted{background:var(--color-surface-muted)}.showcase__label{color:var(--color-accent);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-weight:700;display:flex}.showcase__label svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.showcase__step--dark .showcase__label{color:var(--color-highlight)}.showcase__copy h3{font-size:var(--text-title);letter-spacing:-.03em;margin:0 0 14px;font-weight:650;line-height:1.15}.showcase__copy>p:last-child{color:var(--color-text-muted);font-size:var(--text-body);margin:0;line-height:1.7}.showcase__step--dark .showcase__copy>p:last-child{color:#ffffffc2}.finale{background:linear-gradient(180deg, var(--color-text) 0 34%, #0a25408c 60%, #0a254000 82%), url(/landing/assets/footer-beach-palms-v1.png) center bottom / cover no-repeat, var(--color-text)}.finale .footer-journey{background:linear-gradient(#fff0,#ffffffdb 45%)}.closing__panel{min-height:clamp(360px,44svh,620px);color:var(--color-on-dark);text-align:center;align-content:start;justify-items:center;gap:14px;padding:clamp(56px,8vw,112px) clamp(22px,5vw,76px);display:grid}.closing__label{color:var(--color-highlight);font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.closing__label svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.closing__panel h2{max-width:20ch;font-size:var(--text-display);letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:650;line-height:1.04}.closing__panel>p:not(.closing__label){color:#ffffffc2;max-width:44ch;font-size:var(--text-body);margin:0 0 10px;line-height:1.7}.demo{color:var(--color-text);gap:10px;padding:28px 0;display:grid;position:relative}.demo p{margin:0}.demo svg,.demo-chip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.demo-day{padding:0 4px 4px}.showcase__step--dark .demo-day{color:var(--color-on-dark)}.demo-day__label{font-size:var(--text-small);align-items:center;gap:8px;font-weight:700;display:flex}.demo-day__label span{border-radius:var(--radius-tag);color:var(--color-on-dark);background:var(--color-accent);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;padding:2px 9px}.demo-day__title{font-size:var(--text-title);letter-spacing:-.02em;margin-top:6px;font-weight:800}.demo-card,.demo-flight,.demo-board,.demo-invite{background:var(--color-surface);box-shadow:var(--shadow-tile);border-radius:16px;gap:4px;padding:16px 20px;display:grid}.demo-card__when{font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.demo-card__when small,.demo-flight__ends span{color:var(--color-text-muted);font-size:var(--text-label);font-weight:600}.demo-card__title{font-size:var(--text-body);letter-spacing:-.01em;margin-top:4px;font-weight:700}.demo-card__detail{color:var(--color-text-muted);font-size:var(--text-small)}.demo-card__private{border-radius:var(--radius-tag);width:fit-content;color:var(--color-text-muted);background:var(--color-surface-muted);font-size:var(--text-label);align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-weight:600;display:flex}.demo-icon{width:26px;height:26px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:50%;place-items:center;margin-right:4px;display:inline-grid}.demo-icon--stay{color:var(--color-accent);background:var(--color-accent-soft)}.demo-icon--travel{color:var(--color-action);background:#0b63ce1f}.demo-days{border-radius:var(--radius-tag);color:var(--color-accent);background:var(--color-accent-soft);font-size:var(--text-label);padding:1px 8px;font-weight:700}.demo-flight{gap:14px;padding:20px 24px}.demo-flight__head{font-size:var(--text-small);align-items:center;gap:4px;font-weight:700;display:flex}.demo-flight__ends{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:16px;padding-top:14px;display:grid}.demo-flight__ends div{gap:2px;display:grid}.demo-flight__ends small{color:var(--color-accent);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.demo-flight__ends b{font-size:var(--text-title);letter-spacing:-.03em}.demo-flight__ends strong{font-size:var(--text-heading);letter-spacing:.02em;margin-top:6px}.demo-board{gap:10px;padding:18px 20px}.demo-board__head{color:var(--color-accent);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-weight:700;display:flex}.demo-board ul{margin:0;padding:0;list-style:none;display:grid}.demo-board li{border-top:1px solid var(--color-border);font-size:var(--text-small);grid-template-columns:auto 64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.demo-board li span:not(.demo-face){color:var(--color-text-muted);font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-face{border:2px solid var(--color-surface);background:var(--color-highlight);width:30px;height:30px;font-size:var(--text-label);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.demo-face--alt{background:var(--color-accent-soft)}.demo-invite{gap:10px;padding:20px 22px}.demo-invite__title{font-size:var(--text-body);font-weight:700}.demo-invite__field{border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-small);border-radius:10px;padding:10px 12px}.demo-invite__button{border-radius:var(--radius-button);color:var(--color-on-dark);background:var(--color-action);font-size:var(--text-small);text-align:center;padding:10px;font-weight:700}.demo-invite__people{color:var(--color-text-muted);font-size:var(--text-small);align-items:center;display:flex}.demo-invite__people .demo-face{margin-right:-8px}.demo-invite__people .demo-face:last-of-type{margin-right:10px}.demo-card--float{width:min(320px,90%);margin:-18px 0 0 auto}.demo-chip{z-index:1;border-radius:var(--radius-tag);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-tile);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:flex;position:absolute}.demo-chip svg{color:var(--color-accent)}.demo-chip--top{top:0;right:12px}.demo-chip--bottom{bottom:0;left:12px}.motion .front{animation:page-fade var(--motion-page-duration) var(--motion-ease) both}.motion [data-reveal]{opacity:0;transform:translateY(22px)scale(.98)}.motion [data-reveal].visible{animation:reveal-in var(--motion-duration) var(--motion-entrance-ease) both}.motion [data-reveal-sequence] [data-reveal].visible{animation-duration:var(--motion-sequence-duration)}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes reveal-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:1199px){.front{--shell-gutter:max(24px, calc((100% - 1120px) / 2))}.hero{min-height:0}.hero-shell{align-content:start;place-items:stretch stretch;width:min(100% - 48px,1120px);min-height:0;padding:124px 0 32px}}@media (max-width:960px){.hero-shell{padding:132px 0 32px}}@media (max-width:820px){.showcase__head,.showcase__step{grid-template-columns:minmax(0,1fr)}.showcase__step:nth-child(2n) .showcase__copy{order:0}.showcase__step{border-radius:22px;padding:24px 18px}.demo{padding:8px 0}.demo-chip{justify-self:end;position:static}.demo-chip--top{order:-1}.demo-chip--bottom{justify-self:start}.demo-flight__ends b{font-size:var(--text-title)}.front{--shell-gutter:max(18px, calc((100% - 700px) / 2))}.site-header{top:22px}.hero:before{width:720px;height:720px;top:-470px;left:2%}.hero:after{bottom:-430px;left:-300px}.hero-shell{align-content:start;place-items:stretch stretch;width:min(100% - 36px,700px);min-height:0;padding:150px 0 28px}}@media (max-width:620px){.front{--shell-gutter:14px}.site-header{top:14px}.hero:before{top:-500px;left:-34%}.hero-shell{width:calc(100% - 28px);padding:140px 0 24px}.section{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){html:has(.front){scroll-behavior:auto}.motion [data-reveal]{opacity:1;transform:none}.showcase--stacked .showcase__head{margin-bottom:0;position:static;top:auto}.showcase--stacked .showcase__steps{margin-top:0}.showcase--stacked.showcase--stage-active .showcase__step{min-height:0;margin-bottom:0;position:static;top:auto}}
