
nav [aria-current=page]{color:var(--orange)}.projects-hero{padding:35px 0 65px}.breadcrumb{font-size:11px;color:#465c7a;margin-bottom:50px}.breadcrumb a{border-bottom:1px solid #c4d1e2;padding-bottom:4px}.breadcrumb span{margin:0 12px;color:#7d90aa}.projects-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.projects-hero h1{font-size:clamp(55px,6.4vw,88px);line-height:1.03;letter-spacing:-4.8px;margin:23px 0 0}.projects-hero h1 em{font-style:normal;color:var(--orange)}.projects-hero p{font-size:17px;line-height:1.85;color:#405571;max-width:430px;margin:0 0 22px}.project-trust{font-size:11px;color:#405571;display:flex;align-items:center;gap:12px}.project-trust strong{font-size:35px;font-weight:500;letter-spacing:-1px;color:var(--navy)}.project-trust strong span{color:var(--orange)}.portfolio-section{padding:45px 0 80px;background:#f0f5fc}.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:10px}.portfolio-controls .project-filters{margin-bottom:0}.project-count{font-size:11px;white-space:nowrap;color:#425977}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px;margin-top:35px}.portfolio-card{min-width:0}.portfolio-card .project-visual{height:330px;padding:35px;position:relative}.portfolio-card .browser-card{max-width:390px}.portfolio-card .browser-card h3{font-size:37px}.portfolio-card .project-visual .web-content{min-height:215px}.portfolio-card .search-card{max-width:370px}.portfolio-card .project-bottom{align-items:start;gap:15px;margin-top:24px}.portfolio-card .project-bottom h2{font-size:27px;letter-spacing:-.9px;line-height:1.2;margin:10px 0 12px}.portfolio-card .project-bottom p{font-size:11px;line-height:1.7}.portfolio-card .project-description{min-height:0;max-width:540px;font-size:14px;margin:16px 0 20px}.portfolio-card .case-link{font-size:13px}.portfolio-card .outline-arrow{background:#fff}.portfolio-card .agent-visual{height:330px;flex-direction:column}.portfolio-card .workflow-mini{max-width:290px;margin-top:20px}.portfolio-card .flow-step{padding:13px 15px}.portfolio-card .workflow-label{font-size:9px}.portfolio-card .workflow-chip{font-size:9px;margin-top:17px}.portfolio-card .workflow-mini>i{line-height:23px}.portfolio-caption{font-size:11px;line-height:1.8;color:#455c7d;margin:30px 0 0;max-width:680px}.portfolio-card [aria-label]:focus-visible{outline-offset:6px}.project-reading{padding:80px 0}.reading-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.reading-grid>div>p{font-size:16px;line-height:1.85;color:#405571}.reading-points{display:grid;gap:22px}.reading-points article{border-top:1px solid #cedae9;padding-top:20px;display:grid;grid-template-columns:35px 1fr;gap:15px}.reading-points span{color:var(--orange);font-size:11px;padding-top:3px}.reading-points h3{font-size:21px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.reading-points p{font-size:14px;line-height:1.85;color:#425977;margin:0}.project-cta{background:var(--navy);color:#fff;padding:75px 0}.project-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.project-cta h2{font-size:51px;letter-spacing:-2px;margin:18px 0 0}.project-cta .eyebrow{color:#ff955b}.project-cta p{font-size:15px;line-height:1.8;max-width:400px;color:#d0dcee;margin:0 0 22px}.project-footer{border-top:1px solid #d7e1ee}.detail-hero{padding:35px 0 60px}.detail-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.detail-hero h1{font-size:clamp(43px,5vw,69px);letter-spacing:-3.5px;line-height:1.07;margin:22px 0}.detail-hero p{font-size:16px;line-height:1.85;color:#405571;max-width:560px}.detail-hero .hero-actions{flex-wrap:wrap;margin-top:28px;gap:20px}.detail-hero .project-visual{height:330px;padding:25px}.detail-hero .web-content h3{font-size:31px}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #d7e1ee;padding:27px 0 35px}.detail-facts dt{font-size:9px;letter-spacing:1.3px;color:#526888;margin-bottom:12px}.detail-facts dd{font-size:13px;line-height:1.8;margin:0}.case-brief{padding:70px 0;background:#f0f5fc}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.brief-grid>p{font-size:18px;line-height:1.9;color:#405571;margin:18px 0 0}.case-steps{padding:75px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.case-step{border-top:1px solid #ccd9e9;padding-top:20px}.case-step>span{font-size:12px;color:var(--orange)}.case-step h3{font-size:22px;letter-spacing:-.5px;font-weight:500;line-height:1.25;margin:20px 0 12px}.case-step p{font-size:14px;line-height:1.85;color:#405571;margin:0}.challenge-section{background:var(--navy);color:#fff;padding:75px 0}.challenge-section .eyebrow{color:#ff955b}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:40px}.challenge-grid article{border-top:1px solid #364b6b;padding-top:25px}.challenge-grid h3{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:0 0 17px}.challenge-grid p{font-size:15px;line-height:1.9;color:#d0dcee;margin:0}.case-outcome{padding:75px 0}.case-outcome .brief-grid>p{font-size:17px}.result-note{font-size:11px;color:#526888;line-height:1.8;border-top:1px solid #d5e0ed;padding-top:25px;margin-top:35px}.back-projects{display:inline-block;font-size:13px;margin-top:25px;border-bottom:1px solid #aebed4;padding-bottom:8px}.related-projects{padding:70px 0;background:#f0f5fc}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.related-card{background:#fff;padding:30px;border:1px solid #dae4f1}.related-card h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:15px 0}.related-card p{font-size:14px;line-height:1.8;color:#405571}.concept-details{border:1px solid #c8d7e9;margin-top:18px;background:#fff;padding:18px}.concept-details summary{cursor:pointer;font-size:12px;color:var(--navy)}.concept-details ol{padding-left:18px;margin-bottom:0}.concept-details li{font-size:12px;line-height:1.9;color:#425977;margin:7px 0}.project-visual .appointment-demo{margin-top:15px}.project-visual .booking-demo{margin-top:15px}.project-visual .workflow-chip{color:#405571}
@media(max-width:1050px){.projects-hero-grid{gap:35px}.projects-hero h1{font-size:7vw}.portfolio-card .project-visual{height:300px;padding:25px}.reading-grid{gap:50px}.detail-hero-grid{gap:30px}.detail-hero h1{font-size:5.6vw}.brief-grid{gap:50px}.project-cta h2{font-size:43px}}
@media(max-width:700px){.projects-hero{padding:25px 0 45px}.breadcrumb{margin-bottom:35px}.projects-hero-grid,.detail-hero-grid{grid-template-columns:1fr;gap:28px}.projects-hero h1{font-size:clamp(46px,11vw,69px);letter-spacing:-2.8px}.projects-hero p{font-size:15px}.portfolio-section{padding:30px 0 50px}.portfolio-controls{display:block}.project-count{margin-top:20px}.portfolio-grid{grid-template-columns:1fr;gap:38px;margin-top:25px}.portfolio-card .project-visual{height:290px;padding:25px}.portfolio-card .browser-card h3{font-size:31px}.portfolio-card .project-visual .web-content{min-height:200px}.portfolio-card .project-bottom h2{font-size:25px}.portfolio-card .project-description{font-size:13px}.portfolio-card .agent-visual{height:310px}.portfolio-card .workflow-label{font-size:8px}.portfolio-card .workflow-chip{font-size:8px}.project-reading{padding:55px 0}.reading-grid,.brief-grid{grid-template-columns:1fr;gap:25px}.reading-grid>div>p{font-size:15px}.project-cta{padding:55px 0}.project-cta-grid{display:block}.project-cta h2{font-size:39px;margin-bottom:25px}.project-cta p{font-size:14px}.detail-hero{padding:25px 0 40px}.detail-hero h1{font-size:clamp(40px,9vw,60px);letter-spacing:-2px}.detail-hero p{font-size:15px}.detail-hero .project-visual{height:285px;padding:20px}.detail-facts{grid-template-columns:1fr 1fr;gap:25px}.detail-facts dd{font-size:12px}.case-brief,.case-steps,.challenge-section,.case-outcome,.related-projects{padding:50px 0}.brief-grid>p{font-size:16px;margin-top:0}.steps-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.case-step h3{margin-top:14px}.challenge-grid{grid-template-columns:1fr;gap:30px}.challenge-grid p{font-size:14px}.related-grid{grid-template-columns:1fr;gap:20px}.related-card{padding:25px}}
