/* A quieter product page, layered after the charter. All original sections remain. */
.kap-box-site {--section-space:40px;--measure-short:58ch;}
.kap-box-site .wow {visibility:visible!important;animation:none!important;}
.kap-box-site #loading {display:none!important;}
.kap-box-site .section-header {margin-bottom:24px;}
.kap-box-site .section-header:after {display:none;}
.kap-box-site .section-header h2 {font-size:40px;line-height:1.18;letter-spacing:-1.1px;margin:0 0 16px;padding:0;}
.kap-box-site .section-header p,
.kap-box-site .section-header.v2 p {font-size:17px;line-height:1.75;max-width:var(--measure-short);margin:0 auto;}
.kap-box-site .section-header.v3 p {margin-left:0;}
.kap-box-site :is(.the-product,.how-it-works,.the-benefits,.our-collection,.the-watch,.faqs,.team,.timeline,.tech-specs) {padding:var(--section-space) 0;}
.kap-box-site .left-right-contents {padding:24px 0 36px;}
.kap-box-site .reviews {padding:40px 0 24px;}
.kap-box-site .btn {transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease;}

/* The hardware carries the hero; props and loading ornaments fall away. */
body.kap-box-site.home header.row {background:var(--fond);border-bottom:1px solid var(--filet);}
body.kap-box-site.home header.row .navbar,
body.kap-box-site.home header.row .navbar.is-scrolling {padding:16px 0;background:var(--fond);border-bottom:1px solid var(--filet);box-shadow:none;}
.kap-box-site .navbar .navbar-header .navbar-brand,
.kap-box-site .navbar.is-scrolling .navbar-header .navbar-brand {height:42px;width:180px;}
.kap-box-site .navbar .navbar-header .navbar-brand img,
.kap-box-site .navbar.is-scrolling .navbar-header .navbar-brand img {width:164px;height:42px;}
.kap-box-site #main-navbar {padding-top:0;}
.kap-box-site #main-navbar .nav li a {font-size:14px;line-height:42px;padding:0 16px;}
.kap-box-site #main-navbar .nav li.active a {text-decoration:none;color:var(--encre);}
.kap-box-site #main-navbar > .btn {line-height:40px;padding:0 22px;}
.kap-box-site .top-banner {padding-top:154px;}
.kap-box-site .top-banner h2 {font-size:clamp(48px,5.2vw,72px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:22px;}
.kap-box-site .top-banner > .container > p {font-size:20px;line-height:1.7;max-width:690px;margin-bottom:30px;}
.kap-box-site .top-banner .apple-watch {margin:2px auto 22px;}
.kap-box-site .top-banner .watch_img {width:500px;max-width:90%;height:auto;}
.kap-box-site #subscribeform {max-width:600px;margin:0 auto 26px;}
.kap-box-site #subscribeform .input-group {display:flex;width:100%;height:64px;}
.kap-box-site #subscribeform .input-group .form-control {display:block;float:none;min-width:0;width:auto;flex:1;height:64px;line-height:normal;padding:0 24px;border-radius:6px 0 0 6px;border-right:0;font-size:15px;}
.kap-box-site #subscribeform .input-group .form-control::placeholder {font-size:15px;line-height:normal;}
.kap-box-site #subscribeform .input-group .input-group-addon {display:block;float:none;flex:0 0 76px;width:76px;height:64px;margin:0;padding:0;border:0;}
.kap-box-site #subscribeform .input-group .input-group-addon button {display:flex;align-items:center;justify-content:center;width:76px;height:64px;line-height:normal;border-radius:0 6px 6px 0;}
.kap-box-site #subscribeform .input-group .input-group-addon button img {width:18px;height:28px;}
.kap-box-site #js-subscribe-result {margin-top:14px;}
.kap-box-site #js-subscribe-result p {font-size:12px;line-height:1.6;margin:0;}

/* Keep the explanations, with less repeated ornament and more readable rhythm. */
.kap-box-site .apple-watch-note-feature {padding-top:14px;}
.kap-box-site .work-processes {padding-top:0;}
.kap-box-site .work-process + .work-process:before {display:none;}
.kap-box-site .work-process .process-icon {line-height:72px;}
.kap-box-site .work-process .process-icon img {width:58px;height:58px;}
.kap-box-site .work-process h3 {font-size:21px;line-height:1.3;margin:20px 0 12px;}
.kap-box-site .work-process p {font-size:15px;line-height:1.75;max-width:30ch;margin:0 auto;}
.kap-box-site .benefit .media .media-left span {width:48px;font-size:25px;}
.kap-box-site .benefit .media .media-body h4,
.kap-box-site .left-right-contents .media .media-body h4 {font-size:18px;margin:0 0 10px;}
.kap-box-site .benefit .media .media-body p,
.kap-box-site .left-right-contents .media .media-body p {font-size:15px;line-height:1.75;}
.kap-box-site .benefit-notes .benefit {padding-top:22px;padding-bottom:20px;}
.kap-box-site .left-right-contents .media,
.kap-box-site .left-right-contents .media + .media {margin-top:30px;}
.kap-box-site .left-right-contents .media .media-left span {width:48px;font-size:25px;}
.kap-box-site .left-right-contents .text-center > img {width:360px;margin-top:64px;}
.kap-box-site .the-watch-img img {width:430px;margin-top:0;}
.kap-box-site .the-watch-features {padding-top:20px;}
.kap-box-site .the-watch-features .section-header {margin-bottom:24px;}
.kap-box-site .the-watch-features ul li {font-size:15px;line-height:1.65;background:none;padding-left:18px;position:relative;margin-bottom:10px;}
.kap-box-site .the-watch-features ul li:before {content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--encre);}

/* Four quiet choices; the page's strongest buttons remain in the hero and contact. */
.kap-box-site .collections {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:0;}
.kap-box-site .collections:before,
.kap-box-site .collections:after {display:none;}
.kap-box-site .collections .item {float:none;width:auto;min-width:0;margin:0;padding:24px 18px 22px;border:1px solid var(--filet);border-radius:10px;text-align:left;background:transparent;}
.kap-box-site .collections .item .featured-img {height:132px;margin:0 0 18px;}
.kap-box-site .collections .item .featured-img img {width:100%;height:132px;object-fit:contain;}
.kap-box-site .collections .item .title {font-size:17px;line-height:1.4;min-height:24px;margin:0 0 8px;}
.kap-box-site .collections .item .category {font-size:12px;line-height:1.8;min-height:44px;}
.kap-box-site .collections .item .price {font-size:28px;font-weight:600;line-height:1.25;margin:20px 0 18px;letter-spacing:-.6px;}
.kap-box-site .collections .item .price small {font-size:12px;letter-spacing:0;}
.kap-box-site .collections .item .btn {display:block;width:100%;padding:0 12px;min-height:40px;line-height:38px;text-align:center;font-size:13px;border:1px solid var(--filet);background:transparent;color:var(--encre);}
.kap-box-site .collections .item .btn:hover,
.kap-box-site .collections .item .btn:focus-visible {background:var(--accent-surface);border-color:var(--accent-surface);color:var(--sur-accent);}
.kap-box-site .collections .kap-cloud-option {border-color:transparent;}
.kap-box-site .collections .kap-cloud-option .title {color:var(--texte-2);}

/* Alternate image/text sections stay intact, with calmer copy and image edges. */
.kap-box-site .split-columns {max-width:1280px;margin:0 auto;}
.kap-box-site .split-column + .split-column {margin-top:32px;}
.kap-box-site .split-column .image img {display:block;border-radius:8px;}
.kap-box-site .split-column .texts h2 {font-size:34px;line-height:1.2;letter-spacing:-.8px;margin:0 0 18px;}
.kap-box-site .split-column .texts p {font-size:16px;line-height:1.8;max-width:42ch;}
.kap-box-site .split-column .texts .texts-inner {padding:32px 42px;}
.kap-box-site .split-column:nth-child(even) .texts .texts-inner {padding:32px 42px;}
.kap-box-site .review {display:flex;flex-direction:column;text-align:left;border-top:1px solid var(--filet);padding:22px 24px 8px;}
.kap-box-site .review .review-sign {display:none;}
.kap-box-site .review .reviewer {order:-1;align-self:flex-start;opacity:1;width:190px;height:42px;margin:0 0 10px;}
.kap-box-site .review p {font-size:15px;line-height:1.8;max-width:34ch;margin:0;}
.kap-box-site .faq,
.kap-box-site .faq:nth-child(1),
.kap-box-site .faq:nth-child(2) {margin-top:28px;}
.kap-box-site .faq h4 {font-size:18px;line-height:1.4;margin-bottom:12px;}
.kap-box-site .faq p {font-size:15px;line-height:1.8;max-width:56ch;}

/* Real team roles, represented simply rather than as large portrait cards. */
.kap-box-site .member {padding:14px 20px;}
.kap-box-site .member .inner {border:0;background:transparent;border-radius:0;overflow:visible;}
.kap-box-site .member .inner .image {width:80px;height:80px;margin:0 auto;}
.kap-box-site .member .inner .image img {width:80px;height:80px;object-fit:cover;}
.kap-box-site .member .inner .texts {padding:20px 0 0;}
.kap-box-site .member .inner .texts h4 {font-size:18px;line-height:1.3;margin-bottom:7px;}
.kap-box-site .member .inner .texts h5 {font-size:13px;line-height:1.7;}

/* A fine chronological thread replaces the heavy pipe and oversized dots. */
.kap-box-site .timeline .section-header {margin-bottom:34px;}
.kap-box-site .timeline-row {max-width:840px;margin:0 auto;}
.kap-box-site .timeline .timeline-row:before {width:1px;left:50%;background:var(--filet);}
.kap-box-site .timeline-post + .timeline-post {margin-top:18px;}
.kap-box-site .timeline-post .bar-content .inner {font-size:12px;line-height:30px;min-width:0;padding:0 14px;background:var(--fond);border:1px solid var(--filet);border-radius:4px;}
.kap-box-site .timeline-post .half-side.date {font-size:13px;line-height:44px;text-transform:none;padding-right:24px;}
.kap-box-site .timeline-post .half-side.content {padding-left:24px;}
.kap-box-site .timeline-post .half-side.content .inner,
.kap-box-site .timeline-post.has-content.odd .half-side.content .inner {border:0;padding:12px 0;background:transparent;}
.kap-box-site .timeline-post .half-side.content .inner h4 {font-size:16px;line-height:1.45;white-space:normal;}
.kap-box-site .timeline-post .half-side.content .inner p {font-size:13px;line-height:1.7;width:auto;max-width:28ch;margin-top:8px;}
.kap-box-site .timeline-post .half-side + .half-side:before,
.kap-box-site .timeline-post.has-content.odd .half-side:before {width:10px;height:10px;border-width:2px;left:-5px;top:17px;background:var(--fond);}
.kap-box-site .timeline-post.has-content.odd .half-side.date {padding-left:24px;}
.kap-box-site .timeline-post.has-content.odd .half-side.content {padding-right:24px;}
.kap-box-site .mobile-app {padding-top:40px;padding-bottom:40px;}
.kap-box-site .mobile-app h2 {font-size:36px;line-height:1.2;margin-top:48px;margin-bottom:20px;}
.kap-box-site .mobile-app p {font-size:16px;line-height:1.8;max-width:44ch;}
.kap-box-site .mobile-app .mobile-img {max-width:340px;}
.kap-box-site .mobile-app .dload-link {margin-right:10px;}
.kap-box-site .mobile-app .dload-link img {width:154px;}

/* Each specification gets its natural height, within the original nine-item grid. */
.kap-box-site .tech-specs-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;margin-left:0;margin-right:0;}
.kap-box-site .tech-specs-row:before,
.kap-box-site .tech-specs-row:after {display:none;}
.kap-box-site .tech-specs-row .tech-spec {float:none;width:auto;min-width:0;min-height:0;padding:24px 0;}
.kap-box-site .tech-specs-row h4 {font-size:16px;line-height:1.4;margin:0 0 10px;}
.kap-box-site .tech-specs-row ul li {font-size:14px;line-height:1.8;}

/* Keep the same contact front/back and hooks; a quiet panel replaces the 3D flip. */
.kap-box-site .contact {padding:40px 24px 32px;border-top:1px solid var(--filet);}
.kap-box-site .contact #mapBox {display:none;}
.kap-box-site .flip-box-container {position:relative;top:auto;bottom:auto;left:auto;transform:none;perspective:none;width:100%;max-width:660px;height:auto;min-height:0;margin:0 auto;transition:none;}
.kap-box-site .flip-box-container .flip-box {position:relative;height:auto;transform:none;transform-style:flat;box-shadow:none;transition:none;}
.kap-box-site .flip-box-container .flip-box-part {position:relative;top:auto;left:auto;transform:none;transform-style:flat;backface-visibility:visible;padding:36px 40px;border-color:var(--filet);transition:none;}
.kap-box-site .flip-box-container .contact-box {display:block;}
.kap-box-site .flip-box-container .contact-form {display:none;}
.kap-box-site .flip-box-container.show-form .contact-box {display:none;transform:none;}
.kap-box-site .flip-box-container.show-form .contact-form {display:block;transform:none;}
.kap-box-site .contact .contact-box h2 {font-size:30px;line-height:1.25;letter-spacing:-.6px;}
.kap-box-site .contact-box ul {margin:24px 0 28px;}
.kap-box-site .contact-box ul li {font-size:15px;line-height:1.8;}
.kap-box-site .contact-box ul li + li {margin-top:12px;}
.kap-box-site .contact-box .btn {font-size:15px;min-height:48px;line-height:24px;padding-top:11px;padding-bottom:11px;}
.kap-box-site .contact-form .form-control {font-size:15px;min-height:48px;}
.kap-box-site .contact-form .form-control::placeholder {font-size:14px;}
.kap-box-site .contact-form .js-close-flip {top:8px;right:10px;line-height:30px;}
.kap-box-site footer.row {padding:0 24px;}
.kap-box-site .social-links {padding:24px 0;border:0;}
.kap-box-site .social-links ul li a {width:36px;height:36px;line-height:34px;border:0;background:transparent;font-size:16px;}
.kap-box-site .menu-rights {padding:12px 0 30px;}
.kap-box-site .footer-menu {margin-bottom:16px;}
.kap-box-site .footer-menu li a {font-size:13px;}
.kap-box-site footer.row .menu-rights p {font-size:12px;line-height:1.7;}

@media(max-width:1199px){
  .kap-box-site .collections {gap:12px;}
  .kap-box-site .collections .item {padding:20px 14px;}
  .kap-box-site .collections .item .title {font-size:16px;}
  .kap-box-site .collections .item .price {font-size:25px;}
}
@media(max-width:991px){
  .kap-box-site {--section-space:36px;}
  .kap-box-site .collections {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .kap-box-site .collections .item {padding:24px;}
  .kap-box-site .collections .item .title {font-size:18px;}
  .kap-box-site .left-right-contents .text-center > img {margin:0 auto 24px;width:320px;}
  .kap-box-site .left-right-contents .media {margin-top:24px;}
  .kap-box-site .section-header h2 {font-size:36px;}
  .kap-box-site .split-column .texts .texts-inner,
  .kap-box-site .split-column:nth-child(even) .texts .texts-inner {padding:24px;}
  .kap-box-site .split-column .texts h2 {font-size:28px;}
  .kap-box-site .split-column .texts p {font-size:15px;line-height:1.75;}
  .kap-box-site .mobile-app h2 {font-size:30px;margin-top:30px;}
}
@media(max-width:767px){
  .kap-box-site {--section-space:28px;}
  .kap-box-site header.row > .top-banner > .container,
  .kap-box-site section.row > .container,
  .kap-box-site footer.row > .container {padding-left:24px;padding-right:24px;}
  .kap-box-site .section-header {margin-left:0;margin-right:0;margin-bottom:20px;}
  .kap-box-site .section-header h2 {font-size:31px;line-height:1.2;letter-spacing:-.7px;margin-bottom:14px;}
  .kap-box-site .section-header p,
  .kap-box-site .section-header.v2 p {font-size:15px;line-height:1.75;max-width:100%;}
  body.kap-box-site.home header.row .navbar,
  body.kap-box-site.home header.row .navbar.is-scrolling {padding:12px 0;}
  .kap-box-site .navbar > .container {padding:0 24px;}
  .kap-box-site .navbar .navbar-header .navbar-brand,
  .kap-box-site .navbar.is-scrolling .navbar-header .navbar-brand {width:150px;height:40px;}
  .kap-box-site .navbar .navbar-header .navbar-brand img,
  .kap-box-site .navbar.is-scrolling .navbar-header .navbar-brand img {width:145px;height:40px;}
  .kap-box-site #main-navbar {margin:12px 0 0;padding:8px 0;border-color:var(--filet);}
  .kap-box-site #main-navbar .nav {margin:0;padding:0;}
  .kap-box-site #main-navbar .nav li a {line-height:42px;padding:0 16px;}
  .kap-box-site .top-banner {padding-top:120px;}
  .kap-box-site .top-banner h2 {font-size:44px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:22px;}
  .kap-box-site .top-banner > .container > p {font-size:16px;line-height:1.7;margin-bottom:26px;}
  .kap-box-site #subscribeform {margin:0 auto 12px;}
  .kap-box-site #subscribeform .input-group {height:58px;}
  .kap-box-site #subscribeform .input-group .form-control {height:58px;padding:0 16px;font-size:14px;}
  .kap-box-site #subscribeform .input-group .form-control::placeholder {font-size:14px;}
  .kap-box-site #subscribeform .input-group .input-group-addon {height:58px;width:60px;flex-basis:60px;}
  .kap-box-site #subscribeform .input-group .input-group-addon button {height:58px;width:60px;}
  .kap-box-site #js-subscribe-result {margin-top:12px;}
  .kap-box-site #js-subscribe-result p {font-size:12px;max-width:28ch;margin:auto;}
  .kap-box-site .top-banner .apple-watch {margin:0 auto 28px;}
  .kap-box-site .top-banner .watch_img {width:430px;max-width:112%;margin-left:-6%;}
  .kap-box-site .the-product {padding-bottom:44px;}
  .kap-box-site .how-it-works .work-process {padding-top:20px;padding-bottom:18px;}
  .kap-box-site .work-process + .work-process {margin-top:6px;}
  .kap-box-site .work-process h3 {font-size:20px;margin-top:14px;}
  .kap-box-site .benefit-notes .benefit {padding-top:14px;padding-bottom:14px;}
  .kap-box-site .left-right-contents {padding:16px 0 28px;}
  .kap-box-site .left-right-contents .media,
  .kap-box-site .left-right-contents .media + .media {margin-top:24px;}
  .kap-box-site .collections {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-left:-8px;margin-right:-8px;}
  .kap-box-site .collections .item {padding:18px 12px;}
  .kap-box-site .collections .item .featured-img {height:105px;margin-bottom:16px;}
  .kap-box-site .collections .item .featured-img img {height:105px;}
  .kap-box-site .collections .item .title {font-size:15px;min-height:42px;line-height:1.4;}
  .kap-box-site .collections .item .category {font-size:12px;line-height:1.65;min-height:70px;}
  .kap-box-site .collections .item .price {font-size:24px;min-height:54px;margin:12px 0 10px;}
  .kap-box-site .collections .item .price small {display:block;font-size:12px;line-height:1.8;}
  .kap-box-site .collections .item .btn {font-size:12px;padding:0 3px;line-height:38px;}
  .kap-box-site .the-watch .the-watch-img {float:none;}
  .kap-box-site .the-watch-img img {max-width:320px;margin:0 auto 26px;}
  .kap-box-site .the-watch-features {padding-top:0;}
  .kap-box-site .split-columns {padding:0 24px;}
  .kap-box-site .split-column + .split-column {margin-top:20px;}
  .kap-box-site .split-column .texts .texts-inner,
  .kap-box-site .split-column:nth-child(even) .texts .texts-inner {padding:24px 0;}
  .kap-box-site .split-column .texts h2 {font-size:29px;line-height:1.2;}
  .kap-box-site .review {padding:22px 0 10px;}
  .kap-box-site .review + .review {margin-top:20px;}
  .kap-box-site .review p {max-width:none;}
  .kap-box-site .reviews {padding:28px 0 18px;}
  .kap-box-site .faq,
  .kap-box-site .faq:nth-child(1),
  .kap-box-site .faq:nth-child(2) {margin-top:22px;}
  .kap-box-site .faq h4 {font-size:17px;}
  .kap-box-site .member {padding:14px 8px 22px;}
  .kap-box-site .member .inner .image,
  .kap-box-site .member .inner .image img {width:72px;height:72px;}
  .kap-box-site .member .inner .texts {padding-top:12px;}
  .kap-box-site .member .inner .texts h4 {font-size:17px;}
  .kap-box-site .member .inner .texts h5 {font-size:12px;}
  .kap-box-site .timeline-row {margin:0 0 0 7px;}
  .kap-box-site .timeline .timeline-row:before {left:8px;}
  .kap-box-site .timeline-post {padding-left:25px;padding-right:0;}
  .kap-box-site .timeline-post.has-content {padding-left:25px;}
  .kap-box-site .timeline-post .bar-content {text-align:left;padding-left:0;}
  .kap-box-site .timeline-post .half-side.date,
  .kap-box-site .timeline-post.has-content.odd .half-side.date {padding:0;font-size:12px;line-height:1.6;}
  .kap-box-site .timeline-post .half-side.content,
  .kap-box-site .timeline-post.has-content.odd .half-side.content {padding:0;}
  .kap-box-site .timeline-post .half-side.content .inner,
  .kap-box-site .timeline-post.has-content.odd .half-side.content .inner {padding:5px 0;}
  .kap-box-site .timeline-post .half-side + .half-side:before,
  .kap-box-site .timeline-post.has-content.odd .half-side + .half-side:before {left:-21px;top:-19px;}
  .kap-box-site .timeline-post .half-side.content .inner h4 {font-size:16px;}
  .kap-box-site .timeline-post .half-side.content .inner p {max-width:none;}
  .kap-box-site .mobile-app {padding-top:20px;padding-bottom:40px;}
  .kap-box-site .mobile-app h2 {margin-top:16px;font-size:31px;}
  .kap-box-site .mobile-app p {font-size:15px;line-height:1.8;max-width:none;}
  .kap-box-site .mobile-app .mobile-img {max-width:260px;margin:20px auto 0;}
  .kap-box-site .tech-specs-row {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;}
  .kap-box-site .tech-specs-row .tech-spec {padding:20px 0;}
  .kap-box-site .tech-specs-row h4 {font-size:15px;}
  .kap-box-site .tech-specs-row ul li {font-size:12px;line-height:1.85;}
  .kap-box-site .contact {padding:28px 24px 24px;}
  .kap-box-site .flip-box-container .flip-box-part {padding:30px 24px;}
  .kap-box-site .contact .contact-box h2 {font-size:28px;}
  .kap-box-site .contact-box ul li {font-size:14px;}
  .kap-box-site .contact-box ul li i {font-size:14px;}
  .kap-box-site .contact-form .form-control {font-size:14px;}
  .kap-box-site footer.row > .container {width:auto;padding-left:0;padding-right:0;}
  .kap-box-site .footer-menu {display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;}
  .kap-box-site .footer-menu li {float:none;margin:0!important;}
  .kap-box-site .footer-menu li + li:before {display:none;}
  .kap-box-site .footer-menu li a {font-size:12px;}
}
@media(max-width:359px){
  .kap-box-site .top-banner h2 {font-size:39px;}
  .kap-box-site .top-banner > .container > p {font-size:15px;}
  .kap-box-site .collections {grid-template-columns:1fr;margin-left:0;margin-right:0;}
  .kap-box-site .collections .item {padding:22px;}
  .kap-box-site .collections .item .featured-img {height:120px;}
  .kap-box-site .collections .item .featured-img img {height:120px;}
  .kap-box-site .collections .item .title,
  .kap-box-site .collections .item .category,
  .kap-box-site .collections .item .price {min-height:0;}
  .kap-box-site .collections .item .price small {display:inline;}
  .kap-box-site .tech-specs-row {grid-template-columns:1fr;}
  .kap-box-site .tech-specs-row ul li {font-size:14px;}
}
/* Keep the useful footer links, with no second row of duplicate icon links. */
.kap-box-site footer .social-links{display:none;}

/* Keep narrow screens inside their gutters, including the legacy form row. */
.kap-box-site #phpcontactform > .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0;}
.kap-box-site #phpcontactform > .row:before,.kap-box-site #phpcontactform > .row:after{display:none;}
.kap-box-site #phpcontactform > .row > .form-group{float:none;width:auto;min-width:0;padding-left:0;padding-right:0;}
.kap-box-site #phpcontactform .form-control{min-width:0;max-width:100%;}
.kap-box-site #phpcontactform .btn-block{padding:12px 16px;font-size:15px;line-height:1.5;white-space:normal;}
@media(max-width:767px){
.kap-box-site .the-watch-img img{width:min(320px,100%);max-width:100%;}
.kap-box-site #phpcontactform > .row{grid-template-columns:1fr;}
.kap-box-site #phpcontactform .btn-block{font-size:14px;}
}

/* Bootstrap fixed tablet containers must respect the footer gutters. */
.kap-box-site footer.row > .container{width:100%;max-width:1140px;}

/* Restore the original bureau hero, with the compact form and tighter rhythm. */
body.kap-box-site.home header.row{background:var(--fond) url('../images/header-background.jpg') no-repeat center bottom;background-size:cover;}
body.kap-box-site.home header.row .navbar{background:transparent;border-bottom-color:transparent;}
body.kap-box-site.home header.row .navbar.is-scrolling{background:var(--fond);border-bottom-color:var(--filet);}
.kap-box-site .top-banner{padding-top:142px;}
.kap-box-site .top-banner h2{font-size:clamp(48px,5.4vw,78px);margin-bottom:18px;}
.kap-box-site .top-banner .watch_img{width:430px;max-width:90%;margin-left:auto;}
.kap-box-site .top-banner .apple-watch{margin:0 auto 44px;}
.kap-box-site .work-processes .work-process{padding-top:10px;padding-bottom:10px;}
.kap-box-site .benefit-notes .benefit{padding-top:14px;padding-bottom:12px;}
.kap-box-site .left-right-contents .media,.kap-box-site .left-right-contents .media + .media{margin-top:20px;}
.kap-box-site .timeline .section-header{margin-bottom:22px;}
.kap-box-site .timeline-post + .timeline-post{margin-top:12px;}
.kap-box-site .split-column + .split-column{margin-top:20px;}
.kap-box-site .mobile-app.kap-cloud-demo{padding:40px 0;}
.kap-box-site .kap-cloud-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px;}
.kap-box-site .kap-cloud-copy{max-width:64ch;}
.kap-box-site .kap-cloud-copy h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;}
.kap-box-site .kap-cloud-copy p{max-width:62ch;margin:0;font-size:16px;line-height:1.65;}
.kap-box-site .kap-cloud-heading > .btn{flex:none;margin-top:6px;background:transparent;border-color:var(--filet);padding:10px 18px;font-size:14px;line-height:1.5;}
.kap-box-site .kap-cloud-heading > .btn:hover{border-color:var(--encre);background:var(--fond);}
.kap-box-site .kap-demo-frame{overflow:hidden;border:1px solid var(--filet);border-radius:14px;background:var(--fond);}
.kap-box-site .kap-demo-frame iframe{display:block;border:0;width:100%;height:680px;background:white;}
.kap-box-site .kap-demo-caption{font-size:12px;line-height:1.6;margin:10px 0 0;color:var(--texte-2);max-width:none;}
@media(max-width:991px){
.kap-box-site .kap-cloud-heading{gap:20px;}
.kap-box-site .kap-cloud-copy h2{font-size:32px;}
.kap-box-site .kap-cloud-heading > .btn{max-width:180px;white-space:normal;}
}
@media(max-width:767px){
.kap-box-site .top-banner{padding-top:116px;}
.kap-box-site .top-banner h2{font-size:44px;}
.kap-box-site .top-banner .watch_img{width:390px;max-width:105%;margin-left:-2.5%;}
.kap-box-site .top-banner .apple-watch{margin:0 auto 26px;}
.kap-box-site .mobile-app.kap-cloud-demo{padding:28px 0;}
.kap-box-site .kap-cloud-heading{display:block;margin-bottom:18px;}
.kap-box-site .kap-cloud-copy h2{font-size:30px;}
.kap-box-site .kap-cloud-copy p{font-size:15px;}
.kap-box-site .kap-cloud-heading > .btn{display:inline-block;max-width:none;margin-top:14px;}
.kap-box-site .kap-demo-frame{border-radius:9px;}
.kap-box-site .kap-demo-frame iframe{height:650px;}
}
@media(max-width:359px){.kap-box-site .top-banner h2{font-size:39px;}}

/* Give desktop content and the live demonstration less side margin. */
@media(min-width:1200px){
.kap-box-site header .navbar > .container,
.kap-box-site .top-banner > .container,
.kap-box-site section.row > .container,
.kap-box-site footer.row > .container{width:calc(100% - 64px);max-width:1320px;}
}

.kap-box-site section[id]{scroll-margin-top:84px;}

/* A little breathing room between sections, with the compact inner layouts intact. */
body.kap-box-site{--section-gap:24px;}
body.kap-box-site > header.row + section.row,
body.kap-box-site > section.row + section.row{margin-top:var(--section-gap);}
@media(max-width:767px){body.kap-box-site{--section-gap:16px;}}