:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#30294c;background:#f7f5fc}*{box-sizing:border-box}body{margin:0}a{color:#6750cf}header{max-width:1240px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#30294c;line-height:1.1;font-size:25px;font-weight:750;letter-spacing:-1px}.logo img{width:52px;height:52px;border-radius:14px}.logo small{display:block;font-size:11px;letter-spacing:3px;margin-top:5px;font-weight:500}nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}nav a{text-decoration:none;font-size:14px}.button{display:inline-block;padding:14px 24px;border-radius:30px;text-decoration:none;background:#6750cf;color:#fff;font-weight:600}main{max-width:1140px;margin:auto;padding:50px 5% 90px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#6750cf}h1{font-size:clamp(44px,7vw,82px);letter-spacing:-.06em;line-height:1.04;max-width:950px;margin:24px 0 34px}h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.15}p,li{line-height:1.8;font-size:17px;color:#61576c}.lead{font-size:23px;max-width:840px}.section{padding:50px 0;border-bottom:1px solid #e4dfee}.band{background:#e2f3ec;padding:40px;border-radius:30px;margin:40px 0}.photo{width:100%;border-radius:30px;max-height:540px;object-fit:cover;margin:30px 0}.step{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:36px;margin:70px 0}.step:nth-child(even){direction:rtl}.step>*{direction:ltr}.step img{width:100%;border-radius:20px;box-shadow:0 20px 55px #30294c18}.number{font-size:64px;font-weight:700;color:#a897e7;letter-spacing:-3px}.step button{border:0;background:transparent;cursor:zoom-in;padding:0}dialog{max-width:95vw;max-height:95vh;border:0;border-radius:18px;padding:20px;background:#f7f5fc}dialog img{max-width:85vw;max-height:80vh}dialog button{display:block;margin-left:auto;border:0;background:#6750cf;color:white;border-radius:20px;padding:10px 18px;cursor:pointer}dialog::backdrop{background:#30294caa;backdrop-filter:blur(6px)}details{border-top:1px solid #ddd5ed;padding:22px 0}summary{font-size:19px;cursor:pointer;font-weight:650}.reveal{animation:arrive .65s ease both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}footer{padding:35px 5%;background:#e9e3f5;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}footer nav{gap:16px}@media(max-width:740px){.step{grid-template-columns:1fr;gap:20px;margin:45px 0}.step:nth-child(even){direction:ltr}header nav{gap:14px}.band{padding:24px}main{padding-top:25px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none}*{scroll-behavior:auto!important}}

.brand-tool{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px!important;border:1px solid #dcd5ef!important;border-radius:14px!important;background:#f1edf9!important;color:#42316d!important;font-size:13px!important;font-weight:650;text-decoration:none!important;box-shadow:0 3px 9px #44316b09;line-height:1.2}.brand-tool svg,.tool-badge svg{width:21px;height:21px;flex-shrink:0}.brand-tool.mic-tool{width:46px;height:46px;padding:10px!important;background:#513aa3!important;color:#fff!important;border-color:#513aa3!important;box-shadow:0 4px 12px #513aa328}.brand-tool:hover{filter:brightness(.96)}.brand-tool:focus-visible{outline:3px solid #168475;outline-offset:3px}.account-tools{gap:8px}
.logo small{margin-top:0;line-height:1;width:5.9em;letter-spacing:0;text-align:justify;text-align-last:justify;font-size:10px}.logo>span{line-height:1.02}

/* Align SPACE to the inner edge of the q stem. */
.logo small{width:5.6em}

/* Size the subtitle from the actual AllAq lettering; inset its end to the inner q stem. */
.wordmark{display:inline-block;padding-bottom:10px}.brand-prefix{position:relative;display:inline-block}.allaqui-brand .brand-prefix small,.logo .brand-prefix small{position:absolute;left:0;top:100%;width:calc(100% - 2.5px)!important;margin:0!important}.intro-footer .wordmark{padding-bottom:8px}

/* HabiTally Home: visible branding only; legacy storage and API identifiers stay intact. */
.allaqui-brand .habitally-wordmark,.logo .habitally-wordmark{display:inline-flex;flex-direction:column;line-height:1.02;padding:0;letter-spacing:-.7px;white-space:nowrap}
.allaqui-brand .habitally-wordmark small,.logo .habitally-wordmark small{position:static;display:block;width:5.8em!important;font-size:9px!important;line-height:1.15!important;margin-top:3px!important;letter-spacing:0!important;text-align:justify;text-align-last:justify;font-weight:500}
