@font-face{font-family:Manrope;src:url('/static/fonts/manrope.a30ddcd349703aff.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--paper:#f5f3ee;--ink:#272922;--muted:#74756c;--line:#dcded3;--coral:#e65c3c;--coral-dark:#c74025;--peach:#f3c9b5;--sage:#e8eae0;--white:#fffdf7;--font:Manrope,Arial,sans-serif;--radius:6px;--ease:cubic-bezier(.2,.75,.3,1);--fast:180ms;--medium:360ms}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--coral-dark);outline-offset:5px}
button:disabled{cursor:default}
::selection{background:var(--peach);color:var(--ink)}
.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px;position:relative;z-index:2}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}
.brand svg{width:31px;height:31px;fill:none;stroke:var(--coral);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.brand-dot{font-size:10px;vertical-align:super;margin-left:3px;letter-spacing:0;font-weight:500}
.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600;margin-left:auto;margin-right:38px}
.desktop-nav a{transition:color var(--fast)}
.desktop-nav a:hover{color:var(--coral-dark)}
.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;border:1px solid transparent;padding:19px 24px;border-radius:var(--radius);font-size:13px;font-weight:700;line-height:1.35;transition:background var(--fast),transform var(--fast);white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button span{font-size:20px;line-height:1;font-weight:400}
.button-small{padding:13px 17px;font-size:12px;gap:27px}
.button-dark{background:var(--ink);color:var(--white)}
.button-dark:hover{background:#464a3c}
.button-coral{background:var(--coral);color:var(--white)}
.button-coral:hover{background:var(--coral-dark)}
.hero{min-height:790px;position:relative;display:grid;grid-template-columns:1.02fr 1fr;padding-top:86px;column-gap:0}
.hero-copy{position:relative;z-index:1;padding-bottom:80px;pointer-events:none}
.hero-copy a,.hero-copy button{pointer-events:auto}
.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;line-height:1.5;margin:0 0 28px;display:flex;align-items:center;gap:10px}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #e65c3c10}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(57px,5.7vw,84px);line-height:1.06;letter-spacing:-5.1px;font-weight:500;margin-bottom:29px}
.home-word{position:relative;color:var(--coral);display:inline-block}
.home-word svg{position:absolute;width:104%;height:13px;bottom:-7px;left:-3px;fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round;opacity:.8}
.hero-description{max-width:398px;line-height:1.85;font-size:14px;color:#717269;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;gap:25px}
.text-button{padding:10px 0;border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}
.play-icon{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #bcbeb2;border-radius:50%;font-size:8px;margin-right:8px;padding-left:2px;transition:border-color var(--fast)}
.text-button:hover .play-icon{border-color:var(--coral)}
.hero-assurances{display:flex;gap:20px;margin-top:24px;font-size:10px;color:var(--muted)}
.hero-assurances span span{color:var(--ink);font-size:12px;margin-right:5px}
.hero-art{position:relative;width:calc(100% + 40px);margin-left:-13px;margin-top:-28px;height:610px;isolation:isolate;contain:paint}
#orb{position:absolute;inset:0;width:100%;height:100%;z-index:1;cursor:crosshair}
.orb-halo{position:absolute;inset:16% 6% 13%;border-radius:50%;background:radial-gradient(ellipse,#f4b89155 0%,#f0d2b436 42%,transparent 70%);z-index:0}
.orbit{position:absolute;border:1px solid #b1b4a333;border-radius:50%;width:98%;height:77%;left:1%;top:9%;transform:rotate(-28deg);z-index:0}
.orbit-two{width:77%;height:98%;left:12%;top:-1%;transform:rotate(-28deg);border-style:dashed;border-color:#b1b4a32b}
.floating-label{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #fffdf7bb;background:#f9f8f2ee;padding:13px 17px 13px 12px;box-shadow:0 6px 30px #373a2620;border-radius:8px;z-index:2;pointer-events:none}
.home-label{left:2%;top:23%;transform:rotate(-5deg)}
.away-label{right:1%;bottom:24%;transform:rotate(5deg)}
.label-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#e8eade;color:#656d4e;font-size:26px;line-height:1}
.globe-icon{background:#f9e4d9;color:var(--coral);font-size:25px}
.label-title{display:block;font-size:11px;font-weight:800;letter-spacing:-.2px}
.label-meta{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.small-dot{width:5px;height:5px;background:#899567;border-radius:50%;margin-left:14px;align-self:flex-start;margin-top:4px}
.art-coordinate{position:absolute;font-size:8px;letter-spacing:2px;color:#919382;z-index:2}
.coord-top{top:3%;right:8%}
.coord-bottom{bottom:14%;left:9%}






.orb-caption{position:absolute;bottom:-2px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.25px;margin:0}
.hero-bottom{grid-column:1/-1;align-self:end;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 0 25px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.1px}
.hero-bottom>span{color:var(--muted);font-size:8px;letter-spacing:1.4px}
.hero-bottom a span{font-size:18px;margin-left:23px}
.possibilities{background:var(--sage);padding:57px 0 60px}
.possibilities-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%}
h2{font-size:45px;line-height:1.13;letter-spacing:-2.1px;font-weight:500;margin-bottom:0}
.possibilities .eyebrow{font-size:9px;margin-bottom:19px}
.possibilities-copy{padding-top:6px}
.possibilities-copy>p{font-size:14px;line-height:1.9;max-width:435px;color:#6f7464;margin-bottom:29px}
.use-cases{display:flex;gap:28px}
.use-cases span{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}
.use-cases svg{width:19px;height:19px;stroke:var(--ink);stroke-width:1.3;fill:none;stroke-linejoin:round;stroke-linecap:round}
.setup-section{padding-top:108px;padding-bottom:110px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:54px}
.section-heading .eyebrow{margin-bottom:23px}
.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.step{border-top:1px solid #cfd1c5;padding-top:24px}
.step-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:29px}
.step-top>span{font-size:9px;letter-spacing:1px;color:var(--muted)}
.step-top svg{width:55px;height:55px;stroke:var(--coral);fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;margin-top:4px}
h3{font-size:17px;letter-spacing:-.5px;font-weight:600;margin-bottom:13px}
.step>p{font-size:12px;color:var(--muted);line-height:1.95;max-width:300px;margin-bottom:0}
.reach-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-bottom:110px;align-items:center}
.reach-art{aspect-ratio:1;position:relative;background:#e9e8dd;border-radius:50% 50% 4px 4px;overflow:hidden;display:grid;place-items:center}
.reach-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#ffe5ca66,transparent 65%);pointer-events:none}
.reach-orbit{position:absolute;border:1px solid #aeb09c66;border-radius:50%;aspect-ratio:1;transform:rotateX(35deg) rotateZ(-25deg)}
.reach-orbit-a{width:46%}.reach-orbit-b{width:72%}.reach-orbit-c{width:96%;border-style:dashed}
.reach-house{width:108px;height:108px;display:grid;place-items:center;border-radius:24px;background:var(--paper);box-shadow:0 17px 36px #5d64441c;transform:rotate(-8deg);z-index:1}
.reach-house svg{width:59px;stroke:var(--coral);stroke-width:1.5;fill:none;stroke-linejoin:round}
.reach-point{position:absolute;width:12px;height:12px;background:var(--coral);border:3px solid #f8d3b9;border-radius:50%;z-index:1;box-shadow:0 0 0 7px #e65c3c0d}
.reach-point-a{top:24%;left:24%}.reach-point-b{top:51%;right:17%}.reach-point-c{bottom:22%;left:30%}
.reach-art-label{position:absolute;bottom:30px;font-size:8px;letter-spacing:1.7px;color:#8a8c7e}
.reach-copy .eyebrow{font-size:9px;margin-bottom:23px}
.reach-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:370px;margin:24px 0 26px}
.feature-line{display:flex;gap:15px;align-items:flex-start;margin-top:21px}
.feature-line>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;flex-shrink:0;font-size:15px;color:var(--coral)}
.feature-line h3{font-size:12px;margin-bottom:5px;letter-spacing:0}
.feature-line p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}
.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-top:56px;padding-bottom:100px;border-top:1px solid var(--line)}
.faq-section .eyebrow{font-size:9px;margin-bottom:25px}
.faq-section h2{font-size:38px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:23px 0;font-size:13px;font-weight:600;align-items:center}
.faq-list details:first-child summary{padding-top:4px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:21px;font-weight:400;color:var(--muted);transition:transform var(--fast)}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 25px 24px 0}
.closing{background:var(--coral);color:var(--white);padding:42px 50px 45px;border-radius:var(--radius);position:relative;overflow:hidden}
.closing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.closing-top .eyebrow{font-size:9px;letter-spacing:1.8px;margin:0}
.closing-symbol{font-size:95px;line-height:.7;font-weight:400}
.closing h2{font-size:76px;line-height:1.07;letter-spacing:-4px;margin:20px 0 30px}
.closing h2 em{font-family:Georgia,serif;font-weight:400}
.closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}
.closing-bottom>p{font-size:12px;margin:0;opacity:.88}
.closing-bottom .button{font-size:12px;gap:35px}
.footer{padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer .brand{font-size:19px;letter-spacing:-.8px;gap:7px}
.footer .brand svg{width:23px;height:23px;stroke-width:2}
.footer>span{font-size:9px;color:var(--muted)}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}
.skip-link:focus{top:20px}
dialog{padding:43px;max-width:550px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #1118}
dialog::backdrop{background:#27292280;backdrop-filter:blur(5px)}
dialog h2{font-size:34px;letter-spacing:-1.8px;line-height:1.18}
dialog .eyebrow{font-size:9px;margin-bottom:18px}
.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:var(--muted);padding:5px 10px}
.walkthrough-scene{display:flex;align-items:center;gap:20px;margin:35px 0 25px}
.walkthrough-scene>span{width:60px;height:60px;background:var(--sage);display:grid;place-items:center;flex-shrink:0;border-radius:14px;color:var(--coral);font-size:39px}
.walkthrough-line{flex:1;height:1px;background:#b5bca5;position:relative}
.walkthrough-line i{position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--coral);border-radius:50%;transition:left var(--medium) var(--ease)}
dialog[data-step="1"] .walkthrough-line i{left:50%}dialog[data-step="2"] .walkthrough-line i{left:calc(100% - 7px)}
#walkthrough-description{font-size:13px;line-height:1.8;min-height:72px;color:var(--muted);margin-bottom:25px}
.walkthrough-progress{display:flex;gap:10px;margin-bottom:30px}
.walkthrough-progress button{border:0;border-top:2px solid var(--line);padding:13px 0 0;flex:1;text-align:left;background:transparent;font-size:11px;color:var(--muted)}
.walkthrough-progress button[aria-current]{border-color:var(--coral);color:var(--ink)}
.walkthrough-progress button span{display:block;font-size:10px;margin-top:4px}
.dialog-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}
.dialog-note{font-size:9px;line-height:1.6;color:var(--muted);margin:23px 0 0}
.noscript-message{padding:20px;text-align:center;background:var(--sage);font-size:12px}
.orb-fallback:not([hidden]){position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fbd4b0,#e87d57 36%,#b0442f 68%,#f5d4b799 72%,transparent 74%);display:flex;align-items:center;justify-content:space-around;color:var(--white);font-size:12px;box-shadow:0 0 45px #e65c3c22}
.orb-fallback i{width:20%;height:1px;background:var(--white)}
@media(min-width:1550px){.hero{min-height:820px;padding-top:98px}.hero-art{height:650px;margin-top:-35px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.desktop-nav{gap:22px;margin-right:10px}.header{height:96px}.hero{padding-top:70px;min-height:730px}h1{font-size:64px;letter-spacing:-3.9px}.hero-art{height:550px;margin-left:-40px;width:calc(100% + 65px)}.hero-actions{gap:15px}.hero-actions .button{padding:17px 18px;font-size:11px;gap:16px}.text-button{font-size:10px}.hero-description{font-size:13px;max-width:340px}.floating-label{padding:10px;gap:7px}.label-meta{font-size:7px}.small-dot{margin-left:5px}.home-label{left:8%;top:20%}.away-label{right:0;bottom:25%}.steps{gap:30px}.use-cases{gap:16px}}
@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr;padding-top:58px;min-height:700px}h1{font-size:55px;letter-spacing:-3.3px}.hero-description{max-width:300px;font-size:12px}.hero-art{height:500px;margin-top:0}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-assurances{gap:10px;flex-direction:column;margin-top:15px}.hero-copy{padding-bottom:50px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.home-label{top:16%;left:6%}.label-title{font-size:9px}.label-icon{width:26px;height:26px;font-size:22px}.away-label{bottom:28%}.coord-top{font-size:6px}.coord-bottom{font-size:7px;bottom:20%}.orb-caption{bottom:10px}.possibilities-inner{gap:6%}h2{font-size:36px;letter-spacing:-1.6px}.possibilities-copy>p{font-size:12px}.use-cases{flex-wrap:wrap}.setup-section{padding-block:80px}.section-heading>p{font-size:11px}.steps{gap:25px}.step h3{font-size:15px}.step>p{font-size:11px}.reach-section{gap:6%;padding-bottom:80px}.reach-copy>p:not(.eyebrow){font-size:12px}.faq-section{gap:6%}.faq-section h2{font-size:32px}.faq-list summary{font-size:12px}.closing h2{font-size:64px}.closing{padding:35px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:85px;gap:12px}.brand{font-size:21px;gap:7px}.brand svg{width:27px;height:27px}.header .button-small{padding:11px 12px;font-size:9px;gap:9px}.header .button-small span{font-size:15px}.hero{display:flex;flex-direction:column;padding-top:42px;min-height:auto}.hero-copy{padding-bottom:0}.hero .eyebrow{font-size:8px;letter-spacing:1.15px;margin-bottom:23px}h1{font-size:clamp(50px,12vw,71px);letter-spacing:-3.5px;line-height:1.06;margin-bottom:25px}.hero-description{font-size:13px;max-width:360px;line-height:1.85;margin-bottom:25px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:10px;padding:16px;gap:15px}.text-button{font-size:10px}.play-icon{width:22px;height:22px;font-size:7px;margin-right:5px}.hero-assurances{flex-direction:row;gap:15px;font-size:8px;margin-top:20px}.hero-art{order:-1;height:390px;width:calc(100% + 16px);margin:-12px -8px 34px}.coord-top{top:7%;right:10%;font-size:6px;letter-spacing:1.7px}.home-label{top:27%;left:1%}.away-label{bottom:29%;right:0}.floating-label{padding:11px;gap:9px}.label-title{font-size:10px}.label-meta{font-size:7px}.orbit-one{top:12%;height:73%;width:100%;left:0}.orbit-two{height:87%;top:4%}.orb-caption{bottom:0;font-size:8px}.coord-bottom{bottom:19%;left:7%;font-size:6px}.hero-bottom{padding:20px 0;gap:25px}.hero-bottom>span{font-size:6px;letter-spacing:1px;max-width:140px;line-height:1.8}.hero-bottom a{font-size:7px;letter-spacing:.5px;text-align:right}.hero-bottom a span{margin-left:8px;font-size:14px}.possibilities{padding-block:42px}.possibilities-inner{grid-template-columns:1fr;gap:24px}h2{font-size:36px;letter-spacing:-1.8px}.possibilities-copy>p{font-size:13px;max-width:360px;margin-bottom:22px}.use-cases{gap:24px}.use-cases span{font-size:10px}.setup-section{padding-block:64px}.section-heading{display:block;margin-bottom:37px}.section-heading .eyebrow{font-size:8px;margin-bottom:19px}.section-heading>p{margin-top:22px;font-size:12px}.steps{grid-template-columns:1fr;gap:30px}.step{padding-top:20px}.step-top{margin-bottom:8px}.step-top svg{height:45px;width:45px;margin-top:0}.step h3{font-size:17px}.step>p{max-width:340px;font-size:12px}.reach-section{grid-template-columns:1fr;padding-bottom:65px;gap:38px}.reach-art{max-width:430px;width:100%;margin:auto}.reach-copy .eyebrow{font-size:8px}.reach-copy>p:not(.eyebrow){font-size:13px;max-width:360px}.feature-line h3{font-size:13px}.feature-line p{font-size:11px}.faq-section{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:65px}.faq-section .eyebrow{font-size:8px;margin-bottom:20px}.faq-section h2{font-size:36px}.faq-list summary{font-size:12px;padding-block:21px}.closing{padding:28px}.closing-top .eyebrow{font-size:7px;letter-spacing:1px}.closing-symbol{font-size:58px}.closing h2{font-size:49px;letter-spacing:-2.7px;margin-top:24px}.closing-bottom{align-items:flex-start;flex-direction:column;gap:22px}.closing-bottom>p{font-size:11px}.closing-bottom .button{padding:17px 20px;font-size:11px}.footer{padding-block:33px;flex-wrap:wrap;gap:21px}.footer .brand{font-size:18px}.footer>span{font-size:8px}.footer>span:nth-child(2){order:3;width:100%}.footer>span:last-child{margin-left:auto}dialog{padding:32px 25px}dialog h2{font-size:30px}.dialog-close{top:7px;right:8px}.dialog-note{font-size:8px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header .button-small{font-size:8px}.hero-actions{gap:13px}.hero-actions .button{padding:15px 12px;font-size:9px}.text-button{font-size:9px}.hero-art{height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover{transform:none}}

.motion-toggle{position:absolute;bottom:0;right:8%;z-index:3;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--muted);font-size:12px;transition:color var(--fast),border-color var(--fast)}
.motion-toggle:hover{color:var(--ink);border-color:var(--muted)}


