:root{--green:#193C31;--orange:#C97E3F;--cream:#FAF8F3;--white:#fff;--text:#24312C;--muted:#68736E;--line:#DDD8CF;--pale:#F3EEE5;
--hero:clamp(32px,3.3vw,43px);--section:clamp(22px,2vw,27px);--body-lg:16.5px;--body:15px;--small:12.5px}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--cream);color:var(--text);font:400 var(--body)/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--green)}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.bar{background:var(--green);padding:calc(14px + env(safe-area-inset-top,0px)) 24px 14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;max-width:1100px;margin:0 auto}
.dots{display:grid;grid-template-columns:repeat(3,7px);gap:3px}
.dots span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.brand-text{border-left:1px solid rgba(255,255,255,.25);padding-left:12px;line-height:1.15}
.brand-name{color:#fff;font-weight:700;letter-spacing:.08em;font-size:14px}
.brand-sub{color:var(--orange);font-weight:700;letter-spacing:.06em;font-size:10.5px}
main{max-width:740px;margin:0 auto;padding:56px 24px 40px}
.eyebrow{color:var(--orange);font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:0 0 14px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;color:var(--green);font-size:var(--hero);line-height:1.12;margin:0 0 14px}
h1 em{font-style:normal;color:var(--orange)}
.recorded{color:var(--muted);font-size:var(--small);margin:0 0 40px}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;color:var(--green);font-size:var(--section);line-height:1.2;margin:0 0 8px}
section{margin:0 0 32px}
section p{font-size:var(--body-lg);margin:0;max-width:64ch}
.try{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:26px 28px;margin:8px 0 40px}
.try h2{margin-bottom:10px}
.try p{font-size:var(--body-lg);margin:0;max-width:64ch}
.try .time{color:var(--muted);font-size:var(--small);margin-top:12px}
.snapshot{border-top:1px solid var(--line);padding-top:30px}
.snapshot form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:16px}
.field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}
label{font-size:var(--small);font-weight:600;color:var(--muted)}
select{font:inherit;color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
.btn{display:inline-block;border:0;border-radius:999px;background:var(--orange);color:#fff;font:700 14px/1 Inter,Arial,sans-serif;padding:14px 22px;text-decoration:none;cursor:pointer;min-height:44px}
.btn:hover{filter:brightness(.95)}
.btn.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}
.thanks{display:none;color:var(--green);font-weight:600;margin-top:14px}
.form-note{color:var(--muted);font-size:var(--small);margin-top:10px}
.cta{background:var(--green);color:#fff;border-radius:16px;padding:32px 30px;margin:44px 0 0}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.85);font-size:var(--body-lg);margin:0 0 20px;max-width:58ch}
.options{display:grid;gap:12px;margin:28px 0 8px}
.opt{display:flex;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--text);font-size:var(--body-lg)}
.opt:hover{border-color:var(--orange)}
.opt b{font-family:"Cormorant Garamond",Georgia,serif;color:var(--orange);font-size:24px;line-height:1;min-width:20px}
footer{max-width:740px;margin:0 auto;padding:24px 24px calc(40px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:var(--small);border-top:1px solid var(--line)}
footer a{color:var(--muted)}
@media (max-width:560px){main{padding-top:40px}.try,.cta{padding:22px 20px}.btn{width:100%;text-align:center}}
@media (prefers-reduced-motion:no-preference){.try{animation:rise .5s ease-out .15s both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
