.motion-journey{--journey:0;height:auto;position:relative}.motion-sticky{background:var(--paper);min-height:0;position:relative;top:auto;overflow:clip}.motion-intro{justify-content:space-between;align-items:end;gap:30px;padding-top:28px;display:flex}.motion-intro h1{letter-spacing:-.055em;margin-top:16px;font-size:clamp(48px,5vw,76px);line-height:.97}.motion-intro h1 .serif-accent{color:var(--teal)}.motion-intro-copy p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.65}.motion-intro-copy .button{min-height:43px;padding:10px 18px}.motion-theatre{perspective:1200px;isolation:isolate;max-width:1500px;height:clamp(390px,43vh,480px);margin:0 auto;position:relative}.motion-theatre:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(#0b6d7524 0%,#14919b0a 50%,#0000 72%);width:820px;height:480px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.motion-grid{background-image:linear-gradient(#789b8c12 1px,#0000 1px),linear-gradient(90deg,#789b8c12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 68%);mask-image:radial-gradient(#000,#0000 68%)}.motion-word{letter-spacing:-.075em;color:#e4ece4;z-index:-1;font-size:clamp(100px,18vw,270px);font-weight:600;line-height:1;animation:none;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.motion-orbit{border:1px solid #acc9bf;border-radius:50%;width:720px;height:85%;position:absolute;top:5%;left:calc(50% - 360px);transform:rotate(-12deg)}.motion-orbit-b{border-style:dashed;animation:9s ease-in-out infinite alternate orbit-breathe;transform:rotate(12deg)}.motion-product{opacity:0;background:#fffefa;border:1px solid #abc9c1;border-radius:12px;width:460px;transition:transform 1.35s cubic-bezier(.22,1,.36,1),opacity .8s;position:absolute;top:8%;left:calc(50% - 230px);transform:translateY(20px)rotate(-7deg)scale(.7);box-shadow:0 7px #dce9e3,0 14px #c5dbd0,18px 30px 55px #23584724}.motion-browser{color:#52675d;border-bottom:1px solid #dde5df;justify-content:space-between;align-items:center;height:30px;padding:0 14px;font-size:9px;display:flex}.motion-browser>span:first-child{gap:4px;display:flex}.motion-browser i{background:#9db6a8;border-radius:50%;width:5px;height:5px}.motion-product-body{gap:18px;padding:14px;display:flex}.motion-product-body aside{flex-direction:column;align-items:center;gap:20px;width:28px;display:flex}.motion-product-body aside b{color:var(--teal);font-size:23px}.motion-product-body aside>span{background:#dfe9e1;border-radius:3px;width:12px;height:12px}.motion-dashboard{flex:1}.motion-dashboard-head{color:#52675d;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;display:flex}.motion-avatar{background:#ffe5ad;border-radius:50%;padding:6px}.motion-dashboard>strong{letter-spacing:-.7px;margin:8px 0 15px;font-size:21px;display:block}.motion-widgets{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.motion-chart{background:#edf5ef;border-radius:6px;padding:12px}.motion-chart>span{font-size:9px}.motion-chart>div{align-items:end;gap:8px;height:70px;margin-top:12px;display:flex}.motion-chart i{transform-origin:bottom;background:#74b9a2;border-radius:3px 3px 0 0;flex:1;animation:3.6s ease-in-out infinite alternate chart-grow}.motion-complete{background:#fff2cf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.motion-complete>span{color:#466f46;border:4px solid #90b26d;border-radius:50%;padding:8px}.motion-complete b{font-size:11px}.motion-complete small{font-size:8px}.motion-task{border-top:1px solid #e3e8df;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:9px;display:flex}.motion-task>i{background:var(--cyan);border-radius:50%;width:6px;height:6px}.motion-task svg{margin-left:auto}.card-top-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#fffc;border:1px solid #00000014;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;font-size:8px;font-weight:600;display:inline-flex}.live-dot{background:#f4a928;border-radius:50%;width:6px;height:6px;animation:2s infinite alternate pulse-glow;box-shadow:0 0 8px #f4a928}.cyan-live-dot{background:#00bac6;box-shadow:0 0 8px #00bac6}.green-live-dot{background:#10b981;box-shadow:0 0 8px #10b981}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.motion-brief{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #dbe8e3;border-radius:12px;width:210px;padding:22px;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .8s;animation:4s ease-in-out infinite alternate brief-float;position:absolute;top:10%;left:calc(50% - 100px);transform:rotate(-8deg);box-shadow:0 20px 40px #0b6d751f,0 2px 6px #0000000a}.brief-sparkle{color:var(--amber);margin-bottom:4px}.motion-brief strong{margin-top:6px;font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:400;line-height:1.15;display:block}.motion-brief>div:not(.card-top-chip){background:#e1eae5;height:1px;margin:16px 0 10px}.motion-brief p{color:var(--muted);font-size:11px;font-weight:500}.motion-tile{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;width:190px;padding:20px;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .8s;position:absolute;top:23%;box-shadow:0 16px 36px #0e28241f}.motion-tile strong{margin-top:16px;font-size:13px;font-weight:600;display:block}.motion-tile-design{background:#fffffffa;border:1px solid #cce8f0;left:calc(50% - 355px);transform:rotate(-15deg)translate(-40px,20px)}.motion-tile-design>div:not(.card-top-chip){align-items:center;gap:8px;height:48px;margin-top:16px;display:flex}.motion-tile-design i{background:#27b5d1;border-radius:50%;width:36px;height:36px}.motion-tile-design i:nth-child(2){background:#f4a928;border-radius:6px;transform:rotate(25deg)}.motion-tile-design i:nth-child(3){background:#d91f50;border-radius:4px 20px}.motion-tile-build{color:#e5f5f0;background:#111e1c;border:1px solid #234842;left:calc(50% + 170px);transform:rotate(13deg)translate(35px,20px);box-shadow:0 20px 42px #00000038}.motion-tile-build .card-top-chip{color:#a3ded3;background:#1b2f2c;border-color:#2b544e}.motion-tile-build>b{color:#6ee7b7;background:#091312;border:1px solid #1c3631;border-radius:6px;margin:16px 0 12px;padding:8px 12px;font-family:monospace;font-size:12px;display:block}.motion-tile-build>i{background:#10b981;border-radius:2px;width:75%;height:4px;margin-bottom:4px;display:block}.motion-tile-build>i:nth-of-type(2){background:#2dd4bf;width:50%}.motion-tile-build strong{color:#e5f5f0}.motion-tile-build>i+i{width:45%}.motion-phone{opacity:0;background:#edf6ee;border:5px solid #294d43;border-radius:22px;width:128px;height:237px;padding:12px;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .8s;position:absolute;top:24%;left:calc(50% + 230px);transform:translate(100px,100px)rotate(25deg)scale(.5);box-shadow:8px 18px 30px #23463226}.motion-phone-notch{background:#294d43;border-radius:10px;width:35px;height:5px;margin:-7px auto 10px}.motion-phone>span{color:var(--teal);font-size:22px;font-weight:600}.motion-phone strong{margin-top:10px;font-size:13px;line-height:1.2;display:block}.motion-phone-art{background:#f4a928;border-radius:50% 50% 10%;width:65px;height:65px;margin:12px auto;box-shadow:10px 6px #8dbb3f}.motion-phone small{font-size:7px}.motion-cursor{color:#ad1640;align-items:start;gap:6px;animation:7s ease-in-out infinite cursor-travel;display:flex;position:absolute;top:73%;left:62%}.motion-cursor>span{color:#fff;background:#d91f50;border-radius:0 6px 6px;padding:7px 10px;font-size:10px}.motion-shape{transition:transform 1.4s;animation:5s ease-in-out infinite alternate shape-float;position:absolute}.motion-shape-one{background:#27b5d1;border-radius:50%;width:40px;height:40px;top:9%;left:19%;box-shadow:inset -7px -7px #008ca23b}.motion-shape-two{background:#d91f50;border-radius:8px;width:34px;height:34px;animation-delay:-2s;top:8%;right:19%}.motion-shape-three{background:#8dbb3f;border-radius:4px 50%;width:30px;height:30px;animation-delay:-3s;bottom:12%;left:29%}.motion-scene-caption{letter-spacing:1.2px;color:#536a60;white-space:nowrap;font-size:8px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.motion-journey[data-chapter="1"] .motion-brief{animation:none;transform:translate(-290px,15px)rotate(-17deg)scale(.75)}.motion-journey[data-chapter="1"] .motion-product{opacity:1;background:#f3f9f5;border-style:dashed;transform:rotate(-4deg)scale(.85)}.motion-journey[data-chapter="1"] .motion-tile-design{z-index:2;transform:translate(135px,110px)rotate(-10deg)scale(.85)}.motion-journey[data-chapter="1"] .motion-tile-build{z-index:2;transform:translate(30px,-55px)rotate(8deg)scale(.85)}.motion-journey[data-chapter="2"] .motion-product{opacity:1;transform:rotateY(-12deg)rotateX(5deg)rotate(-3deg)translate(-25px)}.motion-journey[data-chapter="2"] .motion-brief{opacity:0;animation:none;transform:translate(-330px,30px)rotate(-15deg)scale(.65)}.motion-journey[data-chapter="2"] .motion-tile-design{opacity:0;transform:translate(60px,-25px)rotate(-14deg)scale(.7)}.motion-journey[data-chapter="2"] .motion-tile-build{opacity:0;transform:translate(-110px,-30px)rotate(10deg)scale(.7)}.motion-journey[data-chapter="2"] .motion-phone{opacity:1;transform:translate(-65px,-10px)rotate(9deg)}.motion-story{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:14px 0 24px;display:grid}.motion-story h2{letter-spacing:-.8px;margin:9px 0;font-size:25px}.motion-story-copy>p{color:var(--muted);max-width:53ch;font-size:13px;line-height:1.6}.motion-story .eyebrow{font-size:9px}.motion-controls{justify-self:end}.motion-chapters{gap:4px;display:flex}.motion-chapters button{color:#526357;background:0 0;border:0;border-top:2px solid #d4dfd5;padding:12px 16px;font-size:12px;transition:border-color .3s,background .3s}.motion-chapters button span{margin-right:8px;font-size:9px}.motion-chapters button[aria-pressed=true]{border-color:var(--teal);color:#203032;background:#eaf3ee}.motion-playback{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.motion-playback button,.motion-playback a{color:#526357;background:0 0;border:0;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.motion-scroll-track{background:#e0e9df;height:2px;position:absolute;bottom:0;left:0;right:0}.motion-scroll-track i{background:var(--teal);height:100%;transform:scaleX(var(--journey));transform-origin:0;display:block}.motion-journey[data-paused=true] *{animation-play-state:paused!important}@keyframes brief-float{to{translate:0 -16px;rotate:4deg}}@keyframes shape-float{to{translate:0 26px;rotate:60deg}}@keyframes cursor-travel{0%,to{transform:translate(0)}40%{transform:translate(-100px,-30px)}70%{transform:translate(35px,-65px)}}@keyframes orbit-breathe{to{transform:rotate(-8deg)scale(.9)}}@keyframes chart-grow{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes motion-word-enter{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}@media (min-width:1000px) and (max-height:780px){.motion-intro h1{font-size:50px}.motion-intro{padding-top:12px}.motion-theatre{height:300px}.motion-story{padding-block:8px 16px}.motion-story h2{font-size:21px}}@media (max-width:850px){.motion-journey{height:auto}.motion-sticky{top:68px}.motion-intro{align-items:start;gap:20px}.motion-intro h1{font-size:48px}.motion-intro-copy{max-width:220px}.motion-intro-copy p{font-size:12px}.motion-theatre{height:330px}.motion-story{gap:20px}.motion-chapters button{padding:10px 8px;font-size:10px}.motion-chapters button span{display:none}.motion-product{scale:.8}.motion-tile-design{left:calc(50% - 260px);scale:.8}.motion-tile-build{left:calc(50% + 80px);scale:.8}.motion-phone{left:calc(50% + 175px);scale:.8}}@media (max-width:600px){.motion-journey{height:auto}.motion-sticky{min-height:0;top:auto}.motion-intro{padding-top:20px;display:block}.motion-intro .eyebrow{letter-spacing:1px;font-size:8px}.motion-intro h1{margin-top:12px;font-size:46px}.motion-intro-copy{align-items:center;gap:12px;max-width:none;margin-top:16px;display:flex}.motion-intro-copy p{flex:1;margin:0;font-size:10px;line-height:1.5}.motion-intro-copy .button{gap:6px;min-height:36px;padding:8px 10px;font-size:10px}.motion-intro-copy .button svg{width:12px}.motion-theatre{height:250px;margin-top:8px}.motion-word{font-size:100px;top:45%}.motion-orbit{width:360px;height:160px;top:35px;left:calc(50% - 180px)}.motion-brief{top:-12px;scale:.66}.motion-tile{top:45px;scale:.55}.motion-tile-design{left:calc(50% - 195px)}.motion-tile-build{left:calc(50% + 15px)}.motion-product{top:-23px;scale:.56}.motion-phone{top:42px;left:calc(50% + 90px);scale:.55}.motion-journey[data-chapter="1"] .motion-brief{transform:translate(-145px,-20px)rotate(-17deg)scale(.6)}.motion-journey[data-chapter="1"] .motion-tile-design{transform:translate(30px,100px)rotate(-10deg)scale(.85)}.motion-journey[data-chapter="1"] .motion-tile-build{transform:translate(60px,-100px)rotate(8deg)scale(.8)}.motion-cursor{top:74%;left:55%;scale:.7}.motion-shape-one{width:20px;height:20px;left:10%}.motion-shape-two{width:20px;height:20px;right:12%}.motion-shape-three{width:18px;height:18px;left:18%}.motion-scene-caption{font-size:7px;bottom:12px}.motion-story{grid-template-columns:1fr;gap:14px;padding:0 0 16px}.motion-story h2{margin:8px 0;font-size:22px}.motion-story-copy>p{font-size:12px}.motion-story .eyebrow{letter-spacing:1px;font-size:8px}.motion-controls{justify-self:stretch}.motion-chapters{justify-content:stretch}.motion-chapters button{flex:1;padding:10px 5px;font-size:10px}.motion-playback{margin-top:3px}.motion-playback button,.motion-playback a{font-size:10px}.motion-scroll-track{position:relative}}@media (max-width:600px) and (max-height:740px){.motion-sticky{position:relative;top:0}.motion-journey{height:auto}}@media (prefers-reduced-motion:reduce){.motion-journey{height:auto}.motion-sticky{position:relative;top:0}.motion-journey *{transition:none!important;animation:none!important}.motion-scroll-track{display:none}}@media (min-width:1000px) and (max-height:780px){.motion-product{top:-12px;scale:.74}.motion-brief{top:-10px;scale:.8}.motion-phone{top:12%;scale:.8}}@media (max-width:600px){.motion-theatre{height:220px}.motion-intro{padding-top:12px}.motion-intro h1{font-size:42px}.motion-product{top:-55px}.motion-phone{top:28px}}
.company-identity{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:24px 0}#services .difference-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:32px 40px}#services .difference-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;display:grid}#services .difference-list article{border:1px solid var(--line);box-shadow:none;border-radius:12px;gap:12px;padding:16px}#services .difference-list h3{font-size:19px;line-height:1.35}#services .difference-list p{font-size:15px;line-height:1.6}#services .company-row{grid-column:1/-1;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;margin:0;padding:24px 0;display:grid}#services .company-row>.animated-graphic{width:160px;margin:0}#services .company-row p:last-child{margin-bottom:0}#services .engineering-line{margin-top:24px;padding-top:20px}@media (max-width:900px){#services .difference-layout{grid-template-columns:1fr;gap:24px;display:grid}#services .company-row{grid-template-columns:130px minmax(0,1fr);gap:20px}#services .company-row>.animated-graphic{width:130px}#services .company-row>div:last-child{grid-column:1/-1}}@media (max-width:600px){#services .difference-list{grid-template-columns:1fr;gap:12px}#services .difference-list p{font-size:16px}#services .company-row{grid-template-columns:1fr;gap:16px}#services .company-row>.animated-graphic{width:180px;margin-inline:auto}}.company-identity h3{color:var(--ink);margin:10px 0;font-size:26px}.company-identity p{margin-bottom:12px;font-size:14px;line-height:1.65}.company-identity .company-legal{letter-spacing:.035em;overflow-wrap:anywhere;font-size:11px}.company-identity .text-link{align-items:center;gap:8px;min-height:44px;display:inline-flex}.direct-contact{flex-direction:column;align-items:flex-start;gap:12px;margin:24px 0;display:flex}.direct-contact .button{white-space:normal;text-align:left;gap:10px}.direct-contact .text-link{align-items:center;min-height:44px;display:inline-flex}.audience-symbol{border:1px solid var(--line);background:var(--paper);width:54px;height:54px;color:var(--teal);border-radius:14px;justify-content:center;align-items:center;display:flex}.clear-services-grid,.clear-audience-grid{border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.clear-service-card,.clear-audience-card{background:var(--paper);flex-direction:column;align-items:flex-start;padding:28px;display:flex}.clear-service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.clear-service-card:nth-child(3n){border-right:0}.clear-service-card:nth-child(n+4){border-bottom:0}.clear-audience-card+.clear-audience-card{border-left:1px solid var(--line)}.clear-card-icon{width:52px;height:52px;color:var(--teal);background:#eaf5f2;border-radius:15px;place-items:center;margin-bottom:18px;display:grid}.clear-card-icon svg{animation:5s ease-in-out infinite clear-icon-float}.clear-service-card h3,.clear-audience-card h3{letter-spacing:-.6px;margin:0 0 12px;font-size:24px}.clear-service-card p,.clear-audience-card p{color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.65}.clear-service-card .text-link{margin-top:auto;font-size:14px}.clear-audience-card .audience-example>.eyebrow,.clear-audience-card .audience-intro>.eyebrow{display:none}.clear-audience-card .audience-example{box-shadow:none;background:0 0;border:0;min-height:0;margin-top:20px;padding:0}html[data-site-motion] .clear-audience-card .audience-example{border-left:0;border-image-source:none}.clear-audience-card .audience-tags{flex-wrap:wrap;gap:6px}.clear-service-card:hover{background:#f1f7f4}@keyframes clear-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:700px){.clear-services-grid,.clear-audience-grid{grid-template-columns:1fr}.clear-service-card:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.clear-service-card:last-child{border-bottom:0}.clear-audience-card+.clear-audience-card{border-left:0;border-top:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.clear-card-icon svg{animation:none}}html[data-motion=paused] .clear-card-icon svg{animation-play-state:paused}.service-examples{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.service-examples li{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.service-examples svg{color:var(--teal);flex-shrink:0}.service-guidance{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.service-guidance h3{margin:0 0 8px;font-size:20px}.service-guidance p{color:var(--muted);margin:0;font-size:15px}.service-guidance a{flex-shrink:0}.practical-builds{margin-top:40px}.practical-builds>h3{letter-spacing:-1px;margin:12px 0 24px;font-size:30px}.practical-build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.practical-build-grid article{border:1px solid var(--line);background:#f1f7f4;border-radius:18px;padding:24px}.practical-build-grid article>svg{color:var(--teal)}.practical-build-grid h4{margin:16px 0 10px;font-size:21px}.practical-build-grid p{color:var(--muted);font-size:15px;line-height:1.65}.practical-build-answer{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.practical-build-answer .eyebrow{font-size:10px}.practical-build-answer p{color:var(--ink);margin-bottom:0}@media (max-width:700px){.practical-build-grid{grid-template-columns:1fr;gap:16px}.service-guidance{flex-direction:column;align-items:flex-start}}
.work-story{margin-top:24px}.work-story-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:56px;margin-bottom:38px;display:grid}.work-story-heading h2{letter-spacing:-1.8px;color:var(--foreground);font-size:clamp(34px,3.8vw,54px);line-height:1.12}.work-story-heading p{color:var(--muted);max-width:48ch;font-size:15px;line-height:1.65}.work-comparison{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.bento-panel{border-radius:16px;flex-direction:column;justify-content:space-between;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.bento-fragmented{background:#f7f4ed;border:1px solid #dfd8cc;box-shadow:0 4px 20px #00000005}.bento-panel-header{padding:32px 32px 16px}.bento-badge{letter-spacing:1.4px;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 10px;font-size:9px;font-weight:600;display:inline-flex}.badge-warning{color:#8a3a2a;background:#f0e6dc;border:1px solid #dfc7b8}.badge-dot{border-radius:50%;width:6px;height:6px}.warning-dot{background:#d91f50}.bento-panel h3{letter-spacing:-.8px;color:var(--foreground);margin-bottom:12px;font-size:clamp(24px,2.3vw,32px);line-height:1.2}.bento-panel-header p{color:#615a51;max-width:46ch;font-size:13.5px;line-height:1.65}.bento-canvas{border-radius:12px;height:330px;margin:8px 24px 0;position:relative;overflow:hidden}.canvas-fragmented{background:radial-gradient(circle at 50% 40%,#e1d7c866,#0000 75%)}.fragmented-island{background:#fff;border:1px solid #dcd3c5;border-radius:10px;width:68%;max-width:290px;padding:14px 16px;position:absolute;box-shadow:0 8px 18px #3c2d140d}.island-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.island-icon-wrap{color:#7d6551;background:#f4eee3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.island-label{letter-spacing:1px;color:#7d6551;font-size:8.5px;font-weight:600}.island-status{border-radius:4px;align-items:center;gap:3px;margin-left:auto;padding:2px 6px;font-size:8.5px;font-weight:600;display:inline-flex}.status-alert{color:#b91c1c;background:#fde8e8}.status-warning{color:#92400e;background:#fef3c7}.status-neutral{color:#4b5563;background:#f3f4f6}.island-title{color:#2b251f;margin-bottom:4px;font-size:13.5px;font-weight:600;display:block}.island-desc{color:#6a6257;margin:0;font-size:10.5px;line-height:1.45}.island-one{z-index:3;top:14px;left:6%;transform:rotate(-3.5deg)}.island-two{z-index:2;background:#faf8f4;top:96px;right:5%;transform:rotate(3deg)}.sheet-row-preview{gap:6px;margin-top:6px;display:flex}.sheet-cell{color:#4b443a;font-size:9px;font-family:var(--font-mono,monospace);background:#ece7dc;border-radius:4px;padding:3px 6px}.cell-error{color:#991b1b;background:#fee2e2;font-weight:600}.island-three{z-index:4;background:#fffcf8;border-style:dashed;bottom:12px;left:10%;transform:rotate(-1deg)}.island-prompt-text{color:#706558;margin:0 0 6px;font-size:10px;font-style:italic;line-height:1.4}.prompt-stub{color:#3d3328;background:#f6efe3;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:9.5px;display:flex}.prompt-stub span{color:#3d3328}.prompt-cursor{color:#3d3328;font-weight:700;animation:1.2s infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.bento-custom-os{background:#fff;border:1px solid #b8ddd2;box-shadow:0 16px 40px -10px #0e6b681f}.badge-teal{color:#0e6b68;background:#e4f3ee;border:1px solid #b6ded2}.teal-dot{background:#0e6b68}.canvas-custom-os{background:linear-gradient(#f3f9f6 0%,#edf7f3 100%);border:1px solid #cce5dd;flex-direction:column;padding:12px;display:flex}.cockpit-container{flex-direction:column;justify-content:space-between;gap:8px;height:100%;display:flex}.cockpit-header{background:#fff;border:1px solid #d1e7df;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;box-shadow:0 2px 6px #0e6b680a}.cockpit-live-tag{letter-spacing:.8px;color:#0e6b68;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.live-pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2.5s infinite pulse-beacon;box-shadow:0 0 0 4px #10b98133}@keyframes pulse-beacon{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b98159}}.cockpit-env{font-size:9px;font-family:var(--font-mono,monospace);color:#1a5649;background:#e8f5f0;border-radius:4px;padding:2px 6px;font-weight:500}.cockpit-node{background:#fff;border:1px solid #d4eae2;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 12px;transition:border-color .2s,transform .2s;display:flex}.node-icon-wrap{color:#0e6b68;background:#e6f4ef;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.node-info{flex:1;min-width:0}.node-headline{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.node-headline strong{color:#132420;font-size:11.5px;font-weight:600}.node-pill{white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:8.5px;font-weight:600}.pill-success{color:#065f46;background:#d1fae5}.pill-teal{color:#0369a1;background:#e0f2fe}.pill-cyan{color:#047857;background:#ecfdf5}.node-sub{color:#4b665d;margin:0;font-size:10px;line-height:1.4}.cockpit-ready-strip{color:#fff;letter-spacing:.2px;background:#0e6b68;border-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:500;display:flex}.cockpit-ready-strip svg{color:#6ee7b7;flex-shrink:0}.bento-panel-footer{border-top:1px solid #e2ddd3;margin:20px 28px 0;padding:18px 0 24px}.footer-custom-os{border-color:#d1eae2}.footer-kicker{letter-spacing:1.4px;margin-bottom:12px;font-size:8.5px;font-weight:700;display:block}.footer-fragmented .footer-kicker{color:#8a3a2a}.footer-custom-os .footer-kicker{color:#0e6b68}.bento-metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bento-metric-item{flex-direction:column;gap:3px;display:flex}.bento-metric-item strong{letter-spacing:-.5px;color:var(--foreground);font-size:clamp(16px,1.6vw,20px);font-weight:700}.bento-metric-item span{color:#646059;font-size:10px;line-height:1.35}.footer-custom-os .bento-metric-item strong{color:#0e6b68}.work-comparison-caption{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:14px;display:flex}.work-comparison-caption>span{color:var(--muted);font-size:11px}.work-comparison-caption a{color:#0e6b68;align-items:center;gap:4px;min-height:44px;font-size:13px;font-weight:600;display:inline-flex}html[data-site-motion=running] .island-one,html[data-site-motion=running] .record-message{animation:7s ease-in-out infinite float-island-1}html[data-site-motion=running] .island-two{animation:7s ease-in-out -2.5s infinite float-island-2}html[data-site-motion=running] .island-three{animation:7s ease-in-out -5s infinite float-island-3}@keyframes float-island-1{0%,to{transform:rotate(-3.5deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-6px)}}@keyframes float-island-2{0%,to{transform:rotate(3deg)translateY(0)}50%{transform:rotate(2.5deg)translateY(-5px)}}@keyframes float-island-3{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(-.5deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.fragmented-island,.live-pulse,.prompt-cursor{animation:none!important}}@media (max-width:980px){.work-story-heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.work-comparison{grid-template-columns:1fr;gap:24px}.bento-canvas{height:310px;margin:8px 16px 0}.bento-panel-header{padding:24px 24px 12px}.bento-panel-footer{margin:16px 24px 0;padding:16px 0 20px}}@media (max-width:600px){.work-story-heading h2{letter-spacing:-1.2px;font-size:28px}.bento-canvas{flex-direction:column;gap:10px;height:auto;min-height:auto;margin:8px 12px 0;padding:12px;display:flex}.fragmented-island{width:100%;max-width:100%;margin:0;position:relative;inset:auto!important;transform:none!important}.bento-metric-grid{grid-template-columns:1fr;gap:10px}.work-comparison-caption{flex-direction:column;align-items:flex-start;gap:10px}}.canvas-custom-os{height:390px}.cockpit-container{gap:0}.cockpit-header{margin-bottom:10px}.cockpit-node{z-index:1;position:relative}.flow-connector{background:#bedbd1;width:2px;height:20px;min-height:20px;margin-left:25px;position:relative}.flow-connector:after{content:"";border-bottom:2px solid #0e6b68;border-right:2px solid #0e6b68;width:8px;height:8px;position:absolute;bottom:1px;left:-3px;transform:rotate(45deg)}.flow-connector i{opacity:0;background:#0e6b68;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px;box-shadow:0 0 0 4px #0e6b6820}.manual-flow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.manual-track{fill:none;stroke:#b89b83;stroke-width:1.5px;stroke-dasharray:4 6}.manual-signal{fill:none;stroke:#d91f50;stroke-width:4px;stroke-linecap:round;stroke-dasharray:18 950}html[data-site-motion=running] .manual-signal{animation:8s ease-in-out infinite manual-transfer}html[data-site-motion=running] .cockpit-node{animation:8s ease-in-out infinite flow-step}html[data-site-motion=running] .node-ai{animation-delay:2s}html[data-site-motion=running] .node-telemetry{animation-delay:4s}html[data-site-motion=running] .flow-connector i{animation:8s linear infinite flow-down}html[data-site-motion=running] .flow-second i{animation-delay:2s}html[data-site-motion=running] .flow-third i{animation-delay:4s}html[data-site-motion=running] .cockpit-ready-strip{animation:8s ease-in-out infinite flow-complete}@keyframes flow-step{0%,25%,to{box-shadow:none;background:#fff;border-color:#d4eae2;transform:translate(0)}5%,19%{background:#e4f3ee;border-color:#0e6b68;transform:translate(3px);box-shadow:inset 4px 0 #0e6b68}}@keyframes flow-down{0%,12%{opacity:0;transform:translateY(0)}13%{opacity:1;transform:translateY(0)}24%{opacity:1;transform:translateY(18px)}25%{opacity:0;transform:translateY(18px)}26%,to{opacity:0;transform:translateY(0)}}@keyframes flow-complete{0%,70%,to{box-shadow:none;transform:scale(1)}77%,90%{transform:scale(1.015);box-shadow:0 0 0 4px #0e6b6825}}@keyframes manual-transfer{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}30%,48%{stroke-dashoffset:-270px;opacity:1}54%{opacity:.25;stroke-dashoffset:-270px}64%{opacity:1;stroke-dashoffset:-270px}88%{stroke-dashoffset:-670px;opacity:1}to{stroke-dashoffset:-670px;opacity:0}}@media (max-width:600px){.canvas-custom-os{height:auto}.canvas-fragmented{gap:28px}.manual-flow-lines{display:none}.fragmented-island:not(:last-child):after{content:"";border-left:2px dashed #b89b83;width:2px;height:22px;position:absolute;bottom:-25px;left:26px}.fragmented-island:not(:last-child):before{content:"";background:#d91f50;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-9px;left:23px}html[data-site-motion=running] .fragmented-island:before{animation:4s ease-in-out infinite manual-mobile}html[data-site-motion=running] .island-two:before{animation-delay:2s}.cockpit-node{flex-shrink:0}.node-headline{flex-wrap:wrap}}@keyframes manual-mobile{0%,to{transform:translateY(0)}35%,70%{transform:translateY(9px)}85%{transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.work-story *,.work-story :before,.work-story :after{animation:none!important}.manual-signal{display:none}}.work-comparison .canvas-custom-os{isolation:isolate;perspective:1000px;background:0 0;border-color:#0000;height:420px;padding:18px;position:relative}.work-comparison .canvas-custom-os:before{content:"";z-index:-1;transform-origin:50%;background:linear-gradient(#f3f9f6,#edf7f3);border:1px solid #cce5dd;border-radius:12px;position:absolute;inset:0}.work-comparison .cockpit-container{transform:none}.work-comparison .cockpit-node{--scatter-x:0px;--scatter-y:-4px;--scatter-turn:-11deg;transform-origin:50%}.work-comparison .node-ai{--scatter-x:30%;--scatter-y:0px;--scatter-turn:10deg}.work-comparison .node-telemetry{--scatter-x:8%;--scatter-y:4px;--scatter-turn:-7deg}html:is([data-site-motion=running],[data-site-motion=paused]) .work-comparison .cockpit-node{animation:8s cubic-bezier(.22,1,.36,1) infinite assemble-business-card}html:is([data-site-motion=running],[data-site-motion=paused]) .work-comparison .canvas-custom-os:before{animation:8s ease-in-out infinite assemble-workspace}html:is([data-site-motion=running],[data-site-motion=paused]) .work-comparison .cockpit-header,html:is([data-site-motion=running],[data-site-motion=paused]) .work-comparison .flow-connector{animation:8s ease-in-out infinite connect-workspace}html:is([data-site-motion=running],[data-site-motion=paused]) .work-comparison .cockpit-ready-strip{animation:8s ease-in-out infinite workspace-ready}@keyframes assemble-business-card{0%,24%,to{width:72%;transform:translate(var(--scatter-x), var(--scatter-y)) rotate(var(--scatter-turn)) rotateY(-12deg) scale(1);box-shadow:5px 12px 0 -6px #dfd8cc, 0 16px 24px -18px var(--ink)}48%,78%{width:100%;transform:translate(0)rotate(0)rotateY(0)scale(1);box-shadow:0 2px 6px #0e6b6810}}@keyframes assemble-workspace{0%,24%,to{opacity:0;transform:scale(.82)rotateX(12deg)}48%,78%{opacity:1;transform:scale(1)rotateX(0)}}@keyframes connect-workspace{0%,18%,to{opacity:0;transform:translateY(8px)}48%,78%{opacity:1;transform:translateY(0)}}@keyframes workspace-ready{0%,60%,to{opacity:0;transform:translateY(10px)scale(.97)}72%,88%{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.work-comparison .canvas-custom-os{height:auto;padding:16px}.work-comparison .cockpit-node{--scatter-x:2%;--scatter-turn:-7deg}.work-comparison .node-ai{--scatter-x:22%;--scatter-turn:3deg}}@media (prefers-reduced-motion:reduce){.work-comparison .canvas-custom-os:before,.work-comparison .cockpit-node,.work-comparison .cockpit-header,.work-comparison .flow-connector,.work-comparison .cockpit-ready-strip{opacity:1;transform:none;animation:none!important}.work-comparison .cockpit-node{width:100%}}.simple-work-story .bento-panel{padding:30px}.simple-comparison-header h3{letter-spacing:-.8px;margin:0 0 16px;font-size:clamp(25px,2.5vw,34px);line-height:1.2}.simple-comparison-header p{color:var(--muted);max-width:48ch;margin:0;font-size:17px;line-height:1.65}.simple-business-flow{margin:28px 0 0;padding:0;list-style:none}.simple-flow-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.simple-flow-card strong{font-size:18px}.manual-business-flow svg{color:#a74532}.connected-business-flow svg{color:var(--teal)}.connected-business-flow .simple-flow-card{border-color:#b9ddd5}.simple-flow-connection{background:#c4d8d2;width:2px;height:32px;margin-left:31px;position:relative;overflow:hidden}.simple-flow-connection:after{content:"";border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);width:6px;height:6px;position:absolute;bottom:2px;left:-3px;transform:rotate(45deg)}.simple-flow-connection i{background:var(--teal);width:2px;height:10px;animation:2s linear infinite simple-flow-down;display:block;position:absolute;top:-10px;left:0}.simple-business-flow li:nth-child(2) i{animation-delay:1s}.manual-business-flow .simple-flow-connection{background:repeating-linear-gradient(#c3b3a4 0 5px,#0000 5px 10px)}.manual-business-flow .simple-flow-connection i{background:#a74532;animation-duration:4s}.simple-flow-caption{color:var(--ink);margin:24px 0 0;font-size:16px}.simple-comparison-benefits{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:24px 48px;padding:26px 0;display:flex}.simple-comparison-benefits span{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.simple-comparison-benefits svg{color:var(--teal)}@keyframes simple-flow-down{to{transform:translateY(44px)}}@media (max-width:600px){.simple-work-story .bento-panel{padding:24px}.simple-comparison-benefits{flex-direction:column;justify-content:flex-start;gap:18px}}@media (prefers-reduced-motion:reduce){.simple-flow-connection i{animation:none}}html[data-site-motion=paused] .simple-flow-connection i{animation-play-state:paused}.delivery-journey{padding-top:24px;scroll-margin-top:110px}.delivery-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px;display:flex}.delivery-heading h2{letter-spacing:-2px;font-size:clamp(36px,4.5vw,62px);line-height:1.1}.delivery-heading>p{max-width:40ch;color:var(--muted);font-size:17px;line-height:1.7}.delivery-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.delivery-step{min-width:0;position:relative}.delivery-marker{width:74px;height:74px;color:var(--teal);background:#edf7f3;border:1px solid #b7d7d0;border-radius:22px;place-items:center;display:grid;position:relative}.delivery-marker:before{content:"";border-radius:inherit;border:1px solid var(--teal);opacity:0;animation:10s ease-in-out infinite delivery-stage;animation-delay:calc(var(--flow-index) * 2s - 10s);position:absolute;inset:-1px;box-shadow:0 0 0 7px #067f8b18}.delivery-number{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:600;display:grid;position:absolute;top:-8px;right:-8px}.delivery-connector{background:#c3dbd4;height:2px;position:absolute;top:36px;left:88px;right:-14px}.delivery-connector:after{content:"";border-top:2px solid var(--teal);border-right:2px solid var(--teal);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.delivery-connector i{width:calc(100% - 8px);height:8px;animation:10s linear infinite delivery-travel;animation-delay:calc(var(--flow-index) * 2s - 10s);opacity:0;position:absolute;top:-3px;left:0}.delivery-connector i:after{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 4px #067f8b18}.delivery-step h3{letter-spacing:-.6px;margin:25px 0 12px;font-size:22px;line-height:1.3}.delivery-step>p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.delivery-week{background:var(--teal);color:#fff;border-radius:20px;margin-top:16px;padding:6px 13px;font-size:16px;font-weight:600;display:inline-block}.delivery-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:32px;padding-top:30px;display:flex}.delivery-next p{color:var(--muted);max-width:60ch;font-size:13px;line-height:1.65}.delivery-next a{flex-shrink:0}@keyframes delivery-stage{0%,24%,to{opacity:0}5%,15%{opacity:1}}@keyframes delivery-travel{0%{opacity:0;transform:translate(0)}2%{opacity:1}18%{opacity:1}20%,to{opacity:0;transform:translate(100%)}}@media (max-width:900px){.delivery-heading{flex-direction:column;align-items:flex-start;gap:16px}.delivery-heading p{margin:0}.delivery-flow{grid-template-columns:1fr;gap:0}.delivery-step{min-height:134px;padding:0 0 34px 100px}.delivery-marker{position:absolute;top:0;left:0}.delivery-step h3{margin:8px 0 10px}.delivery-connector{width:2px;height:auto;inset:86px auto 12px 36px}.delivery-connector:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.delivery-connector i{width:8px;height:calc(100% - 8px);animation-name:delivery-travel-down;top:0;left:-3px}.delivery-next{flex-direction:column;align-items:flex-start;gap:18px}}@keyframes delivery-travel-down{0%{opacity:0;transform:translateY(0)}2%{opacity:1}18%{opacity:1}20%,to{opacity:0;transform:translateY(100%)}}html[data-site-motion=paused] .delivery-marker:before,html[data-site-motion=paused] .delivery-connector i{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.delivery-marker:before,.delivery-connector i{animation:none}}