/* Reference-approved opening. All app screens remain supplied raster assets. */
body{background:#fff}.container{padding-inline:72px;max-width:1440px}.header-inner{height:96px;padding:0 72px}.brand{width:150px}.navigation{position:absolute;left:50%;transform:translateX(-50%);gap:44px;font-size:14px}.header-status{display:flex;align-items:center;gap:13px;padding:13px 24px;border:1px solid #e0ddd6;border-radius:40px;background:#ffffffb0;font-size:14px;font-weight:600}.status-dot{background:#FFD200}.site-header.scrolled{background:#ffffffeb}.hero-lifestyle{height:clamp(760px,62vw,900px);min-height:760px;padding-top:0;background:#fff;position:relative;overflow:hidden}.hero-lifestyle .hero-grid{height:100%;min-height:0;grid-template-columns:44% 56%;position:relative;z-index:2;pointer-events:none}.hero-lifestyle .hero-copy{padding:76px 0 0;pointer-events:auto}.hero-lifestyle .eyebrow{font-size:11px;font-weight:500;color:#666;letter-spacing:.18em;gap:20px}.eyebrow-rule{height:1px;width:28px;flex:none}.hero-lifestyle h1{font-family:var(--zove-serif);font-size:76px;line-height:.96;font-weight:400;letter-spacing:-.055em;margin:25px 0 24px;max-width:590px}.hero-lifestyle h1 .yellow{color:#FFD200}.hero-lifestyle .body-copy{font-size:18px;line-height:1.55;max-width:455px;color:#666}.hero-lifestyle .button{border:0;cursor:pointer;min-height:56px;padding:15px 30px;gap:28px;margin-top:29px;font-size:16px;font-weight:600;min-width:240px}.hero-store-badges{display:flex;align-items:center;gap:21px;margin-top:25px}.hero-store{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #e3e0da;border-radius:50px;min-height:61px;padding:12px 22px;white-space:nowrap;background:#ffffffa6}.hero-store>svg{width:29px;height:32px;flex:none}.hero-store small{display:block;font-size:11px;line-height:1.3;font-weight:400;letter-spacing:0}.hero-store strong{display:block;font-size:18px;line-height:1.2;font-weight:550;letter-spacing:-.03em}.store-divider{display:block;width:1px;height:32px;background:#aaa;flex:none}.hero-footer-phrase{display:flex;align-items:center;gap:20px;font-size:9px;line-height:1.7;letter-spacing:.14em;color:#777;margin-top:48px}.hero-footer-phrase>span{display:block;width:29px;height:1px;flex:none;background:#999}.hero-photo-area{position:absolute;inset:0 0 0 auto;width:58%;height:100%;background:linear-gradient(90deg,#fff,#f8f5ee 65%,#efe9dc)}.hero-photo-area::after{content:"";position:absolute;inset:0 auto 0 0;width:130px;background:linear-gradient(90deg,#fff,transparent);z-index:4;pointer-events:none}.hero-scene{position:absolute;right:0;bottom:0;height:calc(100% - 80px);width:auto;aspect-ratio:524/684;overflow:hidden}.hero-scene-canvas{position:absolute;width:524px;height:684px;left:0;top:0;transform:scale(var(--scene-scale,1));transform-origin:0 0}.hero-photo-base{position:absolute;left:-500px;top:-80px;width:1024px;max-width:none;height:1536px}.hero-screen-plane{position:absolute;left:0;top:0;width:390px;height:844px;transform-origin:0 0;overflow:hidden;border-radius:49px;background:#F4F4F4}.hero-actual-screen{width:390px;height:844px;max-width:none;display:block}.hero-device-island{position:absolute;top:13px;left:150px;width:91px;height:28px;border-radius:30px;background:#090909}.opening-features{background:#fff;padding:70px 0 40px}.features-grid{display:grid;grid-template-columns:2.5fr repeat(4,1fr);gap:38px;align-items:start}.features-intro .eyebrow,.experience-copy .eyebrow{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:500;color:#777;letter-spacing:.14em}.features-intro h2{font-family:var(--zove-serif);font-size:40px;line-height:1.06;font-weight:400;letter-spacing:-.045em;margin-top:25px;max-width:470px}.feature-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:64px;height:64px;background:#F7F5F1;margin-bottom:20px}.feature-icon>svg{width:28px;height:28px;stroke:#191919;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.feature-item h3{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}.feature-item p{font-size:14px;line-height:1.55;color:#666;max-width:155px}.opening-experience{background:#fff;padding:45px 0 100px;overflow:hidden}.experience-grid{display:grid;grid-template-columns:52% 48%;align-items:center;gap:0}.experience-phones{position:relative;width:100%;height:610px;margin-left:-17px}.experience-phones::after{content:"";position:absolute;bottom:-2px;left:-40px;right:-40px;height:135px;background:linear-gradient(transparent,#fff 80%);z-index:5;pointer-events:none}.experience-phones zove-phone{position:absolute;background:#1e1e1d;padding:3px;border-radius:33px;box-shadow:0 14px 30px -15px #19191940}.experience-prayer{width:237px;left:0;top:53px;transform:rotate(-2deg);z-index:1}.experience-purpose{width:251px;left:calc(50% - 125px);top:0;transform:none;z-index:3}.experience-home{width:237px;right:0;top:53px;transform:rotate(2deg);z-index:2}.experience-copy{padding:0 0 60px 56px}.experience-copy h2{font-family:var(--zove-serif);font-size:48px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:25px 0 24px}.experience-copy .body-copy{font-size:18px;line-height:1.55;max-width:450px}.experience-benefits{list-style:none;margin:27px 0 0;padding:0;display:grid;gap:13px}.experience-benefits li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4}.experience-benefits li::before{content:'✓';display:grid;place-items:center;width:24px;height:24px;flex:none;background:#FFD200;border-radius:50%;font-size:15px;color:#191919}.word-section{padding-top:55px;background:#F4F4F4}.footer-brand{background:#F4F4F4}.opening-experience .eyebrow-rule,.opening-features .eyebrow-rule{background:#FFD200}
@media(min-width:1400px){.features-intro h2{font-size:46px}}
@media(max-width:1200px) and (min-width:761px){.container{padding-inline:40px}.header-inner{padding-inline:40px}.navigation{gap:30px}.hero-lifestyle .hero-grid{grid-template-columns:46% 54%}.hero-lifestyle h1{font-size:68px}.hero-lifestyle .body-copy{font-size:17px;max-width:400px}.hero-store{padding:12px 16px;gap:10px}.hero-store-badges{gap:16px}.hero-store strong{font-size:17px}.hero-lifestyle .hero-copy{padding-top:60px}.features-grid{grid-template-columns:2.2fr repeat(4,1fr);gap:25px}.features-intro h2{font-size:35px}.feature-item h3{font-size:13px}.feature-item p{font-size:13px}.experience-copy{padding-left:40px}.experience-copy h2{font-size:40px}.experience-copy .body-copy{font-size:16px}.experience-benefits li{font-size:14px}.experience-prayer,.experience-home{width:201px}.experience-purpose{width:223px;left:calc(50% - 111px)}.experience-phones{height:535px}}
@media(max-width:960px) and (min-width:761px){.hero-lifestyle h1{font-size:58px}.hero-lifestyle .body-copy{font-size:16px;max-width:330px}.hero-store-badges{gap:10px;flex-wrap:wrap;max-width:380px}.hero-store{padding:10px 12px;gap:9px;min-height:55px}.hero-store strong{font-size:15px}.hero-store small{font-size:9px}.hero-store>svg{width:23px;height:25px}.store-divider{display:none}.hero-photo-area{width:54%}.hero-scene{right:-40px}.hero-lifestyle .hero-copy{padding-top:45px}.features-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}.features-intro{grid-column:1;grid-row:1/3}.features-intro h2{font-size:36px}.feature-item p{max-width:180px}.experience-copy{padding-left:30px}.experience-copy h2{font-size:35px}.experience-benefits li{font-size:13px}.experience-phones{height:440px}.experience-prayer,.experience-home{width:155px}.experience-purpose{width:180px;left:calc(50% - 90px)}}
@media(max-width:760px){.container{padding-inline:20px}.header-inner{height:85px;padding:0 20px}.brand{width:133px}.header-status{display:none}.navigation{position:absolute;left:0;right:0;top:84px;transform:none;background:#fff;padding:20px 20px 27px;gap:0}.navigation>a{font-size:19px}.hero-lifestyle{height:auto;min-height:0;padding-top:100px;display:flex;flex-direction:column;overflow:hidden}.hero-lifestyle .hero-grid{order:1;height:auto;display:block}.hero-lifestyle .hero-copy{padding:15px 0 0}.hero-lifestyle .eyebrow{font-size:10px;gap:17px}.hero-lifestyle h1{font-size:48px;line-height:.98;letter-spacing:-.05em;margin:23px 0 22px}.hero-lifestyle .body-copy{font-size:16px;line-height:1.55;max-width:450px}.hero-lifestyle .button{height:54px;min-height:54px;margin-top:24px;padding:14px 25px;font-size:15px;min-width:222px}.hero-store-badges{margin-top:23px;gap:12px;flex-wrap:wrap}.hero-store{padding:10px 15px;gap:10px;min-height:56px}.hero-store strong{font-size:17px}.hero-store small{font-size:10px}.hero-store>svg{width:25px;height:28px}.store-divider{height:28px}.hero-footer-phrase{font-size:8px;gap:14px;margin-top:30px;letter-spacing:.1em}.hero-photo-area{order:2;position:relative;width:100%;height:565px;margin-top:25px;background:#f8f5ee}.hero-scene{height:565px;width:432.8px;max-width:none;bottom:0;right:calc(50% - 240px);aspect-ratio:524/684}.hero-photo-area::after{left:0;top:0;width:100%;height:80px;background:linear-gradient(#fff,transparent)}.opening-features{padding:50px 0 25px}.features-grid{grid-template-columns:1fr 1fr;gap:30px 25px}.features-intro{grid-column:1/-1}.features-intro h2{font-size:35px;max-width:430px;margin-top:21px;line-height:1.07}.features-intro .eyebrow,.experience-copy .eyebrow{font-size:9px;gap:14px}.feature-icon{width:59px;height:59px;margin-bottom:16px}.feature-item h3{font-size:14px;margin-bottom:10px}.feature-item p{font-size:14px;max-width:190px}.opening-experience{padding:25px 0 65px}.experience-grid{display:block}.experience-phones{width:100%;max-width:450px;height:425px;margin:0 auto 15px}.experience-prayer,.experience-home{width:165px;top:38px}.experience-prayer{left:-23px}.experience-home{right:-23px}.experience-purpose{width:192px;left:calc(50% - 96px)}.experience-phones::after{height:90px}.experience-copy{padding:8px 0 0}.experience-copy h2{font-size:38px;line-height:1.06;margin:21px 0}.experience-copy .body-copy{font-size:16px;max-width:430px}.experience-benefits{gap:13px;margin-top:24px}.experience-benefits li{font-size:14px;gap:10px}.experience-benefits li::before{width:22px;height:22px;font-size:14px}.word-section{padding-top:50px}}
@media(max-width:360px){.hero-store-badges{gap:10px}.hero-store{padding:10px 12px;gap:8px}.hero-store strong{font-size:15px}.hero-store small{font-size:9px}.store-divider{display:none}.hero-lifestyle h1{font-size:46px}.experience-prayer,.experience-home{width:148px}.experience-purpose{width:177px;left:calc(50% - 88px)}.experience-phones{height:396px}.hero-photo-area{height:525px}.hero-scene{height:525px;width:402px;right:calc(50% - 222px)}}
@media(prefers-reduced-motion:reduce){.hero-scene-canvas{transition:none}}
.hero-screen-plane{transform:matrix3d(0.5976928593,-0.0731610668,0,-0.0000750657,0.025627331,0.6509509431,0,-0.000023204,0,0,1,0,62,46.2,0,1)}
.hero-lifestyle h1>.yellow{display:inline}.features-grid{grid-template-columns:36% repeat(4,minmax(0,1fr));gap:26px}
@media(min-width:961px) and (max-width:1200px){.features-grid{grid-template-columns:38% repeat(4,minmax(0,1fr));gap:26px}.features-intro h2{font-size:32px}}
@media(max-width:960px) and (min-width:761px){.features-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}}
@media(max-width:760px){.features-grid{grid-template-columns:1fr 1fr;gap:30px 25px}}
@media(prefers-reduced-motion:no-preference){.hero-lifestyle .hero-copy{animation:opening-in .75s ease both}.hero-photo-area{animation:opening-in .9s ease .1s both}@keyframes opening-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media(min-width:761px){.hero-scene::after{content:"";position:absolute;inset:0 auto 0 0;width:55px;background:linear-gradient(90deg,#fff,transparent);z-index:5;pointer-events:none}}
.hero-photo-area{background:#fff}
.hero-scene::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(0deg,#fff,transparent 90px)}
@media(min-width:761px){.hero-photo-area::after{display:none}.hero-scene::after{width:auto;background:linear-gradient(90deg,#fff,rgba(255,255,255,.65) 22px,transparent 80px),linear-gradient(0deg,#fff,transparent 100px),linear-gradient(180deg,#fff,transparent 20px)}}
.site-footer{background:#fff;color:#191919;border-top:1px solid #eceae5}.footer-brand{background:transparent;padding:0;width:140px}.footer-main{border-color:#e3e0da}.footer-main nav,.footer-bottom a{color:#666}.footer-main nav a:hover,.footer-main nav button:hover{color:#191919;text-decoration:underline;text-decoration-color:#FFD200;text-underline-offset:5px}
@media(max-width:760px){.header-inner{justify-content:center}.menu-toggle,.navigation,.navigation.open{display:none}}