/* Aerobee Marketing Suite Unified Stylesheet v1.1.0 */

@font-face { font-family: 'Plus Jakarta Sans Variable'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('../fonts/jakarta.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display Variable'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/playfair.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono Variable'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('../fonts/mono.woff2') format('woff2'); }

.aerobee-brand { display:inline-flex; color:#f5a623; vertical-align:middle; }
.aerobee-brand .bee-mark { display:inline-flex; width:28px; height:26px; }
.aerobee-brand svg { width:100%; height:100%; }
.aerobee-workspace-brand { display:flex; align-items:center; gap:8px; color:#0f0d0a; font-family:'Plus Jakarta Sans Variable',sans-serif; font-weight:800; font-size:22px; letter-spacing:-.06em; padding:8px 10px 22px; text-decoration:none; }

/* --- Shared Marketing CSS (Aerobee & HydroBase: packages/ui/src/marketing.css) --- */

.aerobee-marketing{--ink:#0f0d0a;--honey:#f5a623;--wax:#faf7f0;--pollen:#fdd878;--warm-grey:#a89f8c}
.aerobee-marketing *{box-sizing:border-box}
.aerobee-marketing{scroll-behavior:smooth;background:var(--wax)}
.aerobee-marketing{background:var(--wax);color:var(--ink);margin:0;font-family:Plus Jakarta Sans Variable,sans-serif}
.aerobee-marketing button,.aerobee-marketing input{font:inherit}
.aerobee-marketing button,.aerobee-marketing a{-webkit-tap-highlight-color:transparent}
.aerobee-marketing .winroom-page{background:var(--wax);overflow:hidden}
.aerobee-marketing .honeycomb-dark{background-color:var(--ink);background-image:radial-gradient(circle at 15% 15%,#f5a62314,#0000 21rem),linear-gradient(30deg,#f5a6230e 12%,#0000 12.5% 87%,#f5a6230e 87.5%,#f5a6230e),linear-gradient(150deg,#f5a6230e 12%,#0000 12.5% 87%,#f5a6230e 87.5%,#f5a6230e);background-size:auto,66px 114px,66px 114px}
.aerobee-marketing .beeswax-section{background:var(--wax)}
.aerobee-marketing .section-shell{width:min(1180px,100% - 80px);margin:0 auto}
.aerobee-marketing .site-nav{z-index:5;justify-content:space-between;align-items:center;width:min(1280px,100% - 80px);height:92px;margin:0 auto;display:flex;position:relative}
.aerobee-marketing .brand-lockup{color:var(--wax);letter-spacing:-.08em;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}
.aerobee-marketing .brand-period,.aerobee-marketing .headline-dot{color:var(--honey)}
.aerobee-marketing .bee-mark{color:var(--honey);width:58px;height:50px;display:inline-flex;transform:rotate(-5deg)}
.aerobee-marketing .bee-mark-small{width:30px;height:25px}
.aerobee-marketing .bee-mark svg{width:100%;height:100%}
.aerobee-marketing .nav-links{color:var(--warm-grey);letter-spacing:.04em;align-items:center;gap:35px;font-size:12px;display:flex}
.aerobee-marketing .nav-links a{color:inherit;text-decoration:none;transition:color .18s,transform .18s}
.aerobee-marketing .nav-links a:hover{color:var(--honey);transform:translateY(-2px)}
.aerobee-marketing .nav-cta,.aerobee-marketing .mobile-nav-cta{color:var(--ink);background:var(--honey);border:1px solid var(--honey);letter-spacing:.04em;cursor:pointer;clip-path:polygon(2% 9%,98% 0,100% 87%,94% 100%,6% 94%,0 22%);padding:12px 17px;font-size:11px;transition:transform .18s,box-shadow .18s}
.aerobee-marketing .nav-cta:hover,.aerobee-marketing .mobile-nav-cta:hover,.aerobee-marketing .primary-button:hover{transform:translateY(-3px)rotate(-.5deg);box-shadow:4px 5px #f5a62345}
.aerobee-marketing .nav-cta:active,.aerobee-marketing .mobile-nav-cta:active,.aerobee-marketing .primary-button:active{transform:translateY(0)scale(.98)}
.aerobee-marketing .mobile-nav-cta{display:none}
.aerobee-marketing .hero-section{min-height:720px;color:var(--wax);position:relative}
.aerobee-marketing .hero-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;width:min(1280px,100% - 80px);min-height:610px;margin:0 auto;display:grid;position:relative}
.aerobee-marketing .hero-copy{z-index:2;padding:45px 0 80px;position:relative}
.aerobee-marketing .eyebrow,.aerobee-marketing .section-label,.aerobee-marketing .feature-index,.aerobee-marketing .console-top,.aerobee-marketing .form-footnote{letter-spacing:.16em;font-family:JetBrains Mono Variable,monospace;font-size:10px}
.aerobee-marketing .eyebrow{color:var(--honey);align-items:center;gap:10px;margin-bottom:25px;display:flex}
.aerobee-marketing .eyebrow-line{background:var(--honey);width:28px;height:1px}
.aerobee-marketing h1,.aerobee-marketing h2,.aerobee-marketing h3,.aerobee-marketing p{margin:0}
.aerobee-marketing h1,.aerobee-marketing h2{letter-spacing:-.065em;font-family:Playfair Display Variable,Fraunces,serif;font-weight:800}
.aerobee-marketing h1{max-width:680px;font-size:clamp(57px,6.2vw,96px);line-height:.96}
.aerobee-marketing .honey-underline,.aerobee-marketing .dark-underline{z-index:0;display:inline-block;position:relative}
.aerobee-marketing .honey-underline:after,.aerobee-marketing .dark-underline:after{content:"";z-index:-1;background:var(--honey);opacity:.95;height:10px;position:absolute;bottom:1px;left:-4px;right:-4px;transform:rotate(-1.5deg)skew(-17deg)}
.aerobee-marketing .dark-underline:after{height:8px;bottom:0}
.aerobee-marketing .hero-description{color:var(--warm-grey);max-width:385px;margin-top:30px;font-size:15px;line-height:1.8}
.aerobee-marketing .hero-actions{align-items:center;gap:25px;margin-top:36px;display:flex}
.aerobee-marketing .primary-button{background:var(--honey);border:1px solid var(--honey);color:var(--ink);cursor:pointer;clip-path:polygon(2% 8%,97% 0,100% 89%,93% 100%,5% 94%,0 15%);padding:16px 21px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s}
.aerobee-marketing .primary-button span,.aerobee-marketing .nav-cta span,.aerobee-marketing .text-link span,.aerobee-marketing .booking-link span{margin-left:10px;font-size:18px;line-height:0}
.aerobee-marketing .text-link{cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:none;transition:color .18s,transform .18s}
.aerobee-marketing .text-link:hover{transform:translate(4px)}
.aerobee-marketing .light-link{color:var(--wax)}
.aerobee-marketing .light-link:hover{color:var(--honey)}
.aerobee-marketing .dark-link{color:var(--ink)}
.aerobee-marketing .dark-link:hover{color:#9b5a00}
.aerobee-marketing .hero-note{color:var(--warm-grey);align-items:center;gap:9px;margin-top:54px;font-family:JetBrains Mono Variable,monospace;font-size:10px;display:flex}
.aerobee-marketing .tiny-spark{color:var(--honey);font-size:17px}
.aerobee-marketing .hero-visual{height:545px;margin-top:15px;position:relative}
.aerobee-marketing .hero-visual-caption{color:var(--warm-grey);font-family:Playfair Display Variable,serif;font-size:24px;line-height:1.05;position:absolute;top:18%;right:7%;transform:rotate(3deg)}
.aerobee-marketing .hero-visual-caption span{color:var(--honey)}
.aerobee-marketing .channel-pills{flex-wrap:wrap;gap:8px;width:190px;display:flex;position:absolute;top:5%;left:5%}
.aerobee-marketing .channel-pill{color:var(--warm-grey);border:1px solid #a89f8c73;padding:7px 10px;font-family:JetBrains Mono Variable,monospace;font-size:9px;transform:rotate(-3deg)}
.aerobee-marketing .channel-pill-1{transform:rotate(4deg)}
.aerobee-marketing .channel-pill-2{transform:rotate(-1deg)}
.aerobee-marketing .channel-pill-3{transform:rotate(3deg)}
.aerobee-marketing .flight-path{width:100%;height:85%;position:absolute;inset:30px 0 0 5px;overflow:visible}
.aerobee-marketing .hero-bee{color:var(--honey);animation:5s ease-in-out infinite bee-drift;position:absolute;top:41%;left:38%}
.aerobee-marketing .hero-bee .bee-mark{width:82px;height:72px}
.aerobee-marketing .hero-orbit{border:1px solid #f5a62347;border-radius:50%;width:150px;height:48px;position:absolute;top:49%;left:33%;transform:rotate(-16deg)}
.aerobee-marketing .orbit-two{opacity:.5;width:210px;height:70px;top:47%;left:28%;transform:rotate(11deg)}
.aerobee-marketing .winroom-stamp{border:1px solid var(--honey);width:142px;height:142px;color:var(--honey);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:JetBrains Mono Variable,monospace;font-size:15px;line-height:.9;display:flex;position:absolute;bottom:10%;right:5%;transform:rotate(8deg)}
.aerobee-marketing .winroom-stamp:before{content:"";border:1px dashed #f5a623b3;border-radius:50%;position:absolute;inset:5px}
.aerobee-marketing .winroom-stamp .bee-mark-small{width:33px;height:28px}
.aerobee-marketing .scribble{color:var(--honey);font-size:28px;position:absolute}
.aerobee-marketing .scribble-top{top:18%;left:54%}
.aerobee-marketing .scribble-bottom{font-size:18px;bottom:19%;left:10%}
.aerobee-marketing .scroll-cue{color:var(--warm-grey);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;font-family:JetBrains Mono Variable,monospace;font-size:9px;display:flex;position:absolute;bottom:25px;left:max(40px,50% - 640px)}
.aerobee-marketing .scroll-cue-line{background:var(--honey);width:50px;height:1px}
.aerobee-marketing .section-label{color:#8f6421;align-items:center;gap:10px;margin-bottom:22px;display:flex}
.aerobee-marketing .section-label-light{color:var(--honey)}
.aerobee-marketing .section-label-dot{background:var(--honey);border-radius:50%;width:7px;height:7px;display:inline-block}
.aerobee-marketing .problem-section{padding:130px 0 145px}
.aerobee-marketing .problem-intro{max-width:700px}
.aerobee-marketing .problem-intro h2{font-size:clamp(45px,5.5vw,78px);line-height:1.02}
.aerobee-marketing .problem-intro p{color:#82796b;max-width:380px;margin-top:25px;font-size:15px;line-height:1.8}
.aerobee-marketing .problem-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:75px;display:grid}
.aerobee-marketing .problem-card{background:var(--pollen);clip-path:polygon(1% 3%,97% 0,100% 96%,4% 100%,0 8%);min-height:265px;padding:26px 25px;transition:transform .22s,filter .22s;position:relative}
.aerobee-marketing .problem-card:hover{filter:brightness(1.03);transform:translateY(-7px)rotate(-1deg)}
.aerobee-marketing .problem-card-offset{transform:translateY(18px)rotate(1deg)}
.aerobee-marketing .problem-card-offset:hover{transform:translateY(11px)rotate(0)}
.aerobee-marketing .problem-number{color:#8f6421;font:10px JetBrains Mono Variable,monospace}
.aerobee-marketing .hand-icon{margin:32px 0 22px;font-size:42px;line-height:1}
.aerobee-marketing .problem-card h3{letter-spacing:-.045em;font-family:Playfair Display Variable,serif;font-size:24px;line-height:1.05}
.aerobee-marketing .card-arrow{font-size:22px;position:absolute;bottom:23px;right:25px}
.aerobee-marketing .how-section{color:var(--wax);padding:132px 0 75px}
.aerobee-marketing .how-heading{max-width:760px}
.aerobee-marketing .how-heading h2{font-size:clamp(51px,6vw,88px);line-height:.96}
.aerobee-marketing .flow-board{justify-content:space-between;align-items:center;min-height:290px;margin-top:85px;display:flex;position:relative}
.aerobee-marketing .flow-line{width:100%;position:absolute;top:75px;left:0}
.aerobee-marketing .flow-step{z-index:1;width:30%;position:relative}
.aerobee-marketing .flow-step-one{transform:rotate(-3deg)}
.aerobee-marketing .flow-step-two{transform:translateY(37px)rotate(2deg)}
.aerobee-marketing .flow-step-three{transform:rotate(-2deg)}
.aerobee-marketing .flow-step-number{color:var(--honey);font:10px JetBrains Mono Variable,monospace}
.aerobee-marketing .flow-icon{border:1px solid var(--honey);width:74px;height:74px;color:var(--honey);border-radius:50%;justify-content:center;align-items:center;margin:25px 0 20px;font-size:35px;display:flex}
.aerobee-marketing .flow-icon-bee{border-style:dashed}
.aerobee-marketing .flow-icon .bee-mark-small{width:42px;height:36px}
.aerobee-marketing .flow-step h3{letter-spacing:-.05em;font:700 25px/1.05 Playfair Display Variable,serif}
.aerobee-marketing .flow-caption{color:var(--warm-grey);border-bottom:1px solid var(--honey);margin-top:15px;padding-bottom:4px;font:10px JetBrains Mono Variable,monospace;display:inline-block}
.aerobee-marketing .how-footer-line{color:var(--warm-grey);border-top:1px solid #a89f8c4d;justify-content:space-between;margin-top:80px;padding-top:23px;font:11px JetBrains Mono Variable,monospace;display:flex}
.aerobee-marketing .how-footer-line span:nth-child(2){color:var(--honey)}
.aerobee-marketing .feature-section{padding:125px 0 145px}
.aerobee-marketing .feature-intro{justify-content:space-between;align-items:flex-start;margin-bottom:78px;display:flex}
.aerobee-marketing .feature-intro p{color:#82796b;max-width:430px;font-size:15px;line-height:1.8}
.aerobee-marketing .feature-panel{border-top:1px solid #d4cbbb;grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px;padding:45px 0 80px;display:grid}
.aerobee-marketing .feature-panel+.feature-panel{border-top:0;grid-template-columns:1.1fr .9fr;padding-top:30px}
.aerobee-marketing .feature-copy{max-width:430px}
.aerobee-marketing .feature-index{color:#8f6421}
.aerobee-marketing .feature-copy h2{margin-top:20px;font-size:clamp(49px,5vw,73px);line-height:.98}
.aerobee-marketing .feature-copy p{color:#82796b;max-width:370px;margin-top:25px;font-size:14px;line-height:1.8}
.aerobee-marketing .feature-note{color:#8f6421;border-bottom:1px solid var(--honey);margin-top:28px;padding-bottom:4px;font:10px JetBrains Mono Variable,monospace;display:inline-block}
.aerobee-marketing .log-console{background:var(--ink);color:var(--warm-grey);min-height:300px;box-shadow:12px 12px 0 var(--pollen);clip-path:polygon(1% 2%,99% 0,100% 96%,2% 100%,0 4%);padding:22px;font-family:JetBrains Mono Variable,monospace;font-size:10px}
.aerobee-marketing .console-top{border-bottom:1px solid #a89f8c40;align-items:center;gap:9px;padding-bottom:16px;display:flex}
.aerobee-marketing .console-live-dot{background:#7dd597;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #7dd5971f}
.aerobee-marketing .console-time{color:#6e675d;margin-left:auto}
.aerobee-marketing .console-body{padding:22px 0 18px}
.aerobee-marketing .log-entry{color:#6f685f;grid-template-columns:64px 54px 1fr 14px;gap:5px;padding:11px 7px;transition:color .3s,background .3s,transform .3s;display:grid}
.aerobee-marketing .log-entry-active{color:var(--wax);background:#f5a6231a;transform:translate(5px)}
.aerobee-marketing .log-time{color:#6e675d}
.aerobee-marketing .log-tag{color:var(--honey)}
.aerobee-marketing .log-check{color:#7dd597}
.aerobee-marketing .console-footer{color:#7dd597;border-top:1px solid #a89f8c40;padding-top:15px}
.aerobee-marketing .console-footer span{margin-right:6px}
.aerobee-marketing .feature-panel-coaching{align-items:center}
.aerobee-marketing .coaching-art{clip-path:polygon(2% 4%,98% 0,100% 93%,5% 100%,0 12%);background:#f2e9d7;justify-content:center;align-items:center;min-height:370px;display:flex;position:relative}
.aerobee-marketing .coaching-ring{border:1px dashed #d5b86f;border-radius:50%;width:255px;height:255px;transform:rotate(12deg)}
.aerobee-marketing .coaching-bee{color:var(--honey);animation:4s ease-in-out infinite reverse bee-drift;position:absolute;top:63px;left:23%}
.aerobee-marketing .coaching-bee .bee-mark{width:82px;height:70px}
.aerobee-marketing .whisper-bubble{background:var(--pollen);clip-path:polygon(4% 0,96% 4%,100% 83%,81% 82%,73% 100%,65% 82%,3% 91%,0 11%);width:180px;min-height:110px;padding:16px 18px;position:absolute;top:75px;right:11%;transform:rotate(4deg)}
.aerobee-marketing .bubble-label{color:#8f6421;margin-bottom:13px;font:8px JetBrains Mono Variable,monospace;display:block}
.aerobee-marketing .whisper-bubble strong{letter-spacing:-.03em;font:700 17px/1.05 Playfair Display Variable,serif}
.aerobee-marketing .bubble-tail{background:var(--pollen);width:15px;height:15px;position:absolute;bottom:-4px;left:30px;transform:rotate(45deg)}
.aerobee-marketing .integrations-section{background:var(--pollen);padding:130px 0}
.aerobee-marketing .integrations-shell{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}
.aerobee-marketing .integration-copy h2{letter-spacing:-.06em;font:800 clamp(48px,5vw,72px)/.98 Playfair Display Variable,serif}
.aerobee-marketing .integration-copy p{color:#776d5e;max-width:390px;margin:25px 0 28px;font-size:14px;line-height:1.8}
.aerobee-marketing .integration-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}
.aerobee-marketing .integration-tile{background:#faf7f040;border:1px solid #0f0d0a59;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:126px;transition:transform .2s,background .2s;display:flex}
.aerobee-marketing .integration-tile:hover{background:var(--wax);transform:translateY(-5px)rotate(1deg)}
.aerobee-marketing .integration-symbol{font-size:30px;line-height:1}
.aerobee-marketing .integration-tile>span:last-child{font:10px JetBrains Mono Variable,monospace}
.aerobee-marketing .integration-note{color:#776d5e;grid-column:2;margin-top:-72px;font:10px JetBrains Mono Variable,monospace}
.aerobee-marketing .integration-note span{color:var(--ink);margin-right:8px;font-size:18px}
.aerobee-marketing .waitlist-section{color:var(--wax);text-align:center;min-height:650px;padding:130px 0 120px;position:relative}
.aerobee-marketing .waitlist-shell{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}
.aerobee-marketing .waitlist-bee{color:var(--honey);margin-bottom:15px}
.aerobee-marketing .waitlist-bee .bee-mark{width:68px;height:58px}
.aerobee-marketing .waitlist-section .section-label{margin-bottom:25px}
.aerobee-marketing .waitlist-shell h2{font-size:clamp(54px,7vw,95px);line-height:.93}
.aerobee-marketing .waitlist-description{color:var(--warm-grey);max-width:440px;margin:28px auto 35px;font-size:14px;line-height:1.8}
.aerobee-marketing .waitlist-form{text-align:left;width:min(580px,100%)}
.aerobee-marketing .waitlist-form label{color:var(--warm-grey);margin-bottom:9px;font:10px JetBrains Mono Variable,monospace;display:block}
.aerobee-marketing .waitlist-input-row{border-bottom:1px solid var(--honey);align-items:center;display:flex}
.aerobee-marketing .waitlist-input-row input{color:var(--wax);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:15px 0;font-size:15px}
.aerobee-marketing .waitlist-input-row input::placeholder{color:#6f685f}
.aerobee-marketing .waitlist-input-row input:focus{border:0}
.aerobee-marketing .waitlist-input-row .primary-button{white-space:nowrap;margin-bottom:5px}
.aerobee-marketing .form-footnote{color:#6f685f;letter-spacing:.05em;margin-top:13px;display:block}
.aerobee-marketing .waitlist-success{text-align:left;clip-path:polygon(1% 4%,98% 0,100% 94%,3% 100%,0 11%);border:1px solid #f5a623a6;align-items:center;gap:14px;width:min(580px,100%);padding:25px;display:flex}
.aerobee-marketing .success-check{background:var(--honey);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;display:grid}
.aerobee-marketing .waitlist-success strong{color:var(--wax);font-family:Playfair Display Variable,serif;font-size:21px}
.aerobee-marketing .waitlist-success span:last-child{color:var(--warm-grey);font-size:12px}
.aerobee-marketing .booking-link{color:var(--honey);border-bottom:1px solid #f5a62366;margin-top:35px;padding-bottom:5px;font-size:12px;text-decoration:none;transition:border-color .18s,transform .18s}
.aerobee-marketing .booking-link:hover{border-color:var(--honey);transform:translate(4px)}
.aerobee-marketing .waitlist-doodle{color:var(--honey);font-size:50px;position:absolute}
.aerobee-marketing .doodle-left{top:25%;left:12%;transform:rotate(-12deg)}
.aerobee-marketing .doodle-right{bottom:25%;right:12%;transform:rotate(10deg)}
.aerobee-marketing .site-footer{background:var(--ink);min-height:90px;color:var(--warm-grey);justify-content:space-between;align-items:center;gap:20px;padding:25px max(40px,50% - 640px);font:10px JetBrains Mono Variable,monospace;display:flex}
.aerobee-marketing .footer-brand{font-size:20px}
.aerobee-marketing .footer-tagline span{color:var(--honey);font-size:14px}
@keyframes bee-drift{0%,to{transform:translate(0)rotate(-4deg)}
50%{transform:translate(7px,-9px)rotate(2deg)}
}
@media (max-width: 850px){.aerobee-marketing .section-shell,.aerobee-marketing .hero-inner,.aerobee-marketing .site-nav{width:min(100% - 40px,650px)}
.aerobee-marketing .nav-links{gap:15px}
.aerobee-marketing .hero-inner{grid-template-columns:1fr;padding-top:55px}
.aerobee-marketing .hero-section{min-height:1040px}
.aerobee-marketing .hero-copy{padding:0}
.aerobee-marketing .hero-visual{height:450px;margin-top:-5px}
.aerobee-marketing .problem-section,.aerobee-marketing .feature-section,.aerobee-marketing .integrations-section,.aerobee-marketing .how-section,.aerobee-marketing .waitlist-section{padding-top:90px;padding-bottom:95px}
.aerobee-marketing .problem-cards{gap:11px}
.aerobee-marketing .problem-card{min-height:220px;padding:20px 15px}
.aerobee-marketing .problem-card h3{font-size:19px}
.aerobee-marketing .hand-icon{margin:25px 0 17px;font-size:32px}
.aerobee-marketing .integrations-shell{grid-template-columns:1fr;gap:55px}
.aerobee-marketing .integration-note{grid-column:auto;margin-top:-38px}
.aerobee-marketing .feature-panel,.aerobee-marketing .feature-panel+.feature-panel{grid-template-columns:1fr;gap:50px}
.aerobee-marketing .feature-panel+.feature-panel .coaching-art{order:2}
.aerobee-marketing .feature-panel+.feature-panel .feature-copy{order:1}
.aerobee-marketing .flow-step h3{font-size:20px}
.aerobee-marketing .how-footer-line{gap:20px}
.aerobee-marketing .doodle-left{left:3%}
.aerobee-marketing .doodle-right{right:4%}
}
@media (max-width: 560px){.aerobee-marketing .section-shell,.aerobee-marketing .hero-inner,.aerobee-marketing .site-nav{width:calc(100% - 36px)}
.aerobee-marketing .site-nav{height:75px}
.aerobee-marketing .nav-links{display:none}
.aerobee-marketing .mobile-nav-cta{display:block}
.aerobee-marketing .hero-section{min-height:950px}
.aerobee-marketing .hero-copy{padding-top:35px}
.aerobee-marketing .hero-description{font-size:14px}
.aerobee-marketing .hero-actions{flex-wrap:wrap;gap:20px}
.aerobee-marketing .hero-note{margin-top:35px}
.aerobee-marketing .hero-visual{height:390px;margin-top:10px}
.aerobee-marketing .hero-visual-caption{font-size:19px;top:4%;right:3%}
.aerobee-marketing .channel-pills{width:155px;top:2%;left:0}
.aerobee-marketing .flight-path{width:120%;height:95%;top:30px;left:-25px}
.aerobee-marketing .hero-bee{top:42%;left:33%}
.aerobee-marketing .winroom-stamp{width:115px;height:115px;font-size:12px;bottom:8%;right:0}
.aerobee-marketing .scribble-top{top:16%;left:53%}
.aerobee-marketing .scroll-cue{left:18px}
.aerobee-marketing .problem-section{padding-top:85px}
.aerobee-marketing .problem-intro h2,.aerobee-marketing .integration-copy h2{font-size:47px}
.aerobee-marketing .problem-cards{grid-template-columns:1fr;gap:15px;margin-top:45px}
.aerobee-marketing .problem-card,.aerobee-marketing .problem-card-offset{min-height:170px;padding:20px;transform:none}
.aerobee-marketing .problem-card-offset:hover,.aerobee-marketing .problem-card:hover{transform:translateY(-4px)}
.aerobee-marketing .hand-icon{margin:0;position:absolute;top:23px;right:30px}
.aerobee-marketing .problem-card h3{margin-top:28px;font-size:23px}
.aerobee-marketing .flow-board{min-height:690px;margin-top:50px;display:block}
.aerobee-marketing .flow-line{width:145%;height:100%;top:0;left:-20%;transform:rotate(90deg)}
.aerobee-marketing .flow-step{width:100%;min-height:210px}
.aerobee-marketing .flow-step-one,.aerobee-marketing .flow-step-two,.aerobee-marketing .flow-step-three{transform:none}
.aerobee-marketing .flow-step-two{padding-left:34%}
.aerobee-marketing .flow-step-three{padding-left:7%}
.aerobee-marketing .how-footer-line{margin-top:35px;line-height:2;display:block}
.aerobee-marketing .how-footer-line span{display:block}
.aerobee-marketing .feature-intro{margin-bottom:45px;display:block}
.aerobee-marketing .feature-intro p{margin-top:30px}
.aerobee-marketing .feature-panel{padding:35px 0 65px}
.aerobee-marketing .feature-copy h2{font-size:48px}
.aerobee-marketing .log-console{box-shadow:6px 6px 0 var(--pollen);padding:14px 10px;font-size:8px}
.aerobee-marketing .log-entry{grid-template-columns:47px 42px 1fr 12px;gap:3px;padding:10px 3px}
.aerobee-marketing .coaching-art{min-height:300px}
.aerobee-marketing .coaching-ring{width:190px;height:190px}
.aerobee-marketing .coaching-bee{top:47px;left:15%}
.aerobee-marketing .coaching-bee .bee-mark{width:67px}
.aerobee-marketing .whisper-bubble{width:155px;top:50px;right:5%}
.aerobee-marketing .integration-grid{grid-template-columns:repeat(2,1fr)}
.aerobee-marketing .integration-tile{min-height:105px}
.aerobee-marketing .waitlist-section{min-height:680px}
.aerobee-marketing .waitlist-shell h2{font-size:54px}
.aerobee-marketing .waitlist-input-row{border-bottom:0;display:block}
.aerobee-marketing .waitlist-input-row input{border-bottom:1px solid var(--honey);width:100%}
.aerobee-marketing .waitlist-input-row .primary-button{width:100%;margin-top:15px}
.aerobee-marketing .waitlist-success{grid-template-columns:30px 1fr;display:grid}
.aerobee-marketing .waitlist-success span:last-child{grid-column:2}
.aerobee-marketing .waitlist-doodle{font-size:30px}
.aerobee-marketing .site-footer{text-align:center;flex-wrap:wrap;justify-content:center;padding:25px 18px}
.aerobee-marketing .footer-brand{justify-content:center;width:100%}
}
/* Product navigation, real forms, and accessibility additions to the reference. */
.aerobee-marketing { line-height: 1.5; --ink:#0f0d0a; --wax:#faf7f0; --honey:#f5a623; --pollen:#fdd878; --warm-grey:#a89f8c; }
.aerobee-marketing button { cursor:pointer; }
.aerobee-marketing a { text-decoration:none; }
.aerobee-marketing .site-nav { gap:24px; }
.aerobee-marketing .nav-links { margin-left:auto; gap:24px; }
.aerobee-marketing .brand-lockup { gap:8px; white-space:nowrap; }
.aerobee-marketing .brand-period { margin-left:-8px; }
.aerobee-marketing .auth-actions { display:flex; gap:16px; align-items:center; }
.aerobee-marketing .nav-section,.aerobee-marketing .login-button { color:var(--warm-grey); border:0; background:none; font-size:12px; padding:9px 0; }
.aerobee-marketing .signup-button { color:var(--wax); border:1px solid #a89f8c80; background:none; padding:9px 15px; font-size:12px; }
.aerobee-marketing .nav-section:hover,.aerobee-marketing .login-button:hover { color:var(--honey); }
.aerobee-marketing .signup-button:hover { border-color:var(--honey); color:var(--honey); }
.aerobee-marketing .inline-signup { padding:0; color:var(--honey); border:0; background:none; text-decoration:underline; }
.aerobee-marketing .account-note { color:var(--warm-grey); font-size:11px; margin-top:32px; }
.aerobee-marketing .footer-products { display:flex; flex-wrap:wrap; gap:12px 20px; }
.aerobee-marketing .footer-products a { color:var(--warm-grey); }
.aerobee-marketing .footer-products a:hover { color:var(--honey); }
.aerobee-marketing .waitlist-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.aerobee-marketing .waitlist-error,.aerobee-marketing .signin-error { color:#ffb9a4; padding-top:12px; font-size:13px; }
.aerobee-marketing .signin-error { padding:12px 40px; }
.aerobee-marketing button:disabled { cursor:wait; opacity:.65; }
.aerobee-marketing :is(button,a,input):focus-visible { outline:2px solid var(--honey); outline-offset:5px; }
.aerobee-marketing .waitlist-input-row:focus-within { box-shadow:0 2px var(--honey); }
.aerobee-marketing .waitlist-input-row input:focus-visible { outline-offset:-2px; }
.aerobee-marketing .form-footnote { color:var(--warm-grey); line-height:1.7; }
.aerobee-marketing .log-entry { color:#a89f8c; }
.aerobee-marketing .log-entry-active { color:var(--wax); }
.aerobee-marketing .flow-step h3 { max-width:290px; }
@media (max-width:1000px) { .aerobee-marketing .nav-links { display:none; } .aerobee-marketing .auth-actions { margin-left:auto; } }
@media (max-width:560px) { .aerobee-marketing .site-nav { flex-wrap:wrap; height:auto; padding:20px 0; gap:20px; } .aerobee-marketing .auth-actions { gap:12px; } .aerobee-marketing .auth-actions .nav-cta { display:none; } .aerobee-marketing .brand-lockup { font-size:22px; } .aerobee-marketing h1 { font-size:clamp(43px,11vw,57px); } .aerobee-marketing .hero-inner { padding-top:0; } .aerobee-marketing .hero-section { min-height:960px; } .aerobee-marketing .footer-products { width:100%; justify-content:center; } .aerobee-marketing .hero-note { font-size:9px; } .aerobee-marketing .waitlist-doodle { display:none; } }
@media (prefers-reduced-motion:reduce) { .aerobee-marketing *, .aerobee-marketing *::before, .aerobee-marketing *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Decorative flight paths may extend beyond their panels, never the page. */
.aerobee-marketing { overflow: hidden; }

/* --- Winroom Landing CSS (frontend/src/pages/WinroomLanding.css) --- */

@font-face{
  font-family: Fraunces;
  src: url('../fonts/fraunces-variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap
}
@font-face{
  font-family: Fraunces;
  src: url('../fonts/fraunces-italic-variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap
}
.wr-landing {
  --wr-ink: #0f0d0a;
  --wr-wax: #faf7f0;
  --wr-honey: #f5a623;
  --wr-muted: #a89f8c;
  background: var(--wr-ink);
  color: var(--wr-wax);
  font-family: 'Plus Jakarta Sans Variable',sans-serif;
  overflow-x: clip
}
.wr-landing * {
  box-sizing: border-box
}
.wr-landing button,.wr-landing input {
  font: inherit
}
.wr-landing button,.wr-landing a {
  touch-action: manipulation
}
.wr-landing button {
  cursor: pointer
}
.wr-landing a {
  color: inherit;
  text-decoration: none
}
.wr-landing button:focus-visible,.wr-landing a:focus-visible,.wr-landing input:focus-visible {
  outline: 3px solid var(--wr-honey);
  outline-offset: 5px
}
.wr-landing main:focus {
  outline: none
}
.wr-landing h1,.wr-landing h2,.wr-landing h3,.wr-wordmark {
  font-family: Fraunces,Georgia,serif;
  line-height: 1.08;
  margin: 0
}
.wr-landing h1 {
  font-weight: 900
}
.wr-landing h2 {
  font-weight: 700
}
.wr-landing p {
  margin: 18px 0;
  color: var(--wr-muted)
}
.wr-landing em {
  font-style: italic;
  color: var(--wr-honey)
}
.wr-container {
  margin: auto
}
.wr-dark,.wr-light {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66ZM28 97L0 81L0 67L28 83L56 67L56 81L28 97Z' fill='none' stroke='%23F5A623' stroke-width='1' stroke-opacity='0.08'/%3E%3C/svg%3E")
}
.wr-dark {
  background-color: var(--wr-ink)
}
.wr-light {
  background-color: var(--wr-wax);
  color: var(--wr-ink)
}
.wr-light em {
  color: #a8690c
}
.wr-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid #f5a62330;
  backdrop-filter: blur(14px)
}
.wr-nav {
  margin: auto;
  min-height: 80px;
  display: flex;
  align-items: center
}
.wr-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0
}
.wr-brand-bee {
  border: 1px solid #f5a62335;
  display: grid;
  place-items: center
}
.wr-landing .bee-mark {
  display: inline-flex;
  color: var(--wr-honey)
}
.wr-landing .bee-mark svg {
  width: 100%;
  height: 100%
}
.wr-byline {
  display: block;
  font: 10px/1.4 'Plus Jakarta Sans Variable',sans-serif;
  color: var(--wr-muted)
}
.wr-nav nav {
  margin-left: auto;
  display: flex
}
.wr-nav nav button,.wr-auth>button:not(.wr-button),.wr-footer nav button {
  border: 0;
  background: none;
  color: var(--wr-muted);
  font-size: 13px;
  padding: 8px 0
}
.wr-auth {
  display: flex;
  gap: 20px;
  align-items: center
}
.wr-auth>button.wr-signup {
  color: var(--wr-wax)
}
.wr-button,.wr-landing .primary-button {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  color: var(--wr-ink);
  background: var(--wr-honey)
}
.wr-nav .wr-button {
  min-height: 42px
}
.wr-text-link {
  display: inline-flex;
  align-items: center;
  background: none;
  border-bottom: 1px solid var(--wr-honey);
  color: inherit
}
.wr-hero {
  text-align: center
}
.wr-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: 11px/1.5 'JetBrains Mono Variable',monospace;
  border: 1px solid #a89f8c30;
  border-radius: 30px;
  color: var(--wr-muted)
}
.wr-eyebrow i,.wr-panel-heading i {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: var(--wr-honey);
  display: inline-block
}
.wr-underline {
  position: relative;
  z-index: 0
}
.wr-underline:after {
  content: '';
  position: absolute;
  bottom: -.12em;
  left: 0;
  right: 0;
  height: .1em;
  min-height: 4px;
  background: var(--wr-honey);
  clip-path: polygon(0 60%,12% 30%,37% 45%,65% 5%,88% 30%,100% 60%,99% 100%,68% 65%,41% 90%,15% 70%,0 100%);
  z-index: -1
}
.wr-actions {
  display: flex;
  justify-content: center;
  align-items: center
}
.wr-pipeline {
  max-width: 1024px;
  text-align: left;
  position: relative
}
.wr-panel-heading {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #a89f8c22;
  color: var(--wr-muted);
  font: 10px/1.5 'JetBrains Mono Variable',monospace
}
.wr-panel-heading button {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--wr-honey);
  font: inherit;
  background: none;
  border: 0
}
.wr-pipeline-grid {
  display: grid;
  align-items: center
}
.wr-micro {
  font: 11px/1.5 'JetBrains Mono Variable',monospace;
  letter-spacing: .07em;
  color: var(--wr-muted)
}
.wr-channels>.wr-micro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}
.wr-channel {
  display: flex;
  align-items: center;
  min-height: 62px;
  border: 1px solid #a89f8c55;
  animation-delay: var(--delay)
}
.wr-channel-icon {
  flex-shrink: 0;
  display: grid;
  place-items: center
}
.wr-channel strong {
  display: block;
  font-weight: 500
}
.wr-channel small,.wr-engine small {
  display: block;
  font: 9px/1.5 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-channel>i {
  margin-left: auto;
  flex-shrink: 0;
  border-radius: 50%
}
.wr-flight {
  position: relative
}
.wr-flight>svg {
  width: 100%;
  height: 100%
}
.wr-signal {
  animation: wr-flight 4.8s linear infinite
}
.wr-flying-bee {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 26px);
  transform: rotate(-22deg);
  filter: drop-shadow(0 0 12px #f5a62340)
}
.wr-engine {
  border: 1px solid #a89f8c55;
  border-radius: 17px;
  box-shadow: 0 0 28px #f5a62308
}
.wr-engine-top {
  display: flex;
  justify-content: space-between;
  font: 8px/1.5 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-engine-top>span:first-child {
  color: var(--wr-honey)
}
.wr-engine-title {
  display: flex;
  align-items: center
}
.wr-engine-title h3 {
  margin-bottom: 5px
}
.wr-engine-bee {
  display: grid;
  place-items: center;
  background: var(--wr-ink);
  flex-shrink: 0
}
.wr-engine-results {
  border-top: 1px solid #a89f8c25;
  padding-top: 12px
}
.wr-engine-results>div {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 10px
}
.wr-engine-results small {
  margin-left: auto
}
.wr-engine>p {
  font-size: 9px;
  margin: 15px 0 0!important
}
.wr-paused * {
  animation-play-state: paused!important
}
.wr-wave {
  background: var(--wr-ink);
  margin-top: -1px
}
.wr-wave svg {
  width: 100%;
  height: 100%;
  display: block
}
.wr-wave-light {
  background: var(--wr-wax)
}
.wr-section-heading {
  text-align: center
}
.wr-problem-grid,.wr-process-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 28px
}
.wr-problem-card {
  display: flex;
  flex-direction: column
}
.wr-problem-card>svg {
  color: #aa741a;
  margin-bottom: 25px
}
.wr-problem-card p {
  flex: 1
}
.wr-card-note {
  font: 10px 'JetBrains Mono Variable',monospace
}
.wr-total {
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px
}
.wr-total strong {
  font: 11px 'JetBrains Mono Variable',monospace
}
.wr-step {
  text-align: center;
  background: #17140f;
  position: relative
}
.wr-step:not(:last-child):after {
  content: '→';
  position: absolute;
  top: 48%;
  font-size: 24px;
  color: var(--wr-honey)
}
.wr-step-hex {
  display: grid;
  place-items: center;
  margin: 0 auto 25px;
  color: var(--wr-honey);
  font: 16px 'JetBrains Mono Variable',monospace
}
.wr-step>.wr-micro {
  color: var(--wr-honey)
}
.wr-step p {
  font-size: 14px
}
.wr-step-note {
  border-top: 1px solid #a89f8c20;
  margin-top: 24px;
  font: 10px 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-feature {
  border-top: 1px solid #a89f8c30
}
.wr-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center
}
.wr-benefits {
  padding: 0;
  list-style: none;
  display: grid
}
.wr-benefits li {
  display: flex;
  align-items: flex-start
}
.wr-benefits svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: #c28d29
}
.wr-feed {
  background: #17140f;
  min-width: 0
}
.wr-feed .wr-panel-heading>span:first-child {
  display: flex;
  gap: 7px;
  align-items: center
}
.wr-feed-row {
  border-bottom: 1px solid #a89f8c20
}
.wr-feed-row small {
  font: 9px 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-feed-row label {
  font: 10px 'JetBrains Mono Variable',monospace;
  color: var(--wr-honey)
}
.wr-feed-row>span {
  margin-left: auto;
  font: 8px 'JetBrains Mono Variable',monospace;
  border: 1px solid #b89c4b40;
  border-radius: 3px
}
.wr-feed-bottom {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font: 8px 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-transcript {
  background: #f2eddf;
  padding: 28px 30px 60px;
  transform: rotate(-2deg)
}
.wr-transcript small {
  display: block;
  margin-top: 28px;
  color: #8b806e;
  font-size: 11px
}
.wr-transcript blockquote {
  font-family: Fraunces,serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -.02em;
  margin: 12px 0;
  color: #514a3c
}
.wr-whisper {
  position: relative
}
.wr-whisper-title {
  display: flex;
  align-items: center
}
.wr-whisper-title small {
  margin-left: auto;
  text-align: right
}
.wr-whisper p {
  font-size: 14px;
  color: #503e21
}
.wr-whisper>.wr-micro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #c2914150
}
.wr-section-bee {
  display: block;
  margin: 0 auto 20px
}
.wr-integrations-grid {
  display: grid;
  margin: auto
}
.wr-integration {
  text-align: center
}
.wr-integration svg {
  color: #a37321;
  margin: 0 auto 15px
}
.wr-integration h3 {
  font-weight: 700
}
.wr-integration small {
  font: 9px 'JetBrains Mono Variable',monospace;
  color: var(--wr-muted)
}
.wr-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px;
  font-size: 11px;
  color: var(--wr-muted);
  margin-top: 40px
}
.wr-footer {
  text-align: center
}
.wr-footer h2 {
  font-weight: 900
}
.wr-footer .waitlist-form {
  margin: auto;
  text-align: left
}
.wr-footer .waitlist-form>label {
  font-size: 12px;
  display: block;
  margin-bottom: 8px;
  color: #c0b49e
}
.wr-footer .waitlist-input-row {
  display: flex;
  gap: 12px
}
.wr-footer input {
  min-width: 0;
  flex: 1;
  padding: 16px;
  color: var(--wr-wax)
}
.wr-footer input::placeholder {
  color: #a39882
}
.wr-footer .primary-button {
  white-space: nowrap
}
.wr-footer .form-footnote {
  display: block;
  font-size: 10px;
  margin-top: 12px;
  color: var(--wr-muted)
}
.wr-footer .waitlist-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden
}
.wr-footer .waitlist-success {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 620px;
  margin: auto;
  padding: 24px;
  border: 1px solid #f5a62370;
  border-radius: 12px;
  background: #f5a62310;
  text-align: left
}
.wr-footer .success-check {
  font-size: 28px;
  color: var(--wr-honey)
}
.wr-footer .waitlist-success span {
  font-size: 13px
}
.wr-footer .waitlist-error,.wr-error {
  color: #ffb8a7!important
}
.wr-footer-bottom {
  display: flex;
  align-items: center;
  gap: 25px;
  border-top: 1px solid #a89f8c25;
  text-align: left
}
.wr-footer-bottom>span,.wr-footer-bottom>small {
  font-size: 11px;
  color: var(--wr-muted)
}
.wr-footer-bottom nav {
  display: flex;
  gap: 22px;
  margin-left: auto;
  align-items: center;
  font-size: 12px;
  color: var(--wr-muted)
}
.wr-footer-bottom>small {
  margin-left: auto
}
.wr-skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 100;
  padding: 12px;
  background: var(--wr-honey);
  color: var(--wr-ink)!important;
  transform: translateY(-160%)
}
.wr-skip:focus {
  transform: translateY(0)
}
@keyframes wr-flight{
from {
  offset-distance: 0%;
  opacity: 0
}
15% {
  opacity: 1
}
85% {
  opacity: 1
}
to {
  offset-distance: 100%;
  opacity: 0
}
}
@keyframes wr-channel-glow{
0%,65%,100% {
  border-color: #a89f8c55;
  box-shadow: none
}
15%,40% {
  border-color: #f5a623b0;
  box-shadow: 0 0 15px #f5a62318
}
}
@media(max-width:1050px){
.wr-nav {
  gap: 20px;
  padding: 12px 24px
}
.wr-nav nav {
  gap: 20px
}
.wr-auth {
  gap: 14px
}
.wr-container {
  width: calc(100% - 48px)
}
.wr-pipeline {
  padding: 28px 24px
}
.wr-pipeline-grid {
  grid-template-columns: 1fr 130px 1fr
}
.wr-feature-grid {
  gap: 38px
}
.wr-problem-card {
  padding: 26px
}
.wr-footer-bottom {
  flex-wrap: wrap
}
.wr-footer-bottom>small {
  display: none
}
}
@media(max-width:760px){
.wr-nav {
  flex-wrap: wrap;
  gap: 10px;
  min-height: 78px;
  padding: 12px 18px
}
.wr-wordmark {
  font-size: 24px
}
.wr-brand-bee {
  width: 36px;
  height: 36px
}
.wr-nav nav {
  display: none
}
.wr-auth {
  margin-left: auto;
  gap: 15px
}
.wr-auth>.wr-button {
  display: none
}
.wr-auth>button.wr-signup {
  border: 1px solid #f5a62370;
  padding: 7px 13px;
  border-radius: 4px
}
.wr-container {
  width: calc(100% - 36px)
}
.wr-hero {
  padding: 55px 0 70px
}
.wr-hero .wr-eyebrow {
  font-size: 8px;
  letter-spacing: .03em
}
.wr-hero h1 {
  font-size: clamp(38px,7.4vw,56px);
  line-height: 1.1;
  margin-top: 27px
}
.wr-lede {
  font-size: 16px
}
.wr-desktop-break {
  display: none
}
.wr-actions {
  gap: 20px;
  margin: 32px 0 42px
}
.wr-actions .wr-button {
  font-size: 13px;
  padding: 13px 18px
}
.wr-actions .wr-text-link {
  font-size: 13px
}
.wr-pipeline {
  padding: 25px 20px
}
.wr-panel-heading {
  font-size: 8px;
  align-items: flex-start
}
.wr-panel-heading>span {
  max-width: 60%
}
.wr-panel-heading button {
  font-size: 8px;
  text-align: right
}
.wr-pipeline-grid {
  grid-template-columns: 1fr;
  margin-top: 22px
}
.wr-channels>.wr-micro {
  font-size: 9px
}
.wr-channel strong {
  font-size: 13px
}
.wr-channel small {
  font-size: 10px
}
.wr-flight {
  height: 155px
}
.wr-flight>svg {
  transform: rotate(90deg);
  position: absolute;
  height: 250px;
  width: 170px;
  left: calc(50% - 85px);
  top: -47px
}
.wr-flying-bee {
  top: 50px;
  transform: rotate(70deg)
}
.wr-engine {
  padding: 22px
}
.wr-engine-title h3 {
  font-size: 26px
}
.wr-engine small {
  font-size: 10px
}
.wr-engine-results>div {
  font-size: 12px
}
.wr-engine-top {
  font-size: 9px
}
.wr-problem,.wr-process,.wr-integrations,.wr-feature {
  padding: 70px 0
}
.wr-section-heading {
  margin-bottom: 40px
}
.wr-section-heading p {
  font-size: 15px
}
.wr-problem-grid,.wr-process-grid {
  grid-template-columns: 1fr;
  gap: 25px;
  max-width: 520px;
  margin: auto
}
.wr-problem-card:nth-child(2) {
  transform: none
}
.wr-problem-card {
  padding: 28px
}
.wr-problem-card h3 {
  max-width: 360px
}
.wr-step:not(:last-child):after {
  content: '↓';
  top: auto;
  bottom: -27px;
  left: 50%;
  right: auto
}
.wr-process-grid {
  gap: 42px
}
.wr-step {
  padding: 30px;
  max-width: 460px;
  margin: auto
}
.wr-feature-grid {
  grid-template-columns: 1fr;
  gap: 40px
}
.wr-feature h2 {
  font-size: 39px
}
.wr-feature-grid>div {
  min-width: 0
}
.wr-feature.wr-light .wr-coaching {
  order: 2
}
.wr-feed {
  padding: 20px;
  transform: none
}
.wr-feed-row {
  gap: 8px
}
.wr-feed-row label {
  font-size: 9px
}
.wr-feed-row>span {
  font-size: 7px
}
.wr-integrations-grid {
  grid-template-columns: repeat(2,1fr);
  gap: 14px
}
.wr-integration {
  padding: 25px 10px
}
.wr-trust {
  font-size: 10px;
  line-height: 1.8
}
.wr-footer {
  padding-top: 65px
}
.wr-footer .waitlist-input-row {
  flex-direction: column;
  gap: 12px
}
.wr-footer input {
  width: 100%;
  min-height: 52px
}
.wr-footer .primary-button {
  min-height: 50px
}
.wr-footer-bottom {
  justify-content: center;
  text-align: center;
  gap: 20px
}
.wr-footer-bottom nav {
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%
}
.wr-footer-bottom .wr-brand {
  text-align: left
}
.wr-wave {
  height: 40px
}
.wr-whisper {
  margin-left: 14px;
  padding: 20px
}
.wr-whisper-title {
  font-size: 9px
}
.wr-whisper-title small {
  max-width: 75px;
  font-size: 7px
}
.wr-transcript {
  padding: 25px 25px 45px
}
}
@media(prefers-reduced-motion:reduce){
.wr-landing *, .wr-landing *:before,.wr-landing *:after {
  animation: none!important;
  transition: none!important;
  scroll-behavior: auto!important
}
.wr-signal {
  display: none
}
}
/* Measured reference geometry and ink treatments. */
.wr-landing {
  font-size: 16px;
  line-height: 1.5
}
.wr-landing h1,.wr-landing h2,.wr-landing h3,.wr-wordmark {
  letter-spacing: -.025em;
  font-optical-sizing: auto
}
.wr-landing h1 {
  font-size: 72px;
  line-height: 1.15
}
.wr-landing h2 {
  font-size: 48px;
  line-height: 1.25
}
.wr-landing h3 {
  font-size: 24px;
  line-height: 1.33
}
.wr-container {
  max-width: 1280px;
  width: 100%;
  padding: 0 32px
}
.wr-light {
  --wr-muted: #7a7160;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66ZM28 97L0 81L0 67L28 83L56 67L56 81L28 97Z' fill='none' stroke='%23C97D0E' stroke-width='1' stroke-opacity='0.06'/%3E%3C/svg%3E")
}
.wr-nav {
  max-width: 1280px;
  height: 80px;
  padding: 0 32px;
  gap: 32px
}
.wr-brand-bee {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1a1612;
  border-color: #3e3427;
  transition: border-color .15s
}
.wr-wordmark {
  font-size: 24px;
  font-weight: 700;
  line-height: 1
}
.wr-byline {
  font-size: 9px;
  letter-spacing: .04em;
  margin-top: 5px
}
.wr-landing .bee-mark {
  width: 54px;
  height: 54px
}
.wr-landing .bee-mark-small {
  width: 32px;
  height: 32px
}
.wr-brand .bee-mark {
  transform: rotate(-8deg);
  transition: transform .15s
}
.wr-brand:hover .bee-mark {
  transform: rotate(-8deg) scale(1.1)
}
.wr-brand:hover .wr-brand-bee {
  border-color: #f5a623
}
.wr-brand:hover .wr-wordmark {
  color: #f5a623
}
.wr-nav nav {
  gap: 32px
}
.wr-nav nav button,.wr-auth>button:not(.wr-button) {
  font-size: 14px;
  font-weight: 500
}
.wr-nav nav button:hover,.wr-auth>button:not(.wr-button):hover {
  color: #faf7f0
}
.wr-header {
  background: #0f0d0ae6;
  border-color: #2e271f
}
.wr-header:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 6'%3E%3Cpath d='M0 3Q300 1 600 4T1200 2' fill='none' stroke='%23F5A623' stroke-width='1.8' opacity='.45'/%3E%3C/svg%3E") center/100% 100%
}
.wr-button,.wr-landing .primary-button {
  clip-path: none;
  border: 2px solid #0f0d0a;
  border-radius: 255px 18px 230px / 18px 230px 18px 255px;
  box-shadow: 2px 3px #0000004d;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  transition: transform .15s,box-shadow .15s,background .15s
}
.wr-button:hover,.wr-landing .primary-button:hover {
  background: #ffb53f;
  transform: translateY(-2px) rotate(-.5deg);
  box-shadow: 3px 5px #0006
}
.wr-button:active,.wr-landing .primary-button:active {
  transform: translateY(1px);
  box-shadow: 1px 1px #0003
}
.wr-nav .wr-button {
  padding: 10px 20px;
  font-size: 14px
}
.wr-text-link {
  position: relative;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 0;
  gap: 6px
}
.wr-text-link:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5Q25 1 50 4T99 3' fill='none' stroke='%23F5A623' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100%;
  transition: transform .2s
}
.wr-text-link:hover:after {
  transform: scaleY(1.3) scaleX(1.03)
}
.wr-text-link:hover {
  color: #f5a623
}
.wr-text-link svg {
  transition: transform .15s
}
.wr-text-link:hover svg {
  transform: translateX(4px)
}
.wr-hero {
  padding: 80px 0 128px
}
.wr-eyebrow {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0;
  border-color: #3e3427;
  background: #171410cc;
  padding: 6px 14px
}
.wr-eyebrow i,.wr-panel-heading i {
  animation: wr-pulse 2s infinite
}
.wr-hero h1 {
  max-width: 896px;
  margin: 24px auto
}
.wr-underline {
  display: inline-block
}
.wr-underline:after,.wr-integration-word:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 8px;
  min-height: 0;
  z-index: auto;
  clip-path: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M3 11C45 4 85 14 135 6C160 3 185 10 197 7' stroke='%23F5A623' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 13C55 8 105 13 160 8C175 6 188 9 194 8' stroke='%23F5A623' stroke-width='2' stroke-linecap='round' opacity='.6'/%3E%3C/svg%3E") center/100% 100%;
  pointer-events: none
}
.wr-hero .wr-underline:after {
  height: 20px;
  bottom: -16px
}
.wr-lede {
  max-width: 672px;
  font-size: 20px;
  margin: 0 auto!important
}
.wr-actions {
  gap: 24px;
  margin: 40px 0 64px
}
.wr-sketch {
  border: 2px solid #2e271f;
  border-radius: 255px 25px 225px / 25px 225px 25px 255px;
  box-shadow: 3px 4px #0006;
  transition: transform .2s,box-shadow .2s,border-color .2s
}
.wr-sketch:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 5px 8px #0009
}
.wr-light .wr-sketch {
  box-shadow: 3px 4px #0f0d0a26
}
.wr-light .wr-sketch:hover {
  box-shadow: 5px 8px #0f0d0a33
}
.wr-pipeline {
  padding: 40px;
  background: #171410;
  margin: 24px auto 0;
  overflow: hidden
}
.wr-panel-heading {
  font-size: 11px;
  letter-spacing: .05em;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-color: #2e271f
}
.wr-panel-heading button {
  padding: 0
}
.wr-pause-icon {
  display: none
}
.wr-panel-heading button:hover .wr-pause-icon,.wr-panel-heading button:focus-visible .wr-pause-icon {
  display: inline
}
.wr-pipeline-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 32px;
  padding-top: 16px;
  margin-top: 0
}
.wr-channels>.wr-micro {
  font-size: 10px;
  white-space: nowrap;
  letter-spacing: .05em;
  gap: 6px
}
.wr-channels>.wr-micro span {
  color: #a89f8c
}
.wr-channels>.wr-micro b {
  font-size: 9px;
  padding: 2px 6px;
  background: #211c16;
  border-radius: 4px;
  font-weight: 400;
  transition: all .3s
}
.wr-channels>.wr-micro b.is-active {
  background: #f5a623;
  color: #0f0d0a;
  box-shadow: 0 0 10px #f5a62380;
  font-weight: 700
}
.wr-channel {
  padding: 12px;
  gap: 12px;
  border-radius: 8px;
  background: #1c1813;
  border-color: #2e271f;
  color: #a89f8c;
  margin-top: 12px;
  animation: none;
  transition: all .4s
}
.wr-channel-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #2a241c;
  color: #f5a623;
  transition: all .4s
}
.wr-channel>div {
  min-width: 0;
  flex: 1
}
.wr-channel strong {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.wr-channel small {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.wr-channel>i {
  width: 10px;
  height: 10px;
  background: #3e3427;
  box-shadow: none;
  transition: all .3s
}
.wr-channel.is-active {
  background: #2a241c;
  border-color: #f5a623;
  color: #faf7f0;
  box-shadow: 0 0 16px #f5a62340,0 0 0 1px #f5a62366
}
.wr-channel.is-active .wr-channel-icon {
  background: #f5a623;
  color: #0f0d0a
}
.wr-channel.is-active>i {
  background: #f5a623;
  box-shadow: 0 0 8px #f5a623;
  transform: scale(1.25)
}
.wr-flight {
  height: 290px
}
.wr-flight>svg {
  overflow: visible
}
.wr-flight-mobile {
  display: none
}
.wr-flight .bee-mark,.wr-ecosystem-motion .bee-mark {
  width: 100%;
  height: 100%
}
.wr-particle {
  filter: drop-shadow(0 0 4px #f5a623)
}
.wr-engine {
  padding: 24px;
  background: #1c1813;
  transition: all .5s
}
.wr-engine.is-active {
  background: #29221a;
  border-color: #f5a623;
  box-shadow: 0 0 28px #f5a62359,0 0 0 2px #f5a6234d
}
.wr-engine-top {
  font-size: 9px;
  align-items: center;
  margin-bottom: 12px;
  gap: 6px
}
.wr-engine-top>span:first-child {
  font-size: 10px;
  background: #2a241c;
  border: 0;
  border-radius: 4px;
  padding: 2px 6px;
  transition: all .4s;
  white-space: nowrap
}
.wr-engine.is-active .wr-engine-top>span:first-child {
  background: #f5a623;
  color: #0f0d0a;
  box-shadow: 0 0 8px #f5a62366
}
.wr-engine-title {
  gap: 12px;
  margin: 0 0 16px
}
.wr-engine-title h3 {
  font-size: 20px;
  letter-spacing: 0;
  margin: 0
}
.wr-engine-title small {
  font-size: 11px
}
.wr-engine-bee {
  width: 48px;
  height: 48px;
  border: 2px solid #3e3427;
  border-radius: 12px;
  transition: all .4s
}
.wr-engine.is-active .wr-engine-bee {
  border-color: #f5a623;
  box-shadow: 0 0 15px #f5a62366;
  transform: scale(1.05)
}
.wr-engine-results {
  display: grid;
  gap: 10px;
  border-color: #3e3427
}
.wr-engine-results>div {
  font: 11px/1.5 'JetBrains Mono Variable',monospace;
  padding: 6px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  opacity: .2;
  color: #524a3b;
  transform: translateY(4px);
  transition: all .4s
}
.wr-engine-results>div.is-active {
  opacity: 1;
  transform: translateY(0);
  color: #81c995;
  background: #81c9951a;
  border-color: #81c9954d
}
.wr-engine-results svg {
  color: inherit
}
.wr-engine-results small {
  font-size: 10px;
  color: inherit;
  padding: 2px 6px;
  border-radius: 4px
}
.wr-engine-results .is-active small {
  background: #81c99533
}
.wr-wave {
  height: 64px
}
.wr-problem,.wr-integrations {
  padding: 112px 0
}
.wr-section-heading {
  max-width: 768px;
  margin: 0 auto 80px
}
.wr-section-heading h2 {
  margin: 0
}
.wr-section-heading .wr-eyebrow {
  margin-bottom: 20px
}
.wr-section-heading .wr-eyebrow i {
  display: none
}
.wr-light .wr-eyebrow {
  background: #fdd8784d;
  color: #c97d0e;
  border-color: #c97d0e33;
  padding: 4px 12px;
  letter-spacing: .1em
}
.wr-section-heading p {
  max-width: 576px;
  font-size: 18px;
  margin: 16px auto 0
}
.wr-problem mark {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #0f0d0a1a;
  border-radius: 6px;
  background: #fdd878;
  color: #0f0d0a;
  font-weight: 900
}
.wr-problem-card {
  position: relative;
  background: #fdd878;
  border-color: #0f0d0a;
  transform: rotate(-1deg);
  padding: 32px
}
.wr-problem-card:nth-child(2) {
  transform: rotate(1deg)
}
.wr-problem-card:hover {
  transform: translateY(-4px) scale(1.01) rotate(0)
}
.wr-problem-icon {
  display: grid;
  place-items: center;
  border: 1.5px solid #0f0d0a;
  border-radius: 50%;
  background: #faf7f0;
  margin-bottom: 24px
}
.wr-pin {
  position: absolute;
  left: 50%;
  background: #0f0d0a;
  border-radius: 50%
}
.wr-problem-card .wr-micro {
  margin-bottom: 8px
}
.wr-problem-card h3 {
  font-size: 24px;
  margin: 0 0 12px;
  line-height: 1.33
}
.wr-problem-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.625;
  color: #524a3b
}
.wr-card-note {
  border-top: 1px solid #0f0d0a33;
  padding-top: 16px;
  margin-top: 24px
}
.wr-total {
  margin-top: 48px!important;
  font-size: 14px
}
.wr-process {
  padding: 128px 0
}
.wr-process .wr-section-heading {
  max-width: 768px;
  margin-bottom: 96px
}
.wr-process h2 {
  font-size: 60px
}
.wr-process-grid {
  position: relative;
  gap: 32px;
  max-width: 1024px;
  margin: auto;
  align-items: start
}
.wr-process-path {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 80px;
  transform: translateY(-50%)
}
.wr-step {
  width: 100%;
  max-width: 280px;
  padding: 32px;
  z-index: 1
}
.wr-step-1 {
  background: #1c1813;
  border-color: #f5a623cc
}
.wr-step:hover {
  border-color: #f5a623
}
.wr-step:not(:last-child):after {
  right: -42px
}
.wr-step-hex {
  position: relative;
  clip-path: none;
  background: none;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  font-size: 14px
}
.wr-step-hex svg {
  position: absolute;
  width: 100%;
  height: 100%
}
.wr-step>.wr-micro {
  font-size: 12px
}
.wr-step h3 {
  font-size: 24px;
  margin: 8px 0 12px
}
.wr-step p {
  margin: 0
}
.wr-step-note {
  padding-top: 12px;
  font-size: 11px;
  line-height: 1.5
}
.wr-step-1 .wr-step-note {
  color: #f5a623
}
.wr-feature {
  padding: 112px 0
}
.wr-feature.wr-light {
  border-color: #f5a623
}
.wr-feature-grid {
  gap: 64px
}
.wr-feature h2 {
  margin: 16px 0 24px
}
.wr-honey {
  color: #f5a623
}
.wr-feature p {
  font-size: 18px;
  margin: 0
}
.wr-feature .wr-micro {
  color: #f5a623;
  font-size: 12px;
  letter-spacing: .1em
}
.wr-feature.wr-light .wr-micro {
  color: #c97d0e
}
.wr-feature.wr-light p {
  color: #524a3b
}
.wr-benefits {
  margin: 24px 0 32px;
  gap: 12px;
  font-size: 14px
}
.wr-benefits li {
  gap: 12px
}
.wr-feature .wr-button {
  padding: 12px 24px;
  font-size: 14px
}
.wr-feature .wr-button-dark {
  background: #0f0d0a;
  color: #faf7f0
}
.wr-feature .wr-button-dark:hover {
  background: #231e18
}
.wr-feed {
  padding: 28px;
  transform: none
}
.wr-feed .wr-panel-heading {
  padding-bottom: 16px;
  letter-spacing: 0
}
.wr-feed .wr-panel-heading>span:first-child {
  font-size: 12px;
  color: #faf7f0
}
.wr-feed-rows {
  display: grid;
  gap: 12px;
  min-height: 232px;
  align-content: start
}
.wr-feed-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border: 1px solid #3e3427;
  border-radius: 8px;
  background: #1f1b16;
  min-width: 0;
  animation: wr-feed-in .3s ease-out
}
.wr-feed-tag {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  align-items: center
}
.wr-feed-row small {
  font-size: 11px
}
.wr-feed-row label {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  background: #f5a6231a;
  border: 1px solid #f5a62333;
  border-radius: 4px
}
.wr-feed-row p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  color: #faf7f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1
}
.wr-feed-row>span {
  font-size: 10px;
  color: #81c995;
  border-color: #81c9954d;
  background: #2a241c;
  padding: 2px 8px;
  flex-shrink: 0
}
.wr-feed-bottom {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #2e271f;
  font-size: 11px;
  line-height: 1.5
}
.wr-feed-bottom>span:first-child {
  color: #f5a623
}
.wr-coaching {
  padding: 0;
  position: relative;
  max-width: 512px;
  margin: auto;
  width: 100%
}
.wr-coaching:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -16px;
  right: -16px;
  background: #e8e2d1;
  border: 2px solid #0f0d0a;
  border-radius: 16px
}
.wr-coaching-sheet {
  position: relative;
  padding: 24px;
  background: #faf7f0;
  border-color: #0f0d0a
}
.wr-transcript-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 2px solid #0f0d0a33;
  padding-bottom: 12px;
  margin-bottom: 16px;
  font: 700 12px/1.5 'JetBrains Mono Variable',monospace
}
.wr-transcript-heading>span {
  display: flex;
  align-items: center;
  gap: 8px
}
.wr-transcript-heading i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef4444;
  animation: wr-pulse 2s infinite;
  flex-shrink: 0
}
.wr-transcript-heading small {
  font-size: 12px;
  color: #7a7160;
  font-weight: 400
}
.wr-coaching blockquote {
  font-size: 14px;
  font-style: italic;
  color: #4a4335;
  padding: 14px;
  border: 1px solid #0f0d0a4d;
  border-radius: 8px;
  margin: 0 0 24px
}
.wr-whisper {
  margin: 0;
  transform: none;
  background: #fdd878;
  border: 2px solid #0f0d0a;
  border-radius: 255px 15px 225px / 15px 225px 15px 255px;
  padding: 20px;
  box-shadow: 0 4px 6px #0002
}
.wr-whisper:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 40px;
  width: 20px;
  height: 20px;
  background: #fdd878;
  border-top: 2px solid #0f0d0a;
  border-left: 2px solid #0f0d0a;
  transform: rotate(45deg)
}
.wr-whisper-title {
  position: relative;
  flex-wrap: wrap;
  gap: 6px;
  font: 700 12px 'JetBrains Mono Variable',monospace;
  color: #0f0d0a;
  margin-bottom: 8px
}
.wr-whisper-title .bee-mark {
  width: 20px;
  height: 20px
}
.wr-whisper-title small {
  font-size: 10px;
  font-weight: 400;
  color: #524a3b
}
.wr-whisper p {
  font-size: 14px!important;
  color: #0f0d0a!important;
  font-weight: 500
}
.wr-whisper>.wr-micro {
  flex-wrap: wrap;
  gap: 4px;
  border-color: #0f0d0a33;
  padding-top: 8px;
  margin-top: 12px;
  font-size: 11px;
  color: #524a3b!important;
  letter-spacing: 0
}
.wr-whisper>.wr-micro strong {
  color: #0f0d0a;
  text-decoration: underline
}
.wr-integrations {
  border-top: 1px solid #0f0d0a1a
}
.wr-ecosystem {
  position: relative
}
.wr-ecosystem .wr-section-heading {
  position: relative;
  z-index: 2;
  pointer-events: none
}
.wr-ecosystem .wr-eyebrow {
  margin-bottom: 12px
}
.wr-ecosystem-motion {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none
}
.wr-integration-word {
  position: relative;
  display: inline-block
}
.wr-integration-word:after {
  height: 18px;
  bottom: -12px;
  opacity: 0;
  transition: opacity .2s
}
.wr-highlight-on~.wr-section-heading .wr-integration-word:after {
  opacity: 1;
  animation: wr-highlight 2.5s ease-in-out infinite
}
.wr-integrations-grid {
  position: relative;
  z-index: 2;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 24px;
  max-width: 1024px
}
.wr-integration {
  border: 2px solid #0f0d0a;
  border-radius: 255px 25px 225px / 25px 225px 25px 255px;
  background: #faf7f0;
  padding: 16px;
  min-width: 0;
  box-shadow: 3px 4px #0f0d0a26;
  transition: transform .2s,box-shadow .2s
}
.wr-integration:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 5px 8px #0f0d0a33;
  border-color: #0f0d0a
}
.wr-integration-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid #0f0d0a;
  border-radius: 50%;
  background: #fdd878;
  margin: 0 auto 12px;
  transition: transform .15s
}
.wr-integration:hover .wr-integration-icon {
  transform: scale(1.05)
}
.wr-integration-icon svg {
  margin: 0
}
.wr-integration h3 {
  font-family: Fraunces,serif;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.wr-integration small {
  display: block;
  font-size: 10px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.wr-trust {
  position: relative;
  font: 11px/1.5 'JetBrains Mono Variable',monospace;
  margin: 56px auto 0;
  width: fit-content;
  padding: 8px 16px;
  border: 1px solid #0f0d0a1a;
  border-radius: 30px;
  background: #faf7f080
}
.wr-footer {
  padding: 96px 0 32px
}
.wr-footer h2 {
  font-size: 60px;
  line-height: 1.15
}
.wr-footer .wr-section-heading {
  margin-bottom: 40px
}
.wr-footer .wr-section-heading p {
  margin-top: 24px
}
.wr-footer .wr-underline:after {
  height: 16px;
  bottom: -10px
}
.wr-footer .waitlist-form {
  max-width: 576px
}
.wr-footer .waitlist-form>label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%)
}
.wr-footer input {
  border: 2px solid #3e3427;
  background: #171410;
  border-radius: 8px;
  font-size: 14px
}
.wr-footer .primary-button {
  font-size: 14px;
  padding: 12px 24px
}
.wr-footer-signup {
  margin: 24px 0 112px!important;
  font-size: 14px
}
.wr-footer-bottom {
  position: relative;
  padding-top: 32px;
  border-color: #2e271f
}
.wr-footer-bottom>span,.wr-footer-bottom>small {
  font: 11px/1.5 'JetBrains Mono Variable',monospace
}
.wr-footer-bee {
  position: absolute;
  right: -10px;
  bottom: -18px;
  transform: rotate(-15deg);
  animation: wr-footer-hover 4s ease-in-out infinite
}
.wr-footer-bee .bee-mark {
  width: 34px;
  height: 34px
}
.bee-in-flight .bee-wing-front {
  transform-box: fill-box;
  transform-origin: 12% 88%;
  animation: wr-wing-front .07s ease-in-out infinite alternate
}
.bee-in-flight .bee-wing-back {
  transform-box: fill-box;
  transform-origin: 12% 88%;
  animation: wr-wing-back .07s ease-in-out .02s infinite alternate
}
.wr-pulse-line {
  animation: wr-line-pulse 3.2s ease-in-out infinite
}
.wr-dash-line {
  animation: wr-dash 3s linear infinite
}
@keyframes wr-pulse{
50% {
  opacity: .5
}
}
@keyframes wr-wing-front{
0% {
  transform: rotate(0) scaleY(1)
}
50% {
  transform: rotate(-32deg) scaleY(.3) skewX(-14deg)
}
100% {
  transform: rotate(10deg) scaleY(1.08)
}
}
@keyframes wr-wing-back{
0% {
  transform: rotate(0) scaleY(1)
}
50% {
  transform: rotate(-28deg) scaleY(.35) skewX(-10deg)
}
100% {
  transform: rotate(8deg) scaleY(1.05)
}
}
@keyframes wr-line-pulse{
0%,100% {
  opacity: .5;
  filter: drop-shadow(0 0 0 #f5a62300)
}
50% {
  opacity: 1;
  filter: drop-shadow(0 0 6px #f5a623b3)
}
}
@keyframes wr-dash{
to {
  stroke-dashoffset: -24
}
}
@keyframes wr-highlight{
0%,100% {
  filter: drop-shadow(0 0 2px #f5a6234d);
  opacity: .85
}
50% {
  filter: drop-shadow(0 0 8px #f5a623cc);
  opacity: 1
}
}
@keyframes wr-feed-in{
from {
  opacity: 0;
  transform: translateY(-8px)
}
to {
  opacity: 1;
  transform: translateY(0)
}
}
@keyframes wr-footer-hover{
50% {
  transform: translate(-8px,-6px) rotate(-5deg)
}
}
@media(max-width:1279px){
.wr-pipeline-grid {
  gap: 20px
}
.wr-engine {
  padding: 18px
}
.wr-engine-top {
  font-size: 8px
}
.wr-engine-top>span:first-child {
  font-size: 9px
}
.wr-engine-title small {
  font-size: 10px
}
.wr-channels>.wr-micro {
  font-size: 9px
}
.wr-channels>.wr-micro b {
  font-size: 8px
}
.wr-feed-row {
  flex-wrap: wrap
}
.wr-feed-row p {
  flex-basis: 50%
}
}
@media(max-width:1023px){
.wr-container,.wr-nav {
  padding-left: 24px;
  padding-right: 24px
}
.wr-nav {
  gap: 20px
}
.wr-nav nav {
  gap: 20px
}
.wr-auth {
  gap: 14px
}
.wr-landing h1 {
  font-size: 48px
}
.wr-pipeline {
  padding: 32px
}
.wr-pipeline-grid {
  grid-template-columns: 1fr;
  gap: 16px
}
.wr-flight-desktop {
  display: none
}
.wr-flight-mobile {
  display: block;
  height: 180px;
  max-width: 384px;
  width: 100%;
  margin: 12px auto
}
.wr-flight>svg {
  transform: none;
  position: static;
  width: 100%;
  height: 100%
}
.wr-channel strong {
  font-size: 14px
}
.wr-channels>.wr-micro {
  font-size: 12px
}
.wr-channels>.wr-micro b {
  font-size: 10px
}
.wr-engine {
  padding: 24px
}
.wr-engine-top {
  font-size: 10px
}
.wr-engine-top>span:first-child {
  font-size: 11px
}
.wr-engine-title small {
  font-size: 12px
}
.wr-engine-results>div {
  font-size: 12px
}
.wr-feature-grid {
  grid-template-columns: 1fr;
  gap: 48px
}
.wr-feature-grid>div {
  min-width: 0
}
.wr-feature.wr-light .wr-coaching {
  order: 2
}
.wr-integrations-grid {
  grid-template-columns: repeat(4,minmax(0,1fr))
}
.wr-feed-row {
  flex-wrap: nowrap
}
.wr-footer-bottom {
  flex-wrap: wrap
}
}
@media(max-width:767px){
.wr-nav nav {
  display: none
}
.wr-auth {
  margin-left: auto
}
.wr-hero {
  padding-top: 48px;
  padding-bottom: 80px
}
.wr-wave {
  height: 40px
}
.wr-process-grid {
  grid-template-columns: 1fr;
  gap: 32px
}
.wr-step {
  max-width: 384px
}
.wr-process-path {
  display: none
}
.wr-step:not(:last-child):after {
  content: '⇣';
  top: auto;
  bottom: -30px;
  left: 50%;
  right: auto
}
.wr-problem-grid {
  grid-template-columns: 1fr;
  gap: 32px
}
}
@media(max-width:639px){
.wr-container,.wr-nav {
  padding-left: 16px;
  padding-right: 16px
}
.wr-nav {
  gap: 12px
}
.wr-auth {
  gap: 12px
}
.wr-auth>.wr-button {
  display: none
}
.wr-wordmark {
  font-size: 23px
}
.wr-brand {
  gap: 9px
}
.wr-landing h1 {
  font-size: 30px;
  line-height: 1.15
}
.wr-landing h2 {
  font-size: 30px
}
.wr-hero .wr-eyebrow {
  font-size: 9px;
  padding: 6px 10px
}
.wr-hero h1 {
  margin: 24px auto
}
.wr-hero .wr-underline {
  margin: 4px 0
}
.wr-hero .wr-underline:after {
  height: 10px;
  bottom: -6px
}
.wr-lede {
  font-size: 16px
}
.wr-actions {
  flex-direction: column;
  gap: 16px;
  margin: 32px 0 48px
}
.wr-actions>button {
  width: 100%
}
.wr-actions .wr-button {
  font-size: 16px;
  padding: 16px 32px
}
.wr-actions .wr-text-link {
  font-size: 16px
}
.wr-pipeline {
  padding: 16px;
  margin-top: 16px
}
.wr-panel-heading {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-size: 11px
}
.wr-panel-heading>span {
  max-width: 100%
}
.wr-panel-heading button {
  font-size: 10px
}
.wr-pipeline-grid {
  padding-top: 8px
}
.wr-channels>.wr-micro {
  font-size: 10px
}
.wr-channel {
  padding: 10px;
  margin-top: 10px
}
.wr-engine {
  padding: 20px
}
.wr-engine-top {
  font-size: 8px
}
.wr-engine-top>span:first-child {
  font-size: 9px
}
.wr-engine-title h3 {
  font-size: 20px
}
.wr-engine-title small {
  font-size: 10px
}
.wr-problem,.wr-process,.wr-integrations,.wr-feature {
  padding: 80px 0
}
.wr-section-heading {
  margin-bottom: 64px
}
.wr-section-heading p {
  font-size: 16px
}
.wr-problem-card {
  padding: 24px;
  transform: none!important
}
.wr-total {
  font-size: 12px
}
.wr-process h2 {
  font-size: 36px
}
.wr-process .wr-section-heading {
  margin-bottom: 64px
}
.wr-step {
  padding: 24px
}
.wr-step h3 {
  font-size: 20px
}
.wr-step-hex {
  width: 56px;
  height: 56px;
  margin-bottom: 20px
}
.wr-feature p {
  font-size: 16px
}
.wr-feed {
  padding: 20px
}
.wr-feed .wr-panel-heading {
  flex-direction: row;
  align-items: center
}
.wr-feed .wr-panel-heading>span:first-child {
  font-size: 10px
}
.wr-feed .wr-panel-heading>span:last-child {
  font-size: 9px
}
.wr-feed-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 10px
}
.wr-feed-row p {
  white-space: normal;
  font-size: 12px
}
.wr-feed-bottom {
  font-size: 9px
}
.wr-feed-rows {
  min-height: 0
}
.wr-coaching-sheet {
  padding: 16px
}
.wr-coaching:before {
  display: none
}
.wr-transcript-heading {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px
}
.wr-coaching blockquote {
  font-size: 12px;
  padding: 12px;
  margin-bottom: 20px
}
.wr-whisper {
  padding: 16px
}
.wr-whisper-title {
  font-size: 10px
}
.wr-whisper-title small {
  font-size: 9px;
  max-width: none
}
.wr-whisper p {
  font-size: 12px!important
}
.wr-whisper>.wr-micro {
  font-size: 10px
}
.wr-integrations-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px
}
.wr-integration {
  padding: 14px
}
.wr-integration:last-child {
  grid-column: span 2;
  max-width: 240px;
  width: 100%;
  justify-self: center
}
.wr-integration-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 10px
}
.wr-integration h3 {
  font-size: 12px
}
.wr-integration small {
  font-size: 9px
}
.wr-trust {
  font-size: 9px
}
.wr-footer {
  padding-top: 80px
}
.wr-footer h2 {
  font-size: 36px
}
.wr-footer .waitlist-input-row {
  flex-direction: column
}
.wr-footer-signup {
  margin-bottom: 80px!important
}
}
@media(prefers-reduced-motion:reduce){
.wr-landing *,.wr-landing *:before,.wr-landing *:after {
  animation: none!important;
  transition: none!important;
  scroll-behavior: auto!important
}
.wr-ecosystem-motion,.wr-particle {
  display: none
}
.wr-engine-results>div {
  opacity: 1;
  transform: none;
  color: #81c995
}
}
.wr-hero h1,.wr-process h2,.wr-feature h2,.wr-integrations h2,.wr-footer h2 {
  line-height: 1
}

/* Final comparison adjustments: desktop type rhythm and paper notes. */
.wr-lede {
  line-height: 1.4
}
.wr-landing .wr-button {
  font-weight: 600
}
.wr-landing .wr-text-link {
  font-weight: 500
}
.wr-nav .wr-button {
  font-weight: 500
}
.wr-section-heading p {
  line-height: 28px
}
.wr-feature p {
  line-height: 28px
}
.wr-problem-grid {
  max-width: 1024px;
  margin: auto;
  gap: 40px
}
.wr-problem-icon {
  width: 56px;
  height: 56px;
  border-width: 2px
}
.wr-pin {
  width: 12px;
  height: 12px;
  top: -6px;
  transform: translateX(-50%);
  opacity: .7
}
.wr-problem-card .wr-micro {
  font-size: 12px;
  line-height: 16px;
  color: #524a3b
}
.wr-card-note {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 16px;
  color: #0f0d0a
}
.wr-card-note strong {
  text-decoration: underline
}
.wr-total {
  display: block;
  max-width: 672px;
  margin: 56px auto 0!important;
  padding: 16px;
  border: 2px solid #0f0d0a;
  background: #faf7f0;
  border-radius: 255px 15px 225px / 15px 225px 15px 255px;
  box-shadow: 0 1px 3px #0003;
  text-align: center
}
.wr-total p {
  margin: 0;
  color: #0f0d0a;
  font: 14px/20px 'JetBrains Mono Variable',monospace
}
.wr-total strong {
  color: #c97d0e;
  font-weight: 700;
  font-size: 14px
}
.wr-process h3 {
  line-height: 32px
}
.wr-problem h3 {
  line-height: 32px
}
.wr-step p {
  line-height: 22.75px
}
.wr-feature .wr-feed-row p {
  line-height: 18px
}
.wr-whisper p {
  line-height: 20px
}
.wr-footer .wr-section-heading p {
  line-height: 28px
}
@media(min-width:1024px){
.wr-pipeline-grid {
  gap: 32px
}
.wr-channels>.wr-micro {
  font-size: 12px
}
.wr-channels>.wr-micro b {
  font-size: 10px
}
.wr-engine {
  padding: 24px
}
.wr-engine-top {
  font-size: 10px
}
.wr-engine-top>span:first-child {
  font-size: 11px
}
.wr-engine-title small {
  font-size: 12px
}
.wr-engine-results>div {
  font-size: 12px
}
.wr-engine-results small {
  font-size: 10px
}
.wr-problem-card p {
  line-height: 22.75px
}
}
@media(max-width:639px){
.wr-lede {
  line-height: 24px
}
.wr-section-heading p,.wr-feature p {
  line-height: 24px
}
.wr-problem-grid {
  gap: 24px
}
.wr-problem-icon {
  width: 48px;
  height: 48px
}
.wr-problem-card h3,.wr-step h3 {
  font-size: 20px;
  line-height: 28px
}
.wr-total p,.wr-total strong {
  font-size: 12px;
  line-height: 16px
}
.wr-whisper p {
  line-height: 16px
}
.wr-footer .wr-section-heading p {
  line-height: 24px
}
}
.wr-step-bee {
  position: absolute;
  top: 50%;
  z-index: 2;
  pointer-events: none
}
.wr-step-bee-first {
  left: 33%;
  transform: translate(-50%,-30px) rotate(-8deg)
}
.wr-step-bee-second {
  left: 68%;
  transform: translate(-50%,-15px) rotate(-8deg)
}
@media(max-width:767px){
.wr-step-bee {
  display: none
}
}
.wr-landing {
  letter-spacing: normal;
  font-feature-settings: normal
}
.wr-step {
  margin: 0 auto
}
.wr-landing section,.wr-footer {
  scroll-margin-top: 0
}


.wr-engine,.wr-feed,.wr-integration{border-radius:12px}.wr-ecosystem-motion{z-index:1}.wr-integration-word{z-index:2}

.wr-arrow{font:12px/1.5 'JetBrains Mono Variable',monospace;transition:transform .15s}.wr-text-link:hover .wr-arrow{transform:translateX(4px)}.wr-check{flex-shrink:0;color:#f5a623;font:700 14px/21px 'JetBrains Mono Variable',monospace}.wr-light .wr-check{color:#c97d0e}
.wr-landing h3{font-weight:700}.wr-text-link{justify-content:center}
/* Reference waitlist dialog; real saved confirmation replaces its demo alert. */
.wr-dialog-backdrop{position:fixed;inset:0;z-index:100;background:#000b;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;animation:wr-dialog-in .18s ease-out}
.wr-dialog{position:relative;width:100%;max-width:512px;max-height:calc(100dvh - 48px);overflow:auto;background:#171410;border:2px solid #f5a62399;border-radius:255px 25px 225px / 25px 225px 25px 255px;padding:32px;box-shadow:0 25px 50px #0004;text-align:left}
.wr-dialog-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border:1px solid #3e3427;border-radius:50%;background:#171410;color:#a89f8c;font-size:24px!important;line-height:1!important}.wr-dialog-close:hover{color:#faf7f0;border-color:#f5a623}
.wr-dialog-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wr-dialog-title .wr-brand-bee{border-color:#f5a623;flex-shrink:0;background:#231e18}.wr-dialog-title h3{font-size:24px;line-height:32px;letter-spacing:0}.wr-dialog-title p{font:12px/16px 'JetBrains Mono Variable',monospace;color:#f5a623;margin:0}
.wr-dialog-intro{font-size:14px;line-height:20px;margin:0 0 24px!important}.wr-dialog label{display:block;font:12px/16px 'JetBrains Mono Variable',monospace;color:#a89f8c;text-transform:uppercase;margin-bottom:6px}.wr-dialog input,.wr-dialog select{display:block;width:100%;font:14px/20px 'Plus Jakarta Sans Variable',sans-serif;color:#faf7f0;background:#0f0d0a;border:1px solid #3e3427;border-radius:8px;padding:10px 16px;outline:none}.wr-dialog input:focus,.wr-dialog select:focus{border-color:#f5a623}.wr-dialog input+label{margin-top:16px}.wr-dialog select{padding:10px 12px;cursor:pointer}.wr-dialog-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.wr-dialog form>.wr-button{width:100%;padding:14px 16px;font-size:14px;margin-top:28px}.wr-dialog button:disabled{cursor:wait;opacity:.6}.wr-dialog-footnote{font:11px/16px 'JetBrains Mono Variable',monospace;text-align:center;margin:16px 0 0!important}.wr-dialog-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wr-dialog .wr-error{font-size:13px;margin-top:16px}.wr-dialog-success{padding:24px 0}.wr-dialog-success p{font-size:14px;margin:16px 0 24px}.wr-dialog-success .wr-button{font-size:14px}
@keyframes wr-dialog-in{from{opacity:0}to{opacity:1}}
@media(max-width:639px){.wr-dialog-backdrop{padding:16px}.wr-dialog{padding:28px 20px;max-height:calc(100dvh - 32px)}.wr-dialog-title{padding-right:16px}.wr-dialog-title h3{font-size:20px;line-height:24px}.wr-dialog-title p{font-size:9px}.wr-dialog-title .wr-brand-bee{width:32px;height:32px}.wr-dialog label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.wr-dialog-backdrop{animation:none}}

.wr-footer-bottom nav{flex-wrap:wrap;justify-content:center;gap:12px 20px}

/* WordPress Theme Isolation & Full-Bleed Safeguards */
html, body.aerobee-fullbleed-page {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
  background: #0f0d0a;
}
#aerobee-marketing-root {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.aerobee-marketing, .wr-landing {
  width: 100%;
  max-width: 100%;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.aerobee-marketing a, .wr-landing a {
  text-decoration: none;
}

/* Backwards compatibility if a cached v1.0.0 DOM fragment (.theme-aerobee / .theme-hydrobase) is momentarily served */
.aerobee-marketing.theme-aerobee,
.aerobee-marketing.theme-hydrobase {
  background: var(--wax);
  color: var(--ink);
  font-family: 'Plus Jakarta Sans Variable', sans-serif;
}
.aerobee-marketing .container {
  width: min(1180px, 100% - 48px);
  margin: 0 auto;
}
.aerobee-marketing .site-header {
  background: var(--ink);
  color: var(--wax);
  border-bottom: 1px solid rgba(245, 166, 35, 0.2);
}
.aerobee-marketing .nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 84px;
  gap: 24px;
}
.aerobee-marketing .brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--wax);
  font-weight: 800;
  font-size: 22px;
}
.aerobee-marketing .brand-word small {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: var(--warm-grey);
}
.aerobee-marketing .main-nav,
.aerobee-marketing .header-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.aerobee-marketing .main-nav button,
.aerobee-marketing .main-nav a,
.aerobee-marketing .text-button {
  background: none;
  border: 0;
  color: var(--warm-grey);
  font-size: 13px;
  cursor: pointer;
}
.aerobee-marketing .secondary-button {
  background: none;
  border: 1px solid rgba(168, 159, 140, 0.5);
  color: var(--wax);
  padding: 9px 15px;
  font-size: 12px;
  cursor: pointer;
}
.aerobee-marketing.theme-aerobee .hero-section,
.aerobee-marketing.theme-hydrobase .hero-section {
  background-color: var(--ink);
  color: var(--wax);
  padding: 96px 0;
  min-height: auto;
}
.aerobee-marketing.theme-aerobee .hero-inner,
.aerobee-marketing.theme-hydrobase .hero-inner {
  display: block;
  min-height: auto;
}
.aerobee-marketing .eyebrow-badge,
.aerobee-marketing .section-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono Variable', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--honey);
  margin-bottom: 18px;
}
.aerobee-marketing .pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--honey);
}
.aerobee-marketing .highlight-underline {
  border-bottom: 4px solid var(--honey);
}
.aerobee-marketing .hero-subtitle {
  color: var(--warm-grey);
  max-width: 620px;
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.7;
}
.aerobee-marketing .hero-cta-group {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 32px;
}
.aerobee-marketing .secondary-link {
  background: none;
  border: 0;
  border-bottom: 1px solid var(--honey);
  color: inherit;
  padding: 4px 0;
  font-size: 13px;
  cursor: pointer;
}
.aerobee-marketing .process-section,
.aerobee-marketing .suite-section {
  padding: 96px 0;
}
.aerobee-marketing .process-steps,
.aerobee-marketing .suite-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  margin-top: 40px;
}
.aerobee-marketing .step-card,
.aerobee-marketing .suite-card {
  background: var(--pollen);
  color: var(--ink);
  padding: 28px;
  display: block;
}
.aerobee-marketing .feature-stack {
  display: grid;
  gap: 48px;
}
.aerobee-marketing .feature-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  align-items: center;
  border-top: 1px solid #d4cbbb;
  padding-top: 36px;
}

/* ==========================================================================
   2026-11-07 update: new "How it works" + "Products" sections on the main
   page, one waitlist button style everywhere, no email box at the end.
   Everything below is scoped to .abx-* classes so it can't affect other parts.
   ========================================================================== */

/* --- How it works (main page) --- */
.aerobee-marketing .abx-how{padding:clamp(90px,10vw,132px) 0 clamp(80px,9vw,110px)}
.aerobee-marketing .abx-how-head{max-width:860px}
.aerobee-marketing .abx-how-head h2{font-size:clamp(46px,6.4vw,92px);line-height:.96;max-width:11ch}
.aerobee-marketing .abx-intro{font-family:Playfair Display Variable,Fraunces,serif;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--warm-grey);max-width:56ch;margin-top:clamp(24px,3.5vw,40px)}
.aerobee-marketing .abx-steps{position:relative;margin-top:clamp(56px,8vw,110px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}
.aerobee-marketing .abx-path{position:absolute;left:0;top:0;width:100%;height:220px;pointer-events:none;z-index:0;overflow:visible}
.aerobee-marketing .abx-path path{fill:none;stroke:var(--honey);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:7 11;stroke-linecap:round;opacity:.8}
.aerobee-marketing .abx-step{position:relative;z-index:1}
.aerobee-marketing .abx-step:nth-of-type(2){margin-top:44px}
.aerobee-marketing .abx-step:nth-of-type(3){margin-top:-6px}
.aerobee-marketing .abx-num{color:var(--honey);font:11px JetBrains Mono Variable,monospace;letter-spacing:.08em}
.aerobee-marketing .abx-icon{width:72px;height:72px;border-radius:50%;border:1px solid var(--honey);background:var(--ink);display:flex;align-items:center;justify-content:center;margin:18px 0 24px}
.aerobee-marketing .abx-icon svg{width:34px;height:34px}
.aerobee-marketing .abx-icon .bee-mark{display:inline-flex;width:42px;height:36px}
.aerobee-marketing .abx-icon .bee-mark svg{width:100%;height:100%}
.aerobee-marketing .abx-when{display:inline-block;color:var(--honey);border-bottom:1px solid var(--honey);padding-bottom:4px;margin-bottom:14px;font:10px JetBrains Mono Variable,monospace;letter-spacing:.14em;text-transform:uppercase}
.aerobee-marketing .abx-step h3{font:700 clamp(24px,2.3vw,32px)/1.1 Playfair Display Variable,serif;letter-spacing:-.04em;max-width:15ch}
.aerobee-marketing .abx-step p{font-size:15px;line-height:1.75;color:var(--warm-grey);margin-top:14px;max-width:38ch}
.aerobee-marketing .abx-step p strong{color:var(--wax);font-weight:600}
.aerobee-marketing .abx-step ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;max-width:38ch}
.aerobee-marketing .abx-step li{position:relative;padding-left:22px;font:12px/1.55 JetBrains Mono Variable,monospace;color:var(--wax)}
.aerobee-marketing .abx-step li:before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;background:var(--honey);transform:rotate(45deg)}
.aerobee-marketing .abx-more{display:inline-flex;gap:8px;margin-top:22px;color:var(--honey);border-bottom:1px solid var(--honey);padding-bottom:4px;font:11px JetBrains Mono Variable,monospace;letter-spacing:.04em;transition:gap .18s}
.aerobee-marketing .abx-more:hover{gap:13px}
@media (prefers-reduced-motion:no-preference){
  .aerobee-marketing .abx-icon{transition:transform .25s ease,background .25s ease}
  .aerobee-marketing .abx-step:hover .abx-icon{transform:translateY(-4px);background:#1c160b}
}
@media (max-width:900px){
  .aerobee-marketing .abx-steps{grid-template-columns:1fr;gap:56px}
  .aerobee-marketing .abx-step:nth-of-type(n){margin-top:0}
  .aerobee-marketing .abx-path{display:none}
}

/* --- Products (main page) --- */
.aerobee-marketing .abx-products{background:#f7da85;padding:clamp(80px,10vw,140px) 0}
.aerobee-marketing .abx-products .section-shell{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.aerobee-marketing .abx-prod-copy h2{font-size:clamp(44px,5.6vw,84px);line-height:.98}
.aerobee-marketing .abx-lede{color:#6b6350;font-size:clamp(15px,1.3vw,17px);line-height:1.75;max-width:40ch;margin:clamp(20px,3vw,28px) 0 clamp(26px,3vw,36px)}
.aerobee-marketing .abx-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aerobee-marketing .abx-card{position:relative;display:flex;flex-direction:column;background:#f8e1a2;border:1px solid #a58b49;padding:clamp(22px,2.6vw,34px);transition:background .2s,transform .2s}
.aerobee-marketing .abx-card:hover{background:#fbe8b4;transform:translateY(-4px)}
.aerobee-marketing .abx-card-icon{width:44px;height:44px;margin-bottom:22px}
.aerobee-marketing .abx-card-when{color:#8f6421;font:10px JetBrains Mono Variable,monospace;letter-spacing:.14em;text-transform:uppercase}
.aerobee-marketing .abx-card-name{font:600 22px JetBrains Mono Variable,monospace;letter-spacing:-.02em;margin:6px 0 12px}
.aerobee-marketing .abx-card p{color:#6b6350;font-size:14.5px;line-height:1.65}
.aerobee-marketing .abx-card ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #a58b49;display:grid;gap:10px}
.aerobee-marketing .abx-card li{position:relative;padding-left:20px;font:12px/1.5 JetBrains Mono Variable,monospace}
.aerobee-marketing .abx-card li:before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;background:var(--ink);transform:rotate(45deg)}
.aerobee-marketing .abx-card-links{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.aerobee-marketing .abx-card-main{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:600 13px JetBrains Mono Variable,monospace}
.aerobee-marketing .abx-card-main span{border-bottom:1.5px solid var(--ink);padding-bottom:2px}
.aerobee-marketing .abx-card-main svg{width:20px;height:11px;transition:transform .2s}
.aerobee-marketing .abx-card-main:after{content:"";position:absolute;inset:0}  /* whole card opens the product page */
.aerobee-marketing .abx-card:hover .abx-card-main svg{transform:translateX(5px)}
.aerobee-marketing .abx-card-app{position:relative;z-index:1;color:#6b6350;font:11px JetBrains Mono Variable,monospace}
.aerobee-marketing .abx-card-app:hover{color:var(--ink)}
.aerobee-marketing .abx-card-app span{margin-left:4px}
@media (max-width:980px){.aerobee-marketing .abx-products .section-shell{grid-template-columns:1fr}}
@media (max-width:620px){.aerobee-marketing .abx-cards{grid-template-columns:1fr}}
.aerobee-marketing .abx-how a:focus-visible,.aerobee-marketing .abx-products a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.aerobee-marketing .abx-how a:focus-visible{outline-color:var(--honey)}

/* --- One waitlist button everywhere (replaces the email box at the end) --- */
.aerobee-marketing a.primary-button,.wr-landing a.primary-button{display:inline-flex;align-items:center;text-decoration:none}
.aerobee-marketing .waitlist-cta{font-size:14px;padding:18px 26px;margin-top:4px}
.wr-landing a.wr-button{text-decoration:none;color:#0f0d0a;background:#f5a623}
.wr-landing .waitlist-cta{display:flex;align-items:center;width:max-content;margin:6px auto 26px}