/* Liquid glass: warm light, translucent surfaces, and polished edges. */
:root{--ink:#203d39;--sand:#f3f3eb;--orange:#9f482d;--line:#ffffffa6;--glass:rgba(255,255,255,.62);--edge:1px solid rgba(255,255,255,.8);--shadow:0 20px 60px #24494112,inset 0 1px 0 #ffffffed,inset 0 -1px 0 #ffffff50}
body{background:radial-gradient(ellipse at 0% 25%,#e9c5a876,transparent 40%),radial-gradient(ellipse at 100% 48%,#a7d7cc77,transparent 43%),#edf0e8}header{position:sticky;top:16px;z-index:10;height:80px;margin:16px 3% 0;padding:0 28px;background:rgba(255,255,255,.65);border:var(--edge);border-radius:28px;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shadow)}.logo span{color:#9f482d}.pill,button{transition:background .25s,box-shadow .25s,transform .25s}.pill{border:var(--edge);background:#ffffff64;box-shadow:0 4px 12px #263e3510,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pill:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #203d3920,inset 0 1px 0 #ffffff80}.solid{background:linear-gradient(135deg,#2a5753ed,#183d37e8);color:#fff;border:1px solid #ffffff66}.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:720px;margin:22px 3% 0;padding:40px;border-radius:36px;overflow:hidden;background:#b9bcb0}.hero-photo{position:absolute;inset:0;z-index:-1;min-height:100%;background-position:center 50%}.hero-photo:after{background:linear-gradient(90deg,#162d3820,transparent 70%,#172b3625)}.hero-copy{width:52%;max-width:640px;padding:42px 40px;position:relative;background:rgba(251,249,239,.7);border:1px solid #ffffffb8;border-radius:32px;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 24px 70px #192f3829,inset 0 1px 1px #ffffff,inset 0 -1px 0 #ffffff80}h1{font-size:clamp(54px,5.5vw,80px);margin:23px 0;letter-spacing:-3px}.hero-copy p{color:#43584f}.hero-note{margin-top:25px}.photo-label{left:auto;right:30px;bottom:30px;max-width:320px;padding:20px 24px;background:#213a414f;border:1px solid #ffffff55;border-radius:22px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff70}.vertical{right:30px}.ribbon{margin:20px 3% 0;padding:24px 3%;background:#ffffff5c;border:var(--edge);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.section{padding:80px 5%}.section-head p,.step p{color:#50665d}.filters{width:fit-content;padding:6px;background:#ffffff59;border:var(--edge);border-radius:40px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.filters button{border:1px solid transparent}.filters button.active{background:linear-gradient(140deg,#2f5d55,#24483e);border:1px solid #ffffff55;box-shadow:0 3px 12px #24483e33,inset 0 1px 0 #ffffff55}.card{padding:12px;background:var(--glass);border:var(--edge);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.image{border-radius:19px}.tag{background:#ffffffe0;border:var(--edge);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff}.card-info{padding:22px 10px 18px;border:0}.card-info h3{font-size:25px}.card-info p{color:#50665d}.card-info button{right:4px;top:28px;background:#ffffff85;border:var(--edge);box-shadow:0 3px 10px #24483e15,inset 0 1px 0 #fff;color:var(--ink)}.story{background:#ffffff59;border:var(--edge);border-radius:32px;padding:12px;gap:12px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.story-photo{border-radius:22px}.story-text{padding:48px 10%}.story-text p{color:#50665d}.steps{gap:24px}.step{padding:28px;background:#ffffff5c;border:var(--edge);border-radius:26px;box-shadow:var(--shadow)}.planner{position:relative;margin:0 3%;padding:58px 4%;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at top right,#d8d9ba48,transparent 50%),linear-gradient(130deg,#244b43,#32675b);border:1px solid #ffffff88;box-shadow:0 24px 60px #24494122,inset 0 1px 0 #ffffff99}.planner form{padding:27px;background:#ffffff13;border:1px solid #ffffff55;border-radius:26px;box-shadow:0 12px 30px #112f3719,inset 0 1px 0 #ffffff55;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.planner p{color:#e0e9df}.planner h2 em{color:#f1c29e}input,select{background:#ffffff17;border:1px solid #ffffff60;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff30;color:#fff}input:focus,select:focus{outline:2px solid #e9c1a2;outline-offset:3px}.submit{background:linear-gradient(130deg,#f7d9bbed,#e7b88fd9);border:1px solid #fff9;box-shadow:0 8px 22px #172e3225,inset 0 1px 0 #fff}.result{border-radius:15px;background:#ffffff15}.faq{max-width:950px}details{background:#ffffff65;border:var(--edge);border-radius:18px;padding:21px 24px;margin:12px 0;box-shadow:0 6px 20px #24494108,inset 0 1px 0 #fff}details[open]{background:#ffffffa6}details p{color:#50665d}footer{border-top:1px solid #c1cfc4}.text-link{border-color:#81968b}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header,.hero-copy,.card,.ribbon,.story,.step,details,.filters{background:#f5f5ed}.photo-label{background:#24453e}.planner form{background:#3a665a}.tag{background:#f5f5ed}}@media(prefers-reduced-transparency:reduce){header,.hero-copy,.card,.ribbon,.story,.step,details,.filters{background:#f5f5ed;backdrop-filter:none;-webkit-backdrop-filter:none}.photo-label{background:#24453e}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}@media(min-width:1500px){header{max-width:1504px;margin:16px auto 0}.hero{min-height:740px}}@media(max-width:1000px){.hero-copy{width:62%;padding:32px}.photo-label{max-width:240px}.card-info h3{font-size:22px}}@media(max-width:760px){header{top:8px;margin:8px 3% 0;height:74px;padding:0 16px;border-radius:23px}.hero{margin-top:14px;min-height:760px;padding:20px;align-items:flex-start;border-radius:28px}.hero-copy{width:100%;padding:30px 24px;margin-top:0;background:#fbf9efc7;border-radius:24px}h1{font-size:60px}.hero-photo{background-position:63% center}.photo-label{left:20px;right:20px;bottom:20px;max-width:none}.vertical{display:none}.ribbon{border-radius:20px;gap:18px;padding:20px}.filters{border-radius:24px;gap:3px;width:100%}.filters button{padding:10px 13px;font-size:11px}.section{padding:55px 5%}.image{height:320px}.story{margin:0 4%;border-radius:26px}.story-text{padding:28px 6%}.step{padding:25px}.planner{padding:35px 5%;border-radius:28px}.planner form{padding:20px}.fields{gap:15px}.faq{padding:60px 5%}details{padding:20px}footer{padding-top:25px}}
