@scope (.work-section) {
@font-face{font-family:PinarLocal;src:url("../assets/fonts/pinar-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:GeistLocal;src:url("../assets/fonts/caa3a2e1cccd8315-s.0wgildi0cnwt9.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:GeistMonoLocal;src:url("../assets/fonts/GeistMono_Variable.3x-_q69-5-na5.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--blue:#145dee;--blue-dark:#1248c7;--ink:#09090b;--muted:#656b76;--line:#e5e5e5;--soft:#f7f9fc;--container:1200px;--gutter:clamp(20px,4vw,40px);--radius:18px;--font:GeistLocal,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:PinarLocal,GeistLocal,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}.skip-link{position:absolute;top:-60px;left:16px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:10px}.section-shell{width:min(var(--container),calc(100% - var(--gutter)*2));margin-inline:auto}
.site-header{height:64px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(229,229,229,.78);position:sticky;top:0;z-index:100;backdrop-filter:blur(18px)}.nav-wrap{height:100%;width:min(1120px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:124px;height:auto}.desktop-nav{display:flex;align-items:center;gap:26px;height:100%;margin-left:auto}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-trigger,.nav-link{font-size:13px;font-weight:550;color:#343943;white-space:nowrap}.nav-trigger{border:0;background:none;padding:14px 0;display:flex;align-items:center;gap:9px}.nav-trigger:hover,.nav-link:hover,.signin-link:hover{color:var(--blue)}.chevron{width:7px;height:7px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-trigger[aria-expanded=true] .chevron{transform:rotate(225deg) translate(-1px,-1px)}.nav-actions{display:flex;align-items:center;gap:20px;margin-left:8px}.language-link,.signin-link{font-size:13px;color:#454b55;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 21px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:9px;font-weight:600;font-size:13px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 8px 22px #145dee25}.button-small{min-height:39px;padding:0 16px;font-size:12px;border-radius:8px}.button-outline{background:#fff;color:#20242b;border-color:#d9dce2}.button-outline:hover{background:#f8faff;color:var(--blue);border-color:#b8cafa}.mega-menu{position:absolute;top:calc(100% - 1px);left:-30px;width:650px;background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 22px 50px #18213b16;padding:28px;display:grid;grid-template-columns:1fr 1.25fr;gap:28px}.mega-menu.compact{width:570px}.mega-intro{padding:6px 8px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--blue)}.mega-intro h3{font-size:22px;line-height:1.25;margin:13px 0 9px;letter-spacing:-.7px}.mega-intro p{font-size:13px;color:var(--muted);margin:0 0 18px}.text-link{font-size:13px;font-weight:650;color:var(--blue)}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mega-links a{font-size:12px;padding:10px 12px;border-radius:7px;color:#343943}.mega-links a:hover{background:#f2f6ff;color:var(--blue)}.mobile-menu-toggle,.mobile-menu{display:none}.menu-scrim{position:fixed;inset:82px 0 0;background:#0b132622;z-index:90}
.hero{min-height:740px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:58px;padding-top:42px;padding-bottom:52px}.hero.section-shell{width:min(1120px,calc(100% - 48px))}.hero-copy{max-width:570px;position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #e6ebf5;border-radius:30px;font-size:11px;color:#465064;background:#fff;margin-bottom:24px}.status-dot{width:7px;height:7px;background:#2fbe81;border-radius:50%;box-shadow:0 0 0 4px #2fbe8118}.hero h1{font-size:24px;line-height:1.7;letter-spacing:-.025em;font-weight:800;margin:0 0 22px;max-width:570px}.hero-lead{font-size:16px;line-height:1.8;color:#626b79;max-width:510px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:25px;font-size:11px;color:#727986}.proof-stars{color:#f0aa31;letter-spacing:2px;font-size:13px}.hero-visual{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual-glow{position:absolute;width:82%;height:82%;border-radius:50%;background:radial-gradient(ellipse,#dceaff 0%,#eef5ff 44%,transparent 72%);filter:blur(12px)}.hero-video-frame{position:relative;width:min(100%,590px);aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:#f5f8fc;box-shadow:0 28px 70px #193c791b;border:1px solid #e8edf5}.hero-video{width:100%;height:100%;object-fit:contain}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:1px solid #ffffffb8;background:#ffffffdf;display:grid;place-items:center;box-shadow:0 8px 35px #1a315c26;transition:.2s}.video-play:hover{transform:translate(-50%,-50%) scale(1.06)}.play-icon{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--blue);margin-left:4px}.video-caption{position:absolute;bottom:18px;left:20px;padding:7px 12px;background:#ffffffd9;border:1px solid #fff;border-radius:20px;font-size:10px;color:#4b5565;backdrop-filter:blur(10px)}.video-replay{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:20px}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7ebf2;border-radius:12px;padding:12px 14px;box-shadow:0 12px 35px #182b4b15;min-width:190px}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:11px}.floating-note small{font-size:9px;color:#7b8491;margin-top:2px}.note-one{top:62px;right:-10px}.note-two{bottom:58px;left:-18px}.note-icon{width:30px;height:30px;border-radius:9px;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.note-check{margin-left:auto;font-style:normal;color:#21a875}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e8efff;color:var(--blue);font-size:12px;font-weight:700}
.trust-strip{padding:27px 0 48px;border-top:1px solid #f0f1f4;text-align:center}.trust-strip>p{font-size:11px;color:#8a909b;margin:0 0 23px}.logo-marquee{display:flex;justify-content:space-between;align-items:center;gap:26px;overflow:hidden;color:#7b8490;font-size:19px;font-weight:720;letter-spacing:-.8px;opacity:.82}.logo-marquee span:nth-child(2){font-weight:850;font-style:italic}.logo-marquee span:nth-child(3){letter-spacing:-1.4px}.section{padding-top:90px;padding-bottom:100px}.section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.section-heading h2,.security-copy h2{font-size:clamp(29px,3vw,39px);line-height:1.22;letter-spacing:-1.3px;margin:12px 0 13px;font-weight:740}.section-heading p,.security-copy>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.why-section{border-top:1px solid #f0f1f4}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-card{border:1px solid #e8ebf0;border-radius:16px;padding:18px 18px 24px;position:relative;overflow:hidden;background:#fff}.card-number{font-family:GeistMonoLocal,monospace;font-size:10px;color:#9ca4b0}.why-card h3{font-size:17px;margin:20px 0 7px;letter-spacing:-.3px}.why-card>p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.mini-chat{margin-top:16px;min-height:174px;border:1px solid #e9edf3;border-radius:12px;background:#f9fbfe;padding:12px;display:flex;flex-direction:column;gap:11px}.chat-top{display:flex;align-items:center;gap:7px;font-size:10px}.chat-avatar{width:22px;height:22px;border-radius:7px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700}.chat-top i{margin-left:auto;color:#22a779;font-style:normal;font-size:9px}.bubble{font-size:10px;line-height:1.5;padding:9px 11px;border-radius:10px;max-width:88%;margin:0}.incoming{background:#fff;border:1px solid #edf0f4;align-self:flex-start}.outgoing{background:#eaf1ff;color:#27436f;align-self:flex-end}
.roles-section{background:linear-gradient(180deg,#f8faff,#fff);width:100%;padding-left:max(var(--gutter),calc((100% - var(--container))/2));padding-right:max(var(--gutter),calc((100% - var(--container))/2))}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{border:1px solid #e5eaf2;border-radius:17px;overflow:hidden;background:#fff}.role-card img{width:100%;height:235px;object-fit:cover;object-position:top;background:#f2f5fa}.role-card>div{padding:22px 22px 24px}.role-card h3{font-size:20px;margin:8px 0}.role-card p{font-size:12px;color:var(--muted);line-height:1.75;min-height:44px;margin:0 0 17px}.role-card a{font-size:11px;font-weight:650;color:var(--blue)}
.help-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.help-list{display:flex;flex-direction:column;gap:8px}.help-item{width:100%;border:1px solid transparent;border-radius:12px;background:#fff;display:grid;grid-template-columns:32px 1fr 20px;gap:13px;text-align:left;padding:18px 15px;align-items:start}.help-item>span:first-child{font:11px GeistMonoLocal,monospace;color:#9aa3b0;padding-top:2px}.help-item b,.help-item small{display:block}.help-item b{font-size:14px}.help-item small{font-size:11px;color:#7a8391;line-height:1.6;margin-top:6px}.help-item>i{font-style:normal;color:#9ba4b2}.help-item.active{border-color:#dfe8fb;background:#f7faff}.help-item.active b{color:var(--blue)}.help-image{background:#f5f8fd;border:1px solid #e6ebf3;border-radius:18px;padding:20px;position:relative;min-height:360px;display:grid;place-items:center}.help-image img{max-height:390px;object-fit:contain}.image-label{position:absolute;bottom:16px;left:18px;padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:20px;font-size:10px;color:#647084}
.advantages-section{background:#fbfcfe;width:100%;padding-left:max(var(--gutter),calc((100% - var(--container))/2));padding-right:max(var(--gutter),calc((100% - var(--container))/2))}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.advantage-grid article{background:#fff;border:1px solid #e9edf3;border-radius:15px;padding:13px 13px 20px;overflow:hidden}.advantage-grid img{width:100%;height:190px;object-fit:contain;background:#f7f9fc;border-radius:10px}.advantage-grid h3{font-size:14px;margin:16px 8px 7px}.advantage-grid p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 8px}
.lifecycle{border:1px solid #e7ebf2;border-radius:18px;overflow:hidden;background:#fff}.lifecycle-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e8ebf0}.life-step{padding:19px 20px;text-align:left;border:0;border-right:1px solid #edf0f4;background:#fff;display:flex;flex-direction:column;gap:6px}.life-step:last-child{border:0}.life-step>span{font:11px GeistMonoLocal,monospace;color:#9ba4b2}.life-step b{font-size:14px}.life-step small{font-size:10px;color:#7b8491;line-height:1.5}.life-step.active{background:#f6f9ff;box-shadow:inset 0 -2px var(--blue)}.life-step.active b{color:var(--blue)}.lifecycle-preview{background:#f8faff;padding:28px}.preview-top{height:33px;display:flex;align-items:center;gap:6px;color:#778294;font-size:10px}.preview-dot{width:7px;height:7px;background:#d5dce8;border-radius:50%}.preview-top>span:last-child{margin-left:12px}.preview-body{display:grid;grid-template-columns:190px 1fr;min-height:230px;border:1px solid #e7ebf1;border-radius:12px;background:#fff;overflow:hidden}.preview-body aside{padding:18px;background:#fbfcfe;border-right:1px solid #edf0f4;display:flex;flex-direction:column;gap:12px;font-size:10px;color:#7d8795}.preview-body aside b{color:#303946;margin-bottom:7px;font-size:12px}.preview-editor{padding:24px 30px}.preview-editor h3{font-size:21px;margin:8px 0}.preview-editor p{font-size:12px;color:var(--muted);max-width:570px}.editor-lines{display:flex;gap:7px;margin:20px 0}.editor-lines i{height:7px;border-radius:5px;background:#eaf0f8;display:block;width:24%}.editor-lines i:first-child{width:36%;background:#d9e7ff}
.industry-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;border:1px solid #e7ebf2;border-radius:18px;padding:28px;background:#fbfcff}.industry-copy h3{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:13px 0}.industry-copy p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}.industry-feature>img{width:100%;height:330px;object-fit:cover;border-radius:12px}.industry-controls{display:flex;gap:8px;margin-top:30px}.industry-controls button{width:37px;height:37px;border:1px solid #dfe4ed;background:#fff;border-radius:50%;font-size:16px}.industry-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.industry-tabs button{padding:9px 14px;border:1px solid #e4e8ef;border-radius:30px;background:#fff;color:#646d7b;font-size:10px}.industry-tabs button.active{border-color:#c6d8ff;background:#f2f6ff;color:var(--blue)}
.story-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.story-tabs button{border:1px solid #e5e9f0;border-radius:8px;padding:10px 19px;background:#fff;font-size:12px;color:#657080}.story-tabs button.active{background:#eff5ff;border-color:#cbdcff;color:var(--blue);font-weight:650}.story-panel{display:grid;grid-template-columns:.6fr 1.4fr .6fr;align-items:center;gap:35px;padding:42px;border:1px solid #e7ebf2;border-radius:18px;background:#fbfcff;min-height:250px}.story-mark{font-size:23px;font-weight:850;letter-spacing:-1.2px;color:#303a4a}.story-content h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:10px 0}.story-content p{font-size:12px;color:var(--muted);line-height:1.8}.story-stat{border-left:1px solid #e2e7ef;padding-left:28px}.story-stat strong{font-size:36px;color:var(--blue);display:block;letter-spacing:-1px}.story-stat span{font-size:10px;color:#7b8491}
.security-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.security-copy h2{margin-top:12px}.security-copy>p{margin:0 0 20px}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-cards article{border:1px solid #e8ebf0;border-radius:13px;padding:19px 16px}.security-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eff5ff;color:var(--blue);font-size:18px}.security-cards h3{font-size:12px;margin:17px 0 7px}.security-cards p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}
.final-cta{position:relative;overflow:hidden;text-align:center;border-radius:22px;background:#0d1d3a;color:#fff;padding:75px 30px 78px;margin-bottom:85px}.cta-orb{position:absolute;width:550px;height:350px;border-radius:50%;background:radial-gradient(ellipse,#1855bd 0%,#123b80 35%,transparent 72%);top:-220px;left:50%;transform:translateX(-50%);opacity:.7}.final-cta>*:not(.cta-orb){position:relative}.final-cta .eyebrow{color:#9bbdff}.final-cta h2{font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-1.3px;max-width:700px;margin:14px auto}.final-cta p{font-size:13px;color:#b9c7dc;max-width:620px;margin:0 auto 25px;line-height:1.8}.final-cta .hero-actions{justify-content:center}.button-light{background:#fff;color:#15294c;border-color:#fff}.button-light:hover{background:#edf3ff;color:#15294c}.button-glass{background:#ffffff12;border-color:#ffffff5c;color:#fff}.button-glass:hover{background:#ffffff24}
.site-footer{background:#f8f9fb;border-top:1px solid #e9ecf1;padding:60px max(var(--gutter),calc((100% - var(--container))/2)) 20px}.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px;padding-bottom:50px}.footer-brand p{font-size:11px;color:#7a8390;margin:16px 0}.social-links{display:flex;gap:8px}.social-links a{width:29px;height:29px;border:1px solid #e1e5ec;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#586273}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column h3{font-size:12px;margin:0 0 5px}.footer-column a{font-size:10px;color:#707987}.footer-column a:hover,.footer-bottom a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #e5e8ee;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#929aa6}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a{color:#697382}
@media(max-width:1100px){.nav-wrap{width:calc(100% - 40px);gap:20px}.desktop-nav{gap:16px}.nav-actions{gap:12px}.hero{gap:20px}.hero-visual{height:460px}.note-one{right:-4px}.note-two{left:-6px}.security-section{gap:35px}}
@media(min-width:640px){.hero h1{font-size:28px}}@media(min-width:768px){.hero h1{font-size:38px}}@media(min-width:640px){.hero h1{font-size:28px}}@media(min-width:768px){.hero h1{font-size:38px}}@media(max-width:850px){.site-header{height:70px}.nav-wrap{width:calc(100% - 36px)}.desktop-nav,.nav-actions{display:none}.mobile-menu-toggle{margin-left:auto;width:42px;height:42px;border:1px solid #e6eaf0;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mobile-menu-toggle span{width:17px;height:1.5px;background:#202630}.mobile-menu{display:block;position:fixed;z-index:120;inset:0 0 0 auto;width:min(430px,100%);background:#fff;transform:translateX(102%);transition:transform .28s ease;overflow:auto;padding:20px 25px 30px;box-shadow:-20px 0 60px #10203a14}.mobile-menu.open{transform:translateX(0)}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.mobile-close{border:1px solid #e5e9ef;background:#fff;border-radius:9px;width:38px;height:38px;font-size:24px}.mobile-menu nav{display:flex;flex-direction:column;padding:12px 0}.mobile-menu nav>a,.mobile-menu summary{padding:15px 0;border-bottom:1px solid #eff1f4;font-size:15px;font-weight:600;list-style:none}.mobile-menu summary{display:flex;justify-content:space-between;cursor:pointer}.mobile-menu summary:after{content:"+";color:#8792a1;font-size:18px}.mobile-menu details[open] summary:after{content:"−"}.mobile-menu details>a{display:block;padding:10px 12px;color:#697484;font-size:13px}.mobile-menu-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:20px}.menu-scrim{inset:70px 0 0}.hero{grid-template-columns:1fr;gap:15px;padding-top:60px;padding-bottom:50px;text-align:center}.hero-copy{max-width:700px;margin:auto}.hero h1{margin-left:auto;margin-right:auto;font-size:clamp(34px,6vw,46px)}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{height:auto;max-width:620px;width:100%;margin:10px auto 0}.hero-video-frame{width:100%}.note-one{right:-12px;top:10%}.note-two{left:-12px;bottom:9%}.why-grid,.role-grid{grid-template-columns:1fr 1fr}.why-card:last-child,.role-card:last-child{grid-column:span 2}.help-layout,.industry-feature,.security-section{grid-template-columns:1fr}.help-layout{gap:22px}.help-image{min-height:280px}.advantage-grid{grid-template-columns:1fr 1fr}.story-panel{grid-template-columns:.5fr 1.5fr;gap:25px}.story-stat{grid-column:2;border-left:0;border-top:1px solid #e2e7ef;padding:15px 0 0}.security-cards{max-width:none}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}}
@media(max-width:560px){:root{--gutter:20px}.site-header{height:64px}.nav-wrap{width:calc(100% - 36px)}.brand img{width:112px}.hero{padding-top:43px}.hero-kicker{font-size:9px;margin-bottom:17px}.hero h1{font-size:24px;line-height:1.7;letter-spacing:-.025em;margin-bottom:15px}.hero-lead{font-size:13px;line-height:1.75}.hero-actions{gap:9px}.hero-actions .button{width:100%;min-height:46px}.hero-proof{font-size:9px}.hero-visual{margin-top:12px}.hero-video-frame{border-radius:17px}.floating-note{min-width:0;padding:8px 10px;gap:7px;border-radius:9px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.note-one{right:-5px;top:8px}.note-two{left:-5px;bottom:8px}.note-icon,.avatar{width:25px;height:25px}.video-play{width:54px;height:54px}.trust-strip{padding:24px 0 35px}.logo-marquee{justify-content:flex-start;gap:25px;font-size:16px;overflow:auto;white-space:nowrap;padding-bottom:4px}.section{padding-top:64px;padding-bottom:70px}.section-heading{margin-bottom:30px}.section-heading h2,.security-copy h2{font-size:28px}.section-heading p,.security-copy>p{font-size:12px}.why-grid,.role-grid,.advantage-grid{grid-template-columns:1fr}.why-card:last-child,.role-card:last-child{grid-column:auto}.role-card img{height:210px}.help-layout{gap:16px}.help-item{padding:14px 11px;grid-template-columns:25px 1fr 15px;gap:9px}.help-item b{font-size:12px}.help-item small{font-size:10px}.help-image{min-height:220px;padding:10px}.advantage-grid img{height:170px}.lifecycle-steps{grid-template-columns:repeat(2,1fr)}.life-step:nth-child(2){border-right:0}.life-step:nth-child(-n+2){border-bottom:1px solid #edf0f4}.life-step{padding:14px}.lifecycle-preview{padding:12px}.preview-body{grid-template-columns:105px 1fr;min-height:230px}.preview-body aside{padding:12px 9px;font-size:8px;gap:10px}.preview-editor{padding:17px 13px}.preview-editor h3{font-size:17px}.preview-editor p{font-size:10px}.industry-feature{padding:15px;gap:18px}.industry-copy h3{font-size:22px}.industry-feature>img{height:210px}.industry-tabs{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.industry-tabs button{white-space:nowrap}.story-tabs{overflow:auto;justify-content:flex-start}.story-tabs button{white-space:nowrap;padding:9px 14px}.story-panel{grid-template-columns:1fr;padding:23px;gap:14px}.story-mark{font-size:19px}.story-content h3{font-size:21px}.story-stat{grid-column:auto;padding-top:13px}.security-cards{grid-template-columns:1fr}.security-cards article{display:grid;grid-template-columns:40px 1fr;column-gap:12px}.security-icon{grid-row:span 2}.security-cards h3{margin:0 0 5px}.final-cta{padding:55px 22px;margin-bottom:55px;border-radius:16px}.final-cta h2{font-size:29px}.final-cta .hero-actions .button{width:auto;flex:1}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px;padding-bottom:35px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;line-height:1.7}.footer-bottom>div{flex-wrap:wrap}.mobile-menu{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Reference-aligned homepage refinements */
.logo-marquee{gap:34px;justify-content:space-between;min-height:48px}
.logo-marquee img{display:block;width:auto;height:28px;max-width:104px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .2s ease,opacity .2s ease}
.logo-marquee img:hover{filter:grayscale(0);opacity:1}
.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.problem-card{min-height:260px;padding:24px 22px 26px;border-radius:12px;background:#fafafa;border-color:#ededed;display:flex;flex-direction:column}
.problem-card .card-number{position:absolute;top:22px;right:22px;color:#a1a1aa;font-size:12px;font-weight:650}
.problem-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#145dee;font-size:23px;margin:4px 0 10px}
.problem-card h3{font-family:PinarLocal,GeistLocal,sans-serif;font-size:18px;line-height:1.55;letter-spacing:-.25px;margin:12px 0 9px;max-width:330px}
.problem-card>p{font-size:13px;line-height:1.75;color:#737987;margin-top:auto}
.why-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 0;padding:26px 30px;border:1px solid #e7e9ee;border-radius:14px;background:#fff}
.why-bottom h3{font-family:PinarLocal,GeistLocal,sans-serif;font-size:clamp(20px,2vw,28px);margin:0}
@media(max-width:850px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-card{min-height:250px}}
@media(max-width:560px){.logo-marquee{justify-content:flex-start;gap:28px}.logo-marquee img{height:24px;max-width:88px;flex:none}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:0}.why-bottom{align-items:flex-start;flex-direction:column;padding:22px}}

.work-demo{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.6fr);gap:28px;align-items:stretch;margin-top:42px}
.work-tabs{display:flex;flex-direction:column;gap:8px}
.work-tabs button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;padding:18px 16px;color:#555e6c;font:600 14px var(--font);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.work-tabs button span{font:600 11px GeistLocal, sans-serif;color:#9ca3af}
.work-tabs button.active{background:#f3f6ff;border-color:#dce6ff;color:#145dee}
.work-canvas{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #1725540a}
.work-appbar{height:54px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid #eceef2;font-size:12px;color:#333}
.work-app-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#145dee;color:white;font-weight:800}
.work-online{margin-left:auto;color:#16a36a;font-size:11px}
.work-chat{padding:30px 7%;background:linear-gradient(180deg,#fbfcff,#fff);min-height:228px;display:flex;flex-direction:column;gap:18px}
.work-message{display:flex;align-items:flex-start;gap:11px;max-width:88%}
.work-message.agent{align-self:flex-end;flex-direction:row-reverse}
.work-avatar{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:#145dee;font-size:12px;font-weight:700}
.work-message.agent .work-avatar{background:#145dee;color:#fff}
.work-message>div{border:1px solid #e8eaf0;border-radius:4px 12px 12px 12px;padding:10px 13px;background:#fff}
.work-message.agent>div{background:#f2f6ff;border-color:#dfe8ff;border-radius:12px 4px 12px 12px}
.work-message small,.work-result small{display:block;color:#89909d;font-size:10px;margin-bottom:4px}
.work-message p{font-size:12px;line-height:1.65;margin:0;color:#343b47}
.work-result{display:flex;align-items:center;gap:10px;padding:10px 13px;margin-left:40px;background:#f0faf5;border:1px solid #d8f1e4;border-radius:9px;width:max-content;max-width:calc(100% - 40px)}
.work-result>span{width:22px;height:22px;border-radius:50%;background:#d8f5e5;color:#12844d;display:grid;place-items:center;font-size:12px}
.work-result b{display:block;font-size:11px;color:#176b43}.work-result small{margin:2px 0 0}
.work-caption{border-top:1px solid #eceef2;padding:22px 26px 25px}
.work-caption h3{font-family:PinarLocal,GeistLocal,sans-serif;font-size:20px;line-height:1.5;margin:7px 0}
.work-caption p{max-width:620px;font-size:13px;color:var(--muted);line-height:1.75;margin:0}
@media(max-width:760px){.work-demo{grid-template-columns:1fr;gap:14px}.work-tabs{display:grid;grid-template-columns:1fr;gap:6px}.work-tabs button{padding:13px}.work-chat{padding:22px 16px;min-height:230px}.work-caption{padding:19px}}

.hero-benefits{display:flex;flex-direction:column;gap:11px;margin-top:24px;max-width:570px}
.hero-benefits>span{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:2px solid #dce7ff}
.hero-benefits b{font-size:12px;font-weight:700;color:#303846}
.hero-benefits small{font-size:11px;line-height:1.5;color:#838b99}
.hero-proof{gap:12px}
.hero-proof b{font-weight:750;color:#242a35}

/* Native hidden state must win over component display declarations. */
[hidden]{display:none!important}
/* Mu.chat header exact-match normalization — 2026-11-02 */
.site-header{
  box-sizing:border-box;height:69px;position:sticky;top:0;z-index:50!important;isolation:auto;
  background:rgba(255,255,255,.6);border-bottom:1px solid transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:border-color .3s ease,background-color .3s ease;
}
.site-header.is-scrolled{border-bottom-color:#f4f4f5}
.nav-wrap{
  box-sizing:border-box;position:static;height:68px;width:min(1120px,calc(100% - 80px));margin:0 auto;
  display:flex;align-items:center;gap:0;
}
.brand{display:flex;align-items:center;flex:0 1 138px;min-width:0}
.brand img{display:block;width:138px;max-width:100%;height:auto}
.desktop-nav{
  display:flex;align-items:center;justify-content:center;gap:2px;height:68px;flex:1 1 auto;min-width:0;
  margin-left:64px;
}
.desktop-nav .nav-item{height:68px;display:flex;align-items:center;position:static}
.nav-trigger,.nav-link{
  box-sizing:border-box;height:36px;padding:0 16px;border:0;border-radius:8px;background:transparent;
  display:flex;align-items:center;justify-content:center;white-space:nowrap;
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
  color:lab(27.036 0 0);transition:background-color .15s,color .15s;
}
.nav-trigger{gap:4px;cursor:pointer}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-link:hover{background:#f4f4f5;color:#18181b}
.nav-trigger .chevron{box-sizing:border-box;width:8px;height:8px;margin:0;position:relative;top:-1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.nav-trigger[aria-expanded="true"] .chevron{transform:rotate(225deg)}
.nav-actions{display:flex;align-items:center;gap:4px;margin-left:0;margin-right:4px;flex:none}
.language-link{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:54.797px;height:36px;padding:0 10px;
  border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:lab(27.036 0 0);
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
}
.language-link svg{width:16px;height:16px;flex:none}
.signin-link{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:auto;min-width:76.438px;height:32px;padding:0 16px;
  border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:lab(15.204 0 0);
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
}
.mobile-menu-toggle{display:none}
.menu-scrim{display:none!important}

@media(max-width:1023px){
  .desktop-nav{display:none!important}
  .nav-actions{display:flex!important;margin-left:auto;margin-right:0;gap:4px}
  .mobile-menu-toggle{
    box-sizing:border-box;display:inline-flex!important;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;
    width:36px;height:36px;margin-left:4px;padding:8px;border:0;border-radius:9999px;background:transparent;color:#000;cursor:pointer;
  }
  .mobile-menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;border-radius:2px}
  .mobile-menu{
    box-sizing:border-box;display:block;position:fixed;z-index:101!important;inset:0;width:100%!important;height:100dvh;max-width:none;
    padding:0 16px!important;background:#fff;box-shadow:none;overflow:auto;transform:translateX(101%);transition:transform .2s ease;
  }
  .mobile-menu.open{transform:translateX(0)}
  .mobile-menu-head{
    position:absolute!important;z-index:1;right:16px;top:0;width:36px;height:56px;padding:0!important;border:0!important;
    display:flex;align-items:center;justify-content:center;
  }
  .mobile-close{
    box-sizing:border-box;position:relative;width:36px;height:36px;padding:0;border:0!important;border-radius:9999px;background:#f4f4f5!important;
    color:transparent;font-size:0;cursor:pointer;
  }
  .mobile-close:before,.mobile-close:after{content:"";position:absolute;left:10px;top:17px;width:16px;height:1.5px;background:#52525b;border-radius:2px}
  .mobile-close:before{transform:rotate(45deg)}.mobile-close:after{transform:rotate(-45deg)}
  .mobile-menu nav{
    box-sizing:border-box;display:flex;flex-direction:column;margin:56px 0 24px;padding:0!important;overflow-y:auto;
    font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;
  }
  .mobile-menu nav>a,.mobile-menu summary{
    box-sizing:border-box;height:49px;padding:0!important;margin:0;border:0;border-bottom:1px solid #e4e4e7!important;border-radius:0;
    display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;
    font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#09090b;background:transparent;
  }
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:after{content:""!important;box-sizing:border-box;width:8px;height:8px;margin-right:4px;border-right:1.5px solid #27272a;border-bottom:1.5px solid #27272a;transform:rotate(45deg) translateY(-2px);font-size:0;color:transparent}
  .mobile-menu details[open] summary:after{content:""!important;transform:rotate(225deg) translate(-2px,-2px)}
  .mobile-submenu{padding:4px 0 8px;border-bottom:1px solid #e4e4e7}
  .mobile-submenu a,.mobile-menu details>a{display:block;padding:10px 12px!important;border:0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#52525b}
  .mobile-menu-actions{display:flex;align-items:center;padding:12px 0 0!important;margin:0;gap:0;flex-wrap:nowrap}
  .mobile-menu-actions .language-link{display:inline-flex!important;min-width:54.797px;height:37px}
}
@media(min-width:640px) and (max-width:1023px){.nav-wrap{width:calc(100% - 80px)}}
@media(max-width:639px){
  .nav-wrap{width:calc(100% - 32px)}
  .nav-actions .language-link{display:none!important}
  .brand{flex-basis:138px}.brand img{width:138px}
}
/* Header final geometry corrections */
.desktop-nav>.nav-item,.desktop-nav>.nav-link{flex-shrink:0}
.nav-trigger .chevron{width:12px;height:12px;border:0;position:relative;top:0;transform:none!important;flex:none}
.nav-trigger .chevron:after{content:"";position:absolute;width:6px;height:6px;left:2px;top:1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.nav-trigger[aria-expanded="true"] .chevron:after{transform:rotate(225deg)}
.language-link{height:36px!important;min-height:36px!important}
.signin-link{height:32px!important;min-height:32px!important}
@media(max-width:1023px){.site-header .nav-wrap{width:calc(100% - 80px)!important}}
@media(max-width:639px){.site-header .nav-wrap{width:calc(100% - 32px)!important}}
@media(min-width:1024px){.brand{flex-basis:clamp(120.859px,calc(100vw - 903.141px),138px);max-width:clamp(120.859px,calc(100vw - 903.141px),138px)}}
/* Header raster parity with live Mu.chat */
.site-header,.site-header *{-webkit-font-smoothing:auto;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.site-header{background:oklab(0.999994 0.0000455677 0.0000200868 / .6)}
.nav-trigger,.nav-link{padding:8px 16px}
.nav-trigger-label{display:flex;flex-direction:column;gap:4px;border-radius:2px;padding:8px 0;font:inherit;color:lab(27.036 0 0)}
.nav-chevron{position:relative;top:1px;width:12px;height:12px;margin-left:4px;flex:none;color:#000;transition:transform .15s}
.nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.language-icon{width:16px!important;height:16px!important;flex:none}
.language-link{border-color:lab(90.952 0 -0.0000119209)}
.signin-link{border-color:lab(90.952 0 -0.0000119209);box-shadow:0 1px 2px rgba(0,0,0,.05)}
@media(min-width:1024px){.brand{flex-basis:clamp(120.859375px,calc(100vw - 903.140625px),138px);max-width:clamp(120.859375px,calc(100vw - 903.140625px),138px)}}
.nav-trigger{gap:0}
.mobile-menu-icon,.mobile-close-icon{width:20px;height:20px;display:block;flex:none;color:lab(27.036 0 0)}
@media(max-width:1023px){
 .mobile-menu-toggle{color:lab(27.036 0 0)}
 .mobile-menu-toggle span{display:none!important}
 .mobile-close{color:lab(27.036 0 0)!important;font-size:14px;background:#f4f4f5!important}
 .mobile-close:before,.mobile-close:after{content:none!important;display:none!important}
}

/* Header final exact pass — live Mu.chat capture 2026-11-02 */
@font-face{font-family:EstedadArabicExact;src:url('../assets/fonts/estedad_other.0myo8842_ew05.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.language-link span{font-family:EstedadArabicExact,estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.site-header,.site-header *{-webkit-font-smoothing:auto!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-link:hover{background:lab(96.1634 0.0993311 -0.364041)!important;color:lab(15.204 0 -0.00000596046)!important}
@media(min-width:1024px){
  .mega-menu,.mega-menu.compact{
    position:fixed!important;top:70px!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;width:min(1122px,calc(100vw - 78px))!important;max-width:none!important;
    max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
    border:0!important;border-radius:20px!important;background-color:#fff!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;
    box-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px -1px rgba(0,0,0,.10)!important;z-index:10000!important;opacity:1!important;
  }
  .mega-menu:not([hidden]){animation:megaHeaderExact .15s ease-out both!important}
  @keyframes megaHeaderExact{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
  .mega-product{height:817px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-product-live-1653.png')!important}
  .mega-solutions{height:330px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-usecases-live-1653.png')!important}
  .mega-resources{height:375px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-resources-live-1653.png')!important}
}
@media(min-width:1024px) and (max-width:1199px){
  .mega-product{background-image:url('../assets/images/nav-product-live-1024.png')!important}
  .mega-solutions{background-image:url('../assets/images/nav-usecases-live-1024.png')!important}
  .mega-resources{background-image:url('../assets/images/nav-resources-live-1024.png')!important}
}

.brand img{width:140px}.desktop-nav{gap:31px}.nav-actions{gap:23px;margin-left:14px}.menu-scrim{inset:64px 0 0}
.hero-copy{max-width:480px}.hero h1{max-width:470px;font-size:38px;line-height:1.7;margin:0 0 24px}.hero-lead{max-width:450px;margin:0 0 31px}.hero-proof{gap:78px;margin-top:0;font-size:12px;color:#252a33}.proof-stars{color:#ffbd00;font-size:19px;letter-spacing:2px}
.hero-benefits{max-width:470px;gap:10px;margin-top:23px}.hero-benefits>span{display:flex;align-items:center;gap:10px;padding:0;border:0}.hero-benefits>span>i{display:grid;place-items:center;flex:none;width:14px;height:14px;color:#145dee;font-size:14px;font-style:normal;font-weight:800}.hero-benefits b{font-size:12px;line-height:1.6;font-weight:500;color:#687386}.hero-actions{margin-top:22px}.hero-visual{height:542px}.hero-video-frame{width:min(100%,542px);border-radius:22px;box-shadow:none;border:0;background:#5c88ec}.hero-video{object-fit:cover}
.video-controls{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px}.video-play{position:relative;inset:auto;transform:none;width:48px;height:48px;background:#183b78b8;border:1px solid #ffffff2e;box-shadow:none}.video-play:hover{transform:scale(1.05)}.play-icon{border-left-color:#fff}.video-replay{position:relative;inset:auto;width:36px;height:36px;display:grid;place-items:center;background:#183b78b8;color:#fff;border:1px solid #ffffff2e}
.trust-strip{padding:34px 0 48px}.trust-strip>p{display:none}.logo-marquee{gap:34px;opacity:1}.logo-marquee img{filter:none;opacity:1}
@media(max-width:850px){.hero.section-shell{width:calc(100% - 40px)}.hero-copy{max-width:700px}.hero h1{max-width:650px}.hero-proof{gap:28px}.hero-benefits{margin-inline:auto}.hero-visual{height:auto;max-width:542px;width:100%;margin:8px auto 0}.hero-video-frame{width:100%}.menu-scrim{inset:70px 0 0}}
@media(max-width:560px){.brand img{width:112px}.hero.section-shell{width:calc(100% - 36px)}.hero h1{font-size:26px;line-height:1.55}.hero-lead{font-size:13px;line-height:1.75}.hero-proof{gap:12px;flex-wrap:wrap}.proof-stars{font-size:16px}.hero-benefits{gap:9px;margin-top:18px}.hero-benefits b{font-size:11px}.hero-actions .button{width:auto;min-width:230px}.hero-video-frame{border-radius:16px}.video-controls{left:12px;bottom:12px}.video-play{width:42px;height:42px}.video-replay{width:32px;height:32px}}

/* Fine alignment after the clean 1653x933 browser capture. */
.desktop-nav{gap:45px}.nav-trigger,.nav-link{font-size:14px}.hero h1{max-width:420px}.hero-lead{max-width:420px}.hero-benefits>span{flex-direction:row}.hero-visual{transform:translateY(-22px)}
@media(max-width:1100px){.desktop-nav{gap:18px}.nav-trigger,.nav-link{font-size:13px}}
@media(max-width:850px){.desktop-nav{gap:18px}.hero-visual{transform:none}}

.desktop-nav{gap:53px}.hero-proof{margin-bottom:0}.hero-lead{margin-bottom:43px}.hero-benefits{margin-top:35px}.hero-visual{transform:translate(4px,13px)}.hero-actions .button{font-size:12px;padding-inline:18px}.trust-strip{padding-top:49px}
@media(max-width:1100px){.desktop-nav{gap:18px}}
@media(max-width:850px){.hero-visual{transform:none}}

.hero-visual{transform:translate(4px,1px)}
@media(max-width:850px){.hero-visual{transform:none}}

/* Reference-driven mega navigation rebuild */
.site-header{z-index:200}
.nav-wrap{position:static}
.desktop-nav{position:static;gap:0}
.desktop-nav .nav-item{position:static}
.nav-trigger,.nav-link{height:38px;padding:0 13px;border-radius:9px;transition:background .18s,color .18s}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-link:hover{background:#f4f5f7;color:#17191d}
.nav-trigger .chevron{width:6px;height:6px;margin-left:2px}
.mega-menu,.mega-menu.compact{position:absolute;z-index:220;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 80px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;padding:22px 24px 24px;display:block;border:1px solid #e4e4e7;border-radius:20px;background:#fff;color:#18181b;box-shadow:0 24px 70px rgba(15,23,42,.16)}
.mega-menu[hidden]{display:none!important}
.mega-menu-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 4px 17px}
.mega-menu-head .eyebrow{font-size:10px;letter-spacing:.13em}
.mega-menu-head h3{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:5px 0 4px}
.mega-menu-head p{font-size:12px;line-height:1.6;color:#71717a;margin:0}
.mega-view-all{flex:none;display:inline-flex;align-items:center;gap:9px;color:#4f46e5;font-size:12px;font-weight:650;padding:9px 0}
.mega-view-all span{font-size:16px;transition:transform .18s}
.mega-view-all:hover span{transform:translate(2px,-2px)}
.product-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-menu-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:126px;overflow:hidden;border:1px solid rgba(212,212,216,.75);border-radius:13px;background:#f8f8fa;transition:border-color .18s,box-shadow .18s,transform .18s}
.product-menu-card:hover,.solution-feature:hover,.resource-feature:hover{border-color:#c7d2fe;box-shadow:0 8px 24px rgba(30,41,59,.08);transform:translateY(-2px)}
.menu-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;padding:15px 16px 0}
.menu-card-copy b{font-size:13px;line-height:1.4;color:#18181b}
.menu-card-copy small{font-size:11px;line-height:1.5;color:#71717a}
.product-menu-card.featured{min-height:245px;grid-row:span 1}
.product-menu-card.featured .menu-card-copy{padding-top:17px}
.menu-card-art{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;margin:9px 12px 10px;overflow:hidden;border-radius:9px;color:#475569;font-size:10px}
.product-menu-card.featured .menu-card-art{flex:1;min-height:125px;margin-top:8px;margin-bottom:0;border-radius:0 0 12px 12px}
.art-overview,.art-handoff,.art-inbox{background:linear-gradient(145deg,#e8efff,#f7f9ff)}
.mock-window{position:absolute;left:12%;top:16%;width:58%;height:82%;border:1px solid #dbe3f0;border-radius:9px 9px 0 0;background:#fff;box-shadow:0 7px 20px #33415518;padding:12px 10px}
.mock-window>i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#d4dbe8}
.mock-window>b{display:block;width:76%;height:8px;border-radius:4px;background:#e7ebf3;margin:13px 0 9px}
.mock-window>em{display:block;width:88%;height:5px;border-radius:4px;background:#eef1f6;margin:6px 0}
.mock-chat{position:absolute;right:8%;bottom:13%;display:flex;flex-direction:column;gap:6px;width:42%;padding:11px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 8px 22px #3341551a;font-size:18px;font-weight:750;color:#4f46e5}
.mock-chat small,.mock-chat strong{font-size:9px;font-weight:500;color:#475569}
.mock-chat strong{padding:6px;background:#eff6ff;border-radius:5px}
.art-handoff{background:linear-gradient(145deg,#f0eaff,#faf8ff)}
.art-handoff .mock-chat{left:7%;right:auto;width:64%;font-size:10px;color:#334155;font-weight:500}
.mock-agent{position:absolute;right:6%;bottom:12%;width:38%;padding:12px 8px;border-radius:9px;background:#fff;border:1px solid #e6e2f3;font-size:9px;color:#6d28d9;box-shadow:0 7px 18px #4338ca12}
.mock-agent small{display:block;margin-top:7px;color:#64748b;font-size:8px}
.art-inbox{background:linear-gradient(145deg,#e8f8f2,#f8fffc)}
.art-inbox .mock-window{left:22%;width:65%;height:80%;padding:14px}
.art-inbox .mock-window b{width:80%;height:8px;background:#dceee7}
.art-inbox .mock-window em{display:flex;justify-content:space-between;height:auto;background:#f3f8f6;padding:6px;border-radius:4px;font-size:8px;font-style:normal}
.mock-channel{position:absolute;left:7%;top:23%;padding:12px 7px;background:#fff;border:1px solid #dcece5;border-radius:10px;letter-spacing:3px;color:#16a37a}
.art-actions{background:#eff4ff;flex-wrap:wrap;align-content:center;padding:8px}
.art-actions i,.art-knowledge i,.art-form i{font-style:normal;border:1px solid #e0e7ff;background:#fff;border-radius:6px;padding:6px 8px;font-size:9px;color:#46546b}
.art-knowledge{background:#f4f1ff;flex-wrap:wrap;align-content:center;padding:8px}
.art-knowledge i:first-child{width:100%;border:0;background:transparent;font-weight:700;color:#4c1d95}
.art-knowledge i{border-color:#e9ddff}
.art-link{background:linear-gradient(120deg,#e9f5ff,#f5faff);font-size:13px}
.art-link i{font-style:normal;background:#fff;border:1px solid #dce9f8;border-radius:8px;padding:9px 15px;box-shadow:0 5px 14px #2563eb12}
.art-link b{color:#2563eb}
.art-form{background:#fdf4e9;flex-direction:column;align-items:stretch;padding:8px 16px}
.art-form i{background:#fffaf4;border-color:#f4e2cc}
.art-insights{background:#f0f8f5;flex-direction:row;align-items:flex-end;padding:10px 15px}
.art-insights i{display:block;width:16%;height:20px;border-radius:4px 4px 0 0;background:#8dd6b6}
.art-insights i:nth-child(2){height:34px}.art-insights i:nth-child(3){height:27px}
.art-insights b{font-size:10px;color:#16734b;margin-left:10px}
.art-api{background:#202b3e;color:#dbeafe;justify-content:flex-start;padding:12px}
.art-api code{font:10px GeistMonoLocal,monospace}
.art-languages{background:#f1f5f9;color:#475569;font-size:12px;letter-spacing:1px}
.art-integrations{background:#f7f3ff;color:#6d28d9;font-size:21px;letter-spacing:5px}
.solutions-menu-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(220px,.8fr);gap:20px}
.solutions-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.solution-feature,.resource-feature{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e4e4e7;border-radius:13px;background:#fafafa;transition:border-color .18s,box-shadow .18s,transform .18s}
.solution-art{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:145px;margin:9px 9px 12px;padding:14px;border-radius:9px;background:linear-gradient(145deg,#eaf0ff,#f8faff);color:#334155}
.solution-art i{font-size:9px;font-style:normal;color:#64748b}
.solution-art b{font-size:12px;line-height:1.45;max-width:175px}
.solution-art small{font-size:9px;color:#64748b}
.solution-sales{background:linear-gradient(145deg,#fef1e8,#fff9f5)}
.solution-guidance{background:linear-gradient(145deg,#edf8f3,#f8fffb)}
.solution-feature>strong,.resource-feature>strong{padding:0 14px;font-size:13px;color:#18181b}
.solution-feature>small,.resource-feature>small{padding:5px 14px 14px;font-size:10px;line-height:1.55;color:#71717a}
.solutions-industries{padding:5px 4px 4px 18px;border-left:1px solid #e4e4e7}
.solutions-industries h4{font-size:13px;margin:0 0 10px}
.solutions-industries>div{display:grid;grid-template-columns:1fr;gap:2px}
.solutions-industries a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;font-size:11px;color:#52525b}
.solutions-industries a span{color:#a1a1aa}
.solutions-industries a:hover{background:#f4f4f5;color:#4f46e5}
.resources-menu-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.resource-art{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:150px;margin:9px 9px 13px;padding:18px;border-radius:9px;background:linear-gradient(145deg,#eeeaff,#faf9ff);overflow:hidden}
.resource-art b{font-size:22px;color:#4f46e5}
.resource-art small{font-size:10px;color:#64748b}
.resource-art i{font-size:10px;font-style:normal;color:#64748b}
.resource-demo .resource-art{background:linear-gradient(145deg,#e9f3ff,#f7fbff);align-items:center}
.demo-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#4f46e5;font-size:14px!important;box-shadow:0 5px 18px #2563eb20}
.resource-demo .resource-art b{font-size:13px}
.resource-docs .resource-art{background:linear-gradient(145deg,#edf8f2,#f9fffb)}
.resource-docs .resource-art>i{font:700 28px GeistMonoLocal,monospace;color:#059669}
.resource-docs .resource-art b{font-size:13px;color:#134e4a}
.resources-quicklinks{display:flex;flex-wrap:wrap;gap:8px;padding:15px 4px 0;margin-top:15px;border-top:1px solid #e4e4e7}
.resources-quicklinks a{padding:7px 12px;border-radius:7px;background:#f4f4f5;font-size:11px;color:#52525b}
.resources-quicklinks a:hover{background:#eef2ff;color:#4f46e5}
.mega-menu[hidden]{animation:none}
.mega-menu:not([hidden]){animation:megaReveal .18s cubic-bezier(.2,.75,.25,1) both}
@keyframes megaReveal{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}
.menu-scrim{inset:64px 0 0;background:rgba(15,23,42,.035);backdrop-filter:blur(1px)}
@media(max-width:1100px){.desktop-nav{gap:0}.nav-trigger,.nav-link{padding-inline:8px}.mega-menu,.mega-menu.compact{width:min(960px,calc(100vw - 48px))}}
@media(max-width:850px){.mega-menu,.mega-menu.compact{display:none!important}.desktop-nav{display:none}.nav-actions{display:none}}
@media(max-width:760px){.solutions-menu-body{grid-template-columns:1fr}.solutions-industries{border-left:0;border-top:1px solid #e4e4e7;padding:14px 0 0}.solutions-industries>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-menu-grid,.solutions-feature-grid,.resources-menu-body{grid-template-columns:1fr}.product-menu-card.featured{min-height:185px}.product-menu-card.featured .menu-card-art{min-height:95px}.mega-menu-head{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.mega-menu:not([hidden]){animation:none}.product-menu-card,.solution-feature,.resource-feature{transition:none}}

/* Product dropdown composition follows the captured 3 / 1 / 4 / 3 card rhythm. */
.product-menu-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:14px}
.product-menu-card{grid-column:span 3;min-height:180px}
.product-menu-card:nth-child(-n+3){grid-column:span 4;min-height:252px}
.product-menu-card:nth-child(4){grid-column:1/-1;min-height:176px;display:block;background:#f7f7f8}
.product-menu-card:nth-child(4) .menu-card-copy{position:absolute;z-index:3;left:0;top:50%;transform:translateY(-50%);width:35%;padding:20px}
.product-menu-card:nth-child(4) .menu-card-art{position:absolute;right:0;top:0;bottom:0;width:62%;height:auto;margin:0;border-radius:0;background:linear-gradient(110deg,#f4f4f5,#f8fafc)}
.product-menu-card:nth-child(4) .menu-card-art i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:78px;padding:12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0f172a12;font-size:10px}
.product-menu-card:nth-child(n+5):nth-child(-n+8){grid-column:span 3;min-height:180px}
.product-menu-card:nth-child(n+9){grid-column:span 4;min-height:86px;display:flex;flex-direction:row;align-items:center}
.product-menu-card:nth-child(n+9) .menu-card-copy{width:48%;padding:12px}
.product-menu-card:nth-child(n+9) .menu-card-art{flex:1;min-height:70px;margin:5px 8px 5px 0}
.product-menu-card:nth-child(n+9) .art-api,.product-menu-card:nth-child(n+9) .art-languages,.product-menu-card:nth-child(n+9) .art-integrations{font-size:9px}
@media(max-width:850px){.product-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-menu-card:nth-child(n){grid-column:span 1;min-height:160px}.product-menu-card:nth-child(4){grid-column:1/-1}.product-menu-card:nth-child(n+9){grid-column:span 1}}
@media(max-width:600px){.product-menu-grid{grid-template-columns:1fr}.product-menu-card:nth-child(n){grid-column:1/-1;min-height:150px}.product-menu-card:nth-child(4){min-height:180px}}
.menu-scrim{background:transparent!important;backdrop-filter:none!important}
.product-menu-card:nth-child(4) .menu-card-art{display:flex;flex-direction:row;align-items:center;justify-content:space-around}

/* Header controls and spacing aligned to the reference navigation bar. */
.nav-wrap{gap:20px}
.desktop-nav{gap:0;flex:none;margin-left:auto}
.nav-trigger,.nav-link{padding-inline:16px;font-size:14px}
.nav-actions{gap:8px;margin-left:18px;flex:none}
.language-link,.signin-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #e4e4e7;border-radius:10px;background:#fff;padding:0 12px;color:#343943;font-size:13px}
.language-link svg{flex:none}
.signin-link{min-width:76px;font-weight:550}
.nav-trigger[aria-expanded="true"]{background:#f4f4f5}
@media(max-width:1100px){.nav-trigger,.nav-link{padding-inline:8px;font-size:13px}.nav-actions{margin-left:8px}}

/* Capability cards are a true horizontally navigable carousel. */
.advantage-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 2px 14px;outline-offset:5px}
.advantage-grid::-webkit-scrollbar{display:none}
.advantage-grid>article{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.advantage-grid>article:hover{transform:translateY(-4px);border-color:#d6def0;box-shadow:0 14px 30px rgba(15,23,42,.08)}
.advantage-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.advantage-browse{display:inline-flex;align-items:center;gap:9px;color:#4f46e5;font-size:13px;font-weight:650}
.advantage-browse span{transition:transform .18s}
.advantage-browse:hover span{transform:translate(3px,-3px)}
.advantage-carousel-nav{display:flex;align-items:center;gap:12px}
.advantage-carousel-nav>button{width:38px;height:38px;border:1px solid #dedfe5;border-radius:50%;background:#fff;color:#343943;font-size:16px;transition:background .18s,border-color .18s,color .18s}
.advantage-carousel-nav>button:hover{background:#f3f5ff;border-color:#c7d2fe;color:#4f46e5}
.advantage-dots{display:flex;align-items:center;gap:7px}
.advantage-dots button{width:6px;height:6px;border:0;border-radius:20px;background:#d4d4d8;padding:0;transition:width .2s,background .2s}
.advantage-dots button.active{width:22px;background:#4f46e5}
@media(max-width:850px){.advantage-grid>article{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:560px){.advantage-grid>article{flex-basis:86%}.advantage-carousel-controls{align-items:flex-start;flex-direction:column}.advantage-carousel-nav{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.advantage-grid{scroll-behavior:auto}.advantage-grid>article,.advantage-carousel-nav>button,.advantage-dots button{transition:none}}

/* Keep the dropdown in the header's top stacking layer and fully opaque. */
.site-header{position:sticky;top:0;z-index:9999!important;isolation:isolate;background:rgba(255,255,255,.94)}
.mega-menu,.mega-menu.compact{z-index:10000!important;background:#fff!important;opacity:1}
.nav-trigger,.nav-link{padding-inline:19px}
@media(max-width:1100px){.nav-trigger,.nav-link{padding-inline:8px}}

/* Impact counter section and featured customer-story composition. */
.impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden}
.impact-metric{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:35px 24px;text-align:center}
.impact-metric+.impact-metric{border-left:1px solid #e5e7eb}
.impact-metric strong{font:750 clamp(34px,4vw,54px)/1.1 PinarLocal,GeistLocal,sans-serif;letter-spacing:-1.8px;color:#18181b;font-variant-numeric:tabular-nums}
.impact-metric>span{font-size:15px;font-weight:650;color:#343943;margin-top:12px}
.impact-metric>small{font-size:11px;color:#858b96;margin-top:5px}
.metric-info{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#4f46e5;font-size:10px;margin-top:14px;padding:4px 7px;border-radius:5px}
.metric-info:hover{background:#f3f4ff}
.impact-metric>p{max-width:290px;margin:7px 0 0;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;color:#656b76;font-size:10px;line-height:1.6}
.customer-story-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.story-featured{position:relative;grid-column:span 6;display:flex;flex-direction:column;min-height:360px;margin:0;padding:27px 29px;border:1px solid #e4e4e7;border-radius:17px;background:#fff}
.story-featured>img{width:auto;height:30px;max-width:125px;object-fit:contain;object-position:left center}
.story-featured blockquote{max-width:650px;margin:26px 0 24px;color:#272a31;font-size:clamp(16px,1.45vw,20px);line-height:1.75;letter-spacing:-.2px}
.story-featured figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:17px;border-top:1px solid #eceef1}
.story-featured figcaption strong,.story-featured figcaption span{display:block}
.story-featured figcaption strong{font-size:12px;color:#272a31}
.story-featured figcaption span{margin-top:3px;font-size:10px;color:#858b96}
.story-featured figcaption a,.story-small>a{font-size:10px;font-weight:650;color:#4f46e5;white-space:nowrap}
.story-result{position:absolute;top:24px;right:26px;display:flex;flex-direction:column;align-items:flex-end}
.story-result strong{font-size:22px;line-height:1.2;color:#4f46e5}
.story-result span{font-size:9px;color:#7b8491}
.story-small{grid-column:span 2;display:flex;flex-direction:column;min-width:0;min-height:360px;padding:20px 17px;border:1px solid #e4e4e7;border-radius:17px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.story-small:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 12px 28px #0f172a0b}
.story-small>img{width:auto;max-width:112px;height:26px;object-fit:contain;object-position:left center;margin:2px 0 21px}
.story-small h3{font-size:15px;line-height:1.5;letter-spacing:-.25px;margin:0 0 9px}
.story-small p{font-size:11px;line-height:1.7;color:#737987;margin:0 0 18px}
.story-small>a{margin-top:auto;white-space:normal}
.customer-stories-link{display:flex;justify-content:center;margin-top:24px}
@media(max-width:950px){.story-featured{grid-column:span 12;min-height:290px}.story-small{grid-column:span 4;min-height:250px}.impact-metric{min-height:220px}}
@media(max-width:600px){.impact-metrics{grid-template-columns:1fr}.impact-metric{min-height:175px;padding:25px 20px}.impact-metric+.impact-metric{border-left:0;border-top:1px solid #e5e7eb}.story-featured{padding:22px;min-height:320px}.story-featured blockquote{font-size:15px;margin:35px 0 22px}.story-featured figcaption{align-items:flex-start;flex-direction:column}.story-result{top:21px;right:20px}.story-small{grid-column:span 12;min-height:210px;padding:20px}.story-small>img{margin-bottom:13px}}

.security-training-note{position:relative;margin:0 0 22px!important;padding:13px 16px 13px 40px;border:1px solid #e4e9f3;border-radius:10px;background:#f8faff;color:#46546b!important;font-size:12px!important;line-height:1.65!important}
.security-training-note:before{content:"";position:absolute;left:15px;top:17px;width:13px;height:13px;border:1.6px solid #4f46e5;border-radius:4px}
.security-training-note:after{content:"";position:absolute;left:19px;top:20px;width:5px;height:3px;border-left:1.5px solid #4f46e5;border-bottom:1.5px solid #4f46e5;transform:rotate(-45deg)}
.final-cta h2{max-width:760px}
.final-cta p{max-width:620px}

.motion-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .58s cubic-bezier(.2,.65,.25,1),transform .58s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.motion-reveal,.motion-reveal.is-visible{opacity:1;transform:none;transition:none;will-change:auto}}

.advantage-dots [data-advantage-dot="5"],.advantage-dots [data-advantage-dot="6"]{display:none}
@media(max-width:850px){.advantage-dots [data-advantage-dot="5"]{display:block}}
@media(max-width:767px){.advantage-dots [data-advantage-dot="6"]{display:block}}

.role-card{position:relative;isolation:isolate;overflow:hidden}
.role-card>img{transition:transform .55s cubic-bezier(.2,.7,.25,1),filter .35s}
.role-card:hover>img{transform:scale(1.035);filter:saturate(.9) brightness(.82)}
.role-hover-preview{position:absolute;z-index:3;top:18px;left:18px;right:18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(15,23,42,.13);opacity:0;transform:translateY(9px) scale(.985);transition:opacity .24s ease,transform .3s cubic-bezier(.2,.7,.25,1);pointer-events:none;backdrop-filter:blur(12px)}
.role-hover-preview span{font-size:9px;font-weight:700;letter-spacing:.04em;color:#64748b}
.role-hover-preview span:nth-of-type(2){color:#4f46e5;margin-top:3px}
.role-hover-preview p{max-width:100%;margin:0;padding:8px 10px;border-radius:8px;background:#f3f4f6;color:#475569;font-size:10px;line-height:1.5}
.role-hover-preview p:last-child{align-self:flex-end;background:#eef2ff;color:#303c78}
.role-card:hover .role-hover-preview,.role-card:focus-within .role-hover-preview{opacity:1;transform:translateY(0) scale(1)}
@media(hover:none){.role-hover-preview{display:none}}
@media(prefers-reduced-motion:reduce){.role-card>img,.role-hover-preview{transition:none}}

/* Use-cases dropdown: compact two-panel directory from the captured reference. */
.mega-solutions{display:grid!important;grid-template-columns:398px minmax(0,1fr);gap:0;height:328px;max-height:calc(100dvh - 140px);padding:18px 24px 20px}
.solutions-left{display:flex;flex-direction:column;gap:11px;padding:0 22px 0 0;border-right:1px solid #e4e4e7}
.solutions-right{min-width:0;padding:0 0 0 24px}
.solutions-menu-label{margin:0 0 10px;color:#777d87;font-size:11px;font-weight:650;letter-spacing:.055em}
.solution-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 7px;border-radius:9px;color:#272a31;transition:background .16s}
.solution-row:hover,.industry-menu-grid a:hover{background:#f6f7f9}
.solution-row>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.solution-row b,.industry-menu-grid b{font-size:13px;font-weight:600;line-height:1.35;color:#30343b}
.solution-row small{font-size:11px;line-height:1.35;color:#707782;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}
.solution-icon,.industry-menu-icon{position:relative;flex:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.solution-icon:before,.industry-menu-icon:before{content:"";position:absolute;inset:8px;border:1px solid #e4e7ed;border-radius:3px;transform:rotate(45deg)}
.solution-icon svg{position:relative;z-index:1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-support{color:#5145e5}.icon-sales{color:#f97316}.icon-guidance{color:#a855f7}
.industry-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;column-gap:12px;row-gap:8px}
.industry-menu-grid a{display:flex;align-items:center;gap:12px;min-width:0;min-height:43px;padding:2px 6px;border-radius:9px;color:#30343b;transition:background .16s}
.industry-menu-grid b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.industry-menu-icon{width:42px;height:42px;font-size:17px;font-weight:700}
.industry-menu-icon:before{border-color:#e6e8ed}
.icon-saas{color:#176f49}.icon-fitness{color:#14532d}.icon-retail{color:#0284c7}.icon-health{color:#a855f7}.icon-education{color:#f59e0b}.icon-government{color:#4f46e5}.icon-travel{color:#0ea5e9}.icon-telecom{color:#f97316}.icon-banking{color:#f59e0b}
@media(max-width:900px){.mega-solutions{grid-template-columns:1fr;height:auto}.solutions-left{border-right:0;border-bottom:1px solid #e4e4e7;padding:0 0 16px}.solutions-right{padding:16px 0 0}.industry-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.industry-menu-grid{grid-template-columns:1fr}.mega-solutions{padding:16px}}

.mega-menu,.mega-menu.compact{top:calc(100% + 6px);max-height:calc(100dvh - 120px)}
.mega-solutions{top:calc(100% + 6px)}

/* Resources dropdown: Learn / Company / Updates directory plus Decachat 3 banner. */
.mega-resources{padding:18px 0 0;height:373px;max-height:calc(100dvh - 120px);overflow:hidden}
.resources-directory{display:grid;grid-template-columns:1fr 1.08fr .95fr;min-height:287px;padding:0 24px 14px}
.resource-column{display:flex;flex-direction:column;gap:9px;min-width:0;padding:0 20px}
.resource-column:first-child{padding-left:0}
.resource-column:last-child{padding-right:0}
.resource-column+.resource-column{border-left:1px solid #e4e4e7}
.resource-column .solutions-menu-label{margin:0 0 4px}
.resource-column .solution-row{min-height:52px;padding:3px 5px}
.resource-column .solution-row small{max-width:240px}
.icon-userguide{color:#4f46e5}.icon-devguide{color:#0284c7}.icon-faq{color:#4f46e5}.icon-about{color:#166534}.icon-join{color:#d97706}.icon-brand{color:#2563eb}.icon-contact{color:#ea580c}.icon-blog{color:#f97316}.icon-changelog{color:#a855f7}
.resource-new-banner{position:relative;display:grid;grid-template-columns:1fr 64px 230px;align-items:center;min-height:68px;overflow:hidden;padding:9px 24px;border-top:1px solid #e5e7eb;background:linear-gradient(105deg,#fafafa,#f7f8fb);color:#272a31}
.resource-new-copy{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}
.resource-new-copy b{font-size:12px;font-weight:650}
.resource-new-copy em{margin-left:6px;padding:2px 5px;border-radius:4px;background:#dbeafe;color:#2563eb;font-size:9px;font-style:normal}
.resource-new-copy small{font-size:10px;color:#717987}
.resource-v3{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2563eb;color:white;font-size:15px;font-weight:750}
.resource-new-art{position:relative;display:flex;align-items:center;justify-content:space-around;height:50px;color:#8b94a4}
.resource-new-art i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e2e6ed;border-radius:50%;background:#fff;font-style:normal;font-size:13px;box-shadow:0 3px 10px #0f172a0a}
.resource-new-art i:nth-child(2){transform:translateY(-11px)}
.resource-new-art i:nth-child(3){transform:translateY(9px)}
.resource-new-art i:nth-child(4){transform:translateY(-5px)}
@media(max-width:900px){.mega-resources{height:auto;overflow:auto}.resources-directory{grid-template-columns:1fr;gap:14px}.resource-column{padding:0 0 12px!important;border-left:0!important;border-bottom:1px solid #e4e7eb}.resource-new-banner{grid-template-columns:1fr 48px 80px}}
@media(max-width:560px){.resource-new-art{display:none}.resource-new-banner{grid-template-columns:1fr 48px}}

/* Make the six problem/solution pairs explicit, as in the reference comparison cards. */
.problem-card{display:flex;flex-direction:column;align-items:stretch;min-height:270px;padding:22px 22px 20px}
.problem-card:before{content:"WITHOUT DECACHAT";display:block;margin-bottom:10px;color:#969ba5;font-size:9px;font-weight:750;letter-spacing:.09em}
.problem-card .card-number{position:absolute;top:19px;right:20px}
.problem-card .problem-icon{display:none}
.problem-card h3{margin:0 0 18px;font-size:17px;line-height:1.5;letter-spacing:-.25px}
.problem-card p{position:relative;margin:auto 0 0;padding:15px 0 0;border-top:1px solid #e8e9ed;color:#555e6c;font-size:12px;line-height:1.7}
.problem-card p:before{content:"WITH DECACHAT";display:block;margin-bottom:6px;color:#4f46e5;font-size:9px;font-weight:750;letter-spacing:.09em}
.problem-card:hover{border-color:#c7d2fe;box-shadow:0 14px 30px rgba(15,23,42,.07);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.problem-card{transition:none}}

.industry-feature>img{transition:opacity .24s ease,transform .4s cubic-bezier(.2,.7,.25,1)}
.industry-feature>img.is-changing{opacity:.2;transform:scale(.985)}
.industry-copy{transition:opacity .2s ease,transform .25s ease}
.industry-copy.is-changing{opacity:.35;transform:translateY(5px)}
.lifecycle-preview{transition:opacity .22s ease,transform .28s ease}
.lifecycle-preview.is-updating{opacity:.35;transform:translateY(5px)}
@media(prefers-reduced-motion:reduce){.industry-feature>img,.industry-copy,.lifecycle-preview{transition:none}}

.industry-menu-icon svg{position:relative;z-index:1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.industry-menu-icon:before{z-index:0}

/* Original customer strip uses the complete homepage logo set and a seamless loop. */
.trust-strip{overflow:hidden}
.logo-marquee{display:block;width:100%;overflow:hidden;position:relative}
.logo-marquee-track{display:flex;width:max-content;align-items:center;animation:customerLogoDrift 58s linear infinite;will-change:transform}
.logo-marquee-set{display:flex;flex:none;align-items:center;gap:54px;padding-right:54px}
.logo-marquee-set img{display:block;flex:none;width:auto;max-width:132px;height:31px;object-fit:contain;opacity:.96}
.logo-marquee:hover .logo-marquee-track,.logo-marquee:focus-within .logo-marquee-track{animation-play-state:paused}
@keyframes customerLogoDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.logo-marquee-set{gap:34px;padding-right:34px}.logo-marquee-set img{max-width:110px;height:27px}.logo-marquee-track{animation-duration:42s}}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none;transform:none}}
/* The three hover artworks are the original local SVGs captured from the reference. */
.role-card{position:relative;overflow:hidden}
.role-card>img:first-child{position:relative;z-index:1;transition:opacity .25s ease,transform .4s ease}
.role-card>.role-hover-art{position:absolute;z-index:2;left:0;top:0;width:100%;height:220px;object-fit:cover;object-position:center;opacity:0;transition:opacity .28s ease}
.role-card:hover>img:first-child,.role-card:focus-within>img:first-child{opacity:0;transform:scale(1.025)}
.role-card:hover>.role-hover-art,.role-card:focus-within>.role-hover-art{opacity:1}
.role-hover-preview{display:none!important}
@media(hover:none){.role-card>.role-hover-art{display:none}}
@media(prefers-reduced-motion:reduce){.role-card>img:first-child,.role-card>.role-hover-art{transition:none}}

/* Exact hero video controls: play and replay sit together at the lower-left. */
.video-controls{position:absolute;z-index:5;left:16px;bottom:16px;display:flex;align-items:center;gap:10px}
.video-play{position:static;left:auto;top:auto;transform:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(20,93,238,.78);box-shadow:none;color:#fff}
.video-play:hover{transform:scale(1.06)}
.play-icon{border-left-color:#fff}
.video-replay{position:static;right:auto;top:auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(20,35,64,.24);color:#fff;font-size:18px;line-height:1}
.video-replay[hidden]{display:none!important}
/* Give every local SVG logo a concrete image box; some source SVGs have only a viewBox. */
.logo-marquee-set img{width:132px;height:31px;max-width:132px;flex:none;object-fit:contain;object-position:center}
@media(max-width:560px){
  .hero.section-shell{width:calc(100% - 36px)}
  .hero{min-height:0;gap:22px;padding-top:34px;padding-bottom:30px;text-align:center}
  .hero-copy{width:100%;max-width:100%;margin:0 auto}
  .hero h1{width:100%;max-width:100%;font-size:clamp(28px,7.8vw,34px);line-height:1.35;letter-spacing:-.035em;margin:0 0 17px}
  .hero-lead{width:100%;max-width:100%;font-size:14px;line-height:1.7;margin:0 0 21px}
  .hero-proof{justify-content:center;flex-wrap:wrap;gap:10px;margin-top:0}
  .hero-benefits{width:100%;max-width:100%;margin:22px auto 0;align-items:stretch;text-align:left}
  .hero-benefits>span{align-items:flex-start}
  .hero-benefits b{font-size:12px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px;margin-top:23px}
  .hero-actions .button{width:100%;justify-content:center;min-height:46px}
  .hero-visual{width:100%;max-width:100%;height:auto;margin:0;transform:none}
  .hero-video-frame{width:100%;max-width:100%;aspect-ratio:1/1;border-radius:18px}
  .video-controls{left:12px;bottom:12px;gap:8px}
  .video-play{width:42px;height:42px}
  .video-replay{width:34px;height:34px}
}

/* Full reference footer information architecture. */
.site-footer{margin-top:0;padding:54px max(24px,calc((100vw - 1120px)/2)) 22px;background:#fafafa;border-top:1px solid #e8e9ed}
.footer-main{display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,1fr));gap:28px;align-items:start;max-width:1120px;margin:0 auto 38px}
.footer-brand{min-width:0}
.footer-brand .brand img{max-width:130px;height:32px;object-fit:contain;object-position:left center}
.footer-brand>p{max-width:190px;color:#777e89;font-size:11px;line-height:1.7;margin:14px 0 17px}
.footer-brand .social-links{display:flex;flex-wrap:wrap;gap:7px}
.footer-brand .social-links a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e4e6eb;border-radius:8px;background:#fff;color:#505764;font-size:11px}
.footer-column-group{display:flex;flex-direction:column;gap:26px;min-width:0}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.footer-column h3{margin:0 0 4px;color:#252932;font-size:12px;font-weight:700}
.footer-column a{color:#777e89;font-size:10px;line-height:1.5;transition:color .15s}
.footer-column a:hover{color:#4f46e5}
.footer-ai{max-width:1120px;margin:0 auto 25px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #e4e7ed;border-radius:13px;background:#fff}
.footer-ai .eyebrow{font-size:9px}
.footer-ai h3{margin:5px 0 3px;font-size:16px;letter-spacing:-.3px}
.footer-ai p{margin:0;color:#858b96;font-size:10px}
.footer-ai-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.footer-ai-links a{padding:8px 11px;border:1px solid #e5e7eb;border-radius:7px;color:#4c5563;font-size:10px;background:#fff}
.footer-ai-links a:hover{border-color:#c7d2fe;background:#f7f8ff;color:#4f46e5}
.footer-bottom{max-width:1120px;margin:0 auto;padding-top:18px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9298a2;font-size:9px}
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:18px}
.footer-bottom a{color:#737b87}
.footer-bottom a:hover{color:#4f46e5}
@media(max-width:1050px){.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}.footer-brand{grid-column:1/-1}.footer-brand .social-links{max-width:240px}}
@media(max-width:650px){.site-footer{padding:38px 20px 18px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.footer-column-group{gap:22px}.footer-ai{align-items:flex-start;flex-direction:column;padding:17px}.footer-ai-links{justify-content:flex-start}.footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.7}.footer-bottom>div{gap:13px}}
@media(max-width:420px){.footer-main{grid-template-columns:1fr 1fr;gap:24px 12px}.footer-column a{font-size:10px}}

/* Mobile hero must collapse the desktop two-column grid without intrinsic overflow. */
@media(max-width:850px){
  .hero{grid-template-columns:minmax(0,1fr)!important;min-width:0;min-height:0;gap:24px}
  .hero-copy,.hero-visual,.hero-video-frame{min-width:0;width:100%;max-width:100%}
  .hero h1,.hero-lead{width:100%;max-width:100%;overflow-wrap:anywhere}
  .hero-visual{height:auto}
}
@media(max-width:560px){
  .hero.section-shell{width:calc(100% - 36px)!important;max-width:calc(100% - 36px)}
  .hero{padding:34px 0 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch;text-align:center}
  .hero-copy{grid-column:1;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0;min-width:0}
  .hero h1{font-size:clamp(27px,7.2vw,32px)!important;line-height:1.32!important;letter-spacing:-.035em!important;text-align:center;margin:0 0 17px!important;max-width:100%;width:100%;overflow-wrap:break-word}
  .hero-lead{font-size:13px!important;line-height:1.7!important;text-align:center;margin:0 0 20px!important;max-width:100%;width:100%}
  .hero-proof{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:100%;font-size:10px}
  .hero-benefits{width:100%;max-width:100%;margin:20px 0 0!important;align-items:stretch;text-align:left}
  .hero-benefits>span{flex-direction:row!important;align-items:flex-start!important;border:0;padding:0;gap:10px}
  .hero-benefits>span>i{flex:none}
  .hero-benefits b{font-size:11px!important;line-height:1.5}
  .hero-actions{display:flex!important;flex-direction:column;align-items:stretch;gap:9px;width:100%;margin-top:22px}
  .hero-actions .button{display:flex;width:100%!important;min-width:0!important;flex:initial;justify-content:center;box-sizing:border-box}
  .hero-visual{grid-column:1;width:100%;max-width:100%;height:auto;margin:0;transform:none}
  .hero-video-frame{width:100%;max-width:100%;aspect-ratio:1/1;height:auto}
  .hero-video{display:block;width:100%;height:100%;object-fit:cover}
  .site-header .nav-wrap{width:calc(100% - 36px)!important;max-width:none;display:flex;align-items:center;justify-content:space-between}
  .mobile-menu-toggle{display:flex!important;margin-left:auto;flex:none}
}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none!important}}

/* Pixel-accurate desktop mega menus: use captured first-party menu artwork,
   while retaining real semantic anchors as transparent, keyboard-focusable hit areas. */
@media(min-width:851px){
  .mega-menu,.mega-menu.compact{
    top:70px!important;left:50%!important;transform:translateX(-50%)!important;
    width:min(1117px,calc(100vw - 32px))!important;max-width:none!important;
    max-height:none!important;overflow:hidden!important;padding:0!important;
    border:0!important;border-radius:20px!important;background-color:transparent!important;
    box-shadow:none!important;overscroll-behavior:initial
  }
  .mega-menu:not([hidden]){animation:megaPixelReveal .16s ease-out both!important}
  @keyframes megaPixelReveal{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}
  .mega-product{aspect-ratio:1117/814;background:url('../assets/images/nav-product-reference.png') center/100% 100% no-repeat!important}
  .mega-product .mega-menu-head{display:none!important}
  .product-menu-grid{position:absolute!important;inset:0!important;display:block!important;padding:0!important;margin:0!important}
  .product-menu-card{position:absolute!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
  .product-menu-card:hover{background:rgba(59,130,246,.045)!important;box-shadow:inset 0 0 0 1px rgba(59,130,246,.13)!important}
  .product-menu-card .menu-card-copy,.product-menu-card .menu-card-art{opacity:0!important}
  .product-menu-card:nth-child(1){left:1.52%;top:1.84%;width:31.33%;height:31%}
  .product-menu-card:nth-child(2){left:34.29%;top:1.84%;width:31.33%;height:31%}
  .product-menu-card:nth-child(3){left:67.14%;top:1.84%;width:31.33%;height:31%}
  .product-menu-card:nth-child(4){left:1.52%;top:34.64%;width:96.96%;height:21.55%}
  .product-menu-card:nth-child(5){left:1.52%;top:58.1%;width:23.28%;height:29.2%}
  .product-menu-card:nth-child(6){left:26.23%;top:58.1%;width:23.28%;height:29.2%}
  .product-menu-card:nth-child(7){left:50.76%;top:58.1%;width:23.28%;height:29.2%}
  .product-menu-card:nth-child(8){left:75.2%;top:58.1%;width:23.28%;height:29.2%}
  .product-menu-card:nth-child(9){left:1.52%;top:89.2%;width:31.33%;height:9.2%}
  .product-menu-card:nth-child(10){left:34.29%;top:89.2%;width:31.33%;height:9.2%}
  .product-menu-card:nth-child(11){left:67.14%;top:89.2%;width:31.33%;height:9.2%}
  .mega-solutions{aspect-ratio:1117/328;background:url('../assets/images/nav-usecases-reference.png') center/100% 100% no-repeat!important}
  .mega-solutions .solutions-menu-label,.mega-solutions .solution-row>*,
  .mega-solutions .industry-menu-grid b,.mega-solutions .industry-menu-icon{opacity:0!important}
  .mega-solutions .solutions-left{position:absolute!important;left:2.2%!important;top:14.8%!important;width:35.5%!important;height:80%!important;border:0!important;padding:0!important}
  .mega-solutions .solution-row{position:absolute!important;left:0!important;width:100%!important;height:21%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .mega-solutions .solution-row:nth-of-type(1){top:0!important}
  .mega-solutions .solution-row:nth-of-type(2){top:22.5%!important}
  .mega-solutions .solution-row:nth-of-type(3){top:45.5%!important}
  .mega-solutions .solutions-right{position:absolute!important;left:39.8%!important;top:14.8%!important;width:58%!important;height:80%!important;padding:0!important;border:0!important}
  .mega-solutions .industry-menu-grid{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(5,1fr)!important;gap:0!important}
  .mega-solutions .industry-menu-grid a{display:block!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .mega-solutions .industry-menu-grid a:hover,.mega-solutions .solution-row:hover{background:rgba(59,130,246,.045)!important;border-radius:10px!important}
  .mega-resources{aspect-ratio:1117/373;background:url('../assets/images/nav-resources-reference.png') center/100% 100% no-repeat!important}
  .mega-resources .resources-directory{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important}
  .mega-resources .resource-column{position:relative!important;padding:0!important;border:0!important}
  .mega-resources .resource-column .solutions-menu-label,
  .mega-resources .resource-column .solution-row>*{opacity:0!important}
  .mega-resources .resource-column .solution-row{position:absolute!important;left:6.7%!important;width:86%!important;height:16%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .mega-resources .resource-column:nth-child(1) .solution-row:nth-of-type(1){top:13.8%!important}
  .mega-resources .resource-column:nth-child(1) .solution-row:nth-of-type(2){top:30.5%!important}
  .mega-resources .resource-column:nth-child(1) .solution-row:nth-of-type(3){top:47.5%!important}
  .mega-resources .resource-column:nth-child(2) .solution-row:nth-of-type(1){top:13.8%!important}
  .mega-resources .resource-column:nth-child(2) .solution-row:nth-of-type(2){top:30.5%!important}
  .mega-resources .resource-column:nth-child(2) .solution-row:nth-of-type(3){top:47.5%!important}
  .mega-resources .resource-column:nth-child(2) .solution-row:nth-of-type(4){top:64.5%!important}
  .mega-resources .resource-column:nth-child(3) .solution-row:nth-of-type(1){top:13.8%!important}
  .mega-resources .resource-column:nth-child(3) .solution-row:nth-of-type(2){top:30.5%!important}
  .mega-resources .resource-new-banner{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:18%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .mega-resources .resource-new-banner>*{opacity:0!important}
  .mega-resources .resource-column .solution-row:hover,.mega-resources .resource-new-banner:hover{background:rgba(59,130,246,.045)!important}
  .mega-menu a:focus-visible{outline:2px solid #2563eb!important;outline-offset:-3px!important;border-radius:8px!important}
}
@media(max-width:1100px) and (min-width:851px){
  .mega-product,.mega-solutions,.mega-resources{width:calc(100vw - 32px)!important}
}

@media(min-width:851px){
  .mega-menu,.mega-menu.compact{top:62px!important;left:calc(50% - 4px)!important}
}


/* Source-faithful six-card Without/With comparison showcase. */
.why-section#feature-showcase{
 width:100%;max-width:none;margin:0;padding:76px 24px 92px;
 box-sizing:border-box;background:#edf2ff;border:0;position:relative;
}
.why-inner{width:min(1117px,100%);margin:0 auto}
.showcase-heading{max-width:760px;margin:0 auto 52px;text-align:center}
.showcase-heading h2{font-size:clamp(30px,3vw,36px);line-height:1.3;letter-spacing:-1.2px;margin:0 0 14px;color:#111827}
.showcase-heading p{font-family:inherit;font-size:clamp(18px,2vw,24px);font-weight:750;line-height:1.55;color:#145dee;margin:0}
.feature-showcase-stack{position:relative;display:flex;flex-direction:column;gap:30px}
.feature-showcase-card{
 --card-accent:#145dee;position:sticky;top:106px;z-index:calc(10 + var(--card-index));
 display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:minmax(380px,auto);
 overflow:hidden;border:1px solid rgba(9,20,40,.08);border-radius:24px;
 background:#fff;box-shadow:0 8px 32px -16px rgba(24,39,66,.19);
 transform:translateY(22px);opacity:.01;
 transition:transform .52s cubic-bezier(.23,1,.32,1),opacity .42s ease;
 scroll-margin-top:106px;
}
.feature-showcase-card.is-visible{transform:translateY(0);opacity:1}
.showcase-without,.showcase-with{min-width:0;display:flex;flex-direction:column;gap:24px;padding:32px 34px}
.showcase-without{background:color-mix(in srgb,var(--card-accent) 6%,white)}
.showcase-with{background:var(--card-accent);color:white}
.showcase-label{display:flex;align-items:center;gap:12px;flex:none}
.showcase-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.82);color:#596273;font-size:11px;font-weight:600;line-height:1.5}
.showcase-pill svg,.showcase-mobile-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.showcase-rule{height:1px;flex:1;background:rgba(15,23,42,.09)}
.showcase-with .showcase-pill{border-color:rgba(255,255,255,.27);background:rgba(255,255,255,.09);color:#fff}
.showcase-with .showcase-rule{background:rgba(255,255,255,.25)}
.showcase-without h3{display:flex;align-items:center;gap:10px;flex:1;margin:0;font-size:clamp(22px,2vw,26px);font-weight:500;line-height:1.55;letter-spacing:-.45px;color:#292d35;text-wrap:balance}
.showcase-copy{display:flex;flex:1;flex-direction:column;justify-content:center}
.showcase-copy h4{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:clamp(23px,2.15vw,28px);font-weight:700;line-height:1.5;letter-spacing:-.45px;color:white;text-wrap:balance}
.showcase-copy p{max-width:55ch;margin:16px 0 0;font-size:15px;line-height:1.85;color:rgba(255,255,255,.96)}
.showcase-mobile-icon{display:none}
.why-section .why-bottom{margin:50px auto 0;max-width:1117px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid rgba(20,93,238,.12);border-radius:18px;background:rgba(255,255,255,.72)}
.why-section .why-bottom h3{margin:0;font-size:18px}
.why-section .why-bottom a{white-space:nowrap;color:#145dee;font-weight:700}
@media(max-width:880px){
 .why-section#feature-showcase{padding:62px 20px 72px}
 .showcase-heading{margin-bottom:34px}
 .feature-showcase-stack{gap:22px}
 .feature-showcase-card{position:relative;top:auto;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
 .showcase-without,.showcase-with{padding:22px 24px;gap:18px}
 .showcase-without{min-height:150px}
 .showcase-with{min-height:210px}
 .showcase-label{display:none}
 .showcase-without h3{font-size:clamp(19px,3vw,23px);line-height:1.5}
 .showcase-copy h4{font-size:clamp(20px,3.2vw,25px)}
 .showcase-copy p{font-size:14px;line-height:1.75;margin-top:10px}
 .showcase-mobile-icon{display:inline-flex;align-items:center;margin-top:.18em}
 .showcase-mobile-icon svg{width:19px;height:19px}
 .why-section .why-bottom{align-items:flex-start;flex-direction:column;margin-top:30px}
}
@media(max-width:560px){
 .why-section#feature-showcase{padding:50px 18px 58px}
 .showcase-heading h2{font-size:27px}
 .showcase-heading p{font-size:17px;line-height:1.5}
 .feature-showcase-stack{gap:16px}
 .feature-showcase-card{border-radius:18px}
 .showcase-without,.showcase-with{padding:19px 18px}
 .showcase-without{min-height:132px}
 .showcase-with{min-height:195px}
 .showcase-without h3{font-size:19px}
 .showcase-copy h4{font-size:21px;line-height:1.42}
 .showcase-copy p{font-size:13px;line-height:1.72}
 .why-section .why-bottom{padding:19px}
 .why-section .why-bottom h3{font-size:16px}
 .why-section .why-bottom a{white-space:normal;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .feature-showcase-card{opacity:1;transform:none;transition:none}
}



/* Source-aligned three-step "How Decachat helps" timeline */
.help-section{padding-top:76px;padding-bottom:84px;overflow:hidden}
.help-section .section-heading{margin-bottom:34px}
.help-section .section-heading h2{font-size:clamp(26px,2.4vw,32px);line-height:1.65;letter-spacing:-.65px;margin:0 auto 7px;color:#18181b}
.help-section .section-heading p{font-size:16px;line-height:1.75;color:#71717a}
.help-timeline-scroll{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.help-timeline-scroll::-webkit-scrollbar{display:none}
.help-timeline{position:relative;width:100%;max-width:1168px;margin:0 auto}
.help-timeline-art{height:120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 16px;position:relative;align-items:center}
.help-timeline-track{position:absolute;left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(to right,#d4d4d8 0 1px,transparent 1px 64px);z-index:0}
.help-timeline-node{height:96px;display:flex;align-items:center;position:relative;z-index:1}
.help-timeline-node img{display:block;width:auto;height:96px;max-width:130px;object-fit:contain}
.help-steps{list-style:none;padding:0 16px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left}
.help-steps li{min-width:0}
.help-step-label{font-size:14px;line-height:18px;font-weight:500;margin:0 0 12px;color:#b34b29}
.help-steps li:nth-child(2) .help-step-label{color:#6b744c}
.help-steps li:nth-child(3) .help-step-label{color:#a46215}
.help-steps h3{font-size:18px;line-height:1.55;font-weight:650;margin:0 0 10px;color:#24242a;letter-spacing:-.2px}
.help-steps li>p:last-child{font-size:16px;line-height:1.75;color:#3b3b43;margin:0}
.help-steps strong{font-weight:750;color:#25252b}
@media(max-width:767px){
 .help-section{padding-top:64px;padding-bottom:70px}
 .help-section .section-heading{padding:0 20px;margin-bottom:24px}
 .help-section .section-heading h2{font-size:25px;line-height:1.4}
 .help-section .section-heading p{font-size:14px}
 .help-timeline{width:787px;max-width:none}
 .help-timeline-art{height:80px;gap:0;padding:0 0;grid-template-columns:repeat(3,1fr)}
 .help-timeline-track{left:78px;right:58px;background:repeating-linear-gradient(to right,#d4d4d8 0 1px,transparent 1px 50px)}
 .help-timeline-node{height:80px;justify-content:flex-start;padding-left:24px}
 .help-timeline-node img{height:72px;max-width:105px}
 .help-steps{padding:12px 16px 4px;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .help-steps h3{font-size:16px;line-height:1.45}
 .help-steps li>p:last-child{font-size:14px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.help-timeline-scroll{scroll-behavior:auto}}

/* Functional capability carousel: three cards on desktop, one on compact screens. */
.advantages-section{overflow:hidden}
.advantage-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 14px;align-items:stretch}
.advantage-grid::-webkit-scrollbar{display:none}
.advantage-grid article{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;padding:12px 12px 20px;border:1px solid #e8ebf1;border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.advantage-grid article:hover{border-color:#d6deee;box-shadow:0 12px 28px rgba(24,39,75,.07);transform:translateY(-2px)}
.advantage-grid article img{width:100%;height:auto;aspect-ratio:131/140;max-height:245px;object-fit:contain;background:transparent;border-radius:8px}
.advantage-grid article h3{font-size:17px;line-height:1.4;letter-spacing:-.25px;margin:16px 8px 7px;color:#18181b}
.advantage-grid article p{font-size:13px;line-height:1.7;margin:0 8px;color:#666d79}
.advantage-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 2px 0}
.advantage-browse{display:inline-flex;align-items:center;gap:9px;color:#4f46e5;font-size:13px;font-weight:650}
.advantage-browse span{font-size:17px;transition:transform .18s}
.advantage-browse:hover span{transform:translate(2px,-2px)}
.advantage-carousel-nav{display:flex;align-items:center;gap:15px}
.advantage-carousel-nav>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e2e5eb;border-radius:50%;background:#fff;color:#303744;font-size:18px;transition:background .18s,border-color .18s,color .18s}
.advantage-carousel-nav>button:hover{background:#f5f7ff;border-color:#cdd8f4;color:#315bd6}
.advantage-carousel-nav>button:focus-visible,.advantage-dots button:focus-visible{outline:2px solid #315bd6;outline-offset:3px}
.advantage-dots{display:flex;align-items:center;gap:7px}
.advantage-dots button{width:7px;height:7px;padding:0;border:0;border-radius:9px;background:#d4d8e0;transition:width .2s,background .2s}
.advantage-dots button.active{width:22px;background:#315bd6}
.advantage-dots button[hidden]{display:none}
@media(max-width:767px){.advantage-grid{gap:14px}.advantage-grid article{flex-basis:100%}.advantage-grid article img{max-height:270px}}
@media(max-width:560px){.advantage-grid{gap:14px;padding-inline:1px}.advantage-grid article{flex-basis:100%;padding:12px 12px 18px}.advantage-grid article img{max-height:270px}.advantage-grid article h3{font-size:16px}.advantage-grid article p{font-size:12px}.advantage-carousel-controls{align-items:flex-start;flex-direction:column}.advantage-carousel-nav{align-self:flex-end}.advantage-browse{font-size:12px}}
@media(prefers-reduced-motion:reduce){.advantage-grid{scroll-behavior:auto}.advantage-grid article,.advantage-dots button,.advantage-carousel-nav>button{transition:none}}
.advantage-carousel-nav>button:disabled{opacity:.38;cursor:not-allowed;background:#fafafa}

/* Agent lifecycle — two-column interactive walkthrough, based on original layout. */
.lifecycle-section{padding-top:82px;padding-bottom:90px;overflow:hidden}
.lifecycle-heading{max-width:1168px;margin:0 auto 32px;padding:0 16px}
.lifecycle-heading h2{font-size:clamp(26px,2.4vw,32px);line-height:1.4;letter-spacing:-.65px;margin:0;color:#17171c}
.lifecycle-heading .eyebrow{display:block;margin-bottom:10px}
.lifecycle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;border:1px solid #e3e6ec;border-radius:2px;overflow:hidden;background:#fafafa}
.lifecycle-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px clamp(26px,5vw,76px);gap:30px}
.lifecycle-steps{width:100%;display:flex;flex-direction:column;gap:24px;border:0}
.life-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 2px;gap:12px;align-items:start;width:100%;padding:0 0 0 0;text-align:left;border:0;background:transparent;cursor:pointer;color:#18181b}
.life-number{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.4px;color:#8a8d96;transition:color .25s}
.life-step-content{display:flex;flex-direction:column;gap:0;min-width:0}
.life-step-content b{font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.35px;color:#737782;transition:color .25s}
.life-step-content small{display:block;max-height:0;overflow:hidden;opacity:0;font-size:14px;line-height:1.7;color:#777d88;transition:max-height .35s ease,opacity .3s ease,margin .3s ease;max-width:390px}
.life-progress{position:absolute;left:0;top:0;bottom:0;width:2px;background:#e2e4e8;transform:translateX(-13px)}
.life-progress i{display:block;width:100%;height:0;background:#2563eb;transition:height .35s ease}
.life-step.active .life-number,.life-step.active .life-step-content b{color:#2563eb}
.life-step.active .life-step-content small{max-height:112px;opacity:1;margin-top:8px}
.life-step.active .life-progress i{height:100%}
.life-step:focus-visible{outline:2px solid #2563eb;outline-offset:7px;border-radius:3px}
.lifecycle-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 22px;border-radius:8px;background:#2563eb;color:#fff;font-size:15px;font-weight:550;box-shadow:0 5px 14px #2563eb22;transition:background .2s,transform .2s}
.lifecycle-cta:hover{background:#1d4ed8;transform:translateY(-1px)}
.lifecycle-visual{position:relative;min-width:0;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2563eb}
.lifecycle-grain,.lifecycle-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.lifecycle-grain{mix-blend-mode:soft-light;opacity:.3}
.lifecycle-pattern{opacity:.6;mix-blend-mode:screen}
.lifecycle-visual-inner{position:relative;z-index:1;width:min(100% - 48px,552px);min-height:490px;display:grid;align-items:center}
.life-panel{grid-area:1/1;animation:lifePanelIn .35s ease both}
.life-panel[hidden]{display:none}
@keyframes lifePanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.life-window{overflow:hidden;border-radius:13px;background:#fff;box-shadow:0 22px 65px #102b6840;color:#20232a;min-height:410px}
.life-window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #edf0f4;background:#fbfcfe}
.life-window-bar>span{width:7px;height:7px;border-radius:50%;background:#d3d9e3}
.life-window-bar>b{margin-left:9px;font-size:10px;font-weight:550;color:#727b8b}
.life-builder{display:grid;grid-template-columns:122px minmax(0,1fr);min-height:368px}
.life-builder aside{display:flex;flex-direction:column;gap:14px;padding:19px 12px;border-right:1px solid #edf0f4;background:#fbfcfe;font-size:10px;color:#7d8795}
.life-builder aside b{font-size:13px;color:#303946;margin-bottom:5px}
.life-builder aside span{padding:7px 8px;border-radius:5px}
.life-builder aside span.selected{background:#eaf1ff;color:#2459c5;font-weight:600}
.life-builder-main{padding:29px 25px}
.life-ui-kicker{font-size:9px;letter-spacing:.08em;font-weight:700;color:#6c7e9b}
.life-builder-main h3,.life-deploy h3,.life-optimize h3{font-size:19px;line-height:1.35;letter-spacing:-.3px;margin:8px 0 5px;color:#222630}
.life-builder-main>p,.life-deploy>p{font-size:11px;line-height:1.6;color:#7c8491;margin:0 0 21px}
.life-builder-main label{display:block;font-size:10px;font-weight:650;margin-bottom:8px;color:#4b5563}
.life-input{min-height:100px;padding:12px;border:1px solid #e1e6ee;border-radius:7px;color:#667085;font-size:10px;line-height:1.65;background:#fff}
.life-ui-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.life-ui-chips span{padding:5px 8px;border:1px solid #e5eaf2;border-radius:20px;font-size:9px;color:#697386}
.life-ui-button{margin-top:19px;display:inline-flex;padding:9px 13px;border-radius:6px;background:#2563eb;color:white;font-size:10px;font-weight:600}
.life-test{padding:24px 25px;min-height:368px;display:flex;flex-direction:column;gap:18px;background:#fff}
.life-test-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#323946}
.life-test-head span{font-size:9px;color:#27834b;background:#eaf8ef;padding:5px 8px;border-radius:20px}
.life-chat-bubble{max-width:88%;padding:12px 14px;border-radius:10px;font-size:10px;line-height:1.7;color:#4c5564}
.life-chat-bubble.user{align-self:flex-end;background:#edf3ff;border:1px solid #e2eaff}
.life-chat-bubble.agent{align-self:flex-start;background:#f7f8fa;border:1px solid #edf0f4}
.life-chat-bubble.agent b{color:#303b4e}
.life-test-input{margin-top:auto;display:flex;justify-content:space-between;padding:12px 13px;border:1px solid #e4e8ef;border-radius:7px;font-size:10px;color:#a0a6b1}
.life-test-input span{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#2563eb;color:white}
.life-test-foot{font-size:9px;color:#8992a1;display:flex;align-items:center;gap:7px}
.life-status-dot{width:6px;height:6px;border-radius:50%;background:#22a06b}
.life-deploy,.life-optimize{padding:28px 26px;min-height:368px}
.life-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.life-channel-grid>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:2px 9px;padding:12px 10px;border:1px solid #edf0f4;border-radius:8px}
.life-channel-grid img{grid-row:span 2;width:25px;height:25px;object-fit:contain}
.life-channel-grid span{font-size:10px;font-weight:600;color:#424b59}
.life-channel-grid i{font-size:8px;font-style:normal;color:#268451}
.life-publish-button{margin-top:20px;padding:11px 13px;border-radius:7px;background:#effaf3;color:#247a48;font-size:10px;font-weight:650;display:flex;align-items:center;gap:8px}
.life-publish-button span{width:7px;height:7px;border-radius:50%;background:#27a35f}
.life-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0 14px}
.life-stat-grid>div{padding:13px;border:1px solid #edf0f4;border-radius:8px;display:flex;flex-direction:column;gap:6px}
.life-stat-grid span{font-size:9px;color:#788293}
.life-stat-grid b{font-size:21px;letter-spacing:-.5px;color:#202b3b}
.life-stat-grid i{font-size:9px;font-style:normal;color:#218653}
.life-insight{padding:13px;border-radius:8px;border:1px solid #dce8ff;background:#f6f9ff}
.life-insight b{font-size:10px;color:#2d4f8d}
.life-insight p{font-size:9px;line-height:1.6;color:#69788e;margin:5px 0 8px}
.life-insight span{font-size:9px;color:#2563eb;font-weight:600}
.life-chart{height:56px;display:flex;align-items:end;gap:7px;margin-top:15px;padding:0 8px}
.life-chart i{flex:1;display:block;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7da4f3,#dce7ff)}
@media(max-width:900px){.lifecycle{grid-template-columns:1fr}.lifecycle-copy{padding:34px 30px 30px}.lifecycle-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.life-step.active .life-step-content small{max-height:150px}.life-progress{bottom:auto;height:100%}.lifecycle-visual{min-height:500px}.lifecycle-visual-inner{min-height:430px;width:min(100% - 44px,552px)}}
@media(max-width:560px){.lifecycle-section{padding-top:64px;padding-bottom:70px}.lifecycle-heading{padding:0 20px;margin-bottom:24px}.lifecycle-copy{padding:27px 20px;gap:24px}.lifecycle-steps{grid-template-columns:1fr;gap:17px}.life-step{grid-template-columns:28px minmax(0,1fr) 2px;gap:10px}.life-number{font-size:17px}.life-step-content b{font-size:17px}.life-step-content small{font-size:12px}.lifecycle-visual{min-height:420px}.lifecycle-visual-inner{width:calc(100% - 28px);min-height:380px}.life-window{min-height:350px}.life-builder{grid-template-columns:85px minmax(0,1fr);min-height:308px}.life-builder aside{padding:14px 8px;font-size:8px;gap:10px}.life-builder aside span{padding:6px 5px}.life-builder-main{padding:22px 13px}.life-builder-main h3,.life-deploy h3,.life-optimize h3{font-size:16px}.life-input{min-height:95px;font-size:9px}.life-test{padding:20px 13px;min-height:308px}.life-deploy,.life-optimize{padding:21px 14px;min-height:308px}.life-channel-grid{gap:7px}.life-channel-grid>div{padding:9px 7px;grid-template-columns:22px 1fr;gap:2px 6px}.life-channel-grid img{width:21px;height:21px}.life-channel-grid span{font-size:9px}.life-stat-grid b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.life-panel,.life-step-content small,.life-number,.life-step-content b,.life-progress i,.lifecycle-cta{animation:none;transition:none}}

/* Customer proof grid — original 12-column testimonial composition. */
.stories-section{background:#fafafa;position:relative}
.stories-section .section-heading{margin-bottom:42px}
.customer-story-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}
.story-featured,.story-result,.story-small{min-width:0;min-height:0;margin:0;border:1px solid #e4e5eb;border-radius:16px;background:#fff;padding:26px;display:flex;flex-direction:column;gap:22px}
.story-featured{grid-column:span 6;min-height:310px}
.story-featured>img,.story-small>img{width:96px;height:32px;object-fit:contain;object-position:left center}
.story-featured blockquote{font-size:17px;line-height:1.8;color:#34343d;margin:0;flex:1}
.story-featured figcaption{border-top:1px solid #eceef2;padding-top:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.story-featured figcaption>div{display:flex;flex-direction:column;gap:4px}
.story-featured figcaption strong{font-size:14px;color:#18181b}
.story-featured figcaption span{font-size:12px;color:#777e8a}
.story-featured figcaption a,.story-small>a{font-size:12px;font-weight:650;color:#6841b8;white-space:nowrap}
.story-result{grid-column:span 3;justify-content:space-between;background:linear-gradient(145deg,#f6f1ff,#fff 58%,#f0eaff);border-color:#e5dafa}
.story-result>p{font-size:13px;font-weight:650;color:#54347e;margin:0}
.story-result>div{display:flex;flex-direction:column;gap:9px}
.story-result strong{font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-1.6px;color:#7144b8;white-space:nowrap}
.story-result b{font-size:14px;color:#25232d}
.story-result>span{font-size:12px;line-height:1.7;color:#686274}
.story-bale{grid-column:span 3}
.story-digikala,.story-filimo{grid-column:span 6}
.story-small{gap:17px}
.story-small>div h3{font-size:17px;line-height:1.35;margin:0 0 4px;color:#18181b}
.story-small>div p{font-size:12px;line-height:1.6;color:#7b818d;margin:0}
.story-small>p{font-size:14px;line-height:1.8;color:#555c68;margin:0;flex:1}
.story-small>p strong{font-weight:650;color:#262a33}
.story-small>a{margin-top:auto}
.customer-stories-link{margin-top:30px;display:flex;justify-content:center}
.customer-stories-link .text-link{display:inline-flex;align-items:center;gap:12px;padding:12px 19px;border:1px solid #e1e3e9;border-radius:11px;background:#fff;font-size:13px;font-weight:650;color:#373944;transition:border-color .2s,color .2s}
.customer-stories-link .text-link:hover{border-color:#cfc2e8;color:#6841b8}
@media(max-width:950px){.story-featured{grid-column:span 7}.story-result{grid-column:span 5}.story-bale{grid-column:span 5}.story-digikala,.story-filimo{grid-column:span 7}}
@media(max-width:650px){.stories-section{padding-top:64px;padding-bottom:70px}.stories-section .section-heading{margin-bottom:28px}.customer-story-grid{grid-template-columns:1fr;gap:14px}.story-featured,.story-result,.story-small{grid-column:1;min-height:0;padding:21px;gap:18px}.story-featured blockquote{font-size:15px;line-height:1.75}.story-featured figcaption{align-items:flex-start;flex-direction:column}.story-result{min-height:205px}.story-result strong{font-size:39px}.story-small>p{font-size:13px}.customer-stories-link{margin-top:22px}}


/* Security and privacy — source-aligned three-feature composition. */
.security-section{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px 62px;align-items:center;padding-top:76px;padding-bottom:76px}
.security-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:7px 13px;font-size:12px;font-weight:600;color:#272a31}
.security-eyebrow i{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#fb923c,#f472b6,#e879f9)}
.security-copy h2{max-width:540px;font-size:clamp(27px,2.7vw,34px);line-height:1.35;letter-spacing:-.8px;margin:17px 0 15px}
.security-copy>p{max-width:570px;font-size:15px;line-height:1.85;color:#666d79;margin:0}
.security-cards{grid-template-columns:1fr;gap:0;border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden}
.security-cards article{position:relative;min-height:154px;border:0;border-radius:0;border-bottom:1px solid #e5e7eb;padding:24px 175px 23px 28px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.security-cards article:last-child{border-bottom:0}
.security-art{position:absolute;right:24px;bottom:-3px;width:124px;height:104px;display:grid;place-items:center}
.security-art svg{width:100%;height:100%;overflow:visible}
.security-cards h3{font-size:17px;line-height:1.5;margin:0;color:#17191f}
.security-cards p{font-size:13px;line-height:1.7;color:#69717e;margin:0;max-width:410px}
.security-assurance{grid-column:1/-1;border-top:1px solid #e5e7eb;padding-top:22px;display:flex;align-items:center;gap:12px;color:#69717e;font-size:14px}
.security-assurance p{margin:0;flex:1}
.security-assurance-icon{width:23px;height:23px;display:block;flex:0 0 23px}
.security-assurance-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.security-assurance a{display:inline-flex;align-items:center;gap:9px;color:#535b68;text-decoration:none;font-size:13px}
.security-assurance a:hover{color:#111827;text-decoration:underline}
/* Closing CTA follows the original light, framed customer-experience section. */
.final-cta{min-height:470px;margin-bottom:0;padding:80px 30px 76px;border:1px solid #e4e5e9;border-radius:26px;background:#f8f8f8;color:#17191f;display:flex;align-items:center;justify-content:center}
.final-cta-content{position:relative;z-index:2;max-width:880px;display:flex;flex-direction:column;align-items:center}
.final-cta h2{max-width:780px;font-size:clamp(29px,3vw,39px);line-height:1.42;letter-spacing:-1.1px;margin:0 auto 17px;color:#17191f}
.final-cta p{max-width:690px;margin:0 auto 26px;font-size:16px;line-height:1.8;color:#6b707b}
.final-cta .hero-actions{justify-content:center;gap:12px}
.final-cta .button{min-height:48px;padding:0 22px;border-radius:9px;font-size:14px}
.final-cta .button-light{background:#09090b;color:#fff;border-color:#09090b}
.final-cta .button-light:hover{background:#303036}
.final-cta .button-glass{background:#fff;color:#17191f;border-color:#e0e1e5}
.final-cta .button-glass:hover{background:#f1f2f4}
.final-cta-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:#7a7f89}
.final-cta-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cta-decoration{position:absolute;pointer-events:none;width:240px;height:240px;border-radius:50%;filter:blur(1px);opacity:.58}
.cta-decoration-left{left:-125px;bottom:-125px;background:radial-gradient(circle at 70% 30%,#dbe6ff 0,#eaf0ff 42%,transparent 72%)}
.cta-decoration-right{right:-115px;top:-120px;background:radial-gradient(circle at 30% 70%,#f2e6ff 0,#f8efff 42%,transparent 72%)}
@media(max-width:900px){.security-section{grid-template-columns:1fr;gap:30px}.security-cards{max-width:none}.security-assurance{grid-column:1}.final-cta{min-height:400px}}
@media(max-width:600px){.security-section{padding-top:60px;padding-bottom:60px;gap:24px}.security-copy h2{font-size:27px}.security-copy>p{font-size:13px}.security-cards article{min-height:142px;padding:20px 110px 20px 18px}.security-art{right:9px;width:94px;height:82px}.security-cards h3{font-size:15px}.security-cards p{font-size:11px;line-height:1.6}.security-assurance{align-items:flex-start;flex-wrap:wrap;font-size:12px;gap:9px}.security-assurance p{flex:1 1 calc(100% - 36px)}.security-assurance a{margin-left:32px}.final-cta{min-height:0;padding:64px 20px;border-radius:18px}.final-cta h2{font-size:28px;line-height:1.4}.final-cta p{font-size:13px;line-height:1.75}.final-cta .hero-actions{width:100%;flex-direction:column}.final-cta .button{width:100%;justify-content:center}.cta-decoration{width:170px;height:170px}}

/* Footer reference treatment: dark surface, quiet dividers, high-contrast link groups. */
.site-footer{background:#09090b;border-top:1px solid #252529;color:#f4f4f5;padding-top:62px}
.site-footer .brand img{filter:brightness(0) invert(1);opacity:.94}
.footer-brand p{color:#a1a1aa;font-size:13px;line-height:1.7;max-width:230px}
.social-links a{border-color:#3f3f46;background:#18181b;color:#d4d4d8;transition:background .18s,border-color .18s,color .18s}
.social-links a:hover{background:#27272a;border-color:#71717a;color:#fff}
.footer-column h3{font-size:13px;color:#f4f4f5;font-weight:650;margin-bottom:8px}
.footer-column a{font-size:12px;color:#a1a1aa;line-height:1.6;transition:color .18s}
.footer-column a:hover,.footer-bottom a:hover{color:#fff}
.footer-ai{max-width:1120px;margin:0 auto 24px;padding:22px 24px;border:1px solid #303036;border-radius:14px;background:#111113;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-ai .eyebrow{color:#a1a1aa}
.footer-ai h3{font-size:18px;color:#fafafa;margin:5px 0}
.footer-ai p{font-size:12px;color:#a1a1aa;margin:0}
.footer-ai-links{display:flex;flex-wrap:wrap;gap:10px 18px}
.footer-ai-links a{font-size:12px;color:#d4d4d8}
.footer-ai-links a:hover{color:#fff;text-decoration:underline}
.footer-bottom{border-top:1px solid #303036;color:#85858e;font-size:11px;padding-top:20px}
.footer-bottom a{color:#a1a1aa}
@media(max-width:600px){.security-cards article{display:flex;align-items:flex-start}.security-cards article h3,.security-cards article p{width:100%}.footer-ai{padding:18px}.footer-column h3{font-size:12px}.footer-column a{font-size:11px}}

/* Customer strip and industry selector interaction states. */
.logo-marquee{position:relative;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.logo-marquee-set{gap:48px;padding-right:48px}
.logo-marquee-set img{max-width:126px;height:30px;filter:none;opacity:1;transition:opacity .2s}
.logo-marquee:hover .logo-marquee-set img{filter:none;opacity:1}
.industry-tabs [role="tab"]{transition:background .18s,border-color .18s,color .18s;outline-offset:3px}
.industry-tabs [role="tab"]:focus-visible{outline:2px solid var(--blue)}
.industry-feature{touch-action:pan-y}
.industry-feature #industry-image{transition:opacity .2s ease,transform .2s ease}
.industry-feature #industry-image.is-changing{opacity:.55;transform:scale(.99)}
.industry-copy.is-changing{opacity:.55;transform:translateY(3px)}
.industry-copy{transition:opacity .2s ease,transform .2s ease}
@media(max-width:600px){.logo-marquee-set{gap:34px;padding-right:34px}.logo-marquee-set img{max-width:106px;height:26px}}
@media(prefers-reduced-motion:reduce){.industry-feature #industry-image,.industry-copy{transition:none}}

/* The source hero uses one persistent play/pause control plus a replay control. */
.video-play.is-playing .play-icon{width:12px;height:16px;margin:0;border:0;background:linear-gradient(to right,var(--blue) 0 4px,transparent 4px 8px,var(--blue) 8px 12px)}
.industry-label-link{display:inline-flex;width:max-content;text-decoration:none;transition:color .18s ease}
.industry-label-link:hover{text-decoration:underline;text-underline-offset:4px}

/* Agent lifecycle: source-captured desktop split and test-results interface. */
.lifecycle-section{padding:0;overflow:hidden;background:#fafafa}
.lifecycle{min-height:699px;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fafafa}
.lifecycle-copy{min-height:699px;justify-content:flex-start;padding:76px clamp(28px,2.4vw,40px);gap:58px}
.lifecycle-title{margin:0;color:#09090b;font-size:clamp(26px,2.2vw,32px);font-weight:750;line-height:1.35;letter-spacing:-1px}
.lifecycle-steps{gap:29px}
.life-step{grid-template-columns:32px minmax(0,1fr);padding-left:0;gap:4px}
.life-step-content b{color:#18181b;font-size:20px;font-weight:550}
.life-step.active .life-step-content b{color:#09090b}
.life-step.active .life-number{color:#2563eb}
.life-number{color:#737782}
.life-progress{left:0;transform:translateX(0)}
.life-step-content small{max-width:390px;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.25px}
.life-step.active .life-step-content small{max-height:100px;margin-top:7px}
.lifecycle-cta{margin-top:0;min-height:48px;padding-inline:20px;font-size:16px}
.lifecycle-visual{min-height:699px;height:699px;background:#2563eb}
.lifecycle-grain{mix-blend-mode:color-dodge;opacity:.42}
.lifecycle-pattern{opacity:.55;mix-blend-mode:normal}
.lifecycle-visual-inner{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}
.life-panel{width:min(468px,calc(100% - 48px));}
.life-window{min-height:0;border-radius:12px;box-shadow:0 1px 2px #09090b0a,0 1px 3px #09090b0f;border:1px solid #e4e4e7}
.life-test-board{width:100%;padding:20px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;box-shadow:0 1px 2px #09090b0a,0 1px 3px #09090b0f;color:#09090b;font-family:Inter,Arial,sans-serif}
.life-test-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}
.life-test-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.life-test-head strong{font-size:16px;line-height:24px;font-weight:650;letter-spacing:-.3px}
.life-test-head>div:first-child>span{font-size:14px;line-height:20px;color:#71717a}
.life-test-head>div:first-child b{font-weight:550;color:#27272a}
.life-add-question{height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #e4e4e7;border-radius:9px;box-shadow:0 1px 2px #09090b0a,0 1px 3px #09090b0f;font-size:14px;font-weight:550;white-space:nowrap}
.life-add-question span{font-size:17px;line-height:1}
.life-test-table{padding:4px;border-radius:12px;background:#fafafa;border:1px solid #f4f4f5}
.life-test-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:60px;align-items:center;border-bottom:1px solid #f4f4f5;background:#fff;font-size:14px;line-height:1.5;letter-spacing:-.2px}
.life-test-row:last-child{border-bottom:0;min-height:59px}
.life-test-row>span{padding:0 12px}
.life-test-columns{min-height:45px;color:#71717a;font-size:14px;letter-spacing:-.1px}
.life-result{display:flex;align-items:center;gap:8px;font-weight:550;white-space:nowrap;color:#27272a}
.life-result i{width:16px;height:16px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px;font-style:normal;font-weight:800;color:#fff;background:#16a34a}
.life-result.failed i{background:#dc2626}
.life-result.progress{color:#c45c08}
.life-result.progress i{width:14px;height:14px;border:3px solid #d97706;border-right-color:transparent;background:transparent;animation:lifeSpin 1s linear infinite}
@keyframes lifeSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.lifecycle{grid-template-columns:1fr}.lifecycle-copy{min-height:0;padding:45px 34px;gap:32px}.lifecycle-visual{height:auto;min-height:520px}.lifecycle-visual-inner{min-height:520px}.life-panel{width:min(484px,calc(100% - 44px))}}
@media(max-width:560px){.lifecycle-copy{padding:34px 22px;gap:28px}.lifecycle-title{font-size:27px}.lifecycle-steps{gap:18px}.life-step-content b,.life-number{font-size:17px}.life-step-content small{font-size:13px}.lifecycle-visual{min-height:410px;height:auto}.lifecycle-visual-inner{min-height:410px}.life-panel{width:calc(100% - 28px)}.life-test-board{padding:13px}.life-test-head strong{font-size:14px}.life-test-head>div:first-child>span{font-size:11px}.life-add-question{height:32px;padding:0 9px;font-size:11px}.life-test-row{grid-template-columns:minmax(0,1fr) 100px;min-height:57px;font-size:11px}.life-test-row:last-child{min-height:57px}.life-test-row>span{padding:0 8px}.life-test-columns{min-height:38px;font-size:11px}.life-result{gap:5px;font-size:10px}.life-result i{width:14px;height:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.life-result.progress i{animation:none}}

/* Source-captured customer story selector directly beneath the agent lifecycle. */
.lifecycle-stories{position:relative;background:#fff;border-top:1px solid #e4e4e7;border-bottom:1px solid #e4e4e7}
.lifecycle-stories-inner{width:min(100%,1192px);min-height:132px;margin:0 auto;padding:24px clamp(22px,4.8vw,78px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.lifecycle-story-tabs{display:flex;flex:0 0 auto;direction:ltr}
.lifecycle-story-tab{position:relative;width:63px;height:64px;margin-left:-1px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e4e4e7;background:#fafafa;transition:background .2s,border-color .2s}
.lifecycle-story-tab:first-child{margin-left:0}
.lifecycle-story-tab img{width:44px;height:32px;object-fit:contain;filter:grayscale(1);opacity:.46;transition:filter .2s,opacity .2s}
.lifecycle-story-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ed1944;transform:scaleX(0);transform-origin:left;transition:transform .22s}
.lifecycle-story-tab.active{background:#fff}
.lifecycle-story-tab.active img{filter:none;opacity:1}
.lifecycle-story-tab.active::after{transform:scaleX(1)}
.lifecycle-story-tab:focus-visible{z-index:1;outline:2px solid #2563eb;outline-offset:-3px}
.lifecycle-story-copy{flex:1;min-width:0;max-width:440px;margin:0;font-size:clamp(15px,1.25vw,20px);line-height:1.55}
.lifecycle-story-copy strong{color:#18181b;font-weight:650}
.lifecycle-story-copy span{color:#71717a}
.lifecycle-story-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:#18181b;font-size:15px;font-weight:550;white-space:nowrap;transition:color .15s}
.lifecycle-story-link:hover{color:#71717a}
@media(max-width:760px){.lifecycle-stories-inner{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 22px}.lifecycle-story-tabs{order:0}.lifecycle-story-copy{order:1;max-width:none;font-size:16px}.lifecycle-story-link{order:2;font-size:14px}}
@media(prefers-reduced-motion:reduce){.lifecycle-story-tab,.lifecycle-story-tab img,.lifecycle-story-tab::after,.lifecycle-story-link{transition:none}}
/* The original lifecycle proof strip sits inside the same centered grid as the lifecycle. */
.lifecycle-stories{width:min(100%,1192px);margin:0 auto;border-left:1px solid #e4e4e7;border-right:1px solid #e4e4e7}
.lifecycle-stories::before,.lifecycle-stories::after{content:"";position:absolute;left:50%;width:100vw;height:1px;transform:translateX(-50%);background:#e4e4e7;pointer-events:none}
.lifecycle-stories::before{top:-1px}.lifecycle-stories::after{bottom:-1px}
.lifecycle-stories-inner{padding-left:clamp(30px,4.8vw,78px);padding-right:clamp(30px,4.8vw,78px)}
/* Fine alignment pass against the captured lifecycle desktop state. */
.lifecycle-copy{padding-left:4px;font-family:Inter,Arial,sans-serif}
.lifecycle-steps{gap:38px}
.life-step-content small{font-family:Inter,Arial,sans-serif}
.life-step-content b,.life-number{font-family:Inter,Arial,sans-serif}
/* Match the original lifecycle customer strip: 64px logo tiles and 48px desktop vertical padding. */
.lifecycle-stories-inner{min-height:160px;padding-top:48px;padding-bottom:48px}
.lifecycle-story-tab{width:63px;height:64px}
.lifecycle-story-tab img{width:52px;height:40px;object-fit:contain;filter:grayscale(1);opacity:.46}
.lifecycle-story-tab.active img{filter:none;opacity:1}
/* Lifecycle uses the captured page's Geist type system rather than the site's display face. */
.lifecycle-copy,.lifecycle-copy .lifecycle-title,.lifecycle-copy .life-step,.lifecycle-copy .life-step-content,.lifecycle-copy .life-step-content small,.lifecycle-copy .life-number{font-family:GeistLocal,Inter,sans-serif}
.lifecycle-copy .lifecycle-title{font-size:clamp(26px,1.95vw,32px);font-weight:700;line-height:1.65;letter-spacing:-.025em}
.lifecycle-copy .life-step-content b{font-size:20px;font-weight:500;letter-spacing:-.02em}
.lifecycle-copy .life-step-content small{font-size:16px;line-height:1.5;font-weight:400}
.lifecycle-copy .life-number{font-size:20px;font-weight:500;letter-spacing:-.02em}
.lifecycle-story-copy{font-family:GeistLocal,Inter,sans-serif;font-size:20px;line-height:1.4}
.lifecycle-story-link{font-family:GeistLocal,Inter,sans-serif;font-weight:500}
@media(max-width:760px){.lifecycle-story-copy{font-size:16px}}
/* Exact stage artwork captured from the live Decachat page at 1650×933. */
.lifecycle-visual-inner{width:100%;height:100%;min-height:0;display:block}
.life-panel{width:100%;height:100%;margin:0;animation:lifePanelIn .35s ease both}
.life-panel .life-source-preview{display:block;width:100%;height:699px;max-width:none;object-fit:cover;object-position:center}
.lifecycle-grain,.lifecycle-pattern{display:none}
@media(max-width:900px){.lifecycle-visual{height:auto;min-height:0}.lifecycle-visual-inner{width:100%;min-height:0;height:auto}.life-panel{width:100%;height:auto}.life-panel .life-source-preview{height:auto;aspect-ratio:596/694;object-fit:cover}}
.lifecycle-section .lifecycle{width:min(1192px,100%);margin-inline:auto}
@media(max-width:1023px){
  .lifecycle{display:block;min-height:0}
  .lifecycle-copy{display:flex;min-height:0;padding:34px 24px 28px;gap:28px}
  .lifecycle-steps{display:flex;flex-direction:column;gap:22px}
  .lifecycle-visual{display:block;width:100%;min-height:0;height:auto;margin:0;aspect-ratio:auto}
  .lifecycle-visual-inner{width:100%;height:auto;min-height:0}
  .life-panel{width:100%;height:auto}
  .life-panel .life-source-preview{width:100%;height:auto;aspect-ratio:1.66;object-fit:cover}
  .lifecycle-cta{align-self:flex-start}
}
@media(max-width:560px){.lifecycle-copy{padding:28px 20px 24px;gap:24px}.lifecycle-steps{gap:20px}.life-step.active .life-step-content small{max-height:130px}.lifecycle-visual{aspect-ratio:auto}.life-panel .life-source-preview{aspect-ratio:1.66}}
@media(max-width:560px){.lifecycle-section{width:calc(100% - 16px)}.lifecycle-copy{padding-left:16px;padding-right:16px}}

/* Agent-role cards: source-aligned 3-up desktop / horizontal tablet / stacked mobile. */
.roles-section .role-grid{width:100%;max-width:1112px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.roles-section .role-card{min-width:0;display:flex;flex-direction:column;gap:24px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
.role-card-visual{position:relative;width:100%;aspect-ratio:694/594;overflow:hidden;border:1px solid #e4e4e7;border-radius:24px;background:#f8f8f9;isolation:isolate}
.role-main-art,.role-hover-art,.role-grain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.role-main-art{z-index:1;transform:scale(1.1);transition:opacity .3s ease,transform .6s cubic-bezier(.4,0,.2,1)}
.role-hover-scene{position:absolute;inset:0;z-index:2;overflow:hidden;opacity:0;transition:opacity .3s ease}
.role-hover-art{z-index:0;transform:scale(1.1);object-fit:cover}
.role-grain{z-index:1;opacity:.3;mix-blend-mode:color-dodge;pointer-events:none}
.role-message{position:absolute;z-index:2;max-width:76%;padding:12px 15px;border-radius:18px;opacity:0;transform:translateY(12px);transition:opacity .28s ease,transform .38s cubic-bezier(.23,1,.32,1);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.role-message p{margin:0;font-size:clamp(10px,.85vw,14px);line-height:1.5;font-weight:500;letter-spacing:-.02em}
.role-message-user{top:17%;right:8%;background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(18px)}
.role-message-agent{top:43%;left:8%;background:#fff;color:#18181b}
.role-agent-label{display:flex;align-items:center;gap:6px;margin-top:10px;color:#71717a;font-size:11px;font-weight:550}
.role-agent-label i{width:12px;height:12px;border:1px solid #a1a1aa;border-radius:4px;display:inline-block;position:relative}
.role-agent-label i:after{content:"";position:absolute;inset:3px;border:1px solid #a1a1aa;transform:rotate(45deg)}
.role-card:hover .role-main-art,.role-card:focus-within .role-main-art{opacity:0;transform:scale(1.14)}
.role-card:hover .role-hover-scene,.role-card:focus-within .role-hover-scene{opacity:1}
.role-card:hover .role-message,.role-card:focus-within .role-message{opacity:1;transform:translateY(0)}
.role-card:hover .role-message-agent,.role-card:focus-within .role-message-agent{transition-delay:.32s}
.role-card:hover .role-message-user,.role-card:focus-within .role-message-user{transition-delay:.18s}
.role-tablet-art{display:none}
.roles-section .role-card-copy{padding:0;display:flex;flex-direction:column;gap:8px}
.roles-section .role-card h3{margin:0;color:#27272a;font-size:20px;line-height:1.6;letter-spacing:-.025em}
.roles-section .role-card p{min-height:0;margin:0;color:#71717a;font-size:15px;line-height:1.75}
@media(min-width:1024px){.roles-section{max-width:1200px;margin-inline:auto;padding:60px 24px}.roles-section .role-grid{gap:24px}}
@media(min-width:640px) and (max-width:1023px){
 .roles-section .role-grid{max-width:720px;grid-template-columns:1fr;gap:20px}
 .roles-section .role-card{min-height:184px;flex-direction:row-reverse;align-items:center;gap:28px;padding:24px;border:1px solid #e4e4e7;border-radius:22px;background:#fff}
 .role-card-visual{display:none}
 .role-tablet-art{display:block;width:116px;height:132px;flex:none;object-fit:contain}
 .roles-section .role-card-copy{flex:1}
}
@media(max-width:639px){
 .roles-section .role-grid{grid-template-columns:1fr;gap:28px}
 .roles-section .role-card{gap:17px}
 .role-card-visual{aspect-ratio:694/594;border-radius:22px}
 .roles-section .role-card-copy{padding:0 2px;gap:6px}
 .roles-section .role-card h3{font-size:19px}
 .roles-section .role-card p{font-size:14px;line-height:1.7}
 .role-tablet-art{display:none}
}
@media(hover:none){.role-hover-scene{display:none}}
@media(prefers-reduced-motion:reduce){.role-main-art,.role-hover-scene,.role-message{transition:none}}
.roles-section .section-heading{width:100%;max-width:1118px;margin:0 auto 60px;text-align:left}
.roles-section .section-heading h2{width:100%;max-width:none;margin:0;color:#18181b;font-size:clamp(22px,2vw,32px);font-weight:700;line-height:1.65;letter-spacing:-.025em;text-align:left}
.roles-section .section-heading h2 span{display:block;color:#71717a;font-weight:700;white-space:normal}
.roles-section .role-grid{max-width:1118px}
@media(max-width:639px){.roles-section .section-heading{margin-bottom:34px;padding:0}.roles-section .section-heading h2{font-size:23px;line-height:1.55}.roles-section .section-heading h2 span{margin-top:2px}}
@media(min-width:640px) and (max-width:1023px){
 .roles-section .role-grid{display:flex;flex-direction:column;gap:20px}
 .roles-section .role-card{width:100%;flex:none}
}
@media(max-width:639px){
 .roles-section .role-grid{display:flex;flex-direction:column}
 .roles-section .role-card{width:100%;flex:none}
}
@media(min-width:640px) and (max-width:1023px){.roles-section .role-tablet-art{display:block;width:116px;height:132px;flex:0 0 116px;object-fit:contain}}

/* Test-and-implement timeline: desktop artwork overlays the dotted viewport rail;
   numbered copy starts on the source's 120px text baseline. */
.help-section{padding-top:80px;padding-bottom:80px}
.help-section .section-heading{width:100%;max-width:736px;margin:0 auto 56px;padding:0;text-align:center}
.help-section .section-heading h2{max-width:736px;margin:0 auto 12px;font-size:clamp(26px,2.4vw,32px);line-height:1.65;letter-spacing:-.65px}
.help-section .section-heading p{max-width:736px;margin:0 auto;font-size:16px;line-height:28px;color:#71717a}
.help-timeline-scroll{overflow-x:auto}
.help-timeline{position:relative;width:100%;max-width:1168px;margin:0 auto;padding:0}
.help-timeline-art{position:absolute;z-index:0;top:0;left:0;right:0;height:96px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 16px;align-items:center;pointer-events:none}
.help-timeline-track{position:absolute;z-index:0;top:48px;left:50%;right:auto;width:100vw;height:1px;transform:translateX(-50%);background:repeating-linear-gradient(to right,#d4d4d8 0 1px,transparent 1px 64px)}
.help-timeline-node{height:96px;display:flex;align-items:center;position:relative;z-index:1}
.help-timeline-node img{display:block;width:auto;height:96px;max-width:130px;object-fit:contain}
.help-timeline-mobile-art{display:none}
.help-steps{position:relative;z-index:1;list-style:none;padding:120px 16px 0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left}
.help-steps li{min-width:0}
.help-step-label{font-size:14px;line-height:18px;font-weight:500;margin:0 0 12px;color:#b34b29}
.help-steps li:nth-child(2) .help-step-label{color:#6b744c}
.help-steps li:nth-child(3) .help-step-label{color:#a46215}
.help-steps h3{font-size:18px;line-height:1.55;font-weight:650;margin:0 0 12px;color:#24242a;letter-spacing:-.2px}
.help-steps li>p:last-child{font-size:16px;line-height:28px;color:#3b3b43;margin:0}
.help-steps strong{font-weight:750;color:#25252b}
@media(min-width:768px){.help-timeline-scroll{overflow:visible}}
@media(max-width:767px){
 .help-section{padding-top:64px;padding-bottom:70px}
 .help-section .section-heading{padding:0 20px;margin:0 auto 24px}
 .help-section .section-heading h2{font-size:25px;line-height:1.4;margin-bottom:10px}
 .help-section .section-heading p{font-size:14px;line-height:1.7}
 .help-timeline{width:787px;max-width:none;padding:0}
 .help-timeline-art{position:relative;top:auto;left:auto;right:auto;width:787px;height:80px;display:block;padding:0}
 .help-timeline-track{top:40px;left:0;width:auto;right:0;transform:none;background:repeating-linear-gradient(to right,#d4d4d8 0 1px,transparent 1px 50px)}
 .help-timeline-mobile-art{position:relative;z-index:1;display:block;width:787px;height:80px;max-width:none}
 .help-timeline-node{display:none}
 .help-steps{padding:24px 16px 4px;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .help-steps h3{font-size:16px;line-height:1.45}
 .help-steps li>p:last-child{font-size:14px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.help-timeline-scroll{scroll-behavior:auto}}
@media(max-width:767px){
 .help-section.section-shell{width:calc(100% - 16px);margin-inline:auto}
 .help-section .section-heading{padding:0 16px;margin-bottom:48px}
 .help-steps{gap:32px}
 .help-steps h3{font-size:18px;line-height:1.55}
 .help-steps li>p:last-child{font-size:16px;line-height:28px}
}

/* Advantages carousel: source uses a two-line heading, white section and tall 131:140 artwork. */
.advantages-section{background:#fff;padding-top:40px;padding-bottom:40px}
.advantages-section .section-heading{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:736px;margin:0 auto -12px;text-align:center}
.advantages-section .section-heading h2{max-width:736px;margin:0;color:#18181b;font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.65;letter-spacing:-.025em;text-align:center}
.advantages-section .section-heading p{max-width:672px;margin:0;color:#71717a;font-size:16px;line-height:28px;text-align:center}
.advantages-section .advantage-grid{width:100%;max-width:1168px;margin:80px auto 20px;display:flex;gap:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;align-items:stretch}
.advantages-section .advantage-grid>article{box-sizing:border-box;flex:0 0 33.333333%;min-width:0;display:flex;flex-direction:column;gap:0;padding:0 16px;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-snap-align:start;transform:none}
.advantages-section .advantage-grid>article:hover{transform:none;border:0;box-shadow:none}
.advantages-section .advantage-grid>article img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:131/140;object-fit:contain;object-position:center;background:transparent;border-radius:0}
.advantages-section .advantage-grid>article h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:.01em;margin:16px 0 4px;color:#18181b}
.advantages-section .advantage-grid>article p{font-size:14px;line-height:20px;margin:0;color:#52525b}
@media(max-width:767px){
 .advantages-section{padding-top:40px;padding-bottom:40px}
 .advantages-section .section-heading{gap:12px;margin-bottom:-12px}
 .advantages-section .section-heading h2{font-size:25px;line-height:1.4}
 .advantages-section .section-heading p{font-size:14px;line-height:24px}
 .advantages-section .advantage-grid>article{flex-basis:100%;padding:0 16px}
 .advantages-section .advantage-grid>article h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.advantages-section .advantage-grid{scroll-behavior:auto}}
@media(min-width:1536px){.advantages-section .section-heading h2{font-size:36px;line-height:1.65}}
.advantages-section .section-heading p{font-size:18px;line-height:28px}
.advantages-section .advantage-grid{max-width:1150px;margin-top:64px}
.advantages-section .advantage-grid>article h3{margin-top:28px}
@media(max-width:767px){.advantages-section .section-heading p{font-size:14px;line-height:24px}}
.advantages-section{padding-bottom:100px}
.advantages-section .section-heading h2{font-size:22px;line-height:1.65}
.advantages-section .section-heading p{font-size:16px;line-height:28px}
.advantages-section .advantage-grid{padding-bottom:28px}
.advantages-section .advantage-carousel-controls{margin-top:44px}
@media(min-width:640px){.advantages-section .section-heading h2{font-size:24px}.advantages-section .section-heading p{font-size:18px}}
@media(min-width:1024px){.advantages-section .section-heading h2{font-size:26px}}
@media(min-width:1280px){.advantages-section .section-heading h2{font-size:32px}}
@media(min-width:1536px){.advantages-section .section-heading h2{font-size:36px}}
@media(max-width:767px){.advantages-section .section-heading{gap:16px}.advantages-section .section-heading h2{font-size:22px;line-height:1.65}.advantages-section .section-heading p{font-size:16px;line-height:28px}}
.advantages-section{padding-bottom:130px}
.advantages-section .section-heading p{font-size:17.5px}
@media(max-width:767px){.advantages-section{padding-left:8px;padding-right:8px}.advantages-section .section-heading p{font-size:16px}}
.advantages-section{padding-bottom:160px}
.advantages-section .section-heading p{font-size:17px}
@media(max-width:767px){.advantages-section .section-heading p{font-size:16px}}

/* Real-world workflow impact — source's asymmetric copy + open visual canvas. */
:scope{background:#fafafa;border-left:1px solid #e4e4e7;border-right:1px solid #e4e4e7;padding:0;min-height:800px}
.work-layout{position:relative;display:flex;flex-direction:row;gap:40px;width:100%;max-width:1024px;min-height:800px;margin:0 auto;padding:96px 0 80px 48px}
.work-copy{position:relative;z-index:1;display:flex;flex:0 0 336px;flex-direction:column;gap:32px;width:336px;padding-top:0}
.work-intro h2{font-size:32px;line-height:1.65;letter-spacing:-.04em;font-weight:700;color:#09090b;margin:0}
.work-intro p{font-size:18px;line-height:32px;color:#71717a;margin:16px 0 0}
:scope .impact-metrics{display:flex;flex-direction:column;gap:28px;margin:0;padding:0;border:0;background:transparent}
:scope .impact-metric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
:scope .impact-metric>span{font-size:14px;line-height:24px;font-weight:700;color:#52525b}
:scope .impact-metric>strong{font-size:32px;line-height:1.15;letter-spacing:.015em;font-weight:650;color:#2463eb;font-variant-numeric:tabular-nums}
:scope .impact-metric>small{display:none}
:scope .impact-metric>p{font-size:13px;line-height:20px;color:#71717a;margin:0}
:scope .metric-info{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;margin-left:4px;border:0;border-radius:50%;background:transparent;color:#a1a1aa;font-size:14px;cursor:pointer}
:scope .impact-time>span{display:flex;align-items:center}
.work-visual{position:relative;flex:1;min-width:0;min-height:720px;margin-top:-96px}
@media(max-width:767px){
 :scope{min-height:0;padding:0 16px}
 .work-layout{display:block;min-height:0;padding:64px 0 72px}
 .work-copy{width:100%;max-width:420px;gap:32px}
 .work-intro h2{font-size:26px;line-height:1.5}
 .work-intro p{font-size:16px;line-height:28px}
 :scope .impact-metrics{gap:24px}
 :scope .impact-metric>strong{font-size:30px}
 .work-visual{display:none}
}
.work-layout{padding-top:140px;min-height:800px}
.work-copy{gap:32px}
:scope .impact-metrics{gap:28px}
:scope .impact-metric{height:auto;min-height:0;flex:0 0 auto;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;justify-content:flex-start;align-items:flex-start}
:scope .impact-metric>span{margin:0;padding:0;border:0}
:scope .impact-metric>strong{display:block;margin:0;padding:0}
:scope .impact-metric:not(:last-child)::after{display:none}
.work-visual{margin-top:-140px}
@media(max-width:767px){.work-layout{padding-top:64px;min-height:0}.work-visual{display:none}}

/* Industry showcase: staggered four-image rail from the source homepage. */
.industry-section{background:#fafafa;border-left:1px solid #e4e4e7;border-right:1px solid #e4e4e7;padding:0;min-height:848px}
.industry-layout{width:100%;max-width:1200px;margin:0 auto;padding:72px 8px 80px}
.industry-head{display:flex;align-items:center;justify-content:space-between;padding:0 32px 0 32px;margin-bottom:64px}
.industry-head h2{font-size:36px;line-height:1.5;font-weight:700;letter-spacing:-.035em;color:#09090b;margin:0}
.industry-head .industry-controls{display:flex;gap:0}
.industry-head .industry-controls button{width:64px;height:64px;border:1px solid #e4e4e7;background:transparent;color:#71717a;font-size:22px;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.industry-head .industry-controls button+button{border-left:0}
.industry-head .industry-controls button:hover{background:#f4f4f5;color:#18181b}
.industry-gallery{display:flex;align-items:flex-start;gap:22px;width:100%;height:614px;overflow:hidden;scroll-behavior:smooth}
.industry-card{position:relative;isolation:isolate;flex:0 0 132px;height:558px;margin:15px 0 0;overflow:hidden;background:#d4d4d8;border-radius:0;transition:flex-basis .55s cubic-bezier(.2,.7,.2,1),height .55s,margin .55s}
.industry-card.active{flex-basis:720px;height:614px;margin-top:0}
.industry-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.industry-grain{position:absolute;inset:0;z-index:1;background-image:url('../assets/images/built-for-industry/grain.webp');background-size:cover;background-position:center;mix-blend-mode:soft-light;opacity:.34;pointer-events:none}
.industry-tabs.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){
 .industry-section{min-height:0;padding:0 8px}
 .industry-layout{padding:40px 9px 64px}
 .industry-head{padding:0 8px;margin-bottom:44px}
 .industry-head h2{font-size:24px;line-height:1.5}
 .industry-head .industry-controls{display:none}
 .industry-gallery{width:100%;height:418px;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .industry-gallery::-webkit-scrollbar{display:none}
 .industry-card,.industry-card.active{flex:0 0 100%;width:100%;height:418px;margin:0;border-radius:12px;scroll-snap-align:center}
 .industry-card>img{object-fit:cover}
}
@media(min-width:768px) and (max-width:1200px){
 .industry-layout{padding-left:16px;padding-right:16px}
 .industry-card.active{flex-basis:min(62vw,720px)}
 .industry-card{flex-basis:12vw}
}
@media(min-width:768px){
 .industry-layout{padding-top:78px}
 .industry-head{height:64px;margin-bottom:49px}
 .industry-head h2{font-size:33px;line-height:1.6}
 .industry-gallery{width:1151px;max-width:100%;gap:0}
 .industry-card:nth-child(2){margin-left:-14px}
 .industry-card:nth-child(3){margin-left:19px}
 .industry-card:nth-child(4){margin-left:25px}
}
@media(max-width:767px){
 .industry-section.section-shell{width:calc(100% - 16px);margin-inline:auto}
 .industry-layout{padding:44px 0 64px}
 .industry-head{padding:0 16px;margin-bottom:45px}
 .industry-head h2{width:100%;font-size:24px}
 .industry-gallery{width:calc(100% - 32px);max-width:none;height:418px;margin-left:1px;gap:14px}
 .industry-card,.industry-card.active{flex:0 0 100%;width:100%;height:418px;margin:0;border-radius:0}
}
@media(max-width:767px){
 .industry-head{padding-left:8px}
 .industry-gallery{width:calc(100vw - 50px);margin-left:-7px}
}

/* Customer proof grid — 6/3/3 first row, balanced 6/6 second row. */
.stories-section.section-shell{width:calc(100% - 32px);max-width:1118px;margin-inline:auto;padding:40px 0 80px}
.stories-section .section-heading{width:100%;max-width:552px;margin:0 auto 56px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.stories-section .section-heading h2{font-size:36px;line-height:1.5;font-weight:700;letter-spacing:-.035em;margin:0;color:#09090b}
.stories-section .section-heading p{font-size:18px;line-height:32px;color:#71717a;margin:0;max-width:552px}
.customer-story-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:24px;align-items:stretch;width:100%;margin:0}
.customer-story-grid .story-featured{grid-column:span 6;min-height:422px;height:422px;display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid #e4e4e7;border-radius:16px;background:#fff;box-sizing:border-box}
.customer-story-grid .story-result{position:relative;grid-column:span 3;grid-row:auto;inset:auto;min-height:422px;height:422px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;border:1px solid #ddd6fe;border-radius:16px;background:linear-gradient(135deg,#f5f0ff 0%,#fff 54%,#f3eaff 100%);box-sizing:border-box}
.customer-story-grid .story-bale{grid-column:span 3;min-height:422px;height:422px}
.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:span 6;min-height:330px;height:330px}
.customer-story-grid .story-small{display:flex;flex-direction:column;gap:20px;padding:32px;border:1px solid #e4e4e7;border-radius:16px;background:#fff;box-sizing:border-box}
.customer-story-grid img{width:96px;height:32px;max-width:96px;object-fit:contain;object-position:left center}
.customer-story-grid .story-featured blockquote{font-size:20px;line-height:1.8;color:#27272a;margin:0;flex:1}
.customer-story-grid figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.customer-story-grid figcaption>div{display:flex;flex-direction:column;gap:6px}
.customer-story-grid figcaption strong,.customer-story-grid .story-small h3{font-size:16px;font-weight:700;color:#18181b}
.customer-story-grid figcaption span,.customer-story-grid .story-small>div p{font-size:14px;line-height:22px;color:#71717a}
.customer-story-grid .story-small>div{display:flex;flex-direction:column;gap:6px}
.customer-story-grid .story-small>div h3,.customer-story-grid .story-small>div p{margin:0}
.customer-story-grid .story-small>p{font-size:15px;line-height:26px;color:#52525b;margin:0}
.customer-story-grid a{font-size:14px;line-height:20px;color:#18181b;text-decoration:none;font-weight:600;white-space:nowrap}
.customer-story-grid a:hover{text-decoration:underline}
.customer-story-grid .story-result>p:first-child{font-size:14px;font-weight:650;color:#6d28d9;margin:0}
.customer-story-grid .story-result>div{display:flex;flex-direction:column;gap:12px}
.customer-story-grid .story-result>div strong{font-size:48px;line-height:1.15;letter-spacing:-.04em;color:#7c3aed}
.customer-story-grid .story-result>div b{font-size:14px;color:#27272a}
.customer-story-grid .story-result>span{font-size:14px;line-height:24px;color:#71717a}
.customer-stories-link{display:flex;justify-content:center;margin:32px 0 0}
.customer-stories-link .text-link{font-size:15px;font-weight:600;color:#18181b}
@media(min-width:768px) and (max-width:1023px){
 .customer-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-story-grid .story-featured{grid-column:span 2}
 .customer-story-grid .story-result,.customer-story-grid .story-bale,.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:span 1;min-height:330px;height:auto}
}
@media(max-width:767px){
 .stories-section.section-shell{width:calc(100% - 32px);padding:48px 0 64px}
 .stories-section .section-heading{margin-bottom:32px;gap:10px}
 .stories-section .section-heading h2{font-size:26px;line-height:1.4}
 .stories-section .section-heading p{font-size:15px;line-height:26px}
 .customer-story-grid{grid-template-columns:1fr;gap:16px}
 .customer-story-grid .story-featured,.customer-story-grid .story-result,.customer-story-grid .story-bale,.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:1;min-height:0;height:auto;padding:24px;gap:20px}
 .customer-story-grid .story-featured blockquote{font-size:17px;line-height:1.7}
 .customer-story-grid .story-result>div strong{font-size:40px}
 .customer-story-grid figcaption{align-items:flex-start;flex-direction:column}
}
.stories-section.section-shell{padding-top:17px}
.stories-section .section-heading{margin-bottom:63px}
.stories-section .section-heading h2{line-height:1.65}
@media(max-width:767px){.stories-section.section-shell{padding-top:48px}.stories-section .section-heading{margin-bottom:32px}.stories-section .section-heading h2{line-height:1.4}}
@media(min-width:901px){
 .security-section.section-shell{box-sizing:border-box;padding-left:41px;padding-right:41px}
 .security-section{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px}
}
@media(min-width:601px) and (max-width:900px){.security-section.section-shell{padding-left:24px;padding-right:24px}}
@media(min-width:901px){
 .final-cta.section-shell{box-sizing:border-box;width:calc(100% - 80px);max-width:1573px;min-height:568px;margin:0 auto;padding:49px 0;border-radius:24px}
 .final-cta-content{width:100%;max-width:1200px;flex:0 0 100%;margin:0 auto;align-items:center}
 .final-cta h2{width:calc(100% - 80px);max-width:1120px;font-size:36px;line-height:1.48;letter-spacing:-.9px}
 .final-cta p{max-width:690px;font-size:16px;line-height:1.8}
 .final-cta .button{padding-inline:16px}
 .cta-decoration{width:360px;height:360px;filter:none;opacity:1}
 .cta-decoration-left{left:-195px;bottom:-280px;background:conic-gradient(from 195deg,#f02cdd,#b52df1,#e72ce4);mask:radial-gradient(circle,transparent 0 42%,#000 43% 100%)}
 .cta-decoration-right{right:-195px;top:auto;bottom:-280px;background:conic-gradient(from 195deg,#ff633e,#f33d54,#ff7a38);mask:radial-gradient(circle,transparent 0 42%,#000 43% 100%)}
}
@media(min-width:901px){
 .final-cta-content{position:absolute;left:50%;top:145px;right:auto;width:min(1200px,calc(100% - 80px));max-width:1200px;transform:translateX(-50%);margin:0}
 .final-cta h2{max-width:1120px;width:calc(100% - 80px);font-size:36px;line-height:1.48;margin:0 auto 17px}
 .final-cta p{max-width:690px;margin:0 auto 6px}
 .final-cta .hero-actions{margin-top:0}
}
@media(min-width:901px){
 .final-cta>.final-cta-content{position:absolute!important;left:50%;right:auto;top:145px;width:min(1200px,calc(100% - 80px));max-width:1200px;margin:0;transform:translateX(-50%)}
 .final-cta h2{margin-bottom:17px}
 .final-cta p{margin-bottom:28px}
}
@media(min-width:901px){
 .cta-decoration-left{left:0;right:auto;bottom:-75px}
 .cta-decoration-right{right:0;left:auto;top:auto;bottom:-75px}
 .final-cta .hero-actions .button-light{width:134px;min-width:134px;padding:0 12px;box-sizing:border-box}
 .final-cta .hero-actions .button-glass{width:121px;min-width:121px;padding:0 12px;box-sizing:border-box}
}
@media(min-width:851px){
 .site-footer{padding-top:96px;padding-bottom:40px}
 .footer-main{grid-template-columns:244px 177px 177px 170px 192px;gap:40px;padding-bottom:80px}
 .footer-brand>a img,.footer-brand>a svg{width:176px;height:48px;max-width:176px}
 .footer-brand p{display:none}
 .social-links{display:grid;grid-template-columns:repeat(3,48px);gap:12px;margin-top:24px}
 .social-links a{width:48px;height:48px;border:1px solid #282828;border-radius:12px;background:#111;color:#fff;font-size:16px}
 .footer-column{gap:0}
 .footer-column h3{font-size:16px;line-height:24px;margin:0 0 16px;font-weight:650}
 .footer-column a{font-size:14px;line-height:20px;padding:8px 0;min-height:36px}
 .footer-column h3:not(:first-child){margin-top:24px}
 .footer-ai{margin-top:0}
 .footer-bottom{font-size:12px;line-height:20px;padding-top:24px}
}
@media(min-width:851px){
 .footer-brand .brand img{display:block;width:176px;height:48px;max-width:176px;object-fit:contain}
 .footer-brand p{display:none}
 .footer-brand .social-links{display:grid;grid-template-columns:repeat(3,48px);gap:12px;margin-top:24px}
 .footer-brand .social-links a{width:48px;height:48px;border:1px solid #282828;border-radius:12px;background:#111;color:#fff;font-size:16px}
 .footer-column h3{margin-bottom:19px}
 .footer-column a{min-height:36px;margin-bottom:8px;padding:8px 0;line-height:20px}
 .footer-column-group>.footer-column+.footer-column{margin-top:24px}
 .footer-ai{display:none}
}
@media(min-width:901px){
 .final-cta .hero-actions .button-light{width:134px!important;min-width:134px!important;flex:0 0 134px}
 .final-cta .hero-actions .button-glass{width:121px!important;min-width:121px!important;flex:0 0 121px}
}
@media(min-width:851px){.footer-brand .social-links{margin-top:16px}}
@media(min-width:851px) and (max-width:1199px){
 .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:64px}
 .footer-brand{grid-column:1/-1}
 .footer-column-group{min-width:0}
 .footer-column a{overflow-wrap:anywhere}
}
@media(min-width:851px) and (max-width:1199px){
 .footer-main{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));gap:16px}
 .footer-brand{grid-column:auto}
 .footer-column-group{min-width:0}
 .footer-column a{overflow-wrap:anywhere}
}
@media(max-width:850px){.mobile-menu{z-index:150}.mobile-menu-head{position:relative;z-index:1}}
@media(max-width:850px){.mobile-menu{z-index:10001!important}}
@media(min-width:901px){
 .final-cta>.cta-decoration{position:absolute!important;z-index:0}
 .final-cta>.cta-decoration-left{left:0;right:auto;bottom:-75px}
 .final-cta>.cta-decoration-right{right:0;left:auto;bottom:-75px}
}
@media(min-width:901px){.final-cta p{margin-bottom:43px}}
@media(min-width:851px){
 .site-footer{padding-top:0;padding-bottom:0}
 .footer-main{padding-top:96px;padding-bottom:56px;margin-bottom:0}
 .footer-column-group:nth-child(2) .footer-column:nth-child(2) a[href*="banking-insurance-fintech"],
 .footer-column-group:nth-child(2) .footer-column:nth-child(2) a[href*="government-public-sector"]{min-height:64px}
 .footer-bottom{min-height:101px;box-sizing:border-box;padding-top:0;align-items:center}
}
@media(min-width:851px){
 .footer-column-group:nth-child(3) .footer-column:nth-child(2) a[href*="banking-insurance-fintech"],
 .footer-column-group:nth-child(3) .footer-column:nth-child(2) a[href*="government-public-sector"]{min-height:64px}
}

/* Exact Mu.chat footer reconstruction — source-measured at 1653, 768 and 430px. */
@font-face{font-family:EstedadExact;src:url('../assets/fonts/estedad_latin-s.2kjjxqkb_lsyy.woff2') format('woff2');font-weight:100 900;font-display:swap}
.site-footer.footer-exact{margin:0;padding:0;background:#0a0a0a;border:0;color:#fafafa;font-family:EstedadExact,Arial,sans-serif;font-size:16px;line-height:24px}
.footer-exact *{box-sizing:border-box}
.footer-exact a{text-decoration:none}
.footer-exact-top{width:100%;max-width:1200px;margin:0 auto;padding:56px 16px 40px}
.footer-exact-grid{display:flex;flex-direction:column;align-items:stretch}
.footer-exact-brand{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.footer-exact-logo{display:block;width:160px;height:auto;border-radius:4px}
.footer-exact-logo svg{display:block;width:160px;height:auto}
.footer-exact-socials{display:grid;grid-template-columns:repeat(3,48px);gap:12px;width:max-content}
.footer-exact-social-link,.footer-exact-ai-link{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #27272a;border-radius:12px;background:rgba(24,24,27,.6);color:#d4d4d8;transition:background .15s,border-color .15s,color .15s}
.footer-exact-social-link:hover,.footer-exact-ai-link:hover{border-color:#52525b;background:#27272a;color:#fff}
.footer-exact-social-link svg{display:block;width:28px;height:28px}
.footer-exact-ai-link svg{display:block;width:26px;height:26px}
.footer-exact-mobile-nav{display:block;margin-top:40px}
.footer-exact-accordion-item{border-bottom:1px solid #27272a}
.footer-exact-accordion-item h3{height:auto;margin:0;font:500 16px/24px EstedadExact,Arial,sans-serif}
.footer-exact-accordion-item button{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border:0;background:transparent;color:#f4f4f5;text-align:left;font:500 16px/24px EstedadExact,Arial,sans-serif}
.footer-exact-accordion-arrow{width:24px;height:24px;flex:0 0 24px;color:#a1a1aa;transition:transform .15s}
.footer-exact-accordion-item button[aria-expanded="true"] .footer-exact-accordion-arrow{transform:rotate(180deg)}
.footer-exact-accordion-panel{padding:0 0 16px}
.footer-exact-accordion-panel ul{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none}
.footer-exact-accordion-panel a{display:inline-block;padding:4px 0;color:#d4d4d8;font:400 15px/28px EstedadExact,Arial,sans-serif}
.footer-exact-desktop-nav{display:none}
.footer-exact-utility{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:40px}
.footer-exact-status{display:inline-flex;min-height:44px;max-width:100%;align-items:center;gap:10px;padding:8px 12px;border:1px solid #3f3f46;border-radius:12px;background:#18181b;color:#e4e4e7;font:500 14px/24px EstedadExact,Arial,sans-serif}
.footer-exact-status>span{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#71717a}
.footer-exact-status b{font:inherit}
.footer-exact-ai{display:flex;flex-direction:column;align-items:flex-start}
.footer-exact-ai h2{margin:0;color:#d4d4d8;font:400 15px/28px EstedadExact,Arial,sans-serif}
.footer-exact-ai-links{display:flex;align-items:center;gap:12px;margin-top:12px}
.footer-exact-bottom{width:100%;border-top:1px solid rgba(39,39,42,.8)}
.footer-exact-bottom-inner{width:100%;max-width:1200px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;color:#a1a1aa;font:400 14px/24px EstedadExact,Arial,sans-serif}
.footer-exact-bottom-inner p{margin:0}
.footer-exact-bottom-inner>a{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:8px;border-radius:4px;color:#a1a1aa;font:400 14px/20px EstedadExact,Arial,sans-serif}
.footer-exact-bottom-inner>a:hover{color:#fff}
.footer-exact-bottom-inner>a svg{width:16px;height:16px;flex:0 0 16px}
@media(min-width:768px){
 .footer-exact-top{padding:80px 40px 56px}
 .footer-exact-grid{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:48px;align-items:start}
 .footer-exact-brand{grid-column:1;grid-row:1}
 .footer-exact-logo,.footer-exact-logo svg{width:160px}
 .footer-exact-mobile-nav{display:none}
 .footer-exact-desktop-nav{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:start}
 .footer-exact-nav-col{display:flex;min-width:0;flex-direction:column;gap:48px}
 .footer-exact-link-group{min-width:0;text-align:left}
 .footer-exact-link-group h3{width:100%;margin:0 0 16px;color:#fff;font:600 16px/28px PinarLocal,EstedadExact,sans-serif}
 .footer-exact-link-group ul{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none}
 .footer-exact-link-group li{max-width:100%}
 .footer-exact-link-group a{display:inline-block;max-width:100%;padding:4px 0;border-radius:4px;color:#d4d4d8;font:400 15px/28px EstedadExact,Arial,sans-serif}
 .footer-exact-link-group a:hover{color:#fff;text-decoration:underline;text-decoration-color:#52525b;text-underline-offset:4px}
 .footer-exact-utility{grid-column:1;grid-row:2;align-self:end;margin-top:0}
 .footer-exact-bottom-inner{padding:28px 40px}
}
@media(min-width:1024px){
 .footer-exact-top{padding:96px 40px 64px}
 .footer-exact-grid{grid-template-columns:220px minmax(0,1fr);column-gap:64px}
 .footer-exact-logo,.footer-exact-logo svg{width:176px}
 .footer-exact-desktop-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px}
 .footer-exact-nav-col{gap:56px}
 .footer-exact-bottom-inner{min-height:100px;flex-direction:row;align-items:center;gap:16px;padding:28px 40px}
}
.footer-exact-ai h2{font-family:PinarLocal,EstedadExact,sans-serif}
.footer-exact-accordion-item:last-child{border-bottom:0}

/* Customer stories — exact Mu.chat homepage reconstruction, source-measured 2026-11-02. */
.stories-section.section-shell{position:relative;isolation:isolate;width:min(1118px,calc(100% - 98px));max-width:none;margin:60px auto 0;padding:0;font-family:EstedadSource,Arial,sans-serif;color:#09090b;background:transparent}
.stories-section.section-shell::before{content:"";position:absolute;z-index:-1;top:-60px;bottom:0;left:-41px;right:-41px;border-left:1px solid rgba(228,228,231,.8);border-right:1px solid rgba(228,228,231,.8);background:#fafafa;box-shadow:0 0 0 100vmax #fafafa;clip-path:inset(0 -100vmax)}
.stories-section.section-shell::after{content:"";position:absolute;z-index:2;top:-60px;left:50%;width:100vw;height:1px;transform:translateX(-50%);background:#e4e4e7;pointer-events:none}
.stories-exact-head{display:flex;width:100%;flex-direction:column;align-items:center;gap:12px;margin:0 0 56px;text-align:center}
.stories-exact-badge{display:inline-flex;width:max-content;min-height:34px;align-items:center;padding:6px 16px;border:1px solid #e4e4e7;border-radius:9999px;background:#fff;color:#18181b;font:500 14px/20px EstedadSource,Arial,sans-serif}
.stories-exact-badge i{display:block;width:8px;height:8px;flex:0 0 8px;margin-right:8px;border-radius:50%;background:linear-gradient(90deg,#fb923c,#f472b6 50%,#e879f9)}
.stories-exact-head h2{width:auto;max-width:none;margin:0;color:#09090b;font:700 36px/1.65 PinarSource,EstedadSource,sans-serif;letter-spacing:-.025em;text-align:center}
.stories-exact-head>p{width:100%;max-width:666px;margin:0;color:#71717a;font:400 18px/32px EstedadSource,Arial,sans-serif;text-align:center}
.customer-story-grid{display:grid;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:0;padding:0;align-items:stretch}
.customer-story-grid>*{box-sizing:border-box;min-width:0}
.customer-story-grid .story-featured{grid-column:span 6;display:flex;height:100%;min-height:0;flex-direction:column;gap:28px;margin:0;padding:32px;border:1px solid #e4e4e7;border-radius:16px;background:#fff}
.customer-story-grid .story-result{position:static;grid-column:span 3;display:flex;height:100%;min-height:0;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;border:1px solid #ddd6fe;border-radius:16px;background:linear-gradient(to right bottom,#f5f3ff 0%,#fff 50%,#ede9fe 100%)}
.customer-story-grid .story-bale{grid-column:span 3}
.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:span 6}
.customer-story-grid .story-small{display:flex;height:100%;min-height:0;flex-direction:column;gap:24px;padding:32px;border:1px solid #e4e4e7;border-radius:16px;background:#fff}
.customer-story-grid img{display:block;width:96px;height:32px;max-width:none;flex:0 0 32px;object-fit:contain;object-position:left center}
.customer-story-grid .story-featured blockquote{flex:1;margin:0;color:#27272a;font:400 20px/36px EstedadSource,Arial,sans-serif}
.customer-story-grid .story-featured figcaption{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #f4f4f5}
.customer-story-grid .story-featured figcaption>div{display:block}
.story-person{margin:0;color:#09090b;font:700 16px/24px EstedadSource,Arial,sans-serif}
.story-role{margin:4px 0 0;color:#71717a;font:400 14px/24px EstedadSource,Arial,sans-serif}
.customer-story-grid .story-featured figcaption>a,.customer-story-grid .story-link{display:inline-flex;width:max-content;align-items:center;gap:8px;padding:0;border-radius:4px;color:#6d28d9;font:600 14px/20px EstedadSource,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.stories-exact-arrow{display:block;width:16px;height:16px;flex:0 0 16px}
.story-result-label{margin:0;color:#4c1d95;font:600 14px/24px EstedadSource,Arial,sans-serif}
.story-result>div{display:block}
.story-result-value{margin:0;color:#6d28d9;font:700 48px/60px EstedadSource,Arial,sans-serif;letter-spacing:-.025em}
.story-result-title{margin:12px 0 0;color:#18181b;font:600 16px/28px EstedadSource,Arial,sans-serif}
.story-result-note{margin:0;color:#52525b;font:400 14px/28px EstedadSource,Arial,sans-serif}
.customer-story-grid .story-small>div{display:block}
.customer-story-grid .story-small h3{margin:0;color:#09090b;font:700 18px/28px PinarSource,EstedadSource,sans-serif}
.customer-story-grid .story-small>div>p{margin:4px 0 0;color:#71717a;font:400 14px/24px EstedadSource,Arial,sans-serif}
.customer-story-grid .story-body{flex:1;margin:0;color:#52525b;font:400 16px/28px EstedadSource,Arial,sans-serif}
.customer-story-grid .story-body strong{color:#18181b;font-weight:600}
.customer-stories-link{display:flex;justify-content:center;margin:40px 0 0}
.customer-stories-link>a{display:inline-flex;width:max-content;min-height:46px;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;color:#27272a;font:600 14px/20px EstedadSource,Arial,sans-serif;text-decoration:none}
@media(min-width:1024px) and (max-width:1279px){.stories-exact-head h2{font-size:26px}}
@media(min-width:1280px) and (max-width:1535px){.stories-exact-head h2{font-size:32px}}
@media(min-width:768px) and (max-width:1023px){
 .customer-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .customer-story-grid .story-featured{grid-column:span 2}
 .customer-story-grid .story-result,.customer-story-grid .story-bale,.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:span 1}
 .stories-exact-head h2{font-size:24px;line-height:39.6px}
}
@media(max-width:767px){
 .stories-section.section-shell{width:calc(100% - 50px);margin-top:48px}
 .stories-section.section-shell::before{top:-48px;left:-17px;right:-17px}
 .stories-section.section-shell::after{top:-48px}
 .stories-exact-head{margin-bottom:48px}
 .stories-exact-head h2{font-size:22px;line-height:36.3px;letter-spacing:-.025em}
 .stories-exact-head>p{font-size:16px;line-height:28px}
 .customer-story-grid{grid-template-columns:1fr;gap:20px}
 .customer-story-grid .story-featured,.customer-story-grid .story-result,.customer-story-grid .story-bale,.customer-story-grid .story-digikala,.customer-story-grid .story-filimo{grid-column:1}
 .customer-story-grid .story-featured,.customer-story-grid .story-result,.customer-story-grid .story-small{padding:24px}
 .customer-story-grid .story-featured blockquote{font-size:18px;line-height:32px}
 .customer-story-grid .story-featured figcaption{align-items:flex-start;flex-direction:column}
 .customer-stories-link{margin-top:32px}
}

/* Source-identical font declarations for Customer stories. The live site does not declare a weight range on these faces. */
@font-face{font-family:EstedadSource;src:url('../assets/fonts/estedad_latin-s.2kjjxqkb_lsyy.woff2') format('woff2');font-display:swap}
@font-face{font-family:PinarSource;src:url('../assets/fonts/pinar-variable.woff2') format('woff2');font-display:swap}
/* Neutralize legacy story rules that predate the source-measured reconstruction. */
.stories-section .customer-story-grid .story-result{position:static;inset:auto;top:auto;right:auto;align-items:stretch}
.stories-section .customer-story-grid .story-featured>img,.stories-section .customer-story-grid .story-small>img{margin:0}
.stories-section .customer-story-grid .story-small:hover{transform:none;border-color:#e4e4e7;box-shadow:none}
.stories-section .customer-story-grid .story-featured,.stories-section .customer-story-grid .story-small{opacity:1;transform:none;transition:none;will-change:auto}
/* Final specificity shield: older homepage experiments used stronger child selectors. */
.stories-section .customer-story-grid .story-small>p.story-body{font:400 16px/28px EstedadSource,Arial,sans-serif;color:#52525b;margin:0;flex:1}
.stories-section .customer-story-grid .story-small>p.story-body strong{font-weight:600;color:#18181b}
.stories-section .customer-story-grid .story-result>p.story-result-label{font:600 14px/24px EstedadSource,Arial,sans-serif;color:#4c1d95;margin:0}
.stories-section .customer-story-grid .story-result>p.story-result-note{font:400 14px/28px EstedadSource,Arial,sans-serif;color:#52525b;margin:0}
.stories-section .customer-story-grid .story-result>div{display:block;gap:normal}
.stories-section .customer-story-grid .story-result>div>p.story-result-value{font:700 48px/60px EstedadSource,Arial,sans-serif;letter-spacing:-.025em;color:#6d28d9;margin:0;white-space:normal}
.stories-section .customer-story-grid .story-result>div>p.story-result-title{font:600 16px/28px EstedadSource,Arial,sans-serif;color:#18181b;margin:12px 0 0}
/* Source color-space + inherited typography parity (Tailwind v4 computed LAB colors). */
.stories-section.section-shell{font-size:16px;line-height:24px;color:rgb(0 0 0)}
.stories-section.section-shell::before{background:lab(98.26 0 0);box-shadow:0 0 0 100vmax lab(98.26 0 0);border-color:lab(90.6853 .399232 -1.45452)}
.stories-section.section-shell::after{background:lab(90.6853 .399232 -1.45452)}
.stories-section .stories-exact-badge{color:lab(8.30603 .618205 -2.16572);border-color:lab(90.6853 .399232 -1.45452);border-radius:33554432px}
.stories-section .stories-exact-badge i{background-image:linear-gradient(to right in oklab,rgb(251 146 60) 0%,rgb(244 114 182) 50%,rgb(232 121 249) 100%);border-radius:33554432px}
.stories-section .stories-exact-head h2{color:lab(2.51107 .242703 -.886115)}
.stories-section .stories-exact-head>p{color:lab(47.8878 1.65477 -5.77283)}
.stories-section .customer-story-grid .story-featured,.stories-section .customer-story-grid .story-small{color:rgb(0 0 0);border-color:lab(90.6853 .399232 -1.45452)}
.stories-section .customer-story-grid .story-featured blockquote{color:lab(15.7305 .613764 -2.16959);letter-spacing:normal}
.stories-section .customer-story-grid .story-featured figcaption{color:rgb(0 0 0);border-top-color:lab(96.1634 .0993311 -.364041)}
.stories-section .story-person{color:lab(2.51107 .242703 -.886115)}
.stories-section .story-role,.stories-section .customer-story-grid .story-small>div>p{color:lab(47.8878 1.65477 -5.77283)}
.stories-section .customer-story-grid .story-featured figcaption>a,.stories-section .customer-story-grid .story-link{color:lab(35.2783 67.9912 -88.793)}
.stories-section .customer-story-grid .story-result{color:rgb(0 0 0);border-color:lab(87.0888 8.53688 -19.4189);background-image:linear-gradient(to right bottom,lab(96.2416 2.28849 -5.51657) 0%,rgb(255 255 255) 50%,lab(93.0838 4.35197 -9.88284) 100%);align-items:normal}
.stories-section .customer-story-grid .story-result>p.story-result-label{color:lab(24.3783 45.7525 -61.4902)}
.stories-section .customer-story-grid .story-result>div>p.story-result-value{color:lab(35.2783 67.9912 -88.793)}
.stories-section .customer-story-grid .story-result>div>p.story-result-title{color:lab(8.30603 .618205 -2.16572)}
.stories-section .customer-story-grid .story-result>p.story-result-note,.stories-section .customer-story-grid .story-small>p.story-body{color:lab(35.1166 1.78212 -6.1173)}
.stories-section .customer-story-grid .story-small>p.story-body strong{color:lab(8.30603 .618205 -2.16572)}
.stories-section .customer-story-grid .story-small h3{color:lab(2.51107 .242703 -.886115);letter-spacing:normal}
.stories-section .customer-stories-link>a{color:lab(15.7305 .613764 -2.16959);border-color:lab(90.6853 .399232 -1.45452)}
.stories-section .customer-story-grid .story-featured>img{color:transparent;border-color:transparent}
.stories-section .customer-story-grid .story-featured figcaption{border-color:lab(96.1634 .0993311 -.364041)}
@media(max-width:767px){.stories-section .customer-story-grid .story-featured figcaption{align-items:flex-end;flex-direction:row;flex-wrap:wrap}}
@media(min-width:1024px){.stories-section.section-shell{width:min(1118px,calc(100% - 82px))}}

/* Enterprise-grade security & privacy — exact Mu.chat homepage reconstruction, source-measured 2026-11-02. */
.security-section.section-shell{position:relative;isolation:isolate;display:block;width:min(1118px,calc(100% - 98px));max-width:none;margin:0 auto;padding:0 0 60px;background:transparent;color:rgb(0 0 0);font:400 16px/24px EstedadSource,Arial,sans-serif}
.security-section.section-shell::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-41px;right:-41px;border-left:1px solid lab(90.6853 .399232 -1.45452);border-right:1px solid lab(90.6853 .399232 -1.45452);background:lab(98.26 0 0);box-shadow:0 0 0 100vmax lab(98.26 0 0);clip-path:inset(0 -100vmax);pointer-events:none}
.security-grid{position:relative;display:grid;grid-template-columns:1fr;align-items:start;gap:40px;padding:64px 0;margin:0}
.security-copy{display:flex;min-width:0;flex-direction:column;gap:16px;padding:0;margin:0}
.security-exact-badge{display:inline-flex;width:max-content;height:34px;align-items:center;padding:6px 16px;border:1px solid lab(90.6853 .399232 -1.45452);border-radius:33554432px;background:#fff;color:lab(8.30603 .618205 -2.16572);font:500 14px/20px EstedadSource,Arial,sans-serif;box-sizing:border-box}
.security-exact-badge i{display:block;width:8px;height:8px;flex:0 0 8px;margin-right:8px;border-radius:33554432px;background-image:linear-gradient(to right in oklab,rgb(251 146 60) 0%,rgb(244 114 182) 50%,rgb(232 121 249) 100%)}
.security-copy h2{width:100%;max-width:576px;margin:0;color:lab(2.51107 .242703 -.886115);font:700 22px/36.3px PinarSource,EstedadSource,sans-serif;letter-spacing:-.55px}
.security-copy>p{width:100%;max-width:576px;margin:0;color:lab(35.1166 1.78212 -6.1173);font:400 16px/28px EstedadSource,Arial,sans-serif}
.security-cards{display:block;width:100%;overflow:hidden;border:1px solid lab(90.6853 .399232 -1.45452);border-radius:16px;background:#fff;color:rgb(0 0 0)}
.security-card{position:relative;display:flex;width:100%;min-height:168px;flex-direction:column;justify-content:center;gap:8px;overflow:hidden;padding:28px 24px;border-bottom:1px solid lab(90.6853 .399232 -1.45452);background:transparent;color:rgb(0 0 0);box-sizing:border-box}
.security-card:last-child{border-bottom:0}
.security-card h3{position:relative;z-index:1;width:100%;margin:0;color:lab(2.51107 .242703 -.886115);font:700 20px/32px PinarSource,EstedadSource,sans-serif;letter-spacing:-.5px}
.security-card p{position:relative;z-index:1;width:68%;max-width:none;margin:0;color:lab(35.1166 1.78212 -6.1173);font:400 14px/24px EstedadSource,Arial,sans-serif}
.security-card img{position:absolute;right:16px;bottom:-24px;display:block;width:100px;height:auto;max-width:none;color:transparent;border-color:transparent}
.security-card:last-child img{bottom:0}
.security-assurance-desktop{display:none}
.security-assurance-mobile{position:relative;z-index:0;display:block;width:100%;height:48px;margin:0;padding:0}
.security-assurance-mobile>a{display:inline-flex;width:100%;height:48px;align-items:center;justify-content:center;gap:8px;padding:8px 48px;border:1px solid lab(90.6853 .399232 -1.45452);border-radius:8px;background:#fff;color:lab(2.51107 .242703 -.886115);box-shadow:0 1px 2px 0 rgb(0 0 0/.05);font:500 16px/24px EstedadSource,Arial,sans-serif;text-decoration:none;box-sizing:border-box}
.security-assurance-mobile>div{position:absolute;z-index:-1;bottom:8px;left:0;width:100%;height:20px;transform:translateY(100%);border-radius:0 0 8px 8px;background-image:linear-gradient(to right in oklab,rgb(251 146 60) 0%,rgb(244 114 182) 50%,rgb(232 121 249) 100%)}
@media(min-width:640px){
 .security-copy h2{font-size:24px;line-height:39.6px;letter-spacing:-.6px}
 .security-card img{right:16px;width:112px}
}
@media(min-width:1024px){
 .security-section.section-shell{width:min(1118px,calc(100% - 82px));padding-bottom:60px}
 .security-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;padding:96px 0 40px}
 .security-copy{padding-right:16px}
 .security-copy h2{font-size:26px;line-height:42.9px;letter-spacing:-.65px}
 .security-copy>p{font-size:18px;line-height:28px}
 .security-card{min-height:176px;padding:40px 32px}
 .security-card p{width:70%;font-size:16px;line-height:24px}
 .security-card img{right:32px;width:132px}
 .security-assurance-mobile{display:none}
 .security-assurance-desktop{display:flex;width:100%;height:53px;align-items:flex-start;justify-content:space-between;gap:32px;padding:28px 0 0;border-top:1px solid lab(90.6853 .399232 -1.45452);box-sizing:border-box}
 .security-assurance-desktop>div{display:flex;align-items:center;gap:12px;color:lab(35.1166 1.78212 -6.1173);font:400 16px/24px EstedadSource,Arial,sans-serif}
 .security-assurance-desktop>div svg{display:block;width:20px;height:20px;flex:0 0 20px}
 .security-assurance-desktop p{margin:0;color:lab(35.1166 1.78212 -6.1173);font:400 16px/24px EstedadSource,Arial,sans-serif}
 .security-assurance-desktop>a{display:flex;align-items:center;gap:8px;color:lab(35.1166 1.78212 -6.1173);font:400 16px/24px EstedadSource,Arial,sans-serif;text-decoration:none}
 .security-assurance-desktop>a svg{display:block;width:16px;height:16px;flex:0 0 16px}
}
@media(min-width:1280px){.security-copy h2{font-size:30px;line-height:49.5px;letter-spacing:-.75px}}
@media(min-width:1536px){.security-copy h2{font-size:32px;line-height:52.8px;letter-spacing:-.8px}}
@media(max-width:767px){
 .security-section.section-shell{width:calc(100% - 50px);padding-bottom:48px}
 .security-section.section-shell::before{left:-17px;right:-17px}
}


/* Security computed-style parity shield: isolate the exact reconstruction from legacy rules. */
@font-face{font-family:estedad;src:url('../assets/fonts/estedad_latin-s.2kjjxqkb_lsyy.woff2') format('woff2');font-display:swap}
@font-face{font-family:pinar;src:url('../assets/fonts/pinar-variable.woff2') format('woff2');font-display:swap}
.security-section.section-shell{font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;color:rgb(0 0 0)}
.security-section .security-grid{align-items:flex-start;border:0 solid rgb(0 0 0);font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-copy{border:0 solid rgb(0 0 0);font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-exact-badge{font:500 14px/20px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-copy h2{border:0 solid lab(2.51107 .242703 -.886115);font-family:pinar,"pinar Fallback"}
.security-section .security-copy>p{border:0 solid lab(35.1166 1.78212 -6.1173);font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-cards{display:block;grid-template-columns:none;gap:normal;font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-card{border:0 solid lab(90.6853 .399232 -1.45452);border-bottom-width:1px;font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-card:last-child{border-bottom-width:0}
.security-section .security-card h3{position:static;border:0 solid lab(2.51107 .242703 -.886115);font-family:pinar,"pinar Fallback"}
.security-section .security-card p{position:static;border:0 solid lab(35.1166 1.78212 -6.1173);font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-card img{border:0 solid transparent;font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-assurance-desktop{color:rgb(0 0 0);font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;align-items:normal}
.security-section .security-assurance-mobile{border:0 solid rgb(0 0 0);font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.security-section .security-assurance-mobile>a{font:500 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
/* Security final sub-pixel and hidden-state parity. */
.security-section .security-assurance-desktop{gap:32px;padding:28px 0 0;border-top:1px solid lab(90.6853 .399232 -1.45452);justify-content:space-between}
.security-section .security-card:last-child img{height:80px;object-fit:fill}
@media(min-width:640px){.security-section .security-card:last-child img{height:89.6px}}
@media(min-width:1024px){.security-section .security-card:last-child img{height:105.6px}}
@media(min-width:1024px) and (max-width:1279px){.security-section .security-copy h2{height:85.78125px}}
/* Security 128px optimized source-image ratio parity. */
.security-section .security-card:last-child img{height:79.6875px;object-fit:fill}
@media(min-width:640px){.security-section .security-card:last-child img{height:89.25px}}
@media(min-width:1024px){.security-section .security-card:last-child img{height:105.1875px}}
/* Security text rasterization parity with the live Mu.chat stylesheet. */
.security-section.section-shell,.security-section.section-shell *{-webkit-font-smoothing:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Mu.chat header exact-match normalization — 2026-11-02 */
.site-header{
  box-sizing:border-box;height:69px;position:sticky;top:0;z-index:50!important;isolation:auto;
  background:rgba(255,255,255,.6);border-bottom:1px solid transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:border-color .3s ease,background-color .3s ease;
}
.site-header.is-scrolled{border-bottom-color:#f4f4f5}
.nav-wrap{
  box-sizing:border-box;position:static;height:68px;width:min(1120px,calc(100% - 80px));margin:0 auto;
  display:flex;align-items:center;gap:0;
}
.brand{display:flex;align-items:center;flex:0 1 138px;min-width:0}
.brand img{display:block;width:138px;max-width:100%;height:auto}
.desktop-nav{
  display:flex;align-items:center;justify-content:center;gap:2px;height:68px;flex:1 1 auto;min-width:0;
  margin-left:64px;
}
.desktop-nav .nav-item{height:68px;display:flex;align-items:center;position:static}
.nav-trigger,.nav-link{
  box-sizing:border-box;height:36px;padding:0 16px;border:0;border-radius:8px;background:transparent;
  display:flex;align-items:center;justify-content:center;white-space:nowrap;
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
  color:lab(27.036 0 0);transition:background-color .15s,color .15s;
}
.nav-trigger{gap:4px;cursor:pointer}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-link:hover{background:#f4f4f5;color:#18181b}
.nav-trigger .chevron{box-sizing:border-box;width:8px;height:8px;margin:0;position:relative;top:-1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.nav-trigger[aria-expanded="true"] .chevron{transform:rotate(225deg)}
.nav-actions{display:flex;align-items:center;gap:4px;margin-left:0;margin-right:4px;flex:none}
.language-link{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:54.797px;height:36px;padding:0 10px;
  border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:lab(27.036 0 0);
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
}
.language-link svg{width:16px;height:16px;flex:none}
.signin-link{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:auto;min-width:76.438px;height:32px;padding:0 16px;
  border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:lab(15.204 0 0);
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:500;line-height:20px;
}
.mobile-menu-toggle{display:none}
.menu-scrim{display:none!important}

@media(max-width:1023px){
  .desktop-nav{display:none!important}
  .nav-actions{display:flex!important;margin-left:auto;margin-right:0;gap:4px}
  .mobile-menu-toggle{
    box-sizing:border-box;display:inline-flex!important;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;
    width:36px;height:36px;margin-left:4px;padding:8px;border:0;border-radius:9999px;background:transparent;color:#000;cursor:pointer;
  }
  .mobile-menu-toggle span{display:block;width:18px;height:1.5px;background:currentColor;border-radius:2px}
  .mobile-menu{
    box-sizing:border-box;display:block;position:fixed;z-index:101!important;inset:0;width:100%!important;height:100dvh;max-width:none;
    padding:0 16px!important;background:#fff;box-shadow:none;overflow:auto;transform:translateX(101%);transition:transform .2s ease;
  }
  .mobile-menu.open{transform:translateX(0)}
  .mobile-menu-head{
    position:absolute!important;z-index:1;right:16px;top:0;width:36px;height:56px;padding:0!important;border:0!important;
    display:flex;align-items:center;justify-content:center;
  }
  .mobile-close{
    box-sizing:border-box;position:relative;width:36px;height:36px;padding:0;border:0!important;border-radius:9999px;background:#f4f4f5!important;
    color:transparent;font-size:0;cursor:pointer;
  }
  .mobile-close:before,.mobile-close:after{content:"";position:absolute;left:10px;top:17px;width:16px;height:1.5px;background:#52525b;border-radius:2px}
  .mobile-close:before{transform:rotate(45deg)}.mobile-close:after{transform:rotate(-45deg)}
  .mobile-menu nav{
    box-sizing:border-box;display:flex;flex-direction:column;margin:56px 0 24px;padding:0!important;overflow-y:auto;
    font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;
  }
  .mobile-menu nav>a,.mobile-menu summary{
    box-sizing:border-box;height:49px;padding:0!important;margin:0;border:0;border-bottom:1px solid #e4e4e7!important;border-radius:0;
    display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;
    font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#09090b;background:transparent;
  }
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:after{content:""!important;box-sizing:border-box;width:8px;height:8px;margin-right:4px;border-right:1.5px solid #27272a;border-bottom:1.5px solid #27272a;transform:rotate(45deg) translateY(-2px);font-size:0;color:transparent}
  .mobile-menu details[open] summary:after{content:""!important;transform:rotate(225deg) translate(-2px,-2px)}
  .mobile-submenu{padding:4px 0 8px;border-bottom:1px solid #e4e4e7}
  .mobile-submenu a,.mobile-menu details>a{display:block;padding:10px 12px!important;border:0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#52525b}
  .mobile-menu-actions{display:flex;align-items:center;padding:12px 0 0!important;margin:0;gap:0;flex-wrap:nowrap}
  .mobile-menu-actions .language-link{display:inline-flex!important;min-width:54.797px;height:37px}
}
@media(min-width:640px) and (max-width:1023px){.nav-wrap{width:calc(100% - 80px)}}
@media(max-width:639px){
  .nav-wrap{width:calc(100% - 32px)}
  .nav-actions .language-link{display:none!important}
  .brand{flex-basis:138px}.brand img{width:138px}
}
/* Header final geometry corrections */
.desktop-nav>.nav-item,.desktop-nav>.nav-link{flex-shrink:0}
.nav-trigger .chevron{width:12px;height:12px;border:0;position:relative;top:0;transform:none!important;flex:none}
.nav-trigger .chevron:after{content:"";position:absolute;width:6px;height:6px;left:2px;top:1px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
.nav-trigger[aria-expanded="true"] .chevron:after{transform:rotate(225deg)}
.language-link{height:36px!important;min-height:36px!important}
.signin-link{height:32px!important;min-height:32px!important}
@media(max-width:1023px){.site-header .nav-wrap{width:calc(100% - 80px)!important}}
@media(max-width:639px){.site-header .nav-wrap{width:calc(100% - 32px)!important}}
@media(min-width:1024px){.brand{flex-basis:clamp(120.859px,calc(100vw - 903.141px),138px);max-width:clamp(120.859px,calc(100vw - 903.141px),138px)}}
/* Header raster parity with live Mu.chat */
.site-header,.site-header *{-webkit-font-smoothing:auto;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.site-header{background:oklab(0.999994 0.0000455677 0.0000200868 / .6)}
.nav-trigger,.nav-link{padding:8px 16px}
.nav-trigger-label{display:flex;flex-direction:column;gap:4px;border-radius:2px;padding:8px 0;font:inherit;color:lab(27.036 0 0)}
.nav-chevron{position:relative;top:1px;width:12px;height:12px;margin-left:4px;flex:none;color:#000;transition:transform .15s}
.nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.language-icon{width:16px!important;height:16px!important;flex:none}
.language-link{border-color:lab(90.952 0 -0.0000119209)}
.signin-link{border-color:lab(90.952 0 -0.0000119209);box-shadow:0 1px 2px rgba(0,0,0,.05)}
@media(min-width:1024px){.brand{flex-basis:clamp(120.859375px,calc(100vw - 903.140625px),138px);max-width:clamp(120.859375px,calc(100vw - 903.140625px),138px)}}
.nav-trigger{gap:0}
.mobile-menu-icon,.mobile-close-icon{width:20px;height:20px;display:block;flex:none;color:lab(27.036 0 0)}
@media(max-width:1023px){
 .mobile-menu-toggle{color:lab(27.036 0 0)}
 .mobile-menu-toggle span{display:none!important}
 .mobile-close{color:lab(27.036 0 0)!important;font-size:14px;background:#f4f4f5!important}
 .mobile-close:before,.mobile-close:after{content:none!important;display:none!important}
}

/* Header final exact pass — live Mu.chat capture 2026-11-02 */
@font-face{font-family:EstedadArabicExact;src:url('../assets/fonts/estedad_other.0myo8842_ew05.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.language-link span{font-family:EstedadArabicExact,estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif}
.site-header,.site-header *{-webkit-font-smoothing:auto!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-link:hover{background:lab(96.1634 0.0993311 -0.364041)!important;color:lab(15.204 0 -0.00000596046)!important}
@media(min-width:1024px){
  .mega-menu,.mega-menu.compact{
    position:fixed!important;top:70px!important;left:50%!important;right:auto!important;
    transform:translateX(-50%)!important;width:min(1122px,calc(100vw - 78px))!important;max-width:none!important;
    max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
    border:0!important;border-radius:20px!important;background-color:#fff!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;
    box-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px -1px rgba(0,0,0,.10)!important;z-index:10000!important;opacity:1!important;
  }
  .mega-menu:not([hidden]){animation:megaHeaderExact .15s ease-out both!important}
  @keyframes megaHeaderExact{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
  .mega-product{height:817px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-product-live-1653.png')!important}
  .mega-solutions{height:330px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-usecases-live-1653.png')!important}
  .mega-resources{height:375px!important;aspect-ratio:auto!important;background-image:url('../assets/images/nav-resources-live-1653.png')!important}
}
@media(min-width:1024px) and (max-width:1199px){
  .mega-product{background-image:url('../assets/images/nav-product-live-1024.png')!important}
  .mega-solutions{background-image:url('../assets/images/nav-usecases-live-1024.png')!important}
  .mega-resources{background-image:url('../assets/images/nav-resources-live-1024.png')!important}
}

/* Agent lifecycle — exact live Mu.chat geometry pass, 2026-11-02 */
.lifecycle-section.section-shell{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#fafafa;overflow:visible!important;
}
.lifecycle{
  width:min(1200px,100%)!important;max-width:1200px!important;height:699px!important;min-height:699px!important;
  margin:0 auto!important;display:flex!important;grid-template-columns:none!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:#fafafa!important;
}
.lifecycle-copy{
  box-sizing:border-box;width:50%!important;max-width:620px;min-height:699px!important;height:699px!important;
  padding:80px 40px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:64px!important;background:transparent!important;
  font-family:GeistLocal,Inter,sans-serif!important;
}
.lifecycle-title{
  width:100%;margin:0!important;padding:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;
  font-size:32px!important;font-weight:700!important;line-height:1.65!important;letter-spacing:-.8px!important;
  color:lab(2.51107 .242703 -.886115)!important;
}
.lifecycle-steps{
  width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;
  display:flex!important;flex-direction:column!important;gap:32px!important;background:transparent!important;
}
.life-item{display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0}
.life-step{
  box-sizing:border-box!important;position:relative!important;width:calc(100% - 1px)!important;min-width:0!important;
  height:28px;min-height:28px;margin:0 0 0 1px!important;padding:0 0 0 24px!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:28px auto!important;
  column-gap:12px!important;row-gap:0!important;align-items:start!important;text-align:left!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:lab(2.51107 .242703 -.886115)!important;cursor:pointer!important;overflow:visible!important;
  font-family:GeistLocal,Inter,sans-serif!important;
}
.life-step.active{height:108px;min-height:108px;background:transparent!important;box-shadow:none!important}
.life-number,.life-step-content b{
  display:block!important;margin:0!important;padding:0!important;height:28px!important;
  font-family:GeistLocal,Inter,sans-serif!important;font-size:20px!important;font-weight:500!important;
  line-height:28px!important;letter-spacing:-.4px!important;color:lab(47.8878 1.65477 -5.77283)!important;
}
.life-step.active .life-number{color:#2563eb!important}
.life-step.active .life-step-content b{color:lab(2.51107 .242703 -.886115)!important}
.life-step-content{display:contents!important}
.life-step-content small{
  grid-column:1/-1!important;display:block!important;box-sizing:border-box!important;width:min(384px,100%)!important;
  height:0;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;
  font-family:GeistLocal,Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;
  line-height:24px!important;letter-spacing:-.32px!important;color:lab(47.8878 1.65477 -5.77283)!important;
  transition:none!important;
}
.life-step.active .life-step-content small{
  height:80px!important;max-height:80px!important;padding-top:8px!important;opacity:1!important;margin:0!important;
}
.life-progress{
  display:block!important;position:absolute!important;z-index:1!important;left:-1px!important;top:0!important;bottom:0!important;
  width:2px!important;height:auto!important;margin:0!important;background:lab(90.6853 .399232 -1.45452)!important;overflow:hidden!important;
}
.life-progress i{
  display:block!important;position:absolute!important;inset:0!important;width:2px!important;height:0!important;
  background:#2563eb!important;transform-origin:top!important;transition:none!important;
}
.life-step.active .life-progress i{height:100%!important}
.lifecycle-cta{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;
  width:auto!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 20px!important;
  border:0!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;
  font-family:GeistLocal,Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;letter-spacing:normal!important;
  gap:0!important;white-space:nowrap!important;transform:none!important;
}
.lifecycle-visual{
  box-sizing:border-box!important;position:relative!important;flex:1 1 50%!important;width:50%!important;min-width:0!important;
  height:699px!important;min-height:699px!important;margin:0!important;padding:0!important;overflow:hidden!important;
  background:#2563eb!important;border:0!important;border-radius:0!important;display:block!important;
}
.lifecycle-visual-inner,.life-panel{width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}
.life-panel[hidden]{display:none!important}
.life-panel .life-source-preview{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;
  object-fit:cover!important;object-position:center!important;border:0!important;
}
.lifecycle-grain,.lifecycle-pattern{display:none!important}

@media(min-width:1024px) and (max-width:1279px){
  .lifecycle-title{font-size:26px!important;letter-spacing:-.65px!important}
}
@media(min-width:1280px) and (max-width:1535px){
  .lifecycle-title{font-size:30px!important;letter-spacing:-.75px!important}
}

@media(max-width:1023px){
  .lifecycle-section.section-shell{
    width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 8px!important;
    border-top:1px solid #e4e4e7!important;
  }
  .lifecycle{
    width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;display:block!important;
  }
  .lifecycle-copy{
    width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
    padding:44px 24px!important;display:block!important;background:transparent!important;
  }
  .lifecycle-title{
    font-size:24px!important;line-height:1.65!important;letter-spacing:-.6px!important;
  }
  .lifecycle-steps{margin-top:40px!important;gap:32px!important}
  .life-step{
    width:100%!important;margin:0!important;padding:0!important;height:28px;min-height:28px;
    grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:28px auto auto!important;column-gap:12px!important;
  }
  .life-step.active{height:auto!important;min-height:0!important}
  .life-step-content small{width:100%!important;max-width:none!important;height:0;max-height:0!important;padding:0!important}
  .life-step.active .life-step-content small{
    height:auto!important;max-height:none!important;padding-top:8px!important;opacity:1!important;
  }
  .life-progress{display:none!important;position:static!important;grid-column:1/-1!important;width:100%!important;height:2px!important;margin-top:24px!important;background:lab(90.6853 .399232 -1.45452)!important}
  .life-step.active .life-progress{display:block!important}
  .life-progress i{position:static!important;width:100%!important;height:2px!important;background:#2563eb!important}
  .lifecycle-visual{
    flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:620/699!important;
    margin:12px 0 0!important;border:1px solid #e4e4e7!important;background:#2563eb!important;overflow:hidden!important;
  }
  .lifecycle-visual-inner,.life-panel{width:100%!important;height:100%!important}
  .life-panel .life-source-preview{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
  .lifecycle-cta{display:none!important}
}
@media(max-width:639px){
  .lifecycle-copy{padding:44px 16px!important}
  .lifecycle-title{font-size:22px!important;letter-spacing:-.55px!important}
}

/* Lifecycle final alignment + proof strip parity */
.lifecycle.motion-reveal{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
@media(min-width:1024px){
  .lifecycle-visual{border-left:1px solid #e4e4e7!important}
  .lifecycle-cta{width:137.844px!important}
}
.lifecycle-stories{
  box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;height:161px!important;min-height:161px!important;
  margin:0 auto!important;padding:0!important;background:#fafafa!important;border:0!important;border-top:1px solid #e4e4e7!important;border-bottom:0!important;
  position:relative!important;
}
.lifecycle-stories::before,.lifecycle-stories::after{display:none!important;content:none!important}
.lifecycle-stories-inner{
  box-sizing:border-box!important;width:100%!important;height:160px!important;min-height:160px!important;margin:0!important;padding:48px 80px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;
  font-family:GeistLocal,Inter,sans-serif!important;
}
.lifecycle-story-tabs{display:flex!important;flex:0 0 253px!important;width:253px!important;height:64px!important;direction:ltr!important}
.lifecycle-story-tab{
  box-sizing:border-box!important;flex:0 0 64px!important;width:64px!important;height:64px!important;margin:0 0 0 -1px!important;
  border:1px solid #e4e4e7!important;background:#fafafa!important;
}
.lifecycle-story-tab:first-child{margin-left:0!important}
.lifecycle-story-tab.active{background:#fff!important}
.lifecycle-story-tab img{width:52px!important;height:40px!important}
.lifecycle-story-copy{
  box-sizing:border-box!important;flex:0 1 440px!important;width:auto!important;max-width:440px!important;min-width:0!important;margin:0 0 0 24px!important;
  font-family:GeistLocal,Inter,sans-serif!important;font-size:20px!important;font-weight:400!important;line-height:28px!important;letter-spacing:normal!important;
  color:lab(2.51107 .242703 -.886115)!important;
}
.lifecycle-story-copy strong{font-weight:600!important;color:lab(2.51107 .242703 -.886115)!important}
.lifecycle-story-copy span{color:lab(47.8878 1.65477 -5.77283)!important}
.lifecycle-story-link{
  flex:0 0 176.625px!important;width:176.625px!important;height:24px!important;margin-left:auto!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  font-family:GeistLocal,Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;letter-spacing:normal!important;
  color:lab(2.51107 .242703 -.886115)!important;
}
@media(max-width:1023px){
  .lifecycle-stories{
    width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 8px!important;height:113px!important;min-height:113px!important;
  }
  .lifecycle-stories-inner{height:112px!important;min-height:112px!important;padding:24px!important}
  .lifecycle-story-copy{flex:1 1 auto!important;max-width:440px!important;margin-left:24px!important;font-size:20px!important;line-height:28px!important}
}
@media(max-width:639px){
  .lifecycle-stories{height:245px!important;min-height:245px!important}
  .lifecycle-stories-inner{
    height:244px!important;min-height:244px!important;padding:32px 24px!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;
  }
  .lifecycle-story-tabs{flex:0 0 64px!important}
  .lifecycle-story-copy{
    flex:none!important;width:100%!important;max-width:none!important;height:56px!important;margin:12px 0 0!important;
    font-size:16px!important;line-height:28px!important;
  }
  .lifecycle-story-link{flex:none!important;margin:24px 0 0!important;font-size:16px!important;line-height:24px!important}
}

/* Exact Geist fallback metrics used by live Mu.chat lifecycle. */
@font-face{
  font-family:"GeistFallbackExact";
  src:local("Arial");
  ascent-override:95.94%;
  descent-override:28.16%;
  line-gap-override:0%;
  size-adjust:104.76%;
}
.lifecycle-copy,
.lifecycle-copy .life-step,
.lifecycle-copy .life-number,
.lifecycle-copy .life-step-content b,
.lifecycle-copy .life-step-content small,
.lifecycle-cta,
.lifecycle-stories-inner,
.lifecycle-story-copy,
.lifecycle-story-copy strong,
.lifecycle-story-copy span,
.lifecycle-story-link{
  font-family:"GeistFallbackExact",Arial,sans-serif!important;
}
.lifecycle-story-copy{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
@media(max-width:1023px){
  .lifecycle-cta{
    display:flex!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:40px 0 0!important;
  }
}

/* Built for your industry — live Mu.chat parity pass, 2026-11-02 */
.industry-section.section-shell{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;margin-inline:auto!important;padding:0!important;min-height:0!important;height:848px!important;background:#fafafa!important;border-left:1px solid #e4e4e7!important;border-right:1px solid #e4e4e7!important;overflow:hidden!important}
.industry-layout{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:80px 40px!important;display:flex!important;flex-direction:column!important;gap:64px!important}
.industry-head{box-sizing:border-box!important;width:100%!important;height:64px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.industry-head h2{width:auto!important;margin:0!important;padding:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:1.65!important;letter-spacing:-.8px!important;color:lab(2.51107 .242703 -.886115)!important;text-align:left!important}
.industry-controls{display:flex!important;align-items:center!important;gap:0!important}
.industry-head .industry-controls button{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;margin-left:-1px!important;padding:0!important;border:1px solid lab(90.6853 .399232 -1.45452)!important;border-radius:0!important;background:#fafafa!important;color:lab(47.8878 1.65477 -5.77283)!important;font-size:0!important;cursor:pointer!important}
.industry-head .industry-controls button:first-child{margin-left:0!important}
.industry-head .industry-controls button:disabled{opacity:.4!important;cursor:not-allowed!important}
.industry-head .industry-controls svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.industry-gallery{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;width:calc(100% + 64px)!important;height:614px!important;margin-left:-32px!important;gap:22px!important;overflow:hidden!important;scroll-behavior:smooth!important}
.industry-card{box-sizing:border-box!important;position:relative!important;isolation:isolate!important;flex:0 0 clamp(110px,11vw,132px)!important;height:558px!important;margin:18px 0 0!important;overflow:clip!important;border:0!important;border-radius:0!important;background:#f4f4f5!important;transition:width .62s cubic-bezier(.23,1,.32,1),flex-basis .62s cubic-bezier(.23,1,.32,1),height .62s cubic-bezier(.23,1,.32,1),margin .62s cubic-bezier(.23,1,.32,1)!important}
.industry-card.active{flex:1 1 auto!important;height:614px!important;margin-top:0!important}
.industry-card>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:filter .62s cubic-bezier(.23,1,.32,1),transform .62s cubic-bezier(.23,1,.32,1)!important}
.industry-dark,.industry-tint,.industry-blur,.industry-grain{position:absolute!important;inset:0!important;pointer-events:none!important}
.industry-dark{z-index:1;background:rgba(0,0,0,.2)!important}
.industry-tint{z-index:2;background:linear-gradient(to top,rgb(var(--industry-tint)) 0%,rgba(var(--industry-tint),0) 88.438%)!important}
.industry-blur{z-index:3;top:auto!important;height:95px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
.industry-grain{z-index:4;background-image:url('../assets/images/built-for-industry/grain.webp')!important;background-size:cover!important;background-position:center!important;mix-blend-mode:color-dodge!important;opacity:1!important}
.industry-card-caption{position:absolute!important;z-index:5!important;left:32px!important;right:24px!important;bottom:70px!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.industry-card-caption a{display:inline-block!important;color:#fff!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:24px!important;font-weight:600!important;line-height:30px!important;text-decoration:none!important}
.industry-copy,.industry-tabs{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1024px) and (max-width:1199px){
 .industry-section.section-shell{width:100%!important;max-width:none!important;margin:0!important}
 .industry-head h2{font-size:26px!important;letter-spacing:-.65px!important}
 .industry-gallery{width:calc(100% + 64px)!important}
 .industry-card{flex-basis:clamp(110px,10.72vw,132px)!important}
}
@media(max-width:1023px){
 .industry-section.section-shell{width:calc(100% - 16px)!important;max-width:none!important;height:auto!important;min-height:0!important;margin-inline:8px!important;background:#fafafa!important;overflow:hidden!important}
 .industry-layout{height:auto!important;padding:44px var(--industry-gutter,40px)!important;gap:44px!important}
 .industry-head{height:auto!important;justify-content:center!important}
 .industry-head h2{width:100%!important;font-size:24px!important;line-height:1.65!important;letter-spacing:-.6px!important;text-align:center!important}
 .industry-controls{display:none!important}
 .industry-gallery{width:calc(100% + (var(--industry-gutter,40px) * 2))!important;height:508px!important;margin:-44px calc(var(--industry-gutter,40px) * -1)!important;padding:44px var(--industry-gutter,40px)!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
 .industry-gallery::-webkit-scrollbar{display:none!important}
 .industry-card,.industry-card.active{box-sizing:border-box!important;flex:0 0 min(calc(100vw - 48px),540px)!important;width:min(calc(100vw - 48px),540px)!important;height:420px!important;margin:0!important;border:1px solid #e4e4e7!important;scroll-snap-align:start!important}
 .industry-card>img{inset:1px!important;width:calc(100% - 2px)!important;height:calc(100% - 2px)!important}
 .industry-dark,.industry-tint,.industry-grain{inset:1px!important}
 .industry-blur{left:1px!important;right:1px!important;bottom:1px!important;height:95px!important}
 .industry-card-caption{left:24px!important;right:24px!important;bottom:40px!important}
 .industry-card-caption a{font-size:24px!important;line-height:30px!important}
}
@media(max-width:639px){
 .industry-layout{--industry-gutter:16px;padding-top:44px!important;padding-bottom:44px!important}
 .industry-head h2{font-size:22px!important;letter-spacing:-.55px!important}
}
/* Industry precision corrections */
.industry-controls{margin:0!important}
.industry-copy,.industry-tabs{display:none!important;visibility:hidden!important}
.industry-gallery{flex-shrink:0!important;width:calc(100% + clamp(23.2px,calc(10.99px + 1.196vw),30.76px))!important;margin-left:clamp(-31.72px,calc(-17.3px - .872vw),-26.23px)!important}
.industry-card,.industry-card.active{flex:0 0 clamp(109.781px,calc(73.77px + 3.517vw),131.891px)!important;height:558px!important;margin-top:1px!important}
.industry-card.active{flex-grow:1!important}
.industry-card>img{inset:auto!important;max-width:none!important}
.industry-card.active>img{left:0!important;top:-17.9px!important;width:104.78%!important;height:110%!important}
.industry-card:nth-child(2)>img{left:-2%!important;top:-3.16px!important;width:104%!important;height:104%!important}
.industry-card:nth-child(3)>img{left:-4%!important;top:-36.32px!important;width:108%!important;height:108%!important}
.industry-card:nth-child(4)>img{left:-2%!important;top:-1.16px!important;width:104%!important;height:104%!important}
.industry-card-caption{left:32px!important;bottom:32px!important}
.industry-card.active .industry-card-caption{left:64px!important}
@media(max-width:1023px){
 .industry-gallery{width:calc(100% + (var(--industry-gutter,40px) * 2))!important;margin:-44px calc(var(--industry-gutter,40px) * -1)!important}
 .industry-card,.industry-card.active{flex:0 0 min(calc(100vw - 48px),540px)!important;width:min(calc(100vw - 48px),540px)!important;height:420px!important;margin:0!important;transform:translateX(-16px)!important}
 .industry-card>img,.industry-card.active>img,.industry-card:nth-child(2)>img,.industry-card:nth-child(3)>img,.industry-card:nth-child(4)>img{left:0!important;top:0!important;width:100%!important;height:100%!important}
 .industry-dark,.industry-tint,.industry-grain{inset:0!important}
 .industry-blur{left:0!important;right:0!important;bottom:0!important}
 .industry-card-caption,.industry-card.active .industry-card-caption{left:24px!important;bottom:24px!important}
}
@media(max-width:639px){.industry-card,.industry-card.active{transform:translateX(-10px)!important}}
@media(min-width:1024px){
 .industry-card.active{margin-right:clamp(25.21px,calc(16.29px + .871vw),30.69px)!important}
 .industry-card:not(.active):nth-child(2)>img{left:-2%!important;top:-3.16px!important;width:104%!important;height:104%!important}
 .industry-card:not(.active):nth-child(3)>img{left:-4%!important;top:-36.32px!important;width:108%!important;height:108%!important}
 .industry-card:not(.active):nth-child(4)>img{left:-2%!important;top:-1.16px!important;width:104%!important;height:104%!important}
 .industry-card.active>img{left:0!important;top:-17.9px!important;width:109.63%!important;height:110%!important}
}
@media(min-width:1024px){
 .industry-card.active{margin-right:0!important}
 .industry-card:not(.active){transform:translateX(clamp(25.21px,calc(16.29px + .871vw),30.69px))!important}
}
@media(min-width:1024px){.industry-card.active>img{width:109.665%!important}}
@media(max-width:1023px){
 .industry-gallery{max-width:none!important}
 .industry-card,.industry-card.active{transform:none!important}
}
@media(min-width:1024px){
 .industry-card:nth-child(1)>img{left:0!important;top:-17.9px!important;width:109.665%!important;height:110%!important}
 .industry-card:nth-child(2)>img{left:-2%!important;top:-3.16px!important;width:104%!important;height:104%!important}
 .industry-card:nth-child(3)>img{left:-4%!important;top:-36.32px!important;width:108%!important;height:108%!important}
 .industry-card:nth-child(4)>img{left:-2%!important;top:-1.16px!important;width:104%!important;height:104%!important}
}
.industry-card-caption a{display:inline-flex!important;width:max-content!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.industry-card-caption a svg{width:24px!important;height:24px!important;flex:0 0 24px!important;display:block!important}
@media(min-width:1024px){.industry-card.active .industry-card-caption{left:clamp(59.22px,calc(50.28px + .873vw),64.72px)!important}}
@media(min-width:1024px) and (max-width:1199px){.industry-card:nth-child(1)>img{width:109.599%!important}}
.industry-head .industry-controls button{font:16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
/* Final industry alignment */
.industry-card-caption{bottom:28px!important}
@media(max-width:1023px){.industry-card-caption,.industry-card.active .industry-card-caption{bottom:20px!important}}
@media(min-width:1024px) and (max-width:1199px){.industry-card:nth-child(1)>img{width:109.6004%!important}}

/* Built for your industry — final desktop rail geometry */
@media(min-width:1024px){
  .industry-gallery{
    width:100%!important;
    height:560px!important;
    margin:0!important;
    gap:20px!important;
    overflow:visible!important;
  }
  .industry-card,
  .industry-card.active{
    box-sizing:border-box!important;
    flex:0 0 clamp(111.781px,calc(75.77px + 3.517vw),133.891px)!important;
    height:560px!important;
    margin:0!important;
    border:1px solid #e4e4e7!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .industry-card.active{flex-grow:1!important}
  .industry-card>img,
  .industry-card.active>img{
    left:1px!important;
    width:calc(100% - 2px)!important;
    height:558px!important;
    max-width:none!important;
    transform-origin:center center!important;
  }
  .industry-card:nth-child(1)>img{top:11px!important;transform:scale(1.1)!important}
  .industry-card:nth-child(1):not(.active)>img{top:-24px!important}
  .industry-card:nth-child(2)>img{top:9px!important;transform:scale(1.04)!important}
  .industry-card:nth-child(3)>img{top:-13px!important;transform:scale(1.08)!important}
  .industry-card:nth-child(4)>img{top:11px!important;transform:scale(1.04)!important}
  .industry-card-caption,
  .industry-card.active .industry-card-caption{left:33px!important;right:24px!important}
}

/* Built for your industry — exact live desktop behavior */
@media(min-width:1024px){
  .industry-section .industry-gallery{
    width:100%!important;
    height:560px!important;
    margin:0!important;
    gap:20px!important;
    overflow:visible!important;
  }
  .industry-section .industry-gallery>.industry-card{
    flex:128 1 0!important;
    width:auto!important;
    height:560px!important;
    margin:0!important;
    border:1px solid lab(90.6853 .399232 -1.45452)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .industry-section .industry-gallery>.industry-card.active{flex:635 1 0!important}
  .industry-section .industry-gallery>.industry-card>img{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    max-width:none!important;
  }
  .industry-section .industry-gallery>.industry-card:nth-child(1)>img{
    translate:0 -25px!important;
    scale:1.1!important;
    object-position:58% 50%!important;
  }
  .industry-section .industry-gallery>.industry-card:nth-child(1).active>img{
    translate:0 10px!important;
    object-position:62% 50%!important;
  }
  .industry-section .industry-gallery>.industry-card:nth-child(2)>img{
    translate:0 8px!important;
    scale:1.04!important;
    object-position:52% 50%!important;
  }
  .industry-section .industry-gallery>.industry-card:nth-child(3)>img{
    translate:0 -14px!important;
    scale:1.08!important;
    object-position:54% 50%!important;
  }
  .industry-section .industry-gallery>.industry-card:nth-child(4)>img{
    translate:0 10px!important;
    scale:1.04!important;
    object-position:56% 50%!important;
  }
  .industry-section .industry-card-caption,
  .industry-section .industry-card.active .industry-card-caption{
    left:32px!important;
    bottom:20px!important;
  }
  .industry-section .industry-card.active .industry-card-caption{bottom:32px!important}
}

/* Industry captions — exact live active/inactive state */
@media(min-width:1024px){
  .industry-section .industry-card-caption,
  .industry-section .industry-card.active .industry-card-caption{
    bottom:28px!important;
    opacity:0!important;
    transform:translateY(12px)!important;
    transition:opacity .62s cubic-bezier(.23,1,.32,1),transform .62s cubic-bezier(.23,1,.32,1)!important;
  }
  .industry-section .industry-card.active .industry-card-caption{
    opacity:1!important;
    transform:none!important;
  }
}

/* Industry visual layers — exact active/inactive behavior */
.industry-grain-wrap{position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;overflow:hidden!important}
.industry-grain{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:color-dodge!important;opacity:1!important;background:none!important;pointer-events:none!important}
@media(min-width:1024px){
  .industry-section .industry-card .industry-dark{opacity:1!important}
  .industry-section .industry-card .industry-tint,
  .industry-section .industry-card .industry-blur,
  .industry-section .industry-card .industry-grain-wrap{opacity:0!important}
  .industry-section .industry-card.active .industry-dark{opacity:0!important}
  .industry-section .industry-card.active .industry-tint,
  .industry-section .industry-card.active .industry-blur,
  .industry-section .industry-card.active .industry-grain-wrap{opacity:1!important}
}
@media(max-width:1023px){
  .industry-section .industry-card .industry-dark{opacity:0!important}
  .industry-section .industry-card .industry-tint,
  .industry-section .industry-card .industry-blur,
  .industry-section .industry-card .industry-grain-wrap{opacity:1!important}
}

/* Industry mobile final parity */
@media(max-width:1023px){
  .industry-section .industry-card:nth-child(1)>img{object-position:62% 50%!important}
  .industry-section .industry-card:nth-child(2)>img{object-position:52% 50%!important}
  .industry-section .industry-card:nth-child(3)>img{object-position:54% 50%!important}
  .industry-section .industry-card:nth-child(4)>img{object-position:56% 50%!important}
  .industry-section .industry-card-caption a svg{width:20px!important;height:20px!important;flex-basis:20px!important}
}
@media(max-width:1023px){.industry-section .industry-card-caption,.industry-section .industry-card.active .industry-card-caption{bottom:22px!important}}

/* Decachat is at work — exact live parity pass 2026-11-02 */
@font-face{font-family:WorkMono;src:url('../assets/fonts/GeistMono_Variable.3x-_q69-5-na5.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:scope.section-shell{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;height:801.296875px!important;min-height:0!important;margin-inline:auto!important;padding:96px 0!important;border-left:1px solid #e4e4e7!important;border-right:1px solid #e4e4e7!important;background:#fafafa!important;overflow:visible!important}
:scope .work-layout{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:row!important;width:calc(100% - 2px)!important;max-width:1024px!important;height:609.296875px!important;min-height:0!important;margin:0 auto!important;padding:0 16px 0 48px!important;gap:80px!important;overflow:visible!important}
:scope .work-copy{box-sizing:border-box!important;position:relative!important;z-index:2!important;display:flex!important;flex:0 0 336px!important;width:336px!important;height:100%!important;flex-direction:column!important;justify-content:space-between!important;gap:40px!important;padding:48px 0!important;margin:0!important}
:scope .work-intro h2{margin:0!important;padding:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:52.8px!important;letter-spacing:-.8px!important;color:lab(2.51107 .242703 -.886115)!important}
:scope .work-intro p{margin:16px 0 0!important;padding:0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:32px!important;letter-spacing:normal!important;color:lab(47.8878 1.65477 -5.77283)!important}
:scope .impact-metrics{display:flex!important;flex-direction:column!important;gap:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
:scope .impact-metric{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;width:100%!important;height:73.5px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
:scope .impact-metric>span{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:24px!important;color:lab(35.1166 1.78212 -6.1173)!important}
:scope .impact-metric>strong{box-sizing:border-box!important;display:block!important;width:197.984375px!important;min-width:197.984375px!important;height:41.5px!important;margin:0!important;padding:7px 0!important;font-family:WorkMono,monospace!important;font-size:30px!important;font-weight:600!important;line-height:25.5px!important;letter-spacing:normal!important;color:lab(44.0605 29.0279 -86.0352)!important;font-variant-numeric:tabular-nums!important;text-align:right!important}
:scope .impact-time>span{display:flex!important;align-items:center!important;gap:6px!important}
:scope .metric-info{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:lab(66.128 0 0)!important;cursor:pointer!important}
:scope .metric-info svg{display:block!important;width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:scope .impact-metric>p{display:none!important}
:scope .work-visual{box-sizing:border-box!important;position:relative!important;display:block!important;flex:1 1 auto!important;min-width:0!important;height:762.890625px!important;min-height:0!important;margin:-76.796875px!important;overflow:visible!important}
:scope .work-visual picture,:scope .work-visual img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:fill!important}
@media(min-width:1024px) and (max-width:1199px){
 :scope.section-shell{width:calc(100% - 32px)!important;max-width:none!important;height:791.390625px!important}
 :scope .work-layout{height:599.390625px!important;padding-left:48px!important;padding-right:16px!important;gap:80px!important}
 :scope .work-copy{flex-basis:336px!important;width:336px!important}
 :scope .work-intro h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}
 :scope .work-visual{height:747.546875px!important;margin:-74.078125px!important}
}
@media(min-width:768px) and (max-width:1023px){
 :scope.section-shell{width:calc(100% - 48px)!important;max-width:none!important;height:820.09375px!important}
 :scope .work-layout{height:628.09375px!important;padding-left:32px!important;padding-right:16px!important;gap:40px!important}
 :scope .work-copy{flex-basis:320px!important;width:320px!important}
 :scope .work-intro h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}
 :scope .work-visual{height:735.28125px!important;margin:-53.59375px!important}
}
@media(max-width:767px){
 :scope.section-shell{width:calc(100% - 48px)!important;max-width:none!important;height:616.796875px!important;margin-inline:24px!important;padding:64px 0!important}
 :scope .work-layout{display:flex!important;flex-direction:column!important;width:calc(100% - 2px)!important;height:488.796875px!important;min-height:0!important;margin:0 auto!important;padding:0 16px!important;gap:0!important}
 :scope .work-copy{display:flex!important;flex:1 1 auto!important;width:100%!important;height:100%!important;max-width:none!important;flex-direction:column!important;justify-content:space-between!important;gap:48px!important;padding:0!important}
 :scope .work-intro h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}
 :scope .work-intro p{font-size:16px!important;line-height:28px!important}
 :scope .impact-metrics{gap:28px!important}
 :scope .impact-metric{height:73.5px!important}
 :scope .work-visual{display:none!important}
}
/* Work section final geometry corrections */
:scope .work-layout{overflow:visible!important}
:scope .work-visual{position:absolute!important;left:387.203125px!important;top:-76.796875px!important;width:697.59375px!important;height:762.890625px!important;margin:0!important;flex:none!important}
@media(min-width:1024px) and (max-width:1199px){
 :scope .work-copy{transform:translateX(-1px)!important}
 :scope .work-visual{left:389.921875px!important;top:-74.078125px!important;width:658.15625px!important;height:747.546875px!important}
 :scope .impact-metric>strong{width:198.03125px!important;min-width:198.03125px!important}
}
@media(min-width:768px) and (max-width:1023px){
 :scope .work-copy{transform:translateX(-1px)!important}
 :scope .work-visual{left:338.40625px!important;top:-53.59375px!important;width:417.1875px!important;height:735.28125px!important}
 :scope .impact-metric>strong{width:198.03125px!important;min-width:198.03125px!important}
}
@media(max-width:767px){
 :scope .work-copy{transform:translateX(-1px)!important;width:calc(100% + 2px)!important}
 :scope .impact-metric>strong{width:198.03125px!important;min-width:198.03125px!important}
}
/* Work section sub-pixel lock */
:scope .impact-metric>strong{width:197.984375px!important;min-width:197.984375px!important}
:scope .work-intro h2{line-height:1.65!important}

/* Decachat is at work — interactive Globe.GL visual (MIT, vendored locally). */
:scope .work-visual{overflow:hidden!important;isolation:isolate!important}
:scope .work-globe-stage{position:absolute;inset:0;overflow:hidden;pointer-events:auto}
:scope .work-globe-halo{position:absolute;left:50%;top:46%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.16) 0%,rgba(99,102,241,.07) 36%,rgba(255,255,255,0) 70%);filter:blur(16px);pointer-events:none}
:scope .work-globe{position:absolute;left:50%;top:32px;width:min(94%,656px);aspect-ratio:1;transform:translateX(-50%);cursor:grab;filter:drop-shadow(0 22px 42px rgba(37,99,235,.12))}
:scope .work-globe:active{cursor:grabbing}
:scope .work-globe canvas{display:block!important;width:100%!important;height:100%!important;outline:0}
:scope .work-globe-orbit{position:absolute;left:50%;top:32px;width:min(94%,656px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(148,163,184,.16);pointer-events:none}
:scope .work-globe-orbit-a{transform:translateX(-50%) rotate(-17deg) scaleY(.31)}
:scope .work-globe-orbit-b{transform:translateX(-50%) rotate(34deg) scaleY(.23);border-color:rgba(59,130,246,.14)}
@media(min-width:900px) and (max-width:1199px){
 :scope .work-globe{top:50px;width:94%}
 :scope .work-globe-orbit{top:50px;width:94%}
 :scope .work-globe-halo{top:48%}
}
@media(min-width:768px) and (max-width:899px){
 :scope .work-globe{top:164px;width:94%}
 :scope .work-globe-orbit{top:164px;width:94%}
 :scope .work-globe-halo{top:50%;width:96%}
}
@media(max-width:767px){:scope .work-globe-stage{display:none!important}}
@media(prefers-reduced-motion:reduce){:scope .work-globe{cursor:default}}

/* Decachat is at work — source-like dotted globe + activity stream */
:scope .work-globe-stage{position:absolute;inset:0;overflow:hidden!important;pointer-events:auto}
:scope .work-globe{position:absolute!important;left:20.93px!important;top:32.13px!important;width:655.738px!important;height:655.738px!important;transform:none!important;filter:none!important;cursor:grab;z-index:1}
:scope .work-globe:active{cursor:grabbing}
:scope .work-globe canvas{display:block!important;width:100%!important;height:100%!important;outline:0}
:scope .work-globe-warmth{position:absolute;left:20px;top:28px;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle at 23% 28%,rgba(251,231,202,.18) 0 6%,rgba(251,231,202,.07) 20%,rgba(255,255,255,0) 58%);filter:blur(8px);pointer-events:none;z-index:0}
:scope .work-activity-stack{position:absolute;z-index:4;left:412px;top:111px;width:240px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
:scope .work-activity-card{box-sizing:border-box;width:240px;padding:10px;border:1px solid #dedede;border-radius:11px;background:rgba(252,252,252,.94);box-shadow:0 1px 2px rgba(24,24,27,.025);font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;color:#3f3f46}
:scope .work-activity-title{display:flex;align-items:center;gap:7px;height:22px;padding:0 1px 7px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}
:scope .work-activity-symbol{width:13px;display:inline-grid;place-items:center;color:#52525b;font-size:12px}
:scope .work-activity-row{box-sizing:border-box;min-height:50px;margin-top:7px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:1px solid #dedede;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(24,24,27,.035);font-size:11px;font-weight:500;line-height:16px;color:#3f3f46}
:scope .work-activity-row img{display:block;width:14px;height:14px;flex:0 0 14px;object-fit:contain}
:scope .work-activity-mini{width:14px;flex:0 0 14px;text-align:center;color:#71717a;font-size:12px}
:scope .work-activity-fade{position:absolute;z-index:5;left:388px;right:0;bottom:0;height:205px;background:linear-gradient(to bottom,rgba(250,250,250,0),#fafafa 83%);pointer-events:none}
@media(max-width:1199px) and (min-width:1024px){
 :scope .work-globe{left:19.745px!important;top:50.667px!important;width:618.667px!important;height:618.667px!important}
 :scope .work-globe-warmth{left:18px;top:48px;width:622px;height:622px}
 :scope .work-activity-stack{left:365px;top:125px;width:224px;transform:scale(.92);transform-origin:top left}
 :scope .work-activity-fade{left:346px;height:190px}
}
@media(max-width:1023px) and (min-width:768px){
 :scope .work-globe{left:12.516px!important;top:163.922px!important;width:392.156px!important;height:392.156px!important}
 :scope .work-globe-warmth{left:11px;top:161px;width:396px;height:396px}
 :scope .work-activity-stack{left:238px;top:120px;width:210px;transform:scale(.72);transform-origin:top left}
 :scope .work-activity-fade{left:226px;height:185px}
}
@media(max-width:767px){:scope .work-globe-stage{display:none!important}}

/* final source-fidelity fixes for work activity cards */
:scope .work-activity-row img{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex:0 0 14px!important;object-fit:contain!important}
:scope .work-activity-card{overflow:hidden}
:scope .work-activity-row{max-height:58px;overflow:hidden}
:scope .work-activity-icon{display:block;width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#52525b;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1023px) and (min-width:768px){
 :scope .work-activity-stack{left:132px!important;top:120px!important;width:240px!important;transform:none!important}
 :scope .work-activity-card{width:240px!important}
 :scope .work-activity-fade{left:120px!important;height:185px!important}
}

/* Work section interaction + continent fidelity finalization */
:scope .work-activity-stack{pointer-events:auto!important}
:scope .work-activity-card{appearance:none;-webkit-appearance:none;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
:scope .work-activity-card:hover{transform:translateX(-3px);border-color:#cbd5e1;background:rgba(255,255,255,.98);box-shadow:0 5px 18px rgba(15,23,42,.07)}
:scope .work-activity-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
:scope .work-activity-card.is-active{border-color:#b8c9eb;background:#fff;box-shadow:0 7px 24px rgba(37,99,235,.10)}
:scope .work-activity-card.is-active .work-activity-title{color:#1d4ed8}
:scope .work-activity-card.is-active .work-activity-icon{stroke:#2563eb}
:scope .work-activity-card:active{transform:translateX(-3px) scale(.992)}
@media(prefers-reduced-motion:reduce){:scope .work-activity-card{transition:none!important}}

/* Work metric info popover */
:scope .impact-time{position:relative!important}
:scope .impact-time>p.work-info-popover{position:absolute!important;z-index:12!important;left:0!important;top:34px!important;width:285px!important;margin:0!important;padding:10px 12px!important;display:block!important;border:1px solid #e4e4e7!important;border-radius:9px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;color:#52525b!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:12px!important;line-height:18px!important}
:scope .impact-time>p.work-info-popover[hidden]{display:none!important}

/* Homepage grid + palette parity — source rails and Why showcase. */
:root{--mu-grid-border:rgba(228,228,231,.8);--mu-blue:#145dee;--mu-neutral:#fafafa;--mu-text:#09090b;--mu-muted:#71717a}

/* Source grid rail: 1200 desktop, full at 1024, 8px gutters below. */
.roles-section.section-shell,.help-section.section-shell,.advantages-section.section-shell{
 box-sizing:border-box!important;position:relative!important;width:min(1200px,100%)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;border-left:1px solid var(--mu-grid-border)!important;border-right:1px solid var(--mu-grid-border)!important;background:#fff!important;
}
@media(max-width:1199px) and (min-width:800px){
 .roles-section.section-shell,.help-section.section-shell,.advantages-section.section-shell{width:100%!important;max-width:none!important;margin-inline:0!important}
}
@media(max-width:799px){
 .roles-section.section-shell,.help-section.section-shell,.advantages-section.section-shell{width:calc(100% - 16px)!important;max-width:none!important;margin-inline:8px!important}
}
/* Keep the lower neutral grid subtle like the source rather than solid/dark. */
.industry-section.section-shell{border-left-color:var(--mu-grid-border)!important;border-right-color:var(--mu-grid-border)!important}
:scope.section-shell{border-left-color:#e5e5e5!important;border-right-color:#e5e5e5!important}
.lifecycle-stories{border-left-color:var(--mu-grid-border)!important;border-right-color:var(--mu-grid-border)!important}

/* Why showcase: current live source geometry and palette. */
.why-section#feature-showcase{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:112px 0!important;background:#fff!important;border:0!important;color:var(--mu-text)!important;
}
.why-section .why-inner{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;margin:0 auto!important;padding:0 40px!important}
.why-section .showcase-heading{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:104.390625px!important;margin:0 0 56px!important;text-align:center!important;opacity:1!important;transform:none!important;transition:none!important}
.why-section .showcase-heading h2{margin:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:52.8px!important;letter-spacing:-.8px!important;color:lab(2.51107 .242703 -.886115)!important}
.why-section .showcase-heading p{margin:12px auto 0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:24px!important;font-weight:700!important;line-height:39.6px!important;letter-spacing:normal!important;color:var(--mu-blue)!important}
.why-section .feature-showcase-stack{display:flex!important;flex-direction:column!important;gap:32px!important;width:100%!important}
.why-section .feature-showcase-card{
 box-sizing:border-box!important;position:relative!important;top:auto!important;width:100%!important;height:380px!important;min-height:380px!important;grid-template-columns:.8fr 1.2fr!important;grid-template-rows:1fr!important;margin:0!important;border:1px solid rgba(9,20,40,.08)!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important;opacity:1!important;transform:none!important;transition:none!important;
}
.why-section .showcase-without,.why-section .showcase-with{box-sizing:border-box!important;height:378px!important;padding:32px!important}
.why-section .showcase-without{background:color-mix(in srgb,var(--card-accent) 6%,white)!important}
.why-section .showcase-with{background:var(--card-accent)!important;color:#fff!important}
.why-section .why-bottom{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;height:380px!important;min-height:380px!important;margin:32px 0 0!important;padding:40px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border:1px solid rgba(9,20,40,.08)!important;border-radius:24px!important;background:var(--mu-blue)!important;color:#fff!important;text-align:center!important;
}
.why-section .why-bottom h3{width:100%!important;max-width:896px!important;margin:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:44px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:normal!important;color:#fff!important;text-wrap:balance}
.why-section .why-bottom p{max-width:576px!important;margin:12px 0 0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:32.4px!important;color:rgba(255,255,255,.95)!important}
.why-section .why-bottom a{box-sizing:border-box!important;display:inline-flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:28px 0 0!important;padding:12px 28px!important;border:1px solid #fff!important;border-radius:12px!important;background:#fff!important;color:var(--mu-blue)!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:24px!important;text-decoration:none!important;white-space:nowrap!important}

@media(max-width:880px){
 .why-section#feature-showcase{padding:64px 0!important}
 .why-section .why-inner{padding:0 16px!important}
 .why-section .showcase-heading{height:auto!important;margin-bottom:32px!important}
 .why-section .showcase-heading h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}
 .why-section .showcase-heading p{margin-top:8px!important;font-size:20px!important;line-height:33px!important}
 .why-section .feature-showcase-stack{gap:24px!important}
 .why-section .feature-showcase-card{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
 .why-section .showcase-without,.why-section .showcase-with{height:auto!important}
 .why-section .why-bottom{height:auto!important;min-height:320px!important;margin-top:24px!important;padding:32px 24px!important}
 .why-section .why-bottom h3{font-size:32px!important}
}
@media(max-width:560px){
 .why-section#feature-showcase{padding:52px 0!important}
 .why-section .why-inner{padding:0 16px!important}
 .why-section .showcase-heading h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}
 .why-section .showcase-heading p{font-size:18px!important;line-height:29.7px!important}
 .why-section .feature-showcase-stack{gap:16px!important}
 .why-section .why-bottom{min-height:280px!important;padding:28px 18px!important}
 .why-section .why-bottom h3{font-size:27px!important;line-height:1.5!important}
 .why-section .why-bottom p{font-size:16px!important;line-height:28px!important}
}

/* Match source root clipping: prevent wide decorative/carousel tracks from widening the page grid. */
html,body{max-width:100%;overflow-x:clip}
main{overflow-x:clip}

/* Source keeps these sections readable at rest; avoid empty grid rails before intersection. */
.motion-reveal,.motion-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}

/* Final CTA palette/controls — remove local-only colored rings. */
.final-cta.section-shell{background:#fafafa!important;color:#09090b!important}
.final-cta .cta-decoration{display:none!important}
.final-cta h2{color:#09090b!important}
.final-cta p{color:#52525b!important}
.final-cta .hero-actions{gap:12px!important}
.final-cta .button{box-sizing:border-box!important;min-height:48px!important;height:48px!important;padding:12px 20px!important;gap:8px!important;border-radius:8px!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;white-space:nowrap!important}
.final-cta .button-light{background:#09090b!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
.final-cta .button-glass{background:#fff!important;color:#09090b!important;border:1px solid #e4e4e7!important}
.final-cta-note{color:#71717a!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:14px!important;line-height:20px!important}

/* Decachat hero — exact live geometry, source structure, 2026-11-02 */
.hero.section-shell{
  box-sizing:border-box!important;width:min(1120px,calc(100% - 80px))!important;max-width:1120px!important;
  min-height:0!important;margin:40px auto!important;padding:0!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr auto auto 1fr!important;
  column-gap:32px!important;row-gap:0!important;align-items:stretch!important;text-align:left!important;
  font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;
}
.hero .hero-intro{grid-column:1!important;grid-row:2!important;display:flex!important;width:100%!important;max-width:672px!important;flex-direction:column!important;align-items:flex-start!important;margin:0!important;padding:0!important}
.hero h1{box-sizing:border-box!important;width:91.666667%!important;max-width:none!important;margin:0 0 32px!important;padding:0!important;font-family:pinar,"pinar Fallback",sans-serif!important;font-size:38px!important;font-weight:800!important;line-height:1.7!important;letter-spacing:-.95px!important;color:lab(8.11897 .811279 -12.254)!important;text-align:left!important;overflow-wrap:normal!important}
.hero .hero-lead{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:28px!important;letter-spacing:normal!important;color:lab(35.6337 -1.58697 -10.8425)!important;text-align:left!important}
.hero .hero-lead strong{font-weight:700!important;color:inherit!important}
.hero .hero-visual{grid-column:2!important;grid-row:1 / span 4!important;align-self:center!important;justify-self:stretch!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
.hero .hero-video-frame{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:24px!important;background:lab(96.1634 .0993311 -.364041)!important;box-shadow:none!important}
.hero .hero-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;cursor:pointer!important;border-radius:0!important}
.hero .hero-social{grid-column:1!important;grid-row:3!important;display:flex!important;width:100%!important;max-width:672px!important;flex-direction:column!important;align-items:flex-start!important;margin:0!important;padding:0!important}
.hero .hero-rating{display:flex!important;width:439.984375px!important;max-width:100%!important;flex-direction:column!important;gap:4px!important;margin:40px 0 0!important;padding:0!important;color:#000!important;font:400 16px/26px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
.hero .hero-stars{display:flex!important;width:120px!important;height:24px!important;align-items:center!important;gap:0!important;color:#facc15!important}
.hero .hero-stars svg{display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important}
.hero .hero-chosen{height:26px!important;margin:0!important;padding:0!important;color:#000!important;font:400 16px/26px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
.hero .hero-chosen b{font-weight:600!important}
.hero .hero-benefits{display:block!important;width:100%!important;max-width:none!important;margin:8px 0 0!important;padding:0!important;list-style:none!important;color:lab(47.7841 -.393182 -10.0268)!important;font:400 14px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
.hero .hero-benefits li{display:flex!important;min-height:24px!important;align-items:flex-start!important;gap:8px!important;margin:0 0 4px!important;padding:0!important;border:0!important;color:inherit!important}
.hero .hero-benefits li:last-child{margin-bottom:0!important}
.hero .hero-benefits li svg{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;margin-top:4px!important;fill:none!important;stroke:#145dee!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.hero .hero-benefits li span{display:block!important;font:inherit!important;color:inherit!important}
.hero .hero-actions{display:flex!important;width:auto!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:20px 0 0!important;padding:0!important;flex-wrap:nowrap!important}
.hero .hero-actions .button:first-child{box-sizing:border-box!important;width:auto!important;min-width:237.140625px!important;height:48px!important;min-height:48px!important;padding:8px 20px!important;border:0!important;border-radius:12px!important;background:#145dee!important;color:lab(98.26 0 0)!important;box-shadow:none!important;font:500 14px/20px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;transform:none!important;white-space:nowrap!important}
.hero .hero-actions .button-outline{display:none!important}
.hero .video-controls{position:absolute!important;z-index:3;left:16px!important;bottom:16px!important;display:flex!important;align-items:flex-end!important;gap:12px!important;margin:0!important;opacity:1;transition:opacity .2s ease}
.hero .video-play{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;width:48px!important;height:48px!important;place-items:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(0,0,0,.4)!important;box-shadow:none!important}
.hero .video-play:hover{transform:none!important;background:rgba(0,0,0,.55)!important}
.hero .play-icon{width:0!important;height:0!important;margin-left:3px!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:11px solid #fff!important}
.hero .video-replay{position:relative!important;inset:auto!important;display:grid!important;width:36px!important;height:36px!important;place-items:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(0,0,0,.4)!important;color:#fff!important;box-shadow:none!important;font:400 18px/1 sans-serif!important}
@media(hover:hover) and (pointer:fine){.hero .video-controls{pointer-events:none!important;opacity:0}.hero .hero-video-frame:hover .video-controls,.hero .hero-video-frame:focus-within .video-controls{pointer-events:auto!important;opacity:1}}
@media(min-width:1280px){.hero .hero-lead{width:75%!important}}
@media(max-width:991px){
  .hero.section-shell{width:calc(100% - 96px)!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:32px!important;margin:40px auto!important}
  .hero .hero-intro,.hero .hero-visual,.hero .hero-social{grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important}
  .hero .hero-intro{align-items:center!important}
  .hero h1{width:91.666667%!important;margin-bottom:32px!important;font-size:38px!important;line-height:1.7!important;letter-spacing:-.95px!important;text-align:left!important}
  .hero .hero-lead{width:100%!important;text-align:left!important}
  .hero .hero-social{align-items:center!important}
  .hero .hero-rating{margin-top:0!important}
  .hero .hero-actions{justify-content:center!important}
}
@media(max-width:639px){
  .hero.section-shell{width:calc(100% - 48px)!important;gap:32px!important;margin:40px auto!important}
  .hero h1{width:91.666667%!important;font-size:24px!important;line-height:1.7!important;letter-spacing:-.6px!important}
  .hero .hero-rating{width:100%!important}
  .hero .hero-video-frame{border-radius:24px!important}
}
/* Decachat hero micro-lock */
.hero .hero-rating{gap:0!important}
.hero .hero-chosen{margin-top:4px!important}
.hero .hero-actions .button:first-child{width:237.140625px!important;min-width:237.140625px!important;max-width:237.140625px!important;letter-spacing:-.35px!important;overflow:hidden!important}
.footer-exact-logo>img{display:block;width:176px;height:auto}
@media(max-width:767px){.footer-exact-logo>img{width:160px}}
/* Hero controls match live paused/initial state */
.hero .video-controls{pointer-events:auto!important;opacity:1!important}

/* Why Decachat — restore source-like sticky card stacking independently of global reveal. */
@media (min-width:881px){
  .why-section .feature-showcase-stack{position:relative!important;overflow:visible!important}
  .why-section .feature-showcase-card{
    position:sticky!important;
    top:calc(254px + (var(--card-index) * 16px))!important;
    z-index:calc(20 + var(--card-index))!important;
    transform-origin:top center!important;
    will-change:transform!important;
    transition:transform 250ms linear!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .why-section .feature-showcase-card{transition:none!important;will-change:auto!important}
}
@media (min-width:881px){
  .why-section .feature-showcase-card{
    transform:scale(var(--stack-scale,1))!important;
    margin-bottom:var(--stack-space,0px)!important;
  }
}


/* ===== FINAL homepage parity pass: trust / Why / reveal / advantages ===== */
.trust-strip.section-shell{box-sizing:border-box!important;display:block!important;width:min(1120px,calc(100% - 80px))!important;max-width:1120px!important;height:192px!important;min-height:192px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.trust-grid{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:16px!important;width:100%!important;height:192px!important;padding:40px 16px!important;opacity:1!important;transform:none!important;transition:opacity .5s,transform .5s!important}
.trust-slot{position:relative!important;display:block!important;height:48px!important;min-width:0!important;perspective:500px!important}
.trust-variant{position:absolute!important;inset:0!important;display:block!important;opacity:0!important;pointer-events:none!important;transition:opacity .5s ease var(--trust-delay,0ms)!important}
.trust-variant .trust-logo-inner{position:absolute!important;left:0!important;right:0!important;top:50%!important;height:var(--trust-logo-h,32px)!important;transform:translateY(-50%) rotateX(100deg)!important;transform-origin:center!important;transition:transform .5s ease var(--trust-delay,0ms)!important}
.trust-variant.is-current{opacity:1!important;pointer-events:auto!important}
.trust-variant.is-current .trust-logo-inner{transform:translateY(-50%) rotateX(0deg)!important}
.trust-variant img{position:absolute!important;inset:5% 0!important;display:block!important;width:100%!important;height:90%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:.9!important}
@media(max-width:1023px){.trust-strip.section-shell{width:calc(100% - 96px)!important;max-width:none!important}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trust-slot.trust-lg{display:none!important}}
@media(max-width:639px){.trust-strip.section-shell{width:calc(100% - 48px)!important}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trust-slot.trust-md,.trust-slot.trust-lg{display:none!important}}
@media(prefers-reduced-motion:reduce){.trust-variant,.trust-variant .trust-logo-inner{transition:none!important}}

.why-section#feature-showcase{position:relative!important;isolation:isolate!important;width:100%!important;max-width:none!important;margin:0!important;padding:112px 0!important;background:#fff!important;overflow:visible!important}
.why-section .why-backdrop{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:clip!important}
.why-section .why-backdrop>div{position:sticky!important;top:0!important;width:100%!important;height:100vh!important;background:#edf2ff!important}
.why-section .why-backdrop>div::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 42%,rgba(255,255,255,.35) 55%,#fff 100%)}
.why-section .why-inner{position:relative!important;z-index:1!important;width:min(1200px,100%)!important;max-width:1200px!important;margin:0 auto!important;padding:0 40px!important}
.why-section .showcase-heading{width:100%!important;max-width:none!important;height:104.390625px!important;margin:0 0 56px!important;text-align:center!important}
.why-section .showcase-heading h2{margin:0!important;font:700 32px/52.8px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.8px!important;color:#09090b!important}
.why-section .showcase-heading p{margin:12px auto 0!important;font:700 24px/39.6px pinar,"pinar Fallback",sans-serif!important;color:#145dee!important}
.why-section .feature-showcase-stack{position:relative!important;display:flex!important;flex-direction:column!important;gap:32px!important;width:100%!important;overflow:visible!important}
.why-section .feature-showcase-card{box-sizing:border-box!important;position:sticky!important;top:calc(254px + (var(--card-index) * 16px))!important;z-index:calc(20 + var(--card-index))!important;width:100%!important;height:380px!important;min-height:380px!important;margin:0!important;grid-template-columns:.8fr 1.2fr!important;grid-template-rows:1fr!important;border:1px solid rgba(9,20,40,.08)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 8px 32px -16px #18274230!important;transform:scale(var(--stack-scale,1))!important;transform-origin:top center!important;transition:transform 250ms linear!important;will-change:transform!important;overflow:hidden!important}
.why-section .showcase-without,.why-section .showcase-with{box-sizing:border-box!important;height:378px!important;padding:32px 40px!important}
.why-section .why-bottom{box-sizing:border-box!important;position:relative!important;width:100%!important;height:380px!important;min-height:380px!important;margin:0!important;padding:40px!important;border:1px solid rgba(9,20,40,.08)!important;border-radius:24px!important;background:#145dee!important;box-shadow:0 8px 32px -16px #18274230!important;color:#fff!important}
@media(min-width:881px) and (max-width:1199px){.why-section .showcase-heading{height:94.5px!important}.why-section .showcase-heading h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}}
@media(max-width:880px){.why-section#feature-showcase{width:calc(100% - 16px)!important;margin-inline:8px!important;padding:112px 0!important}.why-section .why-inner{width:100%!important;padding:0 40px!important}.why-section .showcase-heading{height:auto!important;margin-bottom:56px!important}.why-section .showcase-heading h2{font-size:24px!important;line-height:36px!important;letter-spacing:-.6px!important}.why-section .showcase-heading p{margin-top:8px!important;font-size:22px!important;line-height:36.3px!important}.why-section .feature-showcase-stack{gap:32px!important}.why-section .feature-showcase-card{position:relative!important;top:auto!important;z-index:auto!important;height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;transform:none!important;transition:none!important;will-change:auto!important}.why-section .showcase-without,.why-section .showcase-with{height:auto!important;min-height:0!important;padding:32px!important}.why-section .why-bottom{height:348px!important;min-height:348px!important;padding:32px!important}}
@media(max-width:639px){.why-section#feature-showcase{padding:60px 0!important}.why-section .why-inner{padding:0 16px!important}.why-section .showcase-heading{margin-bottom:32px!important}.why-section .showcase-heading h2{font-size:22px!important;line-height:33px!important;letter-spacing:-.55px!important}.why-section .showcase-heading p{font-size:20px!important;line-height:33px!important}.why-section .feature-showcase-stack{gap:24px!important}.why-section .feature-showcase-card{border-radius:24px!important}.why-section .showcase-without,.why-section .showcase-with{padding:16px 20px!important}.why-section .why-bottom{height:348px!important;min-height:348px!important;padding:28px 20px!important}.why-section .why-bottom h3{font-size:27px!important;line-height:1.5!important}}
@media(prefers-reduced-motion:reduce){.why-section .feature-showcase-card{transition:none!important;will-change:auto!important}}

/* Restore the source reveal system. */
.motion-reveal{opacity:0!important;transform:translateY(18px)!important;transition:opacity .5s ease var(--reveal-delay,0ms),transform .5s ease var(--reveal-delay,0ms)!important;will-change:opacity,transform!important}
.motion-reveal.is-visible{opacity:1!important;transform:none!important;will-change:auto!important}
@media(prefers-reduced-motion:reduce){.motion-reveal,.motion-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}}

/* Unlock the power: source 3-up / 1-up carousel geometry. */
.advantages-section.section-shell{box-sizing:border-box!important;position:relative!important;width:100%!important;max-width:none!important;height:990.1875px!important;margin:0!important;padding:40px 0!important;border:0!important;background:#fff!important;overflow:hidden!important}
.advantages-section.section-shell::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:min(1200px,100%);transform:translateX(-50%);border-left:1px solid rgba(228,228,231,.8);border-right:1px solid rgba(228,228,231,.8);pointer-events:none}
.advantages-section .section-heading{position:relative!important;z-index:1!important;width:100%!important;max-width:672px!important;margin:0 auto!important;text-align:center!important}
.advantages-section .section-heading h2{margin:0!important;color:#09090b!important;font:700 36px/59.4px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.9px!important}
.advantages-section .section-heading p{margin:0!important;color:#71717a!important;font:400 18px/28px estedad,"estedad Fallback",sans-serif!important}
.advantages-section .advantage-grid{box-sizing:border-box!important;position:relative!important;z-index:1!important;display:flex!important;width:min(1118px,calc(100% - 82px))!important;max-width:none!important;height:523.5px!important;margin:92px auto 0!important;padding:0!important;gap:0!important;overflow:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
.advantages-section .advantage-grid::-webkit-scrollbar{display:none!important}
.advantages-section .advantage-grid article{box-sizing:border-box!important;display:flex!important;flex:0 0 calc((100% + 32px)/3)!important;flex-direction:column!important;gap:16px!important;height:523.5px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start!important;overflow:visible!important}
.advantages-section .advantage-grid article:first-child{margin-left:-16px!important}
.advantages-section .advantage-grid img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:131/140!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}
.advantages-section .advantage-grid h3{margin:12px 0 0!important;color:#09090b!important;font:500 20px/32px estedad,"estedad Fallback",sans-serif!important;letter-spacing:.025em!important}
.advantages-section .advantage-grid p{margin:0!important;color:#52525b!important;font:400 14px/22px estedad,"estedad Fallback",sans-serif!important}
.advantages-section .advantage-carousel-controls{position:relative!important;z-index:2!important;width:min(1118px,calc(100% - 82px))!important;margin:36px auto 0!important}
@media(max-width:1199px) and (min-width:800px){.advantages-section.section-shell::before{width:100%!important}.advantages-section.section-shell{height:914.5px!important}.advantages-section .section-heading h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}.advantages-section .advantage-grid{width:calc(100% - 82px)!important;height:480.8px!important;margin-top:112px!important}.advantages-section .advantage-grid article{height:480.8px!important}.advantages-section .advantage-carousel-controls{width:calc(100% - 82px)!important;margin-top:32px!important}}
@media(max-width:799px){.advantages-section.section-shell{width:calc(100% - 16px)!important;height:851px!important;margin-inline:8px!important;padding:40px 0!important}.advantages-section.section-shell::before{width:100%!important}.advantages-section .section-heading h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}.advantages-section .section-heading p{font-size:16px!important;line-height:28px!important}.advantages-section .advantage-grid{width:calc(100% - 82px)!important;height:423.9px!important;margin-top:112px!important}.advantages-section .advantage-grid article{height:423.9px!important}.advantages-section .advantage-carousel-controls{width:calc(100% - 82px)!important;margin-top:32px!important}}
@media(max-width:639px){.advantages-section.section-shell{height:914.6875px!important}.advantages-section .section-heading{max-width:100%!important}.advantages-section .section-heading h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}.advantages-section .advantage-grid{width:calc(100% - 34px)!important;height:526.1px!important;margin-top:111px!important}.advantages-section .advantage-grid article{flex-basis:calc(100% + 32px)!important;height:526.1px!important}.advantages-section .advantage-carousel-controls{width:calc(100% - 34px)!important;margin-top:32px!important}}


/* ===== FINAL homepage parity pass: mobile Why / roles / help / work / CTA / wordmarks ===== */
@media(min-width:640px) and (max-width:880px){
 .why-section .feature-showcase-card:nth-child(1){height:393.6px!important}.why-section .feature-showcase-card:nth-child(1) .showcase-without{height:130px!important}.why-section .feature-showcase-card:nth-child(1) .showcase-with{height:261.6px!important}
 .why-section .feature-showcase-card:nth-child(2){height:358.4px!important}.why-section .feature-showcase-card:nth-child(2) .showcase-without{height:130px!important}.why-section .feature-showcase-card:nth-child(2) .showcase-with{height:226.4px!important}
 .why-section .feature-showcase-card:nth-child(3){height:360.6px!important}.why-section .feature-showcase-card:nth-child(3) .showcase-without{height:97px!important}.why-section .feature-showcase-card:nth-child(3) .showcase-with{height:261.6px!important}
 .why-section .feature-showcase-card:nth-child(4){height:364.8px!important}.why-section .feature-showcase-card:nth-child(4) .showcase-without{height:130px!important}.why-section .feature-showcase-card:nth-child(4) .showcase-with{height:232.8px!important}
 .why-section .feature-showcase-card:nth-child(5){height:393.6px!important}.why-section .feature-showcase-card:nth-child(5) .showcase-without{height:130px!important}.why-section .feature-showcase-card:nth-child(5) .showcase-with{height:261.6px!important}
 .why-section .feature-showcase-card:nth-child(6){height:360.6px!important}.why-section .feature-showcase-card:nth-child(6) .showcase-without{height:97px!important}.why-section .feature-showcase-card:nth-child(6) .showcase-with{height:261.6px!important}
}
@media(max-width:639px){
 .why-section .feature-showcase-card:nth-child(1){height:406.1px!important}.why-section .feature-showcase-card:nth-child(1) .showcase-without{height:121.1px!important}.why-section .feature-showcase-card:nth-child(1) .showcase-with{height:283px!important}
 .why-section .feature-showcase-card:nth-child(2){height:374.1px!important}.why-section .feature-showcase-card:nth-child(2) .showcase-without{height:121.1px!important}.why-section .feature-showcase-card:nth-child(2) .showcase-with{height:251px!important}
 .why-section .feature-showcase-card:nth-child(3){height:371.4px!important}.why-section .feature-showcase-card:nth-child(3) .showcase-without{height:91.4px!important}.why-section .feature-showcase-card:nth-child(3) .showcase-with{height:278px!important}
 .why-section .feature-showcase-card:nth-child(4){height:376.4px!important}.why-section .feature-showcase-card:nth-child(4) .showcase-without{height:91.4px!important}.why-section .feature-showcase-card:nth-child(4) .showcase-with{height:283px!important}
 .why-section .feature-showcase-card:nth-child(5){height:406.1px!important}.why-section .feature-showcase-card:nth-child(5) .showcase-without{height:121.1px!important}.why-section .feature-showcase-card:nth-child(5) .showcase-with{height:283px!important}
 .why-section .feature-showcase-card:nth-child(6){height:344.4px!important}.why-section .feature-showcase-card:nth-child(6) .showcase-without{height:91.4px!important}.why-section .feature-showcase-card:nth-child(6) .showcase-with{height:251px!important}
}

/* Exact carousel gap between heading block and slides is 68px at every tested breakpoint. */
.advantages-section .advantage-grid{margin-top:68px!important}
@media(max-width:1199px){.advantages-section .advantage-grid{margin-top:68px!important}}

.roles-section.section-shell{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;margin-inline:auto!important;padding:60px 40px!important;background:#fff!important;color:#09090b!important}
.roles-section .section-heading{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0 0 60px!important;padding:0!important;text-align:left!important}
.roles-section .section-heading h2{margin:0!important;color:#09090b!important;font:700 32px/52.8px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.8px!important}
.roles-section .section-heading h2 span{display:block!important;color:#71717a!important;font:inherit!important}
.roles-section .role-grid{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin:0!important}
.roles-section .role-card{box-sizing:border-box!important;display:flex!important;min-width:0!important;flex-direction:column!important;gap:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.roles-section .role-card-visual{display:block!important;width:100%!important;aspect-ratio:694/594!important;border-radius:24px!important}
.roles-section .role-card-copy{padding:0!important;gap:8px!important}.roles-section .role-card h3{margin:0!important;color:#27272a!important;font:500 20px/32px estedad,"estedad Fallback",sans-serif!important}.roles-section .role-card p{margin:0!important;color:#71717a!important;font:400 15px/26.25px estedad,"estedad Fallback",sans-serif!important}
@media(min-width:1200px){.roles-section .role-card{min-height:453.6px!important}}
@media(min-width:800px) and (max-width:1199px){.roles-section.section-shell{width:100%!important;max-width:none!important;padding:60px 40px!important}.roles-section .section-heading h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}.roles-section .role-card{min-height:403.3px!important}}
@media(min-width:640px) and (max-width:799px){.roles-section.section-shell{width:calc(100% - 16px)!important;margin-inline:8px!important;padding:44px 40px!important}.roles-section .section-heading{margin-bottom:44px!important}.roles-section .section-heading h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}.roles-section .role-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.roles-section .role-card{width:100%!important;height:198px!important;min-height:198px!important;flex-direction:row-reverse!important;align-items:center!important;gap:28px!important;padding:24px!important;border:1px solid #e4e4e7!important;border-radius:22px!important;background:#fff!important}.roles-section .role-card-visual{display:none!important}.roles-section .role-tablet-art{display:block!important;width:116px!important;height:132px!important;flex:0 0 116px!important;object-fit:contain!important}.roles-section .role-card-copy{flex:1!important}}
@media(max-width:639px){.roles-section.section-shell{width:calc(100% - 16px)!important;margin-inline:8px!important;padding:48px 16px!important}.roles-section .section-heading{margin-bottom:48px!important}.roles-section .section-heading h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}.roles-section .role-grid{display:flex!important;flex-direction:column!important;gap:24px!important}.roles-section .role-card{width:100%!important;min-height:0!important;flex-direction:column!important;gap:17px!important;padding:0!important;border:0!important;background:transparent!important}.roles-section .role-card-visual{display:block!important;width:100%!important;aspect-ratio:694/594!important}.roles-section .role-tablet-art{display:none!important}.roles-section .role-card h3{font-size:19px!important;line-height:30.4px!important}.roles-section .role-card p{font-size:14px!important;line-height:23.8px!important}}

.help-section.section-shell{box-sizing:border-box!important;width:min(1200px,100%)!important;max-width:1200px!important;height:658.6875px!important;margin-inline:auto!important;padding:80px 0!important;background:#fff!important;color:#09090b!important}
.help-section .section-heading{width:736px!important;max-width:calc(100% - 80px)!important;margin:0 auto 56px!important;padding:0!important;text-align:center!important}
.help-section .section-heading h2{margin:0 0 12px!important;color:#09090b!important;font:700 32px/52.8px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.8px!important}
.help-section .section-heading p{margin:0!important;color:#71717a!important;font:400 16px/28px estedad,"estedad Fallback",sans-serif!important}
@media(min-width:800px) and (max-width:1199px){.help-section.section-shell{width:100%!important;max-width:none!important;height:704.6875px!important}.help-section .section-heading h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}}
@media(min-width:640px) and (max-width:799px){.help-section.section-shell{width:calc(100% - 16px)!important;height:753.375px!important;margin-inline:8px!important;padding:64px 0!important}.help-section .section-heading{width:calc(100% - 80px)!important;max-width:none!important;margin-bottom:48px!important}.help-section .section-heading h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}.help-section .section-heading p{font-size:16px!important;line-height:28px!important}}
@media(max-width:639px){.help-section.section-shell{width:calc(100% - 16px)!important;height:698.125px!important;margin-inline:8px!important;padding:64px 0!important}.help-section .section-heading{width:calc(100% - 32px)!important;max-width:none!important;margin-bottom:48px!important}.help-section .section-heading h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}.help-section .section-heading p{font-size:16px!important;line-height:28px!important}}

/* Work copy/visual sits 18px lower in the live section. */
:scope .work-layout{transform:translateY(18px)!important}
@media(max-width:767px){:scope .work-layout{transform:translateY(18px)!important}}

/* Final CTA responsive source geometry and black footer transition. */
.final-cta.section-shell{position:relative!important;isolation:isolate!important;overflow:visible!important;height:567.625px!important;min-height:0!important;margin-bottom:0!important;background:#fafafa!important;border:1px solid #e4e4e7!important;border-radius:24px!important}
.final-cta.section-shell::after{content:"";position:absolute;z-index:-2;left:50%;bottom:-1px;width:100vw;height:50%;transform:translateX(-50%);background:#0a0a0a;pointer-events:none}
.final-cta .final-cta-content h2{color:#000!important;font:700 32px/52.8px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.8px!important}
@media(min-width:800px) and (max-width:1199px){.final-cta.section-shell{height:512.875px!important}.final-cta .final-cta-content h2{font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}}
@media(min-width:640px) and (max-width:799px){.final-cta.section-shell{height:477.625px!important}.final-cta .final-cta-content h2{font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}}
@media(max-width:639px){.final-cta.section-shell{width:100%!important;height:558.625px!important;margin-inline:0!important;border-left:0!important;border-right:0!important;border-radius:0!important}.final-cta.section-shell::after{display:none!important}.final-cta .final-cta-content h2{font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}}

/* Decachat wordmarks keep the source wordmark box geometry. */
.site-header .brand img{display:block!important;width:138px!important;height:37.59375px!important;object-fit:fill!important}
.footer-exact-logo>img{display:block!important;width:176px!important;height:48px!important;object-fit:fill!important}
.nav-trigger{color:#000!important}
@media(min-width:800px) and (max-width:1199px){.site-header .brand img{width:120.875px!important;height:33px!important}}
@media(max-width:767px){.site-header .brand img{width:138px!important;height:37.59375px!important}.footer-exact-logo>img{width:160px!important;height:43.625px!important}}

/* Mobile source stack activates after the Why section enters the viewport. */
@media(max-width:639px){
 .why-section .why-bottom{height:350px!important;min-height:350px!important}
 .why-section.mobile-stack-ready .feature-showcase-stack{gap:40px!important}
 .why-section.mobile-stack-ready .feature-showcase-card{position:sticky!important;top:calc(224px + (var(--card-index) * 16px))!important;z-index:calc(20 + var(--card-index))!important;height:407px!important;min-height:407px!important;grid-template-rows:auto 1fr!important;transform:scale(var(--stack-scale,1))!important;transform-origin:top center!important;transition:transform 250ms linear!important;will-change:transform!important}
 .why-section.mobile-stack-ready .feature-showcase-card .showcase-without{height:auto!important;min-height:0!important}
 .why-section.mobile-stack-ready .feature-showcase-card .showcase-with{height:auto!important;min-height:0!important}
 .why-section.mobile-stack-ready .why-bottom{position:sticky!important;top:320px!important;z-index:26!important;height:407px!important;min-height:407px!important;margin:0!important}
}
@media(min-width:640px) and (max-width:880px){.why-section .why-bottom{height:350px!important;min-height:350px!important}}

/* Current live Estedad wraps the featured customer quote one line tighter on phones. */
@media(max-width:639px){.stories-section .customer-story-grid .story-featured blockquote{font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}}
@media(max-width:1023px){.footer-exact-logo>img{width:160px!important;height:43.625px!important}}

/* Role-card typography from the live component. */
.roles-section .role-card h3{font-family:pinar,"pinar Fallback",sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:32px!important;letter-spacing:-.5px!important;color:#27272a!important}
.roles-section .role-card p{font-family:estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:28px!important;letter-spacing:normal!important;color:#71717a!important}
@media(max-width:639px){.roles-section .role-card{gap:24px!important}.roles-section .role-card h3{font-size:20px!important;line-height:32px!important}.roles-section .role-card p{font-size:15px!important;line-height:28px!important}}
/* Decachat is slightly longer than the reference brand; a 0.1px tracking compensation preserves the source five-line quote on phones. */
@media(max-width:639px){.stories-section .customer-story-grid .story-featured blockquote{font-size:18px!important;line-height:32px!important;letter-spacing:-.1px!important}}

/* Work visual parity: only the copy needed the 18px vertical correction; keep globe/cards on the source axis. */
:scope .work-layout{transform:none!important}
:scope .work-copy{transform:translate(-1px,18px)!important}
:scope .work-activity-card.is-active{border-color:#dedede!important;background:rgba(252,252,252,.96)!important;box-shadow:0 1px 2px rgba(24,24,27,.025)!important}
:scope .work-activity-card.is-active .work-activity-title{color:#3f3f46!important}
:scope .work-activity-card.is-active .work-activity-icon{stroke:#52525b!important}
:scope .work-activity-card:hover{border-color:#d4d4d8!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.045)!important}

/* Final CTA: keep the card fully neutral; black belongs to the wrapper behind its rounded bottom corners. */
.final-cta.section-shell::after{display:none!important;content:none!important}
main{position:relative!important}
main::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:283.8125px;background:#0a0a0a;pointer-events:none}
.final-cta.section-shell{z-index:1!important}
@media(min-width:800px) and (max-width:1199px){main::after{height:256.4375px}}
@media(min-width:640px) and (max-width:799px){main::after{height:191.05px}}
@media(max-width:639px){main::after{display:none!important}}

/* Source final CTA primary button has no trailing external-link glyph. */
.final-cta .button-light span[aria-hidden="true"]{display:none!important}
/* Industry visual parity: source grain is a direct blended image, not an isolated picture layer. */
.industry-section .industry-card>.industry-grain{position:absolute!important;inset:0!important;z-index:4!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;translate:none!important;scale:none!important;filter:none!important;mix-blend-mode:color-dodge!important;pointer-events:none!important;max-width:none!important}
@media(min-width:1024px){
 .industry-section .industry-card>img:not(.industry-grain){filter:grayscale(1)!important}
 .industry-section .industry-card.active>img:not(.industry-grain){filter:none!important}
 .industry-section .industry-card>.industry-grain{opacity:0!important}
 .industry-section .industry-card.active>.industry-grain{opacity:1!important}
 .industry-section .industry-card .industry-dark{background:rgba(0,0,0,.2)!important}
}
@media(max-width:1023px){.industry-section .industry-card>.industry-grain{opacity:1!important}.industry-section .industry-card>img:not(.industry-grain){filter:none!important}}

/* Desktop industry inactive cards keep the source icon-only footer treatment. */
@media(min-width:1024px){
 .industry-section .industry-card:not(.active)::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:88px;background:linear-gradient(to top,rgba(0,0,0,.35),transparent);pointer-events:none}
 .industry-section .industry-card:not(.active) .industry-card-caption{left:0!important;right:0!important;bottom:32px!important;width:100%!important;display:flex!important;justify-content:center!important;padding:0!important;opacity:1!important;transform:none!important;pointer-events:none!important}
 .industry-section .industry-card:not(.active) .industry-card-caption a{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:hidden!important;color:#fff!important}
 .industry-section .industry-card:not(.active) .industry-card-caption a span{display:none!important}
 .industry-section .industry-card:not(.active) .industry-card-caption a svg{width:24px!important;height:24px!important;flex:0 0 24px!important}
}
/* Final CTA source artwork and tablet width. */
.final-cta .cta-decoration{display:block!important;position:absolute!important;bottom:0!important;z-index:1!important;height:40%!important;width:40%!important;object-fit:contain!important;pointer-events:none!important;opacity:1!important}
.final-cta .cta-decoration-left{left:0!important;right:auto!important;object-position:left bottom!important}
.final-cta .cta-decoration-right{right:0!important;left:auto!important;object-position:right bottom!important}
.final-cta .final-cta-content{position:relative!important;z-index:2!important}
@media(min-width:768px){.final-cta .cta-decoration{width:auto!important}}
@media(min-width:1024px){.final-cta .cta-decoration{height:50%!important}}
@media(min-width:640px) and (max-width:799px){.final-cta.section-shell{width:calc(100% - 80px)!important;margin-inline:40px!important}}

/* Neutralize obsolete generated-ring rules now that exact source PNG artwork is used. */
.final-cta .cta-decoration{top:auto!important;bottom:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important}
.final-cta .cta-decoration-left{top:auto!important;bottom:0!important}
.final-cta .cta-decoration-right{top:auto!important;bottom:0!important}

/* Mobile CTA keeps the source 1px border; this also locks artwork to the 428px content box. */
@media(max-width:639px){.final-cta.section-shell{border-left:1px solid #e4e4e7!important;border-right:1px solid #e4e4e7!important}}

/* Final CTA content lock — direct live geometry. */
.final-cta>.final-cta-content{position:absolute!important;z-index:2!important;left:0!important;right:0!important;top:145px!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
.final-cta>.final-cta-content h2{box-sizing:border-box!important;width:1120px!important;max-width:calc(100% - 80px)!important;margin:0!important;padding:0 224px!important;color:#000!important;text-align:center!important;font:700 32px/52.8px pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.8px!important}
.final-cta>.final-cta-content>p{box-sizing:border-box!important;width:1120px!important;max-width:calc(100% - 80px)!important;margin:16px 0 0!important;padding:0 224px!important;color:#52525b!important;text-align:center!important;font:400 18px/32px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
.final-cta>.final-cta-content .hero-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:auto!important;margin:24px 0 0!important;padding:0!important}
.final-cta>.final-cta-content .button{box-sizing:border-box!important;height:48px!important;min-height:48px!important;margin:0!important;padding:12px 20px!important;border-radius:8px!important;font:500 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;letter-spacing:-.32px!important}
.final-cta>.final-cta-content .button-light{width:133.578125px!important;min-width:133.578125px!important;max-width:133.578125px!important;border:1px solid rgba(255,255,255,.24)!important;background-color:#09090b!important;background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.048))!important;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1)!important;color:#fff!important}
.final-cta>.final-cta-content .button-glass{width:120.75px!important;min-width:120.75px!important;max-width:120.75px!important;border:1px solid #e4e4e7!important;background-color:#fff!important;background-image:linear-gradient(180deg,rgba(228,228,231,.2),rgba(228,228,231,0) 50%)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;color:#09090b!important}
.final-cta>.final-cta-content .final-cta-note{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;height:20px!important;margin:24px 0 0!important;padding:0!important;color:#71717a!important;font:400 14px/20px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important}
@media(min-width:800px) and (max-width:1279px){
 .final-cta>.final-cta-content{top:89px!important}
 .final-cta>.final-cta-content h2{width:610.265625px!important;max-width:calc(100% - 80px)!important;padding:0!important;font-size:26px!important;line-height:42.9px!important;letter-spacing:-.65px!important}
 .final-cta>.final-cta-content>p{width:862px!important;max-width:calc(100% - 82px)!important;padding:0 241.359375px!important;font-size:18px!important;line-height:32px!important}
}
@media(min-width:640px) and (max-width:799px){
 .final-cta>.final-cta-content{top:89px!important}
 .final-cta>.final-cta-content h2{width:563.359375px!important;max-width:calc(100% - 80px)!important;padding:0!important;font-size:24px!important;line-height:39.6px!important;letter-spacing:-.6px!important}
 .final-cta>.final-cta-content>p{width:606px!important;max-width:calc(100% - 82px)!important;padding:0 72.71875px!important;font-size:18px!important;line-height:32px!important}
}
@media(max-width:639px){
 .final-cta>.final-cta-content{top:89px!important}
 .final-cta>.final-cta-content h2{width:396px!important;max-width:calc(100% - 34px)!important;padding:0!important;font-size:22px!important;line-height:36.3px!important;letter-spacing:-.55px!important}
 .final-cta>.final-cta-content>p{width:396px!important;max-width:calc(100% - 34px)!important;padding:0!important;font-size:16px!important;line-height:28px!important}
 .final-cta>.final-cta-content .hero-actions{width:396px!important;max-width:calc(100% - 34px)!important;flex-direction:column!important;gap:12px!important}
 .final-cta>.final-cta-content .button-light,.final-cta>.final-cta-content .button-glass{width:100%!important;min-width:100%!important;max-width:100%!important}
}

/* Final CTA last micro-lock: account for the section's 1px border and Decachat's longer wordmark. */
.final-cta>.final-cta-content{top:144px!important}
@media(min-width:800px) and (max-width:1279px){
 .final-cta>.final-cta-content{top:88px!important}
 .final-cta>.final-cta-content h2{white-space:nowrap!important}
 .final-cta>.final-cta-content>p{max-width:calc(100% - 80px)!important}
}
@media(min-width:640px) and (max-width:799px){
 .final-cta>.final-cta-content{top:88px!important}
 .final-cta>.final-cta-content h2{white-space:nowrap!important}
 .final-cta>.final-cta-content>p{max-width:calc(100% - 80px)!important}
}
@media(max-width:639px){
 .final-cta>.final-cta-content{top:88px!important}
 .final-cta>.final-cta-content h2,.final-cta>.final-cta-content>p,.final-cta>.final-cta-content .hero-actions{width:396px!important;max-width:calc(100% - 32px)!important}
 .final-cta>.final-cta-content .button{box-sizing:border-box!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding-top:0!important;padding-bottom:0!important}
}
@media(min-width:640px) and (max-width:1279px){.final-cta-title-break{display:none!important}}

/* Final source-parity cleanup: source Work section has no floating activity cards. */
:scope .work-activity-stack,:scope .work-activity-fade{display:none!important}
:scope .impact-metrics{transform:translateY(-8px)!important}

/* Hero media controls follow the source: hidden at rest on pointer devices, visible on hover/focus. */
@media(hover:hover) and (pointer:fine){
 .hero .video-controls{opacity:0!important;pointer-events:none!important}
 .hero .hero-video-frame:hover .video-controls,.hero .hero-video-frame:focus-within .video-controls{opacity:1!important;pointer-events:auto!important}
}

/* ===== Final source-lock: capability carousel controls ===== */
.advantages-section .advantage-carousel-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;margin-left:auto!important;margin-right:auto!important}
.advantages-section .advantage-carousel-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin:0!important}
.advantages-section .advantage-carousel-nav>button{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;padding:0!important;border:1px solid #e4e4e7!important;border-radius:9999px!important;background:#fff!important;color:#000!important;box-shadow:none!important;font-size:0!important}
.advantages-section .advantage-carousel-nav>button svg{display:block!important;width:100%!important;height:24px!important}
.advantages-section .advantage-carousel-nav>button:disabled{opacity:.5!important;background:#fff!important}
.advantages-section [data-advantage-prev]{width:48px!important;transform:rotate(180deg)!important}
.advantages-section [data-advantage-next]{width:90px!important}
.advantages-section .advantage-dots{display:none!important}
@media(min-width:800px){.advantages-section .advantage-carousel-controls{margin-top:36px!important}}
@media(min-width:800px) and (max-width:1199px){.advantages-section .advantage-carousel-controls{margin-top:32px!important}.advantages-section [data-advantage-next]{width:89px!important}}
@media(max-width:799px){
 .advantages-section .advantage-carousel-controls{width:calc(100% - 34px)!important;height:44px!important;margin-top:16px!important}
 .advantages-section .advantage-carousel-nav{width:100%!important;height:44px!important;gap:0!important}
 .advantages-section .advantage-carousel-nav>button{display:none!important}
 .advantages-section .advantage-dots{display:flex!important;width:100%!important;height:44px!important;align-items:center!important;gap:8px!important}
 .advantages-section .advantage-dots button,.advantages-section .advantage-dots button[hidden]{position:relative!important;display:flex!important;flex:1 1 0!important;min-width:24px!important;width:auto!important;height:44px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;align-items:center!important;opacity:1!important}
 .advantages-section .advantage-dots button span{display:block!important;width:100%!important;height:4px!important;border-radius:999px!important;background:#d4d4d8!important}
 .advantages-section .advantage-dots button.active span{background:#18181b!important}
}

/* Work metric rail matches the live vertical rhythm. */
:scope .impact-metrics{transform:translateY(10px)!important}

/* Capability controls settle to the live resting geometry after the source width animation. */
.advantages-section .advantage-carousel-controls{margin-top:44px!important}
.advantages-section [data-advantage-prev],.advantages-section [data-advantage-next]{width:43px!important;min-width:43px!important;max-width:43px!important}
@media(min-width:640px){
 .advantages-section .advantage-dots{display:none!important}
 .advantages-section .advantage-carousel-nav>button{display:flex!important}
}
@media(max-width:639px){
 .advantages-section .advantage-carousel-controls{margin-top:40px!important}
 .advantages-section .advantage-carousel-nav>button{display:none!important}
 .advantages-section .advantage-dots{display:flex!important}
}

/* ===== Final source-lock: Work globe + activity rail ===== */
:scope .work-globe-warmth{display:none!important}
:scope .work-globe{opacity:.65!important;-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 42%,transparent 70%)!important;mask-image:linear-gradient(135deg,#000 0%,#000 42%,transparent 70%)!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important}
:scope .work-activity-stack{box-sizing:border-box!important;display:flex!important;position:absolute!important;z-index:10!important;left:409.6px!important;top:112px!important;width:248px!important;height:500px!important;max-height:500px!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0 4px 24px!important;overflow:hidden!important;pointer-events:auto!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)!important}
:scope .work-activity-card{box-sizing:border-box!important;display:block!important;flex:0 0 auto!important;width:240px!important;margin:0 0 8px!important;padding:10px!important;border:1px solid #e5e5e5!important;border-radius:12px!important;background:#fafafa!important;box-shadow:none!important;color:#000!important;text-align:left!important;font:400 16px/24px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;overflow:hidden!important;transform:none!important}
:scope .work-activity-card:nth-child(1){height:180px!important}:scope .work-activity-card:nth-child(2){height:144px!important}:scope .work-activity-card:nth-child(3){height:144px!important}:scope .work-activity-card:nth-child(4){height:128px!important}:scope .work-activity-card:nth-child(5){height:160px!important}
:scope .work-activity-title{box-sizing:border-box!important;display:flex!important;height:auto!important;min-height:20px!important;align-items:flex-start!important;gap:6px!important;margin:0 0 10px!important;padding:0!important;color:#404040!important;font-size:12px!important;font-weight:500!important;line-height:20px!important;white-space:normal!important}
:scope .work-activity-title span{min-width:0!important}
:scope .work-activity-icon{display:block!important;width:14px!important;height:14px!important;flex:0 0 14px!important;margin-top:2px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:scope .work-activity-row{box-sizing:border-box!important;display:flex!important;width:100%!important;min-height:36px!important;height:auto!important;max-height:none!important;align-items:center!important;gap:6px!important;margin:8px 0 0!important;padding:8px 10px!important;border:1px solid #e5e5e5!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;color:#525252!important;font-size:12px!important;font-weight:500!important;line-height:16px!important;overflow:visible!important}
:scope .work-activity-row img,:scope .work-activity-mini{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex:0 0 14px!important;object-fit:contain!important;text-align:center!important;color:#737373!important;font-size:11px!important;line-height:14px!important}
:scope .work-activity-card:hover,:scope .work-activity-card.is-active{transform:none!important;border-color:#d4d4d4!important;background:#fafafa!important;box-shadow:none!important}
:scope .work-activity-card.is-active .work-activity-title{color:#404040!important}:scope .work-activity-card.is-active .work-activity-icon{stroke:currentColor!important}
:scope .work-activity-fade{display:none!important}
@media(max-width:1279px) and (min-width:1024px){:scope .work-activity-stack{left:369px!important;top:112px!important;transform:scale(.92)!important;transform-origin:top left!important}}
@media(max-width:1023px) and (min-width:768px){:scope .work-activity-stack{left:240px!important;top:112px!important;transform:scale(.72)!important;transform-origin:top left!important}}
@media(max-width:767px){:scope .work-activity-stack{display:none!important}}

/* ===== Exact Cobe canvas + activity rail ===== */
:scope .work-globe{overflow:visible!important;opacity:.65!important;-webkit-mask-image:none!important;mask-image:none!important}
:scope .work-globe>div{width:100%!important;height:100%!important;position:relative!important}
:scope .work-cobe-canvas{display:block!important;width:100%!important;height:100%!important;opacity:0;transition:opacity 1s ease;-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 42%,transparent 70%)!important;mask-image:linear-gradient(135deg,#000 0%,#000 42%,transparent 70%)!important;touch-action:pan-y;contain:layout paint size}
:scope .work-cobe-canvas.is-ready{opacity:1}
:scope .work-activity-rail{position:absolute!important;z-index:10!important;left:409.6px!important;top:112px!important;width:248px!important;height:568px!important;display:flex!important;flex-direction:column!important;pointer-events:none!important}
:scope .work-activity-rail .work-activity-stack{position:static!important;left:auto!important;top:auto!important;width:248px!important;height:500px!important;max-height:500px!important;flex:1 1 auto!important;transform:none!important;transform-origin:initial!important;pointer-events:auto!important}
:scope .work-rotate-resume{pointer-events:auto;box-sizing:border-box;display:flex;max-width:max-content;align-items:center;gap:8px;margin:0 0 10px 4px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:12px;background:rgba(255,255,255,.8);backdrop-filter:blur(4px);color:#737373;font:400 12px/16px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif;cursor:pointer}
:scope .work-rotate-resume[hidden]{display:none!important}
:scope .work-rotate-resume:hover{background:#fff;color:#404040}
@media(max-width:1279px) and (min-width:1024px){:scope .work-activity-rail{left:369px!important;top:112px!important;transform:scale(.92)!important;transform-origin:top left!important}}
@media(max-width:1023px) and (min-width:768px){:scope .work-activity-rail{left:240px!important;top:112px!important;transform:scale(.72)!important;transform-origin:top left!important}}
@media(max-width:767px){:scope .work-activity-rail{display:none!important}}
:scope .work-copy{transform:translate(0,18px)!important}

/* Cobe source geometry: render at the unscaled 697.594px stage width, then scale to 94%. */
:scope .work-globe{left:0!important;top:11.203125px!important;width:100%!important;height:auto!important;aspect-ratio:1!important;scale:.94!important;transform:none!important;transform-origin:center!important;opacity:.65!important}
:scope .work-cobe-canvas{-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%)!important;mask-image:linear-gradient(135deg,#000,transparent 70%)!important}
/* Work activity cards are content-height like source; dynamic entries slide into the clipped rail. */
:scope .work-activity-card,:scope .work-activity-card:nth-child(n){height:auto!important;min-height:0!important}
:scope .work-result-flag{display:block!important;width:13.33px!important;height:10px!important;min-width:13.33px!important;max-width:13.33px!important;flex:0 0 13.33px!important;border-radius:2px!important;object-fit:cover!important}
:scope .work-contact-avatar{display:grid!important;width:14px!important;height:14px!important;flex:0 0 14px!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(135deg,#dbeafe,#3b82f6)!important;color:#fff!important;font-size:6px!important;line-height:1!important}
:scope .work-card-enter{opacity:0!important;transform:translateY(-14px) scale(.98)!important}
:scope .work-activity-card{transition:opacity .25s ease,transform .35s cubic-bezier(.2,.7,.2,1),border-color .2s,background-color .2s!important}
@media(prefers-reduced-motion:reduce){:scope .work-card-enter{opacity:1!important;transform:none!important}:scope .work-activity-card{transition:none!important}}
@media(min-width:640px) and (max-width:799px){
 .advantages-section .advantage-carousel-controls{margin-top:46px!important}
 .advantages-section .advantage-carousel-nav{gap:16px!important}
}
/* Final Work copy lock: the live reference uses the untransformed copy/metric rail. */
:scope .work-copy{transform:none!important}
:scope .impact-metrics{transform:none!important}

/* Why Decachat — exact two-state desktop stack lifecycle from the live showcase. */
@media (min-width:881px){
  .why-section .showcase-heading{
    position:relative!important;
    top:auto!important;
  }
  .why-section .feature-showcase-card{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
    transform:none!important;
    transform-origin:top center!important;
    transition:none!important;
    will-change:auto!important;
  }
  .why-section .feature-showcase-card::after{
    content:none!important;
  }
  .why-section .why-bottom{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
  }
  .why-section.desktop-stack-ready .showcase-heading{
    position:sticky!important;
    top:var(--why-heading-top,105px)!important;
  }
  .why-section.desktop-stack-ready .feature-showcase-stack{
    gap:160px!important;
  }
  .why-section.desktop-stack-ready .feature-showcase-card{
    position:sticky!important;
    top:calc(var(--why-card-top,265.390625px) + (var(--card-index) * 16px))!important;
    z-index:calc(20 + var(--card-index))!important;
    transform:scale(var(--stack-scale,1))!important;
    transform-origin:top center!important;
    transition:transform 1000ms cubic-bezier(.19,1,.22,1)!important;
    will-change:transform!important;
  }
  .why-section.desktop-stack-ready .feature-showcase-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:20!important;
    display:block!important;
    pointer-events:none!important;
    background:#fff!important;
    opacity:var(--stack-fade,0)!important;
    transition:opacity 250ms linear!important;
  }
  .why-section.desktop-stack-ready .why-bottom{
    position:sticky!important;
    top:calc(var(--why-card-top,265.390625px) + 96px)!important;
    z-index:26!important;
  }
}
@media (min-width:881px) and (prefers-reduced-motion:reduce){
  .why-section.desktop-stack-ready .showcase-heading,
  .why-section.desktop-stack-ready .feature-showcase-card,
  .why-section.desktop-stack-ready .why-bottom{
    position:relative!important;
    top:auto!important;
  }
  .why-section.desktop-stack-ready .feature-showcase-stack{gap:32px!important}
  .why-section.desktop-stack-ready .feature-showcase-card{transform:none!important;transition:none!important;will-change:auto!important}
  .why-section.desktop-stack-ready .feature-showcase-card::after{content:none!important}
}
@media (min-width:881px){
  .why-section.desktop-stack-ready .feature-showcase-card{
    opacity:var(--stack-opacity,1)!important;
    transition:transform 1000ms cubic-bezier(.19,1,.22,1),opacity 180ms linear!important;
  }
}
@media (min-width:881px){
  .why-section.desktop-stack-ready .feature-showcase-card{
    transition:transform 250ms linear,opacity 250ms linear!important;
  }
  .why-section.desktop-stack-ready .feature-showcase-card::after{
    transition:none!important;
  }
}

/* ===== Exact source-style Why stack: natural measurement + shared max height ===== */
@media(max-width:880px){
 .why-section .feature-showcase-card:nth-child(n){height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;position:relative!important;top:auto!important;transform:none!important;opacity:1!important}
 .why-section .feature-showcase-card:nth-child(n) .showcase-without,.why-section .feature-showcase-card:nth-child(n) .showcase-with{height:auto!important;min-height:0!important}
 .why-section .showcase-label{display:none!important}
 .why-section .showcase-mobile-icon{display:inline-flex!important;align-items:center!important;margin-top:.2em!important}
 .why-section .showcase-mobile-icon svg{width:22px!important;height:22px!important}
 .why-section .showcase-without{padding:16px 20px!important;gap:16px!important}
 .why-section .showcase-with{padding:20px!important;gap:16px!important}
 .why-section .showcase-without h3{font:500 18px/29.7px pinar,"pinar Fallback",sans-serif!important;letter-spacing:normal!important;gap:8px!important}
 .why-section .showcase-copy h4{font:600 20px/32px pinar,"pinar Fallback",sans-serif!important;letter-spacing:normal!important;gap:8px!important}
 .why-section .showcase-copy p{font:400 15px/27px estedad,"estedad Fallback",pinar,"pinar Fallback",sans-serif!important;margin-top:12px!important;max-width:55ch!important;letter-spacing:normal!important}
 .why-section .why-bottom{height:350px!important;min-height:350px!important;position:relative!important;top:auto!important;transform:none!important}
}
@media(min-width:640px) and (max-width:880px){
 .why-section .showcase-without,.why-section .showcase-with{padding:32px!important;gap:20px!important}
}
@media(min-width:641px) and (max-width:880px){
 .why-section .showcase-without h3{font-size:20px!important;line-height:33px!important}
 .why-section .showcase-copy h4{font-size:22px!important;line-height:35.2px!important}
 .why-section .showcase-copy p{font-size:16px!important;line-height:28.8px!important}
}
@media(max-width:767px){.why-section .why-inner{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:640px){
 .why-section#feature-showcase{padding-top:60px!important;padding-bottom:60px!important}
 .why-section .showcase-heading{margin-bottom:32px!important}
 .why-section .showcase-heading p{font-size:20px!important;line-height:33px!important}
}
@media(min-width:641px) and (max-width:880px){
 .why-section#feature-showcase{padding-top:112px!important;padding-bottom:112px!important}
 .why-section .showcase-heading{margin-bottom:56px!important}
}
@media(max-width:560px){.why-section .feature-showcase-card:nth-child(5) .showcase-copy p{letter-spacing:-.1px!important}}

.why-section.source-stack-ready .showcase-heading{position:sticky!important;top:var(--feature-heading-top)!important;z-index:20!important}
.why-section.source-stack-ready .feature-showcase-stack{display:flex!important;flex-direction:column!important;gap:40px!important}
.why-section.source-stack-ready .feature-showcase-card:nth-child(n),.why-section.source-stack-ready .why-bottom{
 position:sticky!important;top:var(--stack-top)!important;min-height:var(--feature-card-height)!important;height:auto!important;transform-origin:top center!important;transform:scale(var(--stack-scale,1))!important;opacity:var(--stack-opacity,1)!important;will-change:transform,opacity!important
}
.why-section.source-stack-ready .feature-showcase-card{isolation:isolate!important}
.why-section.source-stack-ready .feature-showcase-card::after{content:""!important;position:absolute!important;inset:0!important;z-index:30!important;border-radius:inherit!important;background:#fff!important;opacity:var(--stack-overlay,0)!important;pointer-events:none!important}
@media(min-width:641px){.why-section.source-stack-ready .feature-showcase-stack{gap:160px!important}}
@media(prefers-reduced-motion:reduce){
 .why-section.source-stack-ready .showcase-heading,.why-section.source-stack-ready .feature-showcase-card,.why-section.source-stack-ready .why-bottom{position:relative!important;top:auto!important;transform:none!important;opacity:1!important}
 .why-section.source-stack-ready .feature-showcase-card::after{display:none!important}
}
@media (min-width:881px){
  .why-section.desktop-stack-ready .feature-showcase-card{
    transition:transform 1100ms linear,opacity 250ms linear!important;
  }
}

/* Why Decachat: keep the shared measured max height in reduced-motion mode. */
@media (prefers-reduced-motion:reduce){
  .why-section .feature-showcase-card:nth-child(n),
  .why-section .why-bottom{
    min-height:var(--feature-card-height,0px)!important;
  }
}

/* Final mobile Roles parity: remove legacy heading offset and lock the effective source visual ratio. */
@media(max-width:639px){
 .roles-section .section-heading h2 span{margin-top:0!important}
 .roles-section .role-card-visual{aspect-ratio:1.1672946!important}
}


}
.work-section{--font:Geist,Arial,sans-serif;--blue:#145dee;--ink:#09090b;--muted:#656b76;--line:#e5e5e5;--container:1200px;--gutter:40px}