/* Three Tapes service pages — additive to the existing, shipped visual system. */
body.tt-seo {background:#0a080d;color:#f5f2fa;font-family:Arial,Helvetica,sans-serif;margin:0;}
.tt-seo *, .tt-seo *::before, .tt-seo *::after {box-sizing:border-box;}
.tt-seo a {color:inherit;text-decoration:none;}
.tt-seo img {display:block;max-width:100%;}
.tt-shell {width:min(100% - 48px,1240px);margin-inline:auto;}
.tt-top {position:relative;z-index:15;min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(255,255,255,.17);}
.tt-logo img {width:77px;height:auto;}
.tt-nav {display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.tt-nav a {font-size:12px;color:#bab4c1;transition:color .2s;}
.tt-nav a:hover,.tt-nav a[aria-current=page] {color:#fff;}
.tt-contact {font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:14px 22px;white-space:nowrap;transition:background .2s,color .2s;}
.tt-contact:hover {background:#f5f2fa;color:#0a080d;}
.tt-crumbs {display:flex;gap:11px;flex-wrap:wrap;align-items:center;padding-top:30px;color:#aca4b7;font-size:11px;}
.tt-crumbs a:hover {color:#fff;}
.tt-crumbs span[aria-hidden] {opacity:.5;}
.tt-eyebrow {display:inline-flex;align-items:center;gap:12px;color:#c7b8ff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;}
.tt-eyebrow::before {content:"";display:block;width:23px;height:1px;background:#c7b8ff;}
.tt-hero {display:grid;grid-template-columns:1.28fr .72fr;gap:50px;align-items:end;padding-top:72px;padding-bottom:86px;}
.tt-hero h1 {font-size:clamp(58px,7.5vw,112px);font-weight:400;letter-spacing:-.088em;line-height:.93;margin:27px 0 0;max-width:970px;}
.tt-hero h1 em {font-style:normal;color:#b9a1ff;}
.tt-hero-right {align-self:end;border-top:1px solid rgba(255,255,255,.22);padding-top:22px;}
.tt-hero-right p {font-size:17px;line-height:1.6;color:#b8b0c0;margin:0 0 25px;}
.tt-links {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.tt-action {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#d2c3ff;color:#100b19!important;border-radius:999px;padding:15px 21px;font-size:12px;font-weight:700;min-height:47px;transition:transform .22s,background .22s;}
.tt-action:hover {background:#ede5ff;transform:translateY(-2px);}
.tt-action.secondary {background:transparent;color:#f5f2fa!important;border:1px solid #ffffff57;}
.tt-action.secondary:hover {background:#ffffff17;}
.tt-feature {height:clamp(300px,45vw,525px);border-radius:18px;overflow:hidden;position:relative;background:#171320;border:1px solid rgba(255,255,255,.15);}
.tt-feature img {width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.82);}
.tt-feature::after {content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,5,11,.82));pointer-events:none;}
.tt-feature-label {position:absolute;z-index:1;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:end;gap:25px;}
.tt-feature-label span {font-size:11px;letter-spacing:.1em;color:#e9e3ed;text-transform:uppercase;}
.tt-feature-label strong {font-size:clamp(21px,3vw,39px);font-weight:400;letter-spacing:-.04em;max-width:590px;line-height:1.08;}
.tt-section {padding:105px 0;border-bottom:1px solid rgba(255,255,255,.14);}
.tt-section-head {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;margin-bottom:50px;}
.tt-kicker {color:#af9bcf;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700;}
.tt-section h2 {font-size:clamp(38px,5.1vw,68px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:20px 0 0;}
.tt-section-lede {color:#b7b0c0;font-size:16px;line-height:1.65;max-width:540px;margin:12px 0 0;}
.tt-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.tt-card {display:flex;flex-direction:column;min-height:270px;padding:31px;background:#15121c;border:1px solid rgba(255,255,255,.16);border-radius:15px;transition:border-color .2s,transform .2s;}
.tt-card-link:hover {border-color:#bba0ff;transform:translateY(-4px);}
.tt-card-no {color:#b6a0e9;font-size:11px;letter-spacing:.12em;}
.tt-card h3 {font-size:clamp(25px,3vw,39px);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:35px 0 14px;}
.tt-card p {color:#b0a9b8;font-size:14px;line-height:1.6;margin:0;max-width:460px;}
.tt-card .tt-card-footer {margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;color:#ddd1f6;font-size:12px;font-weight:700;}
.tt-step-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tt-step {border-top:1px solid rgba(255,255,255,.35);padding-top:18px;}
.tt-step small {color:#bc9fff;font-size:11px;letter-spacing:.13em;}
.tt-step h3 {font-weight:400;font-size:25px;letter-spacing:-.045em;margin:26px 0 12px;}
.tt-step p {font-size:14px;line-height:1.7;color:#ada5b6;margin:0;}
.tt-work-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.tt-work-card {overflow:hidden;background:#17131e;border:1px solid rgba(255,255,255,.17);border-radius:14px;min-height:360px;transition:border-color .2s,transform .2s;}
.tt-work-card:hover {border-color:#c7b8ff;transform:translateY(-3px);}
.tt-work-card img {height:215px;width:100%;object-fit:cover;}
.tt-work-card .tt-work-copy {padding:22px;}
.tt-work-card small {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bba6e9;}
.tt-work-card strong {font-size:23px;font-weight:400;letter-spacing:-.05em;display:block;margin:14px 0 12px;}
.tt-work-card p {color:#aaa3b2;line-height:1.5;font-size:12px;margin:0;}
.tt-faq details {border-top:1px solid rgba(255,255,255,.2);padding:21px 0;}
.tt-faq details:last-child {border-bottom:1px solid rgba(255,255,255,.2);}
.tt-faq summary {font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;}
.tt-faq summary::after {content:"+";font-size:22px;color:#c7b8ff;}
.tt-faq details[open] summary::after {content:"−";}
.tt-faq summary::-webkit-details-marker {display:none;}
.tt-faq p {color:#b7b0c0;line-height:1.7;max-width:800px;font-size:14px;margin:15px 0 0;}
.tt-cta {margin-top:0;background:#c8b6ff;color:#140d20;padding:75px 0;}
.tt-cta-inner {display:flex;align-items:end;justify-content:space-between;gap:30px;}
.tt-cta .tt-kicker {color:#48365e;}
.tt-cta h2 {font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.07em;font-weight:400;margin:14px 0 0;max-width:750px;}
.tt-cta .tt-action {background:#140d20;color:#f4efff!important;}
.tt-bottom {display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:28px;color:#948d9e;font-size:11px;}
.tt-bottom a:hover {color:#fff;}
.tt-bottom nav {display:flex;flex-wrap:wrap;gap:20px;}
.tt-overview .tt-hero {padding-bottom:65px;}
.tt-overview .tt-grid .tt-card {min-height:315px;}
.tt-overview .tt-card:nth-child(2),.tt-overview .tt-card:nth-child(3) {background:#211729;}
.tt-short {max-width:690px;}
.tt-mini-banner {background:#17121d;border:1px solid #ffffff2d;border-radius:14px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px;}
.tt-mini-banner p {margin:0;color:#c2b9c7;font-size:14px;line-height:1.6;max-width:680px;}
.tt-mini-banner a {font-size:12px;color:#decfff;text-decoration:underline;text-underline-offset:5px;white-space:nowrap;}
@media(max-width:850px){.tt-top {min-height:77px}.tt-nav {gap:15px}.tt-contact {display:none}.tt-hero {grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:60px}.tt-hero-right{max-width:660px}.tt-section-head{grid-template-columns:1fr;gap:8px}.tt-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-cta-inner{display:block}.tt-cta .tt-action{margin-top:35px}.tt-step-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:580px){.tt-shell{width:min(100% - 34px,1240px)}.tt-top{align-items:center;gap:10px}.tt-logo img{width:64px}.tt-nav{gap:11px}.tt-nav a{font-size:10px}.tt-crumbs{padding-top:22px}.tt-hero{padding-top:47px}.tt-hero h1{font-size:clamp(49px,12vw,68px);margin-top:22px}.tt-hero-right p{font-size:15px}.tt-feature{height:335px}.tt-feature-label{left:22px;right:22px;bottom:23px;display:block}.tt-feature-label strong{display:block;margin-top:12px}.tt-section{padding:70px 0}.tt-grid,.tt-work-grid{grid-template-columns:1fr}.tt-card{min-height:230px}.tt-work-card{min-height:0}.tt-work-card img{height:215px}.tt-section h2{font-size:clamp(36px,10vw,54px)}.tt-mini-banner{display:block}.tt-mini-banner a{display:block;margin-top:20px}.tt-bottom nav{gap:14px}}
@media(prefers-reduced-motion:reduce){.tt-seo *, .tt-seo *::before,.tt-seo *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}