/*
Theme Name: TuneIT Studio 2
Theme URI: https://tuneitstudio.com/
Author: BIG-RIG.CO
Description: A fast, simple TuneIT Studio WordPress theme inspired by the clear, product-first structure of OBSProject.com while retaining TuneIT branding and imagery.
Version: 2.4.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: tuneit-studio
*/

:root{--bg:#0d1117;--panel:#151b23;--panel2:#1b2330;--text:#f5f7fa;--muted:#9aa7b5;--line:#263241;--blue:#1684ff;--blue2:#54bdff;--green:#28c76f;--orange:#ff9f43;--red:#ff5c63;--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(13,17,23,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-in{height:70px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0b6cff,#56c5ff);display:grid;place-items:center;color:white;font-weight:900}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:650}.nav a{color:#d5dbe3}.nav a:hover{color:#fff}.nav-cta{padding:10px 15px;border:1px solid #347cc6;border-radius:9px;background:#0e6dd8;color:white!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.announcement{background:#0b67c9;color:#fff;text-align:center;padding:8px 18px;font-size:13px;font-weight:650}.hero{padding:72px 0 48px;text-align:center}.eyebrow{color:var(--blue2);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(46px,7vw,84px);line-height:.98;letter-spacing:-.055em;margin:13px auto 20px;max-width:950px}.hero p{max-width:780px;margin:0 auto;color:#bdc7d3;font-size:clamp(18px,2vw,22px)}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;border:1px solid var(--line);font-weight:750;font-size:14px}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:#0e74e6}.btn-ghost{background:#161d27;color:#fff}.compat{margin-top:18px;color:#7f8b99;font-size:13px}.hero-shot{margin:46px auto 0;max-width:1100px;background:#080b10;border:1px solid #273241;border-radius:20px;padding:8px;box-shadow:0 30px 80px rgba(0,0,0,.38)}.hero-shot img{border-radius:14px;width:100%}.section{padding:72px 0;border-top:1px solid var(--line)}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{font-size:clamp(34px,4.4vw,54px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 14px}.section-head p{color:var(--muted);font-size:18px;margin:0}.feature-row{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin:58px 0}.feature-row.reverse{grid-template-columns:.95fr 1.05fr}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-media{order:1}.feature-copy h3{font-size:32px;line-height:1.08;letter-spacing:-.03em;margin:6px 0 12px}.feature-copy p{color:#aeb9c5;font-size:17px}.feature-copy ul{list-style:none;padding:0;margin:20px 0 0}.feature-copy li{padding:7px 0;color:#d9e0e7}.feature-copy li:before{content:'✓';color:#56c5ff;font-weight:900;margin-right:10px}.feature-media{background:#121821;border:1px solid var(--line);border-radius:16px;padding:7px;overflow:hidden}.feature-media img{border-radius:11px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.card h3{font-size:18px;margin:8px 0}.card p{color:var(--muted);font-size:14px;margin:0}.icon{font-size:24px}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{background:#111720;border:1px solid var(--line);border-radius:16px;overflow:hidden}.app-card img{aspect-ratio:1/1;object-fit:cover}.app-body{padding:20px}.app-body h3{margin:0 0 6px}.app-body p{margin:0;color:var(--muted)}.strip{background:#10161e;border-block:1px solid var(--line);padding:28px 0}.strip-in{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px;color:#aeb9c5;font-size:13px;font-weight:750}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.price-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px}.price-card.featured{border-color:#277fda;box-shadow:inset 0 0 0 1px #277fda}.price-label{color:var(--blue2);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.price-card h3{font-size:27px;margin:8px 0}.price-card p{color:var(--muted)}.price-card ul{padding:0;list-style:none}.price-card li{padding:6px 0}.price-card li:before{content:'✓';color:#52beff;margin-right:9px}.cta{padding:78px 0;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(22,132,255,.18),transparent 50%)}.cta h2{font-size:clamp(36px,5vw,60px);letter-spacing:-.045em;margin:0 0 12px}.cta p{color:var(--muted);font-size:18px}.site-footer{border-top:1px solid var(--line);padding:45px 0 26px;background:#0a0e13}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid h2{margin:0 0 12px;font-size:13px;color:white}.footer-grid a{display:block;color:#8996a4;font-size:13px;padding:4px 0}.footer-grid p{color:#8996a4;max-width:330px;font-size:13px}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid #1d2631;color:#65717e;font-size:12px}.page-hero{padding:68px 0 34px;text-align:center}.page-hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.045em;margin:8px 0}.content{padding:30px 0 70px}.prose{max-width:880px;margin:auto}.prose h2{margin-top:42px;font-size:32px}.prose h3{margin-top:28px}.prose p,.prose li{color:#b1bdc9}.notice{border:1px solid #30577d;background:#11243a;border-radius:12px;padding:18px}.wp-block-image img{border-radius:14px}.screen-reader-text{position:absolute;left:-9999px}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.post-card h2{font-size:21px}.post-card p{color:var(--muted)}
@media(max-width:900px){.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0d1117;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:22px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-media{order:unset}.grid4{grid-template-columns:1fr 1fr}.apps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:54px}.pricing{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(calc(100% - 28px),var(--max))}.grid4,.apps,.footer-grid,.post-list{grid-template-columns:1fr}.section{padding:54px 0}.hero h1{font-size:48px}.pricing{gap:14px}.announcement{font-size:12px}.header-in{height:64px}.nav{top:64px}}


/* Editable WordPress page content */
.editable-page-content{max-width:980px}
.editable-page-content>p:first-child{font-size:20px;color:#c3ced9;max-width:820px;margin:0 auto 34px;text-align:center}
.editable-page-content h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:58px 0 18px;color:#fff}
.editable-page-content h3{font-size:22px;margin:30px 0 8px;color:#fff}
.editable-page-content p,.editable-page-content li{color:#b1bdc9}
.editable-page-content ul{padding-left:22px}
.editable-page-content li{margin:6px 0}
.editable-page-content .wp-block-buttons{margin:24px 0 38px}
.editable-page-content .wp-block-button__link{background:var(--blue);border-radius:9px;font-weight:750;padding:12px 18px}
.editable-page-content .wp-block-columns{gap:20px;margin:32px 0}
.editable-page-content .wp-block-column{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.editable-page-content .wp-block-column h3:first-child{margin-top:0}
.editable-page-content .wp-block-table{overflow-x:auto;margin:28px 0}
.editable-page-content table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}
.editable-page-content th,.editable-page-content td{padding:13px 15px;border:1px solid var(--line);text-align:left;color:#c5cfda}
.editable-page-content th{color:#fff;background:#111720}
.editable-page-content a{color:var(--blue2)}
.editable-page-content .wp-block-image{margin:32px 0}

/* Accessibility and layout safeguards; original design retained. */
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:#fff;color:#0d1117;padding:12px 18px;border-radius:6px}.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #54bdff;outline-offset:4px}
.custom-logo{width:auto;max-width:240px;max-height:54px}.custom-logo-link{display:block}
.prose a,.section-head p a,.app-body a{text-decoration:underline;text-underline-offset:3px}
.resource-links{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.resource-links a{display:inline-block;margin:0 18px 12px 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:900px){html:not(.tuneit-js) .header-in{height:auto;flex-wrap:wrap;padding-block:16px}html:not(.tuneit-js) .nav{display:flex;position:static;width:100%}html:not(.tuneit-js) .menu-toggle{display:none}}

/* Phase 3 editorial tables use the existing palette and remain scrollable on small screens. */
.tuneit-table-scroll{max-width:100%;overflow-x:auto;margin:28px 0}
.tuneit-table-scroll table{min-width:620px}
.tuneit-table-scroll caption{text-align:left;color:var(--text);font-weight:700;margin-bottom:12px}
.tuneit-table-scroll:focus-visible{outline:3px solid var(--blue2);outline-offset:4px}
.editable-page-content figcaption{color:var(--muted);font-size:14px;margin-top:12px}