/* Focused commercial pages. Original Taller Manager styles and pointer motion remain shared. */
.tm-btn--outline { border:1px solid #ff9e3e70; color:#ffd1a0; background:#070d18a6; }
.tm-btn--outline:hover { border-color:#ffac50; background:#ff8c0010; }
.story-hero-layout { width:min(100% - 64px,1200px); margin-inline:auto; }
.story-hero-split { min-height:620px; background:radial-gradient(ellipse at 90% 30%,#ff8c000b,transparent 60%),#030812; }
.story-hero-split .story-hero-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:55px; }
.story-hero-split h1 { font-size:clamp(2.6rem,4.6vw,4.15rem); }
.story-hero-split .story-hero-shade { background:linear-gradient(0deg,#030812,transparent 55%); }
.story-hero-visual { position:relative; min-width:0; border-radius:24px; overflow:hidden; }
.story-hero-visual>.tm-card-glow { z-index:2; pointer-events:none; }
.story-hero-compact { min-height:440px; background:radial-gradient(ellipse at 85% 20%,#ff8c000b,transparent 60%),#030812; }
.story-hero-compact .story-hero-shade { background:none; }
.story-hero-compact .story-intro { max-width:730px; }
.product-visual { position:relative; width:100%; min-width:0; border:1px solid #ff8c002d; border-radius:22px; background:radial-gradient(ellipse at 100% 0,#ff8c000e,transparent 60%),linear-gradient(135deg,#101a2b,#070e19); box-shadow:0 30px 85px #0003; padding:24px; color:#e0e6f0; overflow:hidden; }
.visual-topline { display:flex; align-items:center; gap:13px; padding-bottom:20px; border-bottom:1px solid #ffffff0c; }
.visual-topline img { object-fit:contain; width:54px; height:23px; flex-shrink:0; }
.visual-topline>span { font-size:.53rem; line-height:1.6; letter-spacing:.1em; color:#a8b3c6; }
.visual-topline>i { width:6px; height:6px; border-radius:50%; background:#ff9c3e; margin-left:auto; box-shadow:0 0 14px #ff8c0090; flex-shrink:0; }
.visual-disclosure { margin:22px 0 0!important; color:#98a7bc!important; font-size:.58rem!important; line-height:1.6!important; letter-spacing:.015em; }
.visual-eyebrow { font-size:.56rem!important; color:#b0bacc!important; line-height:1.7!important; letter-spacing:.12em; margin:0 0 13px!important; }
.visual-status { display:inline-block; font-size:.61rem; color:#9eddad; border:1px solid #5bba762d; padding:6px 10px; border-radius:20px; background:#5bba760d; white-space:nowrap; }
.visual-order { padding:26px 0 0; }
.visual-order-heading { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.product-visual h3 { margin:0; font-size:1.65rem; font-weight:700; letter-spacing:-.035em; line-height:1.2; color:#f5f7fc; }
.visual-order ol { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:11px; }
.visual-order li { display:flex; gap:17px; align-items:center; padding:15px 14px; background:#ffffff03; border:1px solid #ffffff09; border-radius:12px; }
.visual-order li>span { font-size:.6rem; color:#ffb35d; }
.visual-order li strong { font-size:.76rem; font-weight:600; }
.visual-order li p { color:#98a8c0; font-size:.65rem; margin:5px 0 0; line-height:1.7; }
.visual-order li>.icon { width:18px; margin-left:auto; color:#ffad55; flex-shrink:0; }
.visual-phone { max-width:270px; margin:25px auto 0; border:1px solid #ffffff24; border-radius:30px; background:#080e17; padding:17px 22px 24px; box-shadow:0 12px 35px #0004; }
.phone-speaker { display:block; width:45px; height:4px; border-radius:4px; background:#ffffff28; margin:0 auto 25px; }
.visual-phone .visual-status { margin-top:18px; }
.visual-phone h3 { font-size:1.55rem; }
.visual-phone-card { display:flex; align-items:flex-start; gap:11px; padding-top:22px; margin-top:20px; border-top:1px solid #ffffff0d; }
.visual-phone-card>.icon { color:#ffb165; width:19px; flex-shrink:0; }
.visual-phone-card strong { font-size:.73rem; }
.visual-phone-card p { margin:7px 0 0; color:#98a8be; line-height:1.8; font-size:.67rem; }
.visual-phone-brand { display:block; color:#7e8da5; font-size:.42rem; letter-spacing:.11em; margin-top:25px; }
.document-journey { display:grid; grid-template-columns:minmax(0,.85fr) 25px minmax(0,1.15fr); align-items:center; gap:15px; min-height:310px; }
.document-sheet { border:1px solid #a9bad331; background:#ffffff04; border-radius:5px 20px 5px 5px; padding:24px 18px; }
.document-sheet>.icon { color:#ffb770; width:33px; height:33px; }
.document-sheet>span { display:block; font-size:.46rem; line-height:1.7; letter-spacing:.08em; color:#b0bdd1; margin:20px 0; }
.document-sheet i { display:block; height:3px; border-radius:3px; background:#c5d5ef20; margin:12px 0; }
.document-sheet i:nth-of-type(2) { width:65%; }
.document-sheet strong { display:block; font-size:.65rem; line-height:1.8; margin-top:23px; color:#d1dae9; }
.journey-connector { color:#ffa34a; }
.document-result h3 { font-size:1.5rem; margin:19px 0 15px; }
.document-result>p { font-size:.65rem; line-height:1.9; color:#9cacc2; }
.visual-result-row { display:flex; gap:10px; font-size:.65rem; line-height:1.7; margin-top:18px; color:#becbde; }
.visual-result-row .icon { width:16px; height:16px; flex-shrink:0; color:#ffa84f; }
.visual-chat { padding:28px 0 6px; }
.visual-message { width:90%; border:1px solid #81d26f20; border-radius:14px 14px 14px 3px; background:#90d3730a; padding:20px; margin:20px 0; }
.visual-message p { font-size:.82rem; line-height:1.85; color:#ccdccd; margin:0; }
.visual-message strong { color:#94dc7c; font-size:.67rem; display:block; margin-bottom:8px; }
.visual-message-user { margin-left:auto; background:#ffffff05; border-color:#ffffff12; border-radius:14px 14px 3px 14px; }
.visual-message-user>.icon { color:#9ee27f; margin-bottom:12px; width:20px; }
.visual-chat-footer { display:flex; gap:9px; color:#91a99d; font-size:.6rem; align-items:center; }
.visual-chat-footer>.icon { width:15px; height:15px; }
.visual-choice { display:grid; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); gap:13px; align-items:stretch; padding:32px 0 15px; }
.visual-choice>div { border:1px solid #ff8c0026; background:#ffffff03; border-radius:13px; padding:20px 15px; }
.visual-choice .icon { color:#ffb05e; margin-bottom:22px; }
.visual-choice h3 { font-size:1.25rem; }
.visual-choice p { color:#b4bfd0; font-size:.7rem; line-height:1.85; margin:14px 0 25px; }
.visual-choice div>span { display:block; color:#8798b1; font-size:.55rem; line-height:1.9; }
.choice-bridge { align-self:center; color:#ffab55; }
.visual-choice-foot { color:#a2afc5; font-size:.66rem; line-height:1.8; margin:10px 0 0; }
.visual-criteria { padding:32px 0 10px; }
.visual-criteria h3 { margin:0 0 28px; }
.visual-criteria>div { display:flex; gap:14px; align-items:center; padding:21px 0; border-top:1px solid #ffffff0d; color:#c3cedf; font-size:.8rem; line-height:1.8; }
.visual-criteria .icon { color:#ffac59; width:18px; flex-shrink:0; }
.visual-network { display:flex; align-items:center; justify-content:center; padding:40px 0 30px; }
.visual-network>div { display:flex; flex-direction:column; gap:13px; align-items:center; min-width:60px; }
.visual-network>div>.icon { color:#ffab55; width:29px; height:29px; }
.visual-network>div>span { font-size:.65rem; color:#aebdd2; white-space:nowrap; }
.visual-network .network-core { padding:25px 18px; border:1px solid #ff8c0045; border-radius:20px; background:#ff8c0008; box-shadow:0 0 50px #ff8c000b; text-align:center; }
.network-core strong { font-size:1.2rem; line-height:1.2; letter-spacing:.02em; color:#ffcb96; }
.network-core small { color:#aaaeba; font-size:.49rem; white-space:nowrap; }
.network-line { height:1px; min-width:18px; max-width:50px; flex:1; background:linear-gradient(90deg,#ff8c0025,#ff8c00a0); }
.visual-network-tags { display:flex; justify-content:center; gap:15px; flex-wrap:wrap; padding-bottom:8px; }
.visual-network-tags span { font-size:.6rem; color:#9bacbf; }
.home-area-card { display:block; padding-bottom:55px; }
.home-area-card>span:not(.home-area-icon):not(.home-area-link) { display:block; font-size:.57rem; letter-spacing:.1em; color:#ffae59; margin-bottom:16px; }
.home-area-card h3 { font-size:1.28rem; }
.home-area-icon { display:block; margin-bottom:28px; color:#ffad58; }
.home-area-icon .icon { width:29px; height:29px; }
.home-area-link { display:flex; gap:10px; align-items:center; color:#ffbf7e; font-size:.7rem; margin-top:23px; }
.home-area-link>.icon { width:15px; height:15px; }
.home-network-card .product-visual { margin:15px 26px 26px; width:calc(100% - 52px); padding:18px; border-color:#ff8c0020; box-shadow:none; background:#03081250; }
.home-network-card .visual-topline { padding-bottom:12px; }
.home-network-card .visual-network { padding-top:32px; }
.home-network-card .visual-disclosure { font-size:.5rem!important; }
.home-product-preview { position:relative; border-radius:22px; overflow:hidden; }
.home-context .text-link { margin-top:25px; }
.home-refined .tm-hero-sub { max-width:700px; }
.home-refined .tm-bento-head .tm-block-desc { margin-inline:auto; max-width:600px; }
.home-refined .whatsapp-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:65px; align-items:center; }
.home-agent .whatsapp-visual { min-height:0; aspect-ratio:1.1; }
.home-agent .whatsapp-visual img { width:100%; height:100%; object-fit:cover; }
.home-voice-example { display:grid; grid-template-columns:25px minmax(0,1fr); gap:8px 12px; padding:20px; border:1px solid #88db592a; border-radius:14px; margin:25px 0; background:#88db5905; }
.home-voice-example>.icon { color:#97df78; width:21px; }
.home-voice-example p { font-size:.82rem!important; margin:0!important; line-height:1.85!important; }
.home-voice-example small { grid-column:2; color:#899c8f; font-size:.6rem; line-height:1.8; }
.presentation-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; gap:60px; padding:50px; border:1px solid #ff8c002b; border-radius:24px; background:radial-gradient(ellipse at right,#ff8c0007,transparent 60%); }
.presentation-copy h2 { font-size:clamp(1.9rem,3.4vw,3rem); line-height:1.15; margin-bottom:23px; }
.presentation-copy>p:not(.tm-block-tag) { color:#a4b1c5; line-height:1.9; font-size:.94rem; margin-bottom:25px; }
.presentation-note { display:block; margin-top:17px; color:#8c9bb2; font-size:.64rem; }
.presentation-preview { position:relative; display:flex; flex-direction:column; justify-content:center; aspect-ratio:1.2; border:1px solid #ff8c0045; border-radius:20px; padding:35px; overflow:hidden; background:linear-gradient(130deg,#03081250,#030812b0),url('/images/home/hero-network.webp') center/cover; }
.presentation-preview-grid { position:absolute; inset:0; background:radial-gradient(ellipse at 80% 15%,#ff8c0030,transparent 70%); transition:opacity .3s; }
.presentation-preview-brand { font-size:clamp(1.8rem,3.4vw,3rem); line-height:1.1; font-weight:750; z-index:1; letter-spacing:-.04em; color:#fff; }
.presentation-preview-brand strong { color:#ffae62; }
.presentation-play { z-index:1; position:absolute; top:24px; right:24px; display:grid; place-items:center; width:45px; height:45px; border:1px solid #ffae6260; border-radius:50%; color:#ffc385; font-size:23px; transition:transform .25s; }
.presentation-preview:hover .presentation-play { transform:translate(3px,-3px); }
.presentation-preview-footer { z-index:1; display:block; color:#e7b983; font-size:.55rem; letter-spacing:.17em; margin-top:30px; }
.home-contact .contact-panel>p:not(.eyebrow) { max-width:620px; margin-inline:auto; }
.home-contact-actions { display:flex; gap:28px; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.product-benefits { padding-top:20px; }
.product-benefits h2,.agent-refined .story-card h2 { font-size:1.25rem; font-weight:750; line-height:1.3; margin-bottom:15px; }
.product-explanation { scroll-margin-top:110px; padding-block:55px; }
.product-explanation-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:80px; align-items:center; border-top:1px solid #ff8c0025; padding-top:45px; }
.product-points { list-style:none; border:1px solid #ffffff0c; border-radius:18px; padding:12px 25px; background:#ffffff02; }
.product-points li { display:flex; align-items:center; gap:17px; font-size:.92rem; line-height:1.85; color:#b4c0d2; padding:22px 0; }
.product-points li+li { border-top:1px solid #ffffff0b; }
.product-points .icon { flex-shrink:0; width:20px; color:#ffb169; }
.presentation-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:35px; border:1px solid #ff8c0028; border-radius:20px; padding:35px; background:#ff8c0003; }
.presentation-strip h2 { font-size:1.8rem; margin-bottom:14px; }
.presentation-strip p:not(.tm-block-tag) { color:#9dabbe; line-height:1.8; font-size:.88rem; }
.presentation-strip .tm-btn { flex-shrink:0; }
.agent-refined .agent-scope-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:65px; align-items:center; }
.agent-scope-panel h2 { font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.2; }
.agent-scope-panel p:not(.tm-block-tag) { color:#a1b0c2; line-height:1.95; font-size:.93rem; margin:25px 0; }
.agent-distinction { border:1px solid #ffffff10; padding:35px; border-radius:20px; background:#ffffff02; }
.agent-distinction>.icon { color:#ffb05e; margin-bottom:25px; }
.agent-distinction h3 { font-size:1.4rem; line-height:1.3; font-weight:700; }
.refined-resources { grid-template-columns:repeat(2,minmax(0,1fr)); }
.resource-diagram { padding:20px; background:#ffffff01; }
.resource-diagram .product-visual { box-shadow:none; padding:18px; }
.resource-diagram .visual-topline { display:none; }
.resource-diagram .visual-choice,.resource-diagram .visual-criteria { padding-top:10px; }
.resource-diagram .visual-disclosure { display:none; }
.resource-diagram .visual-choice-foot { padding-bottom:10px; }
.resource-diagram .visual-criteria>div { padding-block:15px; }
@media(max-width:1100px) {
    .story-hero-split .story-hero-layout { gap:30px; }
    .story-hero-split h1 { font-size:3rem; }
    .product-visual { padding:20px; }
    .document-journey { grid-template-columns:minmax(0,1fr); gap:15px; padding-top:20px; }
    .document-sheet { display:none; }.journey-connector { display:none; }
    .document-result { padding:8px; }.document-result h3 { font-size:1.8rem; }
    .presentation-panel { padding:35px; gap:35px; }
    .product-explanation-grid { gap:45px; }
}
@media(max-width:900px) {
    .story-hero-split .story-hero-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
    .story-hero-split .story-hero-visual { max-width:600px; width:100%; }
    .story-hero-split { padding-bottom:50px; }
    .story-hero-split h1 { font-size:clamp(2.4rem,6vw,3.5rem); }
    .story-hero-split .breadcrumbs { margin-bottom:30px; }
    .story-hero-split .hero-rule { margin-top:25px; }
    .document-journey { grid-template-columns:minmax(0,.85fr) 25px minmax(0,1.15fr); }
    .document-sheet { display:block; }.journey-connector { display:block; }
    .home-refined .whatsapp-grid { gap:35px; }
    .presentation-panel { grid-template-columns:minmax(0,1fr); }
    .presentation-preview { aspect-ratio:2; }
    .product-explanation-grid { grid-template-columns:minmax(0,1fr); gap:25px; }
    .product-explanation .tm-feature-title { max-width:700px; }
    .presentation-strip-inner { align-items:flex-start; flex-direction:column; }
}
@media(max-width:700px) {
    .story-hero-layout { width:calc(100% - 36px); }
    .home-refined .whatsapp-grid,.agent-refined .agent-scope-panel,.refined-resources { grid-template-columns:minmax(0,1fr); }
    .home-agent .whatsapp-visual { aspect-ratio:1.3; }
    .home-network-card .product-visual { margin:15px 20px 20px; width:calc(100% - 40px); }
    .home-agent .whatsapp-copy { padding-top:10px; }
    .story-hero-compact { min-height:0; padding:40px 0 50px; }
    .story-hero-compact .breadcrumbs { margin-bottom:28px; }
    .story-hero-compact h1 { font-size:clamp(2.2rem,7vw,3rem); }
    .presentation-panel { padding:28px; }
    .presentation-preview { aspect-ratio:1.6; padding:27px; }
    .presentation-preview-brand { font-size:2.2rem; }
    .agent-scope-panel { gap:35px!important; }
    .product-benefits .story-cards { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:420px) {
    .product-visual { padding:17px; border-radius:17px; }
    .visual-topline { gap:10px; }.visual-topline>span { font-size:.45rem; }
    .visual-network .network-core { padding:22px 12px; }.network-core strong { font-size:1rem; }
    .visual-network>div { min-width:43px; }.visual-network>div>span { font-size:.56rem; }
    .visual-network>div>.icon { width:23px; }.network-line { min-width:9px; }
    .visual-network-tags { gap:12px; }.visual-network-tags span { font-size:.54rem; }
    .visual-order li { padding:13px 10px; gap:11px; }.visual-order-heading { flex-direction:column; }
    .visual-order-heading h3 { font-size:1.45rem; }.visual-order li p { font-size:.6rem; }
    .document-journey { grid-template-columns:minmax(0,1fr); min-height:0; padding-bottom:10px; }.document-sheet,.journey-connector { display:none; }
    .document-result h3 { font-size:1.6rem; }
    .visual-choice { gap:8px; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr); }.visual-choice>div { padding:17px 11px; }.visual-choice h3 { font-size:1.1rem; }
    .visual-choice p { font-size:.65rem; }.visual-choice div>span { font-size:.5rem; }
    .home-network-card .visual-topline { display:none; }.home-network-card .visual-network { padding-top:17px; }
    .presentation-panel { padding:23px; gap:28px; }.presentation-copy .tm-btn { width:100%; font-size:.75rem; padding-inline:15px; }
    .presentation-preview-brand { font-size:1.8rem; }.presentation-preview { padding:23px; aspect-ratio:1.3; }
    .presentation-preview-footer { font-size:.48rem; letter-spacing:.1em; }
    .home-contact-actions { flex-direction:column; gap:24px; }.home-contact-actions .text-link { font-size:.75rem; }
    .product-explanation { padding-block:35px; }.presentation-strip-inner { padding:25px; }.presentation-strip h2 { font-size:1.55rem; }
    .agent-distinction { padding:25px; }.refined-resources .resource-copy { padding:23px; }
}
@media(prefers-reduced-motion:reduce) {.presentation-play{transition:none;}}