:root{--story-ease:cubic-bezier(.22,1,.36,1)}
.hero-copy{min-width:0}.hero h1{font-size:clamp(48px,4.45vw,72px);max-width:700px;letter-spacing:-2.5px;line-height:1.28}.hero .lead{max-width:620px;line-height:1.85}.hero .actions{align-items:center}.hero-demo-link{color:var(--ink)}
.fragmentation{background:#ece7dc;border-block:1px solid #d8d0c2;padding:92px 0}.fragmentation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.fragmentation-copy h2{font-size:clamp(42px,4.8vw,67px);line-height:1.22;letter-spacing:-1.8px}.fragmentation-copy h2 span{color:var(--copper-text)}.fragmentation-flow{min-height:390px;display:grid;grid-template-columns:1fr 84px 1fr;align-items:center;direction:ltr}.fragment-stack{display:grid;gap:10px;direction:rtl}.fragment-stack span{background:#f9f6ef;color:var(--ink);padding:17px 20px;box-shadow:0 0 0 1px rgba(32,45,53,.07),0 8px 22px rgba(32,45,53,.05);font-weight:600;position:relative}.fragment-stack span:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--copper);left:-4px;top:calc(50% - 3px)}.flow-line{height:1px;background:#b89a81;position:relative}.flow-line i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--copper);top:-4px;left:0}.fragment-core{direction:rtl;background:var(--ink);color:var(--chalk);padding:36px 30px;min-height:230px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 28px 55px rgba(32,45,53,.18)}.fragment-core small{color:#d7a17f}.fragment-core strong{font-size:52px;margin:8px 0 13px}.fragment-core p{color:#c8cfcb;line-height:1.8}.fragmentation-result{grid-column:1/-1;border-top:1px solid #d0c7b8;padding-top:27px;font-size:19px;color:#53615e}.fragmentation-result strong{color:var(--ink)}
.capability-stage{background:var(--ink);color:var(--chalk);padding:110px 0 95px;overflow:hidden}.capability-heading{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:55px}.capability-heading .eyebrow,.capability-heading h2{grid-column:1}.capability-heading h2{font-size:clamp(48px,5.5vw,76px);line-height:1.16}.capability-heading h2 span{color:#dda682}.capability-heading>p:last-child{grid-column:2;grid-row:1/3;color:#c3ccc8;font-size:18px;line-height:1.9;max-width:420px}.capability-journey{--cursor-position:4;display:grid;grid-template-columns:repeat(5,1fr);direction:rtl;border-top:1px solid #4e5b5d;border-bottom:1px solid #4e5b5d;position:relative}.capability-cursor{position:absolute;z-index:4;direction:ltr;left:0;top:-2px;width:20%;height:4px;transform:translateX(calc(var(--cursor-position) * 100%));transition:transform 460ms var(--story-ease);pointer-events:none;will-change:transform}.capability-cursor i{display:block;width:100%;height:100%;background:#efb38d;box-shadow:0 0 22px rgba(239,179,141,.5)}.capability-card{color:inherit;padding:30px 25px 26px;min-height:420px;border-left:1px solid #4e5b5d;position:relative;display:flex;flex-direction:column;outline-offset:-4px;transition:background-color 320ms var(--story-ease),transform 240ms var(--story-ease)}.capability-card:last-child{border-left:0}.capability-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(218,157,119,.12),transparent 52%);opacity:0;transition:opacity 240ms var(--story-ease)}.capability-card:hover:before,.capability-card:focus-visible:before{opacity:1}.capability-card:active{transform:scale(.985)}.capability-index{font:500 11px Space,Tajawal,sans-serif;letter-spacing:.5px;color:#d8a07d;position:relative}.capability-symbol{font-size:29px;color:#d8a07d;margin:32px 0 22px;position:relative;transition:transform 420ms var(--story-ease),color 240ms var(--story-ease)}.capability-card h3{font-size:24px;line-height:1.45;position:relative}.capability-card p{font-size:14px;line-height:1.9;color:#c4cdca;margin:16px 0 22px;position:relative}.capability-card ul{list-style:none;padding:0;margin:auto 0 20px;display:grid;gap:8px;position:relative}.capability-card li{font-size:12px;color:#dce1de;padding-right:15px;position:relative}.capability-card li:before{content:"";position:absolute;right:0;top:.65em;width:5px;height:5px;border-radius:50%;background:#d8a07d}.capability-open{position:relative;font-size:12px;font-weight:700;color:#f4c4a5;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:14px;opacity:.65;transition:opacity 220ms var(--story-ease)}.capability-open b{font-size:18px;transition:transform 220ms var(--story-ease)}.capability-card:hover .capability-open,.capability-card:focus-visible .capability-open,.capability-card.is-current .capability-open{opacity:1}.capability-card:hover .capability-open b,.capability-card:focus-visible .capability-open b{transform:translateX(-5px)}.capability-card.is-current{background:#ad6847}.capability-card.is-current .capability-index,.capability-card.is-current .capability-symbol,.capability-card.is-current .capability-open{color:#fff0e5}.capability-card.is-current .capability-symbol{transform:translateY(-4px)}.capability-card.is-current p,.capability-card.is-current li{color:#fff7f0}.capability-card.is-current li:before{background:#fff0e5}.journey-outcome{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:18px;color:#bdc8c3;font-size:14px}.journey-outcome i{color:#d8a07d;font-style:normal}.journey-outcome strong{color:#fff;background:#ffffff0c;padding:10px 15px;box-shadow:inset 0 0 0 1px #ffffff17}.capability-motion-toggle{border:0;background:transparent;color:#d8a07d;font:inherit;font-size:11px;padding:9px 11px;margin-right:15px;min-height:40px}.capability-motion-toggle:hover{color:#fff}.capability-motion-toggle:active{transform:scale(.97)}
.operating-difference{padding:105px 0;background:#f8f5ee;border-top:1px solid #ded5c6}.difference-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.difference-heading h2{font-size:clamp(46px,5vw,70px);line-height:1.17}.difference-heading h2 span{color:var(--copper-text)}.difference-table{box-shadow:0 0 0 1px rgba(32,45,53,.08),0 20px 60px rgba(32,45,53,.06)}.difference-table>div{display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;border-bottom:1px solid #e2dbce}.difference-table>div:last-child{border-bottom:0}.difference-table span,.difference-table strong{padding:21px 28px;font-size:16px;line-height:1.65}.difference-table span{color:#6d7773;border-left:1px solid #e2dbce;font-weight:400}.difference-table strong{color:var(--ink)}.difference-table .difference-head{background:#eae4d8}.difference-head span,.difference-head strong{font-size:12px;color:var(--copper-text);letter-spacing:.2px}.trust-ribbon{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid #d8d0c2;border-bottom:1px solid #d8d0c2}.trust-ribbon div{padding:24px 25px;border-left:1px solid #d8d0c2}.trust-ribbon div:last-child{border-left:0}.trust-ribbon b{display:block;font-size:17px;margin-bottom:7px}.trust-ribbon span{font-size:13px;color:#64706c;line-height:1.7}.contact-promises{display:grid;gap:10px;margin-top:28px}.contact-promises span{font-size:14px;color:#d8dfdc;display:flex;gap:10px;align-items:center}.contact-promises span:before{content:"";width:6px;height:6px;border-radius:50%;background:#d8a07d}.contact-section form{background:#ffffff06;padding:28px;box-shadow:inset 0 0 0 1px #ffffff0d}.contact-grid input:focus,.contact-grid select:focus,.contact-grid textarea:focus{outline:2px solid #d8a07d;outline-offset:2px;border-color:transparent}
@media(prefers-reduced-motion:no-preference){.fragmentation-flow.is-active .fragment-stack span{animation:story-materialize 520ms var(--story-ease) backwards;animation-delay:calc(var(--item,0)*90ms)}.fragmentation-flow.is-active .fragment-stack span:nth-child(2){--item:1}.fragmentation-flow.is-active .fragment-stack span:nth-child(3){--item:2}.fragmentation-flow.is-active .fragment-stack span:nth-child(4){--item:3}.fragmentation-flow.is-active .flow-line i{animation:signal-travel 900ms 260ms var(--story-ease) both}.fragmentation-flow.is-active .fragment-core{animation:story-materialize 600ms 650ms var(--story-ease) backwards}.capability-card.is-active .capability-symbol{animation:symbol-focus 500ms var(--story-ease) both}}@keyframes story-materialize{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes signal-travel{from{transform:translateX(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateX(76px) scale(1);opacity:1}}@keyframes symbol-focus{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:1050px){.fragmentation-grid{gap:45px}.capability-journey{grid-template-columns:repeat(3,1fr)}.capability-cursor{display:none}.capability-card{border-bottom:1px solid #4e5b5d}.capability-card:nth-of-type(3){border-left:0}.capability-card:nth-of-type(4),.capability-card:nth-of-type(5){border-bottom:0}.capability-heading{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.hero h1{font-size:clamp(46px,8.4vw,64px)}.hero h1 .headline-line{white-space:normal}.fragmentation{padding-block:65px}.fragmentation-grid{grid-template-columns:1fr}.fragmentation-flow{max-width:650px;width:100%;margin:auto}.capability-stage{padding-block:72px}.capability-heading{display:block}.capability-heading>p:last-child{margin-top:22px}.capability-journey{grid-template-columns:1fr 1fr}.capability-card,.capability-card:nth-of-type(3){border-left:1px solid #4e5b5d}.capability-card:nth-of-type(even){border-left:0}.capability-card:nth-of-type(4){border-bottom:1px solid #4e5b5d}.capability-card:nth-of-type(5){grid-column:1/-1;border-left:0;min-height:310px}.journey-outcome{flex-wrap:wrap}.operating-difference{padding-block:70px}.difference-heading{display:block}.difference-heading .eyebrow{margin-bottom:20px}.trust-ribbon{grid-template-columns:1fr}.trust-ribbon div,.trust-ribbon div:last-child{border-left:0;border-bottom:1px solid #d8d0c2}.trust-ribbon div:last-child{border-bottom:0}}
@media(max-width:520px){.hero h1{font-size:42px;line-height:1.34;letter-spacing:-1.5px}.hero .actions{align-items:flex-start}.hero-demo-link{min-height:44px}.fragmentation-copy h2{font-size:43px}.fragmentation-flow{min-height:auto;grid-template-columns:1fr 38px 1fr}.fragment-stack span{padding:13px 11px;font-size:12px}.fragment-core{padding:24px 17px;min-height:230px}.fragment-core strong{font-size:37px}.fragment-core p{font-size:13px}.fragmentation-result{font-size:16px;line-height:1.9}.capability-heading h2{font-size:47px}.capability-heading>p:last-child{font-size:16px}.capability-journey{grid-template-columns:1fr}.capability-card,.capability-card:nth-of-type(3),.capability-card:nth-of-type(even),.capability-card:nth-of-type(5){grid-column:auto;border-left:0;border-bottom:1px solid #4e5b5d;min-height:330px}.journey-outcome{gap:10px;font-size:12px}.capability-motion-toggle{width:100%;margin:8px 0 0}.difference-heading h2{font-size:44px}.difference-table span,.difference-table strong{padding:16px 13px;font-size:13px}.contact-section form{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.fragmentation-flow *,.capability-card *{animation:none!important;transition:none!important}}