:root{--night:#202b25;--night2:#29372e;--line:#455148;--line2:#536057;--stone:#f3efe5;--ink:#28362d;--body:#50594f;--rule:#cdcdbf;--amber:#d5b67c;--amber-hi:#e5ca97;--amber-deep:#655032;--mist:#d0d4c8;--mist2:#b9c1b3;--white:#f9f7ef;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--stone);color:var(--ink);font-size:17px}
html{scrollbar-color:#818d7b #f3efe5;scroll-padding-top:96px}
.wrap{max-width:1600px;padding:0 5vw}
h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400!important;letter-spacing:-.025em;text-wrap:balance}
h3{font-family:'Instrument Sans',sans-serif;font-weight:500!important;letter-spacing:-.03em}
.paper::before{display:none}
header{background:var(--stone);backdrop-filter:none;border-color:var(--rule)}
.nav{min-height:86px;gap:28px}
.brand{font-family:'Instrument Serif',Georgia,serif;font-size:32px;font-weight:400;color:var(--ink);gap:10px;white-space:nowrap}
.brand svg{display:none}
.links{gap:24px;font-size:13px;flex:1;justify-content:center}
.links a{color:var(--ink)}
.links a:hover,.brand:hover{color:var(--amber-deep)!important}
.nav .btn{min-height:44px;padding:0 20px;font-size:13px}
.btn{min-height:52px;font-size:14px;padding:0 24px;font-weight:500}
.btn.amber{background:var(--ink);color:var(--white)}
.btn.amber:hover{background:#405541!important;color:var(--white)!important}
.btn.ghost{color:var(--ink);border:0;padding:0;text-decoration:underline;text-underline-offset:7px}
.btn.ghost:hover{color:var(--amber-deep)!important}
.hero{background:var(--stone);padding:0;color:var(--ink)}
.hero>.wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;padding-top:50px;padding-bottom:64px;align-items:start}
.hero-origin{grid-column:1;font-size:13px;color:var(--body);max-width:35ch;margin:0 0 26px;line-height:1.6}
.hero h1{grid-column:1;font-size:clamp(56px,6.5vw,96px);line-height:.98;color:var(--ink);margin:0;letter-spacing:-.035em;max-width:10ch}
.hero h1 em{font-weight:400;color:#5a6f50}
.hero h1 span{font-family:'Instrument Sans',sans-serif;font-size:clamp(20px,2.1vw,30px);line-height:1.22;letter-spacing:-.035em;color:var(--ink);margin-top:26px}
.intro-row{grid-column:1;display:block;margin-top:22px}
.hero .lead{font-size:15px;line-height:1.65;color:var(--body);max-width:46ch}
.hero .cta{margin-top:26px;gap:26px;align-items:center}
.sheet{grid-column:2;grid-row:1/4;align-self:stretch;margin:0;padding:26px 30px;background-color:var(--night);background-size:28px 28px;border:0;gap:0;display:flex;flex-direction:column;min-height:620px;color:var(--white)}
.sheet::before,.sheet::after{display:none}
.sheet .top{font-size:10px;color:var(--mist);gap:12px}
.view-controls{display:flex;gap:18px;margin-top:24px}
.view-controls button{padding:8px 0;color:var(--mist);border:0;border-bottom:1px solid transparent;background:none;font:12px 'Instrument Sans',sans-serif;cursor:pointer;min-height:38px}
.view-controls button[aria-pressed=true]{color:var(--amber);border-bottom-color:var(--amber)}
.view-controls button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.sheet .plot{flex:1;display:flex;align-items:center;min-height:280px;clip-path:none!important}
.sheet .wide{display:block!important;width:100%;transition:opacity 160ms ease-out}
.sheet .narrow{display:none!important}
.sheet .wide text{fill:var(--amber)}
.sheet .wide>g:first-child{display:none}
.sheet .foot{display:block;padding-top:22px;border-color:var(--line)}
.sheet .cap strong{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:26px;color:var(--white)}
.sheet .cap span{font-size:12px;line-height:1.7;color:var(--mist);margin-top:10px}
.ticks{font-family:'Instrument Sans',sans-serif;font-size:11px;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.ticks .tk{width:12px;height:12px}
.js-motion [data-r],.js-fade [data-r]{opacity:1;transform:none}
.js-motion .plot,.js-motion .dims{clip-path:none;opacity:1}
.block{padding:100px 0}
.head{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:6vw;margin-bottom:50px}
.head h2,.split h2{font-size:clamp(44px,5.1vw,72px);line-height:1.04;max-width:14ch}
.head .side{font-size:15px;line-height:1.7;max-width:46ch;margin:0}
#ranges{border-top:1px solid var(--rule)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:42px 4vw}
.card,.card:nth-child(n){grid-column:auto;box-shadow:none;background:none;border-bottom:1px solid var(--rule)}
.card .draw{height:240px;aspect-ratio:auto;background:#e5e5d8;background-image:none;position:relative}
.card .draw svg{color:var(--ink);stroke:var(--ink);padding:24px;transition:transform .45s var(--ease)}
.card .draw svg [stroke="#4B626C"]{stroke:#a4ad9b}
.card .draw svg [stroke="#F0A83C"]{stroke:#74603b}
.card .txt{padding:22px 0 24px;gap:12px}
.card h3{font-size:26px}
.card p{font-size:14px;max-width:52ch;color:var(--body)}
.card .price{font-size:12px;gap:18px;border:0;padding-top:8px;margin-top:0}
.card .price b{font-family:'Instrument Sans',sans-serif;font-weight:500;font-size:13px;color:var(--ink)}
.card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:5vw;border-bottom:0;background:#e5e5d8;padding:26px}
.card:first-child .draw{height:320px}
.card:first-child .txt{padding-right:24px}
.card:first-child h3{font-family:'Instrument Serif',Georgia,serif;font-size:48px}
.card:first-child .price{border-top:1px solid #b8bda9;padding-top:20px;margin-top:20px}
.smallprint{font-size:12px;color:var(--body);margin-top:32px}
.dark{background:var(--night)}
#how .head{display:block;margin-bottom:64px}
#how .head h2{max-width:15ch}
.steps{gap:20px}
.step{padding-right:26px}
.step .n{color:var(--amber);font-family:'Instrument Serif',Georgia,serif;font-size:40px;line-height:1}
.step h3{font-size:20px;margin:22px 0 14px}
.step p{font-size:14px;line-height:1.75;max-width:32ch}
.step::after{display:none}
.rail,.rail i{background:var(--line)!important}
.split{gap:8vw}
.split .intro{gap:24px}
.split .intro p{font-size:15px;line-height:1.75}
.split .intro .note{font-size:12px}
.panel{padding:0;background:none;box-shadow:none}
.panel h3{font-size:20px;margin:0 0 24px}
.rows li{font-size:14px;padding:18px 0;gap:18px;border-color:var(--rule)}
.rows .tk{color:var(--ink)}
.trade{background:#d9dfcc;color:var(--ink)}
.trade .intro p,.trade .rows li{color:var(--ink)}
.trade .rows li{border-color:#a8b49c;font-size:14px;padding:18px 0}
.trade .rows li:last-child{border-color:#a8b49c;font-weight:500}
#quote{background:#ece8dc}
.split.form{grid-template-columns:1fr 1.2fr}
form{background:none;box-shadow:none;padding:0;gap:22px}
label{font-weight:500;font-size:12px;gap:10px}
input,select,textarea{background:transparent;border-color:#a7ac9c;font-size:16px;min-height:50px;padding-left:12px}
textarea{min-height:130px}
.formnote{font-size:12px;line-height:1.7}
.mail a{color:var(--ink)}
footer{background:var(--night);padding:65px 0 45px;color:var(--white)}
footer .name{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:42px}
footer p,footer .list a{font-size:13px}
.legal{font-size:11px;padding-top:26px;margin-top:44px}
.preview-notice{position:fixed;bottom:12px;left:12px;z-index:50;background:var(--stone);color:var(--body);border:1px solid var(--rule);padding:7px 10px;font-size:9px;letter-spacing:.08em;pointer-events:none}
@media(hover:hover){.card:hover .draw svg{transform:translateY(-5px)}.view-controls button:hover{color:var(--white)}}
@media(max-width:1100px){.links{gap:15px}.links a[href="#price"]{display:none}.brand{font-size:28px}.hero>.wrap{gap:3vw}.sheet{padding:24px;min-height:600px}.hero h1{font-size:72px}.hero .cta{gap:16px}.head{gap:40px}}
@media(max-width:800px){.wrap{padding-left:6vw;padding-right:6vw}.nav{min-height:72px;gap:12px}.links{display:none}.brand{font-size:27px}.nav .btn{font-size:11px;padding:0 14px;min-height:40px}.hero>.wrap{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:0}.hero-origin{margin-bottom:22px;font-size:12px}.hero h1{font-size:clamp(58px,13vw,86px);max-width:11ch}.hero h1 span{font-size:23px;margin-top:22px}.hero h1 span br{display:none}.intro-row{margin-top:18px}.hero .lead{font-size:14px;max-width:48ch}.hero .cta{flex-direction:row;gap:24px;margin-top:24px}.sheet{grid-column:1;grid-row:auto;min-height:480px;margin-top:36px;padding:22px}.sheet .plot{min-height:230px}.sheet .cap strong{font-size:24px}.sheet .cap span{font-size:12px}.ticks{font-size:11px;gap:9px 14px}.block{padding:62px 0}.head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.head h2,.split h2{font-size:48px;max-width:16ch}.head .side{font-size:14px}.cards{gap:30px;grid-template-columns:1fr}.card:first-child{display:block;padding:18px}.card:first-child .draw{height:230px}.card:first-child .txt{padding:18px 4px}.card:first-child h3{font-size:40px}.card .draw{height:220px}.card .txt{padding:20px 0}.card .price{flex-wrap:wrap}.card h3{font-size:25px}.steps{grid-template-columns:1fr 1fr;max-width:none;gap:36px 24px}.step{padding:0}.step::before{display:none}.step .n{font-size:34px}.step h3{font-size:18px;margin-top:14px}.step p{font-size:13px}.rail{display:none}#how .head{margin-bottom:40px}.split,.split.form{grid-template-columns:1fr;gap:36px}.rows li{font-size:13px}.fgrid{grid-template-columns:1fr;gap:28px}.stickycta{background:var(--stone);border-color:var(--rule);padding:10px 6vw}.preview-notice{bottom:76px;font-size:8px}footer{padding-bottom:110px}form{grid-template-columns:1fr 1fr}form .full{grid-column:1/-1}input,select{min-width:0}.btn.dark{font-size:14px}}
.hero h1{max-width:none}
::placeholder{color:#50594f}
.sheet .top{font-size:11px;letter-spacing:.035em}
.ticks{font-size:12px}
.preview-notice{position:static;text-align:center;background:var(--night);color:var(--mist);border:0;padding:12px;font-size:11px}
@media(min-width:801px){.card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;border-bottom:0;background:#e5e5d8;padding:26px}.card:last-child .txt{padding-right:24px}.card:last-child .draw{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}