.story-section{background:#d9dfcf;color:#242c22}.story-section .section-head p{color:#57614f}.comic-book{outline-offset:6px}.comic-page{background:#f5f2e7;padding:32px;border:2px solid #30372c;margin-bottom:22px;box-shadow:7px 7px 0 #a7b295}.comic-page-heading{display:flex;align-items:center;gap:24px;border-bottom:2px solid #30372c;padding-bottom:22px;margin-bottom:20px}.comic-page-heading>span{font:10px Arial;letter-spacing:.12em;white-space:nowrap}.comic-page-heading h3{font-size:23px;line-height:1.6;margin:0}.comic-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comic-panel{position:relative;min-height:255px;border:2px solid #30372c;background:radial-gradient(#82927330 .7px,transparent .7px) 0 0/7px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 18px 0;overflow:hidden}.speech{position:relative;border:2px solid #30372c;border-radius:45% / 15%;background:#fffdf5;padding:17px 23px;font-size:14px;font-weight:600;line-height:1.8;z-index:1;max-width:340px}.speech:after{content:'';position:absolute;bottom:-11px;left:55%;width:17px;height:17px;background:#fffdf5;border-bottom:2px solid #30372c;border-right:2px solid #30372c;transform:skewY(-30deg)}.comic-person{width:132px;height:132px;margin-top:12px}.character-name{position:absolute;bottom:12px;left:12px;background:#f5f2e7;padding:2px 6px;font-size:10px}.comic-takeaway{border-top:2px solid #30372c;margin-top:20px;padding-top:16px}.comic-takeaway strong{font-size:21px;line-height:1.6}.comic-takeaway p{font-size:13px;margin:7px 0 0}.comic-takeaway.with-stat{display:flex;align-items:center;gap:30px}.with-stat strong{font:76px/.95 Georgia;letter-spacing:-.05em;white-space:nowrap}.with-stat strong span{font-size:35px}.with-stat p{font-size:17px;max-width:580px}.comic-source{font-size:10px;line-height:1.8;color:#56614b;margin:18px 0 0}.comic-source a{text-decoration:underline}.comic-cta{display:inline-block;margin-top:16px;border-bottom:1px solid;font-size:13px}.comic-controls{align-items:center;justify-content:space-between;margin-top:25px}.comic-controls:not([hidden]){display:flex}.comic-controls button{border:1px solid #3d4935;padding:12px 22px;background:transparent;color:#30372c;font-size:12px;cursor:pointer}.comic-controls button:last-child{background:#30372c;color:#f5f2e7}.comic-controls button:disabled{opacity:.35;cursor:default}.comic-progress{font:15px Georgia;letter-spacing:.1em}.comic-hint{font-size:10px;color:#657159;text-align:center;margin-top:20px}.comic-enhanced .comic-track{display:flex;transition:transform .4s ease;align-items:flex-start}.comic-enhanced{overflow:hidden;padding:0 7px 7px 0;touch-action:pan-y}.comic-enhanced .comic-page{flex:0 0 100%;min-width:0;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}.feature-grid article{border-top:1px solid var(--line);padding:22px 0}.feature-no{font:italic 15px Georgia;color:var(--accent)}.feature-grid h3{font-size:17px;font-weight:500;margin:12px 0}.feature-grid p,.feature-note{font-size:12px;color:var(--muted)}.feature-note{border-top:1px solid var(--line);padding-top:20px}.buyout{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:36px 0 46px;border-top:1px solid #526049;border-bottom:1px solid #526049}.buyout h3{font-size:23px;font-weight:500;line-height:1.6}.buyout p{font-size:12px;color:var(--muted)}.buyout .price-number{font-size:46px;margin:0}.buyout .fine{font-size:11px;margin:16px 0}.no-fee{display:inline-block;font-size:12px;color:var(--accent);border-bottom:1px solid #536348}.monthly-head{margin:65px 0 28px}.new-label,.now-label{background:#d8dbaa;color:#252d21;font-size:11px;font-weight:bold;display:inline-block;padding:3px 12px;letter-spacing:.1em}.monthly-head h3{font-size:26px;font-weight:500;margin:17px 0 10px}.monthly-head p{font-size:12px;color:var(--muted)}.monthly-head strong{color:var(--paper)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{border:1px solid #535d48;padding:28px 23px;display:flex;flex-direction:column;align-items:flex-start;background:#1d211b}.plan-card.featured{border-color:#bdc8a4;background:#2c3427}.plan-card h4{font-size:22px;font-weight:500;margin:14px 0 21px}.now-label{background:transparent;border:1px solid #bdc8a4;color:#d5dfbf;transform:rotate(-3deg);font-size:10px}.monthly-price{font:46px/1.3 Georgia;margin-top:12px;white-space:nowrap}.monthly-price small{font:11px sans-serif;margin-left:6px}.tax-label{font-size:10px;color:var(--muted);margin:0 0 20px}.plan-card ul{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #59624f;width:100%;font-size:12px}.plan-card li{margin-bottom:11px;padding-left:15px;position:relative}.plan-card li:before{content:'·';position:absolute;left:0;color:var(--accent)}.plan-for{font-size:12px;color:#c0cbb3;margin-top:auto;padding-top:25px}.plan-card>a{border-top:1px solid #59624f;padding-top:14px;margin-top:5px;font-size:12px;width:100%}.plan-terms{margin-top:22px}.plan-terms>p{font-size:10px;color:var(--muted)}.plan-terms li{font-size:12px;color:var(--muted);margin-bottom:8px}.plan-terms ul{padding-left:20px}.feature-section{padding-top:20px}@media(max-width:950px){.plan-grid{gap:12px}.plan-card{padding:24px 15px}.monthly-price{font-size:37px}.buyout .price-number{font-size:37px}.comic-page{padding:23px}.comic-page-heading h3{font-size:20px}}@media(max-width:640px){.comic-page{padding:16px}.comic-page-heading{display:block;margin-bottom:15px;padding-bottom:15px}.comic-page-heading h3{font-size:19px;margin-top:8px}.comic-panels{gap:10px}.comic-panel{min-height:250px;padding:11px 8px 0}.speech{font-size:11px;padding:13px 10px;border-radius:17px}.comic-person{width:110px;height:110px}.character-name{bottom:4px;left:4px;font-size:8px}.comic-takeaway strong{font-size:17px}.comic-takeaway p{font-size:12px}.comic-takeaway.with-stat{gap:16px}.with-stat strong{font-size:56px}.with-stat strong span{font-size:25px}.with-stat p{font-size:13px}.comic-source{font-size:9px}.comic-controls button{padding:11px 14px;font-size:11px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 20px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:11px}.buyout{display:block}.buyout>div+div{margin-top:30px}.buyout .price-number{font-size:40px}.monthly-head h3{font-size:22px}.plan-grid{grid-template-columns:1fr;gap:18px}.plan-card{padding:25px}.monthly-price{font-size:46px}.plan-card ul{columns:1}.comic-book:focus-visible{outline:2px solid #3d4935}.plan-for{padding-top:10px}}@media(prefers-reduced-motion:reduce){.comic-enhanced .comic-track{transition:none}}
/* Soft editorial line portraits and a brief syntax-colored page-turn accent. */
.comic-person.portrait-line{width:185px;height:185px;margin-top:4px;flex-shrink:0}.comic-panel{min-height:310px;background:radial-gradient(ellipse at 50% 100%,#d8deca55,transparent 65%),#fbf8ef}.speech{border-width:1.5px;border-radius:22px;padding:16px 22px;font-weight:500}.speech:after{border-width:1.5px}.character-name{border:1px solid #b9c2ab;border-radius:20px;padding:3px 10px;bottom:14px;left:14px}.comic-book{position:relative;isolation:isolate}.comic-enhanced .comic-track{transition:transform .65s cubic-bezier(.22,.75,.18,1)}.code-sweep{position:absolute;z-index:4;left:0;top:48%;width:58%;max-width:520px;padding:15px 12px 15px 17px;pointer-events:none;user-select:none;opacity:0;background:linear-gradient(90deg,#171c22ee 0%,#171c22dc 75%,#171c2200 100%);border-left:2px solid #719579;overflow:hidden;mask-image:linear-gradient(90deg,#000 88%,transparent);border-radius:0 4px 4px 0}.code-line{display:flex;white-space:pre;font:11px/1.85 Consolas,'Courier New',monospace;color:#d4d4d4;opacity:0;transform:translateX(-30px)}.code-line code{font:inherit}.code-line-number{color:#78818c;min-width:26px;font-size:9px;margin-right:9px;border-right:1px solid #454b534f}.syntax-bracket{color:#a8adb6}.syntax-tag{color:#569cd6}.syntax-attr{color:#9cdcfe}.syntax-string{color:#ce9178}.code-sweep.is-playing{animation:code-wash 1.05s ease both}.is-playing .code-line{animation:code-arrive .75s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--line)*45ms)}@keyframes code-wash{0%{opacity:0;transform:translateX(-18px)}14%{opacity:.9}64%{opacity:.85}100%{opacity:0;transform:translateX(20px)}}@keyframes code-arrive{0%{opacity:0;transform:translateX(-34px);clip-path:inset(0 100% 0 0)}32%{opacity:1;transform:translateX(0);clip-path:inset(0 0 0 0)}75%{opacity:1}100%{opacity:0;transform:translateX(12px);clip-path:inset(0 0 0 0)}}@media(max-width:640px){.comic-person.portrait-line{width:140px;height:140px;max-width:120%;margin-top:7px}.comic-panel{min-height:285px;padding-left:8px;padding-right:8px}.speech{padding:12px 10px;border-radius:17px}.character-name{font-size:8px;padding:2px 7px;bottom:6px;left:6px}.code-sweep{width:72%;top:49%;padding:10px 5px 10px 9px}.code-line{font-size:8px;line-height:1.9}.code-line-number{font-size:7px;min-width:17px;margin-right:5px}}@media(prefers-reduced-motion:reduce){.code-sweep{display:none!important}.comic-enhanced .comic-track{transition:none}}
/* Code lives in the section's background, never above the reading surface. */
.story-section{position:relative;isolation:isolate;overflow:hidden}.story-section>.wrap{position:relative;z-index:1}.story-section>.code-sweep{z-index:0;left:0;top:auto;bottom:20px;width:56%;max-width:650px;padding:0 0 0 20px;border:0;border-radius:0;background:none;box-shadow:none;mask-image:linear-gradient(90deg,#000 65%,transparent);color:#637360}.story-section>.code-sweep .code-line{font-size:12px;line-height:1.8}.story-section>.code-sweep .code-line-number{display:none}.story-section>.code-sweep .syntax-tag{color:#3d7390}.story-section>.code-sweep .syntax-attr{color:#528783}.story-section>.code-sweep .syntax-string{color:#a47e68}.story-section>.code-sweep .syntax-bracket{color:#737e6c}.story-section>.code-sweep.is-playing{animation:background-code 1.05s ease both}@keyframes background-code{0%{opacity:0;transform:translateX(-16px)}25%{opacity:.26}65%{opacity:.23}100%{opacity:0;transform:translateX(28px)}}@media(max-width:640px){.story-section>.code-sweep{bottom:10px;width:65%;padding-left:10px}.story-section>.code-sweep .code-line{font-size:9px;line-height:1.65}}
.future-price{font-size:10px;color:#b3bca9;line-height:1.8;margin:0 0 13px}.future-price s{font:22px Georgia;text-decoration-thickness:1px;text-decoration-color:#c99c85}.future-price span{font-size:9px;margin-left:6px}.campaign-period{font-size:12px;color:#d5dfbf;border-left:2px solid #bac99f;padding-left:14px;margin:0 0 25px}.future-price[hidden]{display:none}
.village-type .village-dog{position:absolute;right:9px;bottom:12px;width:145px;height:115px;object-fit:contain}.village-type{position:static}@media(max-width:640px){.village-type .village-dog{width:115px;height:95px;right:6px;bottom:8px}}

#payment .services p,#payment details p{line-height:1.9}#payment .plan-terms{margin-top:28px}#payment details p{margin:16px 0}footer nav{font-size:12px;line-height:2}footer{flex-wrap:wrap;gap:20px}.privacy a{text-decoration:underline}

.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:58px;height:58px;object-fit:contain;background:transparent;border-radius:0;flex-shrink:0}.screen-brand .intro-logo{width:90px;height:65px;object-fit:contain;border-radius:12px;margin-bottom:12px}@media(max-width:640px){.brand{gap:8px}.brand-logo{width:42px;height:42px}.header{padding-left:16px;padding-right:16px}.header .brand{font-size:17px}.header .brand span{font-size:6px}}