@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@400;600;700;800&family=Sacramento&display=swap');
:root{--red:#ff0000;--cream:#f7f4f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#090909;background:var(--cream)}a{color:inherit;text-decoration:none}.paper{background:var(--cream) url("https://media.base44.com/images/public/6ab43eb41ef5391630632e90/2c3e284b2_generated_image.png") center/cover}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:12px clamp(16px,4vw,65px);background:#f7f4f0f5;border-bottom:1px solid #ddd;backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:4px;font-family:Georgia,serif;font-style:italic;font-size:35px;font-weight:bold}.brand-mark{position:relative;font-weight:900;font-size:48px;color:#111}.red-ring{position:absolute;inset:11px -5px 7px -3px;border:5px solid #f00;border-left-color:transparent;border-radius:50%;transform:rotate(-30deg)}.tagline{font-size:10px;letter-spacing:2px;color:#555;margin-right:auto}.heart,.steps span{color:red}.topbar nav{display:flex;gap:22px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.cta{display:inline-block;background:red;color:white;font-weight:800;padding:16px 28px;border-radius:28px;box-shadow:0 10px 24px #f002;white-space:nowrap}.cta:hover{background:#cf0000;transform:translateY(-2px)}.cta.small{padding:12px 17px;font-size:12px}.panel{position:relative;overflow:hidden;isolation:isolate;min-height:680px;padding:65px clamp(20px,6vw,100px);display:flex;align-items:center}.panel.black{background:#050505;color:white}.hero-art,.roses,.matches-art{position:absolute;z-index:-1;pointer-events:none}.hero-art{right:0;top:0;width:70%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(90deg,transparent 18%,#000 75%)}.roses{right:-7%;bottom:0;width:60%;height:100%;object-fit:cover;opacity:.32}.matches-art{right:-4%;top:-12%;width:45%;opacity:.5}.hero-inner,.split{width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.hero-inner{grid-template-columns:.85fr 1.15fr}.hero-logo{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}.hero-b{font-size:clamp(140px,23vw,320px);font-weight:900;color:#060606;text-shadow:11px 11px 0 #f00;font-style:italic}.hero-word{font-size:clamp(60px,8vw,110px);font-family:Georgia,serif;font-style:italic;margin-top:-65px}.hero-logo small{font-size:12px;letter-spacing:3px;margin-top:10px}.hero-copy{padding-left:5vw;border-left:1px solid #ddd}.hero h1{font-size:clamp(60px,8vw,125px);letter-spacing:-.07em;line-height:.9;margin:0 0 24px}.hero h1 em,.copy h2 em{color:red;font-style:normal}.hero p,.copy p{font-size:clamp(17px,1.6vw,22px);line-height:1.55;max-width:520px;margin:24px 0 35px}.copy h2{font-size:clamp(52px,6.4vw,100px);letter-spacing:-.065em;line-height:1.02;margin:0}.copy h2 i,.script{font-family:Georgia,serif;font-style:italic}.script{font-weight:400}.steps{letter-spacing:1px;font-size:11px;margin-top:36px;word-spacing:12px}.dark-steps{color:#111}.reverse .copy{order:2}.reverse .phone-standin{order:1}.phone-standin{display:flex;justify-content:center;align-items:center;min-height:450px}.device{width:280px;height:520px;border:9px solid #242424;border-radius:38px;box-shadow:0 25px 55px #0009;background:#f9f6f3;color:#111;overflow:hidden;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:20px}.dark-device{background:#171717;color:white}.notch{width:80px;height:15px;border-radius:20px;background:#242424}.device-title{font:italic bold 38px Georgia,serif}.sample-circle{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f7cd28,#f78218 45%,#bc1c24 70%);box-shadow:0 0 0 10px #fff}.device-text{font-size:21px;font-weight:bold}.swatches{display:flex;width:100%;gap:6px}.swatches span{height:45px;flex:1;background:#ea2b16}.swatches span:nth-child(2){background:#f7c736}.swatches span:nth-child(3){background:#ce466b}.swatches span:nth-child(4){background:#488d7c}.device small{color:#777;text-align:center;font-size:10px;margin-top:auto}.paint-row{width:100%;background:#292929;border-radius:12px;padding:14px;display:flex;justify-content:space-between;font-size:12px}.paint-row span{color:#ff5454}.palette-image{height:160px;width:100%;background:linear-gradient(135deg,#f9df1e 20%,#a83c67 45%,#2a598a 70%,#ffa826)}footer{padding:45px 6vw;display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer div:nth-child(2){display:flex;gap:22px;text-transform:uppercase;font-size:12px}.footer-logo{font:italic bold 48px Georgia,serif}.footer-logo span{color:red}footer small{color:#555}@media(max-width:900px){.topbar nav,.tagline{display:none}.panel{padding:55px 24px;min-height:auto}.hero-inner,.split{grid-template-columns:1fr;gap:30px}.hero-copy{padding-left:0;border:0;text-align:center}.hero-logo{margin:0 auto}.hero-b{font-size:160px}.hero-word{font-size:70px;margin-top:-40px}.hero h1{font-size:clamp(60px,15vw,90px)}.copy h2{font-size:clamp(48px,11vw,72px)}.reverse .copy{order:1}.reverse .phone-standin{order:2}.phone-standin{min-height:400px}.device{transform:scale(.85);margin:-32px 0}.roses{width:100%;opacity:.17}.hero-art{width:100%;opacity:.24}.matches-art{width:75%;opacity:.2}.steps{word-spacing:3px}footer{justify-content:center;text-align:center}}
/* Approved original bryla image, used unchanged in every brand position. */
.approved-logo{display:block;object-fit:contain;height:auto}.header-logo{width:112px;max-height:65px}.hero-approved-logo{width:min(100%,430px);max-height:430px}.footer-approved-logo{width:130px;max-height:130px}.hero-logo{min-width:0}.brand{line-height:1}.topbar .brand{flex-shrink:0}@media(max-width:900px){.header-logo{width:90px;max-height:55px}.hero-approved-logo{width:min(78vw,330px);max-height:330px}}

/* Fonts recovered from bryla's original design system. */
body,.topbar nav,.cta,.tagline,.steps{font-family:'Inter',system-ui,sans-serif}.hero h1,.copy h2{font-family:'Playfair Display',Georgia,serif}.copy h2 i,.copy .script{font-family:'Sacramento',cursive;font-style:normal}.hero h1{font-weight:700}.copy h2{font-weight:700}.brand-name,.footer-logo{font-family:'Playfair Display',Georgia,serif}

/* Keep each original full-size app screenshot intact. No fake phone, crop, masking or recoloring. */
.original-app-screen{display:block;width:min(100%,360px);height:auto;aspect-ratio:709 / 1536;object-fit:contain;box-shadow:0 26px 52px rgba(0,0,0,.26);border-radius:12px}.phone-standin{min-width:0}.reverse .original-app-screen{box-shadow:0 24px 55px rgba(0,0,0,.19)}@media(max-width:900px){.original-app-screen{width:min(78vw,360px);margin:auto}}

/* Real device chassis wrapped around the unaltered original screenshot pixels. */
.realistic-phone-frame{position:relative;width:min(100%,375px);padding:18px 9px 13px;border:3px solid #45494d;border-radius:48px;background:linear-gradient(100deg,#151718 0%,#3a3e42 6%,#08090a 15%,#0b0b0c 85%,#51555a 96%,#181a1d 100%);box-shadow:inset 0 0 0 2px #070809,inset 0 0 0 4px #72767a,0 30px 55px rgba(0,0,0,.32),5px 5px 0 rgba(0,0,0,.05);isolation:isolate}
.realistic-phone-frame:before{content:"";position:absolute;left:-6px;top:20%;height:48px;width:3px;border-radius:2px 0 0 2px;background:#45484c;box-shadow:0 72px 0 #45484c,0 125px 0 #45484c}
.realistic-phone-frame:after{content:"";position:absolute;right:-6px;top:26%;height:84px;width:3px;border-radius:0 2px 2px 0;background:#45484c}
.phone-speaker{height:7px;width:61px;border-radius:12px;background:#050606;margin:0 auto 10px;box-shadow:0 1px 1px #60646a}
.realistic-phone-frame .original-app-screen{width:100%;height:auto;aspect-ratio:auto;display:block;border-radius:30px;box-shadow:none;object-fit:contain}
@media(max-width:900px){.realistic-phone-frame{width:min(78vw,375px)}.realistic-phone-frame .original-app-screen{width:100%;margin:0}}