@font-face{font-family:Anton;src:url('/fonts/Anton-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1d294b;background:#faf9f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{height:88px;padding:0 6%;border-bottom:1px solid #e3e1db;background:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand span{color:#c8a34d}.brand-icon{height:45px;width:42px;background:url('/assets/lookbook-logo.png') -20px -12px/82px no-repeat}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{text-decoration:none}.button{display:inline-block;background:#1d294b;color:white;text-decoration:none;padding:16px 23px;border:1px solid #1d294b;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer}.button.gold{background:#c8a34d;color:#16213d;border-color:#c8a34d}.button.outline{background:transparent;color:#1d294b;border-color:#c8cbd3}.hero{padding:80px 6% 65px;display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;min-height:660px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#7c652e;margin-bottom:25px}.hero h1{font-size:clamp(45px,5vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:800;margin:0 0 27px}.hero h1 em{font-style:normal;color:#a47d23}.hero p{font-size:17px;line-height:1.75;color:#636b7b;max-width:490px}.actions{display:flex;gap:12px;margin:30px 0 18px;flex-wrap:wrap}.note{font-size:11px!important;color:#727989!important}.preview{background:#e6e3dc;padding:25px 22px;transform:rotate(-2deg);border:1px solid #d5d0c4;border-radius:4px;box-shadow:20px 25px 45px #1d294b18}.preview img{width:100%;display:block}.preview-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;margin-bottom:15px}.stats{display:flex;justify-content:space-around;gap:24px;padding:30px 6%;background:#1d294b;color:white}.stats strong{font-family:Anton,Arial;font-weight:400;font-size:33px;display:block;margin-bottom:5px}.stats span{font-size:11px;color:#d5d8e0}.section{padding:85px 6%}.section h2{font-size:40px;letter-spacing:-.04em;line-height:1.1;margin:0 0 32px;max-width:650px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{border-top:1px solid #cac5b6;padding-top:20px}.step b{font-size:11px;color:#9b7e36}.step h3{font-size:22px;margin:22px 0 13px;letter-spacing:-.02em}.step p,.feature p{font-size:14px;line-height:1.8;color:#6b7180}.features{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature{padding:35px;border:1px solid #ddd9ce;border-radius:8px;background:white}.feature h3{font-size:24px;letter-spacing:-.03em;margin-top:0}.feature .type-sample{font-family:Anton,Arial;font-size:54px;background:#dfd5fa;color:#171c2b;padding:20px;margin-bottom:22px}.feature .sample-colors{display:flex;height:80px;gap:8px;margin-bottom:28px}.sample-colors span{flex:1;background:#ff625b}.sample-colors span:nth-child(2){background:#cfc1ff}.sample-colors span:nth-child(3){background:#f2ce1b}.sample-colors span:nth-child(4){background:#1d294b}.cta{background:#ece8dc;border-radius:12px;padding:55px;text-align:center}.cta h2{max-width:none;margin-bottom:18px}.cta p{color:#666e80;font-size:15px;line-height:1.8;max-width:650px;margin:0 auto 25px}footer{border-top:1px solid #dedbd2;padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#727989}footer a{margin-left:16px}.beta{font-size:9px;border:1px solid #d9c489;color:#8b6b23;padding:5px 8px;border-radius:4px;letter-spacing:.12em;background:#fff9e8}.legal{max-width:850px;margin:60px auto;padding:0 25px;line-height:1.8}.legal h1{letter-spacing:-.04em}.legal h2{margin-top:30px;font-size:21px}@media(max-width:760px){header{height:75px}nav>a:not(.button){display:none}nav{gap:10px}.brand{font-size:23px}.brand-icon{display:none}.hero{padding:45px 6%;grid-template-columns:1fr;gap:35px}.hero h1{font-size:51px}.hero p{font-size:15px}.steps,.features{grid-template-columns:1fr}.section{padding:55px 6%}.section h2{font-size:33px}.stats{flex-wrap:wrap;justify-content:start;gap:28px}.stats>div{width:40%}.cta{padding:35px 20px}footer{flex-direction:column}.preview{transform:none}nav .button{padding:12px 14px}}
.preview img{height:auto}