@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--paper:#f8f0e1;--paper-white:#fffdf7;--ink:#1b2a44;--ink-soft:#55647c;--gold:#c99a54;--rule:#1b2a4429;--rule-strong:#1b2a4452;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 39px, var(--rule) 40px);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink)}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}p{color:var(--ink-soft)}.topbar{justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:26px 6% 22px;display:flex}.brand{align-items:center;display:flex}.brand img{width:auto;height:34px;display:block}nav{align-items:center;gap:30px;display:flex}nav a:not(.button){font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid #0000;padding-bottom:3px;font-size:12px;text-decoration:none}nav a:not(.button):hover{border-bottom-color:var(--gold)}.topbar-rule{max-width:1240px;margin:0 auto;padding:0 6%}.topbar-rule span{background:var(--ink);height:2px;display:block;position:relative}.topbar-rule span:after{content:"";background:var(--gold);width:3px;height:8px;position:absolute;top:-3px;right:-2px}.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button.small{padding:9px 16px}.button.secondary{color:var(--ink);border-color:var(--rule-strong);background:0 0}.button.secondary:hover{background:var(--paper-white);border-color:var(--ink);color:var(--ink)}.button.ghost{border-color:var(--ink);color:var(--ink);background:0 0}.full{width:100%}.hero{max-width:1180px;margin:auto;padding:80px 6% 90px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:28px;font-size:11px;font-weight:500;display:flex}.eyebrow:before{content:"";background:var(--gold);width:18px;height:2px;display:inline-block}h1{max-width:820px;margin:0 0 28px;font-size:clamp(40px,5.6vw,74px);font-weight:600;line-height:1.08}h1 em{color:var(--gold);font-style:normal}.hero-rule{border:none;border-top:2px solid var(--ink);max-width:620px;margin:0 0 32px;position:relative}.hero-rule:after{content:"";background:var(--gold);width:3px;height:8px;position:absolute;top:-3px;right:-3px}h2{margin:0 0 14px;font-size:28px;font-weight:600}h3{margin:0 0 8px;font-size:17px;font-weight:600}.hero>p{max-width:480px;margin:0 0 40px;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.text-link{border-bottom:1px solid var(--rule-strong);padding-bottom:2px;font-size:14px;text-decoration:none}.text-link:hover{border-bottom-color:var(--ink)}.section{max-width:1180px;margin:auto;padding:70px 6%}.section-head{border-top:1px solid var(--rule-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;padding-top:22px;display:flex}.section-head p{max-width:420px;margin:0}.pillars{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.pillar{border-top:2px solid var(--ink);padding-top:18px}.pillar span.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:11px;display:block}.template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;display:grid}.template-card{background:var(--paper-white);border:1px solid var(--rule-strong);border-top:3px solid var(--ink);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.template-card .thumb{aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--rule);width:100%;display:block}.template-card .body{flex-direction:column;flex:1;gap:14px;padding:24px 24px 26px;display:flex}.template-card .tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.template-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.template-card li{color:var(--ink-soft);padding-left:16px;font-size:13px;position:relative}.template-card li:before{content:"";background:var(--gold);width:8px;height:1px;position:absolute;top:8px;left:0}.price-row{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:14px;display:flex}.price{font-family:var(--font-mono);color:var(--ink);font-size:26px}.price-note{color:var(--ink-soft);font-size:12px}.card-actions{flex-direction:column;gap:10px;display:flex}.favorite-button{border:1px solid var(--rule-strong);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:0 0;border-radius:2px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:inline-flex}.favorite-button.saved{border-color:var(--gold);background:#c99a5424}.favorite-button[disabled]{opacity:.55}.narrow{max-width:460px;margin:auto;padding:60px 24px 90px}.narrow h1{max-width:none;font-size:42px}.narrow>p{margin-bottom:30px}.divider{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:22px 0;font-size:11px}label{margin-bottom:18px;font-size:13px;font-weight:600;display:block}input,textarea{border:1px solid var(--rule-strong);background:var(--paper-white);width:100%;color:var(--ink);border-radius:2px;margin-top:8px;padding:12px;display:block}small{color:var(--ink-soft);font-weight:400}.auth-options{flex-direction:column;gap:10px;margin-top:24px;display:flex}.link-button{color:var(--ink);text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px}.error{color:#7a2c1f;background:#f6e3da;border-radius:2px;padding:12px;font-size:14px}.success{color:var(--ink);background:#eef1e4;border-radius:2px;padding:12px;font-size:14px}.container{max-width:1120px;margin:auto;padding:60px 6% 100px}.container h1{font-size:52px}.workspace-grid{grid-template-columns:1fr;gap:24px;margin-top:30px;display:grid}.panel{background:var(--paper-white);border:1px solid var(--rule-strong);border-top:3px solid var(--ink);border-radius:2px;padding:28px}.favorite-row{border-top:1px solid var(--rule);align-items:center;gap:18px;padding:16px 0;display:flex}.favorite-row img{object-fit:cover;border-radius:2px;flex-shrink:0;width:64px;height:48px}.favorite-row .info{flex:1}.favorite-row .info p{margin:2px 0 0;font-size:13px}.orders{margin:24px 0}.order{border-top:1px solid var(--rule);justify-content:space-between;padding:15px 0;display:flex}.badge{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;background:#c99a542e;border-radius:20px;padding:3px 10px;font-size:11px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px;display:grid}footer{border-top:1px solid var(--rule-strong);max-width:1240px;color:var(--ink-soft);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:auto;padding:30px 6% 50px;font-size:12px;display:flex}footer a{color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong)}@media (max-width:780px){.pillars{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}}@media (max-width:640px){nav{gap:16px}.topbar{padding:22px 6% 18px}.hero{padding-top:56px}.actions{flex-direction:column;align-items:flex-start;gap:18px}.container h1{font-size:40px}footer{flex-direction:column}}