:root{font:100%/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222a22;background:#f8f5ef;--paper:#f8f5ef;--ink:#222a22;--green:#385d46;--muted:#59614f;--line:#c9cebd;--soft:#e8eddd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}a,button,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid #285da1;outline-offset:4px}::selection{background:#d5e5bc;color:var(--ink)}.wrap{width:min(1360px,90%);margin:auto}.preview-label{padding:8px 5%;font-size:.8125rem;color:#4b5742;text-align:center;border-bottom:1px solid var(--line);background:#edf0e5;letter-spacing:.01em}.preview-label span{margin:0 8px}header{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:9px;font-size:1.4rem;font-weight:600;letter-spacing:-.06em;text-decoration:none;min-height:44px}.logo-mark{display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;width:28px;height:28px;font-size:17px;letter-spacing:-2px;padding-right:2px}nav{display:flex;align-items:center;gap:32px}nav>a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:.9375rem}nav>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #7a886f;border-radius:40px;min-height:48px;min-width:44px;padding:12px 22px;font-size:1rem;line-height:1.4;text-decoration:none;font-weight:500;background:transparent;color:var(--ink);text-align:center}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button:hover{background:#e5ecd8}.button.primary:hover{background:#294b35}.button span{font-size:21px;line-height:1}.button.compact{font-size:.9375rem;padding:11px 19px;gap:24px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:6%;padding:65px 0 55px}.hero-copy{max-width:520px}.eyebrow{font-size:.8125rem;letter-spacing:.1em;font-weight:600;color:var(--green);margin:0 0 22px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:2px}h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:1.07;letter-spacing:-.055em;font-weight:500;margin:0 0 25px}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 25px}h3{font-size:1.25rem;line-height:1.4;font-weight:500;margin:0 0 10px}.hero-line{font-size:1.1875rem;line-height:1.65;margin:0 0 17px}.body-copy{color:var(--muted);font-size:1rem;line-height:1.8;margin:0 0 28px}.small{font-size:.875rem;line-height:1.7;color:var(--muted)}.availability{max-width:37ch;margin:16px 0 0}figure{margin:0;min-width:0}.image-label{font-size:.6875rem;letter-spacing:.08em;color:var(--muted);display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;font-weight:500}.image-label span:last-child{text-align:right}.hero-art img,.solution-art img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ddd9cc}.hero-art figcaption,.solution-art figcaption{font-size:1.1rem;line-height:1.5;margin-top:20px;color:var(--muted)}figcaption strong{font-weight:500;color:var(--ink)}.caption-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.75rem;letter-spacing:.035em;color:var(--muted)}.caption-bar span:last-child{font-size:.8125rem;letter-spacing:0}.private-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8%;align-items:center;padding:90px 0}.private-copy p:not(.eyebrow){font-size:1.0625rem;line-height:1.85;color:var(--muted);margin:0 0 17px}.quiet-quote{padding-top:16px;border-top:1px solid var(--line)}.quiet-quote strong{font-weight:500;color:var(--ink)}.willie-section{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center;padding:85px 0}.willie-copy>p:not(.eyebrow){color:var(--muted);font-size:1.0625rem;max-width:40ch;margin:0 0 19px}.willie-copy>p.small{font-size:.875rem}.chat{border:1px solid #bdc8b0;border-radius:17px;background:#fdfcf7;box-shadow:0 22px 60px #33472b08;min-width:0}.chat-top{padding:20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.chat-top strong{font-weight:600;font-size:1rem}.chat-top .small{display:block;margin:2px 0 0}.face{width:40px;height:40px;background:var(--green);border-radius:14px 14px 14px 4px;display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0}.face i{width:4px;height:12px;border-radius:4px;background:#e5efc9;transform:rotate(9deg)}.demo-tag{margin-left:auto;font-size:.8125rem;border:1px solid #a9b69c;padding:4px 8px;border-radius:5px;color:var(--muted)}.messages{padding:24px 22px 5px;max-height:340px;min-height:240px;overflow:auto;overscroll-behavior:contain}.message{margin-bottom:20px;font-size:1rem;line-height:1.8}.message p{margin:7px 0 0;overflow-wrap:anywhere}.speaker{font-size:.8125rem;font-weight:600;color:var(--muted)}.message.user{background:var(--soft);padding:12px;border-radius:10px;margin-left:20px}.examples{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 20px}.examples button{border:1px solid #8d9d7f;border-radius:12px;background:transparent;color:var(--ink);font-size:.875rem;line-height:1.5;padding:9px 12px;min-height:44px;min-width:44px;text-align:left;max-width:100%}.examples button:hover{background:var(--soft)}form{padding:0 18px}form label{font-size:.9375rem;font-weight:600;display:block;margin:0 0 8px}.composer{display:flex;gap:8px;flex-wrap:wrap}.composer input{flex:1 1 12rem;width:100%;min-width:0;min-height:48px;border:1px solid #819172;border-radius:10px;background:var(--paper);padding:11px;color:var(--ink);font-size:1rem}.composer .button{gap:14px;border-radius:10px}.error{font-size:.9375rem;color:#922c24;margin:8px 0 0}.chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 18px 18px}.chat-bottom .small{margin:0}.clear{border:0;border-bottom:1px solid #849777;background:none;color:var(--green);font-size:.9375rem;min-height:44px;min-width:44px;padding:7px 0}.boundary-section{background:#26392d;color:#f6f8ed}.boundary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;padding:75px 0}.boundary-grid .eyebrow{color:#d5e5bc}.boundary-grid p:not(.eyebrow){color:#c7d2bd;font-size:1.0625rem;line-height:1.85;max-width:42ch}.boundary-detail{padding-top:8px}.boundary-row{display:flex;gap:20px;margin-bottom:24px}.boundary-row h3{font-weight:500}.boundary-row p{margin:0}.boundary-icon{color:#d5e5bc;font-size:24px;line-height:1.3;width:28px;flex-shrink:0}.boundary-note{border-top:1px solid #7f9670;padding-top:25px;margin-bottom:0}.clarity-section{padding:80px 0;border-bottom:1px solid var(--line)}.clarity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%}.clarity-grid p{font-size:1.0625rem;line-height:1.85;color:var(--muted);margin:0 0 20px}.clarity-grid p.large-copy{font-size:1.25rem;color:var(--ink);line-height:1.65}.audience-section{padding:80px 0}.audience-heading{display:flex;align-items:start;justify-content:space-between;gap:25px}.audience-heading p{margin:0;color:var(--muted);font-size:.9375rem}.audience-tabs{display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-top:20px}.audience-tabs button{min-height:52px;min-width:44px;border:0;border-bottom:3px solid transparent;padding:10px 0;background:none;font-size:1rem;color:var(--muted);text-align:left}.audience-tabs button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:600}.audience-panel{display:grid;grid-template-columns:.2fr 1fr .65fr;gap:25px;align-items:start;padding:34px 0 22px;min-height:190px}.audience-number{font-size:2.6rem;line-height:1;margin:0;color:#657457;letter-spacing:-.04em}.audience-panel h3{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 14px}.audience-panel p{color:var(--muted);font-size:1.0625rem;line-height:1.8;margin:0}.audience-panel p.audience-start{color:var(--green);font-weight:500;font-size:1rem;border-left:1px solid var(--line);padding-left:25px}.audience-section>.small{margin-top:10px}.faq-section{padding:65px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:last-child{border-bottom:0}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;list-style:none;padding:17px 0;font-size:1rem;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:22px;color:var(--green)}.faq-items details p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 20px}.closing{padding:80px 0;text-align:center}.closing h2{font-size:clamp(2.6rem,4.8vw,4.5rem);margin-bottom:20px}.closing>p:not(.eyebrow){color:var(--muted);font-size:1.0625rem;margin:0 0 25px}.closing>p.small{font-size:.875rem;margin:18px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 0 32px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}footer .logo{font-size:1.15rem;color:var(--ink)}.skip{position:absolute;top:8px;left:5%;transform:translateY(-170%);padding:10px 18px;background:var(--paper);z-index:20;border:1px solid var(--green);border-radius:6px}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}p,h1,h2,h3,a,button,span{overflow-wrap:anywhere}@media(max-width:1100px){.hero{gap:4%;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}h1{font-size:clamp(3rem,5.6vw,4.4rem)}.image-label span:last-child{display:none}.private-section{gap:5%}.willie-section,.boundary-grid,.clarity-grid,.faq-section{gap:6%}.chat-top{gap:10px}.demo-tag{margin-left:0}.audience-tabs{gap:20px}.audience-panel{grid-template-columns:.15fr 1fr}.audience-panel .audience-start{grid-column:2;padding:0;border:0}}@media(max-width:760px){header{padding:12px 0;min-height:78px}.logo{font-size:1.2rem}nav{gap:16px}nav>a:not(.button){display:none}nav .button{font-size:.875rem;padding:10px 14px;gap:13px}.hero{grid-template-columns:1fr;gap:35px;padding:36px 0}.hero-copy{max-width:100%}h1{font-size:clamp(2.8rem,10vw,4.3rem)}h1 br:nth-of-type(2){display:none}.eyebrow{font-size:.75rem;margin-bottom:17px}.hero-line{font-size:1.125rem}.hero-desc,.body-copy{font-size:1rem}.hero-art figcaption,.solution-art figcaption{font-size:1rem;margin-top:15px}.hero-art figcaption br,.solution-art figcaption br{display:none}.hero-art figcaption strong,.solution-art figcaption strong{margin-left:4px}.caption-bar{align-items:start;flex-direction:column;gap:7px;font-size:.6875rem;padding:18px 0}.caption-bar span:last-child{font-size:.8125rem}.private-section{grid-template-columns:1fr;gap:28px;padding:48px 0}.private-copy{grid-row:1}.private-copy p:not(.eyebrow){font-size:1rem}.private-copy h2{font-size:2.2rem}.willie-section{grid-template-columns:1fr;gap:25px;padding:45px 0}.willie-copy h2 br:last-of-type{display:none}.willie-copy>p:not(.eyebrow){max-width:100%;font-size:1rem}.willie-copy>p.small{font-size:.875rem}.boundary-grid{grid-template-columns:1fr;gap:25px;padding:45px 0}.boundary-grid p:not(.eyebrow){font-size:1rem;max-width:100%}.clarity-section{padding:48px 0}.clarity-grid{grid-template-columns:1fr;gap:5px}.clarity-grid p{font-size:1rem}.clarity-grid p.large-copy{font-size:1.125rem}.audience-section{padding:45px 0}.audience-heading{display:block}.audience-heading h2{margin-bottom:15px}.audience-heading p br{display:none}.audience-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.audience-tabs button{font-size:.9375rem;min-height:48px}.audience-panel{gap:15px;grid-template-columns:35px minmax(0,1fr);min-height:280px;padding-top:25px}.audience-panel h3{font-size:1.3rem}.audience-panel p{font-size:1rem}.audience-number{font-size:2rem}.audience-panel .audience-start{margin-top:0}.faq-section{grid-template-columns:1fr;gap:7px;padding:45px 0}.faq-section h2{margin-bottom:15px}.faq-items summary{font-size:.9375rem}.faq-items details p{font-size:1rem}.closing{padding:50px 0}.closing h2{font-size:2.8rem}.closing>p:not(.eyebrow){font-size:1rem}.closing>p.small{font-size:.875rem}footer{font-size:.8125rem;padding:22px 0}.messages{max-height:350px;min-height:200px}.chat-top{padding:16px}.chat-top .small{font-size:.8125rem}.examples button{flex:1 1 12rem}.composer input{flex-basis:100%}.chat-bottom .small{font-size:.8125rem}}@media(max-width:370px){.hero h1{font-size:2.8rem}.hero h1 br{display:none}.logo{font-size:1.1rem;gap:6px}.logo-mark{width:24px;height:24px;font-size:15px}nav .button{gap:8px;padding:10px 12px}.button{gap:15px}.chat-top{padding:14px;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Technical illustration treatment for the local-only isometric concept. */
.hero-art img,.solution-art img{border:0;border-radius:0;mix-blend-mode:darken}
/* One visual story, with deliberate motion and less competing text. */
:root{--paper:#f7f7f5;--ink:#20201e;--green:#282825;--muted:#5d5d57;--line:#d4d4ce;--soft:#eaeae5;background:var(--paper);color:var(--ink)}.preview-label{background:#f0f0ec}.eyebrow{display:none}header{border-bottom:0;min-height:88px}nav>a[href="#audiences"]{display:none}.hero{padding:60px 0 52px;gap:8%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}h1{font-size:clamp(3rem,5vw,5rem);font-weight:450;line-height:1.09}h1 em{color:var(--ink)}.hero-line{font-size:1.0625rem;color:var(--muted);max-width:31ch;margin:0 0 32px}.hero-copy>.availability{font-size:.875rem;max-width:32ch;line-height:1.6;margin-top:18px}.hero-copy .button{font-size:.9375rem}.visual-story{min-width:0;scroll-margin-top:30px}.motion-stage{width:100%;aspect-ratio:740/530;position:relative}.motion-stage svg{display:block;width:100%;height:100%;overflow:visible}.record{transition:transform 1.65s cubic-bezier(.25,.8,.25,1)}#record-floor{transform:translate(70px,92px)}#record-property{transform:translate(345px,25px)}#record-document{transform:translate(528px,130px)}#record-calendar{transform:translate(160px,312px)}#record-chat{transform:translate(460px,300px)}.visual-story:not([data-scene="scattered"]) #record-floor{transform:translate(160px,142px)}.visual-story:not([data-scene="scattered"]) #record-property{transform:translate(302px,78px)}.visual-story:not([data-scene="scattered"]) #record-document{transform:translate(440px,147px)}.visual-story:not([data-scene="scattered"]) #record-calendar{transform:translate(215px,280px)}.visual-story:not([data-scene="scattered"]) #record-chat{transform:translate(365px,283px)}.private-base,.inside-links,.outside-connection{opacity:0;transition:opacity 1s ease}.boundary-path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease}.outbound-path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease .15s}.visual-story:not([data-scene="scattered"]) .private-base,.visual-story:not([data-scene="scattered"]) .inside-links{opacity:1}.visual-story:not([data-scene="scattered"]) .boundary-path{stroke-dashoffset:0}.broken-links{opacity:1;transition:opacity .7s}.visual-story:not([data-scene="scattered"]) .broken-links{opacity:0}.visual-story[data-scene="connected"] .outside-connection{opacity:1}.visual-story[data-scene="connected"] .outbound-path{stroke-dashoffset:0}.motion-caption{max-width:45ch;min-height:110px;margin:15px 0 12px}.motion-count{display:block;font-size:.75rem;color:var(--muted);letter-spacing:.08em;margin-bottom:9px}.motion-caption h3{font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:-.015em;margin:0 0 7px}.motion-caption p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin:0}.motion-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:9px}.motion-steps{display:flex;gap:5px}.motion-controls button{min-height:44px;min-width:44px;font-size:.8125rem;border:0;background:transparent;color:var(--muted);padding:8px 10px}.motion-steps button{border-bottom:2px solid transparent}.motion-steps button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}#motion-toggle{text-decoration:underline;text-underline-offset:4px}.private-section{display:block;max-width:780px;padding:60px 0;border-top:1px solid var(--line)}.private-copy h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:22px}.private-copy>p{font-size:1.125rem!important}.supporting-details{margin-top:23px;border-top:1px solid var(--line)}.supporting-details summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:.9375rem;list-style:none}.supporting-details summary::-webkit-details-marker{display:none}.supporting-details>p{font-size:1rem!important;line-height:1.8!important}.willie-section{padding:65px 0}.willie-copy h2{font-size:clamp(2rem,3.3vw,3rem)}.willie-copy>p:not(.small){font-size:1rem}.boundary-section{background:#272725}.boundary-grid{padding:55px 0}.boundary-grid p:not(.eyebrow){color:#d5d5cd;font-size:1rem}.boundary-icon{color:#efefe7}.boundary-note{border-color:#77776d}.clarity-section,.audience-section{padding:60px 0}.face{background:#30302d}.face i{background:#eee}.audience-number{color:#73736a}.caption-bar{display:none}footer{font-size:.8125rem}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:35px 0 38px;gap:36px}.hero h1{font-size:clamp(2.7rem,9vw,3.8rem);max-width:14ch}.hero-line br{display:none}.hero-line{max-width:32ch;margin-bottom:25px}.hero-copy>.availability{max-width:100%}.visual-story{max-width:600px;margin:auto;width:100%}.motion-caption{min-height:125px;margin-top:5px}.motion-stage{aspect-ratio:740/540}.private-section{padding:40px 0}.willie-section,.clarity-section,.audience-section{padding:45px 0}.boundary-grid{padding:40px 0}.motion-caption h3{font-size:1.0625rem}.motion-controls button{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.record,.private-base,.inside-links,.outside-connection,.boundary-path,.outbound-path,.broken-links{transition:none!important}}

/* Keep playback controls visible in the opening view. Explicit play opts into motion. */
@media(min-width:761px){.hero{padding:28px 0 35px}.motion-stage{max-width:600px;margin-inline:auto}.hero h1{font-size:clamp(3rem,4.5vw,4.5rem)}.motion-caption{min-height:95px;margin-top:5px}}
.visual-story[data-user-motion="true"] .record{transition:transform 1.65s cubic-bezier(.25,.8,.25,1)!important}.visual-story[data-user-motion="true"] .private-base,.visual-story[data-user-motion="true"] .inside-links,.visual-story[data-user-motion="true"] .outside-connection{transition:opacity 1s ease!important}.visual-story[data-user-motion="true"] .boundary-path{transition:stroke-dashoffset 1.6s ease!important}.visual-story[data-user-motion="true"] .outbound-path{transition:stroke-dashoffset 1.5s ease .15s!important}.visual-story[data-user-motion="true"] .broken-links{transition:opacity .7s!important}
/* Architectural film: a private foundation, an assembled world, chosen connections. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);gap:5%;padding:32px 0 54px}.hero-copy{max-width:540px}.hero h1{font-size:clamp(3rem,4.1vw,4.3rem);letter-spacing:-.06em;line-height:1.08;margin-bottom:28px}.hero-line{max-width:39ch;line-height:1.75;font-size:1.0625rem;margin-bottom:30px}.architectural-story .motion-stage{aspect-ratio:760/570;max-width:760px}.visual-caption{font-size:.8125rem;letter-spacing:.015em;text-align:center;color:#6d6d63;margin:4px 0 0}.architecture{stroke:#48483f;stroke-width:.9}.building-part{transform-box:fill-box;transform-origin:center;animation:assemble 20s cubic-bezier(.4,0,.2,1) infinite!important}.part-0{animation-delay:0s!important}.part-1{animation-delay:.5s!important}.part-2{animation-delay:1s!important}.part-3{animation-delay:1.4s!important}.blueprint{animation:blueprint 20s ease infinite!important}.private-outline{animation:privateBoundary 20s ease infinite!important}.core-light{animation:coreReveal 20s ease infinite!important}.core-ring{transform-box:fill-box;transform-origin:center;animation:coreBreathe 4s ease-in-out infinite!important}.network-wire{stroke-dasharray:1;animation:connectWorld 20s ease infinite!important}.network-pulse{stroke-dasharray:.025 .975;animation:signal 4s linear infinite,networkVisible 20s ease infinite!important}.network-node{animation:networkReveal 20s ease infinite!important;transform-box:fill-box;transform-origin:center}.node-1{animation-delay:.45s!important}.node-2{animation-delay:.9s!important}.survey-point{animation:networkVisible 20s ease infinite!important}.device-base{animation:deviceArrive 1.7s ease both!important}.draft-marks{animation:draftReveal 20s ease infinite!important}.hero-copy{animation:copyArrive 1s ease both!important}.button.primary:hover{background:#45453d}.button:hover{background:#eaeae5}.chat{background:#fcfcf9;border-color:#d0d0c7;box-shadow:none}.demo-tag{border-color:#d0d0c7}.audience-number{display:none}.audience-panel{grid-template-columns:1fr 1fr}.audience-panel>div{max-width:49ch}.private-copy>p{max-width:61ch}.preview-label{font-size:.75rem;padding:5px}.private-section{max-width:900px;padding:65px 0}.supporting-details{max-width:720px}.boundary-note{font-style:normal}.willie-copy>p{max-width:44ch}.willie-section{gap:8%}
@keyframes assemble{0%,8%{opacity:0;transform:translateY(-55px)}20%,70%{opacity:1;transform:translateY(0)}84%,100%{opacity:0;transform:translateY(-32px)}}
@keyframes blueprint{0%,8%{opacity:.2}20%,75%{opacity:.65}87%,100%{opacity:.2}}
@keyframes privateBoundary{0%,12%{opacity:.1;stroke-dashoffset:90}30%,80%{opacity:1;stroke-dashoffset:0}96%,100%{opacity:.1;stroke-dashoffset:-20}}
@keyframes coreReveal{0%,23%{opacity:0;transform:translateY(8px)}34%,74%{opacity:1;transform:translateY(0)}85%,100%{opacity:0;transform:translateY(8px)}}
@keyframes coreBreathe{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:.8;transform:scale(1.12)}}
@keyframes connectWorld{0%,34%{opacity:0;stroke-dashoffset:1}52%,73%{opacity:1;stroke-dashoffset:0}87%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes signal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes networkVisible{0%,45%{opacity:0}54%,72%{opacity:.9}86%,100%{opacity:0}}
@keyframes networkReveal{0%,42%{opacity:0;transform:translateY(18px)}54%,72%{opacity:1;transform:translateY(0)}86%,100%{opacity:0;transform:translateY(12px)}}
@keyframes deviceArrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes draftReveal{0%,100%{opacity:.35}25%,70%{opacity:.8}}
@keyframes copyArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:16px;padding:30px 0 40px}.hero h1{font-size:clamp(2.7rem,10vw,3.8rem);max-width:15ch}.hero-line{font-size:1rem;max-width:37ch;line-height:1.7}.architectural-story{margin-top:12px}.visual-caption{font-size:.75rem}.private-section{padding:42px 0}.audience-panel{grid-template-columns:1fr;min-height:240px}.audience-panel>div{max-width:none}}
/* Put the buyer, seller and owner journeys ahead of professional use cases. */
.hero h1{font-size:clamp(3.2rem,4.9vw,5rem)}.hero-line{max-width:41ch}.professional-details{border-top:1px solid var(--line);margin-top:24px;max-width:780px}.professional-details summary{cursor:pointer;min-height:52px;display:flex;align-items:center;font-size:.9375rem;color:var(--muted)}.professional-details p{font-size:1rem;color:var(--muted);max-width:65ch}.closing h2{font-size:clamp(2.6rem,4.5vw,4.3rem)}@media(max-width:760px){.hero h1{font-size:clamp(2.8rem,11vw,3.8rem)}.audience-tabs{display:flex;gap:22px}.audience-tabs button{font-size:.9375rem}}
.portfolio-attention{padding:45px 0 65px}.attention-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:26px}.attention-heading h2{font-size:clamp(2rem,3.2vw,3rem);margin:0}.attention-heading>p{font-size:1rem;color:var(--muted);max-width:45ch;margin:0 0 4px}.attention-list{border-top:1px solid var(--line)}.attention-list details{border-bottom:1px solid var(--line)}.attention-list summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;min-height:80px}.attention-list summary::-webkit-details-marker{display:none}.matter-type{font-size:1.125rem;letter-spacing:-.015em}.matter-property{font-size:1rem;color:var(--muted)}.matter-action{font-size:.875rem;text-align:right}.matter-action>span{display:inline-block;margin-left:16px}.matter-detail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:0 0 28px}.matter-detail p{color:var(--muted);font-size:.9375rem;line-height:1.8;margin:0}.matter-detail strong{display:block;color:var(--ink);font-weight:500;margin-bottom:8px}.illustrative{margin:14px 0 0;font-size:.75rem}.hero h1{font-size:clamp(3rem,4.5vw,4.6rem)}@media(max-width:760px){.attention-heading{grid-template-columns:1fr;gap:18px}.portfolio-attention{padding:35px 0 42px}.attention-list summary{grid-template-columns:1fr auto;gap:4px 12px;padding:19px 0}.matter-type{font-size:1rem}.matter-property{grid-column:1;font-size:.875rem}.matter-action{grid-column:2;grid-row:1/3;max-width:13ch;font-size:.8125rem}.matter-action>span{margin-left:4px}.matter-detail{grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(2.7rem,10vw,3.8rem)}}
/* White editorial hero built around the supplied Earth film. */
:root{--paper:#fff;--ink:#151719;--green:#151719;--muted:#62666a;--line:#e3e5e7;background:#fff;color:var(--ink)}body{background:#fff}.preview-label{background:#fff;border-color:#efefef;color:#8a8e91;font-size:.6875rem;padding:4px}header{height:88px;min-height:88px;position:relative;z-index:2}.logo{gap:13px;letter-spacing:0}.osd-wordmark{font-size:30px;font-weight:700;line-height:1;letter-spacing:-2px}.osd-dot{color:#161819}.osd-properties{font-size:16px;font-weight:450;letter-spacing:-.3px;border-left:1px solid #d2d5d7;padding-left:13px}.earth-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 113px);max-height:950px;overflow:hidden;background:#fff}.earth-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:opacity .65s ease!important}.earth-video.earth-reset{opacity:0}.earth-copy{padding-top:clamp(58px,8vh,110px);position:relative;pointer-events:none}.earth-copy>*{pointer-events:auto}.earth-kicker{font-size:.6875rem;letter-spacing:.16em;font-weight:550;color:#73797d;margin:0 0 24px}.earth-copy h1{font-size:clamp(3.6rem,5.7vw,6rem);font-weight:450;line-height:1.025;letter-spacing:-.065em;margin:0 0 28px;max-width:10ch}.earth-intro{font-size:1rem;line-height:1.8;max-width:37ch;color:#555d62;margin:0 0 28px}.earth-copy .button{border-radius:5px;padding:14px 20px;font-size:.875rem;gap:32px}.earth-private{font-size:.75rem;color:#73797d;margin:16px 0 0;max-width:35ch;line-height:1.7}.earth-scroll{position:absolute;bottom:28px;left:5%;font-size:.6875rem;color:#787f84;letter-spacing:.03em}.portfolio-attention{padding-top:80px}.asset-credit{font-size:.625rem;color:#8a8e91;padding:0 0 22px}.asset-credit a{color:inherit}.private-section{border-color:#e3e5e7}.boundary-section{background:#161b20}nav .button{border-color:#ccd0d3;border-radius:5px}nav{gap:32px}
@media(min-width:1500px){.earth-scroll{left:calc((100% - 1360px)/2)}}
@media(max-width:760px){header{height:76px;min-height:76px}.osd-wordmark{font-size:26px}.osd-properties{font-size:14px;padding-left:10px}.logo{gap:10px}nav>a:first-child{display:none}nav .button{font-size:.8125rem;padding:9px 12px;min-height:42px}.earth-hero{height:calc(100svh - 100px);min-height:750px;max-height:1000px}.earth-copy{padding-top:36px}.earth-kicker{font-size:.625rem;margin-bottom:18px}.earth-copy h1{font-size:clamp(3.3rem,13vw,4.6rem);margin-bottom:22px}.earth-intro{font-size:.9375rem;line-height:1.7;max-width:33ch}.earth-copy .button{font-size:.8125rem}.earth-private{font-size:.6875rem;max-width:33ch}.earth-video{object-fit:cover}.earth-scroll{bottom:20px;font-size:.625rem}.portfolio-attention{padding-top:48px}}
/* Preserve a clear reading area throughout the entire camera move. */
.earth-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 27%,rgba(255,255,255,.97) 36%,rgba(255,255,255,.65) 45%,transparent 64%)}
@media(max-width:760px){.earth-hero{min-height:900px}.earth-video{top:370px;height:530px;object-fit:contain}.earth-hero:after{background:linear-gradient(#fff 0%,#fff 42%,rgba(255,255,255,.7) 51%,transparent 66%)}.earth-copy h1{font-size:3.25rem}.earth-copy{padding-top:28px}.earth-intro{margin-bottom:20px}.earth-private{max-width:34ch}}
@media(max-width:760px){.earth-copy h1{max-width:none;letter-spacing:-.06em;font-size:3.1rem}.earth-copy h1 br{display:initial!important}}
/* Midnight palette: a quiet indigo atmosphere around the Earth. */
:root{--paper:#030817;--ink:#f5f6fa;--green:#f5f6fa;--muted:#a4adbf;--line:#263044;--soft:#111a2c;background:#030817;color:#f5f6fa}body{background:#030817;color:#f5f6fa}.preview-label{background:#030817;border-color:#172033;color:#8692aa}header{background:#030817}.logo,.osd-dot{color:#f5f6fa}.osd-properties{border-color:#344057}.earth-hero{background:radial-gradient(ellipse at 77% 74%,#100923 0%,#08091c 35%,#030817 72%)}.earth-hero:after{background:linear-gradient(90deg,#030817 0%,#030817 25%,rgba(3,8,23,.94) 35%,rgba(3,8,23,.48) 46%,transparent 65%)}.earth-copy h1{color:#f5f6fa}.earth-kicker{color:#9ca8c2}.earth-intro{color:#bcc5d6}.earth-private,.earth-scroll{color:#8b98b2}.button.primary{background:#f5f6fa;color:#070c1a;border-color:#f5f6fa}.button.primary:hover{background:#dbe2f1;color:#070c1a}.button:hover{background:#172137;color:#fff}nav .button{color:#f5f6fa;border-color:#354158}.attention-list,.attention-list details,.private-section,.supporting-details,.professional-details{border-color:#263044}.matter-detail strong{color:#f5f6fa}.chat{background:#091122;border-color:#29334a}.chat-top{border-color:#29334a}.demo-tag{border-color:#354158}.composer input{background:#030817;color:#f5f6fa;border-color:#46516a}.examples button{border-color:#46516a;color:#f5f6fa}.examples button:hover{background:#172137}.face{background:#27364e}.boundary-section{background:linear-gradient(125deg,#0c1326,#100923)}.boundary-grid p:not(.eyebrow){color:#bcc5d6}.boundary-note{border-color:#354158}.audience-number{color:#8b98b2}.asset-credit{color:#78859d}.error{color:#ffb5aa}::selection{background:#35416b;color:#fff}@media(max-width:760px){.earth-hero:after{background:linear-gradient(#030817 0%,#030817 42%,rgba(3,8,23,.7) 51%,transparent 66%)}}
/* Minimal centered hero, as marked up in the reference. */
.earth-hero{height:calc(100svh - 88px);min-height:640px}.earth-video{transform:translateY(-10%);height:100%;top:0}.earth-hero:after{background:linear-gradient(180deg,rgba(3,8,23,.24) 0%,rgba(3,8,23,.06) 45%,transparent 75%)}.earth-copy{padding-top:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-11%);gap:32px}.earth-copy h1{max-width:none;font-size:clamp(2.3rem,4.2vw,4.5rem);line-height:1.15;letter-spacing:-.045em;margin:0;font-weight:450;text-wrap:balance;text-shadow:0 2px 24px #03081780}.earth-copy .button.primary{background:#bfc3cc;border:1px solid #bfc3cc;color:#0b1020;border-radius:5px;font-size:.9375rem;font-weight:500;min-width:175px;padding:14px 25px}.earth-copy .button.primary:hover{background:#d3d6dd;border-color:#d3d6dd;color:#030817}.osd-wordmark{letter-spacing:-1.8px}.osd-properties{border-color:#586071}@media(max-width:760px){.earth-hero{height:calc(100svh - 76px);min-height:650px}.earth-video{top:0;height:100%;object-fit:cover;transform:translateY(-10%)}.earth-hero:after{background:linear-gradient(180deg,#03081755,transparent 75%)}.earth-copy{padding-top:0;transform:translateY(-9%);gap:26px}.earth-copy h1{font-size:clamp(2.3rem,9.5vw,3.4rem);max-width:15ch;line-height:1.14}.earth-copy .button.primary{font-size:.875rem;min-width:165px}}
.earth-video{top:-10%;height:110%;transform:none}@media(max-width:760px){.earth-video{top:-10%;height:110%;transform:none}}
/* The content follows the camera: centered opening, left-hand benefits at the globe reveal. */
.earth-copy{width:90%;max-width:1360px;margin-inline:auto;transition:width 1.5s cubic-bezier(.22,1,.36,1),margin 1.5s cubic-bezier(.22,1,.36,1),transform 1.5s cubic-bezier(.22,1,.36,1)!important}.earth-copy h1{transition:font-size 1.5s cubic-bezier(.22,1,.36,1)!important}.hero-benefits{list-style:none;padding:0;margin:0;max-width:36ch;display:grid;gap:14px;text-align:left;font-size:.9375rem;line-height:1.5;color:#b6c0d3;opacity:0;max-height:0;overflow:hidden;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease,max-height 1.1s ease!important}.hero-benefits li{position:relative;padding-left:21px}.hero-benefits li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:#8997b4}.earth-right .earth-copy{width:43%;max-width:none;margin-left:5%;margin-right:52%;transform:translateY(-3%);gap:26px}.earth-right .earth-copy h1{font-size:clamp(2.3rem,3.3vw,3.8rem);max-width:15ch;text-wrap:balance}.earth-right .hero-benefits{opacity:1;max-height:250px;transform:translateY(0);transition-delay:.35s}.earth-hero:after{transition:background 1.2s ease!important}.earth-right:after{background:linear-gradient(90deg,#030817 0%,rgba(3,8,23,.94) 28%,rgba(3,8,23,.65) 39%,transparent 58%)}
@media(max-width:760px){.earth-right .earth-copy{width:90%;margin-inline:5%;transform:translateY(-12%);gap:22px}.earth-right .earth-copy h1{font-size:2.3rem;max-width:15ch}.hero-benefits{font-size:.8125rem;gap:11px;max-width:34ch}.earth-right:after{background:linear-gradient(#030817ee 0%,#030817b3 45%,transparent 85%)}}
/* Two clear lines, with a centered and readable benefits group. */
.earth-copy h1>span{display:block}.earth-right .earth-copy h1{max-width:none;font-size:clamp(2.4rem,3.6vw,4rem);line-height:1.14}.hero-benefits{font-size:clamp(1.0625rem,1.2vw,1.3rem);line-height:1.6;gap:16px;max-width:38ch;text-align:center}.hero-benefits li{padding-left:0}.hero-benefits li:before{display:none}.earth-right .hero-benefits{max-height:320px}.earth-right .earth-copy{gap:28px;align-items:center;text-align:center}@media(max-width:760px){.earth-right .earth-copy h1{font-size:clamp(2rem,8vw,2.7rem)}.hero-benefits{font-size:1rem;line-height:1.6;gap:14px;max-width:34ch}.earth-right .earth-copy{gap:24px}}
/* Compensate for the film's dimming ending, then hold a luminous final globe. */
.earth-video{filter:brightness(1) saturate(1);transition:filter 4s ease,opacity .65s ease!important}.earth-settled .earth-video{filter:brightness(1.75) saturate(1.08)}.earth-hero:before{content:"";position:absolute;left:72%;top:45%;width:min(69vw,1100px);aspect-ratio:1;z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(52,91,175,.04) 0%,rgba(58,94,191,.08) 34%,rgba(71,107,213,.19) 43%,rgba(77,88,190,.12) 50%,rgba(71,47,143,.07) 60%,transparent 73%);opacity:0;transform:translate(-50%,-50%) scale(.72)}.earth-settled:before{animation:earthHaloExpand 4.5s cubic-bezier(.2,.65,.3,1) both!important}@keyframes earthHaloExpand{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}55%{opacity:.9}100%{opacity:.62;transform:translate(-50%,-50%) scale(1.18)}}@media(max-width:760px){.earth-hero:before{left:68%;top:61%;width:135vw}}
/* Keep typography stable while the entire group glides left. */
.earth-video,.earth-settled .earth-video{filter:brightness(1.12) saturate(1.06);transition:none!important}.earth-copy,.earth-right .earth-copy{position:absolute;top:50%;left:50%;height:auto;width:45%;max-width:none;margin:0;gap:28px;transform:translate(-50%,-50%);transition:left 1.9s cubic-bezier(.22,.68,.15,1)!important}.earth-right .earth-copy{left:26.5%}.earth-copy h1,.earth-right .earth-copy h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(2.8rem,3.65vw,4.25rem);font-weight:500;line-height:1.13;letter-spacing:-.045em;max-width:none;transition:none!important}.hero-benefits{font-size:clamp(1.05rem,1.24vw,1.35rem);font-weight:400;line-height:1.65;gap:16px;max-width:39ch;max-height:none;overflow:visible;color:#c5cddd;opacity:0;transform:translateY(10px);transition:opacity 1.2s ease,transform 1.2s ease!important}.earth-right .hero-benefits{max-height:none;transition-delay:.5s;opacity:1;transform:translateY(0)}.earth-copy .button.primary{font-size:1rem;min-width:185px;padding:15px 28px}.earth-hero:before{width:min(86vw,1380px);background:radial-gradient(circle,transparent 0%,rgba(58,94,191,.06) 25%,rgba(80,120,231,.25) 35%,rgba(78,99,213,.18) 44%,rgba(81,60,165,.1) 54%,rgba(40,38,94,.04) 65%,transparent 75%)}.earth-settled:before{animation:earthHaloWide 4s cubic-bezier(.2,.65,.3,1) both!important}@keyframes earthHaloWide{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@media(max-width:760px){.earth-copy,.earth-right .earth-copy{top:42%;left:50%;width:90%;margin:0;transform:translate(-50%,-50%);gap:24px}.earth-copy h1,.earth-right .earth-copy h1{font-size:clamp(2.1rem,8.5vw,3rem)}.hero-benefits{font-size:1rem;gap:14px;max-width:34ch}.earth-hero:before{width:170vw}}
/* Persistent atmosphere with a feathered top boundary beneath the header. */
.earth-hero:before{opacity:1;transform:translate(-50%,-50%) scale(1.12);animation:none!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%)}.earth-settled:before{animation:none!important;opacity:1;transform:translate(-50%,-50%) scale(1.12)}
/* Feather the complete atmosphere at the hero boundary, including its base gradient. */
.earth-hero{background:#030817}.earth-hero:after,.earth-right:after{background:linear-gradient(to bottom,#030817 0%,rgba(3,8,23,.96) 3%,rgba(3,8,23,.65) 10%,rgba(3,8,23,.2) 20%,transparent 32%),linear-gradient(90deg,#030817 0%,rgba(3,8,23,.94) 28%,rgba(3,8,23,.65) 39%,transparent 58%)}
@media(max-width:760px){.earth-hero:after,.earth-right:after{background:linear-gradient(to bottom,#030817 0%,rgba(3,8,23,.92) 8%,rgba(3,8,23,.35) 25%,transparent 45%)} }
/* Follow the globe from the opening horizon to its final position. */
.earth-hero:before{left:50%;top:122%;width:min(120vw,1900px);transition:left 2s cubic-bezier(.22,.68,.15,1),top 2s cubic-bezier(.22,.68,.15,1),width 2s cubic-bezier(.22,.68,.15,1)!important}.earth-right:before{left:72%;top:45%;width:min(86vw,1380px)}@media(max-width:760px){.earth-hero:before{left:50%;top:105%;width:210vw}.earth-right:before{left:68%;top:61%;width:170vw}}
/* Fade only the atmosphere behind the film; never shade the globe itself. */
.earth-hero:after,.earth-right:after{display:none}.earth-hero:before{mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 75%,transparent 100%)}
.hero-benefits{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:26px;max-width:440px;width:100%;font-size:1rem;line-height:1.4;text-align:center;color:#c5cddd}.hero-benefits li{display:flex;flex-direction:column;align-items:center;gap:10px}.benefit-mark{font-size:1.45rem;line-height:1;color:#8fadd8;font-weight:300}.earth-copy .button.primary{font-size:.8125rem;letter-spacing:.09em;font-weight:550}.earth-right .earth-copy{gap:32px}@media(max-width:760px){.hero-benefits{max-width:340px;font-size:.875rem;column-gap:20px;row-gap:22px}.earth-right .earth-copy{gap:26px}.earth-hero:after,.earth-right:after{display:none}}
/* Anchor the halo mask to the hero bounds, independently of the video. */
.earth-hero:before,.earth-right:before,.earth-settled:before{inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;transform:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 80%,transparent 100%);background:radial-gradient(ellipse 65% 85% at 50% 110%,transparent 20%,rgba(80,120,231,.22) 40%,rgba(78,99,213,.13) 55%,transparent 80%)}.earth-right:before{background:radial-gradient(ellipse 46% 80% at 72% 45%,transparent 20%,rgba(80,120,231,.22) 40%,rgba(78,99,213,.13) 55%,transparent 80%)}
/* Clear, consistent icons and larger benefit labels. */
.hero-benefits{max-width:520px;font-size:clamp(1.125rem,1.3vw,1.375rem);line-height:1.45;column-gap:28px;row-gap:26px}.hero-benefits li{gap:12px}.benefit-mark{display:block;width:30px;height:30px;color:#a9bfe1}.benefit-mark svg{display:block;width:100%;height:100%}.earth-video{transform-origin:72% 50%;transition:transform 1.9s cubic-bezier(.22,.68,.15,1)!important}.earth-right .earth-video{transform:scale(.9)}@media(max-width:760px){.hero-benefits{max-width:360px;font-size:1.0625rem;column-gap:18px;row-gap:22px}.benefit-mark{width:28px;height:28px}.earth-video{transform-origin:72% 60%}.earth-right .earth-video{transform:scale(.9)}}
/* More generous space and brighter, consistent line icons. */
.hero-benefits{column-gap:38px;row-gap:36px;max-width:560px}.hero-benefits li{gap:17px}.benefit-mark{width:42px;height:42px;color:#d5e5ff}.benefit-mark svg{stroke-width:1.6}.earth-right .earth-copy{gap:36px}@media(max-width:760px){.hero-benefits{column-gap:22px;row-gap:28px}.benefit-mark{width:36px;height:36px}.hero-benefits li{gap:14px}}
.earth-orbit{opacity:0;pointer-events:none;transition:opacity .7s ease!important}.orbit-running .earth-orbit{opacity:1}.orbit-running .earth-video:not(.earth-orbit){opacity:0;transition:opacity .7s ease!important}
/* All Earth artwork and effects now live inside the reusable component. */
.earth-hero>os-earth{position:absolute;inset:0;z-index:-1;display:block}.earth-hero:has(os-earth):before,.earth-hero:has(os-earth):after{display:none!important}
/* Preserve the mobile text group while giving the portrait globe its own space below. */
@media(max-width:760px){.earth-hero:has(os-earth){min-height:970px}.earth-hero:has(os-earth) .earth-copy{top:320px}}
/* Tablet portrait and phones use separate text and globe regions. */
@media(max-width:900px){
 .earth-hero:has(os-earth){height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden}
 .earth-hero:has(os-earth) .earth-copy,.earth-hero.earth-right:has(os-earth) .earth-copy{position:relative;top:auto;left:auto;transform:none;width:90%;height:auto;margin:0 auto;padding:48px 0 28px;order:1;gap:28px}
 .earth-hero>os-earth{position:relative;inset:auto;flex:none;order:2;height:clamp(360px,85vw,650px);width:100%;z-index:0}
 .earth-copy h1,.earth-right .earth-copy h1{font-size:clamp(2.1rem,5.7vw,3.1rem)}
 .hero-benefits{font-size:clamp(1.0625rem,2.3vw,1.25rem);max-width:560px;gap:30px 24px}
 .hero-benefits li{gap:13px}.benefit-mark{width:36px;height:36px}
 .earth-right .hero-benefits{max-height:none}
}
@media(max-width:480px){header{width:92%;gap:10px;flex-wrap:nowrap}.logo{gap:8px}.osd-wordmark{font-size:25px}.osd-properties{font-size:12px;padding-left:8px}nav{gap:10px}nav>a:first-child{display:flex;font-size:.75rem;white-space:nowrap}nav .button{font-size:.75rem;padding:9px 10px;gap:9px}.earth-hero:has(os-earth) .earth-copy{padding-top:35px}.hero-benefits{column-gap:16px;row-gap:28px}}

@media(max-width:480px){header.wrap{width:92%;gap:10px}.logo{flex-shrink:0;white-space:nowrap;gap:7px}.osd-wordmark{font-size:25px}.osd-properties{font-size:12px;padding-left:7px}header nav{gap:10px}header nav .button.compact{font-size:.75rem;padding:9px 8px;gap:7px;white-space:nowrap}header nav .button.compact span{font-size:17px}}
@media(max-width:360px){header.wrap{width:94%;gap:7px}header nav{gap:7px}.osd-properties{font-size:11px}.osd-wordmark{font-size:23px}header nav>a:first-child,header nav .button.compact{font-size:.6875rem}}

/* Three benefits in one quiet, continuous line. */
.hero-benefits{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:max-content;max-width:100%;font-size:clamp(.75rem,1.14vw,1.125rem);line-height:1.5;white-space:nowrap}.hero-benefits li{display:flex;flex-direction:row;gap:0}.hero-benefits li+li::before{display:inline;position:static;content:"|";width:auto;height:auto;border-radius:0;background:none;color:#78849a;margin:0 .7em}@media(max-width:900px){.hero-benefits{font-size:clamp(.65rem,2.8vw,1.125rem)}.hero-benefits li+li::before{margin:0 .5em}}