*{box-sizing:border-box}body{margin:0;background:#fafaf7;color:#20392e;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}a.btn,button{cursor:pointer}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #d5dbd2;background:white;font-weight:600;color:#254535;border-radius:8px;text-decoration:none}.btn:hover,button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}.btn svg,button svg{width:17px;height:17px}.primary{background:#214c37;color:white;border-color:#214c37}.shell{display:grid;grid-template-columns:215px 1fr;min-height:100vh}.shell>main{min-width:0}.brand{display:flex;align-items:center;gap:8px;font-size:28px;letter-spacing:-1.7px;color:#173c2b}.brand span{color:#83a763;margin-left:-8px}.brand svg{stroke-width:2.5}.shell aside{padding:30px 17px 20px;border-right:1px solid #dce1d8;background:#f3f5ee;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.shell aside .brand{margin:0 9px}.caption,.kicker,.print-tag,.workspace{font:700 10px/1.4 ui-monospace,monospace;letter-spacing:1.7px}.workspace{margin:52px 12px 13px;color:#738175}.nav{justify-content:flex-start;background:none;border:none;font-size:14px;color:#637268;padding:13px 14px;margin-bottom:4px}.nav.active{background:#dfe8d8;color:#204b33}.sidebar-foot{margin:auto 8px 0;border-top:1px solid #d8dfd4;padding:21px 0 0;font-size:13px;font-weight:600}.sidebar-foot small{display:block;font-weight:400;color:#667668;margin:7px 0 0 15px}.badge span,.free i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#699660;margin-right:6px}header{height:64px;border-bottom:1px solid #e1e4dc;background:#fdfdf9;gap:10px;padding:0 5%;font-size:12px}header,header>span{display:flex;align-items:center}header>span{gap:12px;color:#6c786e}header b{color:#334b3d}.free{margin-left:auto;border:1px solid #ccd9c5;background:#eff4e9;border-radius:20px;padding:5px 10px;font-weight:600}.content{max-width:1310px;margin:auto;padding:34px 5% 60px}.kicker{color:#647964;font-size:10px}.row,.titlebar{display:flex;align-items:center;justify-content:space-between;gap:15px}.titlebar{margin-bottom:22px}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,3.1vw,48px);letter-spacing:-1.9px;margin:5px 0 17px;line-height:1.05}.titlebar h1{margin-bottom:0}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #d1dcc6;border-radius:16px;overflow:hidden;background:#eaf0dd;min-height:290px}.hero-copy{padding:32px 0 32px 34px;z-index:1}.badge{display:inline-flex;align-items:center;background:#f4f7eb;color:#385740;border:1px solid #becbb0;border-radius:20px;padding:5px 9px;font:700 9px ui-monospace,monospace;letter-spacing:1.35px}.hero h2{font:normal clamp(40px,4.1vw,65px)/.99 Georgia,serif;letter-spacing:-2.6px;margin:18px 0 12px;color:#1e4330}.hero h2 em{color:#547a4e}.content>p,.hero p,.panel p,.step p{color:#546558;line-height:1.5}.hero button{margin-top:17px;background:#fffef6;border-color:#b5c4a8}.art{position:relative;min-height:280px;display:grid;place-items:center}.dotfield{position:absolute;inset:0;background-image:radial-gradient(#a7b89c 1px,transparent 0);background-size:12px 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}.backcard,.frontcard{width:min(78%,340px);aspect-ratio:1.65;position:absolute;transform:rotate(-9deg);border-radius:12px}.frontcard{filter:drop-shadow(0 14px 11px #24351c30)}.backcard{transform:translate(10px,13px) rotate(6deg);background:repeating-linear-gradient(145deg,#c5d6a8 0 5px,#b2c596 6px 7px);border:1px solid #aaba96}.caption{position:absolute;bottom:18px;right:22px;display:flex;align-items:center;gap:8px;font-size:8px;color:#566b4f}.caption span{width:28px;height:1px;background:#788770}.print{width:100%;height:100%;position:relative;color:#f6f3d8;border-radius:10px;overflow:hidden;background:#224d38;container-type:inline-size}.print-top{position:absolute;top:12%;left:8%;display:flex;align-items:center;gap:6px;font:600 3.1cqw ui-monospace,monospace;letter-spacing:.15em}.tinylogo{font-size:7cqw;line-height:1}.print-name{position:absolute;bottom:20%;left:8%;font:normal 10cqw/1 Georgia,serif;letter-spacing:-.04em}.print-name small{display:block;font:normal 3.5cqw Arial,sans-serif;letter-spacing:.02em;margin-top:6px}.print-tag{position:absolute;bottom:7%;left:8%;font-size:2cqw;letter-spacing:.18em}.lineart{position:absolute;inset:0;overflow:hidden}.lineart i{position:absolute;bottom:-42%;right:-22%;border:1px solid #b5d4a657;transform:rotate(-28deg);border-radius:50%}.clay{--accent:#94533b}.indigo{--accent:#4a4f79}.sage{--accent:#224d38}.print{background:var(--accent)}.section{margin-top:30px}.panel h2,.section h2{font-size:23px;letter-spacing:-.8px;margin:5px 0 15px}.gallery,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery button,.panel,.step{border-radius:12px;border:1px solid #dce1d6;background:#fffefa}.step{padding:17px}.step>div{display:flex;align-items:center;justify-content:space-between}.step i{display:grid;place-items:center;width:37px;height:37px;background:#edf2e5;color:#4d6b45;border-radius:9px}.step small{font:12px ui-monospace,monospace;color:#71836d}.step h3{font-size:16px;margin:13px 0 4px;letter-spacing:-.4px}.step p{font-size:13px}.textbtn{border:0;background:none;padding:0}.gallery button{display:block;overflow:hidden;padding:0;text-align:left}.sample-bg,.showcase{background:#e3eadb;padding:22px 13%;display:grid;place-items:center}.sample-bg .print,.showcase .print{aspect-ratio:1.65;transform:rotate(-5deg);box-shadow:0 6px 10px #20392823}.bg1{background:#f2e5d9}.bg2{background:#e2e4ee}.gallery button>span{display:flex;justify-content:space-between;padding:13px 15px}.showcase{max-width:440px;margin:20px 0;border-radius:14px}.panel{padding:26px;margin:18px 0}.narrow{max-width:510px}.actions,.seg{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.seg{margin:10px 0 20px}.selected{background:#e3eddc;border-color:#6c8a61}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:grid;gap:6px;font-weight:600;margin:12px 0}input,select{width:100%;padding:11px 12px;border:1px solid #c8d1c4;border-radius:6px;background:white;color:#1e3a2a}.hint{font-size:12px;margin-bottom:24px}.profile{max-width:430px;background:#fff;border:1px solid #d3dace;border-radius:18px;overflow:hidden;text-align:center;padding:0 20px 24px;margin:18px 0}.stripe{height:78px;background:repeating-radial-gradient(ellipse at 100% 150%,transparent 0 12px,#ffffff22 13px 14px),var(--accent);margin:0 -20px}.avatar{width:72px;height:72px;background:#ecf0e7;color:var(--accent);border:4px solid white;border-radius:18px;display:grid;place-items:center;font:36px Georgia;margin:-32px auto 12px;position:relative;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile h2{font:32px Georgia;margin-bottom:6px}.profile p{margin:12px 0;color:#617063}.profile .primary{background:var(--accent)}.contacts{display:grid;gap:8px;margin-top:14px}.contacts a,.contacts button{display:flex;align-items:center;justify-content:flex-start;gap:12px;border:1px solid #e0e5dc;text-decoration:none;color:inherit;padding:11px;border-radius:7px;overflow-wrap:anywhere}.contacts svg{width:17px;flex-shrink:0}.public{max-width:450px;padding:25px 15px;margin:auto}.public>a{color:#35583e}.qr{max-width:100%}.alert,.toast{padding:13px;background:#e1eedb;border-radius:7px;margin-bottom:12px}.alert{background:#f9e7dc;color:#813a25}.mobilemenu{display:none}@media(min-width:1450px){.hero{min-height:350px}}@media(max-width:950px){.shell{grid-template-columns:165px 1fr}.shell aside{padding-left:10px;padding-right:10px}.content{padding:24px 4%}.hero-copy{padding-left:23px}.steps{gap:8px}.step{padding:12px}.hero{grid-template-columns:1.03fr 1fr}}@media(max-width:700px){.shell{display:block}.shell aside{display:none}.shell aside.on{display:flex;position:fixed;z-index:5;top:55px;bottom:0;width:220px;height:calc(100dvh - 55px);box-shadow:12px 10px 30px #21372a22}.mobilemenu{display:flex;padding:5px;border:0;background:transparent}header{height:55px}.content{padding:22px 16px}.hero{grid-template-columns:1fr}.hero-copy{padding:23px 22px 0}.hero h2{font-size:47px}.art{min-height:195px}.backcard,.frontcard{width:210px}.caption{bottom:7px;font-size:6px}.hero p br{display:none}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:42px 1fr;column-gap:8px;padding:12px}.step>div{grid-row:1/3}.step small{display:none}.step h3,.step p{margin:0}.gallery{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.panel{padding:18px}.titlebar .primary{padding:10px}.brand{font-size:25px}}.panel details{margin:18px 0;border-top:1px solid #dde2dc;padding-top:14px}.panel summary{cursor:pointer;font-weight:700}.panel details .fields{margin:14px 0}.pb-brand{display:inline-flex;align-items:center;gap:9px;color:#143e36;text-align:left}.pb-brand img{display:block;flex:none}.pb-brand small,.pb-brand strong{display:block}.pb-brand strong{font-size:26px;line-height:1.05;letter-spacing:-1.3px}.pb-brand small{margin-top:3px;font-size:11px;line-height:1.2;letter-spacing:.02em;color:#446156}.public>.pb-brand{margin-bottom:14px}.panel>.pb-brand{display:flex;margin-top:15px}