/* Reference: supplied mobile screenshot. Turtle Lab's own devices, content and palette. */
.brand-preview{--rd-radius:18px;--rd-shadow:0 15px 28px #23394c20}
.rd-showcase{padding:85px 0 72px;overflow:hidden;background:var(--brand-ivory)}
.rd-shell{width:calc(100% - 80px);max-width:1000px;margin:auto}
.rd-heading{text-align:center;margin-bottom:40px}.rd-label{font-family:var(--brand-serif);font-size:12px;letter-spacing:.15em;color:var(--brand-slate);line-height:1.8}
.brand-preview .rd-heading h2{font-size:34px;line-height:1.7;margin:16px 0}.rd-heading>p:last-child{font-size:16px;line-height:2;color:var(--brand-slate)}
.rd-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.rd-card{display:flex;flex-direction:column;border:1px solid var(--brand-line);border-radius:var(--rd-radius);overflow:hidden;background:white;min-width:0;transition:box-shadow .2s}
.rd-card:hover{box-shadow:0 12px 32px #23394c0f}
.rd-stage{height:220px;background:#eae8e2;position:relative;display:flex;align-items:center;justify-content:center;padding:26px 18px 40px;overflow:hidden}
.rd-stage-mobile{background:#eeeadd}.rd-stage-system{background:#e4e9e9}
.rd-screen-note{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:10px;color:var(--brand-slate)}
.rd-laptop{width:100%;max-width:250px;position:relative;padding-bottom:12px;filter:drop-shadow(0 12px 10px #23394c20)}
.rd-laptop-screen{border:7px solid #40474b;border-bottom-width:10px;border-radius:9px 9px 3px 3px;background:#fff;aspect-ratio:16/10;overflow:hidden}
.rd-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.rd-laptop-base{position:absolute;bottom:0;left:-4%;width:108%;height:13px;background:linear-gradient(#e6e7e7,#a1a7ac);border-radius:1px 1px 50% 50%/1px 1px 8px 8px}
.rd-laptop-base:before{content:'';position:absolute;left:41%;right:41%;top:0;height:4px;background:#8c959b;border-radius:0 0 4px 4px}
.rd-phone{width:104px;height:192px;flex-shrink:0;border:5px solid #293038;border-radius:23px;background:var(--brand-ivory);overflow:hidden;position:relative;box-shadow:0 0 0 2px #9b9b97,var(--rd-shadow);transform:translateY(13px)}
.rd-phone:before{content:'';position:absolute;top:6px;left:35%;width:30%;height:7px;background:#293038;border-radius:10px;z-index:1}.rd-phone img{width:100%;height:100%;object-fit:cover;object-position:top;padding-top:11px}
.rd-tablet{border:8px solid #303c43;border-radius:14px;aspect-ratio:4/3;width:96%;max-width:220px;overflow:hidden;background:#fff;box-shadow:var(--rd-shadow)}.rd-tablet img{width:100%;height:100%;object-fit:cover;object-position:top}
.rd-card-copy{padding:22px 21px 20px;display:flex;flex-direction:column;flex:1}.brand-preview .rd-card h3{font-size:20px;line-height:1.65;margin:8px 0 10px;letter-spacing:0}.rd-card-copy>p:not(.rd-label){font-size:15px;line-height:1.85;color:var(--brand-slate);margin-bottom:16px}
.rd-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--brand-line);padding-top:17px;margin-top:auto;font-size:12px;line-height:1.8}.rd-card-footer strong{font:400 22px var(--brand-serif);letter-spacing:-.02em}.rd-card-footer small{display:block;font-size:11px}.rd-card-footer>span:last-child{font-size:21px}
.rd-footnote{font-size:12px;color:var(--brand-slate);line-height:1.9;text-align:center;margin-top:24px}.rd-controls{display:none}
.rd-dock{display:none}
/* Price menus retain all amounts, descriptions and scope conditions. */
.brand-preview .menu-anchor-nav{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:0 0 24px}
.brand-preview .menu-anchor-nav a{padding:12px 20px;border:1px solid var(--brand-line);border-radius:40px;background:white;font-size:14px;white-space:nowrap;min-height:46px}
.brand-preview .menu-anchor-nav a:hover{background:var(--brand-navy);color:var(--brand-ivory)}
.brand-preview .menu-heading{margin-bottom:32px}.brand-preview .menu-heading h2{font-size:32px;line-height:1.6}.brand-preview .menu-heading>p:last-child{max-width:48em;line-height:2}
.brand-preview .menu-section{padding:62px 0;scroll-margin-top:92px}
.brand-preview .menu-product{border-radius:var(--rd-radius);padding:30px;overflow:hidden;box-shadow:none;border:1px solid var(--brand-line)}
.brand-preview .menu-product h3{font-size:23px;line-height:1.65;width:100%;border-bottom:1px solid var(--brand-line);padding-bottom:20px}
.brand-preview .menu-product-price{font-size:32px;margin:21px 0 15px;color:var(--brand-navy)}.brand-preview .menu-product-price small{font-family:var(--brand-body);font-size:12px}
.brand-preview .menu-product-description,.brand-preview .menu-feature-list li{font-size:15px;line-height:2}
.brand-preview .menu-features{width:100%;margin-top:24px}.brand-preview .menu-features summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);padding-block:12px}
.brand-preview .menu-features summary:after{content:'＋';font-size:20px}.brand-preview .menu-features[open] summary:after{content:'−'}
.brand-preview .support-plan .text-link{margin-top:auto;padding-top:24px}.brand-preview .support-note{margin-bottom:24px}
.brand-preview .standard-offer{border-radius:var(--rd-radius);overflow:hidden;border-color:var(--brand-line)}
.brand-preview .standard-offer-main{background:var(--brand-navy);color:var(--brand-ivory)}
.brand-preview .standard-offer-main p,.brand-preview .standard-offer-price strong{color:var(--brand-ivory)}
.brand-preview .standard-offer-main .button{background:var(--brand-ivory);color:var(--brand-navy);border:1px solid var(--brand-ivory)}
.brand-preview .standard-offer-scope,.brand-preview .standard-inclusion-grid article{background:white}.brand-preview .standard-inclusion-grid article{border:1px solid var(--brand-line);border-radius:12px;padding:25px}
.brand-preview .line-scope,.brand-preview .menu-price-example{background:var(--brand-sand);border-radius:12px}
.brand-preview .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.brand-preview .service-row{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid var(--brand-line);border-radius:var(--rd-radius);background:white;gap:18px}
.brand-preview .service-number{display:none}.brand-preview .service-title h3{font-size:24px}.brand-preview .service-body{font-size:16px;line-height:2}.brand-preview .service-link{margin-top:auto;width:auto;height:auto;border-radius:0;border:0;border-bottom:1px solid var(--brand-line);font-size:14px;padding:12px 0}
.brand-preview .services-heading h2{font-size:34px;line-height:1.7}
@media(max-width:1000px) and (min-width:701px){.rd-shell{width:calc(100% - 48px)}.rd-track{gap:14px}.rd-stage{height:205px;padding-inline:15px}.rd-card-copy{padding:23px 18px}.brand-preview .rd-card h3{font-size:19px}.rd-card-copy>p:not(.rd-label){font-size:14px}.rd-phone{width:100px;height:185px}}
@media(max-width:700px){
 .rd-showcase{padding:60px 0 48px}.rd-shell{width:calc(100% - 44px)}.rd-heading{margin-bottom:25px}.brand-preview .rd-heading h2{font-size:27px;margin-top:13px}.rd-heading>p:last-child{font-size:14px}
 .rd-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px;color:var(--brand-slate);font-size:11px}.rd-swipe{letter-spacing:.07em;margin-right:auto}.rd-position{font-family:var(--brand-serif);padding-right:5px}.rd-controls button{width:44px;height:44px;border:1px solid var(--brand-line);border-radius:50%;background:transparent;color:var(--brand-navy);font-size:20px}.rd-controls button:disabled{opacity:.3;cursor:default}
 .rd-track{display:grid;grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;gap:15px;width:calc(100% + 22px);padding:2px 22px 16px 2px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:2px;scrollbar-width:thin;scrollbar-color:#b4bbb9 transparent}
 .rd-card{scroll-snap-align:start}.rd-stage{height:195px;padding:20px 17px 30px}.rd-phone{width:100px;height:185px}.rd-card-copy{padding:19px 17px}.brand-preview .rd-card h3{font-size:18px}.rd-card-copy>p:not(.rd-label){font-size:14px}.rd-card-footer{font-size:11px}.rd-footnote{text-align:left;font-size:11px;margin-top:18px}
 .brand-preview .menu-anchor-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand-preview .menu-anchor-nav a{padding:12px 8px;text-align:center;font-size:13px}
 .brand-preview .menu-section{padding:38px 0;scroll-margin-top:84px}.brand-preview .menu-heading h2{font-size:27px}.brand-preview .menu-product-grid{grid-template-columns:1fr;gap:18px}.brand-preview .menu-product{padding:27px 24px}.brand-preview .menu-product h3{font-size:23px}
 .brand-preview .service-list{grid-template-columns:1fr;gap:18px}.brand-preview .service-row{padding:26px}.brand-preview .service-title h3{font-size:22px}.brand-preview .services-heading h2{font-size:28px}
 .brand-preview{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
 .brand-preview .rd-dock{display:grid;grid-template-columns:1.25fr 1fr 1fr;position:fixed;z-index:26;left:0;right:0;bottom:0;min-height:65px;background:var(--brand-ivory);border-top:1px solid var(--brand-line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px #23394c05}
 .rd-dock a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:65px;font-size:14px;font-weight:600}.rd-dock a+a{border-left:1px solid var(--brand-line)}.rd-dock a span{font-size:12px;font-weight:400}.rd-dock a:first-child{color:var(--brand-navy)}
 .brand-preview.menu-open .rd-dock{display:none}.brand-preview .standard-cta-mobile{display:none!important}
}
@media(prefers-reduced-motion:reduce){.rd-card{transition:none}.rd-track{scroll-behavior:auto}}
/* Let the phone rise from the image panel, as in a real device presentation. */
.rd-stage-mobile .rd-phone{position:absolute;top:18px;transform:none}
.rd-stage-mobile .rd-screen-note{display:none}
.rd-showcase{scroll-margin-top:92px}
@media(max-width:700px){.rd-showcase{scroll-margin-top:80px}}
/* Actual scroll presentation: fixed device aperture + a taller, unclipped image. */
.rd-screen{overflow:hidden;position:relative;background:var(--brand-ivory)}
.rd-laptop-screen .rd-scroll-shot,.rd-phone .rd-scroll-shot{width:100%;height:auto;max-width:none;object-fit:initial;padding:0;transform:translateY(0);display:block}
.rd-phone>.rd-screen{width:100%;height:100%;border-radius:17px}
.rd-phone:before{z-index:2;pointer-events:none}
.rd-device{transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.rd-card.rd-entering .rd-device{animation:rd-arrive .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes rd-arrive{from{opacity:.3;transform:perspective(1200px) rotateY(-8deg) translateY(18px)}to{opacity:1;transform:perspective(1200px) rotateY(0) translateY(0)}}
.rd-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:44px;margin-bottom:18px}
.rd-motion-toggle{background:transparent;border:1px solid var(--brand-line);border-radius:30px;min-height:44px;padding:10px 17px;font-family:var(--brand-body);font-size:12px;color:var(--brand-slate)}
.rd-motion-toggle[hidden]{display:none}.rd-motion-toggle:hover{background:var(--brand-sand)}
.rd-motion-toggle:before{content:'Ⅱ';margin-right:9px}.rd-motion-toggle[aria-pressed=true]:before{content:'▷'}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.rd-card:hover .rd-device{transform:perspective(1200px) rotateX(-2deg) rotateY(4deg) translateY(-3px)}}
@media(max-width:700px){.rd-toolbar{justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.rd-toolbar .rd-controls{margin-bottom:0;flex:1;justify-content:flex-end}.rd-swipe{display:none}.rd-motion-toggle{padding-inline:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.rd-card.rd-entering .rd-device{animation:none}.rd-device{transition:none}.rd-scroll-shot{transform:none!important}.rd-motion-toggle{display:none}}
