:root{color-scheme:dark;--background: #180f0d;--background-dark: #120b0a;--surface: #302522;--border: #5a413b;--accent: #ff6fae;--accent-hover: #ff8cc8;--text: #fff7ee;--text-muted: #bfa79a;--layer-secondary: 1;--layer-primary: 2;--layer-navigation: 10}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--background);color:var(--text);font-family:var(--font-ui);font-weight:400;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--background)}h1,h2,p,figure{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:calc(var(--layer-navigation) + 1);padding:12px 20px;border-radius:12px;background:var(--text);color:var(--background);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.accent,h1 em{color:var(--accent)}.app-store-link:active{transform:scale(.98)}.hero{height:100svh;min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:16px;padding:0 max(40px,calc((100% - 960px)/2));background-color:#35231f;background-image:linear-gradient(#180f0d6b,#180f0d6b),url(/branding/hero-bark.webp);background-size:auto,627px 627px;background-position:center}.hero-copy{width:100%;text-align:left}.hero-heading{font-size:clamp(34px,4.35vw,56px);max-width:540px}.hero-demo{display:grid;grid-template-columns:minmax(0,1fr);justify-self:center;justify-items:center;width:min(36svh,300px)}.hero-phone{position:relative;width:100%;padding:6px;border:1px solid #7a5a52;border-radius:13%/6.5%;background:var(--background-dark);box-shadow:0 24px 48px #08040366,inset 0 0 0 2px #302522}.demo-screen{position:relative;container-type:inline-size;overflow:hidden;aspect-ratio:9 / 18.5;border-radius:11%/5.5%;background:var(--background)}.demo-camera{position:absolute;z-index:3;top:1.5%;left:35%;width:30%;height:2.8%;border-radius:99px;background:var(--background-dark)}.demo-scene{position:absolute;top:0;left:50%;height:100%;aspect-ratio:1290 / 2138;transform:translate(-50%);pointer-events:none}#hero-room{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#hero-room,#hero-bears{-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);opacity:0}.is-room-loaded #hero-room,.is-room-loaded.is-bears-loaded #hero-bears{opacity:1}.demo-bears{position:absolute;width:98.37%;aspect-ratio:1 / .62;bottom:16.56%;left:-.12%}#hero-bears{display:block;width:100%;height:100%}.demo-controls{--demo-app-unit: calc(100cqw / 430);position:absolute;z-index:2;top:10%;inset-inline:calc(20 * var(--demo-app-unit));display:flex}.demo-hug{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--demo-app-unit));width:100%;height:max(28px,calc(58 * var(--demo-app-unit)));padding:0 calc(14 * var(--demo-app-unit));border:calc(1 * var(--demo-app-unit)) solid rgb(255 247 238 / 18%);border-radius:calc(20 * var(--demo-app-unit));background:var(--accent);color:var(--text);box-shadow:0 calc(6 * var(--demo-app-unit)) calc(12 * var(--demo-app-unit)) #0804033d;font:600 max(11px,calc(20 * var(--demo-app-unit)))/1.25 system-ui,var(--font-ui);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.demo-hug:after{content:"";position:absolute;top:50%;inset-inline:0;height:max(100%,44px);transform:translateY(-50%)}.demo-hug-chevron{flex-shrink:0;width:max(10px,calc(15 * var(--demo-app-unit)));height:max(10px,calc(15 * var(--demo-app-unit)))}.demo-hug:not(:disabled):not([aria-disabled=true]){animation:demo-hug-pulse 2.2s cubic-bezier(.37,0,.63,1) infinite}.hero-phone.is-preview-paused .demo-hug{animation-play-state:paused}@keyframes demo-hug-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.demo-hug:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-hover)}.demo-hug:active:not(:disabled):not([aria-disabled=true]){opacity:.85}.demo-hug:disabled,.demo-hug[aria-disabled=true]{cursor:default}.demo-hug:focus-visible{outline-color:var(--text);outline-offset:3px}.demo-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-home-indicator{position:absolute;bottom:1.5%;left:34%;width:32%;height:4px;border-radius:99px;background:var(--background-dark)}h1{font-size:inherit;font-weight:600;letter-spacing:-.055em;line-height:1.16}.hero-title-end{display:block;white-space:nowrap}h1 em{font-weight:inherit}.hero-copy p,.feature-copy p,.download-section p{color:var(--text-muted);font-size:18px;line-height:1.8;text-wrap:pretty}.hero-copy p{max-width:440px;margin:20px 0 28px;color:var(--text);line-height:1.6}.app-store-link{display:inline-block;border-radius:12px;transition:transform .18s ease}.app-store-link img{width:180px;height:60px}.app-store-link:hover{transform:translateY(-2px)}.screen-pair{position:relative;isolation:isolate;width:100%;max-width:470px;aspect-ratio:470 / 610;margin-inline:auto}.phone{position:absolute;padding:4px;border:1px solid var(--border);border-radius:15%/7%;background:var(--surface);box-shadow:0 18px 35px #0804033d}.phone img{width:100%;height:auto;border-radius:13%/6%}.phone-primary{z-index:var(--layer-primary);top:8%;left:2%;width:56%;transform:rotate(-3deg)}.phone-secondary{z-index:var(--layer-secondary);top:0;right:0;width:49%;transform:rotate(4deg)}.features{padding-bottom:24px}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:104px;padding-block:68px}.feature-copy{grid-column:2;grid-row:1}.feature>.screen-pair{grid-column:1;grid-row:1}.feature-reversed .feature-copy{grid-column:1}.feature-reversed>.screen-pair{grid-column:2}h2{font-size:clamp(30px,3.35vw,44px);font-weight:500;line-height:1.18;letter-spacing:-.045em;text-wrap:balance}.feature-copy p{margin-top:24px;max-width:440px}.questions-screens .phone-secondary{right:-1%}.widgets-screens .phone-primary{top:23%;left:0}.widgets-screens .phone-secondary{width:56%;top:-5%}.widgets-screens{aspect-ratio:470 / 745}.customization-screens .phone-secondary{top:5%}.download-section{padding-block:84px 104px;text-align:center}.download-section p{margin-block:20px 28px}.site-footer{padding-block:44px;border-top:1px solid rgb(90 65 59 / 30%);background:var(--background)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 32px;color:var(--text-muted);font-size:14px}.footer-links a{display:inline-flex;align-items:center;min-height:44px}.footer-links a:hover{color:var(--text)}@media (max-width: 1023px){.container{width:calc(100% - 64px)}.hero-copy{width:100%}.feature{column-gap:56px;padding-block:64px}.hero-copy p,.feature-copy p{font-size:16px}}@media (max-width: 767px){.container{width:calc(100% - 40px)}.hero{height:auto;min-height:var(--hero-min-height, 100svh);grid-template-columns:minmax(0,1fr);align-content:center;gap:16px;padding:calc(var(--den-header-height) + 12px) 20px 24px}.hero-copy{width:100%;text-align:center}.hero-heading{max-width:500px;margin-inline:auto;font-size:clamp(32px,8.3vw,48px)}.hero-copy p{max-width:360px;margin:14px auto 18px;font-size:16px;line-height:1.6}.hero-demo{width:clamp(160px,45vw,196px)}.hero-phone{padding:4px}.feature{grid-template-columns:minmax(0,1fr);row-gap:40px;padding-block:52px}.feature .feature-copy,.feature>.screen-pair{grid-column:1;grid-row:auto}.feature-copy{max-width:420px;margin-inline:auto;text-align:center}h2{font-size:clamp(29px,7.7vw,38px)}.feature-copy p{margin-top:20px;font-size:16px;line-height:1.8}.feature>.screen-pair{width:94%;max-width:380px}.phone{padding:3px;box-shadow:0 12px 24px #08040333}.download-section{padding-block:40px 64px}.download-section p{font-size:16px}.site-footer{padding-block:28px}.footer-links{gap:4px 24px;font-size:12px}}@media (min-width: 768px) and (max-height: 650px){.hero-heading{font-size:clamp(30px,3.8vw,48px)}.hero-copy p{margin-block:14px 20px}}@media (max-width: 360px){.hero{padding-block:calc(var(--den-header-height) + 12px) 24px;gap:12px}.hero-heading{font-size:30px}.hero-copy p{margin-block:8px 12px;font-size:14px;line-height:1.5}.hero .app-store-link img{width:150px;height:50px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}