/* Homepage product scene; the rest of the site keeps its existing components. */
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%;align-items:center}
.hero>.hero-product{position:relative;isolation:isolate;min-width:0;max-width:600px;width:100%;margin:0;padding:20px 22px 22px;background:#e9eddf;border:1px solid #dce1d2;border-radius:28px;box-shadow:0 28px 65px -40px #263d29a6;animation:product-enter .6s ease-out both}
.hero-product:before{content:'';position:absolute;z-index:-1;inset:10% -14px -15px 18%;border-radius:30px;background:var(--lime);transform:rotate(3deg)}
.product-cap{display:flex;justify-content:space-between;align-items:center;margin:0 2px 16px;color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}
.product-mark{font:25px/1 'Young Serif',Georgia,serif;text-transform:none;letter-spacing:-1px;color:var(--ink)}.product-mark>span{color:var(--orange)}
.hero-product .channel-example{background:#fff;border:1px solid #cdd6c9;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px -12px #344a34}
.hero-product .example-switch{padding:7px;gap:5px;background:#f7f8f4;border-bottom:1px solid #e3e7dd;flex-wrap:nowrap}
.hero-product .example-switch button{border:0;border-radius:10px;min-height:41px;background:transparent;font-size:12px;color:#667262;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,color .18s,box-shadow .18s}
.hero-product .example-switch button[aria-selected=true]{background:var(--pine);color:#fff;box-shadow:0 3px 6px #1f5e3b19}
.hero-product .example-switch button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.channel-icon{display:block;width:15px;height:12px;border:1.4px solid currentColor;position:relative;flex:none}.email-icon{border-radius:3px}.email-icon:after{content:'';position:absolute;width:8px;height:8px;top:-4px;left:2px;transform:rotate(45deg);border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor}.whatsapp-icon{height:15px;border-radius:50%}.whatsapp-icon:after{content:'';position:absolute;width:4px;height:4px;bottom:-2px;left:0;border-left:1.4px solid currentColor;transform:skew(-25deg);background:inherit}
.hero-product .channel-panel{min-height:330px;animation:channel-enter .22s ease-out both}
.product-mail-chrome{display:flex;align-items:center;gap:12px;background:#fcfcfa;border-bottom:1px solid #edf0e8;padding:11px 17px;color:#798273;font-size:10px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#ced5c6}.window-dots i:first-child{background:#e7aa92}.chrome-count{margin-left:auto;border-radius:4px;background:#edf1e8;padding:1px 5px;font-size:9px}
.product-mail-thread{padding:18px 20px 20px}.product-subject{display:grid;gap:4px;margin-bottom:20px}.product-subject>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7a8474}.product-subject strong{font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.25}
.product-mail-request{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.person-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#eae2cf;font-size:11px;color:#796947;font-weight:600}.product-mail-request>div{display:grid;gap:4px}.product-mail-request b{font-size:10px}.product-mail-request>div>span{font-size:12px;line-height:1.5}.product-mail-request time,.product-sender time{margin-left:auto;flex:none;font-size:8px;color:#929b8e;padding-top:2px}
.product-mail-answer{border-top:1px solid #e9ede4;padding-top:16px}.product-sender{display:flex;align-items:center;gap:10px}.selva-avatar{width:29px;height:29px;background:var(--pine);color:var(--lime);border-radius:9px;display:flex;justify-content:center;align-items:center;flex:none;font:23px/1 'Young Serif',Georgia,serif;letter-spacing:-2px;padding-right:2px}.selva-avatar>span{color:var(--orange)}.product-sender b{display:block;font-size:11px}.product-sender small{display:block;font-size:9px;color:#85907e;margin-top:1px}.product-mail-answer>p{font-size:12px;line-height:1.65;margin:12px 0;color:#4f594b}.linked-sources{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--pine);padding:4px 7px;background:#f0f5e9;border-radius:5px}.linked-sources i{width:8px;height:8px;border:1px solid #78986c;border-radius:50%}
.hero-product .whatsapp-view{padding:16px;background:#e6ebdf;background-image:radial-gradient(#bacab52b 1px,transparent 1px);background-size:16px 16px}
.product-phone{max-width:315px;margin:auto;background:#f0f1e8;border:5px solid #263e31;border-radius:29px;overflow:hidden;box-shadow:0 8px 15px -10px #17362380}.phone-status{display:flex;align-items:center;justify-content:space-between;height:25px;padding:5px 16px 1px;background:#fff;color:#29372b;font-size:9px;font-weight:600}.phone-camera{width:54px;height:12px;border-radius:20px;background:#263e31}.phone-battery{width:14px;height:7px;border:1px solid #263e31;border-radius:2px;position:relative}.phone-battery:after{content:'';position:absolute;inset:1px;background:#263e31}
.product-chat-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #e0e5d8}.product-chat-head>span:first-child{font-size:27px;color:var(--pine)}.product-chat-head .selva-avatar{width:27px;height:27px;border-radius:50%}.product-chat-head b{display:block;font-size:11px}.product-chat-head small{display:block;color:#8a957f;font-size:8px;margin-top:2px}.chat-menu{margin-left:auto;font-size:20px;letter-spacing:1px}
.product-chat-body{padding:12px 13px 8px;display:flow-root}.product-day{display:table;margin:0 auto 12px;background:#ffffffad;color:#738369;font-size:8px;padding:3px 8px;border-radius:5px}.product-bubble{max-width:91%;padding:10px 11px;margin-bottom:9px;border-radius:11px;box-shadow:0 2px 3px #355a3610}.product-bubble.outgoing{margin-left:auto;background:#dafa80;border-top-right-radius:2px}.product-bubble.incoming{background:#fff;border-top-left-radius:2px}.product-bubble p{margin:0 0 5px;font-size:11px;line-height:1.55}.product-bubble time{display:block;text-align:right;font-size:8px;color:#7a8970}.product-bubble time span{color:var(--pine)}.chat-file{display:flex;align-items:center;gap:7px;padding:8px 6px;margin:8px -3px 4px;background:#f0f5e9;border-radius:6px;font-size:9px;color:var(--pine);font-weight:600}.mini-file{width:15px;height:19px;border:1px solid #a4b69a;border-radius:3px;display:block;flex:none}
.product-composer{display:flex;align-items:center;gap:9px;padding:8px 10px 12px;color:#89917f;background:#f7f8f2;font-size:9px}.product-composer>span:first-child{font-size:19px;color:#657c59}.product-composer>span:nth-child(2){flex:1;border:1px solid #e0e5d8;background:#fff;border-radius:14px;padding:6px 9px}.product-composer>span:last-child{display:grid;place-items:center;width:24px;height:24px;background:var(--pine);color:white;border-radius:50%;font-size:15px}
.product-result{display:block;margin:14px 0 0;border:1px solid #d0d8c8;background:#fff;border-radius:15px;padding:16px 18px 0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.product-result:hover{transform:translateY(-3px);border-color:#93aa82;box-shadow:0 10px 20px -12px #34552e70}.result-title{display:flex;gap:10px;align-items:center}.result-title small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#8a947f}.result-title strong{display:block;font-size:12px;margin-top:3px}.result-arrow{font-size:19px;margin-left:auto;color:var(--pine)}.result-icon{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:30px;height:35px;background:#eef3e5;border-radius:6px;padding:7px;flex:none}.result-icon i{width:4px;height:45%;background:#92b174;border-radius:2px}.result-icon i:nth-child(2){height:70%}.result-icon i:last-child{height:100%;background:var(--pine)}
.result-data{display:flex;gap:15px;align-items:center;margin:17px 0}.result-data>div>span{display:block;color:#939d88;font-size:9px}.result-data>div>strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}.result-data strong small{font:600 9px 'Instrument Sans',sans-serif;letter-spacing:0;background:#edf4e4;color:var(--pine);padding:3px 5px;border-radius:4px;vertical-align:middle}.result-bars{display:flex;gap:5px;align-items:flex-end;justify-content:center;height:43px;flex:1;padding:0 10px}.result-bars i{flex:1;max-width:10px;height:32%;background:#cbdcb7;border-radius:3px 3px 0 0}.result-bars i:nth-child(2){height:50%}.result-bars i:nth-child(3){height:44%}.result-bars i:nth-child(4){height:65%}.result-bars i:nth-child(5){height:58%}.result-bars i:nth-child(6){height:80%}.result-bars i:last-child{height:100%;background:var(--pine)}.result-proposals{max-width:70px;border-left:1px solid #e7ecdf;padding-left:14px}.result-data .result-proposals strong{font-size:22px}.result-data .result-proposals span{font-size:8px;line-height:1.4;margin-top:4px}
.result-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -18px;padding:10px 18px;border-top:1px solid #edf0e7;background:#fbfcf8;border-radius:0 0 15px 15px;font-size:9px;color:var(--pine)}.result-bottom>span:first-child{display:flex;align-items:center;gap:5px}.result-bottom i{width:5px;height:5px;background:#799a54;border-radius:50%}
@keyframes product-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes channel-enter{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1051px){.hero h1{font-size:clamp(44px,4.3vw,62px)}.hero .intro{font-size:18px}.hero .caption{font-size:12px;max-width:400px}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:40px}.hero>.hero-product{max-width:650px}.hero-product .channel-panel{min-height:330px}.product-mail-thread{padding:22px 26px}.product-mail-answer>p,.product-mail-request>div>span{font-size:14px}}
@media(max-width:600px){.hero>.hero-product{padding:15px 12px 13px;border-radius:20px;width:100%;max-width:100%}.hero-product:before{inset:20% -6px -9px 10%;border-radius:22px;transform:rotate(2deg)}.product-cap{margin-bottom:13px;font-size:8px;letter-spacing:1px}.hero-product .example-switch button{font-size:11px;padding:8px}.product-mail-thread{padding:17px 14px}.product-subject strong{font-size:16px}.product-mail-request>div>span,.product-mail-answer>p{font-size:12px}.product-result{padding:14px 12px 0}.result-bottom{margin:0 -12px;padding:10px 12px;font-size:8px}.result-title strong{font-size:11px}.result-data{gap:8px}.result-data>div>strong{font-size:23px}.result-bars{gap:3px;padding:0 4px}.result-proposals{padding-left:9px;max-width:60px}.hero-product .whatsapp-view{padding:12px}.hero-product .channel-panel{min-height:340px}}
@media(prefers-reduced-motion:reduce){.hero-product,.hero-product .channel-panel{animation:none}.product-result,.hero-product .example-switch button{transition:none}.product-result:hover{transform:none}}