:root{--ink:#10232e;--accent:#b55346;--peach:#ffded1;--cream:#fbf8f5;--muted:#687985;--line:#e7e1dc}*{box-sizing:border-box}body{margin:0;background:#fffdfb;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{background:#fff;box-shadow:0 3px 16px #1726320d;position:relative;z-index:2}.header-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 4%}.brand{display:flex;align-items:center;gap:5px;font-size:29px;letter-spacing:-1.4px;font-weight:750;white-space:nowrap}.brand img{width:39px;height:35px;object-fit:contain}.brand span span{color:var(--accent)}nav{display:flex;gap:27px;align-items:center;font-size:14px}nav a{padding:10px 0;position:relative;white-space:nowrap}nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--accent)}nav a:hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 24px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:white;font-size:15px;cursor:pointer;box-shadow:0 3px 6px #10232e0d}.button:hover{background:#29424e}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button:disabled{background:#ede9e5;color:#76736f;border-color:var(--line);cursor:not-allowed;box-shadow:none}.button.full{width:100%}.menu-toggle{display:none}main{min-height:70vh}.wrap{max-width:1320px;margin:auto;padding:64px 5%}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:#787875;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-2px;margin-bottom:22px}h2{font-size:clamp(30px,3.3vw,45px);line-height:1.16;letter-spacing:-1.5px}h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;margin-bottom:12px}p{color:var(--muted)}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.coral{color:var(--accent)}.lead{font-size:19px;line-height:1.55;max-width:750px}.hero{position:relative;overflow:hidden;min-height:570px;display:grid;grid-template-columns:1fr 1.05fr;background:var(--cream)}.hero-copy{padding:78px 0 45px 9%;position:relative;z-index:1}.hero h1{font-size:clamp(35px,3.7vw,54px)}.hero .lead{font-size:17px;max-width:480px}.actions{display:flex;gap:18px;flex-wrap:wrap;margin:30px 0}.hero-visual{position:relative;min-height:540px;overflow:hidden;background:#f4eeea}.hero-visual img{position:absolute;width:215%;max-width:none;left:-115%;top:-13.2%;height:116%;object-fit:fill}.benefits{display:flex;gap:21px;flex-wrap:wrap;margin-top:43px}.benefits a{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.4}.benefits strong{display:block;font-size:12px}.benefits small{color:var(--muted);font-size:11px}.icon{width:31px;height:31px;display:grid;place-items:center;background:var(--peach);border-radius:7px;font-size:21px;flex-shrink:0}.struggle{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.struggle h2{margin-bottom:0}.crop{position:relative;overflow:hidden;background:#faf6f1}.crop img{position:absolute;max-width:none}.comic{aspect-ratio:2.72;border-radius:9px}.comic img{width:168%;left:-66.5%;top:-233%}.section-title{max-width:800px;margin-bottom:35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:26px 23px 0;border-radius:14px;background:#f7f2ec;overflow:hidden}.feature-card h3{font-size:22px;display:flex;align-items:center;gap:15px}.number{background:var(--peach);border-radius:50%;font-size:17px;width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0}.feature-card p{min-height:78px;margin-bottom:16px}.feature-art{aspect-ratio:1.65;margin:0 -8px}.feature-art img{width:375%;top:-156%}.feature-art.one img{left:-22%}.feature-art.two img{left:-134%}.feature-art.three img{left:-252%;top:-171%}.comparison{aspect-ratio:4.2;margin-top:25px;border-radius:14px}.comparison img{width:107%;left:-4%;top:-247%}.note{font-size:13px;color:var(--muted);margin-top:13px}.banner{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px;border-radius:12px;margin-top:45px}.banner h2{font-size:30px;margin-bottom:10px}.banner p{margin:0;color:#d1dadc}.banner .button{background:#fff;color:var(--ink);white-space:nowrap}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.why-card{padding:36px;background:#f7f2ec;border-radius:14px}.why-card h2{font-size:31px;margin-top:24px}.why-card p{margin-bottom:0}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:32px}.checklist h3{font-size:20px}.center{text-align:center}.center .lead{margin-inline:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:45px 0 22px}.price-card{border:1px solid var(--line);background:#fff;padding:35px;border-radius:12px}.price-card.featured{border:2px solid var(--accent);background:#fcf6f2}.pack-name{font-size:21px;font-weight:700}.price{font-size:57px;letter-spacing:-2px;margin:12px 0 0;line-height:1.2}.credit-count{font-size:19px;margin:12px 0 28px;color:var(--muted)}.price-card .button{margin-top:25px}.pack-description{font-size:15px;min-height:48px}.quiet-box{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:35px;margin-top:32px}.quiet-box p{max-width:580px;margin:0}.demo-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:start;margin-top:35px}.demo-tabs{display:grid;gap:12px}.demo-tabs button{display:flex;text-align:left;align-items:center;gap:16px;border:1px solid var(--line);border-radius:8px;padding:18px;background:white;color:var(--ink);cursor:pointer}.demo-tabs button[aria-selected=true]{background:#fcf0e9;border-color:var(--accent)}.demo-tabs button strong{display:block}.demo-tabs button small{color:var(--muted);font-size:13px}.demo-panel{padding:30px;background:#f7f2ec;border-radius:14px}.demo-panel h3{margin-top:25px}.demo-panel p{margin-bottom:0}.demo-image{aspect-ratio:1.65;border-radius:8px}.demo-image img{width:365%;top:-153%}.demo-image.one img{left:-20%}.demo-image.two img{left:-133%}.demo-image.three img{left:-246%;top:-169%}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.profile{border:1px solid var(--line);border-radius:12px;padding:30px;background:#fff}.initial{height:64px;width:64px;border-radius:50%;background:var(--peach);font-family:Georgia,serif;font-size:30px;display:grid;place-items:center;margin-bottom:23px}.profile p{margin-bottom:0}.contact{padding:30px;background:#f7f2ec;border-radius:12px;margin-top:25px}.contact p{margin:0}.contact-list{display:flex;gap:40px;flex-wrap:wrap;margin-top:20px}.contact-item{font-size:15px}.contact-item strong{display:block}.contact-item span{color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:1320px;padding:30px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:23px}footer p{font-size:13px;margin:0}footer .links{display:flex;gap:20px;font-size:14px}dialog{width:calc(100% - 32px);max-width:480px;border:1px solid var(--line);border-radius:14px;padding:36px;color:var(--ink);background:#fffdfb}dialog::backdrop{background:#10232e88;backdrop-filter:blur(3px)}dialog h2{font-size:32px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--muted)}.summary{display:flex;justify-content:space-between;padding:20px 0;margin:20px 0;border-block:1px solid var(--line)}.summary strong{font-size:25px}.dialog-link{display:block;text-align:center;margin-top:18px;text-decoration:underline;font-size:14px}[hidden]{display:none!important}@media(min-width:1500px){.hero{max-width:1500px;margin:auto}}@media(max-width:1050px){nav{gap:15px}.header-inner{gap:15px}.brand{font-size:24px}.header-inner>.button{padding:10px 14px;font-size:13px}.hero-copy{padding-top:55px}.benefits{gap:12px}.feature-card{padding:23px 17px 0}.feature-card h3{font-size:19px}.price-card{padding:27px}.wrap{padding:50px 5%}}@media(max-width:760px){.header-inner{flex-wrap:wrap;padding:16px 5%}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:5px;padding:7px 12px;margin-left:auto}.header-inner>.button{display:none}nav{display:none;width:100%;flex-wrap:wrap;gap:8px 24px}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 6% 30px}.hero h1{font-size:42px}.hero .lead{max-width:none}.hero-visual{min-height:360px;height:360px}.hero-visual img{width:180%;left:-80%;top:-14%;height:116%}.benefits{margin-top:30px}.struggle{grid-template-columns:1fr;gap:25px}.comic{max-width:620px}.feature-grid,.pricing-grid,.profiles,.why-grid,.checklist,.demo-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.feature-art{max-width:420px;margin:0 auto}.feature-card{padding:25px}.comparison{aspect-ratio:4.1}.banner,.quiet-box{display:block}.banner{padding:28px}.banner .button{margin-top:23px}.price-card .pack-description{min-height:0}.pricing-grid{gap:18px}.price-card{padding:30px}.demo-grid{gap:25px}.demo-panel{padding:23px}.footer-inner{flex-wrap:wrap}.footer-inner>p{width:100%;order:3}.contact-list{gap:20px}.checklist{gap:18px}.hero .eyebrow{font-size:10px}.wrap{padding:42px 6%}}
:root{color-scheme:light}.hero-visual img{width:180.9%;height:164.7%;left:-80.9%;top:-14.35%}.comic{aspect-ratio:2.71}.comic img{width:169.65%;left:-67.6%;top:-259.3%}.feature-art,.demo-image{aspect-ratio:1.6}.feature-art img,.demo-image img{width:381.4%;top:-245.3%}.feature-art.one img,.demo-image.one img{left:-22.8%}.feature-art.two img,.demo-image.two img{left:-140.3%}.feature-art.three img,.demo-image.three img{left:-258%;top:-257.8%}.comparison{aspect-ratio:4.4}.comparison img{width:108.5%;left:-4.58%;top:-287.5%}
/* Continuous studio website: crisp, uncropped illustrations and natural scrolling. */
html{scroll-behavior:smooth;scroll-padding-top:110px}header{position:sticky;top:0;z-index:20}.page-section{scroll-margin-top:100px}.page-section:not(:first-child){border-top:1px solid var(--line)}#why-us,#pricing{background:var(--cream)}nav a[aria-current=location]:after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent)}.section-heading{font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-2px;margin-bottom:22px}.hero-visual{display:flex;align-items:center;min-height:480px;padding:25px;background:#f4eeea}.hero-visual img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:12px}.student-story{display:block;width:100%;height:auto;border-radius:10px}.struggle{grid-template-columns:.65fr 1.35fr}.feature-card{padding-bottom:24px}.layout-illustration{padding:22px 15px;background:#efe7df;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:15px;overflow:hidden}.mini-sheet{width:100%;max-width:245px;aspect-ratio:4/5;background:#fffefa;padding:18px;box-shadow:0 8px 20px #10232e12;display:flex;flex-direction:column;gap:12px;border:1px solid #e1d8cd}.sheet-label{font-size:10px;font-weight:700;letter-spacing:1px}.sheet-render{min-height:65px;flex:1;background:linear-gradient(145deg,transparent 48%,#c1b29c 48% 68%,transparent 68%),linear-gradient(35deg,#e7dfce 45%,#d3dddb 45%);border:1px solid #d2c9bb}.sheet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:64px}.sheet-plan{border:2px solid #738184;background:repeating-linear-gradient(90deg,transparent 0 20px,#738184 20px 22px,transparent 22px 42px),repeating-linear-gradient(0deg,#faf9f4 0 25px,#738184 25px 27px,#faf9f4 27px 45px)}.sheet-copy b{font-size:9px;line-height:1.2;display:block}.sheet-copy i{display:block;height:3px;background:#c9ccca;margin-top:8px}.sheet-copy i:last-child{width:65%}.sheet-footer{font-size:7px;letter-spacing:1px;border-top:1px solid #aaa;padding-top:8px}.diagram-tag{font-size:11px;color:#53636a;text-align:center}.reference .sheet-render,.reference .sheet-plan{outline:1px dashed var(--accent);outline-offset:3px}.gallery{background:#e4e9e6}.gallery .mini-sheet{transform:rotate(-4deg);box-shadow:8px 6px 0 #d9c8b8,16px 12px 0 #f5f0e8;margin-bottom:10px}.arrange{background:#f2e6df}.workflow-visual{display:grid;grid-template-columns:1fr 25px 1fr;gap:10px;align-items:center}.workflow-label{display:block;font-size:10px;letter-spacing:1px;font-weight:700;text-align:center;margin-bottom:14px}.workflow-arrow{text-align:center;color:var(--accent);font-size:26px}.workflow-visual .layout-illustration{padding:12px 8px}.workflow-visual .diagram-tag{display:none}.workflow-visual .mini-sheet{padding:12px;gap:10px}.workflow-result .sheet-render,.workflow-result .sheet-plan,.workflow-result .sheet-copy{outline:1px dashed var(--accent);outline-offset:3px}.step-two .workflow-result .sheet-render{background:linear-gradient(30deg,#c4d3cd 45%,#e9dcc9 45%)}.step-two .workflow-result .sheet-copy{background:#f9ebe3}.step-three .workflow-result .sheet-bottom{grid-template-columns:1.4fr 1fr}.step-three .workflow-result .sheet-render,.step-three .workflow-result .sheet-plan,.step-three .workflow-result .sheet-copy{outline:none}.step-three .workflow-result .mini-sheet{border-top:4px solid var(--accent)}.contact-item a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}#recreate,#layout,#inspiration{scroll-margin-top:120px}@media(max-width:1050px){.header-inner{gap:12px}nav{gap:13px}.hero-visual{min-height:360px}}@media(max-width:760px){html{scroll-padding-top:95px}.hero-visual{height:auto;min-height:0;padding:20px}.hero-visual img{position:static;width:100%;height:auto;max-width:100%}.struggle{grid-template-columns:1fr}.student-story{width:100%}.layout-illustration{max-width:420px;margin:auto}.workflow-visual{gap:5px;grid-template-columns:1fr 18px 1fr}.workflow-visual .mini-sheet{padding:8px;gap:8px}.workflow-visual .sheet-bottom{grid-template-columns:1fr;min-height:75px}.workflow-visual .sheet-copy{display:none}.workflow-visual .sheet-footer{font-size:6px}.workflow-label{font-size:8px;letter-spacing:.3px}.demo-panel{padding:18px}.contact{padding:24px}.contact-item{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}