@font-face{font-family:HelveticaNow;src:url("/native-original/assets/body.woff2") format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:Bogart;src:url("/optimized-media/v2/fonts/bogart-regular.woff2") format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:EditorialNew;src:url("/native-original/assets/editorial.woff2") format('woff2');font-display:swap;font-weight:300 400}
@font-face{font-family:InstrumentSerif;src:url("/native-original/assets/instrument-serif.ttf") format('truetype');font-display:swap;font-weight:400}
:root{--ink:#28312c;--muted:#627067;--page-bg:#f6f4ed;--heading:Bogart,Georgia,serif;--hairline:rgba(40,49,44,.18);--gutter:clamp(20px,3vw,60px);color-scheme:light}
:root[data-font=editorial]{--heading:EditorialNew,Georgia,serif}
:root[data-font=instrument]{--heading:InstrumentSerif,Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--page-bg);color:var(--ink);font:16px/1.5 HelveticaNow,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4e8b68;outline-offset:5px}button:disabled,input:disabled{cursor:default;opacity:.45}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--heading);font-weight:400;letter-spacing:-.035em}h2{font-size:clamp(42px,4.5vw,70px);line-height:1.08}p{font-weight:400}svg{display:block;width:24px;height:24px}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-160%);background:#fff;color:#24172b;padding:12px 18px}.skip-link:focus{transform:translateY(0)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:550;line-height:1.4}.eyebrow.light{color:#dce5dd}.section-wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.wordmark{display:block;width:86px;height:37px;background:currentColor;mask:url("/native-original/assets/artie-bogart-semibold.svg") center/contain no-repeat;-webkit-mask:url("/native-original/assets/artie-bogart-semibold.svg") center/contain no-repeat}

.site-header{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:28px;background:rgba(18,17,15,.8);color:#f8faf5;padding:12px 14px 12px 23px;border:1px solid rgba(58,53,47,.2);border-radius:12px;box-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .3s,color .3s,top .3s,border-color .3s;width:max-content;max-width:calc(100% - 40px)}
.site-header.is-light{background:rgba(249,249,242,.8);color:var(--ink);border-color:rgba(50,60,50,.12);top:16px}.brand{display:block}.desktop-nav{display:flex;gap:25px;align-items:center}.desktop-nav a{white-space:nowrap;font-size:13px;transition:filter .2s,opacity .2s;padding:9px 0}.desktop-nav:has(a:hover) a:not(:hover),.desktop-nav:has(a:focus-visible) a:not(:focus-visible){filter:blur(2.3px);opacity:.55}.header-cta{font-size:13px;white-space:nowrap;background:#f6f4ed;border-radius:999px;padding:11px 20px;color:#28312c;display:flex;gap:20px;align-items:center}.header-cta:hover{background:#fff}.login-link{font-size:13px;white-space:nowrap}.login-link:hover{opacity:.7}.menu-toggle{display:none;background:transparent}.mobile-menu{position:fixed;top:88px;left:20px;right:20px;z-index:29;padding:14px 22px;background:#f8f8f1;border:1px solid var(--hairline);border-radius:12px;box-shadow:0 18px 36px #19291c18}.mobile-menu a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--hairline)}.mobile-menu a:last-child{border:0}

.hero{position:relative;margin:0 var(--gutter);min-height:760px;height:calc(100svh - 96px);max-height:1100px;border-radius:0 0 14px 14px;background:#52685d;color:#fffdf5;text-align:center;isolation:isolate}.hero-placeholder{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c0cec1;white-space:nowrap}.hero-placeholder:before{content:'+';display:block;font-size:26px;font-weight:200;margin-bottom:8px;opacity:.6}.hero-content{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);width:min(780px,calc(100% - 40px))}.hero h1{font-size:clamp(66px,5.8vw,92px);line-height:.99;margin:17px 0 21px;letter-spacing:-.035em}.role-word{display:inline-block;transition:opacity .28s,transform .28s;min-height:1.04em}.role-word.is-changing{opacity:0;transform:translateY(9px)}.hero-description{max-width:590px;margin:0 auto 26px;color:#e0e7df;font-size:15px;line-height:1.65}.hero-composer{padding:8px 9px 8px 23px;border:1px solid #fff8;background:#fafaf5;border-radius:13px;width:min(620px,100%);margin:0 auto;display:flex;align-items:center;gap:15px;box-shadow:0 8px 26px #26342b14}.hero-composer input{border:0;outline:0;background:none;width:100%;min-width:0;color:#303c33;font-size:15px;line-height:1.5}.hero-composer input::placeholder{color:#7c847c}.hero-composer:focus-within{outline:2px solid #d8e6cb;outline-offset:4px}.hero-composer button{background:#dce8d3;color:#2c3b2c;flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:8px;transition:background .2s,transform .2s}.hero-composer button:hover{background:#c8d8bc;transform:translateY(-2px)}.starter-prompts{display:flex;justify-content:center;gap:9px;margin-top:13px;flex-wrap:wrap}.starter-prompts button{font-size:11px;border:1px solid #dbe4da50;background:transparent;color:#e1e9df;padding:6px 11px;border-radius:25px;transition:background .2s}.starter-prompts button:hover{background:#ffffff18}.hero-scroll{position:absolute;bottom:27px;left:30px;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.05em;color:#d8e1d7}.hero-scroll span:last-child{font-size:18px}.logo-section{text-align:center;padding:44px 0 52px;overflow:hidden}.logo-section>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:29px}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.logo-set{display:flex;align-items:center;justify-content:space-around;gap:82px;padding:0 41px;min-width:1200px}.logo-set span{font-size:19px;white-space:nowrap;letter-spacing:-.025em;font-weight:600;color:#677267}.logo-set span:nth-child(2n){font-family:var(--heading);font-size:25px;font-weight:400}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}

.overview{padding-top:150px;padding-bottom:175px}.overview h2{margin:37px 0 55px;font-size:clamp(40px,4.4vw,66px);max-width:1080px;line-height:1.18}.overview h2>span{opacity:.43}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--hairline);padding-top:27px}.overview-bottom p{grid-column:2;max-width:470px;color:#58645c}.section-index{font-size:12px;color:var(--muted)}.section-heading{text-align:center;padding:50px 0 95px}.section-heading h2{margin:25px 0}.section-heading>p:last-child{color:var(--muted)}.process{padding-bottom:100px}.process-layout{display:grid;grid-template-columns:1fr 1.24fr;gap:88px;align-items:start;position:relative}.process-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;scroll-margin-top:150px}.process-step:last-child{min-height:62vh}.step-button{display:grid;grid-template-columns:1fr 18px;gap:13px;align-items:center;text-align:left;background:none;width:100%;padding:0 0 23px;border-bottom:1px solid var(--hairline);font-size:24px;letter-spacing:-.035em}.step-button>span:last-child{font-size:17px;opacity:0;transition:opacity .3s}.process-step.is-active .step-button>span:last-child{opacity:1}.process-step p{max-width:360px;padding:24px 0 0;color:#657366;font-size:16px;line-height:1.65}.process-stage{position:sticky;top:calc(50vh - 240px);margin-top:35px;height:480px;border:1px solid #52665b20;border-radius:10px;background:rgba(255,255,250,.29);display:flex;flex-direction:column;padding:25px 26px;overflow:hidden}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#536254}.stage-top{letter-spacing:.035em}.stage-bottom{margin-top:auto;justify-content:center}.mock-window{border:1px solid #74817235;border-radius:8px;background:#f8f9f3c4;width:100%;margin:auto 0;box-shadow:0 16px 30px #3c514016;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.mock-toolbar{height:33px;border-bottom:1px solid #596b5c20;display:flex;align-items:center;gap:4px;padding:0 11px}.mock-toolbar i{width:5px;height:5px;border-radius:50%;background:#ced6cb}.mock-toolbar span{width:58px;height:4px;background:#d8ded2;margin-left:12px}.mock-content{display:grid;grid-template-columns:55px 1fr;min-height:218px}.mock-sidebar{border-right:1px solid #596b5c15;padding:22px 14px}.mock-sidebar b{display:block;width:15px;height:15px;background:#b5c5a6;border-radius:50%;margin-bottom:25px}.mock-sidebar i{display:block;width:23px;height:4px;background:#d9dfd4;margin:17px 0}.mock-main{padding:28px 24px}.mock-heading,.mock-line{display:block;background:#d9dfd2;border-radius:2px;max-width:100%;height:5px;width:85%;margin-bottom:10px}.mock-heading{height:9px;width:51%;background:#a8b69c;margin-bottom:20px}.mock-line.short{width:63%}.mock-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.mock-card-row>div{height:64px;background:#e4e8dd;border:1px solid #d9dfd2;border-radius:3px;transition:background .5s,transform .5s}.process-stage[data-active-step="1"] .mock-card-row>div{background:#c4d6ce;transform:translateY(-3px)}.process-stage[data-active-step="1"] .mock-window{transform:translateY(-6px)}.process-stage[data-active-step="2"] .mock-card-row>div{background:#ccd3bd;transform:translateY(2px)}.process-stage[data-active-step="2"] .mock-heading{width:70%}.stage-dots{display:flex;gap:3px}.stage-dots button{padding:9px 7px;background:none}.stage-dots button:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#a5b0a1;transition:width .3s,background .3s}.stage-dots button[aria-pressed=true]:after{background:#40593e;width:18px;border-radius:5px}

.team{padding-top:115px;padding-bottom:140px}.team-heading{display:flex;justify-content:space-between;align-items:end;gap:100px;margin-bottom:58px}.team-heading h2{margin-top:26px}.team-heading>p{max-width:310px;color:#617078;font-size:16px}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portrait-card{display:flex;position:relative;flex-direction:column;justify-content:space-between;aspect-ratio:.77;border:1px solid #4655561c;border-radius:7px;padding:23px 25px;background:#bfcdd14d;transition:background .25s,transform .25s;text-align:left}.portrait-card:nth-child(2){background:#ccd4d14d}.portrait-card:nth-child(3){background:#c1cace4d}.portrait-card:hover{background:#b5c8ca66;transform:translateY(-4px)}.portrait-placeholder{align-self:center;margin-top:auto;margin-bottom:auto;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#738388}.portrait-caption{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--heading);font-size:31px}.portrait-caption>span:last-child{font-family:HelveticaNow,Arial,sans-serif;font-size:18px}.closing{text-align:center;padding-top:155px;padding-bottom:180px}.closing h2{font-size:clamp(60px,6vw,90px);margin:30px 0 40px}.primary-button{display:inline-flex;gap:52px;align-items:center;border-radius:6px;background:#293b30;color:#fafcf5;padding:16px 24px;font-size:14px;transition:background .2s}.primary-button:hover{background:#405446}.site-footer{margin:0 var(--gutter);padding:34px 0;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:11px;color:#62695f}.footer-brand{color:#324237}.footer-brand .wordmark{width:74px}.site-footer>a:last-child{white-space:nowrap}

.preview-tools{position:fixed;bottom:20px;right:22px;z-index:40;color:#334239}.tools-toggle{display:flex;align-items:center;gap:9px;padding:12px 16px;background:#fafbf5eF;border:1px solid #cdd5c9;border-radius:8px;box-shadow:0 3px 14px #2036250b;backdrop-filter:blur(15px);font-size:11px}.tools-indicator{width:5px;height:5px;background:#83977d;border-radius:50%}.tools-symbol{font-size:16px;line-height:1;margin-left:11px}.tools-panel{position:absolute;right:0;bottom:52px;width:315px;max-height:min(620px,calc(100dvh - 100px));overflow:auto;overscroll-behavior:contain;background:#fcfcf7;border:1px solid #d2d8cd;border-radius:12px;box-shadow:0 12px 50px #243d2526;padding:22px;text-align:left;font-size:12px}.tools-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:23px}.tools-close{padding:0;background:none;color:#80917f;font-size:24px;line-height:20px}.font-picker{border:0;padding:0;margin:0 0 22px;min-width:0}.font-picker legend{font-size:11px;color:#74816f;margin-bottom:9px}.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.font-options button{display:flex;flex-direction:column;align-items:center;border:1px solid #dee3d9;background:#f5f6f0;border-radius:6px;padding:10px 0 8px;font-size:10px;transition:background .2s,border-color .2s}.font-options button[aria-pressed=true]{border-color:#778d6c;background:#e6eddf}.font-specimen{font-size:30px;line-height:1.2;margin-bottom:7px;font-weight:400}.bogart{font-family:Bogart,Georgia,serif}.editorial{font-family:EditorialNew,Georgia,serif}.instrument{font-family:InstrumentSerif,Georgia,serif}.font-detail{font-size:10px;color:#72816f;margin-top:9px}.speed-setting{border-top:1px solid #e0e4da;padding-top:20px;margin-bottom:20px}.speed-setting label{display:flex;justify-content:space-between;margin-bottom:10px}.speed-setting output{font-variant-numeric:tabular-nums;color:#83907d}.speed-setting input{width:100%;margin:0;accent-color:#526b49;height:15px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#8d9788;margin-top:5px}.switch-row{display:flex;align-items:center;position:relative;gap:10px;cursor:pointer;padding:10px 0}.switch-row input{position:absolute;right:0;opacity:0;width:32px;height:22px}.switch{margin-left:auto;flex:0 0 29px;height:17px;border-radius:10px;background:#d0d7ca;position:relative;transition:background .2s}.switch:after{content:'';position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;width:11px;height:11px;transition:transform .2s}.switch-row input:checked+.switch{background:#6d8760}.switch-row input:checked+.switch:after{transform:translateX(12px)}.switch-row input:focus-visible+.switch{outline:2px solid #528845;outline-offset:4px}.switch-row:has(input:disabled){opacity:.5;cursor:default}.tools-note{font-size:10px;line-height:1.6;color:#87917f;margin:13px 0 17px}.reset-settings{width:100%;display:flex;justify-content:space-between;border-top:1px solid #e0e4da;padding:13px 0 0;background:none;font-size:10px;color:#7c8a73}

.chat-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);height:640px;padding:0;color:#303c34;background:#fcfcf7;border:1px solid #d7ddd1;border-radius:17px;box-shadow:0 30px 100px #172d2740;overflow:hidden}.chat-dialog[open]{display:flex;flex-direction:column}.chat-dialog::backdrop{background:#243b304b;backdrop-filter:blur(7px)}.chat-header{display:flex;justify-content:space-between;align-items:start;padding:27px 28px 21px;border-bottom:1px solid #e0e4d9;gap:12px}.chat-header h2{font-size:32px;letter-spacing:-.025em;line-height:1.12}.chat-header p{font-size:11px;color:#8b9884;margin-top:7px}.chat-close{background:#edf0e6;border-radius:50%;width:30px;height:30px;flex:0 0 30px;line-height:1;font-size:22px;color:#65735e}.chat-messages{padding:25px 28px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:80px;display:flex;flex-direction:column;gap:22px}.chat-message{max-width:91%;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.chat-author{font-size:10px;display:block;color:#8e9c83;margin-bottom:6px}.chat-message.user{margin-left:auto;background:#e9efdf;padding:11px 16px;border-radius:12px 12px 3px 12px;white-space:pre-wrap}.chat-message.assistant p{margin-bottom:5px}.chat-message.typing{font-size:12px;color:#7e8d75}.chat-form{padding:0 20px 17px}.chat-input-wrap{display:flex;align-items:end;border:1px solid #d9dfcf;padding:11px 10px 10px 15px;border-radius:11px;background:#fff}.chat-input-wrap:focus-within{border-color:#92a381;box-shadow:0 0 0 2px #74896310}.chat-input-wrap textarea{resize:none;border:0;outline:none;background:transparent;min-height:43px;max-height:120px;width:100%;font-size:14px;line-height:1.5;color:#304030;padding:0 10px 0 0}.chat-send{width:33px;height:33px;flex:0 0 33px;background:#365137;color:#fff;border-radius:7px;font-size:22px;line-height:1}.chat-form-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#99a58f;padding:10px 1px 0}.chat-reset{font-size:10px;background:none;color:#839276;padding:0}.motion-paused .marquee-track{animation-play-state:paused}

html{scrollbar-gutter:stable}body.chat-open{overflow:hidden}
@media(min-width:1800px){.hero h1{font-size:104px}.hero-content{bottom:95px}.hero-placeholder{top:31%}.hero{height:calc(100svh - 130px)}}
@media(max-width:1100px){.section-wrap{padding-left:40px;padding-right:40px}.process-layout{gap:40px}.process-stage{height:430px;top:calc(50vh - 215px);padding:22px}.team-heading{gap:40px}.hero h1{font-size:80px}.hero-content{bottom:75px}.hero{min-height:750px}.hero-placeholder{top:20%}}
@media(max-width:760px){.site-header{top:15px;left:20px;right:20px;transform:none;max-width:none;width:auto;gap:20px;padding:9px 13px 9px 16px;border-radius:10px}.site-header.is-light{top:15px}.brand .wordmark{width:72px;height:34px}.desktop-nav{display:none}.header-cta{margin-left:auto;padding:10px 12px;font-size:11px;gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;width:24px;height:35px;padding:0;gap:5px}.menu-toggle span{height:1px;width:20px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{margin:0 10px;min-height:750px;height:calc(100svh - 34px);max-height:1000px;border-radius:0 0 10px 10px}.hero-content{width:calc(100% - 32px);bottom:78px}.hero h1{font-size:64px;margin:18px 0 23px}.hero-placeholder{top:21%;font-size:8px}.hero-content .eyebrow{font-size:9px}.hero-description{font-size:13px;max-width:370px;margin-bottom:23px;line-height:1.65}.hero-composer{padding:7px 7px 7px 15px;border-radius:10px;gap:8px}.hero-composer input{font-size:12px}.hero-composer button{height:39px;flex-basis:39px}.starter-prompts{gap:5px;margin-top:12px}.starter-prompts button{font-size:9px;padding:6px 8px}.hero-scroll{bottom:22px;left:22px;font-size:9px}.logo-section{padding:36px 0 42px}.logo-set{gap:46px;padding:0 23px;min-width:940px}.logo-set span{font-size:16px}.logo-set span:nth-child(2n){font-size:22px}.section-wrap{padding-left:25px;padding-right:25px}.overview{padding-top:80px;padding-bottom:80px}.overview h2{font-size:41px;margin:26px 0 35px;line-height:1.17}.overview-bottom{grid-template-columns:35px 1fr;gap:23px;padding-top:21px}.overview-bottom p{font-size:13px}.section-heading{padding:45px 0 50px}.section-heading h2{font-size:44px;margin:22px 0}.section-heading>p:last-child{font-size:13px}.process-layout{display:flex;flex-direction:column;gap:0}.process-stage{position:relative;top:auto;width:100%;height:345px;margin:32px 0 0;order:2}.process-steps{width:100%}.process-step,.process-step:last-child{min-height:0;padding:23px 0 15px;scroll-margin-top:100px}.step-button{font-size:22px;grid-template-columns:1fr 15px;gap:9px;padding-bottom:15px}.process-step p{padding:17px 0 0;font-size:13px;max-width:100%;line-height:1.7}.process-step:not(.is-active) p{display:none}.process{padding-bottom:70px}.mock-window{width:91%;align-self:center}.mock-content{min-height:185px;grid-template-columns:42px 1fr}.mock-main{padding:20px}.mock-sidebar{padding:16px 10px}.mock-sidebar i{width:18px}.mock-toolbar{height:25px}.mock-card-row{margin:15px 0}.mock-card-row>div{height:48px}.stage-top,.stage-bottom{font-size:10px}.team{padding-top:65px;padding-bottom:70px}.team-heading{display:block;margin-bottom:32px}.team-heading h2{font-size:45px;margin-top:22px}.team-heading>p{font-size:13px;max-width:310px;margin-top:24px}.portrait-grid{gap:9px}.portrait-card{padding:12px 10px;border-radius:5px;aspect-ratio:.57}.portrait-placeholder{font-size:7px;letter-spacing:.03em}.portrait-caption{font-size:20px;gap:6px;flex-direction:column;align-items:start}.portrait-caption>span:last-child{font-size:13px}.closing{padding-top:100px;padding-bottom:110px}.closing h2{font-size:60px;margin:26px 0 32px}.primary-button{font-size:12px;padding:14px 22px}.site-footer{padding:30px 0 94px;margin:0 25px;gap:20px;flex-wrap:wrap;font-size:9px}.site-footer p{order:3;width:100%}.site-footer>a:last-child{margin-left:auto}.preview-tools{bottom:15px;right:15px}.tools-toggle{padding:10px 12px;font-size:10px}.tools-panel{width:min(315px,calc(100vw - 30px));padding:20px;bottom:46px}.chat-dialog{height:min(640px,calc(100dvh - 30px));max-height:calc(100dvh - 30px)}.chat-header{padding:22px}.chat-header h2{font-size:28px}.chat-messages{padding:22px}.chat-form{padding:0 15px 15px}.chat-input-wrap textarea{font-size:16px}}
@media(max-width:760px){.portrait-grid{grid-template-columns:1fr;gap:12px}.portrait-card{height:250px;aspect-ratio:auto;padding:23px}.portrait-placeholder{font-size:10px}.portrait-caption{font-size:30px;flex-direction:row;align-items:center}.portrait-caption>span:last-child{font-size:17px}}
@media(max-width:360px){.hero h1{font-size:57px}.hero-composer input{font-size:11px}.starter-prompts button{font-size:8px}.site-header{gap:12px}.header-cta{gap:10px}.team-heading h2{font-size:41px}.overview h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.desktop-nav:has(a:hover) a:not(:hover),.desktop-nav:has(a:focus-visible) a:not(:focus-visible){filter:none;opacity:.65}.portrait-card:hover{transform:none}}

/* Unlabelled visual slots keep the skeleton structure without editorial annotations. */
.logo-set span,.logo-set span:nth-child(2n){display:block;width:112px;height:20px;background:currentColor;opacity:.12;border-radius:3px}
@media(max-width:1000px){.site-header{left:20px;right:20px;transform:none;width:auto;max-width:none;gap:20px}.desktop-nav,.login-link{display:none}.header-cta{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;width:24px;height:35px;padding:0;gap:5px}.menu-toggle span{height:1px;width:20px;background:currentColor}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{max-height:calc(100dvh - 110px);overflow:auto}}
@media(max-width:760px){.overview-bottom{grid-template-columns:1fr}.overview-bottom p{grid-column:1}}

/* Hero refinement: compact announcement, original press marks, Artie composer. */
.funding-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #fff3;border-radius:8px;background:#24342c40;color:#fafaf5;font-size:13px;line-height:20px;backdrop-filter:blur(12px);transition:background .2s}
.funding-pill:hover{background:#24342c70}.funding-pill img{width:84px;height:17px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.92}.funding-divider{height:15px;width:1px;background:#fff4}.funding-pill>span:last-child{margin-left:3px;font-size:17px}
.hero-content{bottom:62px}.hero h1{margin:25px 0 20px}.hero-description{max-width:540px;margin-bottom:29px}
.hero-composer{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:16px;align-items:stretch;width:min(640px,100%);padding:20px 18px 14px 22px;border:1px solid #e9e0f0b3;border-radius:22px;background:linear-gradient(125deg,#fffffff5,#f5effbf2);box-shadow:0 12px 36px #20232722,0 0 0 5px #ede0ff0a;backdrop-filter:blur(20px);text-align:left}
.hero-composer:before{content:'';position:absolute;inset:-11px -18px;z-index:-2;border-radius:35px;background:linear-gradient(100deg,#b98ee96b,#8c6ad157,#e1beff80);filter:blur(23px);opacity:.68;pointer-events:none;transition:opacity .25s}
.hero-composer:focus-within{outline:none;border-color:#d5b9eb;box-shadow:0 12px 36px #20232722,0 0 0 3px #d2b5ef38}.hero-composer:focus-within:before{opacity:1}
.hero-composer textarea{display:block;resize:none;border:0;outline:0!important;background:transparent;width:100%;height:52px;min-width:0;padding:0;color:#554461;font-size:17px;line-height:1.5;box-shadow:none}.hero-composer textarea::placeholder{color:#91829d}
.composer-toolbar{display:flex;align-items:center;justify-content:space-between}.composer-identity{display:flex;align-items:center;gap:8px;color:#796787;font-size:12px}.composer-identity img{width:27px;height:27px;object-fit:contain}
.hero-composer button{width:36px;height:36px;flex:0 0 36px;background:#4a365b;color:#fff;border-radius:50%;box-shadow:0 2px 6px #4a365b20}.hero-composer button:hover{background:#654778;transform:translateY(-1px)}.hero-composer button svg{width:20px;height:20px}
.starter-prompts{margin-top:17px;gap:8px}.starter-prompts button{padding:7px 12px;color:#f5f1f7;border-color:#eee3ff38;background:#26352d15;font-size:11px}.starter-prompts button:hover{background:#d9b5ff24;border-color:#e1c4ff66}
.logo-section{padding:40px 0 42px}.marquee{max-width:1280px;margin:auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.logo-set{gap:80px;padding:0 80px 0 0;min-width:0;justify-content:start;flex:none}.logo-set img{height:32px;object-fit:contain;flex:none;filter:grayscale(1);opacity:.6}.marquee-track{animation-duration:65s}
@media(min-width:1800px){.hero-content{bottom:65px}}
@media(max-width:760px){.hero{min-height:790px}.hero-content{bottom:44px}.hero h1{margin:24px 0 21px}.funding-pill{font-size:11px;gap:9px;padding:7px 10px}.funding-pill img{width:72px;height:15px}.hero-description{margin-bottom:23px}.hero-composer{border-radius:19px;padding:17px 15px 12px 18px;gap:12px}.hero-composer textarea{font-size:16px;height:49px}.hero-composer:before{inset:-6px -5px;filter:blur(17px)}.starter-prompts{gap:5px;margin-top:16px}.starter-prompts button{font-size:9px;padding:7px 8px}.logo-section{padding:30px 0}.logo-set{gap:48px;padding-right:48px}.logo-set img{max-width:130px;height:28px}}

.funding-pill img{filter:none}.hero-composer:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(125deg,#fff,#f7f3fa);pointer-events:none}

/* Final hero correction: original aspect ratios and a quieter, open composition. */
.hero-content{bottom:80px}.hero h1{margin:26px 0 24px}.hero-description{margin-bottom:0;max-width:510px;font-size:16px;line-height:1.65}.funding-pill{gap:11px;padding:7px 11px 7px 7px;background:#24342c30}.funding-pill img{width:23px;height:23px;filter:none;opacity:1;border-radius:2px}.funding-divider{display:none}.funding-pill>span:last-child{margin-left:7px;color:#dfebdf}.logo-set{gap:80px;padding-right:80px}.logo-set img{max-width:none;object-fit:contain;opacity:.58}.logo-section{padding:43px 0}.marquee{max-width:1260px}
@media(min-width:1800px){.hero-content{bottom:88px}}
@media(max-width:760px){.hero{min-height:660px;height:calc(100svh - 80px)}.hero-content{bottom:55px}.hero h1{margin:25px 0 22px}.hero-description{font-size:14px;max-width:330px}.funding-pill{font-size:12px}.funding-pill img{width:22px;height:22px}.logo-section{padding:31px 0}.logo-set{gap:50px;padding-right:50px}}

.funding-pill{gap:12px;padding:8px 12px;border-radius:8px}.funding-pill img{width:100px;height:20px;object-fit:contain;border-radius:0}.funding-divider{display:block;height:15px;width:1px;background:#fff4}.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:29px;padding:12px 27px;border:1px solid #fff8;border-radius:999px;background:#f6f4ed;color:#28312c;font-size:14px;box-shadow:0 4px 14px #23372c12;transition:background .2s,transform .2s}.hero-cta:hover{background:#fff;transform:translateY(-2px)}.hero-cta:focus-visible{outline-color:#fff}.hero-description{margin-bottom:0}
@media(max-width:760px){.funding-pill{gap:10px;font-size:11px}.funding-pill img{width:90px;height:18px}.hero-cta{margin-top:25px;min-height:44px;font-size:13px}.hero-content{bottom:44px}}

.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:29px}.hero-actions .hero-cta{margin:0}.hero-access{min-height:46px;padding:12px 23px;border:1px solid #f6f4ed66;border-radius:999px;background:#17291d40;color:#fffdf5;font-size:14px;transition:background .2s}.hero-access:hover{background:#17291d66}.access-dialog{position:relative;width:min(460px,calc(100% - 36px));padding:36px;border:1px solid #e4dfe8;border-radius:18px;background:#faf9f6;color:#28312c;box-shadow:0 30px 100px #172d2740}.access-dialog::backdrop{background:#243b3066;backdrop-filter:blur(5px)}.access-dialog h2{font-size:34px;margin:0 0 15px}.access-dialog>p{font-size:14px;color:#738078}.access-close{position:absolute;top:12px;right:14px;font-size:25px;background:none}.access-dialog form{margin-top:25px;display:grid;gap:10px}.access-dialog label{font-size:13px}.access-dialog input{width:100%;padding:12px;border:1px solid #cdcbd0;border-radius:8px;background:white;text-transform:uppercase;letter-spacing:.18em}.access-dialog form button{padding:13px;border-radius:999px;background:#293b30;color:#fff}.access-dialog form p{font-size:12px;color:#a24747;min-height:18px}
@media(max-width:760px){.hero-actions{gap:10px;margin-top:25px}.hero-actions .hero-cta,.hero-access{padding:11px 20px;font-size:13px;min-height:44px}.access-dialog{padding:30px 25px}}

/* User-supplied meadow photograph. */
.hero{background-image:linear-gradient(180deg,rgba(15,29,19,0) 15%,rgba(15,29,19,.08) 40%,rgba(15,29,19,.32) 62%,rgba(15,29,19,.58) 88%,rgba(15,29,19,.62) 100%),url("/native-original/assets/hero-meadow-bridge.png");background-size:cover;background-position:center;background-repeat:no-repeat}
.hero h1{text-shadow:0 2px 22px #16271c20}.hero-description{color:#f2f3ec;text-shadow:0 1px 8px #12201755}.funding-pill{background:#24342c77}

/* Optical logo alignment and quieter button shapes. */
.site-header .brand{display:flex;align-items:center;line-height:1;flex-shrink:0}.site-header .brand .wordmark{width:78px;height:34px;transform:translateY(-2px)}
.header-cta,.hero-cta,.hero-access{border-radius:8px}.header-cta{line-height:1.5}.hero-cta{box-shadow:none}.hero-access{border-color:#f6f4ed80}
@media(max-width:760px){.site-header .brand .wordmark{width:68px;height:30px;transform:translateY(-1px)}}

/* Video hero, with clear space below the upper text. */
.hero{overflow:hidden;background-image:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 48% 48% at 50% 28%,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,0) 100%)}.hero .hero-content{top:145px;bottom:auto}.hero .hero-actions{margin-top:24px}
@media(max-width:760px){.hero .hero-content{top:112px;bottom:auto}.hero h1{font-size:clamp(48px,12vw,64px)}.hero-video{object-position:50% center}}

/* Restore the supplied meadow still, retaining neutral text shading. */
.hero{background-image:url("/native-original/assets/hero-meadow-bridge.png")}

/* Restore pre-video text placement across screen sizes. */
.hero .hero-content{top:auto;bottom:80px}
.hero .hero-actions{margin-top:29px}
@media(min-width:1800px){.hero .hero-content{bottom:88px}}
@media(max-width:760px){.hero .hero-content{top:auto;bottom:44px}.hero .hero-actions{margin-top:25px}}

/* Restore the original meadow overlay from the approved reference. */
.hero::after{background:linear-gradient(180deg,rgba(15,29,19,0) 15%,rgba(15,29,19,.08) 40%,rgba(15,29,19,.32) 62%,rgba(15,29,19,.58) 88%,rgba(15,29,19,.62) 100%)}

/* Shared header geometry across homepage, directories and detail pages. */
#site-header.site-header{top:24px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);gap:28px;padding:12px 14px 12px 23px;justify-content:normal}
#site-header .desktop-nav{gap:25px}
@media(max-width:1000px){#site-header.site-header{left:20px;right:20px;transform:none;width:auto;max-width:none;gap:20px}}
@media(max-width:760px){#site-header.site-header{top:15px;left:20px;right:20px;width:auto;max-width:none;gap:12px;padding:9px 13px 9px 16px;border-radius:10px}}
@media(max-width:380px){#site-header.site-header{gap:8px;padding-left:12px;padding-right:10px}}
html body #site-header.site-header:is(.is-light,.is-night){top:24px}
@media(max-width:760px){html body #site-header.site-header:is(.is-light,.is-night){top:15px}}
/* Lilac objects on smoky blue-grey cards, echoing the site's sky tones. */
:is(#site-header, #mobile-menu):has([data-resource-object]) {
  --object-card-top: #d0d9e0;
  --object-card-bottom: #9aabba;
  --object-card-border: #a3b1bd;
}
[data-resource-object="blog"] { --object-width: 30.04px; --object-height: 30.04px; --object-x: 0.18px; --object-y: -0.31px; }
[data-resource-object="help"] { --object-width: 27.58px; --object-height: 27.58px; --object-x: -0.06px; --object-y: 0.35px; }
[data-resource-object="updates"] { --object-width: 31.04px; --object-height: 31.04px; --object-x: -0.25px; --object-y: 0.56px; }
[data-resource-object="about"] { --object-width: 30.47px; --object-height: 30.47px; --object-x: -0.09px; --object-y: -0.58px; }
[data-resource-object="security"] { --object-width: 30.0px; --object-height: 30.0px; --object-x: -0.02px; --object-y: -0.19px; }
[data-resource-object="contact"] { --object-width: 29.83px; --object-height: 29.83px; --object-x: -0.02px; --object-y: -0.08px; }
#site-header:has([data-resource-object]) .resources-directory {
  padding-block: 18px;
}
#site-header:has([data-resource-object]) .resources-group-links {
  gap: 2px;
}
#site-header:has([data-resource-object]) .resource-link {
  min-height: 64px;
  width: 100%;
  text-align: left;
  appearance: none;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
}
:is(#site-header:has([data-resource-object]), #mobile-menu:has([data-resource-object])) .resource-icon {
  display: grid;
  position: relative;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--object-card-border);
  border-radius: 8px;
  background: linear-gradient(160deg, var(--object-card-top), var(--object-card-bottom));
  box-shadow: inset 0 1px 0 #ffffff40;
  overflow: visible;
}
:is(#site-header:has([data-resource-object]), #mobile-menu:has([data-resource-object])) .resource-icon img {
  display: block;
  width: var(--object-width, 30px);
  height: var(--object-height, 30px);
  max-width: none;
  object-fit: contain;
  translate: var(--object-x, 0px) var(--object-y, 0px);
  transform: none;
  transition: none;
  pointer-events: none;
}
#site-header:has([data-resource-object]) .resource-link:is(:hover, :focus-visible) .resource-icon img {
  transform: none;
}
/* Keep ink and menu surface in the same theme frame while scrolling. */
#site-header:has([data-resource-object]) :is(.resource-copy strong, .resource-feature-title) {
  transition: none;
}
#mobile-menu:has([data-resource-object]) .resource-link {
  width: 100%;
  gap: 13px;
  justify-content: flex-start;
  min-height: 64px;
  padding: 8px 4px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
#mobile-menu:has([data-resource-object]) .resource-icon {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
}
#mobile-menu:has([data-resource-object]) .resource-copy strong {
  font-family: HelveticaNow, Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  letter-spacing: -.015em;
}
#mobile-menu:has([data-resource-object]) .resource-copy > span {
  display: block;
  color: var(--resources-muted);
  font: 400 12px/1.4 HelveticaNow, Arial, sans-serif;
}
#mobile-menu:has([data-resource-object]) .resource-copy { gap: 3px; }
/* Six brief responses, each returns to a settled still. No idle loops. */
@media (prefers-reduced-motion: no-preference) {
  .resource-link.is-object-playing[data-resource-object="blog"] img { animation: resource-object-paper .56s ease-out; }
  .resource-link.is-object-playing[data-resource-object="help"] img { animation: resource-object-book .62s ease-out; }
  .resource-link.is-object-playing[data-resource-object="updates"] img { animation: resource-object-bell .7s ease-out; transform-origin: 50% 24%; }
  .resource-link.is-object-playing[data-resource-object="about"] img { animation: resource-object-people .6s ease-out; }
  .resource-link.is-object-playing[data-resource-object="security"] img { animation: resource-object-lock .56s ease-out; }
  .resource-link.is-object-playing[data-resource-object="contact"] img { animation: resource-object-envelope .62s ease-out; }
}
@keyframes resource-object-paper { 0%,100%{transform:none} 40%{transform:translateY(-2px) rotate(-3deg)} 70%{transform:translateY(-1px) rotate(1deg)} }
@keyframes resource-object-book { 0%,100%{transform:none} 45%{transform:perspective(110px) rotateY(-11deg) rotate(-2deg) translateY(-1px)} }
@keyframes resource-object-bell { 0%,100%{transform:rotate(0)} 20%{transform:rotate(-8deg)} 42%{transform:rotate(6deg)} 64%{transform:rotate(-3deg)} 82%{transform:rotate(1deg)} }
@keyframes resource-object-people { 0%,100%{transform:none} 42%{transform:translateY(-2px) scale(1.025)} 73%{transform:translateY(-.5px)} }
@keyframes resource-object-lock { 0%,100%{transform:none} 32%{transform:translateY(-1px)} 58%{transform:translateY(.8px) scaleY(.97)} 78%{transform:translateY(-.2px)} }
@keyframes resource-object-envelope { 0%,100%{transform:none} 42%{transform:translate(2px,-2px) rotate(-4deg)} 73%{transform:translate(.5px,-.5px) rotate(-1deg)} }
/* A quiet surface identifies the whole link without moving its contents. */
#site-header { --resource-hover-surface: #dbc4ed17; --resource-hover-edge: #e8d5f015; }
#site-header.is-light, #mobile-menu { --resource-hover-surface: #76518b12; --resource-hover-edge: #76518b0b; }
:is(.blog-index, .blog-article) #site-header,
:is(.blog-index, .blog-article, .about-native) #mobile-menu {
  --resource-hover-surface: #dbc4ed17;
  --resource-hover-edge: #e8d5f015;
}
:is(#site-header, #mobile-menu) .resource-link:is([data-resource-object], [data-object]) {
  border-radius: 10px;
  transition: background-color .14s ease, box-shadow .14s ease;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  :is(#site-header, #mobile-menu) .resource-link:is([data-resource-object], [data-object]):hover {
    background-color: var(--resource-hover-surface);
    box-shadow: inset 0 0 0 1px var(--resource-hover-edge);
    text-decoration: none;
  }
}
:is(#site-header, #mobile-menu) .resource-link:is([data-resource-object], [data-object]):focus-visible {
  background-color: var(--resource-hover-surface);
  box-shadow: inset 0 0 0 1px var(--resource-hover-edge);
  outline: 1px solid var(--resources-focus);
  outline-offset: 1px;
  border-radius: 10px;
  text-decoration: none;
}
:is(#site-header, #mobile-menu) .resource-link:is([data-resource-object], [data-object]):active {
  background-color: var(--resource-hover-surface);
}
@media (prefers-reduced-motion: reduce) {
  :is(#site-header, #mobile-menu) .resource-link:is([data-resource-object], [data-object]) { transition: none; }
}
/* Resources: two editorial link columns and one persistent latest article. */
#site-header {
  --resources-surface: #29262c;
  --resources-feature-surface: #342d3a;
  --resources-frame: #ffffff16;
  --resources-feature-gradient: linear-gradient(160deg, #40304e, #342d3a);
  --resources-ink: #fcf8f3;
  --resources-muted: #c7c0ca;
  --resources-rule: #ffffff1a;
  --resources-rim: #ffffff26;
  --resources-highlight: #ffffff13;
  --resources-focus: #dac5e4;
  --resources-title-active: #e4cee9;
  --resources-menu-width: min(984px, calc(100vw - 48px));
}
#site-header.is-light {
  --resources-surface: #faf9f5;
  --resources-feature-surface: #eee8ef;
  --resources-frame: #fff9;
  --resources-feature-gradient: linear-gradient(155deg, #f0e6fb 0%, #f6f2ec 100%);
  --resources-ink: #302b33;
  --resources-muted: #756d79;
  --resources-rule: #534a4d1a;
  --resources-rim: #d7d3d1;
  --resources-highlight: #fff;
  --resources-focus: #8d729b;
  --resources-title-active: #795287;
}
:is(.blog-index, .blog-article) #site-header {
  --resources-surface: #302538;
  --resources-feature-surface: #3c3045;
  --resources-frame: #ffffff16;
  --resources-feature-gradient: linear-gradient(160deg, #44314f, #382e3d);
  --resources-ink: #fcf8f3;
  --resources-muted: #c7c0ca;
  --resources-rule: #ffffff1a;
  --resources-rim: #ffffff26;
  --resources-highlight: #ffffff13;
  --resources-focus: #dac5e4;
  --resources-title-active: #e4cee9;
}
#site-header .resources-nav { display: flex; align-items: center; }
#site-header .resources-toggle {
  display: flex; align-items: center; gap: 5px; padding: 9px 0;
  border: 0; background: none; color: inherit;
  font: 400 13px/1.5 HelveticaNow, Arial, sans-serif; white-space: nowrap;
  filter: blur(var(--nav-blur, 0px)); opacity: var(--nav-opacity, 1);
  transition: filter .32s ease, opacity .32s ease;
}
#site-header .resources-toggle .resources-chevron,
.mobile-resources summary .resources-chevron {
  display: block; width: 12px; height: 12px; flex: 0 0 12px;
  transition: transform .2s ease; opacity: .7;
}
.resources-toggle[aria-expanded=true] .resources-chevron,
.mobile-resources[open] summary .resources-chevron { transform: rotate(180deg); }
#site-header .resources-panel {
  position: absolute; top: calc(100% + 10px); left: 50%;
  width: var(--resources-menu-width); transform: translateX(-50%);
  display: grid; grid-template-columns: minmax(0, 1fr) 240px;
  padding: 6px; gap: 0; text-align: left;
  color: var(--resources-ink); background: var(--resources-frame);
  border: 1px solid #ffffff24; border-radius: 26px;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 16px 32px -10px #241e3029;
  max-height: calc(100dvh - 120px); overflow: hidden auto; overscroll-behavior: contain;
  animation: resources-enter .18s ease-out;
}
#site-header .resources-panel[hidden] { display: none; }
/* The ten-pixel route from header to the full-width menu remains interactive. */
#site-header .resources-nav.is-open::after {
  content: ''; position: absolute; top: 100%; left: 50%;
  width: var(--resources-menu-width); height: 12px; transform: translateX(-50%);
}
#site-header .resources-directory {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start; gap: 20px; padding: 20px 24px;
  background: var(--resources-surface); border-radius: 19px 0 0 19px;
}
#site-header .resources-group { min-width: 0; }
#site-header .resources-label {
  margin: 0; color: var(--resources-muted);
  font: 400 12px/1.5 HelveticaNow, Arial, sans-serif;
}
#site-header .resources-group > .resources-label { padding-inline-start: 8px; }
#site-header .resources-group-links { display: grid; gap: 8px; margin-top: 12px; }
#site-header .resource-link, #site-header .resource-feature-link,
.mobile-resources .resource-link {
  white-space: normal; border: 0; background: transparent; box-shadow: none;
  filter: none !important; opacity: 1 !important; color: inherit;
  text-decoration: none !important;
}
#site-header .resource-link {
  display: flex; align-items: center; min-height: 56px; gap: 12px;
  padding: 8px; border-radius: 8px;
}
#site-header .resource-icon {
  display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px;
  border-radius: 8px; background: linear-gradient(180deg, #f4edff, #e1cdff);
}
#site-header .resource-icon img {
  display: block; width: 30px; height: 28px; object-fit: contain;
  transition: transform .2s ease;
}
.resource-copy { display: flex; flex-direction: column; min-width: 0; gap: 7px; }
#site-header .resource-copy { gap: 3px; }
#site-header .resource-copy strong {
  color: var(--resources-ink); font: 500 16px/21px HelveticaNow, Arial, sans-serif;
  letter-spacing: -.015em; text-decoration: none; transition: color .18s ease;
}
#site-header .resource-copy > span {
  color: var(--resources-muted); font: 400 13px/1.45 HelveticaNow, Arial, sans-serif;
}
#site-header .resources-feature { padding: 20px 24px 16px; background: var(--resources-feature-gradient); border-radius: 0 19px 19px 0; }
#site-header .resource-feature-link { display: flex; flex-direction: column; align-items: flex-start; margin-top: 10px; padding: 0; }
#site-header .resource-feature-image {
  display: block; width: 100%; aspect-ratio: 16/9; overflow: hidden;
  border-radius: 6px; background: var(--resources-surface);
}
#site-header .resource-feature-image img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
#site-header .resource-feature-title {
  display: block; margin-top: 10px; font: 400 18px/22px var(--heading);
  letter-spacing: -.025em; color: var(--resources-ink); text-decoration: none;
  transition: color .18s ease;
}
#site-header .resource-feature-action {
  display: inline-flex; align-items: center; min-height: 28px; margin-top: 12px;
  padding: 4px 10px; border-radius: 5px; background: var(--resources-surface);
  color: var(--resources-ink); box-shadow: 0 2px 4px #241e300c;
  font: 400 12px/18px HelveticaNow, Arial, sans-serif;
}
#site-header .resources-toggle:focus-visible,
#site-header .resource-link:focus-visible,
#site-header .resource-feature-link:focus-visible {
  outline: 1px solid var(--resources-focus); outline-offset: 6px; border-radius: 6px;
}
#site-header .resource-link:focus-visible .resource-copy strong,
#site-header .resource-feature-link:focus-visible .resource-feature-title { color: var(--resources-title-active); }
@media (hover: hover) and (pointer: fine) {
  #site-header .resource-link:hover .resource-copy strong,
  #site-header .resource-feature-link:hover .resource-feature-title { color: var(--resources-title-active); }
  #site-header .resource-feature-link:hover img { transform: scale(1.025); }
  #site-header .resource-link:hover .resource-icon img { transform: translateY(-1px); }
}
/* Signup may collapse the navigation; an open menu must escape its clipping. */
#site-header .desktop-nav:has(.resources-nav.is-open) {
  overflow: visible; transform: none; transition-property: width, opacity, filter;
}
#mobile-menu {
  --resources-muted: #756d79; --resources-rule: #534a4d1a;
  --resources-focus: #8d729b; --resources-title-active: #795287;
}
:is(.blog-index, .blog-article, .about-native) #mobile-menu {
  --resources-muted: #c7c0ca; --resources-rule: #ffffff1a;
  --resources-focus: #dac5e4; --resources-title-active: #e4cee9;
}
.mobile-resources { border-bottom: 1px solid var(--resources-rule); color: inherit; }
.mobile-resources summary {
  list-style: none; display: flex; justify-content: space-between; align-items: center;
  cursor: pointer; padding: 19px 0; line-height: 1.5;
}
.mobile-resources summary::-webkit-details-marker { display: none; }
.mobile-resources-content { padding: 0 0 14px; }
.mobile-resources .resource-link {
  display: flex; align-items: center; min-height: 44px; padding: 9px 12px; border-radius: 7px;
}
.mobile-resources .resource-copy strong {
  font: 400 18px/1.3 var(--heading); letter-spacing: -.02em; text-decoration: none; transition: color .18s ease;
}
.mobile-resources .resource-copy > span { display: none; }
.mobile-resources .resource-link:is(:hover, :focus-visible) .resource-copy strong { color: var(--resources-title-active); }
.mobile-resources summary:focus-visible, .mobile-resources .resource-link:focus-visible {
  outline: 1px solid var(--resources-focus); outline-offset: -1px; border-radius: 7px;
}
@keyframes resources-enter { from { opacity: 0; translate: 0 -4px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 1000px) { #site-header .resources-panel { display: none; } }
@media (min-width: 1001px) { #mobile-menu { display: none; } }
@media (prefers-reduced-motion: reduce) {
  #site-header .resources-panel { animation: none; }
  #site-header .resources-toggle, #site-header .resource-copy strong,
  #site-header .resource-feature-title, #site-header .resource-feature-image img,
  #site-header .resource-icon img,
  .resources-toggle .resources-chevron, .mobile-resources summary .resources-chevron,
  .mobile-resources .resource-copy strong { transition: none; }
  #site-header .resource-feature-link:hover img { transform: none; }
  #site-header .resource-link:hover .resource-icon img { transform: none; }
}
/* Homepage composition. Blank media spaces intentionally reserve final artwork. */
/* The logo capsule expands first, then the navigation fades in, as on AirOps. */
@media(prefers-reduced-motion:no-preference){
  html.header-intro-pending #site-header,
  #site-header.is-entering{
    left:50%;right:auto;transform:translateX(-50%);
    width:var(--header-open-width,max-content);
    max-width:var(--header-closed-width,117px);
    overflow:hidden;
  }
  html.header-intro-pending #site-header>:not(.brand){opacity:0}
  html.header-intro-pending #site-header>*,#site-header.is-entering>*{flex-shrink:0}
  #site-header.is-entering{animation:header-expand .8s cubic-bezier(.22,1,.36,1) both}
  #site-header.is-entering>:not(.brand){animation:header-items-enter .6s ease .4s both}
  @keyframes header-expand{
    from{max-width:var(--header-closed-width)}
    to{max-width:var(--header-open-width)}
  }
  @keyframes header-items-enter{from{opacity:0}to{opacity:1}}
}
.replay-header{display:flex;justify-content:space-between;width:100%;padding:0 0 13px;background:none;font-size:10px;color:#65755e}
.replay-header:disabled{opacity:.5;cursor:default}
.story-section{width:min(1320px,100%);margin-inline:auto;padding:100px 60px;scroll-margin-top:105px}
.story-section h2{font-size:clamp(42px,4.65vw,70px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.story-section h3{font-weight:400}
.story-section p{font-size:16px;line-height:1.65;color:#59645d;max-width:470px}
.story-heading{margin-bottom:56px}
.story-heading h2{max-width:780px}
.story-heading.centered{text-align:center}
.story-heading.centered h2,.story-heading.centered p{margin-inline:auto}
.story-heading.centered p{max-width:510px;margin-top:25px}
.split-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}
.split-heading>p,.split-heading>div{max-width:370px;justify-self:end}
.story-link{display:inline-block;font-size:14px;line-height:1.4;padding:8px 0;margin-top:20px;border-bottom:1px solid currentColor;text-underline-offset:5px}
.story-link:hover{color:#657461}
.media-space{background:#e6e3d9;border-radius:12px;min-width:0}
.media-caption{padding-top:24px;max-width:490px}
.media-caption h3{font-family:var(--heading);font-size:29px;line-height:1.15;letter-spacing:-.025em;margin-bottom:13px;text-wrap:balance}
.media-caption p{font-size:15px}
.work-section{padding-top:82px;padding-bottom:116px}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.work-grid .media-space{aspect-ratio:1.16}
.creative-space{background:#d9dfd5}
.ownership-section{padding-bottom:64px}
.ownership-section .story-heading{margin-bottom:18px}
.ownership-section .process-layout{grid-template-columns:.8fr 1.2fr;gap:90px}
.ownership-section .process-step,.ownership-section .process-step:last-child{min-height:52svh;padding:64px 0;scroll-margin-top:130px;opacity:.5;transition:opacity .35s}
.ownership-section .process-step.is-active{opacity:1}
.ownership-section .step-button{display:block;font-family:var(--heading);font-size:34px;line-height:1.15;letter-spacing:-.03em;padding:0 0 22px;border-bottom-color:#28312c30}
.ownership-section .process-step p{max-width:350px;padding-top:22px;display:block}
.ownership-section .process-stage{height:460px;padding:0;top:max(115px,calc(50svh - 230px));margin-top:20px;border:0;border-radius:12px;background:transparent;overflow:visible}
.ownership-media{flex:1;min-height:0;border-radius:12px;background:#cbd7c8;transition:background .5s}
.process-stage[data-active-step="1"] .ownership-media{background:#cbd6d3}
.process-stage[data-active-step="2"] .ownership-media{background:#cdd4bf}
.ownership-section .stage-bottom{padding:15px 0 0;justify-content:space-between;gap:16px;color:#4a594c;font-size:13px;min-height:50px}
.stage-caption>span{display:none}
.process-stage[data-active-step="0"] .stage-caption>span:nth-child(1),.process-stage[data-active-step="1"] .stage-caption>span:nth-child(2),.process-stage[data-active-step="2"] .stage-caption>span:nth-child(3){display:block}
.ownership-section .stage-dots button{padding:14px 10px;min-height:44px;min-width:30px}
.mobile-step-space{display:none}
.context-section{padding-top:86px}
.context-space{aspect-ratio:2.2;background:#c9d4c4}
.context-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:35px}
.context-notes h3{font-size:19px;line-height:1.35;margin-bottom:10px}
.context-notes p{font-size:15px}
.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.employee-space{aspect-ratio:.8;background:#c2cfd2}
.employee-grid article:nth-child(2) .employee-space{background:#cbd3cf}
.employee-grid article:nth-child(3) .employee-space{background:#bfcbd1}
.employee-grid .media-caption{padding-top:22px}
.custom-employee{display:grid;grid-template-columns:1fr 1.35fr auto;gap:36px;align-items:center;border-top:1px solid var(--hairline);margin-top:58px;padding-top:30px}
.custom-employee h3{font-family:var(--heading);font-size:29px;line-height:1.15;letter-spacing:-.03em}
.custom-employee p{font-size:15px;max-width:400px}
.custom-employee .story-link{margin:0;white-space:nowrap}
.feature-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.feature-copy h2{font-size:clamp(42px,4.1vw,62px)}
.feature-copy p{margin-top:26px;max-width:370px}
.computer-space{aspect-ratio:.98;background:#d8dbd0}
.feature-layout.reversed{grid-template-columns:1.15fr .85fr}
.reversed .feature-copy{grid-column:2;grid-row:1}
.reversed .media-space{grid-column:1;grid-row:1}
.communication-space{aspect-ratio:.98;background:#d6cfc2}
.channel-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 0;gap:12px 24px;font-size:14px;color:#465147}
.channel-list li{padding-bottom:7px;border-bottom:1px solid #28312c30}
.trust-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.controls-space{aspect-ratio:1.15;background:#e3e3d9}
.control-details details{border-top:1px solid var(--hairline)}
.control-details details:last-of-type{border-bottom:1px solid var(--hairline)}
.control-details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font-size:20px;line-height:1.4}
.control-details summary::-webkit-details-marker{display:none}
.control-details summary span{width:13px;height:13px;flex:0 0 13px;position:relative}
.control-details summary span:before,.control-details summary span:after{content:'';position:absolute;background:currentColor;top:6px;left:0;width:13px;height:1px}
.control-details summary span:after{transform:rotate(90deg)}
.control-details details[open] summary span:after{transform:none}
.control-details summary:focus-visible{outline:2px solid #4e8b68;outline-offset:5px}
.control-details details p{font-size:15px;padding-bottom:25px;max-width:430px}
.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.customer-space{aspect-ratio:1.2;background:#d0d5c9}
.customer-grid article:nth-child(2) .customer-space{background:#d5d8cb}
.closing-section{text-align:center;padding-top:130px;padding-bottom:150px}
.closing-section h2{font-size:clamp(56px,6.3vw,90px)}
.closing-actions{display:flex;justify-content:center;gap:14px;margin-top:40px}
.structure-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 24px;border-radius:8px;border:1px solid #28312c;background:#28312c;color:#f6f4ed;font-size:14px}
.structure-button:hover{background:#405346;border-color:#405346}
.structure-button.secondary{background:transparent;color:var(--ink);border-color:#28312c40}
.structure-button.secondary:hover{background:#28312c08;border-color:#28312c80}
@media(min-width:1800px){.story-section{width:min(1500px,100%);padding-left:70px;padding-right:70px}.story-section h2{font-size:76px}.feature-copy h2{font-size:66px}.ownership-section .process-stage{height:540px;top:max(115px,calc(50svh - 270px))}}
@media(max-width:1100px){.story-section{padding:80px 40px}.story-section h2{font-size:clamp(42px,5.5vw,62px)}.split-heading,.feature-layout,.trust-layout{gap:44px}.ownership-section .process-layout{gap:48px}.ownership-section .process-stage{height:410px;top:max(115px,calc(50svh - 205px))}.custom-employee{gap:22px}.context-notes{gap:25px}}
@media(max-width:760px){
  .story-section{padding:68px 25px;scroll-margin-top:95px}
  .story-section h2{font-size:clamp(38px,9vw,52px);line-height:1.1}
  .story-section p{font-size:15px;line-height:1.65}
  .story-heading{margin-bottom:32px}
  .story-heading.centered p{margin-top:20px}
  .split-heading{display:block}
  .split-heading>p,.split-heading>div{margin-top:22px;max-width:460px}
  .work-section{padding-top:44px}
  .work-grid,.employee-grid,.customer-grid{grid-template-columns:1fr;gap:38px}
  .work-grid .media-space{aspect-ratio:1.12}
  .media-caption{padding-top:20px}
  .media-caption h3{font-size:29px}
  .ownership-section .story-heading{margin-bottom:40px}
  .ownership-section .process-layout{display:block}
  .ownership-section .process-stage{display:none}
  .ownership-section .process-step,.ownership-section .process-step:last-child{min-height:0;padding:0;margin-bottom:42px;opacity:1}
  .ownership-section .process-step:last-child{margin-bottom:0}
  .ownership-section .step-button{font-size:29px;padding-bottom:16px}
  .ownership-section .process-step p{max-width:none;display:block;padding-top:17px}
  .mobile-step-space{display:block;aspect-ratio:1.35;margin-top:24px;background:#cbd7c8}
  .process-step:nth-child(2) .mobile-step-space{background:#cbd6d3}
  .process-step:nth-child(3) .mobile-step-space{background:#cdd4bf}
  .context-space{aspect-ratio:1.16}
  .context-notes{grid-template-columns:1fr;gap:24px;margin-top:28px}
  .context-notes article{border-top:1px solid var(--hairline);padding-top:20px}
  .context-notes h3{font-size:19px;margin-bottom:8px}
  .employee-space{aspect-ratio:1;max-height:440px}
  .custom-employee{display:block;margin-top:36px;padding-top:26px}
  .custom-employee p{margin-top:13px}
  .custom-employee .story-link{margin-top:14px}
  .feature-layout,.feature-layout.reversed,.trust-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}
  .feature-copy p{margin-top:22px;max-width:none}
  .feature-layout .media-space{aspect-ratio:1.08}
  .channel-list{margin-top:24px}
  .controls-space{aspect-ratio:1.2}
  .control-details summary{font-size:18px;padding:20px 0;gap:18px}
  .customer-space{aspect-ratio:1.1}
  .closing-section{padding-top:82px;padding-bottom:100px}
  .closing-section h2{font-size:clamp(44px,11vw,66px)}
  .closing-actions{gap:10px;margin-top:30px}
  .structure-button{padding:13px 18px;font-size:13px}
}
@media(max-width:360px){.story-section{padding-left:20px;padding-right:20px}.story-section h2{font-size:37px}.closing-section h2{font-size:44px}.structure-button{padding-inline:14px}.control-details summary{font-size:17px}}
.step-static{display:none}
@media(max-width:760px){.ownership-section .step-button{display:none}.step-static{display:block;font-family:var(--heading);font-size:29px;line-height:1.15;font-weight:400;letter-spacing:-.03em;padding-bottom:16px;border-bottom:1px solid var(--hairline)}}
/* Dark plum depth with slow, cursor-led reflected light. */
@property --waitlist-x{syntax:'<percentage>';inherits:true;initial-value:65%}
@property --waitlist-y{syntax:'<percentage>';inherits:true;initial-value:80%}
@property --waitlist-hue{syntax:'<number>';inherits:true;initial-value:285}
.hero-actions,.closing-actions{flex-direction:column;align-items:center;gap:8px}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:10px 24px;
  border:0;
  border-radius:12px;
  background:radial-gradient(101.79% 101.79% at 65.61% 81.79%,rgb(208 172 235 / .33) 0%,rgb(208 172 235 / 0) 100%),radial-gradient(114.65% 114.65% at 9.73% 17.27%,#522566 0%,#301040 100%);
  color:#fffdf8;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.13px;
  line-height:1.5;
  box-shadow:8px 10px 18px rgb(38 12 50 / .3),20px 20px 24px rgb(129 87 155 / .2),inset -3px -3px 5px rgb(222 188 246 / .4),inset 4px 4px 5px rgb(40 9 72 / .24),inset 0 2px 3px rgb(233 208 251 / .16);
  transition:filter .25s ease,transform .25s ease,--waitlist-hue .3s ease;
}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse 100% 180% at var(--waitlist-x) var(--waitlist-y),hsl(var(--waitlist-hue) 65% 75% / .32) 0%,hsl(var(--waitlist-hue) 55% 55% / .12) 40%,transparent 75%);
  opacity:0;
  transition:opacity .35s ease;
}
.waitlist-cta>img,.waitlist-cta>span{position:relative;z-index:1}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta:hover::after,:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta:focus-visible::after{opacity:1}
.waitlist-slack{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta:hover{filter:brightness(1.02);transform:translateY(-1px)}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta:active{filter:brightness(.96);transform:translateY(0)}
:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta:focus-visible{outline:2px solid #fffdf8;outline-offset:4px;box-shadow:0 0 0 6px #643975}
.hero-actions .access-link,.closing-actions .access-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  margin:0;
  padding:5px 10px;
  border:0;
  border-radius:3px;
  background:transparent;
  box-shadow:none;
  color:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  text-decoration:underline;
  text-decoration-color:rgb(255 253 245 / .35);
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  opacity:.82;
  transition:opacity .2s ease;
}
.closing-actions .access-link{text-decoration-color:rgb(40 49 44 / .3)}
.hero-actions .access-link:hover,.closing-actions .access-link:hover{background:transparent;opacity:1}
@media(max-width:760px){:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta{min-height:44px;padding:10px 21px;font-size:13px}.hero-actions,.closing-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta,.hero-actions .access-link,.closing-actions .access-link{transition:none;transform:none}:is(.hero-actions,.closing-actions,.site-header) .waitlist-cta::after{transition:none}}
/* Compact role-aware composer: one field, one profile, one action. */
.hero-chat{position:relative;isolation:isolate;width:min(620px,100%);margin:26px auto 0;padding:1.5px;border-radius:17px;background:linear-gradient(115deg,#d3b7ef 0%,#8650ae 48%,#b798dc 100%);box-shadow:0 4px 24px rgb(78 31 104 / .18),-7px 0 23px rgb(169 118 213 / .17),7px 0 23px rgb(101 61 149 / .16);transition:box-shadow .3s}
.hero-chat:focus-within{box-shadow:0 5px 30px rgb(78 31 104 / .25),-7px 0 26px rgb(169 118 213 / .23),7px 0 26px rgb(101 61 149 / .2)}
.hero-chat-surface{min-height:62px;border-radius:15.5px;background:#fdfbff;display:flex;align-items:center;gap:13px;padding:12px 13px 12px 16px}
.hero-chat-avatar{display:block;flex:0 0 34px;width:34px;height:34px;object-fit:cover;object-position:center 30%;border-radius:50%;transition:opacity .28s,transform .28s}
.hero-query{display:block;flex:1;min-width:0;width:100%;height:24px;max-height:90px;padding:0;resize:none;overflow-y:auto;border:0;border-radius:0;outline:0!important;background:transparent;box-shadow:none;color:#37273e;font-family:HelveticaNow,Arial,sans-serif;font-size:15px;font-weight:400;line-height:24px;transition:opacity .28s}
.hero-query::placeholder{color:#77687f;opacity:1}
.hero-chat-send{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%;background:#5c326e;color:#fff;transition:background .2s,transform .2s}
.hero-chat-send svg{width:19px;height:19px}
.hero-chat-send:hover{background:#75428c;transform:translateY(-1px)}
.hero-chat-send:active{transform:translateY(0)}
.hero-chat.is-changing .hero-chat-avatar{opacity:0;transform:translateY(4px)}
.hero-chat.is-changing .hero-query:placeholder-shown{opacity:0}
.hero .hero-chat+.hero-actions{margin-top:22px}
@media(max-width:760px){.hero-chat{margin-top:24px;border-radius:15px}.hero-chat-surface{min-height:70px;padding:12px 10px;gap:9px;border-radius:13.5px}.hero-chat-avatar{width:30px;height:30px;flex-basis:30px}.hero-query{height:44px;font-size:16px;line-height:22px}.hero-chat-send{width:32px;height:32px;flex-basis:32px}.hero .hero-chat+.hero-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hero-chat,.hero-chat-avatar,.hero-query,.hero-chat-send{transition:none}.hero-chat-send:hover{transform:none}}
/* Hero image comparison is confined to the homepage preview. */
:root[data-hero-image="bay"] .hero{background-image:url("/native-original/assets/hero-bay-meadow.jpeg")}
:root[data-hero-image="original"] .hero{background-image:url("/native-original/assets/hero-meadow-bridge.png")}
:root[data-hero-image="leisure"] .hero{background-image:url("/native-original/assets/hero-leisure-meadow.jpeg")}
:root[data-hero-image="hills"] .hero{background-image:url("/native-original/assets/hero-leisure-hills.jpeg")}
:root[data-hero-image="valley"] .hero{background-image:url("/native-original/assets/hero-leisure-valley.jpeg")}
:root[data-hero-image="sunlit"] .hero{background-image:url("/native-original/assets/hero-sunlit-meadow.jpeg")}
:root[data-hero-image="open"] .hero{background-image:url("/native-original/assets/hero-open-meadow.jpeg")}
:root[data-hero-image="meadow-08"] .hero{background-image:url("/native-original/assets/hero-meadow-08.jpeg")}
:root[data-hero-image="meadow-09"] .hero{background-image:url("/native-original/assets/hero-meadow-09.jpeg")}
:root[data-hero-image="meadow-10"] .hero{background-image:url("/native-original/assets/hero-meadow-10.jpeg")}
:root[data-hero-image="meadow-11"] .hero{background-image:url("/native-original/assets/hero-meadow-11.jpeg")}
:root[data-hero-image="meadow-12"] .hero{background-image:url("/native-original/assets/hero-meadow-12.jpeg")}
:root[data-hero-image="meadow-13"] .hero{background-image:url("/native-original/assets/hero-meadow-13.jpeg")}
:root[data-hero-image="meadow-14"] .hero{background-image:url("/native-original/assets/hero-meadow-14.jpeg")}
:root[data-hero-image="meadow-15"] .hero{background-image:url("/native-original/assets/hero-meadow-15.jpeg")}
:root[data-hero-image="meadow-16"] .hero{background-image:url("/native-original/assets/hero-meadow-16.jpeg")}
:root[data-hero-image="meadow-17"] .hero{background-image:url("/native-original/assets/hero-meadow-17.jpeg")}
:root[data-hero-image="meadow-18"] .hero{background-image:url("/native-original/assets/hero-meadow-18.jpeg")}
:root[data-hero-image="meadow-19"] .hero{background-image:url("/native-original/assets/hero-meadow-19.jpeg")}
:root[data-hero-image="meadow-20"] .hero{background-image:url("/native-original/assets/hero-meadow-20.jpeg")}
:root[data-hero-image="meadow-21"] .hero{background-image:url("/native-original/assets/hero-meadow-21.jpeg")}
:root[data-hero-image="meadow-22"] .hero{background-image:url("/native-original/assets/hero-meadow-22.jpeg")}
:root[data-hero-image="meadow-23"] .hero{background-image:url("/native-original/assets/hero-artie-3840.webp")}
@media(max-width:767px){:root[data-hero-image="meadow-23"] .hero{background-image:url("/native-original/assets/hero-artie-1920.webp")}}
.hero-image-picker{border:0;padding:0;margin:0 0 23px;min-width:0}
.hero-image-picker legend{font-size:11px;color:#74816f;margin-bottom:9px}
.hero-image-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hero-image-options button{display:flex;flex-direction:column;gap:7px;padding:4px 4px 8px;border:1px solid #dee3d9;border-radius:7px;background:#f5f6f0;text-align:center;font-size:10px;overflow:hidden;transition:background .2s,border-color .2s}
.hero-image-options button[aria-pressed="true"]{border-color:#778d6c;background:#e6eddf}
.hero-image-options img{display:block;width:100%;height:58px;object-fit:cover;border-radius:4px}
.hero-image-options span{align-self:center}
/* The announcement uses lighter glass than the navigation. */
.funding-pill{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:rgb(29 38 31 / .25);
  border-color:rgb(255 255 255 / .23);
  color:#fffdf5;
  -webkit-backdrop-filter:blur(12px) saturate(115%);
  backdrop-filter:blur(12px) saturate(115%);
  box-shadow:0 2px 12px rgb(19 26 20 / .06),inset 0 1px 0 rgb(255 255 255 / .07);
  transition:background .3s ease,transform .25s ease,--waitlist-x .18s ease-out,--waitlist-y .18s ease-out,--waitlist-hue .3s ease;
}
.funding-pill>img,.funding-pill>span{position:relative;z-index:1}
.funding-pill img{filter:none;opacity:1}
.funding-pill::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse 90% 180% at var(--waitlist-x) var(--waitlist-y),hsl(var(--waitlist-hue) 50% 90% / .25),hsl(var(--waitlist-hue) 40% 70% / .08) 42%,transparent 76%);
  opacity:0;
  transition:opacity .35s ease;
}
.funding-pill:hover{background:rgb(29 38 31 / .28);transform:translateY(-1px)}
.funding-pill:hover::after,.funding-pill:focus-visible::after{opacity:1}
.funding-pill:active{transform:translateY(0)}
.funding-pill:focus-visible{outline:2px solid #fffdf5;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.funding-pill,.funding-pill::after{transition:none}.funding-pill:hover{transform:none}}
/* One continuous focus field spans the links and the spaces between them. */
#site-header .desktop-nav.has-continuous-hover a{
  filter:blur(var(--nav-blur,0px));
  opacity:var(--nav-opacity,var(--nav-rest-opacity,1));
  transition:filter .32s cubic-bezier(.22,.61,.36,1),opacity .32s cubic-bezier(.22,.61,.36,1);
}
@media(prefers-reduced-motion:reduce){
  #site-header .desktop-nav.has-continuous-hover a{filter:none;opacity:var(--nav-opacity,var(--nav-rest-opacity,1));transition:none}
}
/* Compact reuse of the primary waitlist action in the glass header. */
.site-header .header-cta.waitlist-cta{min-height:40px;padding:9px 16px;gap:8px;font-size:12px;border-radius:10px;flex-shrink:0;box-shadow:0 3px 9px rgb(38 12 50 / .2),inset -2px -2px 4px rgb(222 188 246 / .4),inset 3px 3px 4px rgb(40 9 72 / .24),inset 0 2px 3px rgb(233 208 251 / .16)}
.site-header .waitlist-slack{width:18px;height:18px;flex-basis:18px}
.desktop-nav .nav-divider{width:1px;height:18px;flex:0 0 1px;background:currentColor;opacity:.22;pointer-events:none}
@media(max-width:760px){.site-header{gap:12px}.site-header .header-cta.waitlist-cta{min-height:40px;padding:9px 13px;gap:7px}.site-header .waitlist-slack{width:16px;height:16px;flex-basis:16px}}
@media(max-width:380px){.site-header{gap:8px;padding-left:12px;padding-right:10px}.site-header .brand .wordmark{width:64px}.site-header .header-cta.waitlist-cta{padding-inline:10px;font-size:11px}}
/* A single landscape carries the closing invitation into the footer. */
.meadow-ending{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:28px var(--gutter) 28px;
  border-radius:20px;
  background:#101b13;
  color:#fffdf5;
}
.meadow-ending::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,17,12,.87) 0%,rgba(7,17,12,.54) 28%,rgba(7,17,12,.38) 46%,rgba(7,17,12,.79) 73%,rgba(7,17,12,.97) 100%),url("/native-original/assets/hero-bay-meadow.jpeg") center 65%/cover no-repeat;
}
.meadow-ending .closing-section{width:100%;padding:96px 30px 86px}
.meadow-ending .closing-section h2{font-size:clamp(56px,6.5vw,96px);line-height:1.06;max-width:900px;margin-inline:auto;text-shadow:0 2px 30px rgb(0 0 0 / .08)}
.meadow-ending .closing-actions{margin-top:34px}
.meadow-ending .access-link{text-decoration-color:rgb(255 253 245 / .35)}
.meadow-ending .nature-footer{
  display:block;
  width:min(1240px,calc(100% - 120px));
  margin:0 auto;
  padding:44px 0 30px;
  border-top:1px solid rgb(255 253 245 / .16);
  color:#fffdf5;
  font-size:14px;
}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:36px}
.nature-footer .footer-brand{display:inline-block;color:#fffdf5}
.nature-footer .footer-brand .wordmark{width:108px;height:48px}
.footer-identity p{font-size:13px;line-height:1.7;color:rgb(255 253 245 / .58);margin-top:20px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.footer-column h3{margin:0 0 13px;font:500 13px/1.5 HelveticaNow,Arial,sans-serif;color:#fffdf5}
.footer-column a,.footer-column button{display:inline-block;padding:6px 0;min-height:34px;text-align:left;background:none;border:0;font:400 13px/1.6 HelveticaNow,Arial,sans-serif;color:rgb(255 253 245 / .7);transition:color .2s,text-shadow .2s}
.footer-column a:hover,.footer-column button:hover{color:#fffdf5;text-shadow:0 0 18px rgb(227 210 251 / .4)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:56px;padding-top:25px;border-top:1px solid rgb(255 253 245 / .12);font-size:11px;color:rgb(255 253 245 / .55)}
.footer-bottom p{margin:0;width:auto;order:0;white-space:nowrap}
.footer-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 25px}
.footer-bottom a,.footer-bottom .cookie-footer-choice{padding-block:8px;transition:color .2s}
.footer-bottom a:hover,.footer-bottom .cookie-footer-choice:hover{color:#fffdf5}
.footer-bottom .cookie-footer-choice{text-decoration:none;font-size:11px}
.footer-back-top{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.footer-preview-dialog{max-width:390px}
.footer-preview-dialog form{margin:0;display:block}
.footer-preview-dialog .footer-preview-close{position:absolute;right:12px;top:8px;background:transparent;color:#28312c;padding:4px 10px;font-size:25px}
.meadow-ending a:focus-visible,.meadow-ending button:focus-visible{outline-color:#e5cbf2}
@media(max-width:1000px){
  .meadow-ending .nature-footer{width:calc(100% - 72px)}
  .footer-grid{grid-template-columns:repeat(4,1fr);gap:32px 24px}
  .footer-identity{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px}
  .footer-identity p{margin:0}
  .footer-bottom{flex-wrap:wrap;gap:12px 24px;margin-top:48px}
  .footer-legal{order:3;width:100%;justify-content:flex-start}
}
@media(max-width:600px){
  .meadow-ending{margin:12px 10px 10px;border-radius:14px}
  .meadow-ending .closing-section{padding:84px 22px 82px}
  .meadow-ending .closing-section h2{font-size:clamp(44px,11vw,64px)}
  .meadow-ending .closing-actions{margin-top:30px}
  .meadow-ending .nature-footer{width:calc(100% - 48px);padding-top:32px;padding-bottom:24px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  .footer-identity{display:block}
  .footer-identity p{margin-top:14px}
  .footer-column a,.footer-column button{min-height:38px;padding-block:8px}
  .footer-bottom{margin-top:38px;gap:10px 20px}
  .footer-legal{gap:4px 20px}
}
/* Keep section text readable through the scroll-driven light and dark palette. */
.homepage-structure .story-section{color:var(--story-ink,var(--ink));--hairline:var(--story-rule,rgba(40,49,44,.18))}
.homepage-structure .story-section p,
.homepage-structure .story-section .stage-bottom,
.homepage-structure .story-section .channel-list{color:var(--story-muted,#59645d)}
.homepage-structure .story-section .step-button,
.homepage-structure .story-section .channel-list li{border-color:var(--story-rule,rgba(40,49,44,.25))}
.homepage-structure .story-section .story-link:hover{color:inherit;opacity:.75}
.homepage-structure .story-section .stage-dots button::after{background:currentColor;opacity:.35}
.homepage-structure .story-section .stage-dots button[aria-pressed=true]::after{opacity:1}
/* Keep the approved headline on two lines on small screens. */
@media(max-width:760px){.hero h1.fixed-hero-headline{font-size:clamp(27px,8.3vw,60px)}}
.hero .hero-content:has(.fixed-hero-headline){width:min(1100px,calc(100% - 40px))}
.hero h1.fixed-hero-headline>span{display:block;white-space:nowrap}
/* The complete line centers naturally as each character is typed or erased. */
.fixed-hero-headline .typing-line{position:relative;display:inline-block;padding-right:.11em}
.fixed-hero-headline .role-slot{display:inline;white-space:nowrap}
.fixed-hero-headline .role-word{display:inline;min-height:0;transform:none;transition:none;opacity:1}
.fixed-hero-headline .typing-cursor{position:absolute;right:0;top:50%;width:.022em;min-width:2px;height:.7em;background:currentColor;transform:translateY(-50%);animation:hero-caret 1.1s step-end infinite}
.fixed-hero-headline.is-typing .typing-cursor{animation:none;opacity:1}
.ambient-paused .fixed-hero-headline .typing-cursor{display:none}
.ambient-paused .fixed-hero-headline .typing-line{padding-right:0}
@keyframes hero-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fixed-hero-headline .typing-cursor{display:none}}
/* The existing plum button becomes the email control, on the same baseline. */
.inline-signup{display:flex;flex-direction:column;align-items:center;max-width:100%}
:is(.hero-actions,.closing-actions) .inline-waitlist.waitlist-cta{
  width:180px;max-width:calc(100vw - 64px);height:46px;min-height:46px;padding:0;gap:0;
  transition:width .55s cubic-bezier(.22,1,.36,1),filter .25s,transform .25s,--waitlist-hue .3s;
}
:is(.hero-actions,.closing-actions) .inline-waitlist.is-open{width:var(--email-open-width,340px);transform:none}
.inline-waitlist .waitlist-trigger{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;border-radius:inherit;background:none;color:inherit;white-space:nowrap;font:inherit;transition:opacity .16s,transform .3s}
.inline-waitlist.is-open .waitlist-trigger{opacity:0;transform:scale(.96);pointer-events:none}
.inline-waitlist.has-success .waitlist-trigger{display:none}
.inline-waitlist .waitlist-inline{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:8px;padding:6px;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .18s,transform .3s,visibility .18s}
.inline-waitlist.is-open .waitlist-inline{opacity:1;visibility:visible;transform:none;transition-delay:.14s}
.inline-waitlist .waitlist-inline input{flex:1;width:0;min-width:0;height:34px;padding:4px 2px;border:0;outline:0;border-radius:0;background:transparent;color:#fffdf8;font:400 14px/1.4 HelveticaNow,Arial,sans-serif;caret-color:#eee0f6;box-shadow:none}
.inline-waitlist input::placeholder{color:rgb(249 237 255 / .58);opacity:1}
.inline-waitlist input::selection{background:#9468ac;color:white}
.inline-waitlist input:-webkit-autofill{-webkit-text-fill-color:#fffdf8;transition:background-color 99999s;-webkit-box-shadow:0 0 0 100px #522b65 inset}
.inline-waitlist .waitlist-collapse{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:transparent;color:rgb(255 245 255 / .6);border-radius:7px;transition:background .2s,color .2s}
.inline-waitlist .waitlist-collapse svg{width:14px;height:14px}
.inline-waitlist .waitlist-collapse:hover{color:#fff;background:rgb(255 240 255 / .07)}
.inline-waitlist .waitlist-submit{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:66px;white-space:nowrap;height:34px;padding:0 17px;border-radius:8px;background:linear-gradient(160deg,rgb(241 214 255 / .24),rgb(215 178 239 / .08));color:#fffdf8;font-size:13px;font-weight:500;box-shadow:inset 0 1px 1px rgb(255 239 255 / .23),0 2px 5px rgb(28 8 40 / .14);transition:background .2s,box-shadow .2s}
.inline-waitlist .waitlist-submit:hover{background:rgb(238 206 255 / .25);box-shadow:inset 0 1px 1px rgb(255 239 255 / .35),0 2px 5px rgb(28 8 40 / .14)}
.inline-waitlist .waitlist-submit:active{box-shadow:inset 0 1px 4px rgb(28 8 40 / .25)}
.inline-waitlist:focus-within::after{opacity:.65}
.inline-waitlist button:focus-visible{outline:1.5px solid #f4e8fc;outline-offset:-4px}
.inline-waitlist.has-error{box-shadow:0 0 0 1px #d8afcb,8px 10px 18px rgb(38 12 50 / .3),inset -3px -3px 5px rgb(222 188 246 / .4),inset 4px 4px 5px rgb(40 9 72 / .24)}
.inline-signup-status{max-width:400px;margin:10px 8px 0;font-size:12px;line-height:1.45;color:#fff5fb;text-wrap:balance}
.inline-signup-status:empty{display:none}
.inline-waitlist .waitlist-success{position:relative;z-index:2;display:flex;align-items:center;gap:9px;font-size:14px}
.inline-waitlist .waitlist-success svg{width:16px;height:16px}
@media(max-width:760px){
  :is(.hero-actions,.closing-actions) .inline-waitlist.waitlist-cta{height:46px;min-height:46px;width:174px}
  :is(.hero-actions,.closing-actions) .inline-waitlist.is-open{width:380px}
  .inline-waitlist .waitlist-trigger{font-size:13px;padding-inline:20px}
  .inline-waitlist .waitlist-inline{gap:5px}
  .inline-waitlist .waitlist-inline input{font-size:16px}
  .inline-waitlist .waitlist-submit{min-width:56px;padding-inline:13px}
}
@media(prefers-reduced-motion:reduce){
  :is(.hero-actions,.closing-actions) .inline-waitlist.waitlist-cta,.inline-waitlist .waitlist-trigger,.inline-waitlist .waitlist-inline{transition:none;transform:none}
}
/* The header reuses the existing inline email control. */
.site-header .header-signup{position:relative;flex:none;margin-left:auto;align-items:flex-end}
.site-header .header-waitlist.waitlist-cta{width:166px;height:40px;min-height:40px;padding:0;gap:0;margin:0;transition:width .6s cubic-bezier(.22,1,.36,1),filter .25s}
.site-header .header-waitlist.is-open{width:360px;transform:none}
.site-header .header-waitlist .waitlist-trigger{padding:9px 13px;gap:8px;font-size:12px}
.site-header .header-waitlist .waitlist-inline{padding:4px;gap:5px}
.site-header .header-waitlist .waitlist-inline input{height:32px}
.site-header .header-waitlist .waitlist-submit{height:32px;padding-inline:12px}
.site-header .header-signup-status{position:absolute;right:0;top:calc(100% + 14px);width:max-content;max-width:min(360px,calc(100vw - 64px));margin:0;padding:10px 14px;border-radius:9px;background:#302638;color:#fffdf5;box-shadow:0 4px 16px rgb(0 0 0 / .14)}
@media(max-width:760px){
  .site-header .header-signup{min-width:0;flex-shrink:1}
  .site-header .header-waitlist.waitlist-cta{max-width:100%}
  .site-header .header-waitlist.waitlist-cta{width:146px}
  .site-header .header-waitlist .waitlist-inline input{font-size:16px}
  .site-header:has(.header-waitlist.is-open){gap:0}
  .site-header:has(.header-waitlist.is-open)>.brand,
  .site-header:has(.header-waitlist.is-open)>.menu-toggle{display:none}
  .site-header:has(.header-waitlist.is-open) .header-signup{width:100%}
  .site-header .header-waitlist.is-open{width:calc(100vw - 72px);max-width:100%}
  .site-header .header-waitlist .waitlist-submit{padding-inline:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.site-header .header-waitlist.waitlist-cta{transition:none}}
/* Size the main signup fields to the email, starting with 22 characters of room. */
:is(.hero-actions,.closing-actions) .inline-waitlist .waitlist-collapse{width:28px;flex-basis:28px}
:is(.hero-actions,.closing-actions) .inline-waitlist .waitlist-submit{padding-inline:13px}
:is(.hero-actions,.closing-actions) .inline-waitlist.is-sizing{transition-duration:.18s,.25s,.25s,.3s}
.site-header .header-waitlist .waitlist-collapse{width:24px;flex-basis:24px}
.site-header .header-waitlist .waitlist-submit{padding-inline:8px}
.site-header .header-waitlist .waitlist-inline{gap:4px}
/* Let the navigation recede as the header gathers around the email form. */
@media(min-width:1001px){
  #site-header .desktop-nav{width:var(--nav-rest-width,auto);flex:none;overflow:hidden;margin-right:0;opacity:1;transform:translateX(0);transition:width .6s cubic-bezier(.22,1,.36,1),margin-right .6s cubic-bezier(.22,1,.36,1),opacity .25s .2s,transform .45s,visibility 0s}
  #site-header .desktop-nav>*{flex-shrink:0}
  #site-header:has(.header-waitlist.is-open) .desktop-nav{width:0;margin-right:-28px;opacity:0;transform:translateX(12px);visibility:hidden;transition:width .6s cubic-bezier(.22,1,.36,1),margin-right .6s cubic-bezier(.22,1,.36,1),opacity .14s,transform .25s,visibility 0s .14s}
  .site-header .header-waitlist.is-open{width:var(--header-open-width,310px)}
}
@media(prefers-reduced-motion:reduce){#site-header .desktop-nav,:is(.hero-actions,.closing-actions) .inline-waitlist.is-sizing{transition:none!important}}
.inline-waitlist .waitlist-submit .waitlist-slack{width:16px;height:16px;flex:0 0 16px;object-fit:contain}
/* Structure only: blank areas reserve future photography or product footage. */
.editorial-home .editorial-section{width:min(1320px,100%);margin-inline:auto;padding:96px 60px;scroll-margin-top:120px;color:var(--story-ink,#29342e)}
.editorial-section h2{font-size:clamp(40px,4.4vw,66px);line-height:1.09;letter-spacing:-.035em;font-weight:400;text-wrap:balance;max-width:760px;margin:0 auto}
.editorial-section p{font-size:17px;line-height:1.6;color:var(--story-muted,#5b655e);max-width:470px;margin:22px auto 0;text-wrap:pretty}
/* motion.js chooses readable text for each background frame. A second CSS
   color tween would pass through low-contrast gray during the night transition. */
.editorial-heading{text-align:center;margin-bottom:48px}
.editorial-link{display:inline-block;margin-top:18px;padding-block:6px;color:inherit;font-size:15px;text-decoration:none}
.editorial-link:hover{text-decoration:underline;text-underline-offset:5px}
.editorial-link:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
.editorial-media{background:#e3e2da;border-radius:16px;min-width:0}
.wide-media{aspect-ratio:1.95;background:#dedfd6}
.editorial-home .introduction{padding-top:72px}
.editorial-home .team-section{width:100%;padding-inline:0}
.team-section>.editorial-heading{max-width:1320px;margin-inline:auto;padding-inline:60px}
.team-section .horizontal-card{height:560px}
/* A wider landscape frame, followed by a more intimate conversation frame. */
.editorial-home .computer-section{width:min(1560px,100%);padding-top:120px}
.landscape-media{aspect-ratio:2.05;background:#d8ddcf}
.editorial-home .collaboration-section{display:flex;flex-direction:column;gap:44px;padding-bottom:132px}
.collaboration-copy{order:-1;text-align:center}
.conversation-media{width:min(960px,100%);margin-inline:auto;aspect-ratio:1.65;background:#d6dcd0}
.editorial-home .meadow-ending{margin:0;border-radius:0;background:#121e19}
.editorial-home .meadow-ending::before{display:none}
.editorial-home .meadow-ending .closing-section{padding:144px 24px 120px}
.editorial-home .meadow-ending .closing-section h2{font-size:clamp(48px,6vw,84px);text-shadow:none}
.editorial-home .nature-footer,.editorial-home .footer-bottom{border:0}
.editorial-home .footer-grid{grid-template-columns:1.7fr repeat(3,1fr);gap:48px}
.editorial-home .nature-footer{padding-top:20px;padding-bottom:36px}
.editorial-home .footer-bottom{margin-top:70px;padding-top:0}
@media(max-width:760px){
.editorial-home .editorial-section{padding:64px 24px;scroll-margin-top:100px}
.editorial-section h2{font-size:clamp(36px,9vw,48px)}
.editorial-section p{font-size:16px;margin-top:20px}
.editorial-heading{margin-bottom:32px}
.editorial-home .team-section{padding-inline:0}
.team-section>.editorial-heading{padding-inline:24px}
.team-section .horizontal-card{height:auto}
.wide-media{aspect-ratio:1.12}
.landscape-media{aspect-ratio:1.2}
.editorial-home .collaboration-section{gap:32px;padding-bottom:80px}
.conversation-media{aspect-ratio:1.15}
.editorial-home .meadow-ending .closing-section{padding:100px 24px 90px}
.editorial-home .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.editorial-home .footer-identity{grid-column:1/-1}
}
/* A small set of proof-led sections, with practical details kept compact. */
.knowledge-media{aspect-ratio:2.05;background:#d4dbcf}
.team-section .horizontal-card[data-tone="dark"]{background:#302e28;color:#faf8f1}
.team-section .horizontal-card[data-tone="stone"]{background:#ddd3cc;color:#30342e}
.team-section .horizontal-card[data-tone="sage"]{background:#c7cdbf;color:#30342e}
.editorial-home .collaboration-section{padding-bottom:96px}
.editorial-home .practical-section{max-width:920px;padding-top:64px;padding-bottom:120px}
.practical-questions{display:grid;gap:12px}
.practical-questions details{padding:22px 28px;background:rgb(255 255 255 / .4);border-radius:12px}
.practical-questions summary{position:relative;padding-right:28px;list-style:none;cursor:pointer;font-size:19px;line-height:1.4}
.practical-questions summary::-webkit-details-marker{display:none}
.practical-questions summary::after{content:"";position:absolute;right:2px;top:.45em;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg)}
.practical-questions details[open] summary::after{transform:rotate(225deg);top:.65em}
.practical-questions summary:focus-visible{outline:2px solid currentColor;outline-offset:7px;border-radius:2px}
.practical-questions p{max-width:none;margin:16px 0 0;font-size:16px}
.practical-questions .editorial-link{margin-top:10px}
.footer-story{display:inline-block;margin-top:22px;font-size:13px;color:rgb(255 253 245 / .7);text-underline-offset:4px}
.footer-story:hover{text-decoration:underline}
@media(max-width:760px){
.knowledge-media{aspect-ratio:1.2}
.editorial-home .collaboration-section{padding-bottom:64px}
.editorial-home .practical-section{padding:32px 24px 80px}
.practical-questions details{padding:20px}
.practical-questions summary{font-size:17px}
}
/* Three setup moments. Product graphics will be added in the imagery pass. */
.editorial-home .setup-section{padding-top:64px;padding-bottom:96px}
.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.setup-steps li{min-width:0}
.setup-media{aspect-ratio:1.6;background:#d6dcd0;margin-bottom:24px}
.setup-steps h3{font-family:var(--heading);font-size:29px;line-height:1.15;letter-spacing:-.025em;font-weight:400;text-wrap:balance}
.setup-steps p{max-width:340px;margin:12px 0 0}
@media(max-width:1000px) and (min-width:761px){
  .setup-steps{gap:24px}
  .setup-steps h3{font-size:26px}
}
@media(max-width:760px){
  .editorial-home .setup-section{padding-top:40px;padding-bottom:64px}
  .setup-steps{grid-template-columns:1fr;gap:40px;max-width:480px;margin-inline:auto}
  .setup-media{margin-bottom:20px}
  .setup-steps h3{font-size:29px}
  .setup-steps p{max-width:none;margin-top:12px}
}
/* Shared 1200px content grid; decorative scenery may extend beyond it. */
.editorial-home{--section-content:1200px;--section-gutter:60px}
.editorial-home .introduction,.editorial-home .knowledge-section,.editorial-home .computer-section,.editorial-home .collaboration-section{width:min(calc(var(--section-content) + 2 * var(--section-gutter)),100%);padding-inline:var(--section-gutter)}
.editorial-home .conversation-media{width:100%}
.setup-meadow{padding-inline:max(24px,calc((100vw - 2 * clamp(16px,3vw,60px) - var(--section-content)) / 2))}
.setup-meadow .setup-steps{max-width:var(--section-content)}
@media(max-width:760px){
.editorial-home{--section-gutter:24px}
.editorial-home .setup-section{padding-inline:0}
.setup-meadow{border-radius:0;padding-inline:24px}
.setup-meadow .setup-steps{max-width:none}
}
/* Plain color surfaces reserve space for future product content. */
.setup-meadow .setup-media{display:grid;grid-template-rows:1fr;margin-bottom:24px;min-height:120px}
.setup-color-block{display:block;min-height:0;border-radius:14px;background:#302630}
/* Compact glass cards with one inset surface each. */
.editorial-home .setup-section{padding-top:48px;padding-bottom:64px}
.setup-section>.editorial-heading{margin-bottom:32px}
.setup-meadow{padding-block:48px}
.setup-meadow .setup-steps li{aspect-ratio:auto;min-height:400px;padding:28px}
.setup-meadow .setup-media{flex:1 0 150px}
@media(max-width:760px){
.editorial-home .setup-section{padding-top:32px;padding-bottom:40px}
.setup-meadow{padding-block:24px}
.setup-meadow .setup-steps li{min-height:360px;padding:24px}
.setup-meadow .setup-media{flex-basis:130px}
}
/* Quiet neutral space above a low band of natural texture. */
.setup-meadow{background:#e9e7df;padding-block:40px}
.setup-meadow::before{background:url("/native-original/assets/setup-moss-overhead.png") center bottom / cover no-repeat;top:42%;mask-image:linear-gradient(transparent,#000 65%);-webkit-mask-image:linear-gradient(transparent,#000 65%)}
.setup-meadow .setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.setup-meadow .setup-steps li{min-height:300px;padding:24px;background:rgba(255,253,246,.58);color:#29342e;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 24px rgba(28,38,23,.04)}
.setup-meadow .setup-media{flex:1 0 140px;margin-bottom:20px}
.setup-meadow .setup-steps h3{font-size:30px;text-shadow:none}
.setup-meadow .setup-steps p{color:#50594e;max-width:none;text-shadow:none;margin-top:10px}
@media(max-width:760px){
.setup-meadow{padding-block:24px}
.setup-meadow .setup-steps{grid-template-columns:1fr;gap:20px}
.setup-meadow .setup-steps li{min-height:300px}
.setup-meadow .setup-steps h3{font-size:28px}
}
/* Four unboxed steps on one quiet canvas. */
.setup-meadow{background:#eeece5;padding-top:40px;padding-bottom:130px}
.setup-meadow::before{top:auto;height:90px;background-position:center 70%;mask-image:none;-webkit-mask-image:none;clip-path:polygon(0 14%,5% 19%,11% 8%,18% 17%,25% 11%,32% 21%,40% 12%,47% 18%,55% 8%,63% 16%,71% 10%,78% 20%,85% 12%,92% 18%,100% 9%,100% 100%,0 100%)}
.setup-meadow .setup-steps{gap:36px 40px}
.setup-meadow .setup-steps li{display:grid;grid-template-rows:150px auto 1fr;align-content:start;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.setup-meadow .setup-media{display:block;min-height:0;height:150px;margin:0 0 18px;flex:none}
.setup-color-block{height:100%;border-radius:12px;background:#d7d0d6}
.setup-meadow .setup-steps h3{font-size:28px;margin-top:18px;line-height:1.2}
.setup-meadow .setup-steps p{font-size:16px;line-height:1.5;margin-top:8px;max-width:480px}
@media(max-width:760px){
.setup-meadow{padding-top:28px;padding-bottom:100px}
.setup-meadow::before{height:65px}
.setup-meadow .setup-steps{gap:30px}
.setup-meadow .setup-steps li{min-height:0;grid-template-rows:130px auto 1fr}
.setup-meadow .setup-media{height:130px}
.setup-meadow .setup-steps h3{font-size:26px}
}
.setup-meadow .setup-steps li{justify-content:stretch;grid-template-columns:minmax(0,1fr)}
.setup-meadow::before{clip-path:none;mask-image:linear-gradient(transparent,#000 12px);-webkit-mask-image:linear-gradient(transparent,#000 12px)}
/* Restore the original quiet three-step setup section. */
.editorial-home .setup-section{width:min(calc(var(--section-content) + 2 * var(--section-gutter)),100%);padding:64px var(--section-gutter) 96px}
@media(max-width:760px){.editorial-home .setup-section{padding:40px 24px 64px}}
/* A clean plum FAQ, then one continuous landscape for CTA and footer. */
.editorial-home .meadow-ending{
  --night-ground:#302638;
  background:transparent;
  color:#fffdf5;
}
.editorial-home .meadow-ending::before{display:none}
.editorial-home .meadow-ending .practical-section{
  position:relative;
  z-index:1;
  padding-top:96px;
  padding-bottom:64px;
  color:var(--story-ink,#fffdf5);
}
.editorial-home .meadow-ending .practical-questions details{
  background:var(--story-panel,rgb(255 253 245 / .065));
}
.editorial-home .meadow-ending .practical-questions p{color:var(--story-muted,rgb(255 253 245 / .78))}
.meadow-footer-scene{
  position:relative;
  isolation:isolate;
  background:transparent;
}
.editorial-home .meadow-ending .closing-section{
  position:relative;
  min-height:0;
  padding-top:200px;
  padding-bottom:80px;
  color:#fffdf5;
  background:transparent;
}
.meadow-footer-scene::before{
  content:"";
  position:absolute;
  inset:-180px 0 0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(to bottom,transparent 38%,rgb(0 0 0 / .18) 58%,rgb(0 0 0 / .42)),var(--home-footer-photo, url("/optimized-backgrounds/v1/footer-plum-starlight-v2.webp"));
  background-size:100% 100%,cover;
  background-position:center bottom;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0.0000) 0.0px,rgba(0,0,0,0.0003) 18.1px,rgba(0,0,0,0.0022) 36.2px,rgba(0,0,0,0.0071) 54.4px,rgba(0,0,0,0.0161) 72.5px,rgba(0,0,0,0.0298) 90.6px,rgba(0,0,0,0.0488) 108.8px,rgba(0,0,0,0.0733) 126.9px,rgba(0,0,0,0.1035) 145.0px,rgba(0,0,0,0.1392) 163.1px,rgba(0,0,0,0.1800) 181.2px,rgba(0,0,0,0.2255) 199.4px,rgba(0,0,0,0.2752) 217.5px,rgba(0,0,0,0.3283) 235.6px,rgba(0,0,0,0.3840) 253.8px,rgba(0,0,0,0.4416) 271.9px,rgba(0,0,0,0.5000) 290.0px,rgba(0,0,0,0.5584) 308.1px,rgba(0,0,0,0.6160) 326.2px,rgba(0,0,0,0.6717) 344.4px,rgba(0,0,0,0.7248) 362.5px,rgba(0,0,0,0.7745) 380.6px,rgba(0,0,0,0.8200) 398.8px,rgba(0,0,0,0.8608) 416.9px,rgba(0,0,0,0.8965) 435.0px,rgba(0,0,0,0.9267) 453.1px,rgba(0,0,0,0.9512) 471.2px,rgba(0,0,0,0.9702) 489.4px,rgba(0,0,0,0.9839) 507.5px,rgba(0,0,0,0.9929) 525.6px,rgba(0,0,0,0.9978) 543.8px,rgba(0,0,0,0.9997) 561.9px,rgba(0,0,0,1.0000) 580.0px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,0.0000) 0.0px,rgba(0,0,0,0.0003) 18.1px,rgba(0,0,0,0.0022) 36.2px,rgba(0,0,0,0.0071) 54.4px,rgba(0,0,0,0.0161) 72.5px,rgba(0,0,0,0.0298) 90.6px,rgba(0,0,0,0.0488) 108.8px,rgba(0,0,0,0.0733) 126.9px,rgba(0,0,0,0.1035) 145.0px,rgba(0,0,0,0.1392) 163.1px,rgba(0,0,0,0.1800) 181.2px,rgba(0,0,0,0.2255) 199.4px,rgba(0,0,0,0.2752) 217.5px,rgba(0,0,0,0.3283) 235.6px,rgba(0,0,0,0.3840) 253.8px,rgba(0,0,0,0.4416) 271.9px,rgba(0,0,0,0.5000) 290.0px,rgba(0,0,0,0.5584) 308.1px,rgba(0,0,0,0.6160) 326.2px,rgba(0,0,0,0.6717) 344.4px,rgba(0,0,0,0.7248) 362.5px,rgba(0,0,0,0.7745) 380.6px,rgba(0,0,0,0.8200) 398.8px,rgba(0,0,0,0.8608) 416.9px,rgba(0,0,0,0.8965) 435.0px,rgba(0,0,0,0.9267) 453.1px,rgba(0,0,0,0.9512) 471.2px,rgba(0,0,0,0.9702) 489.4px,rgba(0,0,0,0.9839) 507.5px,rgba(0,0,0,0.9929) 525.6px,rgba(0,0,0,0.9978) 543.8px,rgba(0,0,0,0.9997) 561.9px,rgba(0,0,0,1.0000) 580.0px);
}
.editorial-home .meadow-ending .closing-section h2{color:#fffdf5}
/* Warm links sit over the meadow; no separate footer panel or colored wash. */
.editorial-home .meadow-ending .nature-footer{
  position:relative;
  isolation:isolate;
  width:100%;
  padding:24px max(60px,calc((100% - 1120px)/2)) 28px;
  background:transparent;
  text-shadow:0 1px 4px rgb(0 0 0 / .45);
}
.editorial-home .meadow-ending .nature-footer::before{
  content:"";
  position:absolute;
  inset:-160px 0 0;
  z-index:-1;
  pointer-events:none;
  background:rgb(12 13 14 / .38);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 210px);
  mask-image:linear-gradient(to bottom,transparent,#000 210px);
}
.editorial-home .nature-footer .footer-column a,
.editorial-home .nature-footer .footer-column button,
.editorial-home .nature-footer .footer-bottom{color:#fffdf5}
.editorial-home .nature-footer .footer-column a,
.editorial-home .nature-footer .footer-column button{font-size:15px;font-weight:500;line-height:1.6;min-height:32px;padding-block:4px}
.editorial-home .nature-footer .footer-column h3{font-family:var(--heading);font-size:22px;font-weight:400;letter-spacing:-.02em;text-transform:none;line-height:1.3;margin-bottom:16px;color:#fffdf5}
.editorial-home .nature-footer .footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid rgb(255 253 245 / .25);padding-top:36px}
.editorial-home .nature-footer .footer-column{gap:0}
.editorial-home .nature-footer .footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid rgb(255 253 245 / .14);gap:20px}
.editorial-home .nature-footer .footer-bottom,
.editorial-home .nature-footer .cookie-footer-choice{font-size:12px}
@media(max-width:760px){
  .editorial-home .meadow-ending .practical-section{padding:96px 24px 48px}
  .editorial-home .meadow-ending .closing-section{padding-top:160px;padding-bottom:64px}
  .meadow-footer-scene::before{
    background-image:linear-gradient(to bottom,transparent 32%,rgb(0 0 0 / .32) 55%,rgb(0 0 0 / .42)),var(--home-footer-photo, url("/optimized-backgrounds/v1/footer-plum-starlight-v2.webp"));
    background-position:51% bottom;
  }
  .editorial-home .nature-footer .footer-column a,
  .editorial-home .nature-footer .footer-column button{color:#fffdf5}
  .editorial-home .meadow-ending .nature-footer{padding:32px 24px 24px}
  .editorial-home .nature-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;padding-top:28px}
  .editorial-home .nature-footer .footer-column a,
  .editorial-home .nature-footer .footer-column button{min-height:44px;padding-block:10px}
  .editorial-home .nature-footer .footer-column h3{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}
  .editorial-home .nature-footer .footer-bottom{margin-top:28px;gap:10px 20px}
}
/* Crisp stars start beside the final FAQ and merge into the photographic sky. */
.sky-stars{position:absolute;inset:-300px 0 auto;height:clamp(620px,55vw,820px);pointer-events:none;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.sky-star{position:absolute;left:var(--x);top:var(--y);width:calc(var(--size) * 1.35);height:calc(var(--size) * 1.35);border-radius:50%;background:#fff9e9;box-shadow:0 0 7px rgb(255 242 226 / .7);opacity:.3;animation:sky-twinkle var(--duration) ease-in-out var(--delay) infinite;animation-play-state:paused}
.sky-star:nth-child(4n)::before,.sky-star:nth-child(4n)::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#fff9e9,transparent)}
.sky-star:nth-child(4n)::after{transform:translate(-50%,-50%) rotate(90deg)}
.sky-stars[data-visible="true"] .sky-star{animation-play-state:running}
.ambient-paused .sky-star{animation-play-state:paused!important}
@keyframes sky-twinkle{0%,15%,100%{opacity:.08;transform:scale(.9)}48%,56%{opacity:var(--peak,1);transform:scale(1.15)}}
/* Match the contrast-safe foreground chosen for the current background frame. */
.editorial-home .meadow-ending .practical-section h2,
.editorial-home .meadow-ending .practical-questions summary{color:var(--story-ink,#fffdf5)}
.editorial-home .meadow-ending .practical-questions details{transition:background-color .35s ease}
@media(prefers-reduced-motion:reduce){.sky-star{animation:none;opacity:.3}.editorial-home .meadow-ending .practical-section h2,.editorial-home .meadow-ending .practical-questions summary,.editorial-home .meadow-ending .practical-questions p,.editorial-home .meadow-ending .practical-questions details{transition:none}}
/* Even navigation columns, followed by the established legal row. */
@media(min-width:1001px){.editorial-home .nature-footer .footer-grid{grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:48px}}
.editorial-home .nature-footer .footer-legal{justify-content:flex-end;margin-left:auto;gap:24px}
.editorial-home .nature-footer .footer-social-link{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:32px}
@media(max-width:760px){.editorial-home .nature-footer .footer-bottom{align-items:flex-start}.editorial-home .nature-footer .footer-legal{justify-content:flex-start;margin-left:0;gap:20px}.editorial-home .nature-footer .footer-legal a,.editorial-home .nature-footer .cookie-footer-choice{min-height:44px;display:inline-flex;align-items:center}}
.editorial-home .nature-footer .footer-social-link svg{width:14px;height:14px;flex:none}
/* FAQ-free ending: the existing scroll scene animates sage into plum as the CTA enters. */
.editorial-home .meadow-ending{background:transparent}
.editorial-home .meadow-ending .closing-section{padding-top:500px}
.meadow-footer-scene::before{inset:100px 0 0}
.sky-stars{top:110px;height:740px}
@media(max-width:760px){
  .editorial-home .meadow-ending{background:transparent}
 .editorial-home .meadow-ending .closing-section{padding-top:390px}
 .meadow-footer-scene::before{inset:20px 0 0}
 .sky-stars{top:80px;height:580px}
}
/* Four evenly sized groups, each with three links. */
@media(min-width:1001px){.editorial-home .nature-footer .footer-grid{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:36px}}
@media(min-width:761px) and (max-width:1000px){.editorial-home .nature-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}}
@media(max-width:760px){.editorial-home .nature-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}}
/* Center the larger logo on the heading row, not on the whole link group. */
@media(min-width:1001px){.editorial-home .nature-footer .footer-identity{display:flex;align-items:center;height:28.6px}.editorial-home .nature-footer .footer-brand{line-height:0}}
/* Let the sky emerge at slightly different heights across the page. */
.meadow-footer-scene::before{inset:0;--sky-fade:radial-gradient(ellipse 85% 460px at 70% 580px,#000 0%,rgb(0 0 0 / .35) 40%,transparent 85%),linear-gradient(to bottom,transparent 0px,rgb(0 0 0 / .025) 110px,rgb(0 0 0 / .1) 220px,rgb(0 0 0 / .26) 350px,rgb(0 0 0 / .55) 480px,rgb(0 0 0 / .82) 620px,#000 780px);mask-image:var(--sky-fade);-webkit-mask-image:var(--sky-fade)}
/* A faint stationary grain prevents the low-contrast fade forming visible bands. */
.meadow-footer-scene::after{content:"";position:absolute;inset:0 0 auto;height:780px;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E");mask-image:linear-gradient(transparent,#000 18%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 65%,transparent)}
.editorial-home #site-header.is-night{top:16px}
.editorial-home #site-header{transition:background .5s ease,color .5s ease,border-color .5s ease,top .3s}
@media(prefers-reduced-motion:reduce){.editorial-home #site-header{transition:none}}
.editorial-home .closing-section h2,.editorial-home .closing-actions{position:relative;z-index:1}
/* Let the ending fill wide displays without a long empty lead-in. */
@media(min-width:1800px){
  .editorial-home .meadow-ending .closing-section{padding-top:clamp(340px,calc(860px - 20vw),500px)}
  .editorial-home .meadow-ending .closing-section h2{font-size:clamp(84px,4.4vw,112px);max-width:1120px}
  .editorial-home .meadow-ending .nature-footer{padding-inline:max(60px,calc((100% - clamp(1120px,62vw,1480px))/2))}
  .meadow-footer-scene::before{background-position:center 70%}
}
/* JS measures the image crop, keeping both star layers above the highest hill. */
.sky-stars{height:var(--visible-sky-height,0px)}
/* A single brief streak, scheduled sparingly while the sky is visible. */
.sky-shooting-star{position:absolute;width:100px;height:1.5px;pointer-events:none;z-index:0;opacity:0;offset-anchor:100% 50%;offset-rotate:auto;border-radius:100%;background:linear-gradient(90deg,transparent,rgb(255 247 230 / .3) 45%,#fff8ed);box-shadow:0 0 5px rgb(255 239 222 / .15);animation:sky-shoot var(--meteor-duration,1.25s) linear both}
.sky-shooting-star::after{content:"";position:absolute;right:0;top:50%;width:3px;height:3px;transform:translate(50%,-50%);border-radius:50%;background:#fffaf0;box-shadow:0 0 5px rgb(255 241 221 / .5)}
@keyframes sky-shoot{0%{opacity:0;offset-distance:0%}18%{opacity:.72}65%{opacity:.45}100%{opacity:0;offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.sky-shooting-star{display:none}}
/* Homepage refinement: staggered pinpoints, with a few stronger optical glints. */
[data-sky-enhanced] .sky-star{width:calc(var(--size) * 1.6);height:calc(var(--size) * 1.6);box-shadow:0 0 3px #fffaf2,0 0 9px rgb(255 241 221 / .65);animation-name:sky-twinkle-clear}
[data-sky-enhanced] .sky-star:nth-child(4n)::before{width:12px}
[data-sky-enhanced] .sky-star:nth-child(4n)::after{width:8px}
@keyframes sky-twinkle-clear{0%,20%,100%{opacity:.18;transform:scale(.85)}42%{opacity:calc(var(--peak) * .6);transform:scale(1)}49%{opacity:1;transform:scale(1.2)}58%{opacity:calc(var(--peak) * .8);transform:scale(.95)}72%{opacity:.22;transform:scale(.85)}}
:is([data-sky-enhanced],[data-meteor-enhanced]) .sky-shooting-star{width:var(--meteor-length,130px);height:1.4px;border-radius:0;background:linear-gradient(90deg,transparent 0%,rgb(232 238 255 / .08) 20%,rgb(243 246 255 / .42) 70%,#fffaf3 100%);clip-path:polygon(0 50%,100% 0,100% 100%);box-shadow:none;animation-name:sky-shoot-natural}
:is([data-sky-enhanced],[data-meteor-enhanced]) .sky-shooting-star::after{width:2px;height:1.4px;transform:translateY(-50%);box-shadow:0 0 3px #fff;}
/* Do not scale the motion-path element: screen-axis scaling changes its apparent angle. */
@keyframes sky-shoot-natural{0%{opacity:0;offset-distance:0%}12%{opacity:.95}30%{opacity:1}65%{opacity:.65}100%{opacity:0;offset-distance:100%}}
@media(prefers-reduced-motion:reduce){[data-sky-enhanced] .sky-star{animation:none;opacity:.55;transform:none}}
/* Phone footer: clear groups, quieter links and a right-aligned legal row. */
@media(max-width:760px){
  .editorial-home .nature-footer .footer-grid{gap:24px 32px}
  .editorial-home .nature-footer .footer-column h3{font-size:20px;line-height:1.25;margin:0 0 4px;color:#fffdf5}
  .editorial-home .nature-footer .footer-column a,
  .editorial-home .nature-footer .footer-column button{font-size:14px;font-weight:400;line-height:1.5;color:rgb(255 253 245 / .82);min-height:44px;padding-block:8px}
  .editorial-home .nature-footer .footer-bottom{flex-wrap:nowrap;align-items:center;gap:16px}
  .editorial-home .nature-footer .footer-bottom p{min-width:0;white-space:normal}
  .editorial-home .nature-footer .footer-legal{width:auto;flex:none;flex-wrap:nowrap;margin-left:auto;justify-content:flex-end;gap:20px}
  .editorial-home #site-header{transition:background .5s ease,color .5s ease,border-color .5s ease,top .3s,translate .22s ease,opacity .22s ease}
  .editorial-home #site-header.is-footer-hidden:not(:focus-within){translate:0 calc(-100% - 40px);opacity:0;pointer-events:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .editorial-home #site-header{transition:none}
}
/* Local consent preview, independent of production tracking. */
.cookie-card{position:fixed;z-index:90;bottom:24px;left:24px;width:min(440px,calc(100% - 48px));box-sizing:border-box;padding:20px 22px;background:#fff;color:#565452;border:1px solid #29231e0a;border-radius:15px;box-shadow:0 5px 28px #211a1814;font-family:inherit;font-size:14px;line-height:1.5;text-align:left}
.cookie-card[hidden]{display:none}
.cookie-card p{margin:0}
.cookie-notice{display:flex;align-items:center;gap:22px}
.cookie-copy{flex:1;min-width:0}
.cookie-card button{font:inherit;cursor:pointer}
.cookie-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:0;border-radius:9px;background:#efeeed;color:#484642;white-space:nowrap}
.cookie-action:hover{background:#e6e4e1}
.cookie-card button:focus-visible,.cookie-card a:focus-visible{outline:2px solid #5b6550;outline-offset:3px}
.cookie-link{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:#67645e;font-size:12px!important;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:8px;margin-top:17px}
.cookie-actions .cookie-action{flex:1}
.cookie-card h2{font-family:inherit;font-weight:500;font-size:18px;line-height:1.3;margin:0;color:#302e29}
.cookie-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.cookie-close{border:0;background:transparent;color:#67645e;font-size:22px!important;width:36px;height:36px;border-radius:8px}
.cookie-setting{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #eeeae5}
.cookie-setting strong{display:block;font-weight:500;color:#37362f}
.cookie-setting small{display:block;font-size:12px;color:#77736b;max-width:275px}
.cookie-setting input{width:19px;height:19px;accent-color:#4d5b40;flex:none}
.cookie-essential{font-size:12px;color:#77736b}
.cookie-policy{font-size:12px;color:inherit;text-underline-offset:3px}
.cookie-preferences{max-height:calc(100dvh - 110px);overflow:auto}
.cookie-footer-choice{border:0;background:none;padding:8px 0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cookie-demo-controls{padding-top:14px;margin-top:14px;border-top:1px solid #28281e1a}
.cookie-demo-controls label{display:block;font-size:12px;margin-bottom:8px}
.cookie-demo-row{display:flex;gap:7px}
.cookie-demo-row select{min-width:0;flex:1;border:1px solid #ddd9d1;border-radius:7px;background:white;padding:8px;font:inherit;font-size:12px}
.cookie-demo-row button{border:1px solid #ddd9d1;border-radius:7px;background:white;padding:8px;font:inherit;font-size:12px;cursor:pointer}
.cookie-demo-controls p{font-size:11px;line-height:1.45;color:#77736b;margin:9px 0 0}
.tools-panel{max-height:calc(100dvh - 90px);overflow:auto}
@media(max-width:760px){.cookie-card{bottom:68px;left:12px;width:calc(100% - 24px);padding:17px 18px;border-radius:14px}.cookie-notice{gap:16px}.cookie-card{font-size:13px}.cookie-actions{gap:6px}.cookie-actions .cookie-action{padding-inline:10px}.cookie-preferences{max-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:no-preference){.cookie-card{animation:cookie-arrive .25s ease-out}@keyframes cookie-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}
/* Match the compact new-site banner on the main working prototype. */
.cookie-card:has(.cookie-bottom-row){padding-bottom:8px}
.cookie-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.cookie-bottom-row .cookie-link{min-height:44px}
.cookie-bottom-row button.cookie-link{text-decoration:none;font-size:13px!important}
.cookie-bottom-row button.cookie-link::after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 7px}
.cookie-bottom-row .cookie-policy{margin-left:auto}
@font-face{font-family:BogartFull;src:url("/native-original/templates/assets/bogart-regular.woff2") format('woff2');font-display:swap;font-weight:400}
.site-pages{--heading:BogartFull,Georgia,serif;--page-bg:#fcfbf8;--ink:#302b33;--muted:#6b636e;--hairline:rgba(48,43,51,.14);background:var(--page-bg);color:var(--ink);overflow-x:clip}
.site-pages h1{font:400 clamp(48px,5.5vw,80px)/1.08 var(--heading);letter-spacing:-.035em;text-wrap:balance}
.site-pages .site-header{top:16px}
.site-pages .site-header .desktop-nav,.site-pages .site-header .header-signup{opacity:1;visibility:visible;transform:none}
.site-pages .site-header .brand{pointer-events:auto}
/* Theme-inherited text, with one opacity channel for selection and hover. */
.site-pages .desktop-nav:has(a[aria-current=page]) a:not([aria-current=page]){--nav-rest-opacity:.5}
.catalog-intro{text-align:center;max-width:1020px;margin:auto;padding:180px 28px 62px}
.catalog-intro>p{max-width:650px;margin:25px auto 0;font-size:18px;line-height:1.65;color:var(--muted)}
.catalog-wrap,.plans-wrap{width:min(1280px,calc(100% - 96px));margin:0 auto}
.catalog-wrap{padding-bottom:80px}
.catalog-controls{display:flex;align-items:flex-end;gap:16px;margin:12px 0 25px}
.catalog-search{height:52px;display:flex;gap:12px;align-items:center;padding:0 18px;border:1px solid var(--hairline);border-radius:10px;background:#fff;flex:1;max-width:480px;margin-right:auto}
.catalog-search svg{width:20px;height:20px;flex:none;color:var(--muted)}
.catalog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;height:100%}
.catalog-search:focus-within{outline:2px solid #745382;outline-offset:2px}
.select-control{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.select-control select,.catalog-pagination select,.plan-allowance select{appearance:auto;min-height:45px;border:1px solid var(--hairline);border-radius:9px;background:#fff;color:var(--ink);padding:10px 34px 10px 14px;font:inherit;font-size:14px}
.catalog-count{font-size:13px;color:var(--muted);margin:0 0 24px}
.catalog-grid{display:grid;gap:28px}
.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:44px}
.people-card{display:block;border-radius:14px}
.people-photo{aspect-ratio:1;overflow:hidden;border-radius:14px;background:#fff}
.people-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.people-card:hover img{transform:scale(1.025)}
.people-copy{padding:18px 2px 0}
.people-copy>span{font-size:14px;color:var(--muted)}
.people-copy h2{font:400 26px/1.2 var(--heading);letter-spacing:-.02em;margin:7px 0 11px}
.people-copy p{font-size:14px;line-height:1.65;color:var(--muted)}
.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.catalog-app{background:#fff;border:1px solid rgba(48,43,51,.08);border-radius:12px;padding:23px 21px;display:flex;gap:18px;align-items:center;min-height:110px;transition:border-color .2s,box-shadow .2s}
.catalog-app:hover{border-color:rgba(91,57,110,.3);box-shadow:0 5px 18px rgba(48,43,51,.045)}
.catalog-app img{width:42px;height:42px;object-fit:contain;flex:none}
.catalog-app>div{min-width:0}
.catalog-app h2{font:500 16px/1.35 HelveticaNow,Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.catalog-app p{font-size:12px;color:var(--muted);margin-top:6px}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:35px;font-size:14px}
.catalog-pagination label{display:flex;align-items:center;gap:10px}
.catalog-pagination button,.catalog-empty button,.catalog-tabs button{border:1px solid var(--hairline);background:#fff;border-radius:9px;padding:11px 18px}
.catalog-pagination button:disabled{opacity:.4}
.catalog-empty{text-align:center;padding:65px 16px;color:var(--muted)}
.catalog-empty button{margin-top:20px;color:var(--ink)}
.catalog-tabs{display:flex;gap:8px;margin:28px 0 24px}
.catalog-tabs button{font-size:14px;background:transparent}
.catalog-tabs button[aria-pressed=true]{background:#ede7ef;border-color:#dcd0e1}
.cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-case{display:flex;flex-direction:column;min-height:310px;padding:30px;border:1px solid rgba(48,43,51,.09);border-radius:14px;background:#fff;transition:border-color .2s}
.catalog-case:hover{border-color:rgba(91,57,110,.4)}
.case-function{color:var(--muted);font-size:12px}
.catalog-case h2{font:400 30px/1.15 var(--heading);margin:22px 0 14px;letter-spacing:-.025em}
.catalog-case>p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:28px}
.case-owner{display:flex;gap:11px;align-items:center;margin-top:auto;font-size:13px}
.case-owner img{border-radius:50%;object-fit:cover;width:38px;height:38px}
.case-owner small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.plain-section{max-width:720px;margin:0 auto;padding:65px 28px 100px;text-align:center}
.plain-section h2,.credits-section h2,.faq-section h2{font-size:clamp(36px,3.5vw,48px);line-height:1.13}
.plain-section>p{font-size:18px;line-height:1.65;color:var(--muted);margin-top:24px}
.plans-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:12px;padding-bottom:105px}
.plan-card{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--hairline);background:#fff;border-radius:16px;padding:34px}
.plan-card.plan-team{border-color:#b49dbd;box-shadow:0 5px 24px rgba(78,45,92,.045)}
.plan-card h2{font:500 19px/1.4 HelveticaNow,Arial,sans-serif;letter-spacing:0}
.plan-price{font:400 52px/1.1 var(--heading);letter-spacing:-.03em;margin:25px 0 18px;white-space:normal}
.plan-price small{display:inline-block;font:400 14px/1.5 HelveticaNow,Arial,sans-serif;letter-spacing:0;color:var(--muted)}
.plan-talk{font-size:45px}
.plan-subtitle,.plan-allowance{height:46px;display:flex;align-items:center;font-size:14px;margin-bottom:18px}
.plan-allowance select{width:100%}
.plan-description{font-size:15px;line-height:1.65;color:var(--muted);min-height:100px}
.plan-card ul{padding:25px 0 25px 20px;border-top:1px solid var(--hairline);font-size:14px;line-height:1.6;flex:1;margin:0}
.plan-card li{margin:0 0 10px;padding-left:3px}
.plan-card li::marker{color:#745382}
.site-pages .section-explore{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid var(--hairline);border-radius:9px;background:#fff;box-shadow:0 2px 4px rgba(48,43,51,.04);font-size:14px;transition:border-color .2s,background .2s}
.site-pages .section-explore:hover{background:#f8f5fa;border-color:#b49dbd}
.site-pages .plan-card .section-explore{width:100%;text-align:center;display:block;margin-top:12px;color:var(--ink)}
.credits-section{max-width:760px;margin:auto;padding:0 28px 90px;text-align:center}
.credits-section p{color:var(--muted);font-size:17px;line-height:1.7;margin:22px 0}
.credits-section a{font-size:15px;text-decoration:underline;text-underline-offset:5px}
.faq-section{max-width:860px;margin:auto;padding:0 28px 100px}
.faq-section h2{text-align:center;margin-bottom:40px}
.page-questions details{border-top:1px solid var(--hairline);padding:23px 0}
.page-questions details:last-child{border-bottom:1px solid var(--hairline)}
.page-questions summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.page-questions summary::-webkit-details-marker{display:none}
.page-questions summary:after{content:'+';font-size:20px;line-height:1}
.page-questions details[open] summary:after{content:'−'}
.page-questions p{font-size:15px;line-height:1.75;margin:17px 36px 0 0;color:var(--muted)}
.page-back{display:block;font-size:14px;color:var(--muted);margin-bottom:24px}
.person-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:160px;padding-bottom:75px;max-width:1100px}
.person-portrait{width:100%;height:auto;border-radius:18px}
.person-name{font-size:18px;margin-bottom:16px;color:var(--muted)}
.person-intro h1{font-size:clamp(44px,4vw,64px)}
.person-intro h1+p{font-size:18px;line-height:1.6;color:var(--muted);margin:25px 0}
.detail-work{text-align:left}
.detail-work ul,.case-brief ul{padding-left:22px;font-size:17px;line-height:1.65;color:var(--muted);margin-top:24px}
.detail-work li,.case-brief li{margin-bottom:18px;padding-left:5px}
.case-detail{display:grid;grid-template-columns:minmax(0,360px) minmax(0,650px);gap:70px;justify-content:center}
.case-detail-owner img{display:block;width:100%;height:auto;border-radius:16px}
.case-detail-owner a{display:block;margin-top:18px;font-size:15px}
.case-brief h2{font-size:40px}
.case-brief>p{margin:18px 0;font-size:17px;line-height:1.65;color:var(--muted)}
.case-brief blockquote{font:400 28px/1.35 var(--heading);margin:30px 0;padding:25px;background:#fff;border:1px solid var(--hairline);border-radius:12px}
.case-brief h3{font-size:16px;margin-top:28px}
.case-brief .section-explore{margin-top:20px}
/* The markup, spacing, landscape, columns and controls come from the homepage. */
.site-pages .meadow-ending{background:transparent;margin-top:0}
.site-pages .meadow-ending p{color:inherit}
.site-pages .nature-footer h3{font:400 18px/1.3 var(--heading)}
.site-pages .meadow-ending .closing-section{width:100%;max-width:none;display:block;text-align:center}
.site-pages .meadow-ending .closing-section h2{margin:0 auto;max-width:1000px}
.site-pages .meadow-ending .closing-actions{display:flex;flex-direction:column;align-items:center;justify-content:center}
/* Existing secondary page bodies inherit the same quiet palette. */
.template-page.site-pages{--page-bg:#fcfbf8;--ink:#302b33;--muted:#6b636e}
.template-page.site-pages .sage:before{background:#fff}
.template-page.site-pages .app-shelf{background:none}
@media(max-width:1100px){.people-grid,.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-wrap,.plans-wrap{width:calc(100% - 64px)}.plan-card{padding:25px}.plan-price{font-size:43px}.plan-description{min-height:126px}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.person-intro{gap:40px}}
@media(max-width:760px){.catalog-intro{padding:140px 24px 42px}.site-pages h1{font-size:48px}.catalog-intro h1 br{display:none}.catalog-intro p{font-size:16px;margin-top:22px}.catalog-wrap,.plans-wrap{width:calc(100% - 40px)}.catalog-controls{flex-wrap:wrap;gap:12px}.catalog-search{flex-basis:100%;max-width:none;margin-right:0}.select-control{flex:1;min-width:0}.select-control select{width:100%;min-width:0}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.people-copy h2{font-size:23px}.people-copy p{font-size:13px}.people-copy>span{font-size:13px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-app{flex-direction:column;align-items:flex-start;padding:19px;gap:14px;min-height:155px}.catalog-app h2{font-size:15px}.catalog-pagination{gap:12px;font-size:12px}.catalog-pagination button{padding:10px 12px}.catalog-pagination select{padding:8px}.catalog-pagination label{gap:7px}.cases-grid{grid-template-columns:1fr}.catalog-case{min-height:285px;padding:26px}.plans-wrap{grid-template-columns:1fr;padding-bottom:65px}.plan-card{padding:30px}.plan-description{min-height:0;margin-bottom:24px}.plan-price{font-size:50px}.plain-section{padding-block:30px 65px}.credits-section{padding-bottom:60px}.faq-section{padding-bottom:50px}.page-questions summary{font-size:16px}.person-intro,.case-detail{grid-template-columns:1fr;gap:30px}.person-intro{padding-top:120px}.person-portrait,.case-detail-owner{max-width:420px;margin:auto}.person-intro h1{font-size:44px}.case-brief h2{font-size:34px}}
@media(max-width:370px){.people-grid{grid-template-columns:1fr}.people-photo{aspect-ratio:1.1}.catalog-pagination{gap:7px}.catalog-pagination button{padding:10px}.catalog-app{padding:15px}}
@media(prefers-reduced-motion:reduce){.people-card:hover img{transform:none}.site-pages *{scroll-behavior:auto!important}}
.custom-employee-art{display:grid;place-items:center;aspect-ratio:1;font:200 110px/1 var(--heading);color:#72517e;background:radial-gradient(circle at 50% 45%,#ffffff 0 25%,#e8e3ee 26%,#f3f0f6 28%,#fcfbf8 68%);border:1px solid #e7e2e9;border-radius:inherit}
/* Current app meadow plate, extracted from the existing employee portrait. */
.layered-employee .people-photo{position:relative;isolation:isolate;background:#d6d4ad}
.employee-card-landscape{position:absolute;inset:0;background-image:url("/native-original/employee-directions/assets/app-meadow-plate.jpg");background-size:106% 106%;background-position:var(--scene-x,50%) var(--scene-y,50%);z-index:-1}
.layered-employee:nth-child(4n+2){--scene-x:45%;--scene-y:48%}
.layered-employee:nth-child(4n+3){--scene-x:55%;--scene-y:52%}
.layered-employee:nth-child(4n+4){--scene-x:50%;--scene-y:50%}
.people-photo .employee-cutout{position:absolute;bottom:-8px;left:0;width:100%;height:calc(var(--portrait-height,95%) + 8px);object-fit:contain;object-position:center bottom;transform-origin:center bottom;transition:transform .55s cubic-bezier(.2,.75,.25,1);filter:drop-shadow(0 5px 8px #20383812)}
.layered-employee:hover .employee-cutout,.layered-employee:focus-visible .employee-cutout{transform:scale(1.055)}
.layered-employee .custom-employee-art{position:absolute;inset:0;background:transparent;border:0;color:#72517e;text-shadow:none}
.twin-card-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0}
.twin-card-art span{display:block;width:40%;aspect-ratio:1;border:1px solid #ffffffc0;border-radius:50%;background:linear-gradient(140deg,#ffffffb8,#ffffff18);box-shadow:inset 0 2px 5px white,0 8px 18px #1a435325;backdrop-filter:blur(2px)}
.twin-card-art span+span{margin-left:-8%;transform:translateY(15%)}
@media(prefers-reduced-motion:reduce){.layered-employee:hover .employee-cutout,.layered-employee:focus-visible .employee-cutout{transform:none}.people-photo .employee-cutout{transition:none}}
/* Continuous landscape: each fixed grid slot crops the same panoramic meadow. */
.layered-employee .employee-card-landscape{background-image:var(--scene-image,url("/native-original/employee-directions/assets/app-meadow-panorama-v2.webp"));background-size:var(--scene-width,400%) 100%;background-position:var(--scene-offset,0px) 0}
.layered-employee .people-copy h2{white-space:nowrap}
.layered-employee:hover .employee-cutout,.layered-employee:focus-visible .employee-cutout{transform:none}
.layered-employee .people-photo{transition:box-shadow .45s ease}
.layered-employee:is(:hover,:focus-visible) .people-photo{box-shadow:0 8px 24px #34332a0c}
@media(max-width:520px){.people-grid{grid-template-columns:1fr}.layered-employee .people-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.layered-employee .people-photo{transition:none}}