/* DAASHLY Garage UX lab — unified four-destination prototype.
   Original logo/colour system; intentionally no realtime data. */
:root{color-scheme:dark;--bg:#06130f;--deep:#091b15;--surface:#14241c;--surface2:#1a3023;--line:#355641;--acid:#2bef27;--orange:#ff892c;--ink:#eef4e9;--muted:#b4c8b8;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.page-width{width:min(1200px,calc(100% - 44px));margin:0 auto}
.concept-ribbon{min-height:29px;background:#163723;color:#b5fbb4;font-size:10px;letter-spacing:1.6px;font-weight:800;text-align:center;display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 18px}.ribbon-dot{height:7px;width:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 9px var(--acid)}
.topbar{position:sticky;top:0;z-index:20;background:#06130ff2;border-bottom:1px solid #2b4d38;backdrop-filter:blur(16px)}
.top-inner{height:82px;width:min(1260px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:38px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 0 10px #18fa3680)}.logo strong{font-size:28px;letter-spacing:-1.7px}.logo strong span,footer strong span{color:var(--orange)}
.desktop-tabs{display:flex;gap:6px;align-items:center;height:100%}.nav-link{display:flex;align-items:center;height:100%;padding:0 19px;position:relative;font-size:13px;color:#c7d8ca;font-weight:750}
.nav-link:hover{color:var(--acid)}.nav-link.is-active{color:var(--acid)}.nav-link.is-active:after{content:"";position:absolute;bottom:-1px;left:19px;right:19px;height:3px;background:var(--acid);border-radius:4px}
.top-utilities{display:flex;align-items:center;gap:16px}.quick-search{background:#15281d;border:1px solid #395644;border-radius:30px;color:#c9e2cb;padding:9px 17px;font-size:12px;font-weight:700}.quick-search span{font-size:21px;vertical-align:middle;margin-right:7px}.lab-stamp{color:#7df184;font-size:9px;letter-spacing:1.7px;font-weight:800;white-space:nowrap}
.screen{padding-top:62px;padding-bottom:120px;min-height:calc(100vh - 192px)}
.kicker,.eyebrow{display:flex;align-items:center;gap:10px;color:var(--acid);font-size:11px;font-weight:950;letter-spacing:2px}.orange-bar{display:inline-block;width:27px;height:3px;background:var(--orange)}
.welcome-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0 31px}.welcome-head h1,.screen-heading h1{font-size:clamp(55px,7vw,102px);letter-spacing:-.077em;line-height:1.02;margin:6px 0 20px;font-weight:950}.welcome-head h1 span,.screen-heading h1 span{color:var(--acid)}.welcome-head p,.screen-heading p{max-width:600px;font-size:16px;color:var(--muted);line-height:1.75;margin:0}.welcome-mark{width:min(25%,235px);height:auto;opacity:.92;filter:drop-shadow(0 0 55px #24fd3d45)}
.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.intent-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #486952;background:linear-gradient(135deg,#1d3827,#13241c);padding:25px;border-radius:16px;min-height:270px;color:var(--ink);transition:transform .15s,border-color .15s}
.intent-card:hover{border-color:var(--acid);transform:translateY(-3px)}.intent-card.intent-orange{background:linear-gradient(130deg,#483021,#1e2a20);border-color:#7e5434}.intent-card.intent-orange:hover{border-color:var(--orange)}
.intent-index{color:#97bfa0;font-size:10px;font-weight:900;letter-spacing:1.7px}.intent-icon{font-size:38px;margin:20px 0 6px;color:var(--acid)}.intent-orange .intent-icon{color:var(--orange)}.intent-card strong{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin-bottom:8px}.intent-card>span:nth-last-child(2){font-size:13px;line-height:1.55;color:#b4cdb9}.intent-cta{color:var(--acid);font-size:12px;font-weight:900;margin-top:auto;padding-top:18px}.intent-orange .intent-cta{color:#ffac6d}
.home-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:26px}.founder-summary,.weekend-summary{background:#13241c;border:1px solid #385341;border-radius:17px;padding:23px;min-height:295px}.micro-header{font-weight:900;letter-spacing:1.2px;color:#97cf9b;display:flex;justify-content:space-between;font-size:10px;gap:15px;align-items:center}.micro-live{font-size:9px;color:#9db8a5}
.summary-inner{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;margin-top:15px}.summary-inner>img{width:190px;max-width:100%;height:160px;object-fit:cover;border-radius:10px;background:#0d2118}.summary-inner h2{font-size:37px;margin:7px 0 0;letter-spacing:-.055em}.summary-inner p{color:var(--muted);margin:5px 0 15px;font-size:13px}.summary-inner .summary-hint{font-size:10px;color:#a5bdae}.eyebrow{font-size:9px}
.action{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900;font-size:12px;padding:13px 18px;border-radius:9px;line-height:1.2;min-height:45px;text-align:center;border:1px solid transparent;text-decoration:none}.action-lime{background:var(--acid);color:#031807;border-color:var(--acid)}.action-lime:hover{background:#9afb78}.action-outline{color:#d2f8d1;border-color:#559160;background:#153121}.action-outline:hover{border-color:var(--acid);color:var(--acid)}
.weekend-icon{font-size:36px;color:var(--orange);display:block;margin:20px 0 7px}.weekend-summary h2{font-size:24px;margin:6px 0 9px;letter-spacing:-.035em}.weekend-summary p{font-size:12px;line-height:1.65;color:var(--muted);margin-bottom:20px}
.screen-heading{padding-bottom:35px}.screen-heading h1{font-size:clamp(55px,7.1vw,91px);margin-top:20px}
.search-panel{background:#14261c;border:1px solid #426046;border-radius:16px;padding:25px}.search-panel label{display:block;font-weight:800;font-size:13px;margin-bottom:11px}.search-panel input{width:100%;padding:17px 19px;background:#081610;border:1px solid #527358;border-radius:11px;color:var(--ink);font-size:15px}
.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.filter{border:1px solid #426347;background:#182c20;color:#c9dccb;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:850}.filter.active{background:var(--acid);color:#081707;border-color:var(--acid)}.filter:hover{border-color:var(--acid)}
.tiny-note{color:#9bbaa1;font-size:10px;line-height:1.6;margin:16px 0 0}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:23px 0}.example-card{text-align:left;border:1px solid #49614d;background:linear-gradient(125deg,#1b3426,#13211b);padding:24px;border-radius:15px;color:var(--ink);min-height:225px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.example-card:hover{border-color:var(--acid)}.example-card .example-top{display:flex;justify-content:space-between;gap:14px;width:100%;font-size:10px;letter-spacing:1.2px;color:#9fbd9f;font-weight:900}.example-card .example-icon{font-size:40px;color:var(--acid);margin:9px 0}.example-card strong{font-size:24px;letter-spacing:-.04em}.example-card>span:last-child{font-size:11px;color:#abcaad;margin-top:auto}.context-card,.discovery-privacy{border:1px solid #548063;border-radius:15px;background:#1d3827;padding:25px;margin-top:20px}.context-card h3{font-size:25px;margin:8px 0}.context-card p,.discovery-privacy p{font-size:13px;line-height:1.75;color:#bdd5bf;max-width:700px}.context-card .action{margin-top:9px}.discovery-privacy{display:flex;justify-content:space-between;gap:20px;align-items:center}.discovery-privacy strong{color:var(--acid)}
.verified-empty{background:#14251b;border:1px dashed #6d9868;border-radius:15px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:24px}.empty-left{max-width:700px}.empty-icon{color:var(--orange);font-size:32px;margin-bottom:11px}.empty-left strong{font-size:17px}.empty-left p{font-size:13px;line-height:1.6;color:var(--muted)}.verified-mark{border:1px solid #517c54;border-radius:30px;color:#9bce9d;font-size:10px;letter-spacing:1.2px;font-weight:900;padding:12px;white-space:nowrap}
.meet-intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.meet-type{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;border:1px solid #4c614a;border-radius:12px;padding:21px;background:#18281d;color:var(--ink);min-height:146px}.meet-type span{color:var(--orange);font-size:25px}.meet-type strong{font-size:17px}.meet-type small{font-size:11px;color:var(--muted);line-height:1.5}.meet-type.selected{border-color:var(--acid);background:#20432b}.meet-type:hover{border-color:var(--orange)}
.planner{background:#14271e;border:1px solid #436c4a;border-radius:17px;padding:32px;margin-top:23px}.planner-intro h2{font-size:37px;letter-spacing:-.055em;margin:13px 0 6px}.planner-intro p{font-size:13px;color:#bfd4c3;margin-bottom:25px}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.planner-fields label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:9px}.planner-fields input,.planner-fields select{min-width:0;width:100%;border:1px solid #50755a;background:#091b14;color:var(--ink);border-radius:8px;padding:12px}.planner-fields input[type=date]{color-scheme:dark}.plan-result{background:#234331;border:1px solid #4f9460;border-radius:11px;padding:20px;margin-top:18px;white-space:pre-wrap;color:#e0f6de;font-size:13px;line-height:1.65}
.garage-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px}.garage-feature{background:#193526;border:1px solid #3c7847;border-radius:17px;overflow:hidden}.feature-upper{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#b1ebaf;display:flex;justify-content:space-between;gap:14px;padding:23px 24px 11px}.garage-feature img{width:100%;height:345px;object-fit:cover;display:block}.feature-under{padding:23px 27px 30px}.feature-under h2{font-size:48px;letter-spacing:-.06em;margin:0}.feature-under p{font-size:14px;color:var(--muted);margin:7px 0}
.garage-commands{background:#13231c;border:1px solid #395543;border-radius:17px;padding:30px}.garage-commands h2{font-size:35px;letter-spacing:-.04em;margin:15px 0 10px}.garage-commands>p{line-height:1.7;color:#aec5b3;font-size:14px}.command-stack{display:grid;gap:10px;margin-top:22px}.command{width:100%;text-align:left;border:1px solid #385b41;border-radius:11px;padding:15px;display:flex;align-items:center;gap:14px;background:#1a3625;color:var(--ink)}.command:hover{border-color:var(--acid)}.command>span:first-child{color:var(--acid);font-size:25px}.command>span:nth-child(2){flex:1}.command strong{display:block;font-size:14px}.command small{display:block;font-size:11px;color:#afcbb2;margin-top:4px}.command>span:last-child{font-size:18px;color:var(--acid)}
.privacy-foot{font-size:11px!important;color:#a1c5a6!important;margin-top:22px}
.mobile-tabs{display:none}
footer{border-top:1px solid #30563d;background:#03110b;padding:24px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8daf98;font-size:10px;letter-spacing:1px}.foot strong{color:var(--acid);font-size:16px}.foot a{color:#d4f5d4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){.top-inner{gap:18px}.desktop-tabs .nav-link{padding-inline:12px}.nav-link.is-active:after{left:12px;right:12px}.lab-stamp{display:none}.intent-card{min-height:280px}.home-lower{grid-template-columns:1fr}}
@media(max-width:790px){.page-width{width:calc(100% - 34px)}.top-inner{height:67px}.logo img{height:39px;width:39px}.logo strong{font-size:23px}.desktop-tabs{display:none}.top-utilities{margin-left:auto}.screen{padding-top:39px;padding-bottom:110px}.welcome-head{margin:21px 0 26px}.welcome-mark{width:125px}.welcome-head h1,.screen-heading h1{font-size:clamp(52px,10vw,79px)}.intent-grid{grid-template-columns:1fr 1fr}.intent-card.intent-orange{grid-column:1/-1;min-height:155px}.intent-card{min-height:245px}.explore-grid,.meet-intents{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-layout{grid-template-columns:1fr}.garage-feature img{height:330px}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#071b12f8;backdrop-filter:blur(14px);padding:9px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid #3d6546;z-index:25}.mobile-tab{display:grid;justify-items:center;gap:3px;color:#abc7af;font-size:10px;font-weight:800;padding:5px 2px;border-radius:8px}.mobile-tab.is-active{color:var(--acid);background:#1a3722}.mobile-glyph{font-size:24px;line-height:1.2}footer{padding-bottom:110px}}
@media(max-width:530px){.quick-search{font-size:0;padding:7px 12px}.quick-search span{font-size:24px;margin:0}.concept-ribbon{font-size:8px;letter-spacing:1px}.welcome-head{align-items:flex-start}.welcome-mark{width:66px;margin-top:13px}.welcome-head h1,.screen-heading h1{font-size:clamp(46px,13vw,64px)}.welcome-head p,.screen-heading p{font-size:14px}.intent-grid,.explore-grid,.meet-intents,.planner-fields{grid-template-columns:1fr}.intent-card,.intent-card.intent-orange{min-height:175px;grid-column:auto}.intent-icon{margin:10px 0 0}.intent-card strong{font-size:24px}.summary-inner{grid-template-columns:1fr}.summary-inner>img{width:100%;height:155px}.verified-empty,.discovery-privacy{flex-direction:column;align-items:flex-start}.planner{padding:22px}.garage-feature img{height:235px}.feature-upper{font-size:8px}.screen{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intent-card{transition:none}}

/* Clear return from new member experience to original concept Showcase. */
.showcase-pill{display:inline-flex;white-space:nowrap;align-items:center;border:1px solid #4b7450;background:#112c1b;color:var(--acid);font-size:11px;font-weight:850;border-radius:9px;padding:11px 14px}
.showcase-pill:hover{border-color:var(--acid);background:#1e4829}
@media(max-width:530px){.top-utilities{gap:7px}.showcase-pill{font-size:10px;padding:9px 10px}}

/* Public product preview: calendar date selector, no event records. */
.preview-calendar{border:1px solid #4e8257;border-radius:17px;background:linear-gradient(135deg,#143524,#0b2018);padding:25px;margin:24px 0}
.preview-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.preview-calendar-head h2{font-size:29px;letter-spacing:-.04em;margin:10px 0 0}
.preview-calendar-actions{display:flex;gap:6px;flex-wrap:wrap}
.preview-calendar-actions button{background:#21442c;color:#bdf3c1;border:1px solid #5c9061;border-radius:8px;padding:9px 13px;font-weight:800;font-size:12px}
.preview-calendar-actions button:hover{border-color:var(--acid);color:var(--acid)}
.preview-weekdays,.preview-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.preview-weekdays span{text-align:center;font-size:11px;color:#adcab0;font-weight:850;padding:9px 0}
.preview-calendar-day{border:1px solid #46734f;background:#173222;color:#ecf4e9;border-radius:9px;min-height:55px;font-size:14px;font-weight:850;cursor:pointer}
.preview-calendar-day.outside{opacity:.38}.preview-calendar-day.selected{border:2px solid var(--acid);background:#2c653a;color:var(--acid)}
.preview-calendar-day:hover{border-color:var(--acid)}
.preview-calendar-caption{color:#adceb3;font-size:12px}
@media(max-width:590px){.preview-calendar{padding:13px}.preview-calendar-head{flex-direction:column;align-items:flex-start}.preview-weekdays,.preview-month-grid{gap:3px}.preview-calendar-day{min-height:44px;font-size:12px;border-radius:5px}}
