:root{--ink:#20372f;--muted:#66766e;--green:#1d5542;--green-dark:#173d32;--mint:#eaf1e9;--cream:#f7f5ee;--gold:#d2a664;--line:#e7e9df;--white:#fff;--shadow:0 18px 55px rgba(32,55,47,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;top:-50px;left:12px;background:white;padding:8px;z-index:9}.skip-link:focus{top:8px}.topbar{height:84px;padding:0 max(calc((100vw - 1200px)/2),5.5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f1ec}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green-dark);color:#f6dfb8;font-family:'Playfair Display',serif;font-size:24px;border:1px solid #c6a15f;box-shadow:inset 0 0 0 3px var(--green-dark),inset 0 0 0 4px #c6a15f}.brand strong,.brand small{display:block;line-height:1.25;letter-spacing:.08em}.brand strong{font-size:13px}.brand small{color:var(--muted);font-size:11px;letter-spacing:.03em;margin-top:4px}.topbar nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.topbar nav>a:not(.button):hover,.text-link:hover{color:#a66e28}.button{border:0;border-radius:8px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:13px;transition:transform .18s,background .18s;cursor:pointer}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:white;box-shadow:0 7px 20px rgba(29,85,66,.15)}.button-primary:hover{background:#154733}.button-outline{background:white;color:var(--green);border:1px solid #cad7cc}.button-soft{background:var(--mint);color:var(--green)}.hero{max-width:1200px;margin:0 auto;padding:79px 0 74px;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:46px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9b7136;font-weight:700;font-size:10px;letter-spacing:.16em}.live-dot{width:7px;height:7px;border-radius:50%;background:#70a77d;box-shadow:0 0 0 4px #edf4ea}.hero h1,.section-heading h2,.capture h2,.heritage h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em;line-height:1.12}.hero h1{font-weight:500;font-size:clamp(42px,5vw,65px);margin:22px 0 16px}.hero h1 em,.heritage h2 em{font-weight:500;color:var(--green);font-style:italic}.hero-lead{max-width:475px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:27px}.trust-note{margin-top:27px;color:#69786f;font-size:12px}.trust-note span{color:#b58a4d;margin-right:7px}.hero-art{height:400px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(160deg,#e8efe6 0%,#f5e9d3 100%)}.sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#edce9a;top:51px;right:93px;box-shadow:0 0 0 14px #eed4a04a}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-back{background:#b4c8a8;width:610px;height:205px;left:-96px;bottom:-95px;transform:rotate(-7deg)}.hill-front{background:#788f72;width:530px;height:177px;right:-110px;bottom:-100px;transform:rotate(8deg)}.house{position:absolute;bottom:103px;left:43%;transform:translateX(-50%);z-index:2}.roof{margin:0 auto -4px;width:116px;height:70px;background:#846548;clip-path:polygon(50% 0,100% 68%,93% 78%,50% 25%,7% 78%,0 68%)}.house-body{height:92px;width:103px;background:#f3e8d1;border:2px solid #8f7555;position:relative}.door{position:absolute;bottom:0;left:39px;width:26px;height:51px;background:#76573e;border-radius:12px 12px 0 0}.window{position:absolute;top:20px;right:12px;width:20px;height:22px;border:2px solid #8c714e;background:#b7d2c6}.tree{position:absolute;z-index:3;bottom:98px}.tree i{display:block;width:9px;height:77px;background:#765b3b;margin:auto}.tree b{display:block;position:absolute;width:66px;height:66px;border-radius:50%;background:#647e61;top:-40px;left:-28px;box-shadow:18px 10px 0 -5px #778f6b,-13px 12px 0 -6px #829777}.tree-one{left:18%}.tree-two{right:17%;transform:scale(.75);bottom:98px}.paper-card{position:absolute;z-index:4;left:12%;top:65px;width:198px;padding:17px 18px;background:#fffaf0;box-shadow:0 12px 35px #465b4933;transform:rotate(-5deg);border:1px solid #e6d9be}.paper-card:after{content:'';position:absolute;inset:6px;border:1px solid #e8dcc4;pointer-events:none}.paper-card span,.paper-card small{display:block;color:#927543;font-size:8px;letter-spacing:.11em;position:relative;z-index:1}.paper-card strong{display:block;font-family:'Playfair Display',serif;font-size:17px;font-weight:500;margin:7px 0;position:relative;z-index:1}.paper-card small{font-size:8px;letter-spacing:0;color:#798277}.art-caption{position:absolute;z-index:4;right:18px;bottom:19px;background:#ffffffed;border-radius:9px;padding:12px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 7px 20px #3445301a}.caption-icon{color:#b78743;font-size:17px}.art-caption b,.art-caption small{display:block}.art-caption b{font-size:10px}.art-caption small{font-size:9px;color:var(--muted);margin-top:2px}.section-wrap{max-width:1200px;margin:0 auto}.ways{padding:54px 0 83px;border-top:1px solid #f2f1eb}.section-heading{text-align:center}.section-heading h2{font-size:36px;font-weight:500;margin:11px 0}.section-heading p{font-size:13px;color:var(--muted);margin:0}.way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.way-card{min-height:155px;border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-content:start;transition:box-shadow .2s,transform .2s}.way-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.way-icon{grid-row:span 2;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf1e9;color:#2d684f;font-size:20px}.way-photo .way-icon{background:#f5eedf;color:#a97f40}.way-read .way-icon{background:#edf0ec;color:#728070}.way-card h3{font-size:14px;margin:0 0 3px}.way-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.65}.way-card>a,.text-link{grid-column:2;margin-top:14px;font-size:11px;font-weight:700;color:var(--green)}.way-card>a span,.text-link span{margin-left:5px}.text-link{padding:0;border:0;background:transparent;text-align:left}.capture{border-radius:14px;background:#f7f7f2;padding:53px 56px;display:grid;grid-template-columns:.78fr 1.22fr;gap:49px;align-items:center}.capture h2{font-size:39px;font-weight:500;margin:13px 0}.capture-intro>p{font-size:13px;color:var(--muted);max-width:320px;line-height:1.85}.privacy{display:flex;gap:12px;margin-top:24px;padding:14px;border:1px solid #e8e6da;border-radius:8px;background:#fbfaf6}.privacy>span{color:#a77c3d;font-size:17px}.privacy p{margin:0}.privacy b,.privacy small{display:block}.privacy b{font-size:11px}.privacy small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.6}.capture-panel{background:white;border:1px solid #e9e9e1;box-shadow:0 10px 35px #31463c0b;border-radius:11px;padding:20px}.capture-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:-2px 0 16px}.capture-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#7b867c;padding:10px 13px 12px;font-size:12px;font-weight:700}.capture-tab.active{color:var(--green);border-bottom-color:var(--green)}.tab-panel[hidden]{display:none}.voice-prompt{display:flex;align-items:center;gap:12px;padding:13px;background:#f5f7f0;border-radius:8px}.prompt-spark{font-size:19px;color:#a98041}.voice-prompt b{font-size:12px}.voice-prompt p{font-size:10px;color:var(--muted);margin:1px 0 0}.record-button{width:100%;margin:15px 0 0;border:1px dashed #9ab5a2;border-radius:8px;background:#f9fbf8;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green);font-weight:700;font-size:12px}.record-button.recording{background:#fff3ef;border-color:#dc9786;color:#9b4937}.mic-icon{font-size:18px}.record-hint{margin:6px 0 15px;text-align:center;color:#859087;font-size:9px}.field-label{display:block;font-size:10px;font-weight:700;margin:12px 0 5px}.field-label span{font-weight:400;color:#8c948c}textarea{width:100%;resize:vertical;padding:11px;border-radius:7px;border:1px solid #e2e5dc;outline:none;color:var(--ink);font-size:11px;line-height:1.6}textarea:focus{border-color:#83a48d;box-shadow:0 0 0 3px #eaf1e9}textarea::placeholder{color:#a4aaa2}.upload-area{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #cdd6cb;border-radius:8px;background:#fbfcf9;text-align:center}.upload-symbol{font-size:25px;color:#528266}.upload-area b{font-size:12px}.upload-area p{font-size:10px;color:var(--muted);margin:3px 0 12px}.upload-area .button{padding:8px 16px;font-size:10px}.photo-preview{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.photo-preview:empty{display:none}.photo-preview img{width:65px;height:65px;object-fit:cover;border-radius:5px;border:1px solid var(--line)}.capture-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f0ea;margin-top:16px;padding-top:14px;gap:12px}.draft-state{font-size:9px;color:#7d897e}.capture-footer .button{padding:10px 14px;font-size:10px}.heritage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding:86px 0}.heritage h2{font-size:39px;font-weight:500;margin:14px 0}.heritage-copy>p{max-width:480px;color:var(--muted);font-size:13px;line-height:1.9}.heritage-copy>.text-link{display:inline-block;margin-top:10px}.heritage-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}.stat-card{height:122px;border-radius:8px;background:#f5f6ef;padding:17px;display:flex;flex-direction:column}.stat-card:nth-child(2){background:#f6efe2}.stat-card:nth-child(3){background:#edf2eb}.stat-card>span{font-family:'Playfair Display',serif;font-size:18px;color:#ad8750}.stat-card>b{font-size:12px;margin-top:3px}.stat-card>small{font-size:9px;color:var(--muted)}.stat-stamp{position:absolute;right:-13px;top:-12px;width:76px;height:76px;display:grid;align-content:center;text-align:center;border-radius:50%;background:var(--green-dark);color:#f7e4c0;border:1px solid #c8a35f;box-shadow:inset 0 0 0 4px var(--green-dark),inset 0 0 0 5px #c8a35f;font-family:'Playfair Display',serif;font-size:12px;line-height:1.25}.stat-stamp small{font-family:'DM Sans',sans-serif;font-size:6px;letter-spacing:.08em}.footer{min-height:160px;background:#173d32;color:white;display:flex;align-items:center;justify-content:space-between;padding:28px max(calc((100vw - 1200px)/2),5.5vw);gap:25px}.brand-footer .brand-mark{background:#214d3f;box-shadow:inset 0 0 0 3px #173d32,inset 0 0 0 4px #c6a15f}.brand-footer small{color:#ced7ce}.footer>p{font-size:11px;color:#e0e8dc}.footer>small{max-width:300px;font-size:9px;color:#b7c5b8;text-align:right}.notice-dialog{border:1px solid #e6e9df;border-radius:14px;padding:32px;max-width:390px;box-shadow:var(--shadow);color:var(--ink);text-align:center}.notice-dialog::backdrop{background:#152a21a6;backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:25px;color:#8b958b}.dialog-icon{display:grid;place-items:center;margin:0 auto;width:42px;height:42px;border-radius:50%;background:#edf3e9;color:#a77c3d}.notice-dialog h2{font-family:'Playfair Display',serif;font-size:23px;font-weight:500;margin:13px 0 5px}.notice-dialog p{font-size:12px;color:var(--muted);line-height:1.8}.notice-dialog .button{margin-top:8px}.toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#20372f;color:white;border-radius:8px;padding:11px 17px;font-size:12px;box-shadow:var(--shadow);transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1280px){.hero,.section-wrap{margin-left:5vw;margin-right:5vw}.hero{padding-top:60px}.footer{padding-left:5vw;padding-right:5vw}}@media(max-width:760px){body{font-size:15px}.topbar{height:68px;padding:0 5vw}.brand-mark{width:37px;height:37px}.topbar nav{gap:0}.topbar nav>a{display:none}.topbar nav .button{padding:9px 12px;font-size:11px}.hero{margin:0;padding:43px 5vw 39px;display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero h1{font-size:43px;margin-top:17px}.hero-lead{font-size:13px}.hero-actions{gap:8px;flex-wrap:wrap}.button{padding:12px 14px;font-size:11px}.trust-note{font-size:10px;margin-top:18px}.hero-art{height:290px}.paper-card{top:38px;left:8%;transform:scale(.86) rotate(-5deg);transform-origin:top left}.sun{width:58px;height:58px;right:16%;top:37px}.house{bottom:70px;left:47%;transform:translateX(-50%) scale(.82);transform-origin:bottom}.tree-one{left:14%;bottom:66px;transform:scale(.8)}.tree-two{right:12%;bottom:66px;transform:scale(.65)}.art-caption{right:10px;bottom:11px;padding:8px 10px}.ways{padding:40px 0 52px}.section-heading h2{font-size:29px}.section-heading p{font-size:11px}.way-grid{grid-template-columns:1fr;gap:9px;margin-top:21px}.way-card{min-height:120px;padding:15px;grid-template-columns:40px 1fr}.capture{margin:0;padding:37px 5vw 27px;display:flex;flex-direction:column;gap:22px;align-items:stretch;border-radius:0}.capture h2{font-size:33px}.capture-intro>p{font-size:12px}.privacy{margin-top:16px}.capture-panel{padding:13px}.capture-tab{padding:9px 6px 11px;font-size:10px}.capture-footer{align-items:flex-start;flex-direction:column}.capture-footer .button{width:100%}.heritage{padding:55px 0;grid-template-columns:1fr;gap:25px}.heritage h2{font-size:34px}.heritage-stats{padding:18px;margin-right:8px}.stat-stamp{right:-7px}.footer{padding:24px 5vw;display:grid;grid-template-columns:1fr;gap:12px}.footer>p{margin:0}.footer>small{text-align:left}.notice-dialog{width:calc(100% - 32px);padding:27px 20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}