@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,400;9..144,500&display=swap');
:root{--ink:#24231f;--paper:#f4f1ea;--cream:#e9e0d2;--sand:#cdbda8;--line:rgba(36,35,31,.17);--serif:Fraunces,Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}.hero{min-height:100svh;position:relative;overflow:hidden;background:#ded5c6}nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4vw;position:relative;z-index:3}.logo{font-size:27px;letter-spacing:-2px;font-weight:600}.logo span{color:#b35a35}.nav-cta{font:12px var(--mono);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--ink);padding-bottom:4px}.nav-cta i,.button i{font-style:normal;font-size:17px;margin-left:8px}.hero-copy{width:min(620px,85vw);padding:13vh 5.4vw;position:relative;z-index:2}.eyebrow,.number{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}.hero h1,h2{font:400 clamp(45px,6.3vw,94px)/.96 var(--serif);letter-spacing:-.055em;margin:0}.lede{font-size:18px;line-height:1.45;max-width:420px;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 19px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.ink{background:var(--ink);color:#f8f5ee}.fine,.privacy{font-size:11px;line-height:1.5;color:#5f5b53;margin-top:15px}.hero-art{position:absolute;inset:0 0 0 48%;min-width:480px;background:#c9b9a4;overflow:hidden}.sun{width:58vw;height:58vw;border-radius:50%;background:#dcb066;position:absolute;right:-13vw;top:-20vw;opacity:.72}.shelf{position:absolute;height:33%;bottom:0;left:0;right:0;background:#806858;box-shadow:0 -12px 0 rgba(255,255,255,.15)}.book{position:absolute;bottom:31%;width:160px;height:28px;background:#d8c3a8;transform:rotate(-7deg)}.b1{left:15%;bottom:34%;background:#e9dcc9}.b2{left:12%;width:185px;background:#817b62;transform:rotate(-4deg)}.vase{position:absolute;bottom:33%;left:56%;width:100px;height:150px;background:#bd7858;border-radius:40% 40% 44% 44% / 20% 20% 55% 55%;transform:rotate(3deg)}.stem{position:absolute;left:65%;bottom:52%;width:2px;height:190px;background:#3d5234;transform:rotate(-14deg);transform-origin:bottom}.object{position:absolute;bottom:27%;left:26%;width:205px;height:143px;background:#393b34;border-radius:54% 46% 34% 40% / 38% 42% 51% 55%;transform:rotate(-10deg);box-shadow:32px 33px 22px rgba(50,30,20,.25)}.object-top{position:absolute;width:137px;height:66px;left:30px;top:22px;background:#555950;border-radius:50%;transform:rotate(10deg)}.nfc{position:absolute;left:88px;top:39px;color:#ded5c6;font-size:28px}.concept{position:absolute;bottom:13px;right:20px;font:9px var(--mono);text-transform:uppercase;color:#e5d9c9}.intro{display:grid;grid-template-columns:12% 49% 30%;gap:4%;padding:150px 8vw}.intro h2{font-size:clamp(35px,4.4vw,67px)}.body-copy{line-height:1.55;margin:36px 0 0}.how{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:#aab1a0}.how-image{background:#c7cdbf;position:relative;overflow:hidden}.phone{position:absolute;left:26%;top:14%;width:290px;height:535px;border:9px solid #25271f;border-radius:43px;background:#d9ddd1;box-shadow:20px 26px 0 rgba(64,76,56,.23);padding:28px;color:#283024}.phone span{font:11px var(--mono)}.phone b{position:absolute;top:45%;left:0;right:0;text-align:center;font:37px var(--serif)}.phone small{position:absolute;top:53%;left:0;right:0;text-align:center}.screen-dot{position:absolute;top:38%;left:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background:#77896d}.tag{position:absolute;right:11%;bottom:13%;font:29px/.95 var(--serif);transform:rotate(-12deg)}.how-copy{padding:115px 11%}.how ol{padding:0;margin:50px 0;list-style:none}.how li{display:grid;grid-template-columns:55px 1fr;padding:20px 0;border-top:1px solid rgba(36,35,31,.3)}.how li span{font:11px var(--mono)}h3{margin:0 0 7px;font-size:18px;font-weight:500}.how li p{margin:0;line-height:1.4;color:#4e554c}.statement{padding:150px 8vw;background:#f0e7d9;text-align:center}.statement h2{max-width:950px;margin:auto;font-size:clamp(45px,6vw,88px)}.mini-grid{display:flex;justify-content:center;gap:8vw;margin-top:90px;text-align:left}.mini-grid p{font:14px/1.4 var(--mono)}.comparison{display:flex;justify-content:space-between;padding:145px 12vw;background:#292b27;color:#edebe5}.comparison h2{font-size:clamp(43px,5vw,72px)}.comparison dl{width:min(440px,45%);margin:0}.comparison dl div{border-top:1px solid rgba(255,255,255,.3);padding:18px 0 28px}.comparison dt{font:20px var(--serif)}.comparison dd{margin:8px 0 0;color:#c3c3ba;line-height:1.5}.waitlist{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:140px 12vw;background:#bd7657}.waitlist h2{font-size:clamp(53px,6vw,84px)}.waitlist>div>p:not(.eyebrow){max-width:330px;line-height:1.5}.form-card{background:#f4f1ea;padding:30px}.form-card label{display:block;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px}.form-card input:not([type=checkbox]),select{display:block;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;width:100%;padding:10px 0 8px;margin-top:5px;font:16px var(--sans);color:var(--ink);outline:0}.form-card .check{display:flex;gap:10px;align-items:flex-start;font:12px/1.4 var(--sans);text-transform:none;letter-spacing:0}.check input{accent-color:var(--ink);margin:2px 0}.cf-turnstile{margin:18px 0}.form-card .button{width:100%}#form-status{font-size:14px;margin:14px 0 0}.success{color:#315f38}.error{color:#a32e1a}.privacy a{text-decoration:underline}footer{padding:45px 5.4vw 25px;background:#24231f;color:#e9e2d7;display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:start}footer p,footer small{font-size:12px;color:#bab4aa;margin:0}footer div{display:flex;gap:17px;font-size:12px}footer small{grid-column:1/-1;margin-top:45px}@media(max-width:760px){nav{height:70px;padding:0 6vw}.hero{min-height:750px}.nav-cta{font-size:10px}.hero-copy{padding:7vh 6vw;z-index:2}.hero h1{font-size:52px}.hero-art{inset:48% 0 0 0;min-width:0}.sun{width:100vw;height:100vw;top:-36vw;right:-13vw}.object{left:19%;bottom:18%;transform:scale(.8) rotate(-10deg);transform-origin:bottom left}.vase{left:65%;bottom:23%;transform:scale(.7)}.stem{left:75%;bottom:38%;height:150px}.book{bottom:24%}.b1{bottom:28%}.concept{font-size:7px}.intro{display:block;padding:85px 7vw}.number{margin-bottom:40px}.intro .body-copy{margin-top:25px}.how{grid-template-columns:1fr}.how-image{min-height:540px}.phone{transform:scale(.75);transform-origin:top left;left:18%;top:13%}.how-copy{padding:75px 8vw}.statement{padding:90px 7vw;text-align:left}.statement h2{font-size:48px}.mini-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.comparison{display:block;padding:90px 8vw}.comparison dl{width:100%;margin-top:60px}.waitlist{display:block;padding:90px 7vw}.form-card{margin-top:45px;padding:25px 20px}footer{display:block;padding:35px 7vw 20px}footer p{margin:22px 0}footer div{flex-wrap:wrap}footer small{display:block;margin-top:45px}}
