@import url("fonts.css");

:root{--tsp3-ink:#153c51;--tsp3-blue:#087d9d;--tsp3-muted:#526b79;--tsp3-line:#d5e3e9;--tsp3-pale:#edf6f9;--tsp3-soft:#f3f8fa;--tsp3-white:#fff}
.tsp3-row{box-sizing:border-box;width:100%;max-width:none!important;background:#fff;color:var(--tsp3-ink);font:400 16px/1.7 'TSP DM Sans',Arial,sans-serif;text-align:left}
.tsp3-row *{box-sizing:border-box}.tsp3-row a{color:inherit;text-decoration:none}.tsp3-row p{margin-top:0}.tsp3-row>.pagelayer-row-holder{width:100%;max-width:1600px;margin:0 auto}.tsp3-row .pagelayer-col-holder{height:100%}
.tsp3-row :is(h1,h2,h3,strong){color:var(--tsp3-ink)}
.tsp3-row em{font-style:normal;color:var(--tsp3-blue)}
.tsp3-kicker,.tsp3-kicker p{margin:0 0 22px;color:var(--tsp3-blue);font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.tsp3-title .pagelayer-heading-holder,.tsp3-title .pagelayer-heading-holder *{margin:0;color:var(--tsp3-ink);font-family:'TSP DM Sans',Arial,sans-serif!important;font-size:clamp(35px,3.6vw,58px)!important;line-height:1.14!important;font-weight:600!important;letter-spacing:-.045em!important}
.tsp3-title span{color:var(--tsp3-muted)!important}.tsp3-copy,.tsp3-copy p{color:var(--tsp3-muted);font-size:16px;line-height:1.75}

/* Header */
.tsp3-header{height:96px;padding:0 6%;border-bottom:1px solid #e2ebef}
.tsp3-header>.pagelayer-row-holder{align-items:center}.tsp3-brand p{margin:0;font-size:29px;line-height:.85;letter-spacing:-.05em}.tsp3-brand small{font-size:12px;line-height:2;letter-spacing:.1em;font-weight:500;color:var(--tsp3-muted)}
.tsp3-nav{text-align:right}.tsp3-nav p{margin:0;font-size:15px}.tsp3-nav-cta{display:inline-block;padding:11px 20px;border-radius:6px;background:#e9f4f7;color:#086c87!important}

/* Hero */
.tsp3-hero{padding:72px 6% 45px;background:var(--tsp3-soft)}.tsp3-hero>.pagelayer-row-holder{align-items:center}
.tsp3-hero-title .pagelayer-heading-holder,.tsp3-hero-title .pagelayer-heading-holder *{margin:0;color:var(--tsp3-ink);font-family:'TSP DM Sans',Arial,sans-serif!important;font-size:clamp(50px,5.4vw,88px)!important;line-height:1.07!important;font-weight:600!important;letter-spacing:-.052em!important}
.tsp3-lead,.tsp3-lead p{color:var(--tsp3-muted);font-size:18px;line-height:1.8}.tsp3-button{margin-top:6px}.tsp3-youtube p{margin:15px 0 0;color:#17647d;font-size:14px}
.tsp3-image img{display:block;width:100%;height:auto;object-fit:cover}.tsp3-hero-image img{height:535px;border-radius:12px;object-position:52% center}
.tsp3-hero-meta-row{padding:0 6% 24px;background:var(--tsp3-soft)}.tsp3-hero-meta{padding-top:20px;border-top:1px solid #d7e5eb}.tsp3-hero-meta p{display:flex;justify-content:space-between;margin:0;color:var(--tsp3-muted);font-size:12px;letter-spacing:.035em}

/* Partner strip and common section spacing */
.tsp3-partners{padding:32px 6%;border-bottom:1px solid var(--tsp3-line)}.tsp3-partners>.pagelayer-row-holder{align-items:center}.tsp3-partner-label p,.tsp3-yanmar p,.tsp3-maritim p,.tsp3-partner-note p{margin:0}.tsp3-partner-label{font-size:12px;letter-spacing:.12em}.tsp3-partner-label small{color:var(--tsp3-muted);letter-spacing:0}.tsp3-yanmar{text-align:center;font-size:29px}.tsp3-yanmar strong{color:#b82c3d}.tsp3-maritim{text-align:center;font-size:31px;font-style:italic;letter-spacing:-.05em}.tsp3-maritim strong{color:#206087}.tsp3-partner-note{text-align:right;color:var(--tsp3-muted);font-size:14px}
.tsp3-section{padding:88px 6% 36px}.tsp3-section-bottom{padding:22px 6% 82px}.tsp3-universe-heading>.pagelayer-row-holder,.tsp3-audience-heading>.pagelayer-row-holder{align-items:center}

/* Episode distribution */
.tsp3-episode-row{padding:0 6%}.tsp3-episode{display:flex;align-items:center;gap:24px;padding:28px 30px;border:1px solid #d5e6ec;border-radius:10px;background:#edf6f9}.tsp3-episode .pagelayer-text-holder{display:flex;align-items:center;gap:24px;width:100%}.tsp3-play{display:grid;flex:0 0 60px;height:60px;place-items:center;border-radius:50%;background:var(--tsp3-blue);color:white}.tsp3-episode small{color:var(--tsp3-muted);font-size:11px;letter-spacing:.12em}.tsp3-episode h3{margin:4px 0;font-size:23px}.tsp3-episode p{margin:0;color:var(--tsp3-muted);font-size:14px}.tsp3-episode .pagelayer-text-holder>span{margin-left:auto;padding:7px 13px;border:1px solid #c4dce6;border-radius:5px;color:#17647d;font-size:12px}
.tsp3-channels{padding:0 7.5%}.tsp3-channel{position:relative;padding:38px 12px 20px;border-bottom:1px solid var(--tsp3-line)}.tsp3-channel:before{position:absolute;top:0;left:12px;width:1px;height:27px;background:var(--tsp3-blue);content:''}.tsp3-channel span{float:right;color:var(--tsp3-muted);font-size:11px}.tsp3-channel h3{margin:4px 0 12px;font-size:17px}.tsp3-channel p{margin:0;color:var(--tsp3-muted);font-size:14px}.tsp3-centered-note{text-align:center;color:var(--tsp3-muted);font-size:14px}

/* Audience */
.tsp3-audience{padding-left:6%;padding-right:6%;background:#eaf5f9}.tsp3-audience-heading{padding-top:82px;padding-bottom:18px}.tsp3-period-row{padding-top:0;padding-bottom:10px}.tsp3-period p{margin:0;color:var(--tsp3-muted);font-size:15px}.tsp3-stats{padding-top:0;padding-bottom:18px}.tsp3-stats>.pagelayer-row-holder{flex-wrap:wrap}.tsp3-stats>.pagelayer-row-holder>.pagelayer-col{width:33.333%!important}.tsp3-stat{height:100%;min-height:188px;padding:25px;border:1px solid #d9e8ee;border-radius:8px;background:white}.tsp3-stat small{display:block;margin-bottom:8px;color:var(--tsp3-blue);font-size:12px;letter-spacing:.13em}.tsp3-stat strong{display:block;font-size:clamp(32px,3.2vw,53px);line-height:1.3;letter-spacing:-.045em}.tsp3-stat p{margin:8px 0 0;color:var(--tsp3-muted);font-size:14px;line-height:1.45}.tsp3-audience-footer{padding-top:0;padding-bottom:76px}.tsp3-data-note p{color:var(--tsp3-muted);font-size:12px;line-height:1.7}.tsp3-interests p{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 0}.tsp3-interests span{padding:7px 15px;border:1px solid #cbdfe8;border-radius:30px;background:#ffffff90;color:var(--tsp3-ink);font-size:14px}

/* Offers */
.tsp3-offers-heading{padding-bottom:42px}.tsp3-main-offer{margin:0 6%;padding:40px;border:1px solid #c5e0e9;border-top:5px solid var(--tsp3-blue);border-radius:10px;background:#edf7fa}.tsp3-main-offer>.pagelayer-row-holder{align-items:stretch}.tsp3-pill{display:inline-block;padding:5px 10px;border:1px solid #abd3e1;border-radius:4px;color:var(--tsp3-blue);font-size:12px;letter-spacing:.1em}.tsp3-main-offer-copy h3{margin:26px 0 20px;font-size:45px;line-height:1.12;letter-spacing:-.045em}.tsp3-offer-lead{font-size:19px;line-height:1.5}.tsp3-main-offer-copy p{max-width:430px}.tsp3-main-offer-list ul{padding:0;margin:0 0 26px;list-style:none}.tsp3-main-offer-list li{position:relative;padding:7px 0 7px 25px;border-bottom:1px solid #d1e2e9;font-size:15px}.tsp3-main-offer-list li:before{position:absolute;left:0;color:var(--tsp3-blue);content:'✓'}.tsp3-price small{color:var(--tsp3-muted);font-size:12px;letter-spacing:.12em}.tsp3-price strong{display:block;font-size:48px;line-height:1.15;letter-spacing:-.045em}.tsp3-price strong span{font-size:24px}.tsp3-price p{font-size:12px}.tsp3-dark-button .pagelayer-btn-holder{width:100%;text-align:center;background:var(--tsp3-blue)!important;color:white!important}
.tsp3-secondary-offers{padding:24px 6%}.tsp3-secondary-offer{height:100%;padding:30px;border:1px solid #d7e4ea;border-radius:10px;background:#fff}.tsp3-secondary-offer small{color:var(--tsp3-blue);font-size:12px;letter-spacing:.15em}.tsp3-secondary-offer h3{margin:14px 0;font-size:30px}.tsp3-secondary-offer p{color:var(--tsp3-muted)}.tsp3-secondary-offer>p:last-child{margin-top:28px;color:var(--tsp3-blue);font-size:14px}.tsp3-fine,.tsp3-fine p{color:var(--tsp3-muted);font-size:12px}

/* Integration and concepts */
.tsp3-integration-heading{padding-top:30px}.tsp3-integration{padding:0 6% 78px}.tsp3-integration>.pagelayer-row-holder{align-items:center}.tsp3-mockup-label{position:relative;z-index:2;margin:0 12px -43px;padding:8px;background:white;color:#305466;font-size:11px}.tsp3-mockup-label p{margin:0}.tsp3-mockup-image{padding:12px;border:1px solid #d4e3e9;border-radius:10px;background:#f0f6f8}.tsp3-mockup-image img{aspect-ratio:16/10;border-radius:5px;object-fit:cover}.tsp3-mockup-overlay{position:relative;z-index:2;width:max-content;max-width:90%;margin:-105px 0 35px 12px;padding:14px 24px;border-left:4px solid var(--tsp3-blue);background:#ffffffed}.tsp3-mockup-overlay p{margin:0}.tsp3-mockup-overlay small{color:var(--tsp3-blue);font-size:11px;letter-spacing:.1em}.tsp3-mockup-overlay strong{font-size:25px}.tsp3-mockup-caption{padding:0 15px;color:var(--tsp3-muted);font-size:13px}.tsp3-touchpoints .pagelayer-text-holder>div{padding:20px 0;border-bottom:1px solid var(--tsp3-line)}.tsp3-touchpoints span{float:left;margin-right:22px;color:var(--tsp3-blue);font-size:12px}.tsp3-touchpoints h3{margin:0 0 6px;font-size:18px}.tsp3-touchpoints p{margin:0 0 0 42px;color:var(--tsp3-muted);font-size:14px}.tsp3-video-help{margin-top:20px;padding:14px;border:1px dashed #9bbdca;border-radius:6px;background:#f4f9fa;color:var(--tsp3-muted);font-size:13px}.tsp3-video-help p{margin:0}
.tsp3-concept-heading{padding-top:42px}.tsp3-concepts{padding:0 6% 85px}.tsp3-concept{height:100%;padding-top:18px;border-top:1px solid #a9d3e1}.tsp3-concept span{color:var(--tsp3-blue);font-size:12px;letter-spacing:.1em}.tsp3-concept h3{margin:23px 0 16px;font-size:22px;line-height:1.25}.tsp3-concept p{color:var(--tsp3-muted);font-size:15px}

/* Editorial, FAQ, contact, footer */
.tsp3-editorial{margin:0 6% 75px;border-radius:12px;background:#edf6f9;overflow:hidden}.tsp3-editorial>.pagelayer-row-holder{align-items:stretch}.tsp3-editorial-image,.tsp3-editorial-image .pagelayer-image-holder{height:100%}.tsp3-editorial-image img{height:100%;min-height:480px;object-fit:cover;object-position:52% center}.tsp3-editorial .pagelayer-col:last-child .pagelayer-col-holder{padding:55px 9%}.tsp3-signature{margin-top:25px;color:var(--tsp3-ink)!important;font-size:22px}.tsp3-signature small{margin-left:18px;color:var(--tsp3-blue);font-size:11px;letter-spacing:.15em}
.tsp3-faq-row{padding-bottom:82px}.tsp3-faq details{padding:20px 0;border-bottom:1px solid var(--tsp3-line)}.tsp3-faq summary{display:flex;justify-content:space-between;gap:20px;color:var(--tsp3-ink);font-weight:500;cursor:pointer;list-style:none}.tsp3-faq summary:after{color:var(--tsp3-blue);font-size:20px;content:'+'}.tsp3-faq details[open] summary:after{content:'−'}.tsp3-faq details p{margin:18px 25px 0 0;color:var(--tsp3-muted);font-size:15px}
.tsp3-contact{padding:78px 6%;background:#edf6f9}.tsp3-contact>.pagelayer-row-holder{align-items:center}.tsp3-contact .tsp3-title .pagelayer-heading-holder *{font-size:clamp(48px,5vw,80px)!important}.tsp3-contact-email p{margin:15px 0 0;color:var(--tsp3-blue);font-size:13px}
.tsp3-footer{padding:32px 6%;border-top:1px solid #dbe6eb}.tsp3-footer>.pagelayer-row-holder{align-items:center}.tsp3-footer-text{text-align:center;color:var(--tsp3-muted);font-size:13px}.tsp3-footer-link{text-align:right;color:var(--tsp3-muted);font-size:13px}.tsp3-footer :is(p){margin:0}

@media(max-width:900px){
  .tsp3-header{height:80px}.tsp3-nav a:not(.tsp3-nav-cta){display:none}.tsp3-hero{padding-top:40px}.tsp3-hero>.pagelayer-row-holder{flex-wrap:wrap}.tsp3-hero>.pagelayer-row-holder>.pagelayer-col{width:100%!important}.tsp3-hero-image img{height:360px;margin-top:22px}.tsp3-section{padding:64px 6% 30px}.tsp3-stats>.pagelayer-row-holder>.pagelayer-col{width:50%!important}.tsp3-main-offer{padding:28px}.tsp3-concepts>.pagelayer-row-holder{flex-wrap:wrap}.tsp3-concepts>.pagelayer-row-holder>.pagelayer-col{width:50%!important}.tsp3-editorial>.pagelayer-row-holder{flex-wrap:wrap}.tsp3-editorial>.pagelayer-row-holder>.pagelayer-col{width:100%!important}.tsp3-editorial-image img{min-height:360px}.tsp3-partner-note{display:none}
}
@media(max-width:560px){
  .tsp3-row>.pagelayer-row-holder{flex-wrap:wrap}.tsp3-row>.pagelayer-row-holder>.pagelayer-col{width:100%!important}.tsp3-header>.pagelayer-row-holder>.pagelayer-col{width:50%!important}.tsp3-header{padding:0 4%}.tsp3-brand p{font-size:23px}.tsp3-nav-cta{padding:9px 11px}.tsp3-hero{padding:24px 5% 38px}.tsp3-hero-title .pagelayer-heading-holder *{font-size:48px!important}.tsp3-hero-image img{height:270px}.tsp3-hero-meta p{gap:15px;font-size:10px}.tsp3-hero-meta span{display:none}.tsp3-partners>.pagelayer-row-holder>.pagelayer-col{width:33.333%!important}.tsp3-partners>.pagelayer-row-holder>.pagelayer-col:last-child{display:none}.tsp3-partner-label{font-size:9px}.tsp3-yanmar,.tsp3-maritim{font-size:21px}.tsp3-channels>.pagelayer-row-holder>.pagelayer-col,.tsp3-stats>.pagelayer-row-holder>.pagelayer-col,.tsp3-concepts>.pagelayer-row-holder>.pagelayer-col{width:100%!important}.tsp3-main-offer{margin:0 5%;padding:22px}.tsp3-main-offer-copy h3{font-size:38px}.tsp3-price strong{font-size:40px}.tsp3-secondary-offers{padding-left:5%;padding-right:5%}.tsp3-integration{padding-left:5%;padding-right:5%}.tsp3-mockup-overlay{margin-top:-92px}.tsp3-editorial{margin-left:5%;margin-right:5%}.tsp3-editorial .pagelayer-col:last-child .pagelayer-col-holder{padding:36px 7%}.tsp3-footer-text{display:none}.tsp3-footer>.pagelayer-row-holder>.pagelayer-col{width:50%!important}
}