html,body{background:#fff!important;color:#211e1b!important}
body,button,.brand strong,.brand span,.intro small,.intro h1,.intro h1 em,.intro p,.section-label,.section-head span,.meta strong,.meta small,.modal-title,.actions a{font-family:'DM Sans',Arial,sans-serif!important}
.top{height:145px!important;background:#fff!important}
.brand strong{font-size:22px!important}
.brand span{margin-top:9px!important;font-size:7px!important}
.intro,.section{background:#fff!important}
.intro{padding-top:46px!important;padding-bottom:38px!important}
.intro small,.section-label{color:#6f6963!important;font-size:7px!important;letter-spacing:.2em!important}
.intro h1{max-width:620px!important;margin-top:15px!important;font-size:clamp(42px,5vw,68px)!important;font-weight:300!important;font-style:normal!important;line-height:.94!important;letter-spacing:-.04em!important}
.intro h1 em{color:#211e1b!important;font-weight:300!important;font-style:normal!important}
.intro p{font-size:10px!important;line-height:1.7!important}
.section-head{margin-bottom:14px!important;padding-bottom:10px!important}
.section-head span{color:#8a837c!important;font-size:9px!important;font-weight:400!important;letter-spacing:.12em!important}
.meta strong{font-size:20px!important;font-weight:400!important;line-height:1!important;letter-spacing:.01em!important}
.card:hover .meta strong{font-style:normal!important}
.meta small{font-size:6px!important;font-weight:400!important;letter-spacing:.14em!important;color:rgba(255,255,255,.68)!important}
.modal-title{font-size:18px!important;font-weight:400!important;letter-spacing:.02em!important}
@media(max-width:650px){.top{height:120px!important}.brand strong{font-size:19px!important}.intro{padding-top:38px!important;padding-bottom:32px!important}.meta strong{font-size:15px!important}.meta small{font-size:5px!important}.intro h1{font-size:39px!important;line-height:.96!important}.intro p{font-size:9px!important}}

.dashboard-card .visual{background:linear-gradient(145deg,#e8dfd4,#cfc3b5)!important}
.mesure-card .visual{background:linear-gradient(145deg,#e9e3da,#cfc6ba)!important}
.astoria-card .visual{background:linear-gradient(145deg,#e3d9cf,#c7b6a3)!important}
.leonie-card .visual{background:linear-gradient(145deg,#ece6df,#d3c9bc)!important}
.manifest-card .visual{background:linear-gradient(145deg,#f3eee7,#ddd3c7)!important}
.phone-preview{position:absolute!important;z-index:0!important;top:6%!important;left:50%!important;width:164px!important;height:76%!important;overflow:hidden!important;border:7px solid #201d1a!important;border-radius:25px!important;background:#fff!important;box-shadow:0 22px 40px rgba(33,30,27,.22)!important;transform:translateX(-50%)!important}
.phone-preview:before{content:''!important;position:absolute!important;z-index:2!important;top:6px!important;left:50%!important;width:48px!important;height:10px!important;border-radius:999px!important;background:#201d1a!important;transform:translateX(-50%)!important}
.phone-preview iframe{position:absolute!important;top:0!important;left:0!important;width:390px!important;height:780px!important;border:0!important;pointer-events:none!important;transform:scale(.385)!important;transform-origin:top left!important}
@media(max-width:650px){.phone-preview{width:112px!important;border-width:5px!important;border-radius:18px!important}.phone-preview iframe{transform:scale(.262)!important}}
.actions>a{font-size:0!important}
.actions>a:after{content:'Open full project';font-size:8px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.ai-card .visual{background:linear-gradient(145deg,#eeeae5,#d6d0c8)!important}
.browser-preview{position:absolute!important;z-index:0!important;top:9%!important;left:7%!important;width:86%!important;height:65%!important;overflow:hidden!important;border:1px solid rgba(33,30,27,.16)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 22px 42px rgba(33,30,27,.2)!important}
.browser-bar{position:absolute!important;z-index:2!important;top:0!important;left:0!important;right:0!important;height:25px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:0 10px!important;border-bottom:1px solid #dedbd6!important;background:#f8f7f5!important}
.browser-bar i{display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#a8a39d!important}
.browser-bar b{margin-left:7px!important;overflow:hidden!important;color:#6f6963!important;font:400 6px/1 'DM Sans',sans-serif!important;letter-spacing:.04em!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.browser-screen{position:absolute!important;top:25px!important;left:0!important;right:0!important;bottom:0!important;overflow:hidden!important;background:#fff!important}
.browser-screen iframe{position:absolute!important;top:0!important;left:0!important;width:1440px!important;height:900px!important;border:0!important;pointer-events:none!important;transform:scale(.205)!important;transform-origin:top left!important}
.ai-preview .browser-screen iframe{transform:scale(.205)!important}
.websites-grid .browser-screen iframe{left:50%!important;transform:translateX(-50%) scale(.34)!important;transform-origin:top center!important}
@media(max-width:650px){.browser-preview{top:8%!important;left:6%!important;width:88%!important;height:62%!important;border-radius:6px!important}.browser-bar{height:18px!important;padding:0 7px!important}.browser-screen{top:18px!important}.browser-screen iframe,.ai-preview .browser-screen iframe{transform:scale(.1)!important}.websites-grid .browser-screen iframe{transform:translateX(-50%) scale(.17)!important}}
.grid.websites-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid.branding-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.grid.ai-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}