.traffic-page{--traffic-pale:#eef3e9}.traffic-page figure{margin:0}.traffic-page img{display:block;width:100%;height:auto;object-fit:cover}.traffic-page p{line-height:1.85}.traffic-hero{padding:38px 0 0;background:var(--traffic-pale)}.traffic-hero-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;padding:40px 0 44px}.traffic-eyebrow{font-size:14px;letter-spacing:.06em;color:#17613f;margin:0 0 18px}.traffic-hero h1{font-size:clamp(36px,4.25vw,64px);line-height:1.18;letter-spacing:-.04em;margin:0}.traffic-hero-heading>div>p:not(.traffic-eyebrow){margin:0 0 24px;color:#4d5e54;font-size:18px}.traffic-cover img{aspect-ratio:2.35}.traffic-cover figcaption{font-size:13px;color:#59675e;padding:12px 0}.traffic-nav{display:flex;gap:28px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #cbd7c8}.traffic-nav a{font-size:14px;color:#17613f;text-decoration:none}.traffic-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:44px;align-items:start}.traffic-section-heading h2{font-size:clamp(30px,3.1vw,46px);line-height:1.23;letter-spacing:-.03em;margin:0}.traffic-section-heading>p{font-size:17px;color:#59675e;margin:0}.traffic-foundation-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}.traffic-foundation-layout figure img{height:100%;min-height:430px;object-position:45%}.traffic-foundation-copy article{border-top:1px solid #d8dfd5;padding:18px 0}.traffic-foundation-copy article:first-child{padding-top:0;border:0}.traffic-foundation-copy h3,.traffic-features h4{font-size:20px;margin:0 0 8px}.traffic-foundation-copy p{margin:0;color:#59675e}.traffic-foundation-result{margin-top:35px;padding-top:24px;border-top:1px solid #d8dfd5}.traffic-foundation-result strong{color:#17613f}.traffic-foundation-result p{margin:8px 0}.traffic-foundation-result span{font-size:14px;color:#59675e}.traffic-scenes{background:#103e2b;color:white}.traffic-scenes .traffic-section-heading>p{color:#c6d8cb}.traffic-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #547362;border-left:1px solid #547362}.traffic-tabs button{border:0;border-right:1px solid #547362;border-bottom:1px solid #547362;background:transparent;color:#d9e7dc;min-height:105px;padding:18px;text-align:left;line-height:1.6;font:inherit;cursor:pointer}.traffic-tabs button span{display:block;font-size:12px;margin-bottom:8px;color:#b4c9b5}.traffic-tabs button[aria-selected=true]{background:#eef3e9;color:#103e2b}.traffic-tabs button[aria-selected=true] span{color:#17613f}.traffic-tabs button:hover{background:#28573f}.traffic-tabs button[aria-selected=true]:hover{background:#eef3e9}.traffic-tabs button:focus-visible,.traffic-panel:focus-visible{outline:3px solid #e4772f;outline-offset:3px}.traffic-panel{background:#fff;color:#1c2721;padding:38px;margin-top:30px}.traffic-case-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:26px}.traffic-case-heading h3{font-size:30px;line-height:1.3;margin:0 0 10px}.traffic-case-heading .traffic-eyebrow{margin:0 0 12px}.traffic-case-heading p:last-child{font-size:14px;color:#59675e;margin:0}.traffic-case-heading .btn{flex-shrink:0}.traffic-panel>figure img{aspect-ratio:2.35}.traffic-features{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin:30px 0}.traffic-features p{color:#59675e;margin:0;font-size:15px}.traffic-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d8dfd5;border-bottom:1px solid #d8dfd5;margin:28px 0}.traffic-flow li{padding:18px 14px 18px 0;font-size:14px;color:#17613f;display:flex;gap:8px;align-items:center}.traffic-flow li:not(:last-child):after{content:'→';margin-left:auto;color:#9cae9d}.traffic-delivery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.traffic-delivery h4,.traffic-boundary h4{font-size:16px;margin:0 0 8px}.traffic-delivery p,.traffic-boundary p{font-size:15px;margin:0;color:#59675e}.traffic-delivery small{display:block;color:#59675e;margin-top:8px}.traffic-boundary{background:#eef3e9;margin-top:26px;padding:22px 26px}.traffic-workflow-head{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:30px;background:#eef3e9;padding:16px 24px;font-size:14px;color:#17613f;margin-top:30px}.traffic-workflow-steps{list-style:none;margin:0;padding:0}.traffic-workflow-steps li{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:30px;padding:24px;border-bottom:1px solid #d8dfd5}.traffic-workflow-steps h3{font-size:18px;line-height:1.6;margin:0}.traffic-workflow-steps h3 span{font-size:12px;display:block;color:#17613f}.traffic-workflow-steps p{margin:0;color:#59675e;font-size:15px}.traffic-workflow-steps small{display:none}.traffic-exception{padding:28px;background:#eef3e9;margin-top:30px}.traffic-exception h3{font-size:21px;margin:0 0 12px}.traffic-exception p{margin:8px 0;color:#59675e}.traffic-architecture{background:#eef3e9}.traffic-architecture-layout{display:grid;grid-template-columns:1fr 210px;gap:24px}.traffic-layers article{background:#fff;border-top:1px solid #d8dfd5;display:grid;grid-template-columns:40px 210px 1fr;gap:20px;align-items:center;padding:22px}.traffic-layers article>span{color:#17613f;font-size:13px}.traffic-layers h3{font-size:17px;margin:0}.traffic-layers p{font-size:14px;color:#59675e;margin:0}.traffic-architecture aside{background:#17613f;color:white;padding:26px}.traffic-architecture aside h3{font-size:20px;margin:0 0 26px}.traffic-architecture aside ul{padding-left:20px;margin:0}.traffic-architecture aside li{font-size:15px;padding:12px 0;border-bottom:1px solid #ffffff40}.traffic-responsibilities{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.traffic-responsibilities h3{font-size:20px;margin:0 0 12px}.traffic-responsibilities p{color:#59675e;font-size:15px;margin:0}.traffic-manual{padding:64px 0}.traffic-manual .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.traffic-manual h2{font-size:30px;line-height:1.35;margin:0 0 18px}.traffic-manual p{color:#59675e}.traffic-manual small{color:#59675e;line-height:1.7;display:block}.traffic-manual .btn{flex-shrink:0}.traffic-page section[id]{scroll-margin-top:115px}
@media(max-width:1050px){.traffic-hero-heading,.traffic-section-heading{gap:35px}.traffic-tabs{grid-template-columns:repeat(5,1fr)}.traffic-tabs button{font-size:14px;padding:14px}.traffic-architecture-layout{grid-template-columns:1fr 170px}.traffic-layers article{grid-template-columns:25px 150px 1fr;gap:12px;padding:18px}.traffic-foundation-layout{gap:28px}.traffic-case-heading h3{font-size:26px}}
@media(max-width:760px){.traffic-hero{padding-top:22px}.traffic-hero-heading,.traffic-section-heading,.traffic-foundation-layout{grid-template-columns:1fr;gap:24px}.traffic-hero-heading{padding:26px 0 30px}.traffic-hero h1{font-size:clamp(32px,6.4vw,46px)}.traffic-hero-heading>div>p:not(.traffic-eyebrow){font-size:16px}.traffic-cover img{aspect-ratio:1.55}.traffic-nav{gap:16px 22px;padding:20px 0}.traffic-nav a{font-size:13px}.traffic-section-heading{margin-bottom:30px}.traffic-section-heading h2{font-size:34px}.traffic-section-heading>p{font-size:16px}.traffic-foundation-layout figure img{min-height:0;aspect-ratio:1.65}.traffic-tabs{grid-template-columns:repeat(2,1fr)}.traffic-tabs button{min-height:95px;font-size:14px}.traffic-panel{padding:22px 18px;margin-top:24px}.traffic-case-heading{display:block}.traffic-case-heading h3{font-size:24px}.traffic-case-heading .btn{margin-top:20px}.traffic-panel>figure img{aspect-ratio:1.6}.traffic-features{grid-template-columns:1fr;gap:22px}.traffic-features h4{font-size:19px}.traffic-flow{grid-template-columns:repeat(2,1fr)}.traffic-flow li{padding:14px 12px 14px 0}.traffic-delivery{grid-template-columns:1fr;gap:24px}.traffic-boundary{padding:20px}.traffic-workflow-head{display:none}.traffic-workflow-steps li{grid-template-columns:1fr;gap:12px;padding:24px 0}.traffic-workflow-steps h3 span{display:inline;margin-right:14px}.traffic-workflow-steps small{display:block;font-size:12px;color:#17613f;margin-bottom:4px}.traffic-exception{padding:22px}.traffic-architecture-layout{grid-template-columns:1fr}.traffic-layers article{grid-template-columns:26px 1fr;gap:8px 12px}.traffic-layers p{grid-column:2}.traffic-architecture aside{padding:24px}.traffic-architecture aside h3{margin-bottom:14px}.traffic-architecture aside ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.traffic-responsibilities{grid-template-columns:1fr;gap:28px}.traffic-manual .wrap{display:block}.traffic-manual h2{font-size:27px}.traffic-manual .btn{margin-top:26px}.traffic-page .hero-actions{gap:20px}.traffic-page section[id]{scroll-margin-top:100px}}
@media(max-width:370px){.traffic-hero h1{font-size:29px}.traffic-section-heading h2{font-size:29px}.traffic-tabs button{font-size:13px;padding:12px}.traffic-case-heading h3{font-size:21px}.traffic-manual h2{font-size:23px}}
