/* Keepsee's palette, with the spacious app showcase language of the supplied references. */
body{background:#faf8f2}header{max-width:1320px;border:0;padding:26px 38px;min-height:92px}header .brand{width:132px}nav{margin-left:auto;margin-right:auto;gap:32px}.nav-download{border-radius:12px;background:#250916;padding:12px 23px}.hero{position:relative;isolation:isolate;max-width:1320px;margin:0 auto;border-radius:32px;background:#600147;color:#faf8f2;display:grid;grid-template-columns:1.12fr 1fr;gap:52px;padding:82px 64px 86px;min-height:720px;overflow:hidden}.hero:before{content:'';position:absolute;z-index:-1;width:800px;height:800px;right:-260px;top:-30px;border-radius:50%;border:1px solid #ffffff17;box-shadow:0 0 0 72px #ffffff06,0 0 0 144px #ffffff04}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#faf8f2;text-transform:none;letter-spacing:0;font-size:15px;font-weight:500;border:1px solid #ffffff35;width:fit-content;padding:7px 14px;border-radius:100px;margin-bottom:25px}.hero h1{font-size:clamp(44px,4.8vw,66px);line-height:1.06;font-weight:500;letter-spacing:-.045em;max-width:660px;margin-bottom:26px}.hero h1 em{color:#efb969}.hero .lead{font-size:19px;line-height:1.6;color:#ecdae7;max-width:460px;margin-bottom:29px}.hero .note{color:#ecdae7}.download{border-radius:12px;padding:12px 24px;min-width:185px;text-align:left;box-shadow:none}.hero .download{background:#faf8f2;color:#250916}.hero-visual{padding:0;gap:16px;align-self:center;width:100%;overflow:visible;min-height:510px;justify-content:center}.hero-visual:before{inset:10% -2% 3%;border-radius:50%;background:#d28622;opacity:.92;transform:rotate(-14deg)}.hero-visual img{width:47%;border-radius:18px;transform:rotate(-5deg) translateY(-30px);box-shadow:0 24px 50px #25091640}.hero-visual img+img{transform:rotate(6deg) translateY(36px)}.visual-label{left:50%;bottom:-7px;transform:translateX(-50%);white-space:nowrap;color:#250916;background:#faf8f2;border:none;border-radius:12px;padding:14px 18px;font-size:14px;box-shadow:0 8px 24px #25091625}.promise-strip{max-width:1180px;margin:0 auto;background:transparent;color:#600147;padding:35px 20px;gap:0;justify-content:space-around;border-bottom:1px solid #25091615;font-size:15px;font-weight:600}.promise-strip span{display:flex;align-items:center;gap:10px}.promise-strip span:before{content:'✓';font-size:15px;font-weight:600;border:1px solid #60014730;width:25px;height:25px;display:grid;place-items:center;border-radius:50%}.section{max-width:1260px;padding:105px 40px}.section-head{max-width:700px;margin:0 auto 48px;text-align:center}.eyebrow{font-size:14px;letter-spacing:.02em;text-transform:none;font-weight:600;margin-bottom:17px}h2{font-size:clamp(36px,3.6vw,50px);letter-spacing:-.04em;line-height:1.12;font-weight:500}h3{font-size:25px;font-weight:550;letter-spacing:-.025em}.section-head p.muted{font-size:18px;max-width:560px;margin:0 auto}.steps{gap:20px}.step{border:1px solid #25091615;background:#fffdf8;border-radius:24px;padding:32px 29px}.step-num{letter-spacing:.05em;font-size:13px;margin-bottom:35px;color:#600147}.step p{font-size:16px;line-height:1.7;margin-bottom:0}.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:5px;padding-bottom:104px}.feature-row{border:0;border-radius:28px;background:#eee8dc;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:0;overflow:hidden}.feature-row:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:590px;gap:32px;align-items:center;background:#eee8dc}.feature-row:first-child .feature-picture{order:2;padding:35px 40px 0;border-radius:0;height:590px;align-items:flex-start;background:transparent}.feature-row:first-child .feature-picture img{width:255px;max-width:100%;box-shadow:0 18px 45px #25091625;transform:rotate(4deg);margin-top:12px}.feature-row:first-child .feature-text{padding:60px 0 60px 52px;max-width:540px}.feature-row:not(:first-child) .feature-text{order:-1;padding:40px 40px 26px;max-width:none}.feature-row:not(:first-child) h2{font-size:38px;max-width:450px}.feature-row:nth-child(2){background:#f0e7ed}.feature-row:nth-child(3){background:#eddfc6}.feature-row:not(:first-child) .feature-picture{height:440px;padding:24px 25px 0;border-radius:0;background:transparent;align-items:flex-start}.feature-row:not(:first-child) .feature-picture img{width:240px;border-radius:16px;box-shadow:0 15px 40px #25091625}.feature-row:nth-child(2) .feature-picture img{transform:rotate(-4deg)}.feature-row:nth-child(3) .feature-picture img{transform:rotate(4deg)}.feature-text p{font-size:17px;line-height:1.65}.feature-text .eyebrow{font-size:14px;letter-spacing:0}.mini-link{font-size:15px}.privacy-band{max-width:1180px;margin:0 auto;border-radius:28px;padding:64px;background:#250916;text-align:left;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;overflow:hidden}.privacy-band .inner{max-width:600px;margin:0}.privacy-band .eyebrow{color:#efb969}.privacy-band h2{font-size:44px}.privacy-band p{font-size:17px;line-height:1.7}.privacy-screen{display:flex;justify-content:center;height:400px;margin:-15px 0 -64px;overflow:hidden;align-items:flex-start}.privacy-screen img{width:230px;border-radius:18px;transform:rotate(-5deg);box-shadow:0 15px 45px #0003}.faq{grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:115px;padding-bottom:110px}.faq .section-head{text-align:left;margin:0}.faq .section-head p.muted{margin:0}.faq details{border:1px solid #25091614;padding:22px 24px;background:#fffdf8;border-radius:16px;margin-bottom:12px}.faq details:last-child{border-bottom:1px solid #25091614}.faq summary{font-size:17px;font-weight:550}.faq details p{font-size:16px;line-height:1.7}.closing{max-width:1280px;margin:0 auto 30px;border-radius:28px;padding:85px 35px;background:#d28622;color:#250916;position:relative;overflow:hidden}.closing:before,.closing:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #25091616;border-radius:50%;top:-100px;left:-220px;pointer-events:none}.closing:after{top:auto;left:auto;right:-190px;bottom:-170px}.closing h2{font-size:clamp(38px,4vw,56px);max-width:800px}.closing .eyebrow{color:#250916}.closing p,.closing .note{color:#492612}footer{padding:58px max(40px,calc((100vw - 1180px)/2));background:#250916}footer .brand{width:130px}.legal h1{font-weight:500}.legal h2{font-size:27px;font-weight:550}.legal h3{font-size:21px}.support-box{background:#fffdf8}
@media(min-width:1440px){.hero{margin:0 auto}.hero h1{font-size:66px}}
@media(max-width:1100px){.hero{margin:0 20px;padding:60px 42px;gap:28px;min-height:640px}.hero h1{font-size:53px}.hero-visual{min-height:430px}.privacy-band{margin:0 40px;gap:35px;padding:48px}.feature-row:first-child .feature-text{padding-left:35px}.feature-row:first-child .feature-picture{padding-left:20px;padding-right:20px}.feature-row:not(:first-child) .feature-text{padding:32px}.feature-row:not(:first-child) h2{font-size:34px}.feature-row:first-child{min-height:540px}.feature-row:first-child .feature-picture{height:540px}}
@media(max-width:800px){header{padding:20px 26px}nav{gap:19px;margin-right:0;font-size:14px}.hero{grid-template-columns:1.15fr 1fr;padding:45px 32px;gap:25px;min-height:600px}.hero h1{font-size:44px}.hero .lead{font-size:17px}.hero-visual{min-height:350px}.hero-visual img{border-radius:12px}.visual-label{font-size:12px;padding:10px;bottom:-30px}.section{padding:75px 28px}.steps{gap:14px}.step{padding:24px 20px}.step h3{font-size:22px}.features{padding-top:0;gap:18px}.feature-row:first-child{gap:18px}.feature-row:first-child .feature-text{padding:35px 0 35px 28px}.feature-row:first-child h2{font-size:36px}.feature-row:first-child .feature-picture{height:520px;padding-top:30px}.feature-row:not(:first-child) h2{font-size:30px}.feature-row:not(:first-child) .feature-text{padding:28px}.privacy-band{margin:0 28px;padding:35px;gap:24px}.privacy-band h2{font-size:36px}.privacy-screen{height:380px;margin-bottom:-35px}.privacy-screen img{width:200px}.faq{gap:40px}.closing{margin-left:20px;margin-right:20px}}
@media(max-width:650px){header{padding:18px 24px;min-height:80px}header .brand{width:116px}nav{display:none}.nav-download{font-size:14px;padding:11px 19px}.hero{margin:0 12px;border-radius:24px;padding:38px 24px 45px;display:flex;flex-direction:column;min-height:auto;gap:40px;align-items:stretch}.hero .eyebrow{font-size:13px;padding:6px 12px;margin-bottom:22px}.hero h1{font-size:44px;line-height:1.08;max-width:520px}.hero .lead{font-size:17px;max-width:470px}.hero .note{font-size:13px}.hero-visual{width:100%;max-width:420px;margin:0 auto;min-height:380px;gap:14px;padding:10px 0 35px}.hero-visual img{width:43%;transform:rotate(-4deg) translateY(-10px);border-radius:14px}.hero-visual img+img{transform:rotate(5deg) translateY(16px)}.hero-visual:before{inset:5% 2% 0}.visual-label{font-size:12px;bottom:0;left:50%;padding:11px 13px}.promise-strip{padding:28px 20px;gap:12px;align-items:center;font-size:14px}.promise-strip span:before{height:21px;width:21px;font-size:12px}.section{padding:65px 24px}.section-head{margin-bottom:32px}.section-head h2{font-size:36px}.steps{grid-template-columns:1fr;gap:14px}.step{padding:27px 25px}.step-num{margin-bottom:20px}.step h3{font-size:25px}.step p{font-size:16px}.features{display:flex;flex-direction:column;gap:18px;padding-top:0;padding-bottom:64px}.feature-row:first-child{display:flex;flex-direction:column;gap:0;min-height:0}.feature-row:first-child .feature-text{padding:32px 28px 20px;max-width:none}.feature-row:first-child .feature-picture{height:405px;order:2;width:100%;padding:25px 20px 0}.feature-row:first-child .feature-picture img{width:230px}.feature-row:not(:first-child) .feature-text{padding:32px 28px 20px}.feature-row:not(:first-child) h2,.feature-row:first-child h2{font-size:34px}.feature-row:not(:first-child) .feature-picture{height:405px}.feature-row:not(:first-child) .feature-picture img{width:225px}.privacy-band{margin:0 24px;border-radius:24px;padding:35px 28px 0;display:flex;flex-direction:column;gap:20px;text-align:left}.privacy-band h2{font-size:34px}.privacy-band .inner{order:-1}.privacy-screen{height:315px;margin:15px 0 0;width:100%}.privacy-screen img{width:215px}.faq{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.faq .section-head h2{font-size:36px}.faq details{padding:19px 20px}.faq summary{font-size:16px}.closing{padding:60px 25px;margin:0 12px 18px;border-radius:24px}.closing h2{font-size:38px}.closing p{font-size:17px}footer{padding:42px 24px}.legal h1{font-size:40px}.legal h2{font-size:25px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero{padding-left:20px;padding-right:20px}.visual-label{font-size:11px}.feature-text h2{font-size:31px!important}}
/* Mobiapp layout adaptation: open hero, one key phone, clear feature storytelling. */
.home-page{background:#faf8f2}.home-page header{max-width:none;padding:25px max(32px,calc((100vw - 1240px)/2));background:#600147;color:#faf8f2;min-height:90px;border-bottom:1px solid #ffffff20}.home-page header .brand img{content:url('/assets/logo-white.png')}.home-page .nav-download{background:#250916;color:#faf8f2}.home-page .hero{max-width:none;margin:0;border-radius:0;min-height:760px;grid-template-columns:1fr 1fr;gap:40px;padding:55px max(32px,calc((100vw - 1240px)/2)) 45px;background:linear-gradient(125deg,#600147 15%,#600147 55%,#79335f);overflow:hidden}.hero-copy{max-width:620px}.home-page .hero h1{font-size:clamp(44px,5.1vw,70px);font-weight:500;line-height:1.075;letter-spacing:-.045em}.home-page .hero .lead{font-size:19px;max-width:500px}.home-page .hero .eyebrow{border:0;background:#faf8f216;padding:8px 16px}.home-page .hero:before{right:-140px;top:80px;width:800px;height:800px;border:1px solid #ffffff09;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff03}.home-page .hero-visual{min-height:0;display:flex;align-items:center;justify-content:center;padding:0;width:100%;max-width:610px;margin:auto;align-self:center}.home-page .hero-visual:before{display:none}.home-page .hero-visual img{width:100%;max-width:500px;max-height:720px;object-fit:contain;transform:none;border-radius:0;box-shadow:none;height:auto}.promise-strip{padding:35px 20px}.section-head{max-width:780px}.section-head h2{font-size:clamp(36px,4vw,54px)}.steps{align-items:stretch}.step{position:relative;overflow:hidden;min-height:290px;padding:32px;display:flex;flex-direction:column}.step:first-child{padding-right:130px}.step-num{margin-bottom:35px}.step-art{position:absolute;right:-36px;top:35px;width:170px;max-width:none;transform:rotate(8deg)}.step:first-child h3,.step:first-child p{position:relative}.step h3{max-width:260px}.step p{margin-top:auto}.features{display:flex;flex-direction:column;gap:24px;padding-top:0;padding-bottom:100px}.feature-row,.feature-row:first-child{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:590px;padding:35px 50px;border-radius:28px;background:#f0e7ed;overflow:hidden}.feature-row:first-child{background:#eee8dc}.feature-row:nth-child(2){background:#600147;color:#faf8f2}.feature-row:nth-child(3){background:#eddfc6}.feature-row .feature-text,.feature-row:first-child .feature-text,.feature-row:not(:first-child) .feature-text{order:0;padding:0;max-width:490px}.feature-row .feature-picture,.feature-row:first-child .feature-picture,.feature-row:not(:first-child) .feature-picture{order:0;height:510px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;overflow:visible;border-radius:0}.feature-row.reverse .feature-picture{order:2}.feature-row .feature-picture img,.feature-row:first-child .feature-picture img,.feature-row:not(:first-child) .feature-picture img{width:100%;max-width:360px;max-height:510px;object-fit:contain;box-shadow:none;border-radius:0;margin:0;transform:none;height:auto}.feature-row:nth-child(3) .feature-picture img{max-width:450px;max-height:none}.feature-row h2,.feature-row:not(:first-child) h2{font-size:clamp(36px,3.6vw,50px);max-width:490px}.feature-row:nth-child(2) .feature-text p{color:#ead4e3}.feature-row:nth-child(2) .feature-text .eyebrow{color:#efb969}.feature-text p{font-size:18px;line-height:1.65}.privacy-band{padding:45px 64px}.privacy-screen{height:480px;margin:0;align-items:center}.privacy-screen img{width:100%;max-width:310px;transform:none;box-shadow:none;border-radius:0}.closing{background:#600147;color:#faf8f2}.closing p,.closing .note{color:#ead4e3}.closing .eyebrow{color:#efb969}.closing .download{background:#faf8f2;color:#250916}.closing:before,.closing:after{border-color:#ffffff17}.faq details{background:transparent;border-radius:0;border-width:0 0 1px;padding:25px 0;margin:0}.faq details:last-child{border-bottom:1px solid #25091620}.faq summary{font-size:18px}.faq details p{padding-bottom:0}
@media(max-width:1100px){.home-page .hero{padding:45px 40px;min-height:670px;gap:25px}.home-page .hero h1{font-size:57px}.home-page .hero-visual img{max-height:640px}.feature-row,.feature-row:first-child{gap:40px;padding:35px;min-height:540px}.feature-row .feature-picture,.feature-row:first-child .feature-picture,.feature-row:not(:first-child) .feature-picture{height:460px}.feature-row .feature-picture img,.feature-row:first-child .feature-picture img,.feature-row:not(:first-child) .feature-picture img{max-height:460px}.step:first-child{padding-right:90px}.step-art{width:130px;right:-30px;top:70px}}
@media(max-width:800px){.home-page .hero{padding:40px 30px;min-height:620px}.home-page .hero h1{font-size:45px}.home-page .hero .lead{font-size:17px}.home-page .hero-visual img{max-height:560px}.feature-row,.feature-row:first-child{gap:28px;padding:28px;min-height:480px}.feature-row .feature-picture,.feature-row:first-child .feature-picture,.feature-row:not(:first-child) .feature-picture{height:420px}.feature-row .feature-picture img,.feature-row:first-child .feature-picture img,.feature-row:not(:first-child) .feature-picture img{max-height:420px}.feature-row h2,.feature-row:not(:first-child) h2{font-size:36px}.feature-text p{font-size:17px}.step{padding:25px;min-height:310px}.step:first-child{padding-right:25px}.step-art{display:none}.privacy-screen{height:400px}}
@media(max-width:650px){.home-page header{padding:18px 24px;min-height:78px}.home-page .hero{display:flex;flex-direction:column;gap:12px;padding:38px 24px 28px;min-height:0;border-radius:0;margin:0}.home-page .hero h1{font-size:44px;line-height:1.09}.home-page .hero .eyebrow{font-size:13px}.home-page .hero .lead{font-size:17px;line-height:1.65}.home-page .hero-visual{margin:0 auto;padding:10px 0 0;min-height:0;max-width:400px}.home-page .hero-visual img{width:100%;max-width:350px;max-height:570px;height:auto;transform:none}.home-page .hero:before{right:-200px;top:380px;width:550px;height:550px}.step{min-height:0;padding:27px 25px}.step:first-child{padding-right:130px;min-height:270px}.step-art{display:block;width:165px;right:-40px;top:35px}.step p{margin-top:0}.step-num{margin-bottom:22px}.features{gap:18px;padding-bottom:65px}.feature-row,.feature-row:first-child{display:flex;flex-direction:column;gap:12px;min-height:0;padding:32px 27px 20px}.feature-row .feature-text,.feature-row:first-child .feature-text,.feature-row:not(:first-child) .feature-text{order:0;padding:0;max-width:none}.feature-row .feature-picture,.feature-row:first-child .feature-picture,.feature-row:not(:first-child) .feature-picture{order:1!important;height:auto;max-height:none;width:100%;padding:0}.feature-row .feature-picture img,.feature-row:first-child .feature-picture img,.feature-row:not(:first-child) .feature-picture img{max-width:290px;max-height:440px;transform:none;width:100%;height:auto}.feature-row:nth-child(3) .feature-picture img{max-width:350px;max-height:none}.feature-row h2,.feature-row:not(:first-child) h2{font-size:34px}.privacy-band{padding:35px 28px 0}.privacy-screen{height:auto;max-height:390px;width:100%;margin:0;padding:0;overflow:hidden}.privacy-screen img{width:100%;max-width:270px}.faq summary{font-size:17px}.closing h2{font-size:38px}}