@font-face{font-family:LiaSignature;src:url('/fonts/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
.nav .logo .brand-signature{font-family:LiaSignature,cursive;font-weight:600;font-size:36px;letter-spacing:-1px;margin:0;vertical-align:middle;line-height:1}
@media(max-width:760px){.nav .logo .brand-signature{font-size:29px}}
:root{--cream:#f4eee5;--red:#b43238}.signature-intro[hidden]{display:none}.signature-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--cream);color:var(--red);transition:opacity .6s,transform 1.1s cubic-bezier(.2,.7,.2,1);overflow:hidden}.signature-intro::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#d7c7b72e);box-shadow:inset 0 0 170px #c7b09b22}.intro-active{overflow:hidden}.signature-wrap{width:min(800px,85vw);transform:rotate(-5deg);position:relative}.signature-svg{width:100%;overflow:visible}.signature-svg text{font-family:LiaSignature,cursive;font-size:155px;font-weight:600;letter-spacing:-4px;fill:var(--red)}.signature-reveal{transform:scaleX(0);transform-origin:left}.signature-underline{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.playing .signature-reveal{animation:write-signature 2.1s cubic-bezier(.45,.05,.2,.98) forwards}.playing .signature-underline{animation:signature-line .75s ease 1.9s forwards}.intro-caption{font-size:9px;letter-spacing:3.2px;text-align:center;transform:rotate(5deg);color:#95756a;opacity:0}.playing .intro-caption{animation:caption-in .6s ease 2.2s forwards}.intro-corner,.intro-count{position:absolute;font-size:9px;letter-spacing:2px;color:#a58c7e}.intro-corner{top:40px;left:5%}.intro-count{bottom:40px;left:5%}.intro-skip{position:absolute;right:5%;bottom:32px;border:1px solid #b4323830;border-radius:30px;background:none;color:var(--red);padding:12px 22px;font-size:11px}.signature-intro.closing{opacity:0;transform:scale(1.06);pointer-events:none}@keyframes write-signature{to{transform:scaleX(1)}}@keyframes signature-line{to{stroke-dashoffset:0}}@keyframes caption-in{to{opacity:1}}
.nav{background:#f4eee5ed;color:#352e2a;border-color:#d6cabe77}.nav .logo{color:var(--red)}.nav nav{color:#75685e}.nav nav a:hover{color:var(--red)}.nav-cta{border-color:#b4323833;color:var(--red)}.menu-toggle{color:var(--red)}.device-hero{height:270svh;max-height:none;min-height:0;background:var(--cream);overflow:visible;color:#362e2a}.hero-stage{position:sticky;top:0;height:100svh;min-height:610px;overflow:hidden}.device-hero .hero-glow{background:radial-gradient(ellipse at 78% 70%,#dccbb666,transparent 50%)}.device-hero #hero-canvas{left:40%;top:0;width:60%;height:100%;z-index:1}.device-hero .hero-copy{padding:18svh 0 0 7%;max-width:49%;pointer-events:none;position:relative}.device-hero h1{font-size:clamp(52px,5.4vw,84px);font-weight:500;max-width:590px;margin-bottom:24px;color:#332b26}.device-hero .eyebrow{color:#a2695c;font-size:9px}.device-hero .live-dot{background:var(--red);box-shadow:none}.device-hero .hero-description{color:#8b7a70;font-size:16px;max-width:380px;margin-bottom:28px}.device-hero .light{background:var(--red);color:#fff}.device-hero .text-link{color:#8a6758}.device-hero .actions{gap:20px}.story-caption{margin-top:60px;border-left:1px solid #b4323844;padding-left:20px}.story-caption>span{font-size:8px;color:var(--red);letter-spacing:2px}.story-caption p{font-size:22px;letter-spacing:-.7px;margin:12px 0 7px}.story-caption small{font-size:11px;color:#9b8678}.device-hero .hero-bottom{color:#9c8073;text-shadow:none;bottom:35px;align-items:center}.intro-replay{background:none;border:0;padding:0;color:var(--red);font-size:9px;letter-spacing:.3px}.scroll-hint{font-size:8px;letter-spacing:1.7px}.story-progress{width:90px;height:2px;background:#d9c7b8}.story-progress span{display:block;height:100%;background:var(--red);transform:scaleX(var(--story-progress,0));transform-origin:left}.device-fallback{position:absolute;width:52%;right:4%;top:35%;z-index:1}.device-fallback[hidden]{display:none}.device-fallback img{border-radius:20px;box-shadow:0 25px 65px #6b53452b}.screen-showcase{background:#f0e8de;padding:90px 8% 75px;overflow:hidden}.screen-showcase .section-top{margin-bottom:30px}.screen-showcase h2 span{color:#ac8878}.screen-tabs{display:flex;justify-content:center;gap:10px;margin:25px auto 35px;flex-wrap:wrap}.screen-tab{border:1px solid #ccb9a966;padding:10px 20px;border-radius:25px;background:none;color:#998273;font-size:11px}.screen-tab.active{background:var(--red);border-color:var(--red);color:white}.screen-panel[hidden]{display:none}.screen-panel{max-width:1060px;margin:auto}.screen-devices{display:flex;align-items:end;justify-content:center;padding:35px 20px 0;position:relative;min-height:440px}.preview-desktop{width:76%;position:relative;transform:perspective(1400px) rotateY(-7deg);filter:drop-shadow(0 28px 25px #58423720)}.preview-chrome{background:#27262a;border:9px solid #27262a;border-bottom:17px solid #27262a;border-radius:15px 15px 6px 6px;overflow:hidden}.preview-topbar{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;color:#848089;font-size:8px}.preview-topbar i{width:5px;height:5px;background:#69626d;border-radius:50%}.preview-topbar span{margin:auto}.preview-web-screen{height:325px;overflow:hidden;background:#faf7f3}.preview-web-screen img{width:100%;height:100%;object-fit:cover}.preview-base{height:12px;width:110%;margin-left:-5%;background:linear-gradient(#bcb8b6,#dbd5ce);border-radius:3px 3px 50% 50%}.preview-base::after{content:'';display:block;margin:auto;width:14%;height:4px;background:#aaa3a0;border-radius:0 0 6px 6px}.preview-mobile{width:180px;height:358px;border:7px solid #302d31;border-radius:28px;background:#faf7f3;overflow:hidden;position:relative;margin-left:-55px;margin-bottom:-20px;z-index:2;transform:rotate(5deg);box-shadow:20px 25px 45px #4e342a22}.preview-island{width:58px;height:13px;border-radius:0 0 12px 12px;background:#302d31;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}.preview-mobile img{width:100%;height:100%;object-fit:cover;object-position:left}.mobile-screen-content{padding:30px 15px 15px;height:100%;background:#f5eee6}.mini-brand{font-size:20px;color:var(--red);font-weight:bold;letter-spacing:-2px}.mini-title{font-size:23px;letter-spacing:-1px;line-height:1.1;margin:24px 0 15px;font-weight:600}.mini-picture{height:95px;overflow:hidden;border-radius:10px;background:#e4d6c8}.mini-picture img{height:100%;object-fit:cover}.mini-line{height:6px;border-radius:5px;background:#ded1c6;margin-top:13px;width:85%}.mini-line.short{width:60%}.mini-cta{display:block;padding:10px;border-radius:20px;background:var(--red);color:white;font-size:9px;text-align:center;margin-top:22px}.screen-note{margin:55px auto 0;max-width:600px;text-align:center;color:#907765;font-size:13px;line-height:1.8}.screen-note small{display:block;margin-top:8px;letter-spacing:1px;font-size:8px;color:#ac9685}.screen-panel-title{color:#755947;font-size:22px;letter-spacing:-.5px;margin:0 0 8px}.service-copy .round-link{background:#fff5;color:var(--red)}
@media(max-width:1100px){.device-hero .hero-copy{max-width:51%;padding-top:16svh}.device-hero h1{font-size:60px}.device-hero .hero-description{font-size:14px;max-width:320px}.device-hero .actions{flex-wrap:wrap;gap:14px}.story-caption{margin-top:35px}.story-caption p{font-size:19px}}
@media(max-width:760px){.nav nav{background:var(--cream);border-color:#d4bbaa}.device-hero{height:260svh}.hero-stage{min-height:650px}.device-hero #hero-canvas{left:0;top:auto;bottom:34px;width:100%;height:49%}.device-hero .hero-copy{padding:65px 7% 0;max-width:100%}.device-hero h1{font-size:clamp(42px,8vw,61px);max-width:520px;margin-bottom:14px}.device-hero .hero-description{font-size:13px;max-width:390px;line-height:1.6;margin-bottom:18px}.device-hero .eyebrow{font-size:8px;margin-bottom:18px}.device-hero .button{font-size:10px;padding:11px 17px}.device-hero .actions{gap:17px}.story-caption{margin-top:23px;padding-left:13px}.story-caption p{font-size:16px;margin:7px 0 4px}.story-caption small{font-size:10px}.device-hero .hero-bottom{bottom:23px;left:7%;right:7%;gap:10px}.scroll-hint{font-size:6px;letter-spacing:.8px}.intro-replay{font-size:7px}.story-progress{display:none}.signature-svg text{font-size:150px}.intro-caption{font-size:7px;letter-spacing:1.7px}.intro-corner,.intro-count{font-size:7px}.intro-skip{font-size:9px;padding:10px 15px}.screen-showcase{padding:65px 6%}.screen-devices{min-height:300px;padding:20px 0 0}.preview-desktop{width:85%}.preview-web-screen{height:210px}.preview-mobile{width:125px;height:250px;border-width:5px;border-radius:20px;margin-left:-75px;margin-bottom:-30px}.preview-chrome{border-width:6px}.preview-topbar{height:17px;font-size:6px}.preview-island{width:40px;height:9px}.mobile-screen-content{padding:20px 10px}.mini-brand{font-size:16px}.mini-title{font-size:18px;margin:15px 0 12px}.mini-picture{height:65px}.mini-line{margin-top:9px;height:4px}.mini-cta{margin-top:14px;font-size:6px;padding:7px}.screen-note{margin-top:55px;font-size:12px}.screen-tabs{gap:7px}.screen-tab{font-size:10px;padding:8px 13px}.device-fallback{width:88%;right:6%;top:56%}}
@media(max-width:400px){.device-hero .hero-copy{padding-top:52px}.device-hero h1{font-size:42px}.device-hero .hero-description{max-width:310px}.story-caption{margin-top:18px}.device-hero #hero-canvas{height:44%;bottom:38px}.screen-devices{min-height:245px}.preview-web-screen{height:165px}.preview-mobile{height:225px;width:113px}.preview-topbar{font-size:5px}.mini-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.signature-intro{display:none!important}.device-hero{height:100svh}.hero-stage{position:relative}.story-caption{display:none}.scroll-hint{display:none}}
