@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f8f5ed;--ink:#23291f;--orange:#ee5b2b;--lime:#dce998;--line:#d8dacd;--muted:#636b5d;--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.top{max-width:1600px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;width:167px;background:var(--ink);padding:12px 15px;border-radius:2px}.brand img{width:100%;height:auto;display:block}.top-label,.eyebrow,.step,.photo-credit,.entry-offer>span,.member-card span,.aside-copy>span{font-size:10px;letter-spacing:1.7px;font-weight:700}.quiet{border:0;background:none;padding:8px 0;font-size:12px;text-align:left}.quiet span{font-weight:700}.entry{display:grid;grid-template-columns:1.1fr 1fr;max-width:1440px;margin:auto;min-height:790px}.editorial{padding:45px 8% 15px;position:relative;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:9px}.dot{background:var(--orange);width:8px;height:8px;border-radius:50%;display:inline-block}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-2px;line-height:1.03;margin:0}h1{font-size:clamp(52px,5.2vw,78px);margin-top:27px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:14px;margin:22px 0;color:var(--muted);line-height:1.7}.cover-scene{height:385px;position:relative;margin-top:12px;display:flex;align-items:center;justify-content:center}.orbit{width:340px;height:290px;background:var(--lime);position:absolute;border-radius:48% 52% 58% 42%;transform:rotate(-18deg)}.floating-cover{width:205px;position:relative;transform:rotate(-8deg);box-shadow:17px 22px 24px #202b2438;animation:float 7s ease-in-out infinite}.scribble{position:absolute;top:5px;right:13px;font-size:115px;line-height:1;color:var(--orange);transform:rotate(13deg);font-family:Georgia}.round-note{position:absolute;bottom:18px;left:2px;background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:105px;height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;transform:rotate(-12deg);line-height:1.6}.hand-note{position:absolute;bottom:50px;right:0;transform:rotate(7deg);font:italic 18px/1.25 Georgia,serif}.photo-credit{font-size:9px;letter-spacing:.5px;color:var(--muted);margin-top:20px}.entry-right{padding:35px 8% 30px 6%;border-left:1px solid var(--line);background:#efeee5}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px 33px}.step{color:var(--muted);font-size:9px}.form-card h2{font-size:42px;margin:18px 0 15px}.muted{color:var(--muted)}.segmented{display:flex;background:#eeeee4;border-radius:10px;padding:4px;margin:22px 0;gap:3px}.segmented button{flex:1;border:0;background:transparent;padding:10px 6px;border-radius:7px;font-size:12px}.segmented .selected{background:var(--ink);color:white}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input:not([type=checkbox]):not([type=file]),textarea,select{display:block;background:transparent;border:1px solid #bec3b5;border-radius:8px;color:var(--ink);padding:12px 13px;width:100%;margin-top:7px;min-height:46px}input::placeholder,textarea::placeholder{color:#7a8173;font-weight:400}input[readonly]{background:#eeeee7;color:#6f7766}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:65px!important}.password-wrap button{position:absolute;right:12px;top:15px;border:0;background:none;font-size:11px}.button{border:0;border-radius:9px;padding:15px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;text-decoration:none;min-height:49px}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.wide{width:100%}.primary{background:var(--orange);color:white}.dark{background:var(--ink);color:white}.outline{border:1px solid var(--line);background:transparent}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6;font-size:11px}.check input{accent-color:var(--ink);width:16px;height:16px;flex:none;margin:2px 0 0}.forgot{display:block;margin:12px auto 0;border:0;background:none;font-size:11px;text-decoration:underline}.status{font-size:12px;line-height:1.5;min-height:0;margin:9px 0 0}.status:empty{display:none}.status.error{color:#a72d1a}.status.success{color:#335c2a}.entry-offer{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;position:relative}.entry-offer>span{font-size:9px;letter-spacing:1px}.entry-offer>strong{float:right;font:500 29px var(--display);letter-spacing:-1px}.entry-offer>strong small{font:400 10px var(--body);letter-spacing:0}.entry-offer p{font-size:12px;margin-bottom:0;margin-top:12px}.entry-offer p small{font-size:10px;color:var(--muted)}.tiny-note{text-align:center;font-size:9px;line-height:1.6;color:var(--muted);padding:15px 0 0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 5%;font-size:11px;gap:20px}footer>span{font-weight:700}footer small{font-weight:400}footer div{display:flex;gap:20px}footer a{text-decoration:none}.account{max-width:1240px;padding:45px 5% 70px;margin:auto}.account-intro{display:flex;justify-content:space-between;align-items:center;gap:50px}.account h1{font-size:68px;margin-top:17px}.account-intro>div>p{color:var(--muted);font-size:13px}.member-card{display:flex;width:360px;min-height:158px;overflow:hidden;background:var(--lime);border-radius:17px}.member-card img{width:115px;object-fit:cover}.member-card>div{padding:23px 20px}.member-card span{font-size:9px;letter-spacing:1px}.member-card strong{display:block;font:500 23px/1.15 var(--display);letter-spacing:-1px;margin-top:10px}.member-card p{font-size:11px;margin-bottom:0}.account-nav{display:flex;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0 35px;font-size:12px}.account-nav a{text-decoration:none}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px}.panel{padding:30px;border:1px solid var(--line);background:#fffdf7;border-radius:18px;margin-bottom:25px}.section-top{display:flex;gap:17px;margin-bottom:24px}.section-num{font:500 13px var(--display);padding-top:5px;color:var(--orange)}.section-top h2{font-size:33px;letter-spacing:-1.3px}.section-top p{color:var(--muted);font-size:12px;margin:10px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}label small{font-size:10px;color:var(--muted);font-weight:400}.shipping-check{margin:8px 0 25px}.price-line{display:flex;gap:20px;align-items:center}.price-line>strong{font:500 77px/.95 var(--display);letter-spacing:-5px}.price-line>span{font-size:13px}.price-line small{font-size:9px;color:var(--muted)}.included{display:flex;gap:15px;margin:25px 0;padding:20px;background:var(--lime);border-radius:12px}.included>span{font-size:40px;line-height:1}.included strong{font-size:13px}.included p{font-size:11px;margin:6px 0 0}.renew-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.renew-row strong{font-size:12px}.renew-row small{display:block;margin-top:4px;font-size:10px;font-weight:400}.renew-row input{appearance:none;width:42px;height:25px;background:#b7bcb0;border-radius:20px;position:relative;flex-shrink:0;margin-left:14px;cursor:pointer}.renew-row input:before{content:'';position:absolute;top:4px;left:4px;width:17px;height:17px;background:white;border-radius:50%;transition:transform .2s}.renew-row input:checked{background:var(--ink)}.renew-row input:checked:before{transform:translateX(17px)}.renew-note,.payment-help{font-size:10px;color:var(--muted);margin:10px 0 20px}.paypal{background:#ffc439;color:#10214a;margin-top:8px}.payment-help{text-align:center;margin:9px 0}.text-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;margin:-6px 0 18px}.upload-zone{position:relative;display:flex;align-items:center;flex-direction:column;border:1px dashed #849175;border-radius:13px;background:#f1f3e9;text-align:center;padding:22px 12px;margin:25px 0 15px;cursor:pointer;gap:7px}.upload-zone.dragging{background:var(--lime)}.upload-symbol{font-size:35px;line-height:1.1;font-weight:400}.upload-zone>strong{font-size:12px}.upload-zone>span:not(.upload-symbol){font-size:10px;font-weight:400}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.file-card{position:relative;border:1px solid var(--line);border-radius:9px;padding:8px;min-width:0}.file-card img{width:100%;height:90px;object-fit:contain;background:#eeeee7;border-radius:5px}.file-card p{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}.file-card button{font-size:9px;background:none;border:0;text-decoration:underline;padding:3px}.adaptation{font-size:11px;background:#f1eee5;border-radius:8px;padding:12px;margin:20px 0}.small{font-size:10px}.aside-art{border-radius:100px 100px 15px 15px;position:relative;height:390px;overflow:hidden}.aside-art img{width:100%;height:100%;object-fit:cover}.aside-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000c)}.aside-art>div{position:absolute;bottom:25px;left:20px;color:#fff;z-index:1;font:500 24px/1.15 var(--display);letter-spacing:-1px}.aside-art em{font-family:Georgia,serif;font-weight:400}.aside-copy{padding:25px 2px}.aside-copy>span{font-size:9px;letter-spacing:1px}.aside-copy p{font-size:13px;line-height:1.8}.aside-copy a{font-size:11px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px 22px;border-radius:10px;background:var(--ink);color:white;z-index:10;max-width:90%;font-size:12px;box-shadow:0 6px 25px #0002}#demo-notice{background:var(--lime);text-align:center;font-size:11px;padding:7px 15px}#paid-actions p{font-size:12px}#paid-actions .quiet{display:block;margin-top:12px}@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-cover{animation:none}.button{transition:none}}@media(min-width:1550px){.entry{min-height:850px}.cover-scene{height:430px}.floating-cover{width:230px}}@media(max-width:1000px){.top-label{display:none}.editorial{padding:35px 6%}.form-card{padding:25px}.form-card h2{font-size:36px}.hand-note{font-size:14px}.orbit{width:270px;height:270px}.scribble{font-size:90px;right:-10px}.floating-cover{width:185px}.account-grid{grid-template-columns:minmax(0,1fr) 200px;gap:20px}.panel{padding:22px}.account h1{font-size:55px}}@media(max-width:740px){.top{padding:18px 6%;gap:15px}.brand{width:130px}.quiet{font-size:10px}.entry{display:flex;flex-direction:column}.editorial{padding:30px 7% 15px}.editorial h1{font-size:54px}.intro{font-size:13px;max-width:80%}.cover-scene{height:270px;margin-top:0}.floating-cover{width:160px}.orbit{width:270px;height:210px}.scribble{top:0;right:8%;font-size:85px}.round-note{width:85px;height:85px;left:5%;bottom:4px;font-size:10px}.hand-note{right:2%;bottom:20px}.photo-credit{font-size:8px}.entry-right{border-left:0;border-top:1px solid var(--line);padding:25px 6%}.form-card{padding:26px 24px}.form-card h2{font-size:39px}.form-card h2 br:nth-child(2){display:none}.tiny-note{font-size:9px}.account{padding:30px 6%}.account-intro{display:block}.account h1{font-size:52px}.member-card{width:100%;max-width:430px;min-height:125px;margin-top:25px}.member-card img{width:100px}.account-nav{gap:12px;justify-content:space-between;font-size:9px}.account-grid{display:block}.account-aside{display:none}.panel{padding:22px 18px}.section-top h2{font-size:30px}.form-grid{gap:0 12px}.form-grid label{font-size:11px}.price-line>strong{font-size:64px}.price-line>span{font-size:12px}.price-line small{font-size:8px}.included{padding:15px}.file-grid{grid-template-columns:repeat(2,1fr)}footer{padding:20px 6%;font-size:9px;flex-direction:column}footer div{gap:17px}}

.brand { background: transparent; padding: 0; }
.member-card img { object-position: center; }
#website-form { margin: 14px 0; }
#website-form .check { font-size: 12px; }
#show-example { margin-bottom: 16px; }
#banner-example {
  width: min(1000px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
  color: var(--ink);
  padding: clamp(16px, 3vw, 28px);
}
#banner-example::backdrop { background: #161a14b8; }
#banner-example form { display: flex; justify-content: flex-end; margin-bottom: 16px; }
#banner-example h2 { font-size: clamp(22px, 3vw, 34px); margin-bottom: 16px; }
#banner-example img { display: block; width: 100%; height: auto; border-radius: 6px; }
#banner-example p { margin-bottom: 0; font-size: 12px; color: var(--muted); }

.mobile-break { display: none; }
.social-heart {
 position: absolute; top: 0; right: 0; width: 112px; height: auto;
 transform: rotate(10deg); pointer-events: none;
}
.subscription-badge {
 position: absolute; bottom: 10px; left: 0; width: 128px; height: auto;
 transform: rotate(-10deg); pointer-events: none;
}
@media (max-width: 740px) {
 .mobile-break { display: block; }
 .intro { max-width: 100%; }
 .cover-scene { height: 335px; padding-bottom: 52px; }
 .social-heart { width: 90px; top: 4px; right: 2%; }
 .subscription-badge { width: 108px; bottom: 42px; left: 0; }
 .hand-note { bottom: 0; right: 3%; transform: rotate(4deg); }
 .form-card h2 br:nth-child(2) { display: inline; }
}

@media (min-width: 741px) {
 .floating-cover { z-index: 2; }
 .social-heart {
  left: min(calc(100% - 112px), calc(50% + 90px));
  right: auto;
  top: 8%;
  z-index: 1;
  animation: heart-float 6s ease-in-out infinite;
 }
 .subscription-badge {
  left: max(0px, calc(50% - 185px));
  bottom: 6%;
  z-index: 3;
  animation: badge-float 7.5s ease-in-out -2s infinite;
 }
}
@keyframes heart-float {
 0%, 100% { transform: translateY(0) rotate(10deg); }
 50% { transform: translateY(-9px) rotate(6deg); }
}
@keyframes badge-float {
 0%, 100% { transform: translateY(0) rotate(-10deg); }
 50% { transform: translateY(-7px) rotate(-6deg); }
}
@media (prefers-reduced-motion: reduce) {
 .social-heart, .subscription-badge { animation: none; }
}