@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--ink:#142a3d;--paper:#f6f5f0;--lime:#d9ef70;--muted:#536371;--line:#d8ded9;--white:#fff;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Source Sans 3',sans-serif;font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #315ab4;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.5vw,70px);line-height:1.09;letter-spacing:-.065em;font-weight:700}h2{font-size:clamp(32px,3.25vw,48px);line-height:1.15;letter-spacing:-.045em;font-weight:600}h3{font-size:23px;line-height:1.3;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.header{min-height:108px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:37px;letter-spacing:-2.6px;line-height:1;display:inline-flex;flex-direction:column;width:max-content}.brand span{font:600 9px Manrope,sans-serif;letter-spacing:4px;padding-left:5px;margin-top:7px}.header nav{margin-left:auto;display:flex;gap:32px;font-size:15px;font-weight:500}.nav-contact{font-size:15px;padding:12px 20px;border:1px solid var(--ink);border-radius:5px;display:flex;gap:24px}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;padding-block:90px 70px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.status-dot{width:7px;height:7px;background:var(--ink);display:inline-block;border-radius:50%;margin-right:8px}.hero h1{margin-top:28px}.lead{font-size:21px;line-height:1.5;max-width:600px;margin-top:25px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;border-radius:5px;font-size:15px;font-weight:600}.primary{background:var(--ink);color:white}.primary span{color:var(--lime)}.text-link{font-size:15px;border-bottom:1px solid var(--ink);padding-bottom:4px;display:inline-block}.hero-foot{font-size:13px;line-height:1.6;margin-top:36px}.hero-visual{min-width:0;background:#e9ece3;padding:25px 22px 12px;border-radius:8px}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;color:var(--muted)}.visual-bottom{font-size:10px;letter-spacing:0;align-items:center;margin-top:14px}.visual-cross{font-size:28px}.product-tabs{display:flex;gap:5px;margin:22px 0 16px}.product-tabs button{border:0;border-radius:30px;padding:8px 17px;font-size:12px;background:transparent;color:var(--ink)}.product-tabs button[aria-selected=true]{background:var(--ink);color:var(--lime)}.product-screen{background:#fff;border:1px solid #d9dfe1;border-radius:7px;overflow:hidden;color:#243d49;min-width:0;box-shadow:0 10px 24px #142a3d0a}.screen-bar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e9e9;padding:14px;font-size:9px}.screen-bar b{font:800 12px Manrope,sans-serif}.screen-bar span{margin-left:auto;color:#5e747a}.screen-bar i{display:block;width:18px;height:18px;background:#e5eee9;border-radius:50%}.screen-body{display:grid;grid-template-columns:90px 1fr;min-height:285px}.screen-body aside{background:#edf4f1;padding:17px 10px;font-size:9px;line-height:3.3;color:#42685f}.screen-body aside strong{background:#d8e9e2;padding:5px 8px;border-radius:3px}.screen-main{padding:22px 15px;min-width:0}.screen-main small{font-size:8px;letter-spacing:1px}.screen-main h3{font-size:16px;margin-top:6px;line-height:1.3}.agenda-heading{display:flex;align-items:center;gap:5px}.mini-pill{font-size:8px;background:#f1f5f3;padding:5px;margin-left:auto}.calendar{margin-top:20px;border:1px solid #e1e8e4;border-radius:4px;overflow:hidden}.days{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:8px;padding:8px;background:#f8faf8}.calendar-grid{height:151px;position:relative;background-image:linear-gradient(to right,#e8eeea 1px,transparent 1px),linear-gradient(to bottom,#e8eeea 1px,transparent 1px);background-size:25% 100%,100% 38px}.appointment{position:absolute;font-size:7px;background:#dcebe3;border-left:2px solid #638c7c;border-radius:3px;padding:5px;width:45%;height:42px;display:flex;flex-direction:column}.appointment span{font-size:6px;color:#4e6259}.a1{left:3%;top:10px}.a2{left:52%;top:44px;background:#f0eddb;border-color:#aa9a50}.a3{left:3%;top:85px}.a4{left:52%;top:100px;background:#e4e9f4;border-color:#7f94be}.screen-footer{display:flex;gap:12px;align-items:center;font-size:8px;margin-top:17px;color:#456b5d}.screen-footer span{color:#899b92}.workforce .screen-body aside{background:#e8edf4;color:#2a4568}.map-grid{height:183px;position:relative;margin-top:16px;border-radius:5px;overflow:hidden;background-color:#eef1e8;background-image:linear-gradient(35deg,transparent 46%,#fff 47%,#fff 51%,transparent 52%),linear-gradient(95deg,transparent 46%,#fff 47%,#fff 51%,transparent 52%);background-size:90px 100px,150px 70px}.geo-ring{position:absolute;width:125px;height:125px;border:2px dashed #607e9e;border-radius:50%;left:27%;top:17px;background:#597aa714}.map-point{position:absolute;width:9px;height:9px;background:#274d78;border:2px solid white;border-radius:50%}.p1{left:43%;top:50px}.p2{left:60%;top:88px}.p3{left:35%;top:110px}.map-key{position:absolute;bottom:8px;left:8px;font-size:8px;background:white;padding:4px 8px}.crm{background:#1c2422;color:#f3f4ed;border-color:#33423b}.crm .screen-bar{border-color:#39453e}.crm .screen-body aside{background:#17201b;color:#a6bdb0}.crm .screen-bar span{color:#bcc9c1}.chat-bubble{font-size:11px;line-height:1.6;padding:13px;background:#303c35;margin:22px 20px 0 0;border-radius:7px}.chat-bubble.reply{margin:12px 0 0 20px;background:#c9e5d4;color:#1c3827}.pending{font-size:9px;color:#d8c795;margin-top:25px}.capabilities{display:flex;justify-content:space-between;gap:20px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.capabilities span:before{content:'+';margin-right:15px;color:#6d7963}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-head h2,.services h2,.process h2{margin-top:20px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.project-art{padding:42px 30px 12px;background:#e6ece8;border-radius:5px;overflow:hidden}.project-card:nth-child(2n) .project-art{background:#e7ebef}.project-card .screen-body{min-height:250px}.project-card .screen-main{padding-top:16px}.project-card .art-note{font-size:10px;display:block;margin-top:18px;color:#536371}.project-caption{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.project-caption h3{margin:9px 0}.project-caption p{font-size:16px}.round-arrow{border:1px solid var(--line);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;flex-shrink:0}.services{background:var(--ink);color:var(--paper)}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.services .eyebrow{color:var(--lime)}.services p{color:#bac7d0;max-width:430px;margin-top:22px}.services .eyebrow{margin-top:0}.service-list article{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid #3c4c59}.service-list article:first-child{padding-top:0}.service-number{font-size:12px;color:var(--lime);padding-top:5px}.service-list h3{font-size:22px}.service-list p{font-size:16px;margin-top:10px}.service-list article>span:last-child{margin-left:auto;color:var(--lime)}.product-list>a{display:flex;align-items:center;gap:36px;border-top:1px solid var(--line);padding:28px 0}.product-list>a:last-child{border-bottom:1px solid var(--line)}.product-index{font-size:12px;color:var(--muted)}.product-list h3{font-size:25px}.product-list p{margin-top:6px;font-size:16px}.state{font-size:12px;border:1px solid var(--line);padding:5px 12px;border-radius:20px;margin-left:auto;white-space:nowrap}.process{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:48px}.process-grid b{font-size:12px;background:var(--lime);padding:6px 10px}.process-grid h3{margin:20px 0 13px;font-size:22px}.process-grid p{font-size:16px}.contact{background:var(--ink);color:var(--paper)}.contact-inner{text-align:center}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(38px,4.5vw,65px);margin-top:25px}.contact p:not(.eyebrow){color:#bdc9ce;margin-top:24px}.lime{background:var(--lime);color:var(--ink);margin-top:32px}.contact-email{display:block;margin-top:23px;font-size:14px;color:#c7d2d8}.footer{padding-block:40px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}.footer p{font-size:14px}.footer>a:not(.brand){font-size:13px;margin-left:auto}.footer small{font-size:11px;color:var(--muted);width:100%;border-top:1px solid var(--line);padding-top:20px}.detail>.eyebrow{margin-top:45px}.detail h1{margin-top:20px}.detail-art{max-width:960px;margin:50px auto;background:#e9ede8;padding:50px;border-radius:5px}.detail-art .screen-body{min-height:350px;grid-template-columns:140px 1fr}.detail-art .screen-main{padding:35px}.detail-art .screen-body aside{font-size:13px}.detail-art .screen-main h3{font-size:25px}.detail-art .calendar-grid{height:190px}.detail-art small{font-size:12px}.detail-art>small{display:block;margin-top:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-grid p{margin-top:25px}.development-note{font-size:15px;border-left:3px solid #9aaa68;padding-left:20px}.detail-grid ul{padding-left:20px;margin-bottom:30px}.detail-grid li{padding:8px 0}.filters{display:flex;gap:10px;margin:35px 0}.filters button{border:1px solid var(--line);background:transparent;border-radius:25px;padding:9px 20px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.project-art img,.detail-art img{width:100%;height:auto;display:block}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.hero{gap:85px}.hero h1{font-size:74px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.hero h1{font-size:48px}.hero-visual{padding:18px 12px 8px}.screen-body{grid-template-columns:70px 1fr}.screen-main{padding:18px 10px}.screen-body aside{font-size:8px;padding:15px 7px}.services-layout{gap:45px}.hero-actions{gap:18px}.hero-foot{margin-top:20px}.project-art{padding:25px 15px 10px}}@media(max-width:800px){.header{min-height:90px;gap:18px}.header nav{gap:18px;font-size:13px}.nav-contact{padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:50px;gap:38px}.hero h1{font-size:clamp(44px,7.5vw,65px);max-width:650px}.hero .lead{max-width:500px}.hero-foot{display:none}.hero-visual{max-width:650px;width:100%;padding:25px}.screen-body{grid-template-columns:100px 1fr}.screen-body aside{font-size:10px}.screen-main{padding:22px 18px}.screen-main h3{font-size:18px}.capabilities{flex-wrap:wrap;font-size:13px;gap:18px}.capabilities span{width:45%}.section{padding-block:60px}.projects-grid,.services-layout{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head .text-link{white-space:nowrap}.project-art{padding:35px 25px 14px}.process-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-art{padding:25px}.detail-art .screen-body{grid-template-columns:90px 1fr}.detail-art .screen-main{padding:20px}.detail-art .screen-body aside{font-size:10px}.detail-art .screen-main h3{font-size:18px}.product-list>a{gap:20px}.footer>a:not(.brand){margin-left:0}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;padding-block:20px;gap:18px}.header .brand{font-size:32px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.nav-contact{margin-left:auto}.hero h1{font-size:43px}.lead{font-size:19px}.hero-visual{padding:17px 9px 6px}.visual-top{font-size:8px}.screen-body{grid-template-columns:65px 1fr}.screen-body aside{font-size:7px;padding:12px 5px}.screen-main{padding:18px 9px}.screen-main h3{font-size:14px}.screen-bar{padding:11px 8px}.screen-bar b{font-size:10px}.screen-bar span{font-size:8px}.mini-pill{display:none}.appointment{font-size:6px;padding:4px}.appointment span{font-size:5px}.screen-footer{gap:8px;font-size:7px}.product-tabs button{font-size:11px;padding:8px 14px}.section-head{display:block}.section-head .text-link,.section-head>p{margin-top:22px}.project-art{padding:20px 8px 8px}.project-caption .eyebrow{font-size:9px;letter-spacing:1px}.product-list>a{flex-wrap:wrap;gap:12px}.product-list>a>div{width:calc(100% - 35px)}.state{margin-left:30px}.product-list>a>span:last-child{margin-left:auto}.process-grid{gap:30px 20px}.process-grid h3{font-size:20px}.process-grid p{font-size:15px}.contact h2{font-size:38px}.button{padding:15px 18px}.footer{gap:25px}.detail-art{padding:12px}.detail-art .screen-body{grid-template-columns:65px 1fr}.detail-art .screen-body aside{font-size:7px}.detail-art .screen-main{padding:14px 8px}.detail-art .screen-main h3{font-size:14px}.detail-art .screen-body{min-height:280px}.detail-art .calendar-grid{height:151px}}

/* Product-led presentation: larger interfaces, fewer decorative marks. */
.status-dot,.visual-cross{display:none}.capabilities span:before{content:none}.hero{grid-template-columns:1fr;gap:46px;padding-top:64px}.hero-copy{display:grid;grid-template-columns:1.35fr 1fr;column-gap:65px;align-items:start}.hero-copy>.eyebrow{grid-column:1/-1}.hero h1{font-size:clamp(42px,4.8vw,68px);max-width:800px;grid-row:2/4;margin-top:22px}.hero .lead{margin-top:27px;font-size:21px;max-width:470px}.hero-actions{grid-column:2;margin-top:25px}.hero-visual{width:100%;max-width:none;padding:28px 44px 16px;background:#e6ebe7}.hero-visual .product-screen{max-width:1060px;margin:auto}.hero-visual .screen-bar{padding:19px 24px;font-size:12px}.hero-visual .screen-bar b{font-size:17px}.hero-visual .screen-body{grid-template-columns:160px 1fr;min-height:380px}.hero-visual .screen-body aside{font-size:13px;padding:25px 20px}.hero-visual .screen-main{padding:25px 35px}.hero-visual .screen-main h3{font-size:25px}.hero-visual .screen-main small{font-size:10px}.hero-visual .calendar-grid{height:218px;background-size:25% 100%,100% 54px}.hero-visual .days{font-size:11px;padding:12px}.hero-visual .appointment{font-size:12px;height:62px;padding:10px;width:43%}.hero-visual .appointment span{font-size:10px}.hero-visual .a1{top:10px}.hero-visual .a2{top:45px}.hero-visual .a3{top:113px}.hero-visual .a4{top:143px}.hero-visual .screen-footer{font-size:11px;gap:25px}.hero-visual .mini-pill{font-size:11px;padding:8px 13px}.hero-visual .map-grid{height:260px}.hero-visual .geo-ring{width:190px;height:190px}.hero-visual .map-key{font-size:12px}.hero-visual .chat-bubble{font-size:16px;max-width:500px}.hero-visual .pending{font-size:12px}.hero-visual .product-tabs button{font-size:14px;padding:10px 24px}.work .projects-grid{grid-template-columns:1fr}.work .project-card>a{display:grid;grid-template-columns:1.7fr 1fr;gap:42px;align-items:center}.work .project-caption{margin-top:0}.work .project-caption h3{font-size:32px;margin:16px 0}.work .project-caption p{font-size:20px}.contact-email+.contact-email{margin-top:8px}
@media(max-width:800px){.hero-copy{display:block}.hero h1{max-width:650px}.hero-visual{padding:22px 15px 12px}.hero-visual .screen-body{grid-template-columns:100px 1fr}.hero-visual .screen-body aside{font-size:10px;padding:20px 10px}.hero-visual .screen-main{padding:22px 16px}.hero-visual .screen-main h3{font-size:20px}.hero-visual .appointment{font-size:10px}.hero-visual .appointment span{font-size:8px}.work .project-card>a{display:block}.work .project-caption{margin-top:22px}.hero .lead{max-width:600px}}
@media(max-width:480px){.hero{padding-top:35px;gap:30px}.hero h1{font-size:42px}.hero .lead{font-size:18px}.hero-visual{padding:16px 8px 8px}.hero-visual .screen-bar{padding:12px 8px;font-size:8px}.hero-visual .screen-bar b{font-size:12px}.hero-visual .screen-body{grid-template-columns:65px 1fr;min-height:280px}.hero-visual .screen-body aside{font-size:7px;padding:15px 5px}.hero-visual .screen-main{padding:16px 9px}.hero-visual .screen-main h3{font-size:16px}.hero-visual .screen-main small{font-size:8px}.hero-visual .appointment{font-size:8px;padding:5px;height:57px}.hero-visual .appointment span{font-size:7px}.hero-visual .screen-footer{font-size:8px;gap:10px}.hero-visual .days{font-size:8px}.hero-visual .product-tabs button{font-size:12px;padding:8px 15px}.hero-visual .chat-bubble{font-size:12px}.hero-visual .pending{font-size:10px}.work .project-caption h3{font-size:26px}.work .project-caption p{font-size:17px}}

/* Small, event-driven motion. No animation libraries or continuous loops. */
@media(prefers-reduced-motion:no-preference){
  .section-head,.project-card,.service-list article,.product-list>a,.process-grid article,.contact-inner{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
  .reveal-pending{opacity:0;transform:translateY(18px)}
  [role=tabpanel]:not([hidden]){animation:product-enter .3s cubic-bezier(.2,.7,.2,1) both}
  @keyframes product-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .button,.nav-contact,.round-arrow{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
  .button>span,.nav-contact>span{transition:transform .2s ease}
  .project-art>.product-screen,.project-art>img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
  .header nav a{position:relative}
  .header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
  .header nav a:focus-visible:after{transform:scaleX(1)}
  @media(hover:hover) and (pointer:fine){
    .button:hover,.nav-contact:hover{transform:translateY(-2px)}
    .button:hover>span,.nav-contact:hover>span{transform:translate(2px,-2px)}
    .primary:hover{background:#203f54}.lime:hover{background:#e2f48f}
    .project-card>a:hover .product-screen,.project-card>a:hover .project-art>img{transform:scale(1.018)}
    .project-card>a:hover .round-arrow{background:var(--ink);color:var(--lime);border-color:var(--ink)}
    .header nav a:hover:after{transform:scaleX(1)}
  }
}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}}
@media print{.reveal-pending{opacity:1!important;transform:none!important}}

/* Portfolio: fewer competing panels, more readable product context. */
.portfolio .projects-grid{grid-template-columns:1fr;gap:58px}.portfolio .project-card>a{display:grid;grid-template-columns:1.7fr 1fr;gap:45px;align-items:center}.portfolio .project-caption{margin:0}.portfolio .project-caption h3{font-size:34px;margin:16px 0}.portfolio .project-caption p{font-size:20px;max-width:370px}.portfolio .project-art{padding:40px 30px 14px}.project-open{display:inline-block;margin-top:24px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.project-meta{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:38px}.project-meta span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.project-meta strong{font-size:16px;font-weight:500}.case-context{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin:65px 0;padding-bottom:55px;border-bottom:1px solid var(--line)}.case-context h2{font-size:30px;line-height:1.4;margin-top:20px}.case-context section>p:not(.eyebrow){font-size:22px;margin-top:20px}.detail-art{max-width:1100px}.detail-art .screen-bar b{font-size:18px}.detail-art .screen-bar{font-size:12px;padding:20px}.detail-art .appointment{font-size:11px;height:52px}.detail-art .appointment span{font-size:9px}.detail-art .a3{top:112px}.detail-art .a4{top:131px}.detail-art .days{font-size:11px}.detail-art .screen-footer{font-size:12px}.detail-art .chat-bubble{font-size:16px}.detail-art .map-grid{height:260px}
@media(max-width:800px){.portfolio .project-card>a{grid-template-columns:1fr;gap:22px}.portfolio .project-caption p{max-width:none}.case-context{grid-template-columns:1fr;gap:30px;margin:45px 0}.project-meta{grid-template-columns:1fr 1fr}.case-context h2{font-size:27px}}
@media(max-width:480px){.portfolio .project-art{padding:20px 8px 10px}.portfolio .project-caption h3{font-size:27px}.portfolio .project-caption p{font-size:18px}.project-meta{gap:22px}.project-meta strong{font-size:14px}.case-context h2{font-size:24px}.case-context section>p:not(.eyebrow){font-size:19px}.detail-art .screen-bar{padding:12px 7px;font-size:8px}.detail-art .screen-bar b{font-size:11px}.detail-art .appointment{font-size:7px;height:45px}.detail-art .appointment span{font-size:6px}.detail-art .a3{top:85px}.detail-art .a4{top:100px}.detail-art .days,.detail-art .screen-footer{font-size:8px}.detail-art .chat-bubble{font-size:12px}}

.real-product-capture{display:block;width:100%;height:auto;border:1px solid #d5ddda;border-radius:6px}.hero-visual [role=tabpanel]{min-height:0}.hero-visual:has(.real-product-capture){padding:24px 20px 14px}.project-art:has(>img){padding:22px 15px 12px}.project-art>img{border-radius:4px;border:1px solid #d8ded9}.detail-art:has(>img){max-width:none;padding:22px;background:#e8ece7}.detail-art>img{border-radius:5px}.capture-open{display:inline-block;font-size:14px;border-bottom:1px solid var(--ink);margin-top:15px;padding-bottom:3px}.hero-visual [role=tabpanel]:has(.real-product-capture){background:transparent}.portfolio .project-card>a:has(img){grid-template-columns:2fr 1fr}
@media(max-width:800px){.portfolio .project-card>a:has(img){grid-template-columns:1fr}.hero-visual:has(.real-product-capture){padding:16px 8px 10px}.detail-art:has(>img){padding:10px}}

.walkthrough{margin:70px 0;padding:42px;background:#e8ece7;border-radius:8px}.walkthrough h2{margin-top:16px}.walkthrough-intro{margin-top:18px;font-size:17px}.walkthrough-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;margin-top:32px}.walkthrough-controls{display:flex;flex-direction:column;gap:10px}.walkthrough-step{display:flex;gap:14px;align-items:center;text-align:left;padding:18px;border:1px solid #c8d2cb;border-radius:5px;background:transparent;color:var(--ink);font-size:15px}.walkthrough-step span{font-size:11px}.walkthrough-step[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.walkthrough-step[aria-pressed=true] span{color:var(--lime)}.walkthrough-view{min-width:0}.walkthrough-view figure{margin:0}.walkthrough-image{height:440px;background:#f1f4fa;border:1px solid #d7dfe0;border-radius:6px;overflow:hidden}.walkthrough-image img{width:100%;height:100%;object-fit:contain}.walkthrough-view figcaption{margin-top:24px}.walkthrough-view figcaption p{font-size:16px;margin-top:10px}.walkthrough-view figcaption h3{font-size:23px}@media(max-width:800px){.walkthrough{padding:22px}.walkthrough-layout{grid-template-columns:1fr}.walkthrough-controls{flex-direction:row}.walkthrough-step{flex:1}.walkthrough-image{height:auto;min-height:200px}.walkthrough-image img{height:auto;display:block}}@media(max-width:480px){.walkthrough{padding:16px}.walkthrough-step{padding:12px;font-size:13px;gap:8px}}

/* A technical stage frames the real product instead of decorating the copy. */
.hero-visual{position:relative;isolation:isolate;border:1px solid #cbd5cf;background-color:#e8ece5!important;background-image:linear-gradient(#142a3d06 1px,transparent 1px),linear-gradient(90deg,#142a3d06 1px,transparent 1px)!important;background-size:32px 32px!important}.hero-visual:before,.hero-visual:after{content:'';position:absolute;width:36px;height:36px;pointer-events:none;border-color:#73844f;border-style:solid}.hero-visual:before{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:8px 0 0}.hero-visual:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 8px}.hero-visual .product-tabs{gap:8px}.hero-visual .product-tabs button{border-radius:5px;background:#f6f5f0;border:1px solid #cbd5cf}.hero-visual .product-tabs button[aria-selected=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.real-product-capture{box-shadow:0 18px 42px -24px #142a3d60}.primary>span,.lime>span,.nav-contact>span{display:inline-grid;place-items:center;min-width:26px;height:26px;border-left:1px solid #ffffff30;padding-left:10px}.lime>span,.nav-contact>span{border-color:#142a3d30}.button{min-height:52px}.product-tabs button,.filters button,.walkthrough-step{min-height:44px}.hero-visual [role=tabpanel]{scroll-margin-top:25px}.hero-visual .visual-bottom{padding-top:5px;color:#3e505a}.contact{position:relative;isolation:isolate;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(#c4d4dd 1px,transparent 1px),linear-gradient(90deg,#c4d4dd 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
@media(prefers-reduced-motion:no-preference){.hero-visual .real-product-capture{animation:stage-in .5s cubic-bezier(.2,.7,.2,1) both}.button:active,.nav-contact:active{transform:translateY(1px)}@keyframes stage-in{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover) and (pointer:fine){.nav-contact:hover{background:var(--ink);color:var(--lime)}.walkthrough-step:not([aria-pressed=true]):hover{background:#f6f5f0}}
@media(max-width:480px){.hero-visual{background-size:24px 24px!important}.hero-visual:before,.hero-visual:after{width:22px;height:22px}.hero-visual .product-tabs{gap:6px}.hero-visual .product-tabs button{padding-inline:13px}.contact-email{overflow-wrap:anywhere}.footer>a:not(.brand){overflow-wrap:anywhere;max-width:100%}}

.hero-visual .real-product-capture{aspect-ratio:2.1;object-fit:contain;background:#f4f5f3}.stage-project-link{display:flex;justify-content:space-between;gap:18px;padding:16px 3px 4px;font-size:14px;font-weight:600}.stage-project-link span{font-size:20px}.stage-project-link:focus-visible{outline-offset:1px}

/* Editorial direction: product imagery and typography, without dashboard chrome. */
.hero-visual{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none;isolation:auto}.hero-visual:before,.hero-visual:after{display:none}.hero-visual .product-tabs{gap:32px;border-bottom:1px solid var(--line);margin:0 0 24px;padding:0}.hero-visual .product-tabs button{background:none!important;color:var(--muted)!important;border:0!important;border-radius:0;padding:14px 0;font:500 17px Manrope,sans-serif;position:relative;min-height:52px}.hero-visual .product-tabs button[aria-selected=true]{color:var(--ink)!important}.hero-visual .product-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ink)}.hero-visual .real-product-capture{border-radius:0;border:0;box-shadow:none;background:#edf0ec;padding:22px;aspect-ratio:2.1}.stage-project-link{padding:22px 0 10px;font:600 18px Manrope,sans-serif;display:inline-block;border-bottom:1px solid var(--ink)}.visual-bottom{margin-top:8px;padding-top:0!important;font-size:11px}.hero{gap:54px;padding-top:76px}.hero h1{font-weight:600;letter-spacing:-.055em}.button,.nav-contact{border-radius:2px;gap:0;min-height:52px;padding:15px 24px;font-weight:600}.button:empty{display:none}.nav-contact{border:0;border-bottom:1px solid var(--ink);background:transparent!important;color:var(--ink)!important;padding:8px 0;min-height:0;font-weight:500}.header{border-bottom:0}.header nav a:after{height:1px}.primary{background:var(--ink)}.contact:before{display:none}.project-art{border-radius:0!important}.project-art>img{border-radius:0;border:0}.project-caption h3{font-weight:600}.project-open{font-size:14px;margin-top:28px}.project-meta{border-top:0}.walkthrough{border-radius:0}.walkthrough-step{border-radius:0}.contact h2{font-weight:500}.product-index{display:none}.product-list>a{padding:34px 0}.product-list .state{border:0;padding:0;border-radius:0}.capabilities{font-size:13px;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.hero-visual .real-product-capture{animation:editorial-enter .4s ease both}.primary{transition:background-color .2s ease,transform .2s ease}@keyframes editorial-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(hover:hover) and (pointer:fine){.nav-contact:hover{transform:none}.primary:hover{background:#29465a}.project-card>a:hover .product-art>img{transform:none}}
@media(max-width:800px){.hero{padding-top:45px;gap:38px}.hero-visual .real-product-capture{padding:12px}.hero-visual .product-tabs{gap:28px}.stage-project-link{font-size:16px}}
@media(max-width:480px){.hero{padding-top:30px;gap:32px}.hero-visual .product-tabs{gap:26px;margin-bottom:16px}.hero-visual .product-tabs button{font-size:15px}.hero-visual .real-product-capture{padding:6px}.hero-visual .visual-bottom{font-size:10px}.header nav{border-top:0}.product-list .state{margin-left:0}}

/* Product choreography: transform and opacity only; static without motion. */
.system-stage{position:relative;isolation:isolate;padding:24px 0 0;color:var(--ink)}
.stage-heading,.stage-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.stage-heading{font:10px Manrope,sans-serif;letter-spacing:.12em;color:#536570}.motion-toggle{background:transparent;color:var(--ink);border:1px solid #142a3d28;border-radius:24px;min-height:44px;padding:10px 16px;font:12px 'Source Sans 3',sans-serif;cursor:pointer}.motion-toggle:hover{background:#142a3d08}
.software-scene{position:relative;height:550px;margin-top:10px;perspective:1200px}.scene-orbit{position:absolute;inset:10% 5% 0;background:radial-gradient(ellipse at 52% 55%,#d9ef7070,transparent 62%);z-index:-1;border-radius:50%}
.operations-window{position:absolute;left:29%;top:90px;width:68%;background:#fff;border:1px solid #142a3d15;border-radius:18px;box-shadow:0 35px 65px -30px #142a3d50;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg)}.operations-top{display:flex;gap:18px;align-items:center;border-bottom:1px solid #142a3d12;padding:16px 23px;font-size:11px;color:#63717a}.operations-top b{font:800 25px Manrope,sans-serif;letter-spacing:-2px;color:var(--ink)}.window-avatar{margin-left:auto;background:#edf1e8;border-radius:50%;padding:8px 11px}.operations-body{display:grid;grid-template-columns:100px 1fr;min-height:290px}.operations-body aside{display:flex;flex-direction:column;gap:20px;padding:24px 14px;background:#f8f9f6;font-size:11px;color:#65747a}.operations-body aside strong{color:var(--ink);background:#e9efdf;border-radius:6px;padding:8px;margin:-8px}.operations-main{padding:25px}.agenda-title{display:flex;justify-content:space-between;align-items:center}.agenda-title small{font-size:9px;letter-spacing:.15em;color:#738079}.agenda-title h3{font:600 23px Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 20px}.agenda-title>span{font-size:10px;border:1px solid #142a3d20;border-radius:6px;padding:7px}.scene-calendar{display:grid;grid-template-columns:40px 1fr;gap:12px;height:190px}.calendar-labels{display:flex;flex-direction:column;justify-content:space-between;font:9px monospace;color:#71818a;padding-bottom:12px}.calendar-track{position:relative;background:repeating-linear-gradient(to bottom,#e9ece8 0 1px,transparent 1px 55px)}.existing-event{background:#eef1ed;border-left:2px solid #abb8a1;padding:9px 13px;width:70%;font-size:11px;border-radius:5px}.existing-event small,.incoming-event small{display:block;font-size:9px;margin-top:4px;color:#536570}.incoming-event{position:absolute;top:64px;left:12%;width:82%;background:#e5f2b6;padding:12px 15px;border-radius:9px;border-left:3px solid #8fAD39;box-shadow:0 6px 15px #142a3d09}.incoming-event>span{font-size:8px;letter-spacing:.1em}.incoming-event strong{display:block;font-size:13px;margin-top:5px}
.request-window{position:absolute;top:90px;left:3%;width:29%;max-width:310px;z-index:3;background:#142a3d;color:#f6f5f0;border-radius:20px;padding:26px;box-shadow:0 28px 50px -22px #142a3d65;transform:rotate(-3deg)}.window-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;color:#c2d0d7}.window-label span{letter-spacing:0;color:#aebfc9}.request-window h3{font:500 30px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:29px 0}.request-details{border-top:1px solid #ffffff25;padding-top:15px}.request-details span{display:block;font-size:11px;color:#bccbd2}.request-details strong{display:block;font-size:15px;font-weight:500;margin-top:8px}.request-submit{margin-top:24px;background:#d9ef70;color:#142a3d;border-radius:9px;padding:14px;text-align:center;font-size:12px;position:relative}.scene-cursor{position:absolute;right:14px;bottom:-14px;font-size:33px;color:white;text-shadow:1px 2px 3px #142a3d;transform:translate(0,0)}.request-received{font-size:10px;color:#d9ef70;text-align:center;margin-top:14px}
.floating-code{position:absolute;right:9%;top:4px;z-index:2;transform:rotate(3deg);border:1px solid #142a3d15;background:#fdfdfaeF;border-radius:12px;padding:14px 20px;box-shadow:0 10px 25px #142a3d09;font:11px/1.7 monospace}.floating-code>span{display:block;font-size:9px;color:#738079;margin-bottom:7px}.floating-code i{color:#647c38;font-style:normal}.floating-code b{font-weight:400;color:#51738a}.sync-receipt{position:absolute;right:8%;bottom:20px;display:flex;align-items:center;gap:13px;border-radius:14px;padding:18px 23px;background:#fff;border:1px solid #142a3d15;box-shadow:0 18px 40px -20px #142a3d55;z-index:4}.receipt-icon{background:#e5f2b6;border-radius:50%;padding:10px 13px}.sync-receipt strong{display:block;font:600 15px Manrope,sans-serif}.sync-receipt div>span{display:block;font-size:11px;color:#63717a;margin-top:5px}.stage-foot{padding-top:20px;font-size:14px}.stage-foot small{font-size:10px;color:#63717a}
@media(prefers-reduced-motion:no-preference){.is-playing .scene-cursor{animation:scene-click 7s ease-in-out infinite}.is-playing .request-submit{animation:scene-press 7s ease infinite}.is-playing .incoming-event{animation:scene-book 7s cubic-bezier(.22,.8,.25,1) infinite}.is-playing .sync-receipt{animation:scene-confirm 7s cubic-bezier(.22,.8,.25,1) infinite}.is-playing .request-received{animation:scene-received 7s ease infinite}.is-playing .floating-code{animation:scene-code 7s ease-in-out infinite}@keyframes scene-click{0%,8%{opacity:0;transform:translate(35px,45px)}20%,27%{opacity:1;transform:translate(-30px,-17px)}32%,100%{opacity:0;transform:translate(-30px,-17px)}}@keyframes scene-press{0%,23%,32%,100%{transform:scale(1)}27%{transform:scale(.95)}}@keyframes scene-book{0%,32%{opacity:0;transform:translate(-70px,15px) scale(.93)}46%,86%{opacity:1;transform:translate(0,0) scale(1)}98%,100%{opacity:0;transform:translateY(-8px)}}@keyframes scene-confirm{0%,49%{opacity:0;transform:translateY(25px) scale(.96)}63%,86%{opacity:1;transform:translateY(0) scale(1)}98%,100%{opacity:0;transform:translateY(-8px)}}@keyframes scene-received{0%,28%,98%,100%{opacity:0}38%,86%{opacity:1}}@keyframes scene-code{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}}
@media(max-width:900px){.request-window{left:0;width:34%;padding:20px}.request-window h3{font-size:25px}.operations-window{left:30%;width:70%}.operations-body{grid-template-columns:70px 1fr}.operations-body aside{font-size:9px;padding-inline:9px}.operations-main{padding:18px}.agenda-title h3{font-size:19px}.floating-code{right:4%;font-size:10px}.sync-receipt{right:2%}}
@media(max-width:600px){.stage-heading{font-size:8px;letter-spacing:.08em;gap:12px}.motion-toggle{font-size:10px;padding:8px 11px;flex-shrink:0}.software-scene{height:730px;margin-top:25px;perspective:none}.request-window{top:0;left:3%;width:74%;max-width:none;transform:rotate(-3deg);padding:20px}.request-window h3{font-size:25px;margin:20px 0}.request-window h3 br{display:none}.request-details strong{font-size:14px}.request-submit{margin-top:17px}.floating-code{right:0;top:235px;font-size:9px;z-index:4;padding:10px 14px}.operations-window{top:345px;left:0;width:100%;transform:none;border-radius:14px}.operations-top{padding:10px 14px}.operations-top b{font-size:21px}.operations-body{grid-template-columns:1fr;min-height:240px}.operations-body aside{display:none}.operations-main{padding:16px}.agenda-title h3{font-size:21px}.scene-calendar{height:150px}.sync-receipt{bottom:0;right:2%;left:2%;padding:14px 16px}.sync-receipt strong{font-size:13px}.sync-receipt div>span{font-size:10px}.stage-foot{flex-direction:column;align-items:flex-start;gap:9px;padding-top:22px}.scene-orbit{inset:12% -3% 0}}

/* Quieter editorial typography; keep the wordmark and product illustration intact. */
.hero h1,.section h1,.section h2,.section h3{font-family:'Source Sans 3',sans-serif;letter-spacing:-.025em}
.hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.08;font-weight:600;letter-spacing:-.035em}
.section h2{font-weight:600;line-height:1.16}
.section h3{font-weight:600;letter-spacing:-.015em}
.hero .lead{font-size:20px;line-height:1.6}
.eyebrow{font-size:13px;font-weight:500;text-transform:none;letter-spacing:.025em}
.text-link,.capture-open,.stage-project-link{border-bottom:0;padding-bottom:0;font-weight:600;text-decoration:none}
.text-link:hover,.capture-open:hover,.stage-project-link:hover{color:#526c29;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.nav-contact{border-bottom:0;padding:9px 16px;border-radius:8px;background:#e9eddf!important;font-weight:600}
.header nav a:after{display:none}
.header nav a:hover{color:#526c29}
.contact-email{border-bottom:0;text-decoration:none}
.contact-email:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:480px){.hero h1{font-size:40px}.hero .lead{font-size:18px}.eyebrow{font-size:12px}.nav-contact{padding:8px 12px}}

/* Reading scale for editorial content, independent of the animated UI. */
.section h2{font-size:clamp(32px,3.4vw,46px)}
.service-list h3,.process-grid h3{font-size:24px;line-height:1.25}
.service-list p,.process-grid p{font-size:18px;line-height:1.65;max-width:52ch}
.services-layout>div>p:not(.eyebrow){font-size:19px;line-height:1.65;max-width:42ch}
.project-caption p,.product-list p{font-size:19px;line-height:1.6;max-width:52ch}
.detail-grid p,.case-context p,.walkthrough-intro,.walkthrough-view figcaption p{font-size:19px;line-height:1.65;max-width:65ch}
.header nav,.nav-contact,.button,.text-link{font-size:16px}
.project-caption .eyebrow{font-size:13px;letter-spacing:.025em;line-height:1.5}
.project-open,.capture-open,.contact-email{font-size:16px}
.service-number,.process-grid b{font-size:13px}
.stage-heading,.stage-foot small{font-size:12px;letter-spacing:.02em}
.motion-toggle{font-size:13px}
@media(max-width:600px){
 .section h2{font-size:32px;line-height:1.18}
 .service-list h3,.process-grid h3{font-size:22px}
 .service-list p,.process-grid p,.project-caption p,.product-list p,.services-layout>div>p:not(.eyebrow),.detail-grid p,.case-context p,.walkthrough-intro,.walkthrough-view figcaption p{font-size:18px;line-height:1.6}
 .project-caption .eyebrow{font-size:12px}
 .stage-heading{align-items:flex-start}.stage-heading>span{max-width:23ch;line-height:1.5}
 .motion-toggle{font-size:12px}
}
@media(max-width:380px){.process-grid{grid-template-columns:1fr}.header nav{gap:16px}.header nav,.nav-contact{font-size:15px}}

/* Each step reveals once; the complete process remains readable without JS. */
.process-intro{font-size:20px;max-width:52ch;margin-top:22px}
.client-journey{margin-top:58px}.journey-step{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.journey-number{font-size:15px;font-weight:600;color:#5c7040;display:block;margin-bottom:16px}.journey-copy h3{font-size:30px;margin-bottom:16px}.journey-copy p{font-size:19px;line-height:1.65;max-width:45ch}.journey-copy>strong{display:block;font-size:16px;font-weight:600;margin-top:22px;max-width:45ch}
.journey-scene{background:#edf0e8;border-radius:20px;padding:28px;min-height:245px;display:flex;flex-direction:column;justify-content:center;gap:15px;overflow:hidden}.journey-scene-label{font-size:12px;letter-spacing:.04em;color:#536371;margin-bottom:5px}.brief-note{background:white;padding:20px;border-radius:12px;font-size:20px;font-weight:600;box-shadow:0 8px 20px #142a3d08}.brief-tags{display:flex;flex-wrap:wrap;gap:8px}.brief-tags span{background:#d9ef70;padding:8px 12px;border-radius:8px;font-size:14px}.scene-conclusion{font-size:14px;color:#536371}
.proposal-scene{background:#142a3d;color:#f6f5f0}.proposal-scene .journey-scene-label{color:#bdcbd2}.proposal-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff20}.proposal-item>span{font-size:14px;color:#bdcbd2}.proposal-item strong{font-size:15px;font-weight:500;text-align:right}
.mini-build{display:grid;grid-template-columns:50px 1fr;background:white;border:1px solid #142a3d12;border-radius:12px;overflow:hidden;min-height:130px;box-shadow:0 10px 25px #142a3d0b}.build-sidebar{background:#142a3d}.build-content{padding:20px}.build-line{height:8px;width:65%;background:#d9ded9;border-radius:4px}.build-blocks{display:flex;gap:12px;margin:15px 0}.build-blocks i{height:40px;background:#e8efdc;width:50%;border-radius:6px}.build-blocks i:last-child{background:#d9ef70}.build-line.short{width:40%}.review-note{align-self:flex-end;background:white;padding:10px 14px;border-radius:10px;font-size:14px}.launch-item{display:flex;align-items:center;gap:13px;font-size:16px;padding:6px 0}.launch-item span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#d9ef70;color:#142a3d}.journey-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:30px 0}.journey-cta h3{font-size:25px}.journey-cta p{font-size:18px;margin-top:10px}.journey-cta .button{flex-shrink:0;border-radius:8px;text-align:center}
@media(prefers-reduced-motion:no-preference){.journey-waiting .journey-scene>*:not(.journey-scene-label){opacity:0;transform:translateY(18px)}.journey-step.journey-arrived .journey-scene>*:not(.journey-scene-label){animation:journey-enter .7s cubic-bezier(.2,.8,.2,1) both}.journey-step.journey-arrived .journey-scene>:nth-child(3){animation-delay:.22s}.journey-step.journey-arrived .journey-scene>:nth-child(4){animation-delay:.44s}.journey-arrived .build-blocks i{animation:journey-assemble .9s .3s both}.journey-arrived .build-blocks i:last-child{animation-delay:.5s}@keyframes journey-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes journey-assemble{from{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}}
@media(max-width:900px){.journey-step{gap:32px}.journey-copy h3{font-size:27px}.journey-scene{padding:22px}.journey-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.process-intro{font-size:18px}.client-journey{margin-top:35px}.journey-step{grid-template-columns:1fr;gap:24px;padding:32px 0}.journey-copy h3{font-size:26px}.journey-copy p{font-size:18px}.journey-copy>strong{font-size:16px}.journey-scene{min-height:220px;padding:22px;border-radius:16px}.brief-note{font-size:18px;padding:16px}.proposal-item{gap:12px}.proposal-item strong{font-size:14px}.launch-item{font-size:15px}.journey-cta{padding-top:10px}.journey-cta .button{width:100%;justify-content:center;white-space:normal}}

/* Readable, repeating demonstrations while in view. */
.journey-motion{margin-top:24px}.client-journey{margin-top:30px}
.project-highlights{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.project-highlights li{font-size:14px;padding:6px 10px;border-radius:7px;background:#e9eddf;color:var(--ink)}
.project-open{border:0;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:8px;font-size:15px}.art-note{font-size:12px}.project-art>img{border-radius:8px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;background:#142a3d;color:#f6f5f0;border:1px solid #ffffff40;border-radius:40px;padding:14px 20px;min-height:52px;box-shadow:0 6px 24px #142a3d30;font-size:16px;font-weight:600}.whatsapp-float svg{color:#d9ef70}.whatsapp-float:hover{background:#25465c}.footer{padding-bottom:105px}
@media(prefers-reduced-motion:no-preference){
 .journey-running .brief-tags span,.journey-running .proposal-item,.journey-running .launch-item{animation:process-sequence 6s ease-in-out infinite}
 .journey-running .brief-tags span:nth-child(2),.journey-running .proposal-item:nth-child(3),.journey-running .launch-item:nth-child(3){animation-delay:.45s}
 .journey-running .brief-tags span:nth-child(3),.journey-running .proposal-item:nth-child(4),.journey-running .launch-item:nth-child(4){animation-delay:.9s}
 .journey-running .build-blocks i{transform-origin:left;animation:process-build 6s cubic-bezier(.2,.8,.2,1) infinite}.journey-running .build-blocks i:last-child{animation-delay:.5s}
 .journey-running .review-note{animation:process-review 6s ease infinite}
 @keyframes process-sequence{0%,100%{opacity:.55;transform:translateX(0)}18%,72%{opacity:1;transform:translateX(7px)}}
 @keyframes process-build{0%,10%,100%{transform:scaleX(.15);opacity:.35}35%,85%{transform:scaleX(1);opacity:1}}
 @keyframes process-review{0%,35%,100%{transform:translateY(12px);opacity:.3}55%,85%{transform:translateY(0);opacity:1}}
}
@media(max-width:600px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 16px;font-size:15px}.journey-cta{padding-bottom:40px}.project-highlights li{font-size:13px}}

.delivery-code{background:#142a3d;color:#e0e8ed;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #142a3d15}.delivery-file{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #ffffff20;font:12px monospace}.delivery-file>span{font:11px 'Source Sans 3',sans-serif;color:#bacbd5}.delivery-code pre{margin:0;padding:18px 16px;overflow-x:auto;font:11px/1.9 monospace}.delivery-code code>span{display:block}.delivery-code i{font-style:normal;color:#d9ef70}.delivery-result{display:flex;align-items:center;gap:12px;background:white;padding:16px;border:1px solid #142a3d12;border-radius:12px}.delivery-check{display:grid;place-items:center;background:#d9ef70;border-radius:50%;width:30px;height:30px;flex-shrink:0}.delivery-result strong{font-size:16px}.delivery-result p{font-size:14px;margin:3px 0 0}.delivery-badge{margin-left:auto;font-size:11px;color:#536371}.build-scene .review-note{font-size:14px;background:none;padding:0;align-self:flex-start}
@media(prefers-reduced-motion:no-preference){.journey-running .delivery-code code>span{animation:delivery-line 7s ease infinite}.journey-running .delivery-code code>span:nth-child(2){animation-delay:.4s}.journey-running .delivery-code code>span:nth-child(3){animation-delay:.8s}.journey-running .delivery-code code>span:nth-child(4){animation-delay:1.2s}.journey-running .delivery-result{animation:delivery-ready 7s ease infinite}@keyframes delivery-line{0%,100%{opacity:.45;transform:translateX(0)}25%,70%{opacity:1;transform:translateX(4px)}}@keyframes delivery-ready{0%,30%,100%{opacity:.5;transform:translateY(10px)}48%,80%{opacity:1;transform:translateY(0)}}}
@media(max-width:600px){.delivery-code pre{font-size:10px;padding:14px 10px}.delivery-file{padding:12px 10px}.delivery-result{padding:12px;gap:9px}.delivery-result strong{font-size:15px}.delivery-result p{font-size:13px}.delivery-badge{display:none}}

/* Product cards respond to intentional hover and keyboard focus. */
.project-card{border-radius:16px}.project-card>a{border-radius:16px}.project-art{overflow:hidden;border-radius:14px!important;background:#e9ede6}.project-open{transition:background-color .2s ease}.project-card>a:focus-visible{outline-offset:7px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project-card .project-art{transition:transform .35s ease,box-shadow .35s ease}.project-card .project-art>img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-card>a:hover .project-art,.project-card>a:focus-visible .project-art{transform:translateY(-5px);box-shadow:0 18px 35px -25px #142a3d75}.project-card>a:hover .project-art>img{transform:scale(1.015)}.project-card>a:hover .project-open{background:#29495d}}

/* Benefits lead the project story; capabilities support it. */
.project-benefits{margin-top:24px;padding:20px 22px;background:#e9efdf;border-radius:14px;border-left:3px solid #9caf55}.project-benefits>span{font-size:12px;letter-spacing:.04em;font-weight:600;color:#455c2d}.work .project-benefits p,.portfolio .project-benefits p{font-size:18px;color:var(--ink);line-height:1.45;margin-top:12px;max-width:40ch}.project-highlights{margin-top:16px}.project-highlights li{background:transparent;padding:0;color:var(--muted);font-size:13px}.project-highlights li+li:before{content:' / ';margin-right:8px;color:#8c999e}
.services-layout{grid-template-columns:1fr;gap:44px}.services-layout>div:first-child{max-width:760px}.services-layout>div>p:not(.eyebrow){max-width:58ch}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-list article,.service-list article:first-child{display:block;position:relative;background:#203b4e;border:1px solid #ffffff15;border-radius:20px;padding:30px;overflow:hidden}.service-number{position:absolute;right:25px;top:22px;color:#b9c8cf}.service-symbol{display:flex;align-items:center;gap:14px;min-height:85px;margin-bottom:24px;padding-right:10px;color:#d9ef70;font-size:13px}.service-symbol>span{padding:10px 13px;border-radius:9px;background:#ffffff08;border:1px solid #d9ef7040}.service-symbol i{height:2px;flex:1;max-width:65px;min-width:15px;background:#d9ef7050;position:relative;overflow:hidden}.service-symbol i:after{content:'';position:absolute;width:40%;inset-block:0;background:#d9ef70}.service-list h3{font-size:28px}.service-list p{font-size:19px;line-height:1.6;max-width:45ch;min-height:90px}.service-action{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;font-size:16px;font-weight:600;color:#d9ef70;border-radius:8px;padding:8px 12px;background:#ffffff08}.service-action:hover{background:#ffffff15}.button{border-radius:12px}.contact .button{border-radius:28px;padding:16px 28px}.whatsapp-float svg{flex-shrink:0;color:#d9ef70}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-list article{transition:transform .3s ease,background-color .3s ease}.service-list article:hover,.service-list article:focus-within{transform:translateY(-5px);background:#29495d}.service-list article:hover .service-symbol i:after,.service-list article:focus-within .service-symbol i:after{animation:service-connect 1.5s ease-in-out infinite}@keyframes service-connect{from{transform:translateX(-100%)}to{transform:translateX(350%)}}}
@media(max-width:650px){.service-list{grid-template-columns:1fr;gap:18px}.service-list article,.service-list article:first-child{padding:24px}.service-list h3{font-size:26px}.service-list p{font-size:18px;min-height:0}.service-symbol{font-size:12px;gap:9px;margin-bottom:15px}.service-symbol>span{padding:9px}.project-benefits{padding:18px}.work .project-benefits p,.portfolio .project-benefits p{font-size:18px}}