@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242424;background:#fafaf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff722e;outline-offset:4px}[hidden]{display:none!important}.entry{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:16px}.story{background:#ff681f;min-height:calc(100svh - 32px);border-radius:22px;position:relative;overflow:hidden;padding:36px 42px;color:#351909;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1.1px;color:inherit;text-decoration:none;z-index:2}.brand img{filter:brightness(0) invert(1)}.brand-light{font-weight:500}.story-copy{position:relative;z-index:2;margin-top:62px}.overline{font-size:12px;font-weight:700;letter-spacing:1.7px}.story h1{font-family:Manrope,sans-serif;font-size:clamp(44px,4.8vw,78px);line-height:1.05;letter-spacing:-4px;margin:23px 0 20px;font-weight:650}.story h1 em{font-style:normal;color:#fff5e9}.story-copy p{font-size:16px;line-height:1.65;max-width:340px;color:#57280f}.instrument{position:relative;flex:1;min-height:260px;margin-top:-75px;margin-left:25%}.hero-object{position:absolute;width:250px;height:340px;object-fit:contain;right:10%;top:-22px;transform:rotate(19deg);filter:drop-shadow(18px 24px 20px #9f300840);animation:warm-in 1.1s cubic-bezier(.2,.8,.2,1) both}.orbit{border:1px solid #fff0dc55;border-radius:50%;width:350px;height:350px;position:absolute;right:-40px;top:0}.orbit-two{width:270px;height:270px;right:0;top:40px}.ruler{position:absolute;right:-15px;top:-75px;height:280px;width:38px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(to bottom,transparent 0 9px,#6d290544 9px 10px);font-size:12px}.ruler span{background:#ff681f;padding:3px 0}.floating-label{position:absolute;z-index:3;font-size:11px;letter-spacing:1.5px;line-height:1.6}.label-top{right:0;top:215px;padding:13px 16px;background:#fff1dfd9;border:1px solid #fff6;border-radius:12px;box-shadow:0 8px 25px #84320514;transform:rotate(-5deg)}.label-top b{font-size:14px;letter-spacing:-.2px;font-weight:550}.label-bottom{left:-70px;top:285px;font-size:10px;font-weight:650}.label-line{display:block;width:110px;height:1px;background:#6e330f66;margin-top:9px}.story-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #57280f30;padding-top:18px;margin-top:45px;font-size:10px;font-weight:650;letter-spacing:1.3px;z-index:2}.story-foot span:last-child{font-size:24px}.access{padding:28px 38px 18px;display:flex;flex-direction:column;min-width:0}.access-top,.access-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#777974}.access-top{font-weight:650}.edition{color:#adaba5}.form-wrap{width:100%;max-width:390px;margin:auto;padding:42px 0}.mini-mark{color:#ff681f;font-size:35px;margin-bottom:21px}.form-wrap>.overline{color:#957f70;font-size:10px}.form-wrap h2{font-family:Manrope,sans-serif;font-size:clamp(32px,3.1vw,46px);font-weight:600;letter-spacing:-2px;line-height:1.12;margin:15px 0}.form-wrap>p{font-size:15px;line-height:1.6;color:#777971;margin:0 0 28px;max-width:350px}.google{width:100%;border:1px solid #dfdfd9;background:#fff;border-radius:11px;min-height:52px;display:flex;gap:13px;justify-content:center;align-items:center;font-size:14px;font-weight:550;color:#35362f;transition:border-color .2s,transform .2s}.google:hover{border-color:#999b90;transform:translateY(-1px)}.divider{display:flex;align-items:center;gap:15px;color:#96978f;font-size:12px;margin:24px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:#e7e7e0}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;min-height:52px;border:1px solid #deded6;border-radius:10px;background:#fff;padding:14px 16px;font-size:15px;color:#222;transition:border-color .2s}input::placeholder{color:#a2a299;font-size:14px}input:focus{border-color:#ff722e;outline:none;box-shadow:0 0 0 3px #ff722e14}.password-field{position:relative}.password-field input{padding-right:80px}.password-field button{position:absolute;right:12px;top:0;height:100%;border:0;background:none;font-size:12px;color:#65675d}.primary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;border-radius:10px;background:#242720;color:#fff;min-height:54px;padding:15px 19px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.primary:hover{background:#3c4033;transform:translateY(-1px)}.primary>span:last-child{font-size:21px;color:#ff9857}.form-error{color:#a33019;font-size:13px;line-height:1.5;min-height:0;margin:12px 0}.form-error:empty{margin:20px 0 0}.form-error:not(:empty){padding:10px 12px;background:#ffede5;border-radius:8px}.switch{margin:22px 0 0!important;font-size:13px!important;text-align:center;max-width:none!important}.switch button,.text-button{border:0;background:none;color:#ae410f;padding:3px;font-size:13px;font-weight:600}.switch button:hover,.text-button:hover{text-decoration:underline}.access-foot{font-size:10px;letter-spacing:0}.progress{display:flex;gap:7px;margin:0 0 32px}.progress span{height:4px;flex:1;background:#e4e5de;border-radius:5px}.progress .current{background:#ff681f}.handle-input{position:relative;margin-bottom:10px}.handle-input>span{position:absolute;top:14px;left:15px;color:#a35b34}.handle-input input{padding-left:38px}.field-note{font-size:13px;color:#85867e;line-height:1.6;margin:14px 0 24px}.optional{font-weight:400;color:#909287;margin-left:5px}.step-actions{display:flex;justify-content:space-between;margin-top:20px;min-height:25px}.step-pane{animation:step-in .3s ease both}.form-wrap h2:focus{outline:none}@keyframes warm-in{from{opacity:0;transform:translateY(30px) rotate(8deg)}to{opacity:1;transform:translateY(0) rotate(19deg)}}@keyframes step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.entry{max-width:1700px;margin:auto}.story{padding:45px 60px}.story-copy{margin-top:85px}.instrument{min-height:350px}.hero-object{width:290px;height:410px}.label-top{top:280px}.label-bottom{top:330px}}
@media(max-width:1000px){.story{padding:30px}.story h1{font-size:52px;letter-spacing:-2.8px}.access{padding:25px}.instrument{margin-left:10%;margin-top:0}.hero-object{right:8%;width:220px;height:290px}.label-bottom{display:none}.orbit{width:290px;height:290px}.orbit-two{width:210px;height:210px}.ruler{right:0;top:-10px}.label-top{top:205px}.story-copy{margin-top:45px}}
@media(max-width:720px){.entry{display:block;padding:10px}.story{min-height:0;padding:24px;border-radius:17px;height:240px}.brand{font-size:21px}.brand img{width:33px;height:33px}.story-copy{margin-top:25px}.story-copy>.overline,.story-copy p,.story-foot,.floating-label,.ruler,.orbit{display:none}.story h1{font-size:36px;letter-spacing:-1.6px;margin:0;line-height:1.08}.story h1 br:nth-child(2){display:none}.instrument{position:absolute;right:0;top:40px;margin:0;width:140px;min-height:190px}.hero-object{width:135px;height:190px;right:0;top:0}.access{padding:26px 20px 14px}.access-top{font-size:9px}.form-wrap{padding:30px 0 40px;max-width:430px}.mini-mark{display:none}.form-wrap h2{font-size:36px}.access-foot{flex-wrap:wrap;font-size:10px}.form-wrap>p{font-size:15px}.progress{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
