@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-latin-700-normal-Bxkt5Cjx.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-700-normal-Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--color-bg:#f5f8fa;--color-surface:#fff;--color-text:#15202b;--color-text-soft:#3f4b56;--color-muted:#5a6672;--color-disabled:#5f6c79;--color-primary:#176b73;--color-primary-strong:#125a61;--color-primary-tint:#e6f2f2;--color-primary-contrast:#fff;--color-border:#d5dde3;--color-border-strong:#c3ccd4;--color-focus:#d97706;--color-success:#067647;--color-success-tint:#e7f5ee;--radius:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 1px 2px #1018280d, 0 8px 24px #1018280a;--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1 0 auto}a{color:var(--color-primary)}a:hover{color:var(--color-primary-strong)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.container{width:100%;max-width:75rem;margin:0 auto;padding-inline:1.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--color-surface);border-radius:var(--radius);z-index:10;padding:.5rem .75rem;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.brand{min-height:2.75rem;color:var(--color-text);align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.brand:hover{color:var(--color-text)}.brand-tld{color:var(--color-primary)}.site-nav{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex}.site-nav a:not(.button){color:var(--color-text-soft);padding-block:.75rem;text-decoration:none}.site-nav a:not(.button):hover{color:var(--color-text);text-decoration:underline}.button{border-radius:var(--radius);min-height:2.75rem;font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;gap:.625rem;padding:.75rem 1.375rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.button-primary:hover{background:var(--color-primary-strong);color:var(--color-primary-contrast)}.button-primary:disabled{background:var(--color-disabled);cursor:not-allowed}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.button-secondary:hover{color:var(--color-text);border-color:var(--color-primary)}.button-outline{background:var(--color-surface);color:var(--color-primary-strong);border-color:var(--color-primary)}.hero{flex-wrap:wrap;align-items:center;gap:3.5rem;padding-block:clamp(3rem,8vw,5.5rem) 4.5rem;display:flex}.hero-text{flex-direction:column;flex:28.75rem;gap:1.5rem;min-width:0;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin:0;font-size:.875rem;font-weight:500}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05}.lead{max-width:34em;color:var(--color-text-soft);margin:0;font-size:1.25rem;line-height:1.55}.actions{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.hero-figure{flex:25rem;justify-content:center;min-width:0;margin:0;display:flex}.sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:27.5rem;box-shadow:var(--shadow-md);flex-direction:column;gap:1.125rem;padding:1.75rem;display:flex;transform:rotate(-1.5deg)}.sheet-head{border-bottom:2px solid var(--color-text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-bottom:.625rem;display:flex}.sheet-title{font-size:1.125rem;font-weight:700}.sheet-name{color:var(--color-muted);font-size:.8125rem}.sheet-tasks{font-family:var(--font-mono);grid-template-columns:repeat(auto-fit,minmax(10.625rem,1fr));gap:.875rem 1.5rem;margin:0;padding:0;font-size:1.125rem;font-weight:500;list-style:none;display:grid}.sheet-solution{color:var(--color-primary)}.sheet-foot{border-top:1px dashed var(--color-border-strong);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;font-size:.8125rem;display:flex}.pill{background:var(--color-primary-tint);color:var(--color-primary-strong);border-radius:999px;padding:.25rem .625rem;font-weight:600}.section{padding-block:5rem}.section-alt{background:var(--color-surface);border-block:1px solid var(--color-border)}.section h2{letter-spacing:-.01em;margin:0;font-size:2.25rem;line-height:1.2}.section-head{flex-direction:column;gap:.625rem;margin-bottom:2.5rem;display:flex}.section-head p{color:var(--color-muted);margin:0;font-size:1.125rem}.cards{flex-wrap:wrap;gap:1.5rem;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:2 30rem;gap:1.25rem;padding:clamp(1.25rem,4vw,2rem);display:flex}.card-head{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.card-icon{border-radius:var(--radius-lg);background:var(--color-primary-tint);flex:none;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.card-title{flex-direction:column;gap:.125rem;min-width:0;display:flex}.card-title h3{margin:0;font-size:1.625rem}.card-url{font-family:var(--font-mono);color:var(--color-muted);overflow-wrap:anywhere;font-size:.875rem;font-weight:500}.badge-online{background:var(--color-success-tint);color:var(--color-success);border-radius:999px;margin-left:auto;padding:.375rem .75rem;font-size:.875rem;font-weight:600}.card p{color:var(--color-text-soft);margin:0;font-size:1.125rem;line-height:1.55}.tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--color-border-strong);border-radius:999px;padding:.375rem .75rem;font-size:.875rem}.card .button{align-self:flex-start}.card-placeholder{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);min-width:0;color:var(--color-muted);flex-direction:column;flex:17.5rem;justify-content:center;gap:.75rem;padding:2rem;display:flex}.card-placeholder h3{color:var(--color-text);margin:0;font-size:1.375rem}.card-placeholder p{margin:0;line-height:1.5}.steps{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:.75rem;display:flex}.step-number{font-family:var(--font-mono);color:var(--color-primary);font-size:.9375rem;font-weight:500}.steps h3{margin:0;font-size:1.3125rem}.steps p{color:var(--color-text-soft);margin:0;font-size:1.0625rem;line-height:1.55}.about{background:var(--color-primary-tint);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:5.5rem;padding:clamp(1.5rem,5vw,3rem);display:flex}.about-text{flex-direction:column;flex:26.25rem;gap:.75rem;min-width:0;display:flex}.about h2{color:var(--color-primary-strong);margin:0;font-size:1.875rem}.about p{margin:0;font-size:1.125rem;line-height:1.55}.page{flex-direction:column;gap:1.5rem;padding-block:4rem 5.5rem;display:flex}.page h1{letter-spacing:-.02em;margin:0;font-size:2.75rem;line-height:1.1}.page-intro{max-width:36em;color:var(--color-text-soft);margin:0;font-size:1.1875rem;line-height:1.55}.prose{max-width:46rem;font-size:1.0625rem;line-height:1.6}.prose h2{margin:2rem 0 .5rem;font-size:1.5rem;line-height:1.3}.prose p{margin:0 0 1rem}.stand{color:var(--color-muted);font-size:.875rem}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:40rem;box-shadow:var(--shadow-md);gap:1.25rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.field{gap:.5rem;display:grid}.field label{font-size:.9375rem;font-weight:600}.hint{color:var(--color-muted);font-weight:400}.field textarea,.field input{border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);width:100%;color:inherit;font:inherit;padding:.5rem .75rem}.field textarea{resize:vertical;min-height:10rem}.field input{max-width:24rem;min-height:2.75rem}.field input[inputmode=numeric]{width:8.75rem}.note{color:var(--color-muted);margin:0;font-size:.8125rem}.status{min-height:1.5em;margin:0;font-weight:600}.trap{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border)}.site-footer .container{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.9375rem;display:flex}.footer-nav{gap:1.5rem;display:flex}.footer-nav a{color:var(--color-text-soft);padding-block:.75rem;display:inline-block}
