.thabit-home{background:var(--background);color:var(--text-primary);overflow:clip}.thabit-home header{background:color-mix(in oklab, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.thabit-home header nav{max-width:1240px;height:84px}.thabit-home header nav>a:first-child{letter-spacing:-1px;gap:10px;font-family:Georgia,serif;font-size:26px;font-weight:400}.thabit-nav-mark{width:30px;height:auto;color:var(--mark)}.thabit-home header nav>a:last-child{border-radius:6px;padding:12px 23px;font-size:12px}.thabit-hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:auto;padding:72px 30px 62px;display:grid}.thabit-hero-copy .section-label{letter-spacing:1.9px;align-items:center;gap:10px;font-size:9px;display:flex}.thabit-small-mark{width:18px;height:auto;color:var(--mark)}.thabit-hero h1{letter-spacing:-4px;margin:27px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(60px,6vw,86px);font-weight:400;line-height:1.03}.thabit-hero h1 em{color:var(--accent-display);font-weight:400}.thabit-salam{margin:25px 0 15px;font-size:16px}.thabit-hero-description{max-width:410px;color:var(--text-secondary);font-size:14px;line-height:1.9}.thabit-hero-badges{justify-content:start;gap:12px;margin-top:31px}.thabit-home .btn-pill{border-radius:7px;height:54px;padding:0 22px}.thabit-hero-note{color:var(--text-tertiary);margin-top:20px;font-size:10px;line-height:1.8}.thabit-hero-art{justify-content:center;align-items:center;min-height:550px;display:flex;position:relative}.thabit-arch{background:var(--surface-2);border-radius:230px 230px 14px 14px;position:absolute;inset:0 10px 15px;overflow:hidden}.thabit-arch:before,.thabit-arch:after{content:"";border:1px solid color-mix(in oklab, var(--mark) 26%, transparent);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-190px;left:-95px}.thabit-arch:after{width:340px;height:340px;bottom:-110px;left:120px}.thabit-arch>span{color:color-mix(in oklab, var(--mark) 30%, transparent);font-size:68px;position:absolute;top:30px;right:35px;transform:rotate(8deg)}.thabit-hero-device{width:225px;margin-top:16px;position:relative;transform:rotate(-5deg)}.thabit-home .device-frame{border:5px solid var(--surface-2);background:var(--page);box-shadow:0 24px 44px -20px color-mix(in oklab, var(--pine-deep) 35%, transparent);border-radius:33px;padding:2px}.thabit-home .device-screen{border-radius:25px}.thabit-hero-caption{border:1px solid var(--border);background:var(--page);box-shadow:0 12px 32px -20px color-mix(in oklab, var(--pine-deep) 45%, transparent);border-radius:9px;align-items:center;gap:14px;padding:18px 23px;font-size:11px;line-height:1.7;display:flex;position:absolute;bottom:76px;right:-8px;transform:rotate(3deg)}.thabit-hero-caption>svg{width:26px;height:26px;color:var(--mark);flex:none}.thabit-hero-caption strong{color:var(--text-secondary);font-weight:500}.thabit-art-note{letter-spacing:2.5px;color:var(--text-secondary);font-size:8px;position:absolute;bottom:-10px}.thabit-hero-bottom{border-block:1px solid var(--border);max-width:1200px;color:var(--text-tertiary);justify-content:space-between;margin:auto;padding:24px 35px;font-size:11px;display:flex}.thabit-hero-bottom a{color:var(--accent)}.thabit-hero-bottom a span{margin-left:18px}.thabit-home .display-large{letter-spacing:-1.7px;font-family:Georgia,serif;font-size:clamp(34px,3.8vw,47px);font-weight:400;line-height:1.16}.thabit-home .section-label{color:var(--accent);font-size:10px}.thabit-quote{background:var(--surface);border:0;border-radius:10px;margin:60px 30px 0}.thabit-quote>div{max-width:760px;padding-block:65px}.thabit-quote .arabic{font-size:25px;line-height:1.9}.thabit-quote p.italic{font-family:Georgia,serif;font-size:19px;line-height:1.65}.thabit-home #practices>div{max-width:1200px}.thabit-home #practices .grid{border:0;gap:12px}.thabit-home #practices .grid>div{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:7px;align-items:flex-start;gap:11px;padding:26px}.thabit-home #practices .grid>div:nth-child(3n+2){background:var(--surface-2)}.thabit-home #practices .grid>div svg{width:27px;height:27px;color:var(--mark);margin-bottom:10px}.thabit-home #practices .grid>div h3{font-family:Georgia,serif;font-size:23px;font-weight:400}.thabit-spotlight>div{gap:100px;max-width:1200px}.thabit-spotlight h2{max-width:460px}.thabit-spotlight p:not(.section-label){max-width:410px;font-size:15px;line-height:1.9}.thabit-spotlight>div>div:has(.device-frame){background:var(--surface-2);border-radius:190px 190px 14px 14px;align-items:center;gap:18px;min-height:500px;padding:40px 18px}.thabit-spotlight .device-frame.w-56{max-width:215px}.thabit-spotlight .device-frame.w-36{width:45%;max-width:175px}.thabit-home #screens{background:var(--surface)}.thabit-home #screens figure{text-align:left;align-items:start}.thabit-home #screens .device-frame{max-width:100%}.thabit-home #screens figcaption{padding:6px}.thabit-home #screens figcaption p:first-child{font-family:Georgia,serif;font-size:21px;font-weight:400}.thabit-home dl{max-width:1200px;padding-block:50px}.thabit-home dl>div{border-left:1px solid var(--border);padding-left:28px}.thabit-home dl dd{font-family:Georgia,serif;font-size:42px;font-weight:400}.thabit-home #about{background:var(--surface)}.thabit-home #about>div{padding-block:75px}.thabit-home #about .arabic.mb-6{font-size:34px;font-weight:400}.thabit-home #about p.text-balance{font-size:15px;line-height:1.95}.thabit-home #download{background:var(--band);--primary:var(--on-band);--primary-text:var(--pine-deep);--text-primary:var(--on-band);--text-secondary:var(--on-band-2);--text-tertiary:var(--on-band-2);--border:var(--band-line);--border-strong:var(--on-band);color:var(--on-band);border-radius:12px;margin:36px}.thabit-home #download .display-medium{letter-spacing:-1.6px;font:400 clamp(35px,5vw,56px)/1.1 Georgia,serif}.thabit-home #download .section-label{color:var(--on-band-2)}.thabit-home #download>div{padding-block:75px}.thabit-home footer>div{flex-wrap:wrap;align-items:start;gap:25px;max-width:1200px}.thabit-home footer nav{gap:20px;font-size:11px}.thabit-home footer .thabit-footer-mark{width:26px;height:auto;color:var(--mark)}.thabit-home :focus-visible{outline-color:var(--accent)}.thabit-home #download :focus-visible{outline-color:var(--on-band)}.thabit-home section[id]{scroll-margin-top:100px}@media (max-width:950px){.thabit-hero-inner{gap:25px;padding-top:45px}.thabit-hero h1{letter-spacing:-3px;font-size:64px}.thabit-hero-art{min-height:480px}.thabit-hero-device{width:190px}.thabit-hero-caption{padding:14px;font-size:10px;bottom:60px;right:0}.thabit-hero-badges{flex-wrap:wrap}.thabit-spotlight>div{gap:45px}.thabit-spotlight>div>div:has(.device-frame){justify-self:center;width:100%;max-width:500px}.thabit-home #screens figure{align-items:center}}@media (max-width:640px){.thabit-home header nav{height:72px;padding-inline:22px}.thabit-home header nav>a:last-child{padding:10px 17px}.thabit-hero-inner{grid-template-columns:1fr;gap:35px;padding:35px 24px 40px}.thabit-hero h1{letter-spacing:-3px;margin-top:20px;font-size:65px;line-height:1.04}.thabit-hero-copy .section-label{letter-spacing:1px;font-size:8px}.thabit-salam,.thabit-hero-description{font-size:14px}.thabit-hero-badges{flex-flow:row;gap:10px}.thabit-home .btn-pill{padding:0 15px}.thabit-hero-badges .btn-pill{flex:1}.thabit-hero-badges .btn-pill span span:last-child{font-size:13px}.thabit-hero-badges .btn-pill span span:first-child{font-size:8px}.thabit-hero-art{width:100%;max-width:380px;min-height:470px;margin:auto}.thabit-hero-device{width:191px}.thabit-hero-caption{bottom:65px;right:0}.thabit-hero-bottom{justify-content:center;padding:20px 24px}.thabit-hero-bottom>span{display:none}.thabit-quote{margin:28px 16px 0}.thabit-quote>div{padding:40px 22px}.thabit-quote .arabic{font-size:22px}.thabit-quote p.italic{font-size:17px}.thabit-home #practices>div{padding-block:55px}.thabit-home #practices .grid{grid-template-columns:repeat(2,1fr);gap:10px}.thabit-home #practices .grid>div{padding:20px 17px}.thabit-home #practices .grid>div:last-child{grid-column:1/-1}.thabit-home #practices .grid>div h3{font-size:21px}.thabit-home #practices .grid>div p{font-size:10px}.thabit-home .display-large{font-size:35px}.thabit-home .mb-14{margin-bottom:30px}.thabit-spotlight>div{gap:32px;padding-block:50px}.thabit-spotlight>div>div:has(.device-frame){min-height:390px;padding:30px 18px}.thabit-spotlight .device-frame.w-56{max-width:178px}.thabit-spotlight .device-frame.w-36{max-width:145px}.thabit-home #screens>div{padding-block:50px}.thabit-home #screens .grid{gap:27px 17px}.thabit-home #screens figcaption p:first-child{font-size:19px}.thabit-home #screens figcaption p:last-child{font-size:11px;line-height:1.6}.thabit-home dl{gap:26px;padding-block:35px}.thabit-home dl dd{font-size:32px}.thabit-home dl dt{font-size:9px}.thabit-home #about>div{padding-block:50px}.thabit-home #download{margin:20px 14px}.thabit-home #download>div{padding:45px 20px}.thabit-home #download .btn-pill{width:190px}.thabit-home #download p{font-size:14px}.thabit-home footer>div{align-items:center}.thabit-home footer nav{font-size:11px}.thabit-home footer p{font-size:10px}}.thabit-home dl dd{font-size:29px}.thabit-home #practices .grid{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.thabit-home #practices .grid{grid-template-columns:repeat(2,1fr)}.thabit-home #practices .grid>div:last-child{grid-column:auto}.thabit-home dl dd{font-size:24px}}
