:root{--paper:#f4efe5;--paper-light:#fbf8f1;--ink:#292b25;--muted:#747166;--wine:#7f292b;--green:#244d3a;--sage:#dce2d3;--gold:#b48a4e;--line:rgba(72,65,52,.18);--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.7),transparent 30%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E")}.section-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:92px;width:min(1340px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--wine);font:25px var(--serif)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:var(--paper-light);font:15px var(--serif)}.brand-mark svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.4}.site-header nav{display:flex;gap:36px}.site-header nav a,.header-action,.login-action{color:var(--ink);text-decoration:none;font-size:13px}.site-header nav a:hover{color:var(--wine)}.header-actions{display:flex;align-items:center;gap:12px}.header-action{background:var(--wine);color:#fff;padding:11px 16px;border-radius:2px}.login-action{padding:10px 16px;border:1px solid rgba(127,41,43,.4);color:var(--wine);border-radius:2px}.header-action:hover{background:#692123}.login-action:hover{border-color:var(--wine)}
.hero{min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-block:80px 100px;position:relative}.hero:before{content:"";position:absolute;left:-160px;top:30px;width:1px;height:480px;background:var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;color:var(--wine);margin:0 0 22px}.hero h1,.section-intro h2,.timeline-heading-row h2,.privacy h2,.cta h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,6.3vw,88px);line-height:1.05;margin:0 0 30px}.hero h1 em{color:var(--wine);font-style:normal}.hero-lead{font-size:17px;line-height:1.75;max-width:570px;color:#595a52}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.button{border:0;border-radius:2px;padding:17px 24px;font:600 12px var(--sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center}.button-primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(36,77,58,.18)}.button-primary:hover{background:#193c2c;transform:translateY(-1px)}.text-link{font-size:13px;color:var(--ink);text-decoration:none}.text-link span{margin-left:8px;color:var(--wine)}.hero-keepsake{height:470px;position:relative}.photo-frame{position:absolute;top:35px;right:36px;width:360px;padding:14px 14px 36px;background:#f9f5eb;box-shadow:0 24px 55px rgba(66,52,35,.2);transform:rotate(3deg)}.photo-frame p{position:absolute;bottom:9px;left:18px;margin:0;color:#817b6d;font:12px var(--serif)}.memory-landscape{height:335px;overflow:hidden;position:relative;background:linear-gradient(#d9bfa5 0 45%,#c4b19b 45%);filter:sepia(.12)}.sun{position:absolute;width:76px;height:76px;border-radius:50%;background:#f5d9a0;right:48px;top:54px;box-shadow:0 0 42px #f1d295}.hill{position:absolute;border-radius:50% 50% 0 0;background:#566857;bottom:60px}.hill-one{width:430px;height:190px;left:-100px;transform:rotate(8deg)}.hill-two{width:390px;height:155px;right:-150px;background:#354c3c}.water{position:absolute;inset:auto 0 0;height:85px;background:linear-gradient(160deg,#9eaaa0,#465a52);border-top:2px solid rgba(255,255,255,.35)}.hand-note{position:absolute;left:5px;bottom:60px;padding:18px 24px;background:#e7dfcd;box-shadow:0 8px 24px rgba(66,52,35,.12);color:var(--wine);font:19px/1.5 var(--serif);transform:rotate(-5deg)}.botanical-a{position:absolute;right:10px;bottom:15px;font-size:100px;color:rgba(127,41,43,.35);transform:rotate(25deg)}
.timeline-demo{background:#ece4d5;padding:105px 0 65px;border-block:1px solid var(--line)}.timeline-heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.timeline-heading-row h2,.section-intro h2,.privacy h2,.cta h2{font-size:clamp(38px,4.4vw,62px);line-height:1.15;margin:0}.timeline-heading-row>p{max-width:450px;line-height:1.75;color:var(--muted);font-size:14px}.timeline-viewport{overflow:auto;cursor:grab;padding:45px max(24px,calc((100vw - 1180px)/2)) 70px;scrollbar-width:none;outline:none}.timeline-viewport::-webkit-scrollbar{display:none}.timeline-viewport.dragging{cursor:grabbing}.timeline-track{width:max-content;display:flex;gap:28px;position:relative}.timeline-line{height:1px;background:var(--wine);opacity:.55;min-width:1500px;transform:translateY(-46px)}.memory-card{width:285px;height:350px;flex:none;background:rgba(251,248,241,.88);border:1px solid rgba(75,61,42,.16);padding:28px;position:relative;box-shadow:0 10px 25px rgba(68,56,38,.08)}.memory-card:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--wine);bottom:-49px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 5px #ece4d5}.memory-year{font:24px var(--serif);color:var(--wine);display:block;margin-bottom:34px}.memory-type{text-transform:uppercase;letter-spacing:.14em;color:#857d6d;font-size:9px}.memory-card h3{font:21px/1.4 var(--serif);font-weight:400;margin:12px 0}.memory-card p{font-size:13px;line-height:1.7;color:#666359}.memory-card small{position:absolute;bottom:26px;color:#8e887a}.image-card{padding:0;overflow:hidden}.image-card .memory-year{position:absolute;top:18px;left:18px;z-index:2;background:var(--paper-light);padding:8px 11px;font-size:16px}.illustrated-photo{height:205px;position:relative;overflow:hidden;background:linear-gradient(#d2d3c0,#98a084)}.illustrated-photo:after{content:"";position:absolute;left:-20%;right:-20%;bottom:-36px;height:130px;border-radius:50%;background:#3d5d49}.illustrated-photo i,.illustrated-photo b{position:absolute;bottom:22px;width:8px;height:105px;background:#273e31;z-index:1;clip-path:polygon(45% 0,55% 0,58% 37%,100% 37%,62% 44%,90% 52%,59% 50%,60% 100%,40% 100%,43% 50%,9% 55%,40% 43%,3% 40%,42% 37%)}.illustrated-photo i{left:64px}.illustrated-photo b{left:125px;transform:scale(.75)}.image-city .illustrated-photo{background:linear-gradient(#d6bfa0,#8e6d59)}.image-city .illustrated-photo:after{border-radius:0;bottom:0;height:88px;background:repeating-linear-gradient(90deg,#594b42 0 27px,#3c3935 28px 47px)}.image-card>div:last-child{padding:20px 24px}.image-card h3{margin:8px 0}.image-card small{bottom:18px}.audio-card{background:var(--sage)}.play{width:50px;height:50px;border-radius:50%;border:1px solid var(--green);background:transparent;color:var(--green);font-size:15px;margin:25px 0 12px;cursor:pointer}.wave,.mini-wave{height:38px;background:repeating-linear-gradient(90deg,var(--green) 0 2px,transparent 2px 7px);mask-image:linear-gradient(to bottom,transparent 15%,#000 50%,transparent 85%);opacity:.55}.current-card{background:var(--green);color:#fff}.current-card .memory-year,.current-card .memory-type,.current-card p{color:#fff}.plus{position:absolute;right:25px;bottom:18px;font:42px var(--serif);color:#ddcdaa}.drag-hint{text-align:center;margin:0;color:#8d8678;font-size:11px;text-transform:uppercase;letter-spacing:.17em}.drag-hint span{color:var(--wine);margin:0 8px}
.steps{padding-block:120px;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}.section-intro{position:sticky;top:60px;align-self:start}.step-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:38px 0;border-bottom:1px solid var(--line)}.step>span{font:18px var(--serif);color:var(--wine)}.step h3{font:28px var(--serif);font-weight:400;margin:0 0 10px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.75;max-width:450px}.keeps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:120px}.keep-card{min-height:310px;background:var(--paper-light);padding:42px;position:relative;overflow:hidden}.keep-card h3{font:28px var(--serif);font-weight:400;margin:30px 0 12px}.keep-card p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.keep-icon{font-size:28px;color:var(--wine)}.keep-voice{background:#e1e5d8}.mini-wave{position:absolute;width:48%;right:35px;bottom:30px;height:80px}.map-lines{position:absolute;width:240px;height:150px;border:1px solid rgba(127,41,43,.25);border-radius:50%;right:-50px;bottom:-30px;transform:rotate(-18deg)}.map-lines:before,.map-lines:after{content:"";position:absolute;border:inherit;border-radius:50%;inset:20px}.map-lines:after{inset:45px}.privacy{padding-block:90px;background:var(--green);color:#f7f1e5}.privacy-inner{display:grid;grid-template-columns:110px 1fr 1fr;align-items:center;gap:55px}.privacy .eyebrow{color:#d2b681}.privacy-inner>p{font-size:14px;line-height:1.8;color:#cbd6cf}.key-seal{width:96px;height:96px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font-size:38px;color:#d2b681}.cta{padding-block:125px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.cta-copy>p:last-child{color:var(--muted);line-height:1.7;max-width:520px;margin-top:24px}.signup-form{background:#e9e1d2;padding:32px}.signup-form label{font:18px var(--serif);display:block;margin-bottom:16px}.input-row{display:flex}.input-row input{min-width:0;flex:1;border:1px solid var(--line);background:var(--paper-light);padding:16px;font:14px var(--sans);outline:none}.input-row input:focus{border-color:var(--green)}.form-note{font-size:11px;color:var(--muted);margin:13px 0 0}.site-footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.brand-small{font-size:17px}.brand-small .brand-mark{width:28px;height:28px;font-size:11px}.reveal{opacity:0;transform:translateY(20px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:76px}.site-header nav{display:none}.header-action{font-size:11px}.section-shell{width:min(100% - 32px,1180px)}.hero{grid-template-columns:1fr;padding-top:70px}.hero-keepsake{height:390px;margin-top:30px}.photo-frame{width:290px;right:10px}.memory-landscape{height:270px}.timeline-heading-row,.steps,.privacy-inner,.cta{grid-template-columns:1fr;display:grid;gap:35px}.timeline-heading-row{align-items:start}.timeline-heading-row>p{margin:0}.steps{padding-block:80px}.section-intro{position:static}.keeps{grid-template-columns:1fr;margin-bottom:70px}.keep-card{min-height:260px}.privacy-inner{grid-template-columns:70px 1fr}.privacy-inner>p{grid-column:1/-1}.key-seal{width:68px;height:68px}.cta{padding-block:80px}.input-row{flex-direction:column;gap:8px}.site-footer{padding-block:28px;flex-wrap:wrap;gap:15px}.site-footer>p:nth-child(2){display:none}}
@media(max-width:480px){.brand{font-size:20px}.header-action{display:none}.login-action{padding:9px 14px}.hero{min-height:auto;padding-top:55px}.hero h1{font-size:46px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-keepsake{height:350px}.photo-frame{width:250px}.memory-landscape{height:235px}.hand-note{font-size:15px}.timeline-demo{padding-top:75px}.timeline-heading-row{margin-bottom:30px}.memory-card{width:260px}.step{grid-template-columns:50px 1fr}.cta h2,.section-intro h2,.timeline-heading-row h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.closed-test{margin-block:105px;display:grid;grid-template-columns:82px 1fr 1.1fr auto;align-items:center;gap:40px;padding:48px;background:#e9e1d2;border:1px solid var(--line)}.closed-test-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;font:22px var(--serif)}.closed-test h2{font:34px/1.2 var(--serif);font-weight:400;margin:0}.closed-test .eyebrow{margin-bottom:10px}.closed-test>p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.closed-test .button{min-width:120px}@media(max-width:800px){.closed-test{grid-template-columns:70px 1fr;gap:25px;margin-block:70px}.closed-test>p,.closed-test>.button{grid-column:1/-1}.closed-test>.button{justify-self:start}}@media(max-width:480px){.closed-test{padding:30px 24px;display:block}.closed-test-mark{margin-bottom:24px}.closed-test>p{margin:20px 0}.closed-test .button{width:100%}}
.auth-page{min-height:100vh}.auth-header{height:92px;width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.back-link{font-size:13px;color:var(--wine);text-decoration:none}.auth-main{min-height:calc(100vh - 92px);display:grid;place-items:center;padding:48px 20px}.auth-card{width:min(480px,100%);background:var(--paper-light);padding:48px;box-shadow:0 20px 55px rgba(66,52,35,.12);border:1px solid var(--line)}.auth-card h1{font:40px/1.2 var(--serif);font-weight:400;margin:0 0 18px}.auth-card>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:30px}.auth-card form{display:grid;gap:11px}.auth-card label{font-size:12px;margin-top:8px}.auth-card input{width:100%;border:1px solid var(--line);background:#fff;padding:15px;font:14px var(--sans);outline:none}.auth-card input:focus{border-color:var(--green)}.auth-card button{margin-top:15px}.auth-card .form-note{text-align:center}@media(max-width:480px){.auth-header{height:76px;width:calc(100% - 32px)}.auth-card{padding:32px 24px}.auth-card h1{font-size:34px}}
.auth-error{padding:12px 14px;background:#f4dddd;color:var(--wine)!important;border-left:3px solid var(--wine);margin:0 0 18px!important}.dashboard-card .button{margin-top:15px}.dashboard-placeholder{display:flex;justify-content:space-between;gap:15px;padding:18px;margin:24px 0;background:var(--sage);font-size:12px}.dashboard-placeholder strong{color:var(--green)}
.admin-main{width:min(1180px,calc(100% - 48px));margin:auto;padding:65px 0 100px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.admin-heading h1{font:46px/1.15 var(--serif);font-weight:400;margin:0}.admin-heading>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.7}.admin-panel{background:var(--paper-light);border:1px solid var(--line);padding:34px;margin-top:24px}.admin-panel-heading h2{font:28px var(--serif);font-weight:400;margin:0 0 26px}.admin-panel-heading .eyebrow{margin-bottom:9px}.user-create-form{display:grid;grid-template-columns:1fr 1fr 1.2fr .75fr auto;gap:14px;align-items:end}.user-create-form label{display:grid;gap:8px;font-size:11px}.user-create-form input,.quota-form input{min-width:0;border:1px solid var(--line);background:#fff;padding:13px;font:13px var(--sans);outline:none}.user-create-form input:focus,.quota-form input:focus{border-color:var(--green)}.user-create-form .button{height:45px}.auth-success{padding:12px 14px;background:var(--sage);color:var(--green);border-left:3px solid var(--green)}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;min-width:790px}.users-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:13px 10px;border-bottom:1px solid var(--line)}.users-table td{padding:20px 10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.users-table td>strong,.users-table td>small{display:block}.users-table small{margin-top:7px;color:var(--muted)}.storage-bar{width:150px;height:5px;background:#ded8ca;margin-top:10px}.storage-bar span{display:block;height:100%;background:var(--wine)}.quota-form{display:flex;align-items:center;gap:7px}.quota-form input{width:90px;padding:9px}.quota-form button{border:0;background:transparent;color:var(--wine);cursor:pointer;border-bottom:1px solid currentColor;padding:4px 0}.status-badge{display:inline-block;padding:6px 9px;background:#e6ddd2;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.status-badge.active{background:var(--sage);color:var(--green)}.empty-state{color:var(--muted);font-size:13px}@media(max-width:900px){.user-create-form{grid-template-columns:1fr 1fr}.user-create-form .button{align-self:end}.admin-heading{display:block}.admin-heading>p{margin-top:20px}}@media(max-width:560px){.admin-main{width:calc(100% - 32px);padding-top:40px}.admin-heading h1{font-size:36px}.admin-panel{padding:24px 18px}.user-create-form{grid-template-columns:1fr}.user-create-form .button{width:100%}}