:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172c28;background:#f5f6f2;font-synthesis:none;font-weight:400;--ink:#17362f;--muted:#72807a;--line:#dde3dc;--lime:#d4f477}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #7da536;outline-offset:5px}[hidden]{display:none!important}
.shell{display:grid;grid-template-columns:44% 56%;min-height:100vh;max-width:1800px;margin:auto}.story{position:relative;overflow:hidden;background:#123d32;color:#fff;padding:42px 54px 28px;display:flex;flex-direction:column;min-height:900px}.story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 80%,#30624865,transparent 55%);pointer-events:none}.brand{position:relative;color:#fff;text-decoration:none;font-size:33px;font-weight:720;letter-spacing:-1.8px;display:flex;gap:12px;align-items:center;width:max-content}.brand-mark{display:grid;place-items:center;width:36px;height:36px;font:italic 600 28px Georgia,serif;border-radius:10px;background:var(--lime);color:#123d32;letter-spacing:-3px;padding-right:4px}.brand-dot{color:var(--lime)}.story-content{position:relative;margin:auto 0;padding-top:74px}.eyebrow,.step-label{font-size:10px;letter-spacing:2.05px;font-weight:700}.eyebrow{color:#bbd1c1;display:flex;align-items:center;gap:12px}.small-line{width:25px;height:1px;background:#bddc9a}h1{font-size:clamp(62px,6.1vw,91px);font-weight:490;letter-spacing:-5.5px;line-height:1.01;margin:30px 0 25px}h1 span{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--lime);font-weight:400;letter-spacing:-4px}.story-copy{font-size:15px;line-height:1.85;color:#c0d1c5;margin:0}.orbit-art{position:relative;width:292px;height:230px;margin:42px auto 8px}.orbit{position:absolute;border:1px solid #688c7166;border-radius:50%;left:24px;top:9px;width:244px;height:214px;transform:rotate(-28deg)}.orbit-two{width:248px;height:137px;left:23px;top:48px;transform:rotate(36deg)}.orbit-three{width:153px;height:236px;left:68px;top:-2px;transform:rotate(29deg)}.orbit-center{position:absolute;inset:76px 108px;width:76px;height:76px;border:1px solid #608365;border-radius:21px;display:grid;place-items:center;background:#285044;transform:rotate(-10deg);box-shadow:0 12px 30px #00281f44}.orbit-center svg{width:48px;height:48px;stroke:var(--lime);fill:none;stroke-width:2.5;transform:rotate(10deg)}.orbit-point{position:absolute;border-radius:50%;width:9px;height:9px;background:var(--lime);box-shadow:0 0 0 5px #d4f4770c}.p1{top:48px;left:48px}.p2{top:180px;left:215px;width:7px;height:7px;background:#6c9a76}.p3{top:12px;left:195px;width:5px;height:5px;background:#719e7c}.story-footer{position:relative;display:flex;align-items:center;gap:10px;padding-top:28px;border-top:1px solid #5f806644;color:#c6d4c6;font-size:12px}.footer-spark{font-size:23px;color:var(--lime)}.footer-year{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:#91ac97}
.main{padding:40px 52px 22px;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px}.demo-badge{display:flex;align-items:center;gap:7px;letter-spacing:1px;font-weight:650;color:#4d6455;border:1px solid #d8e0d2;border-radius:30px;padding:8px 11px;background:#edf1e7}.demo-badge>span,.live-dot{width:5px;height:5px;background:#658a3b;border-radius:50%;display:inline-block}.connection{color:#78847a;display:flex;gap:6px;align-items:center}.connection.ready:before{content:"";width:5px;height:5px;background:#759b3b;border-radius:50%}.form-wrap,.success-wrap{width:100%;max-width:420px;margin:auto; padding:48px 0 42px}.mode-switch{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:35px}.mode{border:0;padding:0 0 13px;background:none;font-size:13px;color:#7e8982;position:relative}.mode.active{color:var(--ink);font-weight:650}.mode.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.step-label{color:#7c8a71;font-size:9px;letter-spacing:1.7px}h2{font-size:33px;letter-spacing:-1.2px;line-height:1.2;font-weight:570;margin:13px 0 10px}.form-heading>p{font-size:13px;color:#768278;margin:0 0 30px}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:11px;font-weight:600;letter-spacing:.05px;margin-bottom:19px}input{margin-top:8px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#19362f;outline:none;font-size:13px;height:46px;transition:border-color .18s,box-shadow .18s}input::placeholder{color:#a0a89f}input:focus{border-color:#719461;box-shadow:0 0 0 3px #779b5e13}.field-hint{display:block;font-size:10px;line-height:1.5;color:#849080;font-weight:400;margin-top:7px}.input-with-prefix{position:relative}.input-with-prefix>span{position:absolute;top:22px;left:14px;color:#849080;font-weight:400;font-size:14px}.input-with-prefix input{padding-left:32px}.password-input{position:relative}.password-input input{padding-right:48px}.password-input button{position:absolute;right:7px;top:14px;display:grid;place-items:center;width:34px;height:34px;background:none;border:none;border-radius:4px;color:#7c8a7d}.password-input button:hover{background:#edf1e9}.password-input svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.password-check{display:flex;align-items:center;gap:7px;color:#87907f;font-size:10px;margin:-6px 0 21px}.check-dot{height:12px;width:12px;border:1px solid #c2cdb8;border-radius:50%;display:grid;place-items:center;font-size:8px}.password-check.valid{color:#567b32}.password-check.valid .check-dot{background:#678a47;border-color:#678a47;color:white}.password-check.valid .check-dot:after{content:"✓"}.primary-button{background:#173e32;color:#fff;border:1px solid #173e32;border-radius:7px;width:100%;height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;transition:background .18s,transform .18s}.primary-button:hover{background:#285444}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.65}.button-arrow{font-size:22px;font-weight:300;color:#cce888}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#92998c;font-size:9px;line-height:1.5;margin-top:13px}.privacy-note svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.switch-prompt{text-align:center;font-size:11px;color:#81907f;margin:26px 0 0}.switch-prompt button{background:none;border:0;padding:0;color:#254d3b;font-size:11px;font-weight:600;border-bottom:1px solid #aebca5;margin-left:3px}.main-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:8px;color:#8d9686;line-height:1.5}.main-footer>span:first-child{letter-spacing:.9px;font-size:7px;font-weight:600}.notice{font-size:12px;line-height:1.6;background:#f9ede7;border:1px solid #e5c9b9;border-radius:7px;color:#7a402b;padding:12px 14px;margin:0 0 20px}.notice.success{background:#eaf0df;border-color:#cddbb8;color:#34582f}.spinner{width:16px;height:16px;border:2px solid #ffffff45;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.success-wrap{max-width:420px}.success-symbol{width:66px;height:66px;border-radius:20px;background:#e6eed8;display:grid;place-items:center;margin-bottom:30px;border:1px solid #d6e4c3}.success-symbol svg{width:34px;height:34px;fill:none;stroke:#476d35;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.success-wrap h2{font-size:37px;margin-top:16px}.success-copy{font-size:14px;line-height:1.8;color:#7a8779;margin-bottom:32px}.profile-card{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px}.avatar{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e7edda;color:#4b6739;font-size:15px;font-weight:600}.profile-card h3{font-size:14px;margin:0 0 5px;font-weight:600;overflow-wrap:anywhere}.profile-card p{font-size:11px;color:#8a9582;margin:0;overflow-wrap:anywhere}.profile-check{margin-left:auto;background:#e9f0df;color:#5e8337;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:11px;flex-shrink:0}.account-details{padding:4px 0 16px;font-size:12px}.account-details>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:20px 0}.account-details dt{color:#86917e;flex-shrink:0}.account-details dd{margin:0;overflow-wrap:anywhere;text-align:right;min-width:0;display:flex;align-items:center;gap:6px}.secondary-button{width:100%;height:44px;border:1px solid var(--line);border-radius:7px;background:transparent;font-size:12px;color:#516447;margin-top:12px}.secondary-button:hover{background:#e9ede3}.success-footnote{font-size:10px;text-align:center;color:#8a9581;line-height:1.8;margin-top:20px}
@media(min-width:1500px){.story{padding-left:80px;padding-right:80px}.form-wrap,.success-wrap{max-width:460px}}
@media(max-width:1100px){.story{padding:32px 35px 24px}.main{padding:32px 35px 22px}.story-content{padding-top:55px}h1{font-size:67px;letter-spacing:-4px}.topbar{font-size:9px}.main-footer{flex-direction:column;gap:6px}.orbit-art{transform:scale(.86);margin-left:-10px}}
@media(max-width:760px){.shell{display:block}.story{min-height:auto;padding:22px 25px 26px}.brand{font-size:27px}.brand-mark{height:30px;width:30px;font-size:24px}.story-content{padding-top:28px;margin:0}.eyebrow{font-size:8px}.story h1{font-size:41px;line-height:1.1;letter-spacing:-1.8px;margin:17px 0 8px}.story h1 br{display:none}.story h1 br:after{content:" "}.story h1 span{letter-spacing:-1.5px;margin-left:8px}.story-copy{font-size:12px;line-height:1.6}.story-copy br{display:none}.orbit-art,.story-footer{display:none}.main{padding:22px 25px}.topbar{font-size:9px}.demo-badge{font-size:8px;padding:7px 9px}.form-wrap,.success-wrap{padding:32px 0;max-width:470px}h2{font-size:29px}.mode-switch{margin-bottom:27px}.form-heading>p{margin-bottom:26px}.main-footer{flex-direction:row;gap:14px;font-size:8px}.main-footer>span{max-width:48%}.name-grid{gap:12px}.success-wrap h2{font-size:32px}}
.success-wrap h2:focus{outline:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}