:root{--bg:#0b1422;--bg2:#101d2d;--surface:#152235;--surface-2:#1b2c40;--line:#2a3a4f;--ink:#ecf2fa;--muted:#9caec1;--accent:#66e4c4;--accent-soft:#123c3d;--blue:#8cafff;--paper:#eaf0f6;--white:#fff;--shadow:0 25px 70px #040b1780;--radius:18px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(2.75rem,5vw,5.25rem);font-weight:780}h2{font-size:clamp(2rem,3.3vw,3.2rem)}h3{font-size:1.25rem}p{color:var(--muted)}.container{max-width:1180px;margin:auto;padding:0 30px}.narrow{max-width:800px}.topline{height:3px;background:linear-gradient(90deg,var(--accent),#80b9ff,transparent)}.header{background:#0b1422ed;border-bottom:1px solid #ffffff15;position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.header-row{display:flex;align-items:center;justify-content:space-between;height:83px;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #6beac65e;border-radius:13px;font-weight:850;font-size:24px;background:linear-gradient(145deg,#16374b,#0c1b2b)}.brand-mark i{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:100%;bottom:8px;right:8px}.brand-name{font-size:23px;font-weight:800;letter-spacing:-.065em;line-height:1.1}.brand-name small{font-size:8px;letter-spacing:.22em;display:block;font-weight:700;margin-top:4px;color:#9cbbce}.accent{color:var(--accent)}.nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:700;color:#bccbdd}.nav a:not(.nav-cta):hover,.text-link:hover{color:var(--accent)}.nav-cta{padding:11px 17px;color:#091c24;border-radius:9px;background:var(--accent)}.nav-cta:hover,.btn-primary:hover{background:#8cf4d7}.menu-toggle{display:none}.eyebrow{color:var(--accent);letter-spacing:.16em;font-weight:850;font-size:11px}.eyebrow-hero{display:inline-flex;align-items:center;border:1px solid #3b625e;border-radius:100px;padding:9px 14px;background:#12333770;margin-bottom:29px;letter-spacing:.11em}.eyebrow-dot{display:inline-block;background:var(--accent);height:7px;width:7px;border-radius:50%;margin-right:10px;box-shadow:0 0 14px #6ae8c5}.hero{padding:89px 0 90px;background:radial-gradient(ellipse at 76% 23%,#18354e 0,#0b1422 57%)}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px}.hero h1{margin-bottom:24px;line-height:1.04}.gradient-text{background:linear-gradient(94deg,#8badd8,#6de9c4);color:transparent;background-clip:text}.hero-sub{font-size:18px;max-width:620px;line-height:1.73}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:28px 0 32px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-weight:800;font-size:13px;transition:background .18s,transform .18s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#091f26}.btn-outline{border-color:#56667a;background:transparent;color:var(--ink)}.btn-outline:hover{border-color:var(--accent);background:#1d3444}.btn-dark{background:#0e2434;color:#eaf5f5}.btn-dark:hover{background:#183a4c}.full{width:100%}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#a6baca}.hero-proof b{color:var(--accent);margin-right:5px}.hero-visual{background:linear-gradient(155deg,#1a2e43,#0c1826);border:1px solid #466176;border-radius:19px;box-shadow:var(--shadow);transform:rotate(1.3deg);overflow:hidden}.visual-head{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #344a5f;font-size:10px;font-weight:800;color:#a9bfd2;letter-spacing:.12em}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#5f7688}.window-dots i:first-child{background:#df8f8a}.window-dots i:nth-child(2){background:#edc37f}.window-dots i:nth-child(3){background:#65c9a4}.visual-pill{font-size:8px;border-radius:30px;background:#1c4744;color:#8ae4ca;padding:7px 9px}.visual-body{padding:31px 28px}.visual-cmd{font-family:ui-monospace,SFMono-Regular,monospace;color:#8bafc8;font-size:14px;margin-bottom:29px}.visual-cmd span{color:#6edac2}.visual-table{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;font-size:13px;font-family:ui-monospace,SFMono-Regular,monospace}.visual-table span{color:#8ca5bb}.visual-table strong{color:#e9f5ff;font-weight:650;text-align:right}.visual-rule{height:1px;background:#2d4154;margin:30px 0 19px}.visual-status{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#8fc3b8;font-weight:800}.visual-status i{background:#6be4ad;width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:6px}.visual-note{font-size:9px;color:#8ca6ba;text-align:center;margin:0 0 11px}.section{padding:86px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{margin:11px 0}.section-heading p{margin:0;max-width:650px}.text-link{color:var(--accent);font-size:13px;font-weight:850;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{position:relative;padding:25px;border:1px solid #2d4054;background:#101f30;border-radius:15px;min-height:226px;display:flex;flex-direction:column;gap:19px;transition:border-color .2s,transform .2s,background .2s}.tool-card:hover{transform:translateY(-3px);border-color:#579782;background:#15293a}.tool-icon{height:47px;width:47px;border-radius:11px;border:1px solid #366b68;display:grid;place-items:center;color:var(--accent);font-family:ui-monospace,monospace;font-weight:800;font-size:18px;background:#173639}.tool-card .eyebrow{font-size:10px}.tool-card h3{margin:6px 0 9px;letter-spacing:-.027em}.tool-card p{font-size:13px;margin:0;line-height:1.6}.card-arrow{position:absolute;right:22px;top:24px;font-size:16px;color:#8ab6a9}.services-preview{background:#eaf0f5;color:#142536}.services-preview p{color:#52677a}.services-preview .eyebrow{color:#197a6c}.services-grid{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.services-grid h2{margin:18px 0 20px}.muted-heading{color:#6e8495}.services-grid>div:first-child>p{font-size:16px}.services-grid .btn{margin-top:24px}.bullet-row{font-weight:700;font-size:13px;padding:9px 0;color:#276458}.service-teasers{display:grid;gap:12px}.teaser{background:#fff;display:block;padding:23px 27px;border-radius:14px;border:1px solid #d6e0e8;box-shadow:0 8px 20px #132b4010}.teaser:hover{border-color:#57a29a}.teaser>span{font-size:10px;color:#478274;letter-spacing:.11em;font-weight:850}.teaser strong{font-size:20px;display:block;margin:4px 0}.teaser p{font-size:13px;margin:0 0 5px}.teaser b{font-size:13px;color:#137f70}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{border-top:1px solid #496078;padding:23px 6px}.steps b{color:var(--accent);font-size:13px}.steps h3{margin:16px 0 9px}.steps p{font-size:14px}.closing{background:#6fe8c7;color:#0b2630;padding:55px 0}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:12px 0}.closing p{color:#295c5b;margin:0}.closing .eyebrow{color:#1c6261}.footer{padding:62px 0 23px;background:#080e18;color:#a0b0c1;border-top:1px solid #1a3142}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-logo{font-size:27px;color:white;letter-spacing:-.055em;font-weight:850}.footer p{font-size:13px;max-width:380px;margin:0 0 7px}.footer .small,.small{font-size:12px;color:var(--muted);line-height:1.6}.footer strong{color:#e7eef6;font-size:12px;letter-spacing:.03em;margin:4px 0 10px}.footer a:hover{color:var(--accent)}.footer a{font-size:13px}.footer-bottom{border-top:1px solid #273445;margin-top:51px;padding-top:21px;display:flex;justify-content:space-between;font-size:11px;gap:15px}.page-hero{padding:81px 0 68px;background:radial-gradient(circle at 90% 20%,#163344 0,#0b1422 65%);border-bottom:1px solid #203447}.page-hero.compact{padding:62px 0}.page-hero h1{margin:14px 0 15px;font-size:clamp(2.4rem,4.7vw,4.2rem)}.page-hero p{max-width:720px;font-size:17px;line-height:1.75}.privacy-note{display:inline-flex;align-items:center;gap:12px;color:#a8dece;background:#123336;border:1px solid #2c5e57;padding:13px 17px;font-size:12px;border-radius:10px;font-weight:700;margin-top:14px}.tool-toolbar{display:flex;align-items:center;gap:17px;background:#122236;border:1px solid #31475d;padding:16px 19px;margin-bottom:23px;border-radius:13px}.tool-toolbar label{white-space:nowrap;font-size:12px;font-weight:750}.tool-toolbar input{flex:1;min-width:0;border:1px solid #3b5267;background:#0b1827;color:var(--ink);padding:12px;border-radius:8px;outline:none}.tool-toolbar input:focus,.contact-form :is(input,select,textarea):focus,.tool-panel :is(input,select,textarea):focus{border-color:var(--accent);outline:2px solid #6ceac42c}.tool-toolbar span{font-size:12px;color:var(--muted)}.empty-results{padding:35px;text-align:center}.section-soft{background:#101d2d;border-top:1px solid #273649}.section-soft p{max-width:800px}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pill-row span{background:#183345;border:1px solid #3d5367;color:#b4d1d8;border-radius:30px;padding:7px 12px;font-weight:750;font-size:11px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;background:#121f30;border:1px solid #36475a;border-radius:17px;padding:28px;display:flex;flex-direction:column;min-height:540px}.price-card.featured{border-color:#62cdb4;background:linear-gradient(160deg,#153b3d,#152336 52%)}.feature-label{position:absolute;top:-12px;right:13px;background:#6ee3be;color:#0d2a2c;font-size:9px;letter-spacing:.08em;padding:7px 11px;border-radius:8px;font-weight:850}.price-card h3{font-size:23px;margin:16px 0 13px}.price-card .price{font-size:35px;font-weight:800;color:white;letter-spacing:-.04em;white-space:nowrap}.price-card .price small{font-size:12px;color:#a9b9c9;font-weight:500;letter-spacing:0}.price-card p{font-size:13px}.price-card ul{padding-left:19px;font-size:13px;color:#d2e0eb;line-height:1.75;margin:6px 0 17px}.price-card li{padding:3px 0}.price-card .price-fine{margin-top:auto;border-top:1px solid #344b5a;padding-top:15px;font-size:11px;line-height:1.6}.price-card .btn{margin-top:12px}.faq{border-top:1px solid #39536b}.faq details{border-bottom:1px solid #39536b;padding:19px 3px}.faq summary{cursor:pointer;font-weight:760}.faq details p{margin:15px 0 0;line-height:1.7}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:27px;margin-top:43px}.prose .btn{margin-top:15px}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.contact-details h2{font-size:27px}.contact-details p{font-size:14px}.contact-point{padding:20px 0;border-top:1px solid #2a4054;display:flex;flex-direction:column;gap:7px}.contact-point b{font-size:13px}.contact-point span{color:#a4b7c9;font-size:13px}.contact-form,.tool-panel{background:#132237;border:1px solid #34475a;padding:31px;border-radius:18px;box-shadow:0 20px 40px #03091630}.contact-form label,.tool-panel label{font-size:12px;color:#c4d4e3;font-weight:750;display:flex;flex-direction:column;gap:9px;margin-bottom:21px}.contact-form input,.contact-form select,.contact-form textarea,.tool-panel input,.tool-panel textarea,.tool-panel select{width:100%;background:#0c1929;color:#e7f3ff;border:1px solid #44596c;border-radius:9px;padding:12px 13px;font-size:14px;outline:none;min-width:0}.contact-form textarea,.tool-panel textarea{resize:vertical}.field-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-line{flex-direction:row!important;align-items:start;gap:10px!important;line-height:1.55}.checkbox-line input{width:16px!important;margin:3px 0}.checkbox-line a{color:var(--accent);text-decoration:underline}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form .small{margin-top:15px}.tool-panel{padding:30px}.tool-panel .actions{margin:0 0 21px}.tool-panel .result-box{background:#0c1a28;border-left:3px solid var(--accent);border-radius:7px;padding:14px;margin:21px 0;color:#b9dccf;font-size:13px;min-height:52px;overflow-wrap:anywhere}.result-box.error{border-color:#fca5a5;color:#ffc6c6}.result-box:empty:before{content:'Results will appear here.';opacity:.55}.result-table{display:grid;grid-template-columns:minmax(105px,1fr) 1.5fr;gap:6px 20px}.result-table span{color:#87a0b6}.result-table strong{font-family:ui-monospace,monospace;font-weight:700;word-break:break-word;color:#e7f8f4}.tool-help{padding:34px 0}.tool-help h2{font-size:25px}.tool-help p{line-height:1.7}.breadcrumbs{color:#b7c9d5;font-size:12px;margin-bottom:18px}.breadcrumbs a{color:var(--accent)}.breadcrumbs span{padding:0 8px}.choices{display:flex;gap:8px;flex-direction:column;align-self:center;margin-bottom:16px}.choices label{flex-direction:row;align-items:center;margin:0}.choices input{width:auto}.concept-links{display:flex;gap:10px;flex-wrap:wrap}.concept-links a{background:#152b3c;padding:11px 15px;border-radius:8px;font-size:13px;border:1px solid #456174}.concept-links a:hover{border-color:var(--accent)}.concept-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.concept-gallery-card{background:#132338;border-radius:15px;overflow:hidden;border:1px solid #36495c}.concept-gallery-card h3{margin:22px 20px 8px}.concept-gallery-card p{font-size:13px;margin:0 20px 22px}.concept-art{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.concept-art>span,.concept-art i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.07em}.concept-art strong{font-size:27px;line-height:1.1;letter-spacing:-.04em}.art-workshop{background:#eaf0ed;color:#172e30}.art-mission{background:linear-gradient(145deg,#10243e,#091526);color:#85e0c9}.art-concierge{background:linear-gradient(150deg,#cfe8f5,#eaf6f6);color:#164568}.concept-hero{min-height:560px;padding:100px 0;background:var(--bg)}.concept-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.concept-layout h1{font-size:clamp(3rem,5vw,5rem);margin:21px 0}.concept-layout p{font-size:18px;line-height:1.75;max-width:600px}.concept-surface{border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--surface);box-shadow:var(--shadow)}.concept-surface-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em;color:var(--muted);margin-bottom:18px}.concept-tool{display:flex;gap:15px;align-items:center;background:var(--surface-2);border:1px solid var(--line);margin:9px 0;padding:15px;border-radius:10px;font-size:13px}.concept-tool b{font-family:monospace;color:var(--accent);font-size:18px}.concept-tool i{margin-left:auto;font-style:normal}.concept-tool:hover{border-color:var(--accent)}.concept-utility{--bg:#edf3f0;--surface:#fff;--surface-2:#f1f7f3;--line:#ccdcd6;--ink:#132e2d;--muted:#496963;--accent:#147d69}.concept-utility .concept-hero{background:radial-gradient(circle at 80% 0,#cae4d8,#edf3f0 60%)}.concept-utility .concept-layout p,.concept-utility .concept-surface-header{color:var(--muted)}.concept-utility .concept-tool{color:#14362e}.concept-utility .btn-primary{color:white}.concept-utility .btn-outline{color:#135346;border-color:#5e9b8a}.concept-mission{--bg:#07121e;--surface:#102339;--surface-2:#112c40;--line:#275469;--accent:#54e2db}.concept-mission .concept-hero{background:radial-gradient(circle at 90% 5%,#0b3952,#07121e 70%)}.concept-concierge{--bg:#dcecf7;--surface:#fff;--surface-2:#f2f7fb;--line:#c7d8e5;--ink:#123858;--muted:#506f84;--accent:#176b9b}.concept-concierge .concept-hero{background:linear-gradient(120deg,#e6f1f7,#d1e8f4)}.concept-concierge .concept-layout p{color:#506f84}.concept-concierge .concept-surface{box-shadow:0 25px 60px #366c832b}.concept-concierge .concept-tool{color:#1e4b6c}.concept-concierge .btn-primary{color:white}.concept-concierge .btn-outline{color:#1c5b8a;border-color:#598dad}#form-alert{padding:12px;border-radius:7px;background:#20453f;color:#ddfff5;margin-bottom:19px}#form-alert.error{background:#513039;color:#ffe0e0}@media(max-width:1000px){.hero-layout{gap:30px}.hero-proof{gap:10px}.services-grid{gap:40px}.price-card{padding:22px}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{padding:0 19px}.header-row{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #3c556c;background:#142538;border-radius:9px;padding:12px}.menu-toggle span{height:2px;width:20px;background:#e9f3f8;display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;padding:15px 19px 23px;background:#101d2e;border-bottom:1px solid #3b5062;gap:5px}.nav.open{display:flex}.nav a{padding:12px 8px}.nav a.nav-cta{padding:12px 17px;text-align:center}.hero{padding:66px 0}.hero-layout,.services-grid,.contact-layout,.concept-layout{grid-template-columns:1fr}.hero-visual{max-width:550px;transform:none}.hero h1{font-size:clamp(2.7rem,8vw,4rem)}.hero-sub{font-size:16px}.section{padding:61px 0}.section-heading{align-items:start;flex-direction:column}.tool-grid,.steps,.price-grid,.concept-gallery{grid-template-columns:1fr}.tool-card{min-height:auto}.price-card{min-height:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.closing-inner{flex-direction:column;align-items:start}.tool-toolbar{flex-wrap:wrap}.tool-toolbar input{flex-basis:100%;order:2}.tool-toolbar span{margin-left:auto}.concept-hero{padding:60px 0}.concept-layout h1{font-size:clamp(2.4rem,8vw,4rem)}}@media(max-width:480px){.brand-name{font-size:20px}.brand-name small{font-size:7px}.tool-panel,.contact-form{padding:20px}.field-two{grid-template-columns:1fr;gap:0}.visual-body{padding:20px}.visual-table{font-size:11px}.hero-proof{flex-direction:column}.btn{width:100%}.actions{align-items:stretch}.visual-head{font-size:8px}.visual-pill{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Visibility and concept-specific contrast corrections */
[hidden]{display:none!important}
.concept-utility .header .brand,.concept-concierge .header .brand{color:#eaf2ff}
.concept-utility .header .brand .accent,.concept-concierge .header .brand .accent{color:#66e4c4}
.concept-utility .btn-primary{background:#116a59;color:#fff}
.concept-concierge .btn-primary{background:#176b9b;color:#fff}
.concept-utility .btn-primary:hover{background:#0e5649}
.concept-concierge .btn-primary:hover{background:#12567e}

/* Curated, copy-only operations script library */
.script-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.script-card{background:#132237;border:1px solid #34475a;border-radius:15px;padding:24px;min-width:0}
.script-card h3{margin:11px 0 8px}
.script-card p{font-size:13px;line-height:1.65;min-height:44px}
.script-card pre{background:#0a1725;border:1px solid #31485c;border-radius:9px;color:#e8f8f2;padding:15px;font-size:12px;line-height:1.7;overflow-x:auto;white-space:pre}
.script-card button{margin-top:5px;padding:10px 15px}
.script-card[hidden]{display:none}
@media(max-width:760px){.script-grid{grid-template-columns:1fr}}

/* Editorial guide promotions on the public home page */
.guide-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 26px}
@media(max-width:850px){.guide-feature-grid{grid-template-columns:1fr}}

/* File conversion: native, accessible selectors and explicit download state */
.converter-panel{display:grid;gap:16px}
.converter-panel select,.converter-panel input[type=file]{width:100%;border:1px solid #456075;background:#0e2030;color:#f0faf7;border-radius:9px;padding:13px;min-height:48px}
.converter-panel select:focus-visible,.converter-panel input[type=file]:focus-visible{outline:2px solid #58dcc3;outline-offset:2px}
.converter-panel optgroup,.converter-panel option{background:#10253a;color:#ecf7f6}
.converter-panel .result-box{min-height:22px;overflow-wrap:anywhere}
.converter-panel .result-box.error{color:#ffd8d8}
.converter-panel #converter-downloads{flex-wrap:wrap}
.converter-panel #converter-downloads a{max-width:100%;overflow-wrap:anywhere}

/* Read-only downloadable runbooks */
.runbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 25px}.runbook-card{background:var(--bg2);border:1px solid var(--line);border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:9px}.runbook-card h3{font-size:19px;margin:0}.runbook-card p{font-size:13px;line-height:1.65}.runbook-card .btn{margin-top:auto;align-self:flex-start}@media(max-width:900px){.runbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.runbook-grid{grid-template-columns:1fr}}


/* Site navigation and accessibility baseline — progressive enhancement. */
.skip-link{position:fixed;left:14px;top:-100px;z-index:120;padding:12px 18px;background:#eafff6;color:#09242a;border-radius:9px;font-weight:800;box-shadow:0 8px 24px #0006}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #a1f8e3;outline-offset:3px}
.nav{gap:clamp(9px,1.4vw,20px)}
.nav a{white-space:nowrap}
.nav a[aria-current="page"]{color:#8cf7d8;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
.nav .nav-cta[aria-current="page"]{color:#09242a;text-decoration:none;box-shadow:0 0 0 2px #d4fff3}
.page-hero h1,.hero h1{overflow-wrap:break-word}
.tool-grid .tool-card{min-height:185px}
.tool-grid.featured-tools .tool-card{min-height:185px}
.tool-toolbar select{border:1px solid #3b5267;background:#0b1827;color:var(--ink);padding:12px;border-radius:8px;min-width:154px}
.tool-toolbar select:focus-visible{outline:3px solid #a1f8e3;outline-offset:2px}
#form-alert:focus{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:1080px){
  .header-row{height:auto;min-height:73px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .menu-toggle{display:none}
  .js .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #50647a;background:#142538;border-radius:9px;padding:12px;margin-left:auto}
  .menu-toggle span{height:2px;width:20px;background:#e9f3f8;display:block}
  .nav{display:flex;position:static;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;padding:9px 0 15px;background:transparent;border:0;gap:3px}
  .nav a{padding:11px 12px}
  .nav a[aria-current="page"]{text-underline-offset:4px}
  .nav a.nav-cta{padding:11px 16px;text-align:center}
  .js .nav:not(.open){display:none}
}
@media(min-width:1081px){
  .nav{display:flex!important;position:static!important;flex-basis:auto!important}
  .menu-toggle{display:none!important}
}
@media(max-width:760px){
  .tool-toolbar input{order:0;flex-basis:100%}
  .tool-toolbar select{width:100%}
  .section-heading .text-link{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .tool-card:hover,.btn:hover{transform:none}
}

/* Workbench release 1: local text, permission, contrast and JSONL tools */
.workbench-panel>label{display:block;margin:18px 0 9px}
.workbench-panel>label:first-child{margin-top:0}
.workbench-panel>input,.workbench-panel>textarea{width:100%;display:block}
.workbench-preview{min-height:90px;display:grid;place-items:center;text-align:center;padding:18px;border-radius:10px;margin:16px 0;font-size:18px;font-weight:700;border:1px solid #446071;background:#142536;color:#fff}
.workbench-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #405568;border-radius:10px;padding:15px;margin:15px 0 21px}
.workbench-options legend{font-size:13px;font-weight:750;padding:0 6px}
.workbench-options label{font-size:13px;display:flex;flex-direction:row;align-items:flex-start;gap:8px;margin:0}
.workbench-options input{width:auto;min-width:16px;margin:3px 0 0}
#workbench-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6;overflow-wrap:anywhere;min-height:165px}
@media(max-width:620px){.workbench-options{grid-template-columns:1fr}}


/* Converter workflow — scoped to its dedicated page; uses global JoeC tokens. */
.converter-section{padding:48px 0 66px}
.converter-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);align-items:start;gap:22px;max-width:1130px}
.converter-panel{display:flex;flex-direction:column;gap:15px;min-width:0;padding:28px;border:1px solid #355267}
.converter-step-heading{display:flex;align-items:flex-start;gap:13px;margin-top:8px}
.converter-step-heading h2{font-size:21px;letter-spacing:-.025em;margin:1px 0 4px}
.converter-step-heading p{margin:0}
.converter-step-number{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#1b534b;border:1px solid #498a79;color:#cefff0;font-weight:850;font-size:14px}
.converter-panel>label:not(.converter-pick-label){font-size:13px;font-weight:750;margin-top:3px;color:#e5f3f6}
.converter-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.converter-presets button{border-radius:9px;padding:11px 7px;border:1px solid #3d5467;background:#102338;color:#c9dce7;font-weight:750;font-size:12px;line-height:1.35;min-height:52px}
.converter-presets button[aria-pressed=true]{background:#1a514b;border-color:#79e9c7;color:#eafff8}
.converter-presets button:focus-visible,.converter-icon-button:focus-visible,.converter-text-button:focus-visible,.converter-pick-label:focus-visible{outline:3px solid #82e9cf;outline-offset:2px}
.converter-panel select{margin-top:-7px}
.converter-mode-note{margin:0;color:#98f3d7;font-weight:750;font-size:12px}
.converter-mode-note.is-server{color:#ffe4ab}
.converter-dropzone{position:relative;border:2px dashed #597587;background:#0d2132;border-radius:14px;padding:26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:175px;transition:border-color .15s,background .15s}
.converter-dropzone.is-dragging,.converter-dropzone:focus-within{border-color:#7becc8;background:#133c3c}
.converter-dropzone.is-busy{opacity:.6}
.converter-upload-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:700;background:#1a4946;color:#b7ffeb}
.converter-pick-label{cursor:pointer;display:inline-flex;padding:12px 20px;border-radius:9px;background:#63dec0;color:#0b2530;font-weight:850;font-size:14px}
.converter-pick-label:hover{background:#91f5d8}
.converter-input{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.converter-limits{margin:0}
.converter-selection{border:1px solid #385169;border-radius:12px;padding:15px;background:#102237}
.converter-selection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}
.converter-text-button{border:0;color:#99e8d0;background:transparent;padding:7px 8px;font-weight:750;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.converter-text-button:hover{color:#fff}
.converter-file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.converter-file-row{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;background:#142b40;border:1px solid #385166;border-radius:10px}
.converter-file-row img{width:56px;height:56px;border-radius:7px;object-fit:cover;flex:none;background:#fff}
.converter-file-icon{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:7px;background:#25465c;color:#dcf1fa;font-size:10px;font-weight:850;letter-spacing:.08em}
.converter-file-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.converter-file-info strong{font-size:12px;overflow-wrap:anywhere;font-weight:750;line-height:1.35}
.converter-file-info small{font-size:11px;color:#afc3d6}
.converter-file-actions{display:flex;gap:5px;flex:none}
.converter-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #547084;background:#203a51;color:#e9f6fa;border-radius:8px;font-size:19px;font-weight:700}
.converter-icon-button:hover:not(:disabled){border-color:#82ebca;background:#29544f}
.converter-icon-button:disabled{opacity:.35}
.converter-quality{background:#112a3b;border:1px solid #39586c;border-radius:11px;padding:16px}
.converter-quality label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750}
.converter-quality output{font-variant-numeric:tabular-nums;color:#8cf0ce}
.converter-quality input{width:100%;accent-color:#68e0c2;margin:14px 0}
.converter-quality p{margin:0}
.converter-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:7px}
.converter-actions button{min-height:48px}
.converter-actions #converter-run{flex:1}
.converter-progress{display:grid;gap:8px;color:#dfedf6;font-size:13px}
.converter-progress progress{width:100%;height:10px;accent-color:#6de6c7}
.converter-result{overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.converter-result:empty{display:none}
.converter-result.is-error{color:#ffd6d6;background:#442933;border:1px solid #87525c;border-radius:10px;padding:13px}
.converter-result.is-success{color:#bafee6;background:#173d36;border:1px solid #4c987b;border-radius:10px;padding:13px}
.converter-downloads{display:flex;flex-wrap:wrap;gap:10px}
.converter-downloads:empty{display:none}
.converter-downloads a{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:48px}
.converter-aside{display:grid;gap:15px}
.converter-aside-card{background:#112238;border:1px solid #355065;border-radius:15px;padding:23px}
.converter-aside-card h2{font-size:20px;margin:13px 0}
.converter-aside-card strong{color:#e4f3fa;font-size:13px}
.converter-aside-card p{font-size:13px;line-height:1.6;margin:7px 0 0}
.converter-aside-rule{border-top:1px solid #375165;margin:19px 0}
.converter-aside-card .converter-text-button{margin-top:8px}
.converter-advice{background:#123239;border-color:#345c5e}
.converter-advice p + p{margin-top:12px}
.converter-help-section{background:#101d2d;padding:55px 0}
.converter-help-section h2{font-size:clamp(1.6rem,2.6vw,2rem);margin-bottom:18px}
.converter-help-section .text-link{display:inline-block;margin-top:24px}
@media(max-width:880px){.converter-layout{grid-template-columns:1fr}.converter-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.converter-panel{padding:18px}.converter-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-aside{grid-template-columns:1fr}.converter-file-row{gap:8px;padding:7px}.converter-file-row img,.converter-file-icon{width:44px;height:44px}.converter-file-actions{gap:4px}.converter-icon-button{width:32px;height:35px;font-size:17px}.converter-actions button{flex:1}.converter-downloads a{width:100%}}
