/* The studio system, extended for reading, products, and practical tools. */
.studio-page{--blue:var(--red);--blue-light:var(--red);--blue-dark:#ad321e;--bg:var(--paper);--bg-card:#e9eddf;--text:var(--ink);--text-dim:var(--muted);--text-muted:var(--muted);--border:var(--line);--green:#426147;--coral:var(--red);--color-text-dim:var(--muted);--spacing-sm:16px;--spacing-md:28px}
.studio-page .page-content{width:min(1320px,calc(100% - 96px));margin:0 auto;padding:64px 0 110px}.studio-page .container{max-width:100%;margin-inline:auto}.studio-page h1{font-size:clamp(40px,5.8vw,78px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.studio-page h2{font-size:clamp(27px,3vw,42px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.studio-page h3{font-size:23px;line-height:1.3;letter-spacing:-.025em}.studio-page .page-content p{margin:0 0 1.3em;line-height:1.8}.studio-page .page-content a:not(.btn):not(.article-card):not(.pill){text-underline-offset:5px}.studio-page .page-content a:hover{text-decoration:underline}.studio-page .lead,.studio-page .subtitle,.studio-page .tool-subtitle{font-size:20px;color:var(--muted);line-height:1.75;max-width:68ch}.studio-page .lucide-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none;stroke-width:1.6}.studio-page .page-content svg{max-width:100%}.studio-page .highlight,.studio-page .title-underline{color:var(--red)}
.studio-page .btn,.studio-page .cta-btn,.studio-page .cta-button,.studio-page .copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 25px;border:1px solid var(--ink);border-radius:32px;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;line-height:1.5;text-decoration:none;min-height:50px;transition:background .2s,color .2s}.studio-page .btn:hover,.studio-page .cta-btn:hover,.studio-page .cta-button:hover,.studio-page .copy-btn:hover{background:var(--red);border-color:var(--red);color:white;text-decoration:none}.studio-page .btn-secondary{background:transparent;color:var(--ink)}.studio-page button:disabled{opacity:.6;cursor:wait}.studio-page input{width:100%;min-height:54px;border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:14px 16px;color:var(--ink)}.studio-page input::placeholder{color:var(--muted)}.studio-page .page-content ul,.studio-page .page-content ol{padding-left:1.4em;margin:18px 0 28px}.studio-page li{margin:9px 0}.studio-page code{font-size:.9em;overflow-wrap:anywhere;background:#e8e6de;padding:2px 5px;border-radius:3px}.studio-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8e6de;padding:24px;line-height:1.6}.studio-page .table-scroll{overflow-x:auto;margin:28px 0 40px;max-width:100%;border-block:1px solid var(--line)}.studio-page table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}.studio-page th,.studio-page td{padding:18px 16px;border-bottom:1px solid var(--line);min-width:115px;vertical-align:top}.studio-page th{background:#e9eddf;font-weight:700}.studio-page .check,.studio-page .good{color:#426147}.studio-page .cross,.studio-page .bad{color:#aa3327}.studio-page .highlight-col,.studio-page .our-row{background:#e9eddf}.studio-page .tag,.studio-page .badge,.studio-page .pro-tag,.studio-page .priority-badge{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--ink)}
/* Read: a broad title, then a comfortable, uninterrupted text column. */
.reading-heading{max-width:1050px;margin:0 auto;padding:12px 0 58px;border-bottom:1px solid var(--line)}.reading-heading h1{margin:30px 0}.back-link{font-size:14px;color:var(--muted)}.reading-heading .article-meta,.reading-heading .meta{font-size:13px;color:var(--muted);margin:20px 0}.reading-body{max-width:760px;margin:58px auto 0;font-size:17px;overflow-wrap:break-word}.reading-body h2{margin:62px 0 22px}.reading-body h3{margin:36px 0 18px}.reading-body a{color:#ad321e;text-decoration:underline}.reading-body .article,.reading-body .article-content,.reading-body .article-body{width:100%;margin:0;padding:0}.reading-body .toc,.reading-body .article-toc{padding:30px;background:#e9eddf;margin:0 0 50px;border-radius:12px}.reading-body .toc h3,.reading-body .article-toc h3{margin-top:0}.reading-body .toc a,.reading-body .article-toc a{color:var(--ink)}.reading-body :is(.tip-box,.warning-box,.info-box,.highlight-box,.danger-box,.scenario-box,.example-box,.step-box,.template-box,.cta-box,.cta-inline,.article-cta,.cta-section,.app-review,.app-recommendation,.app-card,.checklist-item){padding:28px 0;border-block:1px solid var(--line);margin:32px 0}.reading-body :is(.tip-label,.warning-label,.scenario-label,.template-label){font-size:14px;font-weight:700;margin-bottom:14px;color:var(--muted)}.reading-body :is(.tip-box,.warning-box,.info-box,.scenario-box,.cta-box,.cta-inline,.article-cta) h2,.reading-body :is(.tip-box,.warning-box,.info-box,.scenario-box,.cta-box,.cta-inline,.article-cta) h3{margin-top:0}.reading-body .template-box{white-space:pre-line}.reading-body .template-box button{margin-top:20px}.reading-body .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-body .related-grid a{padding:20px 0;border-bottom:1px solid var(--line)}.reading-body .stats-grid,.reading-body .app-stats,.reading-body .arch-row{display:flex;flex-wrap:wrap;gap:20px}.reading-body .stat{padding:12px 0}.reading-body .stat-number{font-size:26px}.reading-body .step-number,.reading-body .step-num{font-weight:bold;color:var(--red);margin-top:28px}.reading-body .app-header{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.reading-body .app-icon{max-width:48px}.reading-body .app-price{color:var(--muted)}.reading-body .email-capture{background:#e9eddf;padding:30px;border-radius:12px}.reading-body .email-capture button{margin-top:16px}
/* Product: real product imagery anchors the existing feature and pricing story. */
.product-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:14px}.product-nav>a{font-size:22px;font-weight:700}.product-nav>div{display:flex;gap:28px}.product-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:70px 0 90px}.product-hero-copy h1{margin:0 0 28px}.product-visual{margin:0;background:#e9eddf;padding:24px;border-radius:12px}.product-visual img{border-radius:8px;width:100%}.product-hero .cta-group,.product-hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 18px}.studio-page .hero-note,.studio-page .trial{color:var(--muted);font-size:13px}.product-page .page-content>section:not(.product-hero){padding:70px 0;border-top:1px solid var(--line)}.product-page .page-content>section h2{max-width:760px;margin-bottom:26px}.product-page .features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px}.product-page .feature-card{padding:28px 0;border-bottom:1px solid var(--line)}.product-page .feature-card h3{margin:12px 0}.product-page .feature-card p{color:var(--muted);max-width:54ch}.product-page .feature-icon{color:var(--red)}.product-page .feature-badge{font-size:12px;color:var(--muted);display:inline-block;margin:12px 0}.product-page .steps,.product-page .pain-grid,.product-page .suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:35px}.product-page .step-number{font-size:30px;color:var(--red);margin-bottom:20px}.product-page :is(.step,.pain-card,.suite-card) h3{margin-bottom:16px}.product-page .pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:950px;margin-top:40px}.product-page .price-card{padding:32px;background:#e9eddf;border-radius:12px}.product-page .price-card.featured{background:#e6e1ec}.product-page .price-name{font-size:24px;font-weight:700}.product-page .price-amount,.product-page .price{font-size:48px;font-weight:700;letter-spacing:-.03em}.product-page .price-amount span,.product-page .period{font-size:16px;color:var(--muted)}.product-page .price-features{list-style:none;padding:0}.product-page .faq-list{max-width:850px}.product-page .faq-item{padding:24px 0;border-bottom:1px solid var(--line)}.product-page .faq-item summary{font-size:19px;font-weight:700;cursor:pointer}.product-page .faq-item p{margin-top:20px}.product-page .waitlist-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.product-page .waitlist-form input{flex:1;min-width:160px}.product-page .waitlist-msg{flex-basis:100%;font-size:14px}.product-page .final-cta{max-width:800px}.product-page .stats-grid{display:flex;gap:36px;flex-wrap:wrap}.product-page .stat-number{font-size:28px}.product-page .stat-label{font-size:14px;color:var(--muted)}
/* Directory: editorial rows and filters, rather than a wall of cards. */
.directory-page .page h1{margin:10px 0 25px}.directory-page .page-subtitle{font-size:20px;color:var(--muted);max-width:650px;margin-bottom:40px}.categories{display:flex;flex-wrap:wrap;gap:10px;padding:30px 0;border-block:1px solid var(--line);margin:35px 0 15px}.cat-btn{border:1px solid var(--line);background:transparent;padding:10px 18px;border-radius:25px;min-height:44px}.cat-btn.active,.cat-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}.article-card{display:flex;flex-direction:column;align-items:flex-start;padding:35px 0;border-bottom:1px solid var(--line)}.studio-page .article-card h2{font-size:28px;margin-bottom:16px}.article-card .card-category{order:2;font-size:12px;color:var(--muted);margin-top:15px}.article-card .card-meta{order:3;font-size:12px;color:var(--muted);margin-top:5px}.article-card p{color:var(--muted)}.tools-directory{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0}.tools-directory a{padding:30px 0;border-bottom:1px solid var(--line)}.tools-directory span{font-size:30px;font-weight:700}.tools-directory p{color:var(--muted);margin-top:20px!important}.tools-note{color:var(--muted);font-size:14px}.directory-page .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
/* Operate: visible labels, generous targets, explicit result states. */
.tool-page .page-content{max-width:1050px}.tool-hero{padding:10px 0 50px}.tool-title{margin:0 0 28px}.tool-card{padding:30px;background:#e9eddf;border-radius:12px;margin:28px 0}.tool-form{display:flex;gap:12px}.tool-form input{flex:1;min-width:0}.tool-form button{flex:none}.tool-card h2{font-size:26px;margin-bottom:22px}.tag-row{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper);font-size:14px}.alert,.panel{display:none}.alert.show,.panel.show{display:block;margin-top:25px}.alert{color:#9e3025}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:25px 0}.kpi .num{font-size:26px;font-weight:700;overflow-wrap:anywhere}.kpi .label{font-size:13px;color:var(--muted)}.tool-page .apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-page .app-card{padding:20px 0;border-top:1px solid var(--line)}.tool-page .app-name{font-weight:700}.redirect-page .page-content{padding-block:100px;min-height:60vh}.redirect-page h1{margin-bottom:40px}
/* The existing interactive protection demo, restyled in the studio palette. */
.demo-section>.container>div:not(#demo-modal){max-width:520px;margin:30px auto}.demo-section #demo-area{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line)}#demo-image{width:100%;user-select:none}#demo-toggle{position:relative;width:56px;height:30px;border-radius:18px;padding:0;border:2px solid var(--line);background:#e9eddf;vertical-align:middle;margin-left:15px}#demo-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--muted)}#demo-shield{position:absolute;top:10px;right:10px;background:var(--paper);padding:5px 10px;border-radius:8px}#demo-hint{font-size:14px;margin-top:20px}#demo-modal{position:fixed;inset:0;background:#252720b3;z-index:10000;justify-content:center;align-items:center}#demo-modal>div{background:var(--paper);padding:35px;border-radius:12px;max-width:440px;width:90%;text-align:center}#demo-modal button{padding:12px 25px;background:var(--ink);color:var(--paper);border:0;border-radius:25px}
@media(max-width:1000px){.product-hero{gap:32px;grid-template-columns:1fr}.product-visual{max-width:800px}.product-page .steps,.product-page .pain-grid,.product-page .suite-grid{grid-template-columns:1fr 1fr}.articles-grid{column-gap:35px}}
@media(max-width:760px){.studio-page .page-content{width:calc(100% - 40px);padding:32px 0 65px}.studio-page h1{font-size:42px;letter-spacing:-.035em}.studio-page .lead,.studio-page .subtitle,.studio-page .tool-subtitle{font-size:18px}.reading-heading{padding:0 0 32px}.reading-body{margin-top:32px;font-size:16px}.reading-body h2{margin-top:42px}.reading-body .related-grid,.articles-grid,.tools-directory,.directory-page .tool-grid{grid-template-columns:1fr}.reading-body .toc,.reading-body .article-toc{padding:22px}.product-nav{align-items:flex-start;flex-direction:column}.product-nav>div{gap:20px}.product-hero{padding:40px 0 55px}.product-visual{padding:12px}.product-page .page-content>section:not(.product-hero){padding:45px 0}.product-page .features-grid,.product-page .steps,.product-page .pain-grid,.product-page .suite-grid,.product-page .pricing-grid{grid-template-columns:1fr;gap:20px}.product-page .price-card{padding:24px}.tool-card{padding:22px}.tool-form{flex-direction:column}.tool-form .btn{width:100%}.kpi-row,.tool-page .apps-grid{grid-template-columns:1fr}.tools-directory{gap:0}.studio-page .article-card h2{font-size:26px}.studio-page .footer-top{gap:30px}.studio-page .table-scroll{margin-inline:0}}
.studio-page .btn:hover,.studio-page .cta-btn:hover,.studio-page .cta-button:hover,.studio-page .copy-btn:hover{background:#ad321e;border-color:#ad321e}
.studio-page #demo-status{color:#ad321e!important}.preview-note{font-size:14px;background:#e9eddf;border-radius:8px;padding:18px 22px;margin-bottom:35px!important}.preview-note a{text-decoration:underline}.tool-input-label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
@media(prefers-reduced-motion:reduce){.studio-page *{transition:none!important;animation:none!important}}