/* Option 3 clarity with the complete product detail and founder story. */
.hybrid{background:#f8f9f5}.hybrid .wrap,.hybrid .option-wrap{max-width:1240px;width:calc(100% - 96px)}.hybrid-header{position:sticky;top:0;z-index:30;background:#f8f9f5f5;border-bottom:1px solid #e1e7d9;backdrop-filter:blur(12px)}.hybrid .option-nav{padding-top:19px;padding-bottom:19px}.hybrid .option-nav nav{gap:24px;font-size:11px}.hybrid .option-nav nav>a:hover{color:#6c893f}.hybrid-menu{display:none}.hybrid section[id]{scroll-margin-top:100px}.hybrid .function-first{padding-top:41px;padding-bottom:25px}.hybrid .function-intro{margin-bottom:30px}.hybrid .function-intro p{max-width:560px;font-size:14px;line-height:1.7}.hybrid .option-details{padding-bottom:64px}.hybrid .section{padding-top:76px;padding-bottom:76px}.hybrid .section-heading{margin-bottom:32px}.hybrid .section-heading h2{font-size:38px;line-height:1.2}.hybrid .section-heading>p{max-width:340px}.hybrid .workflow-grid{margin-top:39px}.hybrid .details-heading h2{font-size:38px}.hybrid .detail-card h3{font-size:28px}.hybrid .detail-card p{font-size:12px}.hybrid .faq{padding-top:64px;padding-bottom:70px;gap:90px}.hybrid .faq h2{font-size:37px}.hybrid .faq-list summary{font-size:13px;padding-top:21px;padding-bottom:21px}.hybrid .faq-list p{font-size:12px}.hybrid .story{padding-top:80px;padding-bottom:80px}.hybrid .story h2{font-size:43px;line-height:1.18}.hybrid .story p{font-size:14px}.hybrid .story .story-lead{font-size:18px!important}.hybrid .founder{margin-top:25px}.hybrid .story-symbol>img{width:150px;height:150px;margin:28px 0}.hybrid .contact{padding-top:74px;padding-bottom:74px}.hybrid .contact h2{font-size:46px;letter-spacing:-2px;line-height:1.15}.hybrid .site-footer .brand{color:#fff}.hybrid .site-footer .brand small{color:#a7b6a7}.hybrid-preview-link{margin-top:24px}.hybrid .option-feature p{font-size:11px}.hybrid .option-feature h3{font-size:14px}.hybrid .option-see{font-size:9px}
@media(max-width:1050px){.hybrid .wrap,.hybrid .option-wrap{width:calc(100% - 60px)}.hybrid .option-nav nav{gap:16px;font-size:10px}.hybrid .option-logo{font-size:23px}.hybrid .option-nav .option-btn{font-size:10px;padding:11px 13px}.hybrid .story-grid{gap:60px}.hybrid .story h2{font-size:37px}.hybrid .contact h2{font-size:40px}.hybrid .faq{gap:45px}.hybrid .detail-card h3{font-size:25px}}
@media(max-width:800px){.hybrid-menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:10px;border:1px solid #cdd8bf;background:transparent;border-radius:5px}.hybrid-menu>span{display:block;width:18px;height:1px;background:#20382b}.hybrid .option-nav{position:relative;padding-top:15px;padding-bottom:15px}.hybrid .option-nav nav{display:none;position:absolute;top:100%;left:-30px;right:-30px;background:#f8f9f5;padding:16px 30px 22px;box-shadow:0 14px 22px #20382b15;border-bottom:1px solid #dce5d1;gap:0;align-items:stretch;flex-direction:column}.hybrid .option-nav nav.open{display:flex}.hybrid .option-nav nav>a:nth-child(n){display:block;font-size:13px;padding:13px 8px}.hybrid .option-nav nav>a.option-btn{display:flex;color:#fff;margin-top:8px;padding:14px 15px}.hybrid .story-grid{gap:35px}.hybrid .section{padding-top:60px;padding-bottom:60px}.hybrid .section-heading h2,.hybrid .details-heading h2{font-size:34px}.hybrid .story h2{font-size:34px}.hybrid .story p{font-size:12px}.hybrid .story .story-lead{font-size:16px!important}.hybrid .story-symbol>img{width:125px;height:125px}.hybrid .contact h2{font-size:37px}.hybrid .detail-card p{font-size:11px}}
@media(max-width:540px){.hybrid .wrap,.hybrid .option-wrap{width:calc(100% - 36px)}.hybrid .option-nav nav{left:-18px;right:-18px;padding-left:18px;padding-right:18px}.hybrid .option-logo{font-size:22px}.hybrid .function-first{padding-top:27px;padding-bottom:18px}.hybrid .function-intro{margin-bottom:27px}.hybrid .function-intro p{font-size:12px;margin-top:14px;max-width:330px}.hybrid .function-intro h1{font-size:43px;letter-spacing:-2.2px}.hybrid .option-feature h3{font-size:12px}.hybrid .option-feature p{font-size:10px}.hybrid .option-see{font-size:8px}.hybrid .option-details{padding-bottom:34px}.hybrid .section{padding-top:48px;padding-bottom:48px}.hybrid .section-heading h2,.hybrid .details-heading h2{font-size:30px;letter-spacing:-1.5px}.hybrid .section-heading>p{font-size:12px}.hybrid .workflow-grid{margin-top:28px;gap:28px}.hybrid .workflow-grid p{font-size:12px}.hybrid .details-heading{margin-bottom:24px}.hybrid .detail-card{padding:25px}.hybrid .detail-card h3{font-size:26px}.hybrid .detail-card p{font-size:12px}.hybrid .detail-mobile{padding-bottom:0}.hybrid .faq{gap:25px;padding-top:44px;padding-bottom:46px}.hybrid .faq h2{font-size:30px}.hybrid .faq-list summary{font-size:12px}.hybrid .faq-list p{font-size:11px}.hybrid .story{padding-top:47px;padding-bottom:47px}.hybrid .story h2{font-size:32px;letter-spacing:-1.5px}.hybrid .story p{font-size:12px}.hybrid .story .story-lead{font-size:16px!important}.hybrid .story-symbol>img{width:80px;height:80px;margin:0}.hybrid .story-symbol>span{font-size:32px;right:-36px}.hybrid .contact{padding-top:47px;padding-bottom:47px}.hybrid .contact h2{font-size:35px;letter-spacing:-1.6px}.hybrid .contact-grid{gap:30px}.hybrid .contact p{font-size:12px}.hybrid .site-footer .brand{font-size:22px}}
/* A stronger opening, without burying the functions. */
.hybrid-header{background:#142f26f7;border-bottom-color:#ffffff1a}.hybrid .hybrid-header .option-logo{color:#fff}.hybrid .hybrid-header .option-nav nav{color:#c4d2bb}.hybrid .hybrid-header .option-nav nav>a:hover{color:#d0f374}.hybrid .hybrid-header .option-nav nav>a.option-btn{background:#d0f374;color:#142f26}.hybrid .hybrid-header .option-nav nav>a.option-btn:hover{background:#e0ff98}.hybrid .hybrid-menu{border-color:#ffffff35}.hybrid .hybrid-menu>span{background:#d0f374}.hybrid .attention-opening{background:#142f26;color:#fff;padding:0 0 38px;position:relative;overflow:hidden}.attention-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;padding:45px 0 42px}.attention-pitch{position:relative;z-index:2}.attention-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.7px;color:#c0d0af;font-weight:600}.attention-eyebrow>i{display:block;width:5px;height:5px;background:#d0f374;border-radius:50%;box-shadow:0 0 0 4px #d0f37412}.hybrid .attention-pitch h1{font-size:clamp(53px,4.9vw,73px);line-height:1.06;letter-spacing:-3.8px;font-weight:600;margin:22px 0}.hybrid .attention-pitch h1 em{color:#d0f374;font-style:normal;position:relative;display:inline-block}.attention-pitch h1 em:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:8px;border-top:1.5px solid #d0f374;border-radius:50%;transform:rotate(-2deg)}.attention-lead{font-size:19px;line-height:1.5;color:#edf3e7;letter-spacing:-.4px;margin-top:29px}.attention-description{font-size:12px;line-height:1.8;color:#b0c3a3;max-width:405px;margin-top:15px}.attention-actions{display:flex;align-items:center;gap:28px;margin-top:24px}.attention-actions .option-btn{font-size:12px;padding:16px 21px;gap:35px}.attention-actions .option-btn>span{font-size:17px;font-weight:400}.attention-text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;color:#e3edda}.attention-text-link:hover{color:#d0f374}.attention-meta{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1.6;color:#a7bd98;margin-top:21px;flex-wrap:wrap}.attention-meta svg{width:13px;height:13px}.attention-meta>span{border-left:1px solid #ffffff2a;padding-left:11px;margin-left:5px;color:#c5d5b8}.attention-visual{position:relative;min-width:0;max-width:490px;width:100%;margin:0 5px 0 auto;padding:19px 0 23px}.attention-board{position:relative;background:#fbfcf7;color:#20382b;border:1px solid #b6c8a1;border-radius:10px;padding:21px;box-shadow:0 24px 50px #0003;transform:rotate(2deg);z-index:2}.mini-board-head{display:flex;gap:7px;align-items:center;border-bottom:1px solid #e0e7d6;padding-bottom:14px}.mini-board-head>strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.6px}.mini-board-head>span{font-size:6px;letter-spacing:1.2px;color:#7d8e6d;margin-left:auto}.mini-board-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0 15px}.mini-board-title small{font-size:6px;letter-spacing:1px;color:#80916f}.hybrid .mini-board-title h2{font-size:23px;letter-spacing:-.8px;margin-top:6px}.board-status{display:flex;align-items:center;gap:4px;background:#e9f1dc;border-radius:4px;color:#5f7c43;font-size:7px;padding:6px 7px;white-space:nowrap}.board-status>i{width:4px;height:4px;display:block;border-radius:50%;background:#80a254}.mini-board-project{display:grid;grid-template-columns:42% 1fr;gap:14px;padding-bottom:16px;border-bottom:1px solid #e3e9da}.mini-board-project>img{width:100%;height:114px;object-fit:cover;border-radius:5px}.mini-board-project>div{min-width:0;padding-top:2px}.mini-board-project small{font-size:6px;letter-spacing:1.1px;color:#8c9b7e}.hybrid .mini-board-project h3{font-size:13px;letter-spacing:-.3px;margin:7px 0}.mini-board-project>div>span{font-size:8px;color:#6e825b}.board-progress{margin-top:14px;height:4px;border-radius:5px;background:#e6eddb;overflow:hidden}.board-progress i{display:block;width:75%;height:100%;background:#8aa958;border-radius:5px}.mini-board-project p{display:flex;justify-content:space-between;font-size:7px;color:#7e8d6d;margin-top:7px}.mini-board-project b{font-weight:600;color:#446732}.mini-board-crew{display:flex;align-items:center;gap:10px;margin-top:16px}.board-avatars{display:flex;padding-left:5px}.board-avatars b{display:grid;place-items:center;font-size:6px;width:25px;height:25px;border-radius:50%;border:2px solid #fbfcf7;background:#dbe7ce;margin-left:-5px;color:#4e6e3d}.board-avatars b:nth-child(2){background:#e8d9c0;color:#8b7049}.board-avatars b:nth-child(3){background:#cfe0dc;color:#426f65}.mini-board-crew strong{display:block;font-size:9px;font-weight:600}.mini-board-crew small{font-size:7px;color:#829072;display:block;margin-top:4px}.mini-board-crew>svg{margin-left:auto;width:18px;height:18px;color:#83a256}.mini-board-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:17px;padding:12px;background:#eef3e6;border-radius:4px}.mini-board-bottom>span{display:flex;gap:6px;align-items:center;font-size:8px;color:#607d45}.mini-board-bottom svg{width:13px;height:13px}.attention-tag{position:absolute;bottom:1px;right:-15px;z-index:3;background:#d0f374;color:#1c3a26;padding:12px 17px;font-size:10px;display:flex;align-items:center;gap:8px;transform:rotate(-3deg);border-radius:4px;box-shadow:0 8px 20px #0002}.attention-tag svg{width:15px;height:15px}.attention-guide{position:absolute;left:-22px;right:-22px;z-index:0;height:1px;background:#b5cf9a30}.attention-guide:before,.attention-guide:after{content:'';position:absolute;top:-4px;height:9px;width:1px;background:#b5cf9a40}.attention-guide:before{left:0}.attention-guide:after{right:0}.guide-top{top:0}.guide-bottom{bottom:-10px}.hybrid .attention-opening .functions-heading{border-top:1px solid #ffffff20;padding-top:24px;margin-bottom:15px}.hybrid .attention-opening .functions-heading h2{color:#f0f5e9;font-size:21px;letter-spacing:-.7px}.hybrid .attention-opening .functions-heading>span{color:#b6caa5;font-size:9px}.hybrid .attention-opening .option-feature-grid{gap:10px}.hybrid .attention-opening .option-feature{background:#1d3b2d;border-color:#3c5540;min-height:147px;padding:19px 19px 16px;color:#f1f6e9;box-shadow:0 3px 0 #00000008;transition:background .18s,transform .18s,border-color .18s}.hybrid .attention-opening .option-feature:hover{background:#294a36;border-color:#93b466;transform:translateY(-3px)}.hybrid .attention-opening .option-feature[aria-selected=true]{background:#d0f374;border-color:#d0f374;color:#183325}.hybrid .attention-opening .option-feature h3{font-size:14px;line-height:1.4;margin:15px 0 9px;padding-right:23px}.hybrid .attention-opening .option-feature p{font-size:10px;color:#bdcdb1;line-height:1.6}.hybrid .attention-opening .option-feature[aria-selected=true] p{color:#4b662f}.hybrid .attention-opening .option-feature-icon{color:#bfd79b;top:19px;right:17px}.hybrid .attention-opening .option-feature[aria-selected=true] .option-feature-icon{color:#41652b}.hybrid .attention-opening .option-feature-icon svg{width:23px;height:23px}.feature-number{font-size:7px;letter-spacing:1px;color:#9cb485;display:block}.hybrid .attention-opening .option-feature[aria-selected=true] .feature-number{color:#66863c}.hybrid .attention-opening .option-see{font-size:8px;color:#cee3b6;margin-top:12px}.hybrid .attention-opening .option-feature[aria-selected=true] .option-see{color:#355322}.hybrid .option-details{padding-top:30px}.hybrid .option-feature-panel{border-color:#d7e3c8}.attention-hero{animation:opening-arrive .55s ease-out both}.attention-opening .option-feature-grid{animation:opening-arrive .65s .08s ease-out both}@keyframes opening-arrive{from{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.attention-hero{gap:40px;padding-top:36px;padding-bottom:37px}.hybrid .attention-pitch h1{font-size:59px;letter-spacing:-3.2px}.attention-lead{font-size:17px}.attention-description{font-size:11px}.attention-board{padding:17px}.mini-board-project>img{height:105px}.hybrid .mini-board-project h3{font-size:12px}.hybrid .mini-board-title h2{font-size:21px}.attention-tag{right:-7px;font-size:9px;padding:11px 14px}.hybrid .attention-opening .option-feature h3{font-size:13px}.hybrid .attention-opening .option-feature p{font-size:10px}}
@media(max-width:800px){.hybrid .hybrid-header .option-nav nav{background:#142f26;border-color:#ffffff25}.hybrid .hybrid-header .option-nav nav>a.option-btn{color:#142f26}.attention-hero{gap:29px;grid-template-columns:1fr 1fr;padding-top:33px;padding-bottom:30px}.hybrid .attention-pitch h1{font-size:47px;letter-spacing:-2.6px}.attention-eyebrow{font-size:6px;letter-spacing:1.1px;line-height:1.8}.attention-lead{font-size:15px}.attention-description{font-size:10px;margin-top:12px}.attention-actions{gap:17px;flex-wrap:wrap;margin-top:20px}.attention-actions .option-btn{font-size:10px;padding:14px 16px;gap:17px}.attention-text-link{font-size:10px;gap:9px}.attention-meta{font-size:7px;margin-top:17px}.attention-meta>span{margin-left:0}.attention-board{padding:14px}.mini-board-head>strong{font-size:12px}.mini-board-head>img{width:24px;height:24px}.mini-board-head>span{font-size:5px;letter-spacing:.7px}.mini-board-title{gap:6px;margin-top:13px}.hybrid .mini-board-title h2{font-size:18px}.board-status{font-size:6px;padding:5px}.mini-board-project{gap:10px;grid-template-columns:38% 1fr}.mini-board-project>img{height:100px}.hybrid .mini-board-project h3{font-size:10px;margin:6px 0}.mini-board-project small{font-size:5px}.mini-board-project>div>span{font-size:7px}.mini-board-project p{font-size:6px}.mini-board-bottom{padding:9px;gap:7px}.mini-board-bottom>span{font-size:6px;gap:4px}.mini-board-bottom svg{width:11px;height:11px}.attention-tag{font-size:8px;right:-4px;padding:10px 12px}.hybrid .attention-opening .functions-heading h2{font-size:19px}.hybrid .attention-opening .functions-heading>span{font-size:8px}.hybrid .attention-opening .option-feature{padding:16px 14px}.hybrid .attention-opening .option-feature h3{font-size:12px}.hybrid .attention-opening .option-feature-icon{right:14px;top:16px}.hybrid .attention-opening .option-feature-icon svg{width:19px;height:19px}.hybrid .attention-opening .option-feature p{font-size:9px}}
@media(max-width:540px){.hybrid .attention-opening{padding-bottom:27px}.attention-hero{grid-template-columns:1fr;gap:21px;padding-top:28px;padding-bottom:29px}.attention-eyebrow{font-size:7px;letter-spacing:1.2px}.hybrid .attention-pitch h1{font-size:51px;line-height:1.06;letter-spacing:-2.9px;margin:18px 0}.attention-lead{font-size:16px;line-height:1.5;margin-top:26px}.attention-description{font-size:11px;line-height:1.8;max-width:340px;margin-top:11px}.attention-actions{gap:25px;margin-top:19px}.attention-actions .option-btn{font-size:11px;gap:22px;padding:15px 17px}.attention-text-link{font-size:11px;gap:13px}.attention-meta{font-size:7px;margin-top:16px;gap:5px}.attention-meta>span{margin-left:3px;padding-left:9px}.attention-visual{max-width:355px;margin:0 auto;padding:14px 7px 20px}.attention-board{padding:15px;transform:rotate(1.5deg);border-radius:8px}.mini-board-head{padding-bottom:11px}.mini-board-head>strong{font-size:13px}.mini-board-head>span{font-size:5px;letter-spacing:.9px}.mini-board-head>img{width:25px;height:25px}.mini-board-title{margin:12px 0}.mini-board-title small{font-size:5px}.hybrid .mini-board-title h2{font-size:20px;margin-top:5px}.board-status{font-size:6px;padding:5px 7px}.mini-board-project{grid-template-columns:39% 1fr;gap:12px;padding-bottom:12px}.mini-board-project>img{height:91px}.hybrid .mini-board-project h3{font-size:11px;margin:6px 0}.mini-board-project small{font-size:5px}.mini-board-project>div>span{font-size:7px}.board-progress{margin-top:11px}.mini-board-project p{font-size:6px;margin-top:5px}.mini-board-crew{margin-top:12px;gap:8px}.mini-board-crew strong{font-size:8px}.mini-board-crew small{font-size:6px}.board-avatars b{width:23px;height:23px;font-size:5px}.mini-board-bottom{padding:9px;margin-top:12px}.mini-board-bottom>span{font-size:7px;gap:5px}.mini-board-bottom svg{width:11px;height:11px}.attention-tag{right:-1px;bottom:3px;font-size:8px;padding:10px 12px;gap:6px}.attention-tag svg{width:13px;height:13px}.attention-guide{left:-6px;right:-6px}.guide-bottom{bottom:-1px}.hybrid .attention-opening .functions-heading{padding-top:20px;margin-bottom:13px}.hybrid .attention-opening .functions-heading h2{font-size:21px;line-height:1.25;letter-spacing:-.7px;max-width:290px}.hybrid .attention-opening .functions-heading>span{font-size:9px;margin-top:9px}.hybrid .attention-opening .option-feature-grid{gap:8px}.hybrid .attention-opening .option-feature{padding:14px 11px;min-height:170px}.hybrid .attention-opening .option-feature-icon{position:absolute;top:13px;right:11px}.hybrid .attention-opening .option-feature-icon svg{width:18px;height:18px}.hybrid .attention-opening .option-feature h3{font-size:12px;padding-right:0;margin-top:17px;margin-bottom:8px;line-height:1.4;letter-spacing:-.25px}.hybrid .attention-opening .option-feature p{font-size:10px;line-height:1.6}.hybrid .attention-opening .option-see{font-size:8px;margin-top:12px}.feature-number{font-size:6px}.hybrid .option-details{padding-top:21px}.hybrid .attention-pitch h1 em:after{bottom:-7px;height:7px}}
@media(max-width:360px){.hybrid .attention-pitch h1{font-size:46px}.attention-meta>span{border:0;margin-left:0;padding-left:0;flex-basis:100%;padding-top:2px}.attention-actions{gap:20px}.attention-actions .option-btn{font-size:10px;padding:14px 15px}.attention-text-link{font-size:10px}.attention-eyebrow{font-size:6px;letter-spacing:1px}.hybrid .mini-board-project h3{font-size:10px}.mini-board-project>img{height:88px}.mini-board-title small{font-size:4.5px}}
@media(prefers-reduced-motion:reduce){.attention-hero,.attention-opening .option-feature-grid{animation:none;transform:none;opacity:1}}

/* Keep the mobile opening direct: the six functions remain close to the headline. */
@media(max-width:540px){.attention-hero{padding-top:27px;padding-bottom:25px;gap:0}.attention-visual{display:none}.attention-pitch:before{content:'';position:absolute;right:-30px;top:26px;width:145px;height:145px;background:url('/assets/favicon.svg') center/contain no-repeat;opacity:.055;transform:rotate(12deg);z-index:-1;pointer-events:none}.attention-lead{margin-top:24px}.attention-description{max-width:330px}.hybrid .attention-opening .functions-heading{padding-top:21px}}