@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--cream:#fcf9f3;--ink:#243b31;--orange:#dd5838;--muted:#69726a;--line:#dedfd4;--mint:#e7eddd;--paper:#fffdf8;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a,button{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb583b;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:650;line-height:1.1;letter-spacing:-2px}h1{font-size:clamp(44px,5.3vw,78px)}h2{font-size:clamp(32px,3.2vw,48px)}h3{font-size:24px;letter-spacing:-.8px}p{color:var(--muted)}.serif{font-family:var(--serif);font-weight:400;font-style:italic}.announcement{min-height:36px;display:flex;gap:10px;align-items:center;justify-content:center;background:var(--ink);color:#f4f4e6;font-size:12px;letter-spacing:.1px}.announcement a{text-decoration:underline;text-underline-offset:3px;margin-left:10px}.small-spark{color:#efb193;font-size:18px}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 5.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-light{font-weight:500}.brand i{font-family:'DM Sans',sans-serif;display:block;font-size:9px;font-style:normal;letter-spacing:1.4px;text-align:right;margin-top:6px;font-weight:500}.header nav{display:flex;gap:27px;font-size:13px;font-weight:500}.header-actions{display:flex;align-items:center;gap:23px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--orange);border:1px solid var(--orange);color:#fff;padding:15px 24px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#bd452a;transform:translateY(-2px)}.button.small{padding:11px 17px;gap:14px;font-size:12px}.button.secondary{background:transparent;border-color:#b6c0b0;color:var(--ink)}.button.secondary:hover{background:var(--mint)}.button.dark{background:var(--ink);border-color:var(--ink)}.button.white{background:var(--cream);border-color:var(--cream);color:var(--ink)}.button.full{width:100%}.menu-button{display:none;border:0;background:transparent;color:var(--ink);font-size:24px}.wrap{max-width:1280px;margin:auto;padding:0 5%}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:24px;color:#57654d}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6.5%;padding-top:65px;padding-bottom:64px;align-items:center}.hero h1{margin-bottom:25px;line-height:1.06;letter-spacing:-3.9px}.hero h1 .serif{color:var(--orange);font-size:1.09em}.hero .lead{font-size:16px;max-width:405px;line-height:1.8;margin-bottom:30px}.hero-cta{display:flex;align-items:center;gap:22px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding:6px 0}.hero-note{font-size:11px;margin-top:15px;display:flex;gap:13px;color:var(--muted)}.hero-note span:before{content:'✓';color:#4a6a45;margin-right:5px}.hero-visual{position:relative;padding-bottom:35px}.hero-photo{width:100%;height:510px;object-fit:cover;object-position:54% center;border-radius:110px 12px 12px 12px;display:block}.photo-tag{position:absolute;right:18px;top:18px;font-size:10px;color:white;padding:5px 10px;border:1px solid #ffffff80;background:#29362955;backdrop-filter:blur(5px);border-radius:20px}.orbit{position:absolute;top:-19px;left:-23px;width:67px;height:67px;background:#efd6a3;border-radius:50%;display:grid;place-items:center;font-size:43px;transform:rotate(-15deg);color:var(--ink)}.match-note{position:absolute;bottom:5px;left:-30px;background:#fffdf8;border:1px solid #e6e7dc;box-shadow:0 8px 30px #2b392310;border-radius:10px;padding:17px 21px;width:270px;display:flex;align-items:center;gap:15px;transform:rotate(-3deg)}.match-note .match-icon{background:var(--mint);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#526847;font-size:23px}.match-note b{display:block;font-size:13px}.match-note small{font-size:10px;color:var(--muted)}.hand-note{position:absolute;right:10px;bottom:-8px;font-family:var(--serif);font-size:19px;font-style:italic;transform:rotate(-5deg)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:22px;padding-bottom:22px;font-size:12px}.trust-strip span{display:flex;align-items:center;gap:12px}.trust-strip i{font-style:normal;font-size:23px}.section{padding-top:86px;padding-bottom:86px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:13px;max-width:290px;margin-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{padding:22px 0 0;border-top:1px solid #bdc7b5}.step .number{font-family:var(--serif);color:#9baf87;font-size:36px;line-height:1;margin-bottom:22px;display:block}.step h3{font-size:21px}.step p{font-size:13px;line-height:1.8;max-width:290px}.pale{background:#edf0e4}.compatibility{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;align-items:center}.habit-card{background:#fffdf7;border:1px solid #daddcc;border-radius:14px;padding:32px;transform:rotate(-2deg);box-shadow:7px 9px 0 #dce3cf}.habit-card h3{font-size:19px;margin-bottom:7px}.habit-card .mini{font-size:11px}.habit-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ebdf;padding:16px 0;font-size:12px}.habit-line:last-child{border:0}.habit-line b{font-weight:500;background:#eff2e8;border-radius:20px;padding:4px 11px}.dots{display:flex;gap:5px}.dots i{height:9px;width:9px;border-radius:50%;background:#b4c1a5}.dots i:last-child{background:#e7eade}.copy p{font-size:14px;line-height:1.9}.copy h2{margin-bottom:22px}.checks{list-style:none;margin:25px 0;padding:0}.checks li{padding:7px 0;font-size:13px}.checks li:before{content:'✓';margin-right:12px;color:#526e48}.cities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.city{position:relative;overflow:hidden;border-radius:8px;min-height:200px;display:flex;flex-direction:column;justify-content:end;padding:22px;background:linear-gradient(155deg,#c7d1bb,#556954);color:#fff}.city:nth-child(2){background:linear-gradient(155deg,#d6c5af,#866553)}.city:nth-child(3){background:linear-gradient(155deg,#adc4c4,#415f60)}.city:nth-child(4){background:linear-gradient(155deg,#d0c5af,#7b7457)}.city .city-art{position:absolute;inset:0;opacity:.45;background:linear-gradient(0deg,#152d2270,transparent),url('/assets/room.jpg') center/cover;transition:transform .4s}.city:hover .city-art{transform:scale(1.07)}.city:nth-child(2) .city-art{background-position:20% 50%;filter:sepia(.5)}.city:nth-child(3) .city-art{background-position:80% 30%;filter:hue-rotate(30deg)}.city:nth-child(4) .city-art{background-position:50% 70%;filter:sepia(.4)}.city h3,.city p,.city .city-arrow{position:relative}.city h3{font-size:23px;margin-bottom:6px}.city p{color:#fff;font-size:11px;margin:0}.city-arrow{position:absolute!important;right:20px;bottom:25px;font-size:21px}.caption{font-size:10px;color:var(--muted);margin-top:12px}.split-banner{display:grid;grid-template-columns:1fr 1fr;background:#f1e5d8;border-radius:12px;overflow:hidden}.split-banner img{width:100%;height:100%;min-height:400px;object-fit:cover}.split-banner .copy{padding:50px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid var(--line);border-radius:10px;padding:30px;position:relative;background:var(--paper)}.price-card.featured{border-color:var(--ink);background:var(--ink);color:#fff}.price-card.featured p,.price-card.featured .mini{color:#d0dacb}.price-card h3{font-size:20px}.price{font-family:Manrope,sans-serif;font-size:46px;letter-spacing:-2px;line-height:1.4}.price small{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:0}.price-card .checks{min-height:130px;margin:20px 0}.price-card .checks li{font-size:12px}.price-card.featured .checks li:before{color:#d1dda9}.price-card .ribbon{position:absolute;right:20px;top:20px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#eebba6}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:500;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:20px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;padding-top:15px;line-height:1.8;margin-bottom:0}.launch{background:var(--ink);color:#fff;text-align:center;padding:65px 20px;border-radius:12px}.launch h2{margin-bottom:18px}.launch p{color:#d1d9ca;font-size:14px}.launch .eyebrow{justify-content:center;color:#d1d9ca}.launch-form{max-width:550px;margin:25px auto 0;display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.launch-form input{flex:1;min-width:160px}.launch-form .consent{width:100%;text-align:left;color:#d1d9ca;margin-top:6px;font-size:11px}.launch-form .consent input{min-width:0;flex:none}.mini{font-size:11px;color:var(--muted)}.page-head{text-align:center;padding:65px 0 40px;max-width:780px;margin:auto}.page-head .eyebrow{justify-content:center}.page-head h1{font-size:54px;margin-bottom:20px;letter-spacing:-2.5px}.page-head p{max-width:600px;margin:0 auto;font-size:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;margin-bottom:22px}.form-shell{max-width:640px;margin:15px auto 80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:500;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #bdc6b6;border-radius:6px;background:#fffefa;color:var(--ink);padding:12px 13px;min-height:44px}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:16px;min-height:16px;height:16px;accent-color:var(--orange);margin:3px 8px 0 0;flex:none}input[type=range]{padding:0;accent-color:var(--orange);border:0}.consent{display:flex;font-size:12px;align-items:flex-start;font-weight:400;line-height:1.6}.form-error{color:#a73527;font-size:13px;background:#fff1e9;border-radius:6px;padding:12px;margin:16px 0}.form-error:empty{display:none}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.progress{display:flex;gap:6px;margin-bottom:30px}.progress i{flex:1;height:4px;background:#dfe5d7;border-radius:5px}.progress i.active{background:var(--orange)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.range-field{margin:20px 0}.range-field label{font-size:13px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:10px;border-radius:20px;background:#e9eedf;padding:4px 10px;color:#3d5837}.chip.orange{background:#f7e4d9;color:#944b31}.badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:var(--mint);padding:4px 9px;border-radius:4px}.dashboard{display:grid;grid-template-columns:190px 1fr;gap:30px;margin-top:40px;margin-bottom:70px}.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav a{padding:11px 15px;border-radius:6px;font-size:13px}.side-nav a.active{background:var(--mint);font-weight:600}.side-nav b{font-size:11px;margin:10px 15px;letter-spacing:1px}.dashboard-content h1{font-size:36px;letter-spacing:-1px;margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.stat b{font-size:30px;display:block}.stat span{font-size:11px;color:var(--muted)}.notice{background:#eff1e6;border-left:3px solid var(--orange);padding:16px 20px;margin:20px 0;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.member-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:24px}.member-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.avatar{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:#eddbc6;font-size:20px;font-family:var(--serif);flex:none}.member-name{flex:1}.member-name h3{font-size:20px;margin-bottom:5px}.member-name p{font-size:11px;margin:0}.score{font-size:23px;color:#42693d;font-family:Manrope,sans-serif;font-weight:700}.member-card p{font-size:12px}.member-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.member-card .button{padding:9px 13px;font-size:11px;gap:8px}.filter-form{display:flex;gap:12px;align-items:end;margin:10px 0 30px}.filter-form>div{flex:1}.room-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.room-image{width:100%;height:220px;object-fit:cover;background:#e6e8da}.room-body{padding:24px}.room-body h3{font-size:21px;margin:12px 0}.room-body p{font-size:12px}.room-price{font-size:24px;font-weight:600;letter-spacing:-1px}.room-price small{font-size:11px;font-weight:400;letter-spacing:0}.empty{text-align:center;padding:50px 25px}.empty .empty-icon{font-size:40px;margin-bottom:15px}.empty h3{font-size:23px}.empty p{max-width:450px;margin:0 auto 25px;font-size:13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.toolbar .button{font-size:12px;padding:10px 16px}.row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.row p{font-size:12px;margin-bottom:3px}.row b{font-size:14px}.row .actions{display:flex;gap:8px;flex-wrap:wrap}.row .button{font-size:11px;padding:7px 12px}.messages{max-height:500px;overflow-y:auto}.bubble{background:#eef1e5;padding:15px 18px;border-radius:9px;max-width:85%;margin-bottom:15px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#f2dfd3}.bubble small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.prose{max-width:760px;margin:20px auto 80px}.prose h2{font-size:27px;margin-top:35px;letter-spacing:-.8px}.prose h3{font-size:20px;margin-top:25px;letter-spacing:-.5px}.prose p,.prose li{font-size:14px;line-height:1.9}.prose a{color:var(--orange);text-decoration:underline}.prose li{color:var(--muted);margin-bottom:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:#eff0e5;border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:start}.guide-card .guide-emoji{font-size:36px;margin-bottom:25px}.guide-card h3{font-size:23px;line-height:1.3}.guide-card p{font-size:13px;flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.link{border:0;background:transparent;color:inherit;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.switch-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.switch-row input{width:19px}.alert{color:#a53b25}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:45px;padding:55px 0 40px}.footer-top>div>a:not(.brand){display:block;font-size:11px;margin-bottom:9px}.footer-top b{display:block;margin-bottom:18px;font-size:11px}.footer-top p{font-size:14px;margin-top:18px;color:var(--ink)}.footer-top address{font-size:11px;font-style:normal;color:var(--muted);margin:14px 0}footer{max-width:1280px;margin:auto;padding:0 5% 20px;border-top:1px solid var(--line)}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:18px}.footer-bottom button{font-size:10px}dialog{background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:14px;max-width:570px;width:calc(100% - 30px);padding:36px;max-height:90vh}dialog::backdrop{background:#152b22a6;backdrop-filter:blur(4px)}dialog h2{font-size:30px;padding-right:20px;letter-spacing:-1px}dialog p{font-size:13px}.close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:28px;color:var(--ink)}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:13px 24px;font-size:13px;box-shadow:0 5px 30px #0002;max-width:90%;z-index:10;display:none}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}.loading{padding:70px;text-align:center}.loading:after{content:' ';display:block;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero-photo{height:560px}}@media(max-width:1100px){.header{padding:20px 4%;gap:20px}.header nav{gap:17px}.brand{font-size:20px}.header-actions{gap:15px}.hero{gap:5%;padding-top:50px}.hero h1{font-size:60px}.hero-photo{height:465px}.hand-note{font-size:16px}.match-note{left:-15px;width:240px}.compatibility{gap:8%}.split-banner .copy{padding:35px}.footer-top{gap:25px}.header-actions .button{display:none}}@media(max-width:760px){.announcement{font-size:10px;padding:7px 12px;gap:6px}.announcement a{margin-left:0}.header{padding:18px 5%;flex-wrap:wrap}.header nav{display:none;width:100%;order:3;border-top:1px solid var(--line);padding-top:15px;flex-wrap:wrap;gap:20px}.header nav.open{display:flex}.menu-button{display:block}.header-actions{gap:18px}.brand{font-size:21px}.wrap{padding-left:6%;padding-right:6%}.hero{grid-template-columns:1fr;padding-top:40px;gap:42px;padding-bottom:40px}.hero h1{font-size:59px;letter-spacing:-3px}.hero .lead{font-size:15px;max-width:440px}.hero-visual{margin:0 5px 10px 15px}.hero-photo{height:420px;border-top-left-radius:85px}.match-note{bottom:10px;left:-15px}.hand-note{right:0;bottom:-12px}.orbit{left:-18px;width:53px;height:53px;font-size:33px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;padding-bottom:20px;gap:18px;font-size:10px}.trust-strip span{gap:8px}.trust-strip i{font-size:19px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:18px;max-width:100%}.section-heading .text-link{margin-top:15px;display:inline-block}.steps{gap:20px;grid-template-columns:1fr}.step{display:grid;grid-template-columns:44px 1fr;gap:0 13px;padding-top:18px}.step .number{grid-row:span 2;font-size:30px;margin:0}.step h3{font-size:21px;margin-bottom:10px}.step p{max-width:100%;margin-bottom:5px}.compatibility{grid-template-columns:1fr;gap:45px}.compatibility .habit-card{order:2;padding:24px;margin:0 8px}.cities{grid-template-columns:1fr 1fr;gap:12px}.city{min-height:180px;padding:18px}.city h3{font-size:23px}.split-banner{grid-template-columns:1fr}.split-banner img{min-height:0;height:290px}.split-banner .copy{padding:30px}.price-grid{grid-template-columns:1fr;gap:16px}.price-card .checks{min-height:0}.faq-grid{grid-template-columns:1fr;gap:10px}.launch{padding:45px 22px}.launch h2{font-size:35px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap;gap:15px}.page-head{padding-top:40px}.page-head h1{font-size:42px}.page-head p{font-size:14px}.panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-actions{flex-wrap:wrap}.dashboard{grid-template-columns:1fr;margin-top:25px;gap:20px}.side-nav{flex-direction:row;overflow-x:auto;gap:4px}.side-nav a{white-space:nowrap;padding:10px 13px}.side-nav b{display:none}.dashboard-content h1{font-size:30px}.stats{gap:8px}.stat{padding:15px}.stat b{font-size:25px}.card-grid,.guide-grid{grid-template-columns:1fr}.filter-form{flex-wrap:wrap;gap:10px}.filter-form>div{min-width:130px}.filter-form .button{width:100%}.row{align-items:start;flex-direction:column;gap:10px}.hero-cta{gap:20px}.hero-cta .button{padding:14px 18px}.hero-note{font-size:10px;gap:10px}.caption{line-height:1.6}.prose{margin-bottom:50px}.prose h2{font-size:25px}dialog{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.demo-toolbar{display:flex;gap:18px;align-items:center;justify-content:center;padding:15px 5%;background:#f0dfbd;border-bottom:1px solid #d8bd8c;color:#3c442d;position:relative;z-index:5}.demo-toolbar>div{max-width:520px}.demo-toolbar b{display:block;font-family:Manrope,sans-serif;font-size:13px}.demo-toolbar span{display:block;font-size:10px;line-height:1.5}.demo-toolbar label{font-size:9px;letter-spacing:.5px;margin:0;flex:none}.demo-toolbar select{display:block;min-height:36px;font-size:11px;width:220px;padding:7px 9px;background:#fffaf0;margin-top:3px}.demo-control{background:transparent;border:1px solid #9d9b76;padding:8px 12px;border-radius:5px;font-size:10px;white-space:nowrap;color:var(--ink)}.demo-control:hover{background:#fffaed}.demo-avatar{background-image:url('/assets/demo-portraits.jpg');background-size:400% 300%;background-repeat:no-repeat;width:64px;height:64px;box-shadow:0 0 0 3px #edf0e4}.demo-label{font-size:9px!important;color:#8c4f24!important;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.demo-entry{margin:18px 0 0;max-width:390px;font-size:10px;line-height:1.8}.demo-entry .text-link{font-size:11px}.in-demo .member-card{position:relative}.in-demo .dashboard{margin-top:30px}.in-demo .room-card .demo-label{font-size:9px!important}.in-demo .member-name h3{font-size:19px}.in-demo .notice{font-size:12px}
@media(max-width:950px){.demo-toolbar{flex-wrap:wrap;gap:10px 15px;justify-content:start;padding:12px 5%}.demo-toolbar>div{max-width:none;width:100%}.demo-toolbar label{flex:1}.demo-toolbar select{width:100%;max-width:350px}.demo-avatar{width:54px;height:54px}.demo-entry{max-width:100%}}@media(max-width:500px){.demo-toolbar>div span{font-size:9px}.demo-toolbar select{font-size:10px}.demo-control{font-size:9px;padding:8px}.demo-toolbar{gap:10px}.in-demo .member-top{gap:10px}.in-demo .score{font-size:22px}.in-demo .member-name h3{font-size:18px}}
/* Keep article calls to action legible in both link states. */
.prose a.button,.prose a.button:visited{color:#fff;text-decoration:none}
.prose a.button.secondary,.prose a.button.secondary:visited,.prose a.button.white,.prose a.button.white:visited{color:var(--ink)}