:root{--habi-ease:cubic-bezier(.22,1,.36,1);--habi-feedback:.18s;--habi-page:.32s}@media (prefers-reduced-motion:no-preference){.services-intro-copy,.h6-live__copy{animation:habi-arrive .42s var(--habi-ease)}html{scroll-behavior:smooth}.habi-services-page,.habi-v4{transition:background-color .24s,color .24s}:is(.service-primary,.service-actions button,.services-theme-toggle,.v4-theme-toggle,.h6-theme,.h6-primary,.ecosystem-orbit__controls button){transition:background-color var(--habi-feedback) ease,border-color var(--habi-feedback) ease,box-shadow var(--habi-feedback) ease,translate var(--habi-feedback) var(--habi-ease)}:is(.service-primary,.service-actions button,.services-theme-toggle,.v4-theme-toggle,.h6-theme,.h6-primary,.ecosystem-orbit__controls button):active{translate:0 1px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.service-primary,.service-actions button,.services-theme-toggle,.v4-theme-toggle,.h6-theme,.h6-primary,.ecosystem-orbit__controls button):hover{translate:0 -2px}}.habi-services-page :is(h1,h2),.habi-v4 h2{text-wrap:balance}.habi-services-page :is(p,li),.v4-stage__body p{text-wrap:pretty}.services-nav a,.service-plan{align-items:center;min-height:44px}.services-section-heading,.project-inquiry{scroll-margin-top:28px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.habi-services-page *,.habi-services-page :before,.habi-services-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.habi-fallback{text-align:center;color:#f3f1fa;background:#080b18;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px;font-family:HabiInter,Arial,sans-serif;display:flex}.habi-fallback h1{letter-spacing:-.04em;max-width:18ch;margin:22px auto;font-size:clamp(32px,5vw,64px);line-height:1.1}.habi-fallback p{max-width:52ch;line-height:1.7}.habi-fallback nav,.habi-fallback__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.habi-fallback :is(nav a,button,.habi-fallback__actions a){min-height:44px;color:inherit;background:0 0;border:1px solid #a991db;border-radius:8px;padding:13px 20px;text-decoration:none}.habi-fallback :focus-visible{outline-offset:5px;outline:3px solid #bda1ff}:root[data-habi-theme=light] .habi-fallback{color:#201b31;background:#f8f7fc}@keyframes habi-arrive{0%{opacity:.72;translate:0 10px}to{opacity:1;translate:0}}@font-face{font-family:HabiInter;src:url(/assets/fonts/habi-inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}.habi-v4,.habi-services-page,.habi-v4 h1,.habi-v4 h2,.habi-v4 h3,.habi-v4 button,.habi-v4 input,.habi-v4 textarea,.habi-v4 select{font-family:HabiInter,Arial,sans-serif!important}.habi-services-page{color:#f3f1fa;background:#080b18;min-height:100vh}.services-nav,.services-footer{border-bottom:1px solid #35334d;justify-content:space-between;align-items:center;gap:24px;padding:24px 6vw;display:flex}.services-nav nav{gap:24px;display:flex}.habi-services-page a{color:inherit;text-underline-offset:5px}.services-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.services-brand img{object-fit:contain;width:38px;height:48px}.services-brand span{letter-spacing:.2em;font-size:23px;font-weight:700}.services-brand small{letter-spacing:.45em;font-size:9px;display:block}.habi-services-page main{max-width:1240px;margin:auto;padding:0 5vw 80px}.services-intro{padding:90px 0 60px}.services-intro h1{letter-spacing:-.05em;margin:24px 0;font-size:clamp(38px,5.7vw,78px);line-height:1.06}.services-intro>p{max-width:650px;line-height:1.7}.service-primary,.service-actions button{cursor:pointer;background:#6744dc;border:1px solid #b297f4;border-radius:8px;padding:15px 20px;font:600 15px HabiInter,Arial,sans-serif;text-decoration:none;display:inline-block;color:#fff!important}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.services-grid article{background:#12162a;border:1px solid #45405d;border-radius:18px;padding:28px;scroll-margin-top:20px}.services-grid article>span{color:#bba1ff}.services-grid h2{letter-spacing:-.04em;font-size:28px}.services-grid p,.services-grid li{color:#d0ccdf;line-height:1.65}.services-grid ul{padding-left:20px}.services-grid li{margin:12px 0}.services-process,.services-proof{border-bottom:1px solid #45405d;padding:60px 0}.services-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.services-process p,.services-proof p{max-width:850px;line-height:1.7}.project-inquiry{text-align:left;max-width:880px;margin:60px auto 0;font-size:16px}.project-inquiry h2{letter-spacing:-.04em!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.15!important}.project-inquiry p{letter-spacing:normal!important;font-size:16px!important;line-height:1.65!important}.project-inquiry label{margin:15px 0;font-size:14px;font-weight:600;display:block}.project-inquiry input,.project-inquiry select,.project-inquiry textarea{box-sizing:border-box;color:#f6f4fa;background:#111627;border:1px solid #837a9b;border-radius:7px;width:100%;margin-top:8px;padding:13px;font:400 16px HabiInter,Arial,sans-serif;display:block}.project-inquiry textarea{resize:vertical}.inquiry-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.service-actions{flex-wrap:wrap;gap:12px;display:flex}.service-actions button+button{background:0 0;color:inherit!important}.project-inquiry a{overflow-wrap:anywhere;color:inherit!important;background:0 0!important;padding:0!important;font-size:16px!important}.inquiry-note{opacity:.85}.services-skip{position:absolute;top:-100px;left:12px}.services-skip:focus{color:#161126;z-index:20;background:#fff;padding:12px;top:12px}.habi-services-page :focus-visible,.project-inquiry :focus-visible{outline-offset:4px;outline:3px solid #bda1ff}.service-plane{background:radial-gradient(at 100% 0,#433287,#0000 80%),#101528;flex-direction:column;justify-content:center;min-height:250px;padding:32px;display:flex}.service-plane strong{letter-spacing:-.04em;font-size:clamp(28px,3vw,48px)}.service-plane p{font-size:18px;line-height:1.45}.service-plane small{color:#c6b8e7;font-size:12px}:root[data-habi-theme=light] .habi-services-page{color:#201b31;background:#f8f7fc}:root[data-habi-theme=light] .services-grid article{background:#fff}:root[data-habi-theme=light] .services-grid p,:root[data-habi-theme=light] .services-grid li{color:#474056}:root[data-habi-theme=light] .project-inquiry input,:root[data-habi-theme=light] .project-inquiry select,:root[data-habi-theme=light] .project-inquiry textarea{color:#201b31;background:#fff}@media (width<=760px){.services-grid,.services-process ol{grid-template-columns:1fr}.services-intro{padding-top:55px}.inquiry-grid{grid-template-columns:1fr;gap:0}.services-nav{gap:12px;padding:18px}.services-nav nav{gap:14px;font-size:13px}.services-footer{flex-wrap:wrap;font-size:13px}.service-plane{min-height:180px;padding:20px}.service-plane p{font-size:16px}.project-inquiry{margin-top:35px}.service-actions button{width:100%}.habi-v4 .spatial-gate{height:auto;min-height:0}.habi-v4 .spatial-gate__sticky{flex-direction:column;height:auto;min-height:0;padding:95px 20px 40px;display:flex;position:relative;overflow:hidden}.habi-v4 .spatial-gate__copy{order:1;width:100%;max-width:none;margin:0 0 30px;padding:0;position:relative;inset:auto}.habi-v4 .spatial-gate__camera{perspective:none;order:2;gap:18px;width:100%;height:auto;display:grid;position:relative;inset:auto;transform:none}.habi-v4 .spatial-gate__panel{width:100%;margin:0;position:relative;inset:auto;transform:none!important}.habi-v4 .spatial-gate__panel-screen{aspect-ratio:auto}.habi-v4 .spatial-gate__foot,.habi-v4 .spatial-gate__axis{display:none}.service-plane{min-height:170px}}@media (width<=860px) and (height<=600px){:root[data-habi-theme=light] .h6-top__brand{color:#282238!important}}.habi-services-page main{max-width:1520px}.services-cinematic{isolation:isolate;color:#f6f3ff;background:#070c20;border:1px solid #484164;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;margin:24px -2vw 0;padding:65px 5%;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 90px #08071625}.services-intro-copy{z-index:2;position:relative}.services-intro-copy>p:first-child,.services-section-heading>p:first-child,.service-number{letter-spacing:.16em;font-size:11px;font-weight:600}.services-intro-copy h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(40px,4.9vw,74px);line-height:1.04}.services-intro-copy>p{color:#d0cbe4;max-width:40ch;margin:24px 0;line-height:1.7}.services-discover{margin-top:24px;font-size:13px;text-decoration:none;display:block;color:#d0cbe4!important}.services-hero-art{perspective:1100px;min-height:510px;position:relative}.services-hero-film{object-fit:cover;object-position:68% center;width:150%;max-width:none;height:100%;position:absolute;top:-6%;left:-20%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 95%,#0000)}.services-hero-window{background:#13172c;border:1px solid #b0a0df88;border-radius:13px;transition:transform .7s;position:absolute;bottom:8%;left:2%;right:0;overflow:hidden;transform:rotateY(-13deg)rotateX(5deg)rotate(-3deg);box-shadow:-20px 30px 65px #0008}.services-hero-art:hover .services-hero-window{transform:rotateY(-5deg)rotateX(1deg)rotate(-1deg)}.services-hero-window>div,.service-example-bar{letter-spacing:.13em;justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;display:flex}.services-hero-window img{width:100%;height:auto;display:block}.services-art-caption{letter-spacing:.2em;color:#b8add8;font-size:9px;position:absolute;bottom:0;left:5%}.services-section-heading{max-width:780px;padding:100px 0 45px}.services-section-heading h2{letter-spacing:-.045em;margin:20px 0;font-size:clamp(34px,4vw,58px);line-height:1.12}.services-section-heading em{color:#9d7ae8;font-style:normal}.services-section-heading>p:last-child{opacity:.8;max-width:58ch;line-height:1.7}.habi-services-page .services-grid{display:block}.habi-services-page .services-grid .service-showcase{background:linear-gradient(125deg,#16192c,#0d1123);border-color:#50466455;border-radius:22px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6%;margin-bottom:32px;padding:48px;display:grid}.service-showcase:nth-child(2n) .service-example{order:-1}.service-showcase:nth-child(2n){grid-template-columns:1.15fr .85fr!important}.service-number{color:#b098e7}.habi-services-page .services-grid h2{margin:17px 0;font-size:clamp(32px,3.5vw,49px)}.service-lead{font-size:20px}.service-showcase ul{margin:24px 0}.service-plan{border-bottom:1px solid #9982c8;margin-top:18px;padding-bottom:8px;text-decoration:none;display:inline-flex}.service-example{perspective:1400px;min-width:0;margin:0}.service-example>a{border:1px solid #77658d77;border-radius:12px;text-decoration:none;transition:transform .45s,box-shadow .45s;display:block;overflow:hidden;transform:rotateY(-5deg);box-shadow:0 25px 55px #0004}.service-example>a:hover,.service-example>a:focus-visible{transform:rotateY(0)translateY(-5px);box-shadow:0 35px 65px #0005}.service-example-bar{color:#e6def7;background:#111427}.service-example img{aspect-ratio:1536/1078;object-fit:contain;background:#0a0e1d;width:100%;height:auto;display:block}.service-example figcaption{opacity:.75;margin-top:18px;font-size:12px;line-height:1.6}.services-process h2,.services-proof h2{letter-spacing:-.04em;font-size:clamp(30px,3vw,45px)}.services-process li{border-top:1px solid #8d74b655;padding-top:22px}.services-process h3{margin-bottom:14px;font-size:21px}.services-proof{background:linear-gradient(120deg,#7350a51a,#0000);border:1px solid #78668b55;border-radius:18px;margin-top:20px;padding:55px}.habi-services-page .project-inquiry{padding-top:40px}.service-primary:hover{background:#7854e7}.service-primary{transition:background .2s}.services-cinematic a:focus-visible{outline-offset:5px;outline:3px solid #d0baff}:root[data-habi-theme=light] .habi-services-page .services-grid .service-showcase{background:linear-gradient(120deg,#fff,#f0ecf8);border-color:#d6cde5;box-shadow:0 18px 45px #40304b0b}:root[data-habi-theme=light] .service-number{color:#6b479d}:root[data-habi-theme=light] .services-section-heading em{color:#7046b2}@media (width<=900px){.services-cinematic{grid-template-columns:1fr;min-height:0;padding:40px 26px}.services-intro-copy h1{max-width:none;font-size:clamp(39px,7vw,62px)}.services-hero-art{width:100%;max-width:600px;min-height:360px;margin-top:25px}.services-hero-film{width:125%;left:0}.services-hero-window{bottom:11%;left:10%;right:4%}.services-section-heading{padding-top:65px}.habi-services-page .services-grid .service-showcase,.service-showcase:nth-child(2n){gap:32px;padding:26px;grid-template-columns:1fr!important}.service-showcase:nth-child(2n) .service-example{order:initial}.service-example>a{transform:none}.services-proof{padding:28px}}@media (width<=480px){.services-cinematic{border-radius:16px;margin:12px -2vw 0;padding:30px 20px}.services-intro-copy h1{font-size:40px}.services-intro-copy>p{font-size:15px}.services-hero-art{min-height:275px}.services-hero-window{left:4%;right:0}.services-art-caption{font-size:8px}.services-section-heading{padding-top:55px}.habi-services-page .services-grid .service-showcase{padding:22px}.service-lead{font-size:18px}.services-hero-window>div{font-size:8px}}@media (prefers-reduced-motion:reduce){.services-hero-window,.service-example>a{transition:none!important;transform:none!important}}.services-theme-toggle{min-width:84px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #837a9b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font:600 14px HabiInter,Arial,sans-serif;display:inline-flex}.services-nav nav{align-items:center;margin-left:auto}.services-nav nav a{align-items:center;min-height:44px;display:inline-flex}@media (width<=480px){.services-nav{grid-template-columns:1fr auto;gap:10px 16px;display:grid}.services-nav nav{grid-area:2/1/auto/-1;justify-content:space-between;margin-left:0}.services-theme-toggle{grid-area:1/2}.services-brand{min-width:0}}.service-mockup>a{box-shadow:none;background:0 0;border:0;overflow:visible;transform:none}.service-mockup>a:hover,.service-mockup>a:focus-visible{box-shadow:none;transform:translateY(-4px)}.mockup-stage{isolation:isolate;background:radial-gradient(at 65% 30%,#7755c32b,#0000 75%);border-radius:20px;padding:26px 18px 34px;position:relative}.mockup-main{background:#101425;border:1px solid #8d7ba67a;border-radius:12px;position:relative;overflow:hidden;transform:rotateY(-5deg);box-shadow:0 24px 40px #0005}.service-mockup .mockup-main img{aspect-ratio:auto;object-fit:contain;height:auto}.service-mockup--website .mockup-main{border:5px solid #282b3f;border-bottom-width:10px;margin-right:10%}.service-mockup--website .mockup-stage:after{content:"";z-index:-1;background:linear-gradient(#9295aa,#35394e);border-radius:2px 2px 60% 60%;width:85%;height:9px;position:absolute;bottom:27px;left:0}.service-mockup--website .service-example-bar{letter-spacing:.08em;padding:7px 10px;font-size:8px}.mockup-phone{background:#171b2b;border:1px solid #77798e;border-radius:18px;width:22%;padding:5px;position:absolute;bottom:13px;right:0;overflow:hidden;transform:rotate(3deg);box-shadow:0 16px 24px #0006}.service-mockup .mockup-phone img{aspect-ratio:auto;border-radius:12px;height:auto}.service-mockup--saas .mockup-stage{background:radial-gradient(#3bcbb52b,#0000 75%);padding:18px 0}.service-mockup--saas .mockup-main{transform:rotateY(5deg)}.service-mockup--creative .mockup-stage{padding:20px 10px 38px}.service-mockup--creative .mockup-main{border-radius:4px;transform:rotate(-2deg);box-shadow:8px 9px #393047,9px 10px #8c78a0,17px 19px #211c33,0 30px 45px #0005}.mockup-kit-label{text-align:center;letter-spacing:.12em;margin:28px 0 0;font-size:9px;font-weight:600;position:relative}.service-mockup figcaption{opacity:1;margin-top:12px}.service-mockup figcaption strong{margin-bottom:6px;font-size:17px;font-weight:500;display:block}.service-mockup figcaption>span{opacity:.75;font-size:12px;display:block}.service-mockup figcaption .mockup-open{text-underline-offset:4px;margin-top:8px;text-decoration:underline}@media (width<=900px){.service-mockup{width:100%;max-width:650px;margin:auto}.mockup-main,.service-mockup--saas .mockup-main{transform:none}}@media (width<=480px){.mockup-stage{padding:16px 4px 26px}.service-mockup--website .mockup-stage:after{bottom:19px}.mockup-phone{border-radius:10px;width:24%;padding:3px;bottom:12px}.service-mockup .mockup-phone img{border-radius:6px}.service-mockup .service-example-bar{letter-spacing:.06em;padding:9px;font-size:8px}.mockup-kit-label{letter-spacing:.05em;font-size:8px}}@media (prefers-reduced-motion:reduce){.mockup-main,.mockup-phone{transform:none!important}.service-mockup>a{transition:none!important}}.service-mockup figcaption .mockup-open{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.habi-v4{--v4-paper:#080d1a;--v4-paper-alt:#11182a;--v4-card:#12192a;--v4-text:#f7f7fb;--v4-secondary:#b4bacf;--v4-line:#b8c1e02e;--v4-accent:#ae98fd;--v4-accent-soft:#ae98fd2b;--v4-shadow:0 34px 90px #0000006e;--v4-ribbon:#9781ff54;--v4-photo-backdrop:#080b14;--v4-nav-backdrop:#090d19eb;background:var(--v4-paper);color:var(--v4-text);isolation:isolate;font-family:Outfit,Montserrat,Helvetica Neue,Arial,sans-serif;transition:background .55s,color .55s;overflow:clip}:root[data-habi-theme=light] .habi-v4{--v4-paper:#f8f9fc;--v4-paper-alt:#eef0f7;--v4-card:#fff;--v4-text:#1d2435;--v4-secondary:#59647a;--v4-line:#2835502b;--v4-accent:#6952b6;--v4-accent-soft:#6752bd1a;--v4-shadow:0 25px 75px #2e3b5824;--v4-ribbon:#684fb333;--v4-nav-backdrop:#fafbfff0}.habi-v4 *{box-sizing:border-box}.habi-v4 a{color:inherit}.habi-v4 button{cursor:pointer;font:inherit}.habi-v4 a:focus-visible,.habi-v4 button:focus-visible,.habi-v4 summary:focus-visible{outline:3px solid var(--v4-accent);outline-offset:5px}.v4-skip{z-index:200;background:#fff;border-radius:8px;padding:13px 20px;position:fixed;top:-140px;left:18px;color:#171c2c!important}.v4-skip:focus{top:20px}.v4-cover{background:#02050f;place-items:center;width:100%;height:100dvh;min-height:580px;display:grid;position:relative;overflow:hidden}.v4-cover__image{width:min(100%,142.486dvh);height:min(100dvh,70.1823vw);transform:scale(calc(1 + var(--cover-phase,0) * .045));transform-origin:50%;justify-content:center;align-items:center;transition:transform 80ms linear;display:flex}.v4-cover__image img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100dvh;display:block}.v4-cover__continue{z-index:3;letter-spacing:.035em;background:#0a0c1bbf;border:1px solid #a285ff4d;border-radius:4px;align-items:center;gap:15px;padding:10px 6px 10px 13px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:clamp(16px,3vh,30px);right:clamp(15px,3vw,42px);color:#e4ddff!important}.v4-cover__continue svg{transition:transform .2s}.v4-cover__continue:hover svg{transform:translateY(4px)}.v4-nav{z-index:95;background:var(--v4-nav-backdrop);border-bottom:1px solid var(--v4-line);-webkit-backdrop-filter:blur(24px);justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:8px clamp(18px,4vw,68px);transition:background .5s;display:flex;position:sticky;top:0}.v4-nav__mark{align-items:center;min-width:185px;height:56px;text-decoration:none;display:flex}.v4-nav__mark img{object-fit:contain;object-position:left center;width:185px;height:55px;display:block}.v4-nav__links{align-items:center;gap:clamp(20px,2.8vw,48px);display:flex}.v4-nav__links a{color:var(--v4-secondary);padding:15px 0;font-size:13px;font-weight:600;text-decoration:none;position:relative}.v4-nav__links a:after{content:"";background:var(--v4-accent);width:0;height:1px;transition:width .35s;position:absolute;bottom:9px;left:0}.v4-nav__links a:hover:after{width:100%}.v4-nav__controls{align-items:center;gap:13px;display:flex}.v4-theme-toggle{background:var(--v4-accent-soft);color:var(--v4-text);border:1px solid var(--v4-line);white-space:nowrap;border-radius:6px;align-items:center;gap:9px;min-height:42px;padding:11px 13px;font-size:12px;line-height:1;transition:transform .24s,background .3s;display:flex}.v4-theme-toggle:hover{background:var(--v4-accent-soft);transform:translateY(-2px)}.v4-nav__contact{white-space:nowrap;background:#6043cb;border-radius:6px;align-items:center;gap:15px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .3s,background .3s;display:flex;color:#fff!important}.v4-nav__contact:hover{background:#7057d8;transform:translateY(-2px)}.v4-nav__mobile{display:none;position:relative}.v4-nav__mobile summary{border:1px solid var(--v4-line);border-radius:5px;align-items:center;min-height:42px;padding:9px;list-style:none;display:flex}.v4-nav__mobile summary::-webkit-details-marker{display:none}.v4-nav__mobile nav{z-index:100;min-width:170px;box-shadow:var(--v4-shadow);background:var(--v4-card);border:1px solid var(--v4-line);border-radius:10px;flex-direction:column;gap:0;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.v4-nav__mobile nav a{padding:12px 10px;font-size:14px;text-decoration:none}.v4-overview{background:var(--v4-paper);flex-direction:column;justify-content:center;align-items:flex-start;min-height:76dvh;padding:clamp(95px,12vw,190px) clamp(22px,9vw,160px);display:flex;position:relative;overflow:hidden}.v4-overview__ribbon{border:1px solid var(--v4-ribbon);width:110vw;height:70vw;box-shadow:0 0 0 45px var(--v4-accent-soft),0 0 0 120px #6a52c706,inset 0 0 76px #7969dd21;pointer-events:none;border-radius:46%;position:absolute;top:-34vw;left:32vw;transform:rotate(-29deg)}.v4-overview__intro{color:var(--v4-accent);letter-spacing:.22em;font-size:11px;font-weight:700;line-height:1.4;position:relative}.v4-overview h2{letter-spacing:-.09em;max-width:10ch;margin:23px 0 35px;font-size:clamp(4.1rem,9.6vw,11.5rem);font-weight:500;line-height:.92;position:relative}.v4-overview h2 em{color:var(--v4-accent);font-style:normal}.v4-overview>p{max-width:43ch;color:var(--v4-secondary);margin:0;font-size:clamp(1.07rem,1.5vw,1.35rem);line-height:1.7;position:relative}.v4-overview__counter{border-top:1px solid var(--v4-line);color:var(--v4-secondary);flex-wrap:wrap;gap:19px 36px;margin-top:66px;padding-top:20px;font-size:12px;font-weight:600;display:flex;position:relative}.v4-overview__counter span+span:before{content:"·";color:var(--v4-accent);margin-right:36px}.v4-stage{--brand:#ad99fc;--entry-y:0px;--visual-scale:1;background:var(--v4-paper);border-top:1px solid var(--v4-line);place-items:center;min-height:100dvh;padding:clamp(72px,9vw,150px) clamp(18px,5vw,80px);display:grid;position:relative;overflow:hidden}.v4-stage:before{content:"";pointer-events:none;z-index:0;border:1px solid color-mix(in srgb,var(--brand) 28%, transparent);width:70vw;height:55vw;box-shadow:0 0 0 60px color-mix(in srgb,var(--brand) 5%, transparent);transform:rotate(-25deg) scale(calc(.92 + var(--ribbon-progress,1) * .08));border-radius:50%;position:absolute;top:-27vw;right:-35vw}.v4-stage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--brand) 12%,transparent),transparent 68%);opacity:.7;width:45%;height:110%;position:absolute;bottom:-50%;left:-8%}.v4-stage--smartroom,.v4-stage--jb-modular{--brand:#c6a86b}.v4-stage--future-leaders{--brand:#ca9f55}.v4-stage--bay-blooms{--brand:#c72b7a}.v4-stage--homeflow{--brand:#9873f0}.v4-stage--autopulse{--brand:#e43843}.v4-stage--future-community{--brand:#c49a58}.v4-stage--aesthetic-os{--brand:#af9360}.v4-stage--fleetpilot{--brand:#23b7b5}.v4-stage__interior{z-index:1;width:min(100%,1500px);position:relative}.v4-stage__meta{text-transform:uppercase;letter-spacing:.18em;color:var(--v4-secondary);justify-content:space-between;align-items:center;gap:21px;margin-bottom:21px;font-size:11px;font-weight:600;display:flex}.v4-stage__index{color:var(--brand);letter-spacing:.05em;font-size:17px}.v4-stage__index-total{color:var(--v4-secondary);font-size:11px}.v4-stage__frame{--tilt-x:0deg;--tilt-y:0deg;width:100%;transform:perspective(1550px) translateY(var(--rise-px,0px)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--visual-scale,1));transform-style:preserve-3d;background:var(--v4-card);box-shadow:var(--v4-shadow);border:1px solid var(--v4-line);border-radius:18px;padding:10px;transition:transform .24s ease-out,box-shadow .3s;position:relative}.v4-stage__frame:hover{box-shadow:0 44px 110px color-mix(in srgb,var(--brand) 19%,transparent),var(--v4-shadow)}.v4-stage__image{background:var(--v4-photo-backdrop);border-radius:10px;width:100%;position:relative;overflow:hidden}.v4-stage__image img{aspect-ratio:16/9;object-fit:contain;object-position:center;width:100%;height:auto;display:block;filter:none!important}.v4-stage__frame-outline{border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);pointer-events:none;border-radius:10px;position:absolute;inset:10px}.v4-stage__frame-corner{z-index:2;border-bottom:2px solid var(--brand);border-right:2px solid var(--brand);pointer-events:none;opacity:.75;width:50px;height:50px;position:absolute;bottom:29px;right:29px}.v4-stage__info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:35px;margin-top:36px;display:grid}.v4-stage__body h2{color:var(--v4-text);letter-spacing:-.063em;margin:0;font-size:clamp(2.4rem,4.6vw,5.2rem);font-weight:500;line-height:1.04}.v4-stage__body h3{color:var(--brand);margin:11px 0 8px;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:500}.v4-stage__body>p{color:var(--v4-secondary);max-width:60ch;margin:0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.62}.v4-stage__body>small{color:var(--v4-secondary);max-width:70ch;margin-top:12px;font-size:11px;line-height:1.5;display:block}.v4-stage__action{justify-content:flex-end;min-width:220px;display:flex}.v4-stage__action>a{color:var(--v4-text);white-space:nowrap;border-bottom:1px solid var(--brand);justify-content:space-between;align-items:center;gap:24px;padding:16px 4px;font-size:14px;text-decoration:none;transition:padding-left .28s;display:inline-flex}.v4-stage__action>a:hover{padding-left:17px}.v4-stage__action>p{text-align:right;letter-spacing:.07em;text-transform:uppercase;max-width:220px;color:var(--v4-secondary);font-size:11px}.v4-stage__action>p span{color:var(--brand);margin-left:10px}.v4-interlude{background:var(--v4-paper);border-top:1px solid var(--v4-line);padding:40px 0 70px;position:relative}.v4-interlude__intro{letter-spacing:.17em;color:var(--v4-secondary);justify-content:space-between;gap:20px;margin:0 clamp(18px,5vw,80px) 28px;font-size:11px;font-weight:600;display:flex}.v4-interlude__number{color:var(--v4-accent)}.v4-interlude__film{background:#060914;border-top:1px solid #b9b3ea24;border-bottom:1px solid #b9b3ea24;position:relative;overflow:clip}.v4-scroll-scrub .scroll-scrub__route{display:none}.v4-scroll-scrub .scroll-scrub__title{letter-spacing:-.072em;max-width:11ch;font-size:clamp(3.1rem,6vw,6.8rem);font-weight:500}.v4-scroll-scrub .scroll-scrub__body{color:#dedef0;max-width:35ch}.v4-scroll-scrub .scroll-scrub__copy:before{background:radial-gradient(at 0,#060914e6,#06091494 58%,#0000 79%)}.v4-scroll-scrub .scroll-scrub__chapter-pin{padding-top:9rem}.v4-scroll-scrub .habi-film-cta{color:#fff;border-bottom:1px solid #a18bfe;gap:20px;padding:0 0 12px;text-decoration:none;display:inline-flex}.v4-contact{background:var(--v4-paper-alt);text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:84dvh;padding:clamp(110px,13vw,190px) clamp(28px,8vw,150px);display:flex;position:relative;overflow:hidden}.v4-contact__thread{z-index:-1;width:85vw;max-width:900px;height:85vw;max-height:900px;box-shadow:0 0 0 30px var(--v4-accent-soft),0 0 0 100px color-mix(in srgb,var(--v4-accent) 4%,transparent),0 0 0 180px color-mix(in srgb,var(--v4-accent) 3%,transparent);border:1px solid var(--v4-ribbon);border-radius:50%;position:absolute;transform:rotate(-30deg)}.v4-contact>p{letter-spacing:.2em;color:var(--v4-accent);margin:0;font-size:12px;font-weight:700}.v4-contact h2{letter-spacing:-.077em;max-width:10.5ch;margin:22px 0 40px;font-size:clamp(3.4rem,7.4vw,9rem);font-weight:500;line-height:1}.v4-contact>a{background:var(--v4-accent);border:1px solid var(--v4-accent);min-height:60px;box-shadow:0 18px 40px color-mix(in srgb,var(--v4-accent) 22%,transparent);border-radius:3px;align-items:center;gap:80px;padding:20px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .28s,box-shadow .28s;display:flex;color:#fff!important}.v4-contact>a:hover{box-shadow:0 25px 50px color-mix(in srgb,var(--v4-accent) 34%,transparent);transform:translateY(-4px)}.v4-contact>span{color:var(--v4-secondary);margin-top:28px;font-size:12px}.v4-footer{border-top:1px solid var(--v4-line);background:var(--v4-paper);color:var(--v4-secondary);grid-template-columns:1fr 1.4fr auto;align-items:center;gap:32px;padding:38px clamp(20px,5vw,80px);font-size:12px;display:grid}.v4-footer>div{flex-direction:column;gap:5px;display:flex}.v4-footer strong{letter-spacing:.13em;color:var(--v4-text);font-size:18px}.v4-footer p{max-width:43ch;margin:0;line-height:1.6}.v4-footer a{white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:flex}.v4-footer a:hover{text-decoration:underline}@media (width<=1100px){.v4-nav__links{gap:17px}.v4-nav__mark{min-width:140px}.v4-nav__mark img{width:155px}.v4-stage__info{grid-template-columns:1fr;gap:15px}.v4-stage__action{justify-content:flex-start}.v4-stage__action>p{text-align:left}}@media (width<=740px){.v4-cover{min-height:460px}.v4-cover__continue{font-size:11px;bottom:22px;right:15px}.v4-nav{gap:7px;min-height:70px;padding:6px 14px}.v4-nav__mark{min-width:112px;height:48px}.v4-nav__mark img{width:127px;height:46px}.v4-nav__links{display:none}.v4-nav__mobile{display:block}.v4-nav__contact{display:none}.v4-theme-toggle{gap:6px;min-height:42px;padding:10px 8px;font-size:11px}.v4-overview{min-height:68dvh;padding:95px 23px}.v4-overview h2{margin-bottom:22px;font-size:clamp(3.8rem,13vw,6.7rem)}.v4-overview>p{font-size:16px}.v4-overview__counter{flex-direction:column;gap:8px 17px;margin-top:35px;font-size:12px}.v4-overview__counter span+span:before{margin-right:11px}.v4-stage{min-height:0;padding:65px 16px 78px}.v4-stage__meta{letter-spacing:.09em;gap:8px;font-size:9px}.v4-stage__index{font-size:14px}.v4-stage__frame{border-radius:10px;padding:5px}.v4-stage__image{border-radius:6px}.v4-stage__frame-outline{border-radius:6px;inset:5px}.v4-stage__frame-corner{width:20px;height:20px;bottom:13px;right:13px}.v4-stage__info{margin-top:22px}.v4-stage__body h2{font-size:clamp(2.55rem,8.8vw,4.6rem)}.v4-stage__body h3{font-size:1.14rem}.v4-stage__body>p{font-size:15px}.v4-stage__action>a{min-width:0;font-size:13px}.v4-interlude{padding:26px 0 46px}.v4-interlude__intro{letter-spacing:.075em;margin:0 18px 20px;font-size:9px}.v4-scroll-scrub .scroll-scrub__chapter-pin{padding:8rem 20px 7rem}.v4-scroll-scrub .scroll-scrub__title{font-size:clamp(3.2rem,10vw,5.3rem)}.v4-scroll-scrub .scroll-scrub__body{font-size:15px}.v4-contact{min-height:72dvh;padding:95px 23px}.v4-contact h2{font-size:clamp(3.3rem,10.6vw,6rem)}.v4-contact>a{gap:27px;padding:16px 19px}.v4-footer{grid-template-columns:1fr;gap:19px;padding:30px 20px}}@media (prefers-reduced-motion:reduce){.habi-v4 *,.habi-v4 :before,.habi-v4 :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.v4-cover__image,.v4-stage__frame{transform:none!important}}.v4-nav:after{content:"";background:var(--v4-accent);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--page-progress,0));pointer-events:none;transition:background .3s;position:absolute;inset:auto auto -1px 0}.v4-stage,.v4-contact,.v4-overview{scroll-margin-top:80px}