:root{color-scheme:light;--paper:#fcf8f2;--ink:#101a35;--muted:#50576a;--purple:#6750b5;--purple-dark:#503b98;--border:#e7ded6;--white:#fff;--cream:#f6eee4;--green:#edf4eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6a51cc;outline-offset:3px}.skip{position:absolute;z-index:10;transform:translateY(-160%);padding:12px;background:var(--ink);color:white}.skip:focus{transform:none}.section-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:94px;width:min(1250px,calc(100% - 48px));margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:700;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a,.footer a:not(.wordmark){font-size:14px;text-decoration:none;color:#424657}.site-header nav a:hover,.footer a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 25px;border-radius:999px;border:1px solid var(--purple);background:var(--purple);font-weight:650;font-size:15px;text-decoration:none;color:white;box-shadow:0 5px 14px #6750b520;transition:background .16s}.button:hover:not(:disabled){background:var(--purple-dark)}.button.small{font-size:13px;min-height:42px;padding:8px 19px}.button.secondary{color:var(--ink);background:white;border-color:#d5cde6;box-shadow:none}.button.secondary:hover:not(:disabled){background:#f1eff8}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:490px;align-items:center;gap:70px;padding-top:32px;padding-bottom:52px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--purple);text-transform:uppercase}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5vw,70px);letter-spacing:-.035em;line-height:1.12;margin:18px 0 20px;font-weight:700}.hero h1 em{font-weight:500;font-style:italic;color:#8e6a61}.hero-copy>p{font-size:19px;max-width:510px;color:#50576a;margin:0 0 26px}.trust{display:flex;flex-wrap:wrap;gap:11px 19px;margin-top:22px;color:#426849;font-size:12px;font-weight:600}.hero-art{position:relative;height:410px;min-width:0}.photo{position:absolute;background:#fff;border:10px solid #fff;border-bottom:38px solid #fff;box-shadow:0 15px 35px #281d2430;border-radius:3px}.photo span{position:absolute;bottom:-29px;left:8px;font-size:12px;color:#65514b;font-family:Georgia,serif;font-style:italic}.photo-front{width:78%;left:15%;top:43px;transform:rotate(5deg);z-index:2}.photo-front img{display:block;width:100%;height:290px;object-fit:cover;background:#e1d1bd}.photo-back{width:62%;height:300px;top:0;left:3%;transform:rotate(-10deg)}.scene{position:relative;height:252px;overflow:hidden;background:#a9c9cb}.scene .sun{position:absolute;width:70px;height:70px;background:#f7e9b3;top:18px;right:25px;border-radius:50%}.hill{position:absolute;bottom:-55px;border-radius:50%;height:150px;width:130%;left:-20%;background:#819a74}.hill.two{background:#789787;left:25%;bottom:-85px}.hero-stamp{position:absolute;z-index:4;right:0;bottom:8px;background:#f9efe6;padding:13px 21px;color:#996c70;font:italic 17px/1.15 Georgia,serif;transform:rotate(-8deg);box-shadow:0 4px 18px #bda29b50}.hero-stamp span{color:#a25a63}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:white;padding:28px 42px;border:1px solid var(--border);border-radius:20px;box-shadow:0 9px 30px #4839240a}.features>div{padding-left:20px;border-left:1px solid var(--border)}.features>div:first-child{border-left:0;padding-left:0}.feature-icon{display:inline-grid;place-items:center;color:#6952ab;background:#f2eff8;border-radius:13px;width:42px;height:42px;font-size:25px}.features h2{margin:10px 0 5px;font:700 18px/1.25 Georgia,serif}.features p{color:var(--muted);font-size:13px;margin:0}.session{padding-block:95px 70px;scroll-margin-top:25px}.session-heading{text-align:center;max-width:640px;margin:0 auto 35px}.session-heading h2{font:700 clamp(30px,3.7vw,46px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:11px 0}.session-heading p{color:var(--muted);margin:0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:24px}.prompts,.recorder{background:white;border-radius:22px;border:1px solid var(--border);padding:28px;box-shadow:0 12px 30px #3020200a;min-width:0}.panel-heading{display:flex;align-items:center;gap:13px}.step{flex:none;border-radius:50%;background:#eee9f7;color:#563b9b;font-weight:750;display:inline-grid;place-items:center;height:39px;width:39px;font-size:13px}.panel-heading h3{font:700 23px/1.2 Georgia,serif;margin:0}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 20px}.topic{min-height:75px;background:#fbf9f5;border:1px solid var(--border);border-radius:13px;padding:10px;text-align:left;font-size:14px;font-weight:650;color:var(--ink)}.topic span{font-size:24px;color:#8967a3;vertical-align:middle;display:inline-block;margin-right:8px}.topic:hover{border-color:#c5b3e5}.topic.active{border:2px solid #785ac4;background:#f3effa;padding:9px}.question-card{padding:20px;background:#f8f3eb;border-radius:14px}.question-label{font-size:12px;font-weight:750;color:#68558a;letter-spacing:.08em}.question-label output{float:right;letter-spacing:0}.question-card>p{min-height:74px;margin:16px 0;font:600 22px/1.3 Georgia,serif}.question-actions{display:flex;justify-content:space-between;gap:10px}.quiet,.link-button{border:0;background:transparent;color:var(--purple-dark);font-weight:650;padding:8px 2px}.quiet:hover:not(:disabled),.link-button:hover{text-decoration:underline}.field-label{display:block;margin:24px 0 8px;font-weight:650;font-size:13px}textarea{resize:vertical;width:100%;min-height:75px;border-radius:10px;border:1px solid #d8d1c8;padding:12px;color:var(--ink);background:#fff}.photo-panel{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.photo-note{display:flex;align-items:flex-start;gap:13px}.photo-note>span{font-size:25px;color:#8d759d}.photo-note strong{font-size:14px}.photo-note p{font-size:12px;color:var(--muted);margin:2px 0 13px}.photo-panel input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-panel .upload{cursor:pointer;min-height:39px;font-size:13px;padding:8px 15px}.hint{font-size:12px;color:var(--muted);margin:10px 0}.photo-panel img{display:block;max-width:100%;max-height:250px;object-fit:contain;border-radius:9px}.photo-panel img[hidden],.photo-panel button[hidden]{display:none}.consent-box{margin:26px 0 20px;background:#f6f4f8;border-radius:14px;padding:17px}.consent-box label{display:flex;gap:10px;font-size:14px;font-weight:700;align-items:flex-start}.consent-box input{width:19px;height:19px;accent-color:var(--purple);flex:none;margin:1px 0}.consent-box p{font-size:12px;color:var(--muted);margin:7px 0 0 29px}.recording-area{text-align:center;border-radius:18px;background:#fbf8f5;border:1px dashed #e6d8ce;padding:23px 12px 19px}.status-tag{background:#eef0ed;border-radius:99px;color:#526457;font-size:12px;font-weight:700;padding:5px 12px}.status-tag.live{background:#ffeded;color:#a52e3c}.timer{font:600 55px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;margin:19px 0 15px;letter-spacing:-.045em}.record-button{width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:50%;color:white;background:#aa605f;border:6px solid #f5d5d2;box-shadow:0 0 0 2px #b46f69;font-weight:750}.record-button:not(:disabled):hover{background:#8e4849}.record-button{margin:0 auto 19px}.mic-icon{font-size:25px;line-height:1}.recorder-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.recorder-actions .button{font-size:13px;min-height:40px;padding:8px 17px}.recorder-message{font-size:13px;color:#695262;min-height:26px;margin:15px 0 0}.export-card{border-top:1px solid var(--border);margin-top:24px;padding-top:24px;display:flex;gap:14px}.export-card h3{font:700 21px Georgia,serif;margin:0}.export-card p{font-size:13px;color:var(--muted);margin:4px 0 14px}.export-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.export-actions .button{font-size:13px;min-height:42px;padding:9px 16px}audio{display:block;width:100%;margin:14px 0}audio[hidden]{display:none}.privacy{background:#edf4eb;border-radius:24px;display:flex;gap:20px;padding:28px 36px;margin-bottom:64px}.privacy-symbol{font-size:45px;color:#487552}.privacy h2{font:700 28px Georgia,serif;margin:7px 0}.privacy p{max-width:880px;font-size:14px;color:#394d3e;margin:7px 0}.footer{padding:0 0 40px;display:flex;align-items:center;gap:24px;justify-content:space-between;border-top:1px solid var(--border);padding-top:26px}.footer .wordmark{font-size:19px}.footer p{font-size:13px;color:var(--muted)}@media(max-width:900px){.site-header nav{gap:15px}.hero{gap:30px}.hero-art{height:355px}.photo-front img{height:220px}.photo-back{height:245px}.scene{height:195px}.studio{grid-template-columns:1fr}.session{padding-block:64px 48px}}@media(max-width:600px){.section-shell{width:calc(100% - 30px)}.site-header{height:75px;width:calc(100% - 30px);gap:12px;flex-wrap:wrap;justify-content:space-between}.site-header nav{display:none}.site-header .wordmark{font-size:23px}.site-header .top-cta{font-size:12px;padding-inline:12px;min-height:39px}.hero{display:flex;flex-direction:column;gap:0;padding:25px 0 35px}.hero h1{font-size:clamp(40px,11vw,55px)}.hero-copy>p{font-size:17px}.hero-art{width:100%;height:340px;margin-top:32px}.photo-front img{height:240px}.photo-back{height:260px}.scene{height:210px}.trust{font-size:11px}.features{grid-template-columns:1fr;gap:14px;padding:24px}.features>div{border-left:0;padding-left:0;display:grid;grid-template-columns:45px 1fr;column-gap:13px}.features .feature-icon{grid-row:span 2}.features h2{margin:1px 0}.features p{grid-column:2}.session-heading{text-align:left}.prompts,.recorder{padding:19px 16px}.question-card>p{font-size:20px}.topic span{display:block;margin-right:0}.photo-panel .upload{width:100%}.privacy{padding:20px;gap:12px}.privacy-symbol{font-size:30px}.privacy h2{font-size:24px}.footer{align-items:flex-start;flex-wrap:wrap;gap:12px}.footer p{width:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.hero,.features,.session-heading,.recorder,.photo-panel,.topic-grid,.field-label,textarea,.link-button,.privacy,.footer,.question-actions,.trust{display:none!important}.session{padding:0}.studio{display:block}.prompts{box-shadow:none;border:0}.prompts::before{content:'KinGather — Family Interview Questions';font:700 25px Georgia,serif;display:block;margin-bottom:25px}.question-card{margin-top:20px}.question-card>p{font-size:23px}body{background:white}}