:root{--ink:#070709;--panel:#111116;--line:rgba(255,255,255,.12);--red:#ef2b2d;--gold:#d9a83e;--paper:#f5eee3;--muted:#bcb4aa}
body.tattoo-lab-page{background:#050506;color:#fff}
.tl-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 90px}
.tl-hero{position:relative;min-height:min(820px,82vh);border:1px solid rgba(217,168,62,.22);border-radius:30px;overflow:hidden;background:#09090b;box-shadow:0 34px 90px rgba(0,0,0,.5)}
.tl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 32%}
.tl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.70) 37%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.32) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 42%)}
.tl-hero-copy{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;align-items:flex-start;max-width:650px;padding:clamp(28px,5vw,72px)}
.tl-kicker,.tl-micro{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#e8bb62;font-weight:900}
.tl-hero h1{font-size:clamp(4rem,10vw,9.5rem);line-height:.82;margin:.22em 0 .14em;font-weight:950;letter-spacing:-.06em;text-transform:uppercase}
.tl-hero h1 span{display:block;color:var(--red)}
.tl-hero-copy>p{max-width:590px;color:#ece5dd;font-size:clamp(1rem,1.8vw,1.24rem);line-height:1.55}
.tl-hostline{display:flex;gap:10px;align-items:center;margin-top:10px;color:#fff;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.tl-hostline i{width:32px;height:2px;background:var(--red)}
.tl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.tl-btn{appearance:none;border:1px solid var(--line);border-radius:999px;padding:14px 19px;text-decoration:none;color:#fff;background:#111115;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.tl-btn:hover,.tl-btn:focus-visible{transform:translateY(-2px);border-color:#fff6}
.tl-btn.primary{background:linear-gradient(135deg,#e21f29,#a90d14);box-shadow:0 0 32px rgba(226,31,41,.25)}
.tl-btn.gold{color:#080808;background:linear-gradient(135deg,#f3c866,#bf8222)}
.tl-btn.ghost{background:rgba(0,0,0,.58)}
.tl-transition{position:relative;margin:18px auto 34px;border:1px solid #5f2025;border-radius:24px;overflow:hidden;background:#050506}
.tl-transition video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.tl-transition button{position:absolute;right:14px;bottom:14px;border:1px solid #fff4;background:#07080bcc;color:#fff;border-radius:999px;padding:10px 14px;font-weight:900}
.tl-transition.done{display:none}
.tl-section{margin-top:34px;padding:clamp(20px,4vw,42px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 10% 0%,rgba(157,25,31,.11),transparent 34%),linear-gradient(180deg,#101014,#09090b)}
.tl-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:end;margin-bottom:26px}
.tl-section h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.92;margin:.18em 0 0;text-transform:uppercase;letter-spacing:-.04em}
.tl-section-head>p{color:#c9c1b7;line-height:1.6;margin:0}
.tl-builder{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:20px;align-items:start}
.tl-steps{display:grid;gap:14px}
.tl-step{border:1px solid rgba(255,255,255,.1);background:#0b0b0e;border-radius:20px;padding:18px}
.tl-step-head{display:flex;gap:13px;align-items:center;margin-bottom:15px}.tl-step-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--red);font-weight:950}.tl-step h3{margin:0;font-size:1.08rem;text-transform:uppercase;letter-spacing:.05em}.tl-step small{display:block;color:#9e978f;margin-top:2px}
.tl-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tl-choice-grid.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl-choice{border:1px solid #ffffff18;border-radius:14px;background:#15151a;color:#f8f4ee;padding:12px 10px;text-align:center;font-weight:800;cursor:pointer}.tl-choice.active{border-color:var(--red);background:#251013;box-shadow:0 0 0 1px rgba(239,43,45,.3) inset}
.tl-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tl-field{display:grid;gap:7px}.tl-field.full{grid-column:1/-1}.tl-field span{font-size:.72rem;color:#d5cfc8;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.tl-field input,.tl-field select,.tl-field textarea{width:100%;box-sizing:border-box;border:1px solid #ffffff1c;border-radius:13px;background:#15151a;color:#fff;padding:13px;font:inherit}.tl-field textarea{min-height:116px;resize:vertical}.tl-field input:focus,.tl-field select:focus,.tl-field textarea:focus{outline:2px solid rgba(239,43,45,.55);outline-offset:1px}
.tl-summary{position:sticky;top:90px;overflow:hidden;border-radius:22px;border:1px solid rgba(217,168,62,.22);background:#0a0a0c}.tl-summary figure{margin:0;aspect-ratio:4/3;overflow:hidden}.tl-summary img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.tl-summary-body{padding:20px}.tl-summary h3{font-size:1.65rem;margin:.2em 0 .5em}.tl-summary-list{display:grid;gap:9px;margin:15px 0 19px}.tl-summary-list div{display:flex;justify-content:space-between;gap:15px;padding-bottom:8px;border-bottom:1px solid #ffffff12;color:#aaa39b}.tl-summary-list b{color:#fff;text-align:right}.tl-summary .tl-actions{display:grid}.tl-summary .tl-btn{width:100%;box-sizing:border-box;text-align:center}
.tl-note{padding:13px 14px;border-left:3px solid var(--gold);background:#d9a83e10;color:#cfc7bc;border-radius:0 10px 10px 0;font-size:.92rem;line-height:1.5}
.tl-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tl-process article{padding:20px;border-radius:18px;background:#0b0b0d;border:1px solid #ffffff14}.tl-process span{font-size:2.2rem;font-weight:950;color:var(--red)}.tl-process h3{margin:.35em 0;text-transform:uppercase}.tl-process p{margin:0;color:#aaa39b;line-height:1.5}
.tl-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:20px;align-items:center;overflow:hidden}.tl-social figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:1.12}.tl-social figure img{width:100%;height:100%;object-fit:cover}.tl-social-copy p{color:#bdb5ac;line-height:1.6}.tl-social-copy .tl-actions{margin-top:18px}
.tl-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tl-faq article{padding:18px;border-radius:16px;border:1px solid #ffffff12;background:#0b0b0d}.tl-faq h3{margin:.1em 0 .5em;font-size:1rem;text-transform:uppercase}.tl-faq p{margin:0;color:#aaa39b;line-height:1.5}
@media(max-width:900px){.tl-section-head,.tl-builder,.tl-social{grid-template-columns:1fr}.tl-summary{position:static}.tl-choice-grid,.tl-choice-grid.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-process{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-hero{min-height:720px}.tl-hero img{object-position:64% 28%}.tl-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.38) 40%,rgba(0,0,0,.92) 72%)}.tl-hero-copy{justify-content:flex-end;max-width:none}}
@media(max-width:600px){.tl-shell{width:min(100% - 18px,1500px)}.tl-hero{min-height:690px;border-radius:22px}.tl-hero-copy{padding:22px}.tl-hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}.tl-fields,.tl-process{grid-template-columns:1fr}.tl-choice-grid,.tl-choice-grid.style-grid{grid-template-columns:1fr 1fr}.tl-section{padding:18px;border-radius:22px}.tl-actions{display:grid;width:100%}.tl-btn{text-align:center}.tl-transition{border-radius:18px}}