:root{--paper:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}::selection{background:var(--lime)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;padding:16px;background:var(--lime);z-index:100}.skip:focus{top:8px}.header{position:sticky;top:0;background:#f7f8f2f5;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:96px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.brand>span{color:var(--green);margin-left:-9px}.brand img{display:block}.header nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:500}.header nav>a:not(.button):hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:16px 24px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button>span:last-child{font-size:21px}.button.small{min-height:44px;padding:12px 16px;font-size:12px;gap:16px}.button.small>span:last-child{font-size:16px}.menu{display:none}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 24px}.dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #2e694b12}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center;padding-block:72px 80px}.hero h1{font-size:clamp(56px,5.6vw,88px);line-height:1.02;font-weight:300;letter-spacing:-5px;margin:0 0 32px}.hero h1>span{color:var(--green);white-space:nowrap}.hero-lead{font-size:17px;line-height:1.7;font-weight:300;max-width:470px;margin:0 0 32px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.play{font-size:12px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:500;border-bottom:1px solid #18382c66;padding-bottom:6px}.text-link:hover{color:var(--green)}.hero-note{display:flex;align-items:center;gap:16px;margin-top:32px}.hero-note p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;font-weight:300}.hero-note strong{font-weight:500;color:var(--ink)}.hero-note>span{width:32px;height:1px;background:var(--green)}
.hero-art{position:relative;display:block;height:568px;background:radial-gradient(ellipse at 85% 16%,#ecf8c9 0%,transparent 55%),linear-gradient(140deg,#dcefc6,#b6d6ac);border-radius:32px;isolation:isolate}.art-grid{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background-image:linear-gradient(#fff4 1px,transparent 1px),linear-gradient(90deg,#fff4 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#0002,#000)}.art-label{position:absolute;left:32px;top:32px;font-size:10px;font-weight:500;letter-spacing:1.7px}.source-card{position:absolute;left:8%;top:25%;width:38%;background:#fff;border:7px solid #fff;border-radius:16px;transform:rotate(-9deg);box-shadow:0 16px 40px #16322620;overflow:hidden}.source-card img{display:block;width:100%;height:294px;object-fit:cover}.source-card>span{display:block;padding:12px 2px;font-size:10px;white-space:nowrap}.transform-arrow{position:absolute;left:38%;top:18%;font-size:90px;font-weight:300;transform:rotate(20deg)}.reel-card{position:absolute;right:9%;top:16%;width:45%;height:403px;border:7px solid var(--ink);border-radius:32px;background:var(--ink);overflow:hidden;transform:rotate(7deg);box-shadow:0 24px 48px #16322630}.reel-card>img{display:block;width:100%;height:100%;object-fit:cover}.reel-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;padding:20px 12px 60px;background:linear-gradient(#10211ad9,transparent);color:white;font-size:9px;letter-spacing:1px}.reel-top>span:last-child{font-size:22px;color:var(--lime)}.reel-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;padding-left:4px;border:1px solid #fff9;border-radius:50%;background:#fff3;backdrop-filter:blur(5px);color:white;font-size:18px;transition:scale .2s}.hero-art:hover .reel-play{scale:1.1}.reel-bottom{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#10211aee 40%);padding:40px 16px 16px;color:white}.reel-bottom>span{font-size:20px;font-weight:400;letter-spacing:-.7px;line-height:1.15;display:block}.reel-bottom>b{display:block;margin-top:12px;font-size:10px;font-weight:400;color:var(--lime)}.floating-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:12px 16px;font-size:11px;box-shadow:0 8px 32px #18382c12;white-space:nowrap}.tag-top{right:-16px;top:13%;transform:rotate(4deg)}.tag-top>span{font-size:20px;color:var(--green)}.tag-bottom{left:6%;bottom:11%;transform:rotate(-4deg)}.tag-bottom>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime)}.art-foot{position:absolute;right:32px;bottom:24px;font-size:8px;letter-spacing:1.6px}.promise-strip{border-block:1px solid var(--line)}.promise-strip>.wrap{display:flex;justify-content:space-between;gap:24px;padding-block:24px;font-size:13px;font-weight:400}.promise-strip span:before{content:'✳';color:var(--green);margin-right:12px}
.section{padding-block:112px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:56px}h2{font-size:clamp(38px,4vw,60px);font-weight:300;line-height:1.08;letter-spacing:-2.5px;margin:0}h2 span{color:var(--green)}.section-heading>p{max-width:360px;line-height:1.8;font-weight:300;font-size:16px;margin:0 0 4px}h3{font-size:27px;font-weight:400;letter-spacing:-1px;line-height:1.2;margin:0}.comparison{display:grid;grid-template-columns:1fr 48px 1fr .9fr;gap:24px;align-items:center}.video-panel{min-width:0;background:#e9ece3;border:1px solid var(--line);border-radius:20px;padding:16px}.video-panel.after{background:#e1edce;border-color:#ccddb3}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:10px;line-height:1.3}.panel-heading>span:last-child{max-width:125px;text-align:right}.pill{display:inline-block;font-size:10px;line-height:1.4;font-weight:500;padding:6px 12px;background:#fff;border:1px solid #18382c18;border-radius:32px;white-space:nowrap}.pill.green{background:var(--ink);color:white}.video-panel video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#14251f;border-radius:10px;object-fit:contain}.video-panel>p{margin:16px 0 0;font-size:11px;line-height:1.6;font-weight:300;min-height:35px}.comparison-arrow{text-align:center;font-size:40px;font-weight:300}.result-notes{padding-left:16px}.star{color:var(--green);font-size:56px;display:block;line-height:1;margin-bottom:24px}.result-notes h3{margin-bottom:24px}.result-notes ul{list-style:none;padding:0;margin:0}.result-notes li{font-size:12px;font-weight:300;line-height:1.7;padding:10px 0;border-bottom:1px solid var(--line)}.result-notes li:before{content:'↗';margin-right:8px;color:var(--green)}.style-switch{margin-top:32px}.style-switch>span{font-size:11px;font-weight:500}.style-switch>div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.style-switch button{border:1px solid var(--line);background:transparent;border-radius:6px;min-height:44px;padding:10px;font-size:11px;color:var(--ink)}.style-switch button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.style-switch p{font-size:11px;line-height:1.6;color:var(--muted);font-weight:300}.example-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:760px}
.feature-section{background:#edf0e7;border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{position:relative;padding:32px;border:1px solid #d9dfd1;background:var(--paper);border-radius:24px;overflow:hidden;min-height:332px}.feature-number{display:block;font-size:10px;font-weight:500;letter-spacing:1px;color:#4b6653;margin-bottom:24px}.feature h3{margin-bottom:16px}.feature>p{font-size:13px;line-height:1.8;font-weight:300;margin:0;color:#425b4b}.feature-brand{background:#dce9c8;min-height:432px}.feature-photo{background:#f5e6d9;min-height:432px}.feature-video{background:var(--ink);min-height:432px;color:#fff}.feature-video .feature-number{color:#c4dfad}.feature-video>p{color:#d3dfd7}.brand-sample{display:flex;align-items:center;gap:16px;margin-top:24px}.brand-sample>div{background:#fafbf5;border:1px solid #c5d4b5;border-radius:8px;padding:20px 16px;transform:rotate(-4deg);flex:1}.brand-sample div>span{font-size:10px;display:block;margin-bottom:28px;font-weight:500}.brand-sample div>b{font-size:29px;font-weight:300;letter-spacing:-1px;display:block}.brand-sample div>small{font-size:7px;letter-spacing:.6px;display:block;margin-top:8px}.swatches{display:grid;gap:8px}.swatches>i{display:block;width:24px;height:24px;border-radius:50%;background:var(--ink);border:2px solid #fff}.swatches>i:nth-child(2){background:#c7df95}.swatches>i:nth-child(3){background:#fafbf5}.post-stack{display:flex;align-items:center;gap:24px;margin:24px 8px -40px}.post-stack>img{width:45%;height:auto;transform:rotate(-9deg);border:5px solid white;border-radius:6px;box-shadow:8px 4px 0 #f4cbaa}.post-stack>span{font-size:14px;line-height:1.5;letter-spacing:-.4px;font-weight:300}.feature-link{display:inline-block;margin-top:24px;border-bottom:1px solid #d5f58a88;padding-bottom:6px;color:var(--lime);font-size:12px}.timeline{display:flex;align-items:center;justify-content:space-between;gap:8px;border-block:1px dashed #ffffff40;padding-block:24px;margin-top:40px;font-size:8px;letter-spacing:.7px}.timeline>i{height:32px;flex:1;background:repeating-linear-gradient(90deg,#d5f58a77 0 3px,transparent 3px 7px);clip-path:polygon(0 45%,10% 20%,20% 70%,30% 10%,40% 80%,50% 30%,60% 60%,70% 0,80% 80%,90% 25%,100% 50%,100% 60%,0 60%)}.timeline>b{font-size:24px;color:var(--lime)}.week{display:flex;gap:8px;margin-top:32px}.week>span{flex:1;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 8px;font-size:9px;color:var(--muted)}.week b{display:block;font-size:10px;font-weight:400;background:#e9efdf;border-radius:3px;padding:8px 4px;margin-top:12px;color:var(--ink)}.week>span:last-child b{background:var(--lime)}.approval{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}.approval>span{font-size:11px;padding:10px 12px;background:#edf0e7;border-radius:5px}.approval>span:first-child{background:var(--lime)}.comment{margin-top:24px;display:grid;gap:8px;font-size:10px}.comment>span{background:#e9ece3;padding:12px;border-radius:8px 8px 8px 0}.comment>b{background:#dce9c8;font-weight:400;padding:12px;border-radius:8px 8px 0 8px;margin-left:16px}.channel-row{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid #cdd5c3}.channel-row .eyebrow{margin-bottom:8px}.channel-row p:last-child{font-size:12px;font-weight:300;margin:0}.channel-row ul{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap;max-width:540px;justify-content:flex-end}.channel-row li{border:1px solid #c7d1bd;background:var(--paper);padding:10px 14px;border-radius:32px;font-size:11px}.development-note{display:flex;align-items:flex-start;gap:12px;margin:24px 0 0;color:var(--muted);font-size:11px;line-height:1.7;max-width:1000px}.development-note .dot{margin-top:5px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px}.workflow-grid article{border-top:1px solid var(--line);padding-top:24px}.step-num{font-size:12px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #bbcbb3;border-radius:50%;margin-bottom:24px}.workflow-grid h3{font-size:24px}.workflow-grid p{font-size:14px;line-height:1.8;font-weight:300;max-width:310px;margin-bottom:0}.audience{border-top:1px solid var(--line);margin-top:64px;padding-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:24px}.audience>span{font-size:12px;font-weight:500}.audience>p{font-size:11px;font-weight:300;line-height:2;margin:0}.audience b{padding-inline:6px;color:var(--green)}.people-section{background:#e2ebda;padding-block:80px}.people-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:104px}.experience{border-right:1px solid #c6d4bc;position:relative}.experience>strong{font-size:clamp(90px,10vw,152px);font-weight:300;letter-spacing:-9px;line-height:.9;display:block;margin:32px 0}.experience>strong>span{font-size:60px;color:var(--green);vertical-align:top;display:inline-block;margin:16px 0 0 16px}.experience>p{font-size:17px;font-weight:300;line-height:1.5}.experience>p.eyebrow{font-size:11px;font-weight:600}.people-grid h2{font-size:48px;letter-spacing:-2px}.people-grid>div:last-child>p:not(.eyebrow){font-size:14px;font-weight:300;line-height:1.9;max-width:600px}.people-grid>div:last-child>.people-lead{font-size:18px;line-height:1.7;margin-top:24px}.people-grid .text-link{margin-top:16px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.faq h2{font-size:48px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;min-height:80px;padding-block:24px;font-size:14px;font-weight:400}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;color:var(--green);font-weight:300;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.8;font-weight:300;color:var(--muted);margin:0 32px 24px 0}
.closing{background:radial-gradient(ellipse at 12% 70%,#dcf2ae,transparent 65%),#ecf3df;border-block:1px solid #dae4cd;padding-block:80px}.closing-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.closing h2{font-size:clamp(40px,4.2vw,64px)}.closing-grid>div>p:not(.eyebrow){font-size:21px;font-weight:300;line-height:1.5;margin-block:32px 16px;letter-spacing:-.5px}.closing-signature{font-size:12px;font-weight:400}.signup-card{background:#fff;padding:32px;border:1px solid #d5dfc9;border-radius:20px;box-shadow:0 8px 32px #18382c05}.signup-card h3{margin-top:24px}.signup-card>p{font-size:13px!important;line-height:1.7!important;font-weight:300;margin:16px 0 24px!important;letter-spacing:0!important}.waitlist-form>label:first-child{font-size:11px;display:block;font-weight:500;margin-bottom:8px}.waitlist-form>input[type=email]{width:100%;border:1px solid #c5d1bc;background:#fafbf6;border-radius:6px;padding:16px;font-size:13px;color:var(--ink);min-width:0}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.7;margin-block:16px 24px;font-weight:300}.consent input{margin:3px 0 0;accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.consent a{text-decoration:underline;text-underline-offset:3px}.waitlist-form .button{width:100%;justify-content:space-between}.signup-note{font-size:10px;line-height:1.7;font-weight:300;color:var(--muted);margin:16px 0 0;overflow-wrap:anywhere}.signup-note a{text-decoration:underline;text-underline-offset:3px}.footer{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px}.footer .brand{font-size:23px}.footer>span{font-size:10px;color:var(--muted);font-weight:300}.footer nav{display:flex;align-items:center;gap:24px;font-size:11px}.footer nav>a:last-child{font-size:20px}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header nav{gap:16px;font-size:11px}.header nav>a:nth-child(4){display:none}.brand{font-size:24px}.hero{gap:32px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,6vw,72px)}.hero-art{height:512px}.source-card img{height:260px}.reel-card{height:360px;right:7%}.tag-top{right:-8px;font-size:10px}.art-foot{right:20px;font-size:7px}.comparison{gap:16px;grid-template-columns:1fr 32px 1fr .9fr}.result-notes{padding-left:0}.result-notes h3{font-size:24px}.panel-heading{font-size:9px}.feature{padding:24px}.feature h3{font-size:24px}.people-grid{gap:64px}.experience>strong>span{font-size:48px;margin-left:8px}.closing-grid{gap:40px}.closing h2{font-size:48px}.footer{flex-wrap:wrap}}
@media(max-width:900px){.header-inner{min-height:80px}.header nav>a:nth-child(2){display:none}.hero{gap:24px;padding-block:56px}.hero h1{font-size:53px;letter-spacing:-3px}.hero-lead{font-size:15px}.actions{gap:16px}.actions .button{font-size:12px;gap:12px;padding-inline:16px}.hero-art{height:480px}.source-card{left:6%;width:44%;top:28%}.source-card img{height:230px}.source-card>span{font-size:8px}.reel-card{width:49%;height:320px;top:21%;right:6%;border-width:5px;border-radius:24px}.floating-tag{padding:10px;font-size:9px}.tag-top{top:14%}.tag-bottom{bottom:14%;left:4%}.art-label{left:24px;font-size:8px}.art-foot{left:24px;right:auto;bottom:24px;letter-spacing:1px}.transform-arrow{top:18%;font-size:56px}.promise-strip>.wrap{font-size:11px;gap:16px}.promise-strip span:before{margin-right:6px}.section{padding-block:80px}.section-heading{gap:40px}.section-heading>p{font-size:14px;max-width:280px}h2{font-size:44px}.comparison{grid-template-columns:1fr 32px 1fr}.result-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;padding-top:24px}.star{display:none}.result-notes h3{margin:0}.result-notes ul{grid-column:2;grid-row:1/3}.style-switch{margin-top:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:330px}.feature-brand,.feature-photo,.feature-video{min-height:400px}.channel-row{align-items:flex-start}.channel-row ul{margin:0;max-width:340px}.workflow-grid{gap:24px}.workflow-grid h3{font-size:21px}.workflow-grid p{font-size:13px}.audience{display:block}.audience>p{margin-top:8px}.people-grid{grid-template-columns:.75fr 1.25fr;gap:40px}.people-grid h2{font-size:38px}.experience>strong{font-size:100px;letter-spacing:-6px}.experience>strong>span{font-size:32px;position:absolute;top:100px;right:32px}.people-grid>div:last-child>.people-lead{font-size:16px}.faq{gap:40px;grid-template-columns:.85fr 1.15fr}.faq h2{font-size:38px}.closing-grid{grid-template-columns:1fr 1fr;gap:32px}.closing h2{font-size:40px}.signup-card{padding:24px}.footer>span{order:3;width:100%}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:88px}.header-inner{min-height:72px}.brand{font-size:24px}.brand img{width:32px;height:32px}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid #c7d1bd;border-radius:6px;color:var(--ink)}.menu span{display:block;width:18px;height:1px;background:var(--ink)}.header nav{position:absolute;top:72px;left:0;right:0;padding:16px 20px 24px;background:var(--paper);border-bottom:1px solid var(--line);display:none;box-shadow:0 16px 24px #18382c10;align-items:stretch;gap:0}.header nav.is-open{display:flex;flex-direction:column}.header nav>a,.header nav>a:nth-child(2),.header nav>a:nth-child(4){display:block;font-size:14px;padding:16px 8px}.header nav>.button{margin-top:8px;display:flex;justify-content:space-between;padding:16px}.hero{grid-template-columns:1fr;padding-block:40px 48px;gap:40px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:24px}.hero h1{font-size:clamp(43px,11vw,69px);letter-spacing:-2.8px;margin-bottom:24px}.hero-lead{font-size:15px;line-height:1.8;margin-bottom:24px}.actions{gap:20px}.actions .button{font-size:12px;gap:14px;min-height:52px;padding:14px 16px}.text-link{font-size:12px;gap:12px}.hero-note{margin-top:24px}.hero-art{height:472px;width:100%;max-width:440px;margin-inline:auto;border-radius:24px}.art-label{top:24px;font-size:9px}.source-card{top:26%;left:8%;width:40%}.source-card img{height:244px}.source-card>span{font-size:9px;padding:12px 0}.reel-card{width:46%;height:334px;top:18%;right:8%;border-width:6px}.tag-top{right:-4px;top:12%;font-size:9px}.tag-bottom{bottom:12%;left:5%;font-size:10px}.art-foot{font-size:7px;bottom:20px;left:24px}.reel-bottom>span{font-size:19px}.promise-strip>.wrap{display:grid;gap:16px;padding-block:24px;font-size:12px}.promise-strip span:before{margin-right:12px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{font-size:14px;max-width:100%;margin-top:24px;line-height:1.8}h2{font-size:clamp(33px,9vw,46px);letter-spacing:-1.7px;line-height:1.13}.comparison{grid-template-columns:1fr 1fr;gap:12px;align-items:start}.comparison-arrow{display:none}.video-panel{padding:8px;border-radius:14px}.panel-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:9px;min-height:59px}.panel-heading>span:last-child{max-width:100%;text-align:left}.pill{font-size:9px;padding:5px 10px}.video-panel video{border-radius:6px}.video-panel>p{font-size:10px;line-height:1.6;margin:12px 4px 4px;min-height:48px}.result-notes{padding-top:16px;display:block}.result-notes h3{font-size:27px}.result-notes ul{margin-top:16px}.result-notes li{font-size:13px;padding-block:12px}.style-switch{margin-top:24px}.style-switch>span{font-size:12px}.style-switch button{font-size:12px;padding:12px 16px}.style-switch p{font-size:12px}.example-note{font-size:10px;margin-top:16px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{padding:24px;min-height:0;border-radius:16px}.feature h3{font-size:28px}.feature>p{font-size:14px}.feature-brand,.feature-photo,.feature-video{min-height:372px}.feature-number{font-size:9px}.brand-sample{max-width:280px}.brand-sample>div{padding:16px}.brand-sample div>span{margin-bottom:24px}.brand-sample div>b{font-size:28px}.post-stack{margin-bottom:-24px;max-width:300px}.post-stack>img{width:40%}.post-stack>span{font-size:16px}.timeline{margin-top:32px}.week,.approval{margin-block:24px 0}.comment{font-size:11px}.channel-row{display:block;margin-top:32px;padding-top:24px}.channel-row ul{max-width:none;justify-content:flex-start;margin-top:24px}.channel-row li{font-size:11px;padding:8px 12px}.channel-row .eyebrow{font-size:9px}.development-note{font-size:10px;gap:8px;margin-top:24px}.workflow-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.workflow-grid article{display:grid;grid-template-columns:40px 1fr;gap:8px 16px}.step-num{grid-row:1/3;margin:0}.workflow-grid h3{font-size:24px;padding-top:6px}.workflow-grid p{font-size:14px;max-width:none;margin-top:0}.audience{margin-top:32px;padding-top:24px}.audience>p{font-size:12px}.people-section{padding-block:56px}.people-grid{grid-template-columns:1fr;gap:32px}.experience{border-right:0;border-bottom:1px solid #c6d4bc;padding-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:end}.experience>.eyebrow{grid-column:1/-1;margin-bottom:16px}.experience>strong{font-size:84px;letter-spacing:-5px;line-height:1;margin:0}.experience>strong>br{display:none}.experience>strong>span{position:static;font-size:32px;vertical-align:top;margin:4px 0 0 8px}.experience>p{font-size:14px;line-height:1.8;margin:0 0 4px}.people-grid h2{font-size:38px;letter-spacing:-1.7px}.people-grid>div:last-child>.people-lead{font-size:17px}.people-grid>div:last-child>p:not(.eyebrow){font-size:14px}.faq{grid-template-columns:1fr;gap:32px}.faq h2{font-size:38px}summary{font-size:14px;padding-block:20px;gap:16px}.faq-list details>p{font-size:13px;margin-right:16px}.closing{padding-block:56px}.closing-grid{grid-template-columns:1fr;gap:32px}.closing h2{font-size:clamp(33px,9vw,46px);letter-spacing:-1.8px}.closing-grid>div>p:not(.eyebrow){font-size:20px;margin-top:24px}.closing-signature{font-size:11px}.signup-card{padding:24px;border-radius:16px}.signup-card h3{font-size:28px;margin-top:20px}.signup-card>p{font-size:14px!important}.waitlist-form>label:first-child{font-size:12px}.waitlist-form>input[type=email]{font-size:16px}.consent{font-size:11px;gap:10px}.footer{display:grid;grid-template-columns:1fr;gap:24px;padding-block:32px}.footer>span{order:3;font-size:10px}.footer nav{gap:24px;font-size:12px}.footer .brand{font-size:24px}}
@media(max-width:359px){.actions{gap:16px}.hero-art{height:410px}.source-card img{height:202px}.source-card>span{font-size:7px}.reel-card{height:282px}.reel-top{font-size:7px}.reel-bottom>span{font-size:16px}.reel-bottom>b{font-size:8px}.floating-tag{font-size:8px;padding:8px}.tag-top{right:-2px}.tag-bottom{font-size:9px}.art-foot{font-size:6px;letter-spacing:.7px}.art-label{font-size:7px}.hero h1{font-size:43px}.people-grid h2,.faq h2{font-size:34px}.experience>strong{font-size:70px}.experience>strong>span{font-size:24px}.feature h3{font-size:26px}.panel-heading{font-size:8px}.footer nav{gap:18px}}
@media(max-width:650px){.people-grid>div{min-width:0}.experience{display:block}.experience>strong{margin:24px 0;font-size:88px}.experience>strong>br{display:block}.experience>strong>span{font-size:40px;margin-left:16px}.experience>p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The existing Preview owns the palette, fonts and identity. Public layout only. */
body{font-family:var(--font)}.wrap{width:min(calc(100% - 46px),1330px)}.header{background:var(--dark);color:var(--cream);border-bottom:1px solid #355043}.header-inner{min-height:83px}.header .brand{color:var(--cream)}.header .brand>span{color:var(--cream)}.header .nav{font-size:12px;font-weight:800}.header .nav>a:hover{color:var(--lime)}.header .button{background:var(--orange);color:var(--ink);border-color:var(--orange)}.menu{color:var(--cream);border-color:#91a998}.menu span{background:var(--cream)}.button{border-radius:0;font-size:13px;font-weight:800;min-height:57px}.button:hover{background:#316347}.eyebrow,.feature-number,.art-label,.art-foot{font-family:var(--mono);font-weight:700}.eyebrow{color:#3c795a}.hero{align-items:start;grid-template-columns:1.08fr .92fr;padding-top:56px;padding-bottom:64px}.hero h1{font:italic 900 clamp(77px,8.55vw,136px)/.84 var(--display);letter-spacing:-.027em;text-transform:uppercase;margin:26px 0 32px}.hero h1 .hero-orange{color:var(--orange)}.hero h1 .hero-content{color:var(--green);width:max-content;max-width:100%;border-bottom:10px solid var(--lime);padding-bottom:10px}.hero-lead{font-size:19px;line-height:1.65;font-weight:400;max-width:570px}.hero-art{margin-top:0;height:638px;background:var(--sage);border-radius:0;border:1px solid #b8cdbb;box-shadow:10px 10px 0 var(--lime)}.source-card{top:28%;border-radius:0;box-shadow:10px 10px 0 #14251f20}.reel-card{top:21%}.tag-top{top:15%;background:var(--orange);font-weight:700}.tag-top>span{color:var(--ink)}.floating-tag{border-radius:0;box-shadow:6px 6px 0 #14251f24}.promise-strip{background:var(--lime)}.promise-strip>.wrap{font-weight:800;font-size:12px;padding-block:20px}.promise-strip span:before{content:'◆'}.feature,.signup-card,.video-panel,.pill,.week>span,.week b,.approval>span,.comment>span,.comment>b,.style-switch button,.waitlist-form>input[type=email]{border-radius:0}.feature{border-color:#c2d1bc}.feature-brand{background:var(--sage)}.feature-photo{background:#fff0db}.feature-video{background:var(--dark)}.feature-section{background:#e8f1df}.feature>p,.workflow-grid p{font-weight:400}.feature h3{font-family:var(--font);font-weight:800}.feature-link{font-weight:800}.feature-number{font-size:10px}.after{box-shadow:8px 8px 0 var(--lime)}.video-panel{border:1px solid var(--ink)}.pill.green{background:var(--orange);color:var(--ink);border-color:var(--orange)}.text-link{font-weight:800}.section-heading>p{font-weight:400}.section-heading h2.display{font-size:clamp(58px,6.8vw,96px)}.workflow-grid{border-top:2px solid var(--ink);gap:0}.workflow-grid article{padding:24px 32px;border-right:1px solid #c9d5c8;border-top:0}.workflow-grid article:first-child{padding-left:0}.workflow-grid article:last-child{border-right:0}.step-num{font:italic 900 44px/1 var(--display);border:0;width:auto;height:auto;display:block;color:var(--green)}.workflow-grid h3{font-weight:800}.people-section{background:var(--dark);color:var(--cream)}.people-grid .eyebrow{color:var(--lime)}.people-grid h2 span{color:var(--lime)}.people-grid h2.display{font-size:clamp(54px,5.3vw,82px)}.experience{border-color:#4a6655}.experience>strong{font:italic 900 clamp(110px,12vw,176px)/.85 var(--display);letter-spacing:-.03em;color:var(--lime)}.experience>strong>span{color:var(--orange)}.people-grid .text-link{color:var(--lime);border-color:var(--lime)}.people-grid>div:last-child>p:not(.eyebrow){font-weight:400;color:#c4d6c8}.people-grid>div:last-child>.people-lead{color:var(--cream)}.faq h2.display{font-size:clamp(56px,5.8vw,84px)}.faq summary{font-weight:700}.closing h2.display{font-size:clamp(60px,6vw,88px)}.signup-card{border:1px solid var(--ink);box-shadow:10px 10px 0 var(--lime)}.signup-card h3{font-weight:800}.signup-card .button{background:var(--orange);border-color:var(--orange);color:var(--ink)}.signup-card .button:hover{background:#ff987c}.header .nav.is-open{background:var(--dark)}.waitlist-form .is-sending{opacity:.7}.waitlist-form .is-sending:after{content:'';width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mail-spin .8s linear infinite}@keyframes mail-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(77px,15vw,130px)}.hero-art{max-width:600px;width:100%;margin:0 auto;height:568px}.hero-lead{max-width:650px}.hero-note{margin-bottom:24px}.header .nav{gap:16px}.workflow-grid article{padding-inline:20px}.section-heading h2.display{font-size:clamp(58px,8vw,82px)}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:72px}.hero{padding-top:32px;padding-bottom:48px;gap:32px}.hero h1{font-size:clamp(77px,17vw,112px);margin-top:24px;line-height:.86}.hero h1 .hero-content{border-bottom-width:7px;padding-bottom:6px}.hero-lead{font-size:17px}.hero-art{height:472px;width:calc(100% - 8px);margin-left:0;box-shadow:8px 8px 0 var(--lime)}.source-card{top:26%}.reel-card{top:18%}.tag-top{top:12%}.header nav{top:72px}.promise-strip>.wrap{font-size:12px}.section-heading h2.display{font-size:clamp(56px,14vw,78px)}.feature h3{font-size:26px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article,.workflow-grid article:first-child{display:block;border-right:0;border-bottom:1px solid #c9d5c8;padding:24px 0}.step-num{margin-bottom:16px}.workflow-grid h3{padding:0}.workflow-grid p{margin-top:12px}.people-grid h2.display,.faq h2.display{font-size:clamp(56px,14vw,72px)}.experience>strong{font-size:120px;margin:24px 0}.experience>strong>span{font-size:48px}.closing h2.display{font-size:clamp(56px,14vw,72px)}.signup-card{box-shadow:7px 7px 0 var(--lime);margin-right:7px}.feature-grid{gap:16px}.result-notes h3{font-weight:800}.section-heading{gap:32px}}
@media(max-width:359px){.hero-art{height:410px}.hero h1{font-size:77px}.hero-lead{font-size:16px}.source-card img{height:202px}.reel-card{height:282px}.hero h1 .hero-content{border-bottom-width:6px}.experience>strong{font-size:110px}}

.hero h1>span{color:var(--ink)}
.header{background:var(--ink)}

/* Public hybrid: the Preview owns identity; explanatory areas use calm Geist typography. */
.section-heading h2.editorial-title,
.faq h2.editorial-title {
  font: 400 clamp(40px, 4.3vw, 62px)/1.12 var(--font);
  letter-spacing: -.045em;
  text-transform: none;
}
.feature-section { background: #edf0e7; }
.platform-section { background: var(--dark); color: var(--cream); }
.platform-section .eyebrow { color: var(--lime); }
.platform-section .section-heading h2 span { color: var(--lime); }
.platform-section .section-heading > p { color: #bfd0c3; }
.platform-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border: 1px solid #456052; }
.platform-grid article { min-width: 0; min-height: 300px; padding: 28px 24px; border-right: 1px solid #456052; background: linear-gradient(180deg,#1c3a2f,#183229); }
.platform-grid article:last-child { border-right: 0; background: linear-gradient(160deg,#d5f58a,#b9dc6c); color: var(--ink); }
.platform-grid article > span { font: 700 9px/1.5 var(--mono); letter-spacing: .06em; color: var(--lime); }
.platform-grid article:last-child > span { color: #315a42; }
.platform-grid h3 { font: 700 23px/1.15 var(--font); letter-spacing: -.035em; margin: 48px 0 16px; }
.platform-grid p { font-size: 13px; line-height: 1.75; color: #bfd0c3; margin: 0; }
.platform-grid article:last-child p { color: #294735; }
.agent-story { background: #e8f1df; border-bottom: 1px solid var(--line); padding-block: 96px; }
.agent-story-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 88px; align-items: center; }
.agent-story h2 { font-size: clamp(42px,4.4vw,66px); }
.agent-story-grid > div > p:not(.eyebrow,.development-note) { max-width: 670px; font-size: 16px; line-height: 1.8; color: var(--muted); }
.agent-flow { list-style: none; padding: 0; margin: 0; background: #fff; border: 1px solid #bed0b5; box-shadow: 10px 10px 0 var(--lime); }
.agent-flow li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; padding: 24px; border-bottom: 1px solid #dce5d6; }
.agent-flow li:last-child { border-bottom: 0; }
.agent-flow b { display: grid; place-items: center; width: 42px; height: 42px; background: var(--dark); color: var(--lime); font: 800 16px/1 var(--mono); }
.agent-flow span { font-size: 13px; line-height: 1.65; color: var(--muted); }
.agent-flow strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 16px; }
.feature-section .feature-grid { gap: 24px; }
.feature-section .feature {
  min-width: 0;
  min-height: 320px;
  padding: 32px;
  border: 1px solid #d5decd;
  border-radius: 20px;
}
.feature-section .feature-brand { min-height: 400px; background: #dce9c8; }
.feature-section .feature-photo { min-height: 400px; background: #f5e6d9; }
.feature-section .feature-video { min-height: 400px; background: var(--dark); }
.feature-section .feature h3 {
  font: 500 27px/1.2 var(--font);
  letter-spacing: -.035em;
}
.feature-section .feature > p { font-weight: 400; line-height: 1.8; }
.feature-section .brand-sample > div { border-radius: 10px; }
.feature-section .week > span { border-radius: 8px; }
.feature-section .week b { border-radius: 4px; }
.feature-section .approval > span { border-radius: 6px; }
.feature-section .comment > span { border-radius: 10px 10px 10px 0; }
.feature-section .comment > b { border-radius: 10px 10px 0 10px; }
.explain-section .section-heading { margin-bottom: 48px; }
.explain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.explain-steps { list-style: none; padding: 0; margin: 0; }
.explain-steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 20px; padding: 28px 0; border-top: 1px solid var(--line); }
.explain-steps li:first-child { padding-top: 0; border-top: 0; }
.explain-steps li:last-child { padding-bottom: 0; }
.explain-num { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #b6c8ac; border-radius: 50%; font-size: 11px; font-weight: 500; }
.explain-steps h3 { font: 500 23px/1.25 var(--font); letter-spacing: -.035em; padding-top: 3px; }
.explain-steps p { font-size: 15px; line-height: 1.8; font-weight: 400; color: var(--muted); margin: 12px 0 0; }
.week-example { min-width: 0; padding: 32px; background: #fff; border: 1px solid #ccd9c3; border-radius: 20px; box-shadow: 0 16px 40px #18382c06; }
.example-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font: 500 9px/1.5 var(--mono); color: #4c6c55; letter-spacing: .04em; }
.week-example .pill { border-radius: 32px; background: #e9efdf; border-color: #d5dfc9; }
.week-example h3 { font: 500 27px/1.2 var(--font); letter-spacing: -.04em; margin: 24px 0 20px; }
.material-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.material-chips > span { background: #f1f4e9; border: 1px solid #e2e8d9; border-radius: 6px; padding: 8px 10px; font-size: 10px; line-height: 1.3; }
.example-week-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) 14px; gap: 16px; padding: 20px 0; border-top: 1px solid #e0e6d8; align-items: start; }
.example-day { display: grid; place-items: center; min-height: 32px; background: #f1f4e9; border-radius: 6px; font: 600 11px/1.5 var(--mono); color: #3e5945; }
.example-week-row h4 { font: 600 14px/1.4 var(--font); letter-spacing: -.02em; margin: 0 0 6px; }
.example-week-row p { font-size: 12px; line-height: 1.65; color: var(--muted); margin: 0 0 12px; }
.example-week-row > span:last-child { color: var(--green); font-size: 16px; }
.example-state { display: inline-block; background: #e6f0d9; color: #345234; padding: 5px 8px; border-radius: 5px; font-size: 9px; line-height: 1.5; }
.example-state-wait { background: #f8e9d7; color: #77502c; }
.example-state-plan { background: #edf0e7; color: #50604e; }
.example-caption { border-top: 1px solid #e0e6d8; padding-top: 16px; margin: 0; font-size: 10px; line-height: 1.7; color: var(--muted); }
.feedback-explainer { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; border-top: 1px solid var(--line); padding-top: 64px; margin-top: 64px; }
.feedback-copy h3 { font: 400 clamp(32px, 3.1vw, 44px)/1.15 var(--font); letter-spacing: -.04em; }
.feedback-copy h3 > span { color: var(--green); }
.feedback-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.8; color: var(--muted); margin: 20px 0 0; }
.feedback-example { min-width: 0; border: 1px solid #cbdabb; border-radius: 20px; padding: 32px; background: #e7efdc; }
.example-overline { font: 500 9px/1.6 var(--mono); letter-spacing: .06em; color: #4b6850; }
.feedback-example blockquote { font: 400 28px/1.35 var(--font); letter-spacing: -.025em; margin: 24px 0 28px; }
.feedback-result { display: flex; gap: 16px; padding-top: 24px; border-top: 1px solid #c9d6bc; }
.feedback-result > span { font-size: 28px; color: var(--green); }
.feedback-result strong { font-size: 14px; font-weight: 600; }
.feedback-result p { font-size: 13px; line-height: 1.7; color: #48604c; margin: 8px 0 0; }
.feedback-rule { display: flex; gap: 12px; align-items: center; margin-top: 24px; font-size: 11px; color: #3e5a43; }
.feedback-rule > span { color: #8a9b7b; }
.autonomy-note { display: flex; gap: 20px; align-items: start; background: #fff; border: 1px solid #dae3d1; border-radius: 16px; padding: 24px; margin-top: 32px; }
.autonomy-icon { font-size: 32px; color: var(--green); flex-shrink: 0; }
.autonomy-note h3 { font: 600 18px/1.4 var(--font); letter-spacing: -.025em; }
.autonomy-note p { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 8px 0 0; }
.closing .signup-card { border-radius: 16px; }
@media (max-width: 1050px) {
  .platform-grid { grid-template-columns: repeat(2,1fr); }
  .platform-grid article { min-height: 240px; border-bottom: 1px solid #456052; }
  .platform-grid article:last-child { grid-column: 1/-1; border-bottom: 0; }
  .explain-grid, .feedback-explainer { gap: 48px; }
  .week-example, .feedback-example { padding: 24px; }
  .explain-steps h3 { font-size: 21px; }
}
@media (max-width: 900px) {
  .agent-story-grid { grid-template-columns: 1fr; gap: 40px; }
  .feature-section .feature-grid { gap: 16px; }
  .feature-section .feature { padding: 24px; }
  .feature-section .feature h3 { font-size: 25px; }
  .explain-grid { grid-template-columns: 1fr; gap: 40px; }
  .explain-steps li { padding: 24px 0; }
  .week-example { max-width: 600px; width: 100%; margin-inline: auto; padding: 32px; }
  .feedback-explainer { gap: 32px; }
  .feedback-copy h3 { font-size: 32px; }
  .feedback-example blockquote { font-size: 24px; }
}
@media (max-width: 650px) {
  .platform-grid { grid-template-columns: 1fr; }
  .platform-grid article,.platform-grid article:last-child { grid-column: auto; min-height: 0; border-right: 0; padding: 24px; }
  .platform-grid h3 { margin-top: 28px; }
  .agent-story { padding-block: 64px; }
  .agent-story-grid { gap: 32px; }
  .agent-flow { box-shadow: 7px 7px 0 var(--lime); margin-right: 7px; }
  .section-heading h2.editorial-title, .faq h2.editorial-title { font-size: clamp(32px, 8.7vw, 40px); line-height: 1.15; letter-spacing: -.04em; }
  .feature-section .feature { min-height: 0; padding: 24px; border-radius: 16px; }
  .feature-section .feature-brand { min-height: 360px; }
  .feature-section .feature-photo { min-height: 360px; }
  .feature-section .feature-video { min-height: 340px; }
  .feature-section .feature h3 { font-size: 25px; }
  .feature-section .feature > p { font-size: 14px; }
  .explain-section .section-heading { margin-bottom: 32px; }
  .explain-steps li { grid-template-columns: 30px minmax(0, 1fr); gap: 16px; }
  .explain-num { width: 30px; height: 30px; font-size: 10px; }
  .explain-steps h3 { font-size: 21px; }
  .explain-steps p { font-size: 14px; line-height: 1.8; }
  .week-example { padding: 24px; border-radius: 16px; }
  .week-example h3 { font-size: 25px; }
  .example-week-row { grid-template-columns: 32px minmax(0, 1fr) 12px; gap: 12px; }
  .feedback-explainer { grid-template-columns: 1fr; gap: 24px; margin-top: 40px; padding-top: 40px; }
  .feedback-copy h3 { font-size: 32px; }
  .feedback-copy > p:not(.eyebrow) { font-size: 14px; }
  .feedback-example { border-radius: 16px; padding: 24px; }
  .feedback-example blockquote { font-size: 25px; margin-top: 20px; }
  .autonomy-note { padding: 20px; gap: 12px; border-radius: 12px; margin-top: 24px; }
  .autonomy-icon { font-size: 26px; }
  .autonomy-note h3 { font-size: 17px; }
  .autonomy-note p { font-size: 12px; }
}
@media (max-width: 370px) {
  .hero-copy { min-width: 0; }
  .hero h1 { font-size: 62px; }
}

/* Hero color polish: keep the established composition, refine only its three headline tones. */
.hero h1>span { color: #164c3b; }
.hero h1 .hero-orange { color: #f65328; }
.hero h1 .hero-content { position: relative; z-index: 0; color: #16865f; border-bottom: 0; padding-bottom: 0; }
.hero h1 .hero-content:after { content: ''; position: absolute; z-index: -1; left: 0; right: 0; bottom: .015em; height: clamp(12px,.14em,19px); background: var(--lime); transform: translateY(50%); }