/* Product capabilities across full-service and self-service. Keep styles scoped. */
#platform-cycle{padding:64px 0}
#platform-cycle .section-heading{margin-bottom:28px}
#platform-cycle .section-heading h2{font-size:clamp(37px,3.8vw,56px)}
#platform-cycle .section-heading>div>p{font-size:16px;line-height:1.65;max-width:780px;margin-top:19px}
#platform-cycle .pl-showcase{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.8fr);gap:18px 22px;background:var(--smoke);border:1px solid #e5e6ec;border-radius:28px 28px 7px 28px;padding:18px}
#platform-cycle .pl-rail{min-width:0;padding:15px 8px 0}
#platform-cycle .pl-scope{font:600 9px/1.5 Raleway,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 10px 18px;max-width:235px}
#platform-cycle .pl-tabs{display:grid;gap:7px}
#platform-cycle .pl-tab{position:relative;display:flex;align-items:center;gap:14px;padding:17px 15px;border:1px solid transparent;border-radius:17px 17px 5px 17px;background:transparent;color:var(--ink);text-align:left;min-width:0;cursor:pointer;transition:background .2s,color .2s}
#platform-cycle .pl-tab>span:first-child{font:12px/1 Tiposka,Montserrat,sans-serif;color:#c42b00;flex:0 0 21px;letter-spacing:.03em}
#platform-cycle .pl-tab strong{display:block;font:650 16px/1.2 Raleway,sans-serif;letter-spacing:-.01em}
#platform-cycle .pl-tab small{display:block;font:400 11px/1.4 Raleway,sans-serif;color:var(--muted);margin-top:6px}
#platform-cycle .pl-tab:hover{background:#ededf2}
#platform-cycle .pl-tab[aria-selected=true]{background:#272733;color:white}
#platform-cycle .pl-tab[aria-selected=true]>span:first-child{color:#ff916d}
#platform-cycle .pl-tab[aria-selected=true] small{color:#ceced9}
#platform-cycle .pl-tab:focus-visible,#platform-cycle .pl-mode-link:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
#platform-cycle .pl-panel{background:#fff;border:1px solid #e0e2e9;border-radius:20px 20px 5px 20px;padding:25px;min-width:0}
#platform-cycle .pl-feature-copy{min-height:136px}
#platform-cycle .pl-feature-copy h3{font-size:27px;font-weight:550;line-height:1.13;letter-spacing:-.025em;margin:0 0 13px;max-width:660px}
#platform-cycle .pl-feature-copy>p{font-size:14px;line-height:1.6;color:var(--muted);max-width:740px;margin:0}
#platform-cycle .pl-feature-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start;margin-top:18px}
#platform-cycle .pl-details{margin:0;display:grid;gap:18px;min-width:0}
#platform-cycle .pl-details-toggle{min-width:0}
#platform-cycle .pl-details-toggle>summary{display:none}
#platform-cycle .pl-details>div{border-top:1px solid #e5e6ec;padding-top:12px}
#platform-cycle .pl-details dt{font-size:13px;font-weight:650;line-height:1.35;margin:0 0 6px}
#platform-cycle .pl-details dd{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
#platform-cycle .pl-figure{margin:0;min-width:0;width:100%;max-width:360px;justify-self:end;align-self:center}
#platform-cycle .pl-screen-open{display:block;position:relative;aspect-ratio:2.018;overflow:hidden;border:1px solid #e3e5ec;border-radius:13px 13px 4px 13px;background:#f2f6f9;cursor:zoom-in}
#platform-cycle .pl-screen-open img{display:block;width:100%;height:100%;object-fit:contain}
#platform-cycle .pl-zoom-label{position:absolute;right:8px;bottom:8px;display:flex;gap:10px;align-items:center;background:#272733ed;color:#fff;padding:8px 10px;border-radius:8px 8px 3px 8px;font-size:9px;line-height:1;box-shadow:0 2px 12px #27273314}
#platform-cycle .pl-zoom-label .brand-plus{width:12px;height:12px;background:#fff}
#platform-cycle .pl-figure figcaption{font-size:9px;line-height:1.5;color:var(--muted);margin-top:8px;min-height:14px}
#platform-cycle .pl-modes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;padding:0 7px 4px}
#platform-cycle .pl-mode-link{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:16px 12px 12px;border-top:1px solid #dcdfe7;border-radius:0 0 5px 5px;min-width:0}
#platform-cycle .pl-mode-link>span:first-child{display:grid;gap:7px}
#platform-cycle .pl-mode-link strong{font:650 14px/1.3 Raleway,sans-serif;color:var(--ink)}
#platform-cycle .pl-mode-link>span>span{font-size:12px;line-height:1.5;color:var(--muted);max-width:470px}
#platform-cycle .pl-mode-link>.brand-clasp{flex:0 0 24px;width:24px;height:24px}
#platform-cycle .pl-mode-link>.brand-clasp:before,#platform-cycle .pl-mode-link>.brand-clasp:after{top:4px;width:7px;height:16px}
#platform-cycle .pl-mode-link>.brand-clasp:before{left:3px}
#platform-cycle .pl-mode-link>.brand-clasp:after{right:3px}
#platform-cycle .pl-mode-link:hover{background:#eeeff4}
#platform-cycle .pl-mode-link:hover strong{color:var(--orange-text)}
#platform-cycle .pl-modes>p{grid-column:1/-1;font-size:10px;line-height:1.5;color:var(--muted);margin:0 12px}
#platform-cycle .pl-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:24px}
#platform-cycle .pl-actions .button{min-height:48px;font-size:12px}
#platform-cycle .pl-screen-dialog{width:min(1320px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;border:0;border-radius:22px;background:#f5f7fa;overflow:auto;box-shadow:0 20px 90px #15151e66}
#platform-cycle .pl-screen-dialog::backdrop{background:#181822b8;backdrop-filter:blur(5px)}
#platform-cycle .pl-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
#platform-cycle .pl-dialog-top>p{font-size:13px;font-weight:600}
#platform-cycle .pl-dialog-close{border:0;border-radius:9px;background:#272733;color:white;padding:10px 15px;font-size:11px;white-space:nowrap}
#platform-cycle .pl-dialog-image{display:block;width:100%;height:auto;border-radius:12px}
#platform-cycle .pl-dialog-caption{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}
@media(max-width:1100px) and (min-width:761px){
 #platform-cycle .pl-showcase{grid-template-columns:minmax(205px,.75fr) minmax(0,1.8fr);gap:14px;padding:12px}
 #platform-cycle .pl-rail{padding:12px 0 0}
 #platform-cycle .pl-tab{padding:15px 10px;gap:9px}
 #platform-cycle .pl-tab strong{font-size:14px}
 #platform-cycle .pl-tab small{font-size:10px}
 #platform-cycle .pl-panel{padding:20px}
 #platform-cycle .pl-feature-copy{min-height:160px}
 #platform-cycle .pl-feature-copy h3{font-size:25px}
 #platform-cycle .pl-feature-copy>p{font-size:13px}
 #platform-cycle .pl-feature-body{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #platform-cycle .pl-details dt{font-size:12px}
 #platform-cycle .pl-details dd{font-size:11px}
}
@media(max-width:760px){
 #platform-cycle{padding:42px 0}
 #platform-cycle .section-heading{margin-bottom:23px}
 #platform-cycle .section-heading h2{font-size:35px;max-width:600px}
 #platform-cycle .section-heading>div>p{font-size:14px;line-height:1.6;margin-top:16px}
 #platform-cycle .pl-showcase{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px;border-radius:23px 23px 6px 23px}
 #platform-cycle .pl-rail{padding:4px 0 0}
 #platform-cycle .pl-scope{margin:0 4px 12px;max-width:none;font-size:8px}
 #platform-cycle .pl-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #platform-cycle .pl-tab{padding:11px 9px;gap:8px;min-height:60px;border-color:#e0e2e9;border-radius:12px 12px 4px 12px;background:#fff;align-items:flex-start}
 #platform-cycle .pl-tab>span:first-child{flex-basis:16px;font-size:10px;margin-top:3px}
 #platform-cycle .pl-tab strong{font-size:12px;line-height:1.25}
 #platform-cycle .pl-tab small{display:none}
 #platform-cycle .pl-panel{padding:17px;border-radius:17px 17px 4px 17px}
 #platform-cycle .pl-feature-copy{min-height:0}
 #platform-cycle .pl-feature-copy h3{font-size:23px;margin-bottom:11px}
 #platform-cycle .pl-feature-copy>p{font-size:13px;line-height:1.6}
 #platform-cycle .pl-feature-body{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}
 #platform-cycle .pl-details-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:11px;font-weight:600;cursor:pointer;padding:10px 0;border-top:1px solid #e5e6ec}
 #platform-cycle .pl-details-toggle>summary::-webkit-details-marker{display:none}
 #platform-cycle .pl-details-toggle>summary>.brand-plus{width:13px;height:13px}
 #platform-cycle .pl-details-toggle[open]>summary>.brand-plus{transform:rotate(45deg)}
 #platform-cycle .pl-details-toggle>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
 #platform-cycle .pl-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #platform-cycle .pl-details dt{font-size:11px;margin-bottom:5px}
 #platform-cycle .pl-details dd{font-size:11px;line-height:1.55}
 #platform-cycle .pl-figure{max-width:none;justify-self:stretch}
 #platform-cycle .pl-screen-open{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;aspect-ratio:auto;border:0;border-radius:0;background:transparent;overflow:visible}
 #platform-cycle .pl-screen-open img{height:auto;aspect-ratio:2.018;border:1px solid #e3e5ec;border-radius:6px}
 #platform-cycle .pl-zoom-label{position:static;padding:0;background:transparent;color:var(--ink);box-shadow:none;font-size:10px;justify-content:space-between}
 #platform-cycle .pl-zoom-label .brand-plus{background:var(--orange);width:13px;height:13px}
 #platform-cycle .pl-modes{gap:4px;padding:0 4px 3px;grid-template-columns:minmax(0,1fr)}
 #platform-cycle .pl-mode-link{padding:11px 2px;gap:12px}
 #platform-cycle .pl-mode-link>span:first-child{display:grid;grid-template-columns:79px minmax(0,1fr);align-items:baseline;gap:10px}
 #platform-cycle .pl-mode-link strong{font-size:12px}
 #platform-cycle .pl-mode-link>span>span{font-size:11px;line-height:1.5}
 #platform-cycle .pl-mode-link>.brand-clasp{width:19px;height:19px;flex-basis:19px}
 #platform-cycle .pl-mode-link>.brand-clasp:before,#platform-cycle .pl-mode-link>.brand-clasp:after{top:3px;width:6px;height:13px}
 #platform-cycle .pl-mode-link>.brand-clasp:before{left:2px}
 #platform-cycle .pl-mode-link>.brand-clasp:after{right:2px}
 #platform-cycle .pl-modes>p{font-size:9px;margin:4px 2px 0}
 #platform-cycle .pl-actions{gap:10px;margin-top:21px}
 #platform-cycle .pl-actions .button{min-height:46px}
 #platform-cycle .pl-screen-dialog{padding:12px;border-radius:17px}
 #platform-cycle .pl-dialog-top>p{font-size:11px}
 #platform-cycle .pl-dialog-caption{font-size:10px}
}
@media(max-width:400px){#platform-cycle .section-heading h2{font-size:32px}#platform-cycle .pl-tab{padding:11px 8px;gap:7px}#platform-cycle .pl-tab strong{font-size:11px}#platform-cycle .pl-panel{padding:14px}#platform-cycle .pl-actions .button{width:100%;font-size:11px}#platform-cycle .pl-feature-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){#platform-cycle .pl-tab{transition:none}}

/* Service choices live inside the platform overview. */
#platform-cycle .pl-modes{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:4px 0 0;scroll-margin-top:110px}
#platform-cycle .pl-mode-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:0;padding:24px;border:1px solid #dde0e8;border-radius:20px 20px 5px 20px;background:#fff;color:#272733;text-decoration:none;transition:border-color .3s,background .3s}
#platform-cycle .pl-mode-meta{font:600 11px/1.5 Raleway,Arial,sans-serif;color:#757b88;margin-bottom:12px}
#platform-cycle .pl-mode-card h3{font:650 28px/1.13 Raleway,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 15px;color:inherit;transition:color .3s}
#platform-cycle .pl-mode-card>p{font:400 14px/1.6 Raleway,Arial,sans-serif;color:#697181;margin:0 0 23px;max-width:540px}
#platform-cycle .pl-mode-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border-top:1px solid #e7e9ef;padding-top:13px;margin-top:auto;font:650 12px/1.4 Raleway,Arial,sans-serif;transition:color .3s}
#platform-cycle .pl-mode-assisted{background:#272733;border-color:#272733;color:#fff}
#platform-cycle .pl-mode-assisted .pl-mode-meta{color:#b4b8c7}
#platform-cycle .pl-mode-assisted>p{color:#d0d2dc}
#platform-cycle .pl-mode-assisted .pl-mode-bottom{border-color:#ffffff22}
#platform-cycle .pl-mode-card:is(:hover,:focus-visible){background:#fffaf7;border-color:#ff450a80}
#platform-cycle .pl-mode-assisted:is(:hover,:focus-visible){background:#2d2d39;border-color:#ff450a}
#platform-cycle .pl-mode-card:is(:hover,:focus-visible) :is(h3,.pl-mode-bottom){color:#ff450a}
#platform-cycle .pl-mode-card:focus-visible{outline:3px solid #ff450a;outline-offset:4px}
#platform-cycle .pl-mode-bottom .brand-clasp{position:relative;display:block;flex:0 0 31px;width:31px;height:31px;min-width:31px;margin:0;border-radius:10px 3px 10px 3px;background:transparent;color:#ff450a}
#platform-cycle .pl-mode-bottom .brand-clasp:before,#platform-cycle .pl-mode-bottom .brand-clasp:after{content:'';position:absolute;top:7px;bottom:auto;width:10px;height:18px;border:0;border-radius:0;background:currentColor;mask:url('./design-assets/tiposka_brace.svg') center/contain no-repeat;-webkit-mask:url('./design-assets/tiposka_brace.svg') center/contain no-repeat;transition:transform .3s}
#platform-cycle .pl-mode-bottom .brand-clasp:before{left:4px;right:auto;transform:scaleX(-1)}
#platform-cycle .pl-mode-bottom .brand-clasp:after{right:4px;left:auto;transform:none}
#platform-cycle .pl-mode-card:is(:hover,:focus-visible) .brand-clasp:before{transform:translateX(2px) scaleX(-1)}
#platform-cycle .pl-mode-card:is(:hover,:focus-visible) .brand-clasp:after{transform:translateX(-2px)}
#platform-cycle .pl-modes>p{font:400 12px/1.5 Raleway,Arial,sans-serif;color:#717786;margin:0 3px;max-width:none}
@media(max-width:1100px) and (min-width:761px){#platform-cycle .pl-mode-card{padding:21px}#platform-cycle .pl-modes{gap:14px}}
@media(max-width:760px){#platform-cycle .pl-modes{grid-template-columns:1fr;gap:12px;padding:0}#platform-cycle .pl-mode-card{padding:22px}#platform-cycle .pl-mode-card h3{font-size:28px;margin-bottom:13px}#platform-cycle .pl-mode-card>p{font-size:14px;margin-bottom:19px}#platform-cycle .pl-mode-meta{margin-bottom:10px}#platform-cycle .pl-mode-bottom{padding-top:11px;font-size:12px}#platform-cycle .pl-modes>p{font-size:12px;margin:1px 3px 0}}
@media(prefers-reduced-motion:reduce){#platform-cycle .pl-mode-card,#platform-cycle .pl-mode-card h3,#platform-cycle .pl-mode-bottom,#platform-cycle .pl-mode-bottom .brand-clasp:before,#platform-cycle .pl-mode-bottom .brand-clasp:after{transition:none}}