.habitally-page{--violet:#6750cf;--hink:#30294c;--lavender:#eee9fa;--mist:#f7f5fc;--paper:#faf9f6;--ink:#30294c;--muted:#777087;--line:#dfdce7;background:var(--paper)}.habitally-page header{background:#faf9f6eb}.habitally-page .progress{background:var(--violet)}.habitally-page .dot{background:var(--violet)}.habitally-page h2{font-size:clamp(40px,5vw,72px);line-height:1.05}.habitally-page h2 span{color:#9790a8}.habitally-page h3{font-weight:400;letter-spacing:-.04em}.habitally-page .eyebrow{font-size:9px}.h-hero{padding:135px 5.2vw 0;background:linear-gradient(155deg,#f4f0fc,#e9e3f6)}.h-hero-top{display:flex;justify-content:space-between;gap:20px}.h-logo{display:block;width:225px;mix-blend-mode:multiply;margin:48px 0 26px}.h-hero h1{font-size:clamp(55px,7.7vw,120px);line-height:1;letter-spacing:-.065em;max-width:1150px}.h-hero h1 span{color:#9a8eaf}.h-hero-bottom{display:flex;justify-content:space-between;align-items:end;margin:40px 0 60px;gap:30px}.h-hero-bottom p{font-size:13px}.h-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #b9adcf;border-radius:35px;padding:17px 23px;font-size:11px;transition:background .3s,transform .3s}.h-button:hover{background:#ded6ef;transform:translateY(-2px)}.h-button.solid{background:var(--violet);color:white;border-color:var(--violet)}.h-button.solid:hover{background:#5540b4}.h-visual{height:560px;position:relative;overflow:hidden;border-radius:5px}.h-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.h-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#21182518,transparent 70%);pointer-events:none}.h-floating{position:absolute;left:6%;top:20%;padding:32px;background:#faf8f2ed;backdrop-filter:blur(16px);border:1px solid #fff9;border-radius:22px;box-shadow:0 30px 90px #30294c26;max-width:380px;z-index:1}.h-floating>strong{display:block;font-size:32px;font-weight:400;letter-spacing:-.05em;margin:14px 0 8px}.h-floating>span:not(.eyebrow){font-size:12px;color:var(--muted)}.h-mini-record{display:flex;align-items:center;gap:16px;padding:18px;background:white;border:1px solid #e7e2ec;border-radius:12px;margin-top:26px;min-width:270px}.h-item-icon{display:grid;place-items:center;background:#eee9fb;width:37px;height:37px;border-radius:10px;color:var(--violet);font-size:24px}.h-mini-record b{font-size:12px;font-weight:500}.h-mini-record small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.h-check{margin-left:auto;background:#dff4e9;color:#318971;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:11px}.h-image-note{position:absolute;bottom:17px;right:20px;color:white;background:#29213870;border-radius:20px;padding:7px 12px;font-size:9px;z-index:1}.h-project-meta{display:grid;grid-template-columns:.9fr 1.3fr 1.5fr 1.1fr;gap:35px;padding:40px 0 45px}.h-project-meta small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#847694;margin-bottom:12px}.h-project-meta span{display:block;font-size:11px;line-height:1.6}.case-index{position:sticky;top:88px;z-index:30;display:flex;justify-content:center;gap:35px;padding:19px 4vw;background:#faf9f6ed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);font-size:10px}.case-index a{color:#8a8199;white-space:nowrap}.case-index a:hover,.case-index a.current{color:var(--violet)}.h-section{padding:110px 6.5vw}.h-section-label{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:50px}.h-section-label>span:last-child:not(.eyebrow){font-size:11px;color:var(--muted)}.h-split{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.h-body p{font-size:14px;line-height:1.85}.h-body p+p{margin-top:20px}.h-body .h-statement{border-left:2px solid var(--violet);padding-left:22px;font-size:17px;letter-spacing:-.02em;color:#51446b}.h-body .h-note,.h-note{font-size:10px;line-height:1.65;color:var(--muted)}.h-problem-row{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px}.h-problem-row>div{border-top:1px solid var(--line);padding-top:22px}.h-problem-row>div>span{font-size:10px;color:var(--violet)}.h-problem-row h3{font-size:27px;line-height:1.15;margin:20px 0 16px}.h-problem-row p{font-size:12px;color:var(--muted);max-width:260px}.h-research{padding:90px 6.5vw;background:#30294c;color:#fff}.h-research-intro{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:45px;align-items:start}.h-research h2{font-size:clamp(40px,4.5vw,65px)}.h-research h2 span{color:#b7a9db}.h-research-intro p{font-size:12px;color:#c6bed8}.h-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:65px}.h-stats>div{padding-top:22px;border-top:1px solid #766989}.h-stats strong{display:block;font-size:clamp(65px,8vw,115px);font-weight:400;letter-spacing:-.06em;line-height:1.2;color:#e7dcff}.h-stats strong span{font-size:.38em;margin-left:8px}.h-stats p{font-size:12px;line-height:1.75;max-width:260px;color:#cfc7df;margin-top:16px}.h-source{margin-top:50px;border-top:1px solid #766989;padding-top:20px;display:flex;justify-content:space-between;gap:50px;font-size:9px;line-height:1.7}.h-source p{max-width:660px;color:#b8aecb}.h-source a{max-width:240px;flex-shrink:0;text-decoration:underline;text-underline-offset:4px;color:#e5d9ff}.h-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.h-personas article{border:1px solid var(--line);padding:30px;border-radius:16px;background:#f3f0f7}.h-persona-icon{display:block;font-size:30px;color:var(--violet);margin-bottom:38px}.h-personas h3{font-size:23px}.h-personas p{font-size:13px;margin:16px 0;color:#635873}.h-personas small{font-size:11px;line-height:1.8;display:block;color:var(--muted)}.h-experience{padding:90px 6.5vw;background:#eee9f7}.h-demo-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:center}.h-demo-narrative>p{font-size:14px;max-width:400px;margin-top:25px;line-height:1.8}.h-demo-narrative>.h-note{font-size:10px}.h-tabs{margin-top:45px}.h-tabs button{width:100%;border:0;border-top:1px solid #d7cee5;background:none;display:flex;align-items:center;gap:22px;text-align:left;padding:23px 4px}.h-tabs button>span:first-child{font-size:10px;color:#9a8caf}.h-tabs button>span:last-child{margin-left:auto;opacity:.25}.h-tabs b{font-size:17px;font-weight:400;letter-spacing:-.03em}.h-tabs small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.h-tabs [aria-selected=true]{color:var(--violet)}.h-tabs [aria-selected=true]>span:last-child{opacity:1}.h-device-wrap{display:flex;flex-direction:column;align-items:center;padding:25px 0}.h-device{width:310px;min-height:610px;background:#fdfbff;border:7px solid #302a3e;outline:1px solid #8a8098;border-radius:43px;box-shadow:25px 35px 65px #4a365029;overflow:hidden;transform:rotate(3deg)}.h-device-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px;position:relative}.h-device-island{position:absolute;left:50%;top:8px;transform:translateX(-50%);height:19px;width:90px;background:#302a3e;border-radius:20px}.h-device-app{padding:17px}.h-demo-brand{display:flex;align-items:center;font-size:15px;font-weight:600;letter-spacing:-.6px;margin-bottom:28px}.h-demo-brand img{width:34px;height:34px;object-fit:contain;mix-blend-mode:multiply;margin-right:5px}.h-demo-brand small{font-size:6px;letter-spacing:2px;font-weight:400;display:block;margin-top:2px}.h-avatar{margin-left:auto;border-radius:50%;width:25px;height:25px;background:#ece6f9;color:var(--violet);display:grid;place-items:center;font-size:10px}.h-device-caption{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8b7ba4;margin-top:28px}.h-home-indicator{width:90px;height:4px;border-radius:9px;background:#302a3e;margin:24px auto 9px}.demo-eyebrow{text-transform:uppercase;font-size:7px;letter-spacing:.12em;color:#978bab}.demo-title{font-size:25px!important;letter-spacing:-1.2px!important;line-height:1.1;margin-top:10px}.demo-description{font-size:9px;line-height:1.6;color:#8a7d9b;margin:10px 0 18px}.demo-search{width:100%;padding:12px;border:1px solid #ded6e9;border-radius:10px;background:white;color:#30294c;font:10px Arial}.demo-results{min-height:245px}.demo-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid #eae4f0;border-radius:12px;padding:14px 10px;margin-top:10px}.demo-icon{width:32px;height:36px;background:#f3eff8;display:grid;place-items:center;border-radius:7px;font-size:17px}.demo-row b{font-size:11px;font-weight:500}.demo-row small{display:block;font-size:8px;color:#9688a2;margin-top:5px}.demo-qty{margin-left:auto;color:var(--violet);font-size:11px;font-weight:600}.demo-footnote{font-size:8px;color:#9688a2;line-height:1.6;margin-top:17px}.demo-room-map{height:190px;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:5px;background:#f5f1f9;border:1px solid #e3dced;padding:8px;border-radius:13px}.demo-room-map button{font:9px Arial;border:1px solid #d9cbee;border-radius:7px;background:#e9e0f6;color:#706082}.demo-room-map button:last-child{grid-column:1/-1;background:#f5e9db;border-color:#eadac8}.demo-room-map button[aria-pressed=true]{background:var(--violet);color:white;border-color:var(--violet)}.demo-check-row{display:flex;gap:10px;align-items:center;border:1px solid #e2dbe9;border-radius:12px;margin-top:10px;padding:15px 11px;background:white;cursor:pointer;font-size:10px}.demo-check-row input{accent-color:var(--violet)}.demo-check-row small{display:block;font-size:8px;color:#9688a2;margin-top:5px}.demo-check-row input:checked+span{text-decoration:line-through;color:#9d91a8}.demo-list-note{margin-top:18px;background:#e9e4f5;border-radius:10px;padding:12px;font-size:9px;color:#6a5886}.h-decisions{display:grid;grid-template-columns:1fr 1fr;gap:60px 10vw}.h-decisions>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8e81a4}.h-decisions h3{font-size:29px;margin:20px 0 17px}.h-decisions p{font-size:13px;color:var(--muted);max-width:440px;line-height:1.85}.h-flow{margin-top:80px;padding-top:25px;border-top:1px solid var(--line)}.h-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0;margin:30px 0 0}.h-flow li{font-size:15px;letter-spacing:-.02em}.h-flow li span{display:block;margin-bottom:15px;font-size:9px;color:var(--violet)}.h-identity{padding:90px 6.5vw;background:#f1edf7}.h-brand-display{margin-top:60px;padding:65px 30px;display:flex;align-items:center;flex-direction:column;background:#faf8fd;border-radius:10px;border:1px solid #e4dced;gap:32px}.h-brand-display img{width:min(500px,80%);mix-blend-mode:multiply}.h-brand-display>span{font-size:18px;letter-spacing:-.03em;color:#8c7ca2}.h-palette{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-radius:10px;overflow:hidden}.h-palette>div{padding:80px 20px 23px;background:var(--swatch);color:#30294c}.h-palette>div:first-child{color:white}.h-palette span{font-size:12px;display:block;margin-bottom:8px}.h-palette small{font-size:9px;opacity:.7}.h-brand-evolution{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.h-brand-evolution p{font-size:20px;letter-spacing:-.04em}.h-brand-evolution p span{margin:0 14px;color:#aa9abb}.h-brand-evolution b{font-weight:500;color:var(--violet)}.h-brand-evolution small{font-size:10px;color:var(--muted)}.h-campaign{padding-bottom:85px;overflow:hidden}.h-campaign-controls{margin-top:50px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#9c90ac}.h-campaign-controls>div{display:flex;gap:10px}.h-campaign-controls button{height:40px;width:40px;border-radius:50%;border:1px solid #cbbfd9;background:none;letter-spacing:0;font-size:16px}.h-campaign-controls button:hover{background:#e9e2f5}.h-campaign-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#baacd0 #f4f1f7;gap:25px;padding:25px 0 25px;overscroll-behavior-x:contain}.h-campaign-track figure{margin:0;flex:0 0 calc((100% - 50px)/3);scroll-snap-align:start;min-width:240px}.ad-open{padding:0;border:0;width:100%;display:block;background:none}.ad-open img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;border-radius:4px;transition:transform .5s}.ad-open:hover img{transform:translateY(-5px)}.h-campaign-track figcaption{padding-top:22px}.h-campaign-track figcaption span{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#9482a7;margin-bottom:10px}.h-campaign-track figcaption b{font-size:18px;letter-spacing:-.04em;font-weight:400}.h-campaign-track figcaption p{font-size:10px;color:var(--muted);margin-top:8px;max-width:250px}.h-campaign-strategy{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.h-campaign-strategy h3{font-size:30px;max-width:350px}.h-campaign-strategy p{font-size:12px;line-height:1.8;color:var(--muted)}.h-next{padding-top:65px}.h-measurements{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.h-measurements>div{border-top:1px solid var(--line);padding-top:23px}.h-measurements span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#9b8aa9}.h-measurements h3{font-size:25px;margin:18px 0 13px}.h-measurements p{font-size:12px;color:var(--muted)}.h-final{padding:90px 5vw;background:#e9e2f6;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}.h-final>img{width:72px;height:72px;mix-blend-mode:multiply}.h-final h2{font-size:clamp(40px,5.5vw,83px)}.h-final h2 span{color:#8f7dab}.h-back{font-size:10px;border-bottom:1px solid #c5b4da;padding-bottom:6px;margin-top:8px}.habitally-page section[id]{scroll-margin-top:170px}.habitally-page [data-reveal]{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.25,1),transform .9s cubic-bezier(.2,.7,.25,1)}.habitally-page.js-motion [data-reveal].waiting{opacity:.05;transform:translateY(40px)}#ad-dialog{max-width:750px;max-height:95vh;width:auto;background:#f6f3fa;padding:55px 20px 15px}#ad-full{display:block;max-width:100%;max-height:78vh;object-fit:contain}#ad-dialog>p{font-size:9px;color:#8d7b9e;text-align:center;margin-top:12px}.ad-close{position:absolute;top:17px;right:20px;border:0;background:none;font-size:12px}
@media(max-width:900px){.h-hero{padding-top:120px}.h-hero-top>span:last-child{display:none}.h-project-meta{grid-template-columns:1fr 1fr;gap:25px}.h-visual{height:430px}.h-floating{left:4%;padding:25px;top:18%}.h-split{gap:6vw}.h-section{padding:80px 5.2vw}.h-research-intro{grid-template-columns:1fr 1fr}.h-research-intro>.eyebrow{grid-column:1/-1}.h-stats{gap:30px}.h-demo-layout{gap:5vw}.h-device{width:290px;min-height:600px}.h-personas article{padding:22px}.h-personas h3{font-size:21px}.case-index{gap:25px}.h-campaign-track figure{flex-basis:calc((100% - 25px)/2)}.h-hero h1{font-size:8.4vw}}
@media(max-width:700px){.case-index{top:75px;gap:23px;justify-content:flex-start;overflow-x:auto;padding:17px 5vw}.habitally-page header nav>a:nth-child(2){display:none}.habitally-page header nav{gap:16px}.h-hero{padding-top:110px}.h-logo{width:190px;margin-top:35px}.h-hero h1{font-size:10vw}.h-hero-bottom{margin:30px 0 35px}.h-hero-bottom p{font-size:11px}.h-button{padding:14px 17px;gap:20px;font-size:10px}.h-visual{height:430px}.h-floating{top:16%;max-width:300px}.h-floating>strong{font-size:28px}.h-mini-record{min-width:240px}.h-project-meta span{font-size:10px}.h-section-label{margin-bottom:35px;display:block}.h-section-label>span:last-child:not(.eyebrow){display:block;margin-top:12px;max-width:260px;line-height:1.6;font-size:10px}.h-split{grid-template-columns:1fr;gap:30px}.h-body p{font-size:13px}.h-problem-row{gap:20px;margin-top:45px}.h-problem-row h3{font-size:21px}.h-problem-row p{font-size:11px}.h-research{padding:70px 5.2vw}.h-research-intro{grid-template-columns:1fr;gap:25px}.h-research-intro>.eyebrow{grid-column:auto}.h-research-intro p{max-width:400px}.h-stats{gap:25px;margin-top:40px}.h-stats strong{font-size:55px}.h-stats p{font-size:10px}.h-source{display:block}.h-source>a{display:block;margin-top:20px}.h-personas{grid-template-columns:1fr;gap:15px;margin-top:35px}.h-personas article{display:grid;grid-template-columns:30px 1fr;gap:10px 15px}.h-persona-icon{grid-row:1/4;margin-bottom:0}.h-personas h3{font-size:23px}.h-personas p,.h-personas small{grid-column:2;margin:0}.h-experience{padding:70px 5.2vw}.h-demo-layout{grid-template-columns:1fr;gap:25px}.h-demo-narrative>p{max-width:100%}.h-tabs{margin-top:30px}.h-device{width:310px}.h-device-wrap{padding-bottom:15px}.h-decisions{gap:40px 30px}.h-decisions h3{font-size:25px}.h-decisions p{font-size:12px}.h-flow ol{grid-template-columns:1fr 1fr;gap:25px}.h-flow{margin-top:50px}.h-identity{padding:70px 5.2vw}.h-brand-display{padding:40px 20px;margin-top:35px}.h-brand-display>span{font-size:15px}.h-palette>div{padding:50px 10px 20px}.h-palette span{font-size:10px}.h-palette small{font-size:7px}.h-brand-evolution p{font-size:16px}.h-brand-evolution p span{margin:0 6px}.h-campaign-track figure{flex-basis:80%;min-width:0}.h-campaign-strategy{grid-template-columns:1fr;gap:20px}.h-measurements{gap:20px}.h-measurements h3{font-size:21px}.h-measurements p{font-size:11px}.h-final{padding:65px 5vw}.h-final h2{font-size:10vw}.habitally-page footer{font-size:9px}.habitally-page section[id]{scroll-margin-top:145px}}
@media(max-width:420px){.h-hero h1{font-size:10.5vw}.h-hero-bottom{display:block}.h-hero-bottom .h-button{margin-top:22px}.h-floating{left:5%;top:22%;padding:20px;max-width:90%}.h-floating>strong{font-size:27px}.h-visual{height:420px}.h-project-meta{gap:23px 18px}.h-project-meta small{font-size:7px}.h-problem-row{grid-template-columns:1fr;gap:30px}.h-problem-row h3 br{display:none}.h-problem-row h3{margin:12px 0}.h-problem-row p{max-width:100%;font-size:12px}.h-stats{grid-template-columns:1fr}.h-stats>div{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center}.h-stats strong{font-size:57px}.h-stats p{margin-top:0;font-size:11px;max-width:180px}.h-decisions{grid-template-columns:1fr}.h-palette{grid-template-columns:repeat(5,1fr)}.h-palette>div{padding:45px 7px 17px}.h-palette small{font-size:6px}.h-measurements{grid-template-columns:1fr;gap:25px}.h-device{width:290px;transform:rotate(1.5deg)}.h-tabs button{gap:16px}.h-brand-evolution p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.habitally-page.js-motion [data-reveal].waiting{opacity:1;transform:none}.h-device{transform:none}.h-campaign-track{scroll-behavior:auto}}