:root{--cream:#fbf7ef;--paper:#fffdf8;--ink:#292824;--muted:#716c64;--brick:#c64b32;--brick-dark:#a83d29;--line:#ded7cb;--yellow:#f5c950;--green:#53725c;--shadow:0 10px 30px rgba(56,42,23,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:9;background:white;padding:8px}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(251,247,239,.94);position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.brand{border:0;background:none;color:var(--ink);font:700 24px/1 Georgia,serif;display:flex;gap:8px;align-items:center;padding:8px 0}.capsule-icon{width:25px;height:15px;border:2px solid var(--brick);border-radius:20px;position:relative;display:inline-block;transform:rotate(-16deg)}.capsule-icon:after{content:"";position:absolute;top:-2px;bottom:-2px;left:50%;border-left:2px solid var(--brick)}.navlinks{display:flex;align-items:center;gap:10px}.navlinks button,.plain{border:0;background:transparent;color:var(--ink);padding:11px 13px;border-radius:8px}.navlinks button:hover,.plain:hover{background:#f0ebe1}.navlinks .active{color:var(--brick);font-weight:700}.avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow);border:1px solid #d9a91d;display:grid;place-items:center;font-weight:700}.wrap{max-width:1180px;margin:auto;padding:54px 24px 80px}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;min-height:490px}.eyebrow,.tag{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;color:var(--brick)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.04;margin:.35em 0}h1{font-size:clamp(42px,6vw,76px);max-width:720px}h2{font-size:clamp(32px,4vw,50px)}h3{font-size:25px}.lead{font-size:20px;max-width:560px;color:#4a4640}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--ink);border-radius:8px;padding:10px 18px;background:var(--ink);color:white;font-weight:750;text-decoration:none}.btn:hover{background:#45433e}.btn.brick{background:var(--brick);border-color:var(--brick)}.btn.brick:hover{background:var(--brick-dark)}.btn.ghost{background:transparent;color:var(--ink)}.btn.small{min-height:38px;padding:7px 12px;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;height:340px;background:#e7ded0;border-radius:52% 48% 44% 56% / 52% 48% 52% 48%;overflow:hidden;box-shadow:var(--shadow)}.hero-art:before{content:"?";position:absolute;font:700 210px/1 Georgia,serif;color:var(--brick);left:34%;top:38px;transform:rotate(-10deg)}.bubble{position:absolute;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);font-family:Georgia,serif}.bubble.one{left:25px;top:42px}.bubble.two{right:12px;bottom:45px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:16px}.stat b{font:700 32px Georgia,serif;display:block}.stat span{color:var(--muted);font-size:14px}.notice{background:#f5ecd8;border:1px solid #ead9b9;padding:12px 15px;border-radius:8px;color:#58422d;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:0 2px 0 rgba(56,42,23,.02)}.card .meta{font-size:14px;color:var(--muted);margin:16px 0}.card .status{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.card .status.draft{color:#9c6b09}.card .status.opened{color:var(--brick)}.dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.capsules{font:700 18px Georgia,serif;padding:12px 15px;background:#f4e7df;border-radius:8px}.capsules b{color:var(--brick)}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:36px 0 24px}.tab{border:0;background:none;padding:12px 1px;color:var(--muted)}.tab.active{color:var(--ink);font-weight:800;border-bottom:3px solid var(--brick)}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.search{width:min(340px,100%);padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.empty{padding:42px 24px;text-align:center;background:var(--paper);border:1px dashed #c9c0b3;border-radius:12px;color:var(--muted)}.flow{max-width:720px;margin:auto}.flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.stepper{display:flex;gap:7px;margin:18px 0 30px}.stepper i{height:4px;flex:1;background:#ded7cb;border-radius:6px}.stepper i.on{background:var(--brick)}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:28px;box-shadow:var(--shadow)}label{display:block;font-weight:750;margin:18px 0 7px}input,textarea,select{width:100%;background:#fffefb;border:1px solid #cfc7bb;border-radius:8px;padding:12px;min-height:46px;color:var(--ink)}textarea{min-height:108px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice{display:block;border:1px solid var(--line);padding:16px;margin:10px 0;border-radius:9px;cursor:pointer}.choice:has(input:checked){border-color:var(--brick);background:#fff4f0}.choice input{width:auto;min-height:0;margin-right:9px}.hint{color:var(--muted);font-size:14px}.error{color:#ad3524;font-size:14px;min-height:21px}.question{max-width:800px;margin:auto}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}.question-card h1{font-size:clamp(38px,5vw,60px)}.reveal-card{margin-top:22px;padding:18px;background:#f4e7df;border-radius:10px}.demo-control{margin-top:24px;border:1px dashed var(--brick);padding:13px;border-radius:8px;color:#7c3425;font-size:14px}.result{background:#e4efe5;border:1px solid #b9cfbd;border-radius:10px;padding:20px;margin:22px 0}.auth{max-width:470px;margin:45px auto}.auth .form-card{text-align:center}.social{width:100%;background:white;color:var(--ink);margin:8px 0}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.account-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:26px}.side{background:#eee5d8;border-radius:12px;padding:20px}.side button{display:block;width:100%;text-align:left;margin:4px 0}.purchase{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.price{font:700 32px Georgia,serif}.toast{position:fixed;bottom:24px;right:24px;max-width:360px;background:var(--ink);color:white;padding:14px 17px;border-radius:8px;box-shadow:var(--shadow);z-index:8}.footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:14px;margin-top:45px}.footer button{color:var(--brick);padding:0;text-decoration:underline}@media(max-width:760px){.nav{padding:10px 16px}.navlinks{gap:2px}.navlinks button{padding:10px 7px;font-size:14px}.navlinks .optional{display:none}.wrap{padding:33px 16px 60px}.hero{grid-template-columns:1fr;gap:25px;min-height:0}.hero-art{height:250px;order:-1}.stats,.cards,.account-grid{grid-template-columns:1fr}.stats{gap:20px}.dash-top,.toolbar,.section-head{align-items:flex-start;flex-direction:column}.two{grid-template-columns:1fr}.purchase{grid-template-columns:1fr}.form-card{padding:20px}.tabs{gap:16px;overflow:auto}.question-card{padding:28px 20px}.avatar{display:none}}@media(max-width:390px){.navlinks button{font-size:12px}.brand{font-size:20px}}
.brand img{display:block;width:150px;height:auto}.hero-art:before{display:none}.hero-logo{width:100%;height:100%;object-fit:contain;padding:22px;position:relative;z-index:1}.full{width:100%;margin-top:18px}.dash-title{font-size:52px}.side-avatar{margin-bottom:12px}.guess-list{padding-left:20px}.buy-card{max-width:360px}.top-space{margin-top:20px}@media(max-width:760px){.nav{align-items:flex-start;flex-wrap:wrap;padding:10px 16px}.navlinks{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.navlinks .optional{display:inline-block}.avatar{display:grid}.brand img{width:126px}.hero-art{height:250px;order:-1}}
.hero-art{background:transparent;box-shadow:none;border-radius:0}.hero-logo{padding:0}.journey{margin-top:64px}.journey .cards{margin-top:24px}h1,h2,h3,p{overflow-wrap:anywhere}.footer{padding:24px}.navlinks button{min-height:44px}.toast{left:16px;right:16px;width:fit-content;max-width:calc(100vw - 32px)}button:focus-visible{outline:3px solid var(--brick);outline-offset:3px}@media(max-width:760px){.hero-art{order:0;height:280px}.dash-title{font-size:40px}.navlinks{gap:0}.navlinks button{padding:10px 6px}.actions .btn{flex-grow:1}.card{min-width:0}}

/* Illustrated landing and template continuity */
.landing-hero{grid-template-columns:1fr 1fr;gap:38px;padding:20px 0 58px}.landing-hero h1{font-size:clamp(42px,4.9vw,65px);letter-spacing:-.045em}.landing-hero h1 em{font-weight:400}.family-scene{width:100%;height:auto}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-block:1px solid var(--line);padding:36px 0}.landing-steps span{color:var(--brick);font:24px Georgia,serif}.landing-steps h2{font-size:28px;margin:14px 0}.landing-steps p{color:var(--muted);margin-bottom:0}.landing-examples{margin-top:64px}.landing-examples>h2{margin-top:20px;letter-spacing:-.03em}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.scenario-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--paper);display:flex;align-items:flex-start;flex-direction:column}.scenario-card:nth-child(2),.scenario-card:nth-child(3){background:#edf2f5}.scenario-card h3{font-size:32px;line-height:1.12;margin:14px 0;min-height:108px}.scenario-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}.scenario-when{font:italic 22px Georgia,serif;margin:22px 0}.flow-scene{display:block;width:100%;max-height:320px;object-fit:contain;margin:24px auto;mix-blend-mode:multiply}.scenario-card .btn{margin-top:auto}.landing .eyebrow{font-weight:500;color:var(--muted);letter-spacing:.15em}@media(max-width:760px){.landing-hero{grid-template-columns:1fr;padding:5px 0 36px;gap:20px}.landing-hero h1{font-size:46px}.family-scene{max-height:330px;object-fit:contain}.landing-steps{grid-template-columns:1fr;gap:24px;padding:28px 0}.landing-steps h2{margin:8px 0}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:22px}.scenario-card h3{min-height:0;font-size:30px}.landing-examples{margin-top:40px}}
/* Full capsule brand artwork, legible at both navigation sizes. */
.nav .brand{padding:0}.nav .brand img{width:142px;height:124px;object-fit:contain}.nav{position:relative;padding-top:6px;padding-bottom:6px}@media(max-width:760px){.nav{align-items:center;flex-wrap:nowrap}.nav .brand img{width:110px;height:100px}.navlinks{max-width:230px}.navlinks .btn{color:white}}
.demo-banner{padding:8px 16px;background:#292824;color:#fffdf8;text-align:center;font-size:13px;font-weight:700;line-height:1.35}