@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@400;500;600;700&display=swap');
:root{--cream:#f7f1e7;--paper:#fffdf8;--terracotta:#b9654f;--terracotta-dark:#8f4939;--sage:#a9b79e;--ink:#29252b;--line:#ddd3c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,sans-serif}.proof-bar{height:36px;display:grid;place-items:center;background:#cf8067;color:#fff;font-size:14px}.site-header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.wordmark{font:22px 'DM Serif Display',serif;letter-spacing:.04em;color:inherit;text-decoration:none}.site-header nav{display:flex;gap:42px}.site-header a{color:inherit;text-decoration:none}.utilities{display:flex;align-items:center;gap:22px;font-size:14px}.hero{max-width:1480px;margin:35px auto 0;padding:0 5vw 45px;display:grid;grid-template-columns:minmax(350px,.72fr) minmax(650px,1.45fr);gap:55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:13px;color:#77856f}.hero h1{font:76px/.94 'DM Serif Display',serif;margin:20px 0 18px;color:#3c2a25}.lede{font-size:18px;line-height:1.6;max-width:440px}.primary{border:0;background:var(--terracotta);color:#fff;min-height:58px;border-radius:14px;padding:0 26px;font:600 16px Manrope;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s}.primary:hover{background:var(--terracotta-dark);transform:translateY(-2px)}.hero-copy>.primary{width:300px;margin-top:34px}.text-link{display:inline-block;color:var(--terracotta-dark);font-weight:700;margin:18px 0 0 66px;text-underline-offset:6px}.customizer-card{background:var(--paper);border:1px solid rgba(100,80,60,.12);box-shadow:0 18px 45px rgba(67,53,40,.18);border-radius:24px;padding:30px 32px;position:relative;overflow:hidden}.customizer-top{display:flex;align-items:center;gap:18px}.customizer-top h2{font-size:22px;margin:0}.live{background:#eef1e8;border:1px solid #d6ddcc;border-radius:20px;padding:7px 12px;font-size:12px}.live i{display:inline-block;width:8px;height:8px;background:#82977a;border-radius:50%;margin-right:7px}.product-tabs{display:flex;width:42%;border-bottom:1px solid var(--line);margin:20px 0}.product-tabs button{flex:1;border:0;background:none;padding:14px 0;font:600 15px Manrope;color:#8c8884;border-bottom:3px solid transparent}.product-tabs button.active{color:var(--terracotta-dark);border-color:var(--terracotta)}.customizer-grid{display:grid;grid-template-columns:41% 59%;gap:22px}.dropzone{height:178px;border:1.5px dashed #cf8067;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fffaf6;cursor:pointer;text-align:center}.dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{font-size:42px;color:var(--terracotta)}.dropzone small{color:#777}.select-row{height:52px;border:1px solid var(--line);border-radius:11px;margin-top:10px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.select-row select{border:0;background:transparent;font:inherit;color:inherit}.adjustments{margin:10px 0;padding:10px;border-radius:11px;background:#f3ece2;font-size:11px}.adjustments label{display:flex;gap:8px;align-items:center}.adjustments input{width:100%}.adjustments div{display:flex;justify-content:center;gap:5px;margin-top:8px}.adjustments button{width:29px;height:26px;border:1px solid var(--line);background:#fff;border-radius:6px}.choose{width:100%;justify-content:center;margin-top:10px}.choose:disabled{background:#9b918c}.preview-stage{text-align:center;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 0,#f5eee3 72%);border-radius:18px}.notebook{position:relative;width:275px;height:360px;transform:rotate(4deg);filter:drop-shadow(13px 17px 9px rgba(45,33,25,.2));transition:.25s}.cover{position:absolute;inset:0 0 0 11px;overflow:hidden;border-radius:3px 8px 8px 3px;background:#f4ede1;border:1px solid #d4c7b6}.artwork{position:absolute;inset:0;background:linear-gradient(145deg,#d6866e 0 32%,#f8f0e5 32% 62%,#a9b79e 62%);background-size:cover;background-position:center;display:grid;place-items:center;transform:translate(var(--art-x),var(--art-y)) scale(var(--art-scale));transition:.18s}.artwork:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#cb7058;top:-48px;right:-30px;opacity:.7}.artwork span{position:relative;font:28px/1.05 'DM Serif Display';color:#4d3028}.artwork.has-art span,.artwork.has-art:before{display:none}.pages{position:absolute;z-index:-1;inset:5px -7px -7px 18px;background:repeating-linear-gradient(90deg,#f8f5ec 0 2px,#ded6ca 3px 4px);border-radius:0 7px 7px 0}.coil{position:absolute;z-index:5;left:-13px;top:8px;height:344px;display:flex;flex-direction:column;justify-content:space-around}.coil span{display:block;width:38px;height:12px;border:4px solid #111;border-left-width:6px;border-radius:8px}.round-holes{position:absolute;z-index:4;left:9px;top:8px;height:344px;display:flex;flex-direction:column;justify-content:space-around}.round-holes i{display:block;width:9px;height:9px;border-radius:50%;background:#171717;box-shadow:inset 1px 1px 2px #000}.card-mode{height:330px;width:260px;transform:rotate(1deg)}.card-mode .coil,.card-mode .round-holes{display:none}.card-mode .cover{inset:0;box-shadow:10px 9px 0 #e7dfd4}.preview-stage>p{font-size:11px;margin-top:20px}.swatches{display:flex;gap:12px}.swatches i{width:25px;height:25px;border-radius:50%;background:var(--terracotta)}.swatches i:nth-child(2){background:var(--sage)}.swatches i:nth-child(3){background:#e7b19e}.trust-strip{max-width:1380px;margin:0 auto 90px;padding:32px 6%;background:rgba(255,253,248,.7);border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip span{font-size:18px;text-align:center;border-right:1px solid var(--line)}.trust-strip span:last-child{border:0}.how{padding:100px 5vw;max-width:1300px;margin:auto}.how h2{font:58px 'DM Serif Display';margin:8px 0 45px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-grid article{background:var(--paper);padding:30px;border-radius:18px;border:1px solid var(--line)}.how-grid b{color:var(--terracotta);font-size:13px}.how-grid h3{font:28px 'DM Serif Display'}footer{padding:35px 5vw;background:#302823;color:#fff;display:flex;justify-content:space-between}@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>.primary{margin-left:auto;margin-right:auto}.text-link{margin-left:0}.customizer-grid{grid-template-columns:1fr}.product-tabs{width:100%}.preview-stage{min-height:500px}}@media(max-width:620px){.proof-bar{font-size:11px}.site-header{height:76px}.wordmark{font-size:17px}.utilities a:not(:last-child){display:none}.hero{padding:0 18px}.hero h1{font-size:52px}.customizer-card{padding:22px 15px}.customizer-top{flex-wrap:wrap}.notebook{transform:scale(.85) rotate(4deg)}.trust-strip,.how-grid{grid-template-columns:1fr}.trust-strip span{border-right:0;border-bottom:1px solid var(--line);padding:18px}.how{padding:70px 20px}}