:root{--color-background:#101a23;--color-surface:#152132;--color-surface-alt:#16202b;--color-surface-input:#223649;--color-text:#fff;--color-muted:#b3b3b3;--color-accent:#0c7ff2;--color-accent-hover:#105fb8;--color-header:#bb8a18;--color-header-ink:#0b2145;--color-success:#14d39a;--color-gold:gold;--content-width:56rem;--font-body:Manrope, "Noto Sans", sans-serif;--font-brand:"Noto Sans", Manrope, sans-serif;--font-slogan:Oswald, "Arial Narrow", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-body);margin:0;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--color-accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--color-header);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px #00000026}@media (width>=640px){.site-header{padding-left:1.5rem;padding-right:1.5rem}}.brand-link{color:inherit;flex-wrap:wrap;align-items:center;gap:1rem;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:auto;max-height:5rem;box-shadow:0 1px 3px #0003}.brand-text{flex-direction:column;justify-content:center;display:flex}.brand-name{color:var(--color-header-ink);font-family:var(--font-brand);letter-spacing:-.025em;font-size:2.5rem;font-weight:800;line-height:1}.brand-slogan{color:var(--color-text);font-family:var(--font-slogan);letter-spacing:.08em;text-align:left;margin:.2rem 0 0;font-size:1rem}@media (width>=640px){.brand-slogan{font-size:1.125rem}}@media (width>=768px){.brand-slogan{font-size:1.25rem}}.menu-btn{cursor:pointer;color:var(--color-text);background:0 0;border:0;border-radius:.35rem;margin-left:2rem;padding:.35rem;transition:background-color .15s,transform .15s}.menu-btn:hover{background:#0b21452e}.menu-btn:focus-visible{outline:2px solid var(--color-header-ink);outline-offset:3px}.menu-btn svg{width:2.25rem;height:2.25rem;display:block}.site-nav{background:var(--color-header);border-radius:.5rem;flex-direction:column;gap:.75rem;min-width:140px;padding:1rem 1.5rem;display:none;position:absolute;top:100%;right:1.5rem;box-shadow:0 10px 15px #0003}.site-nav.is-open{display:flex}.site-nav a{color:var(--color-header-ink);font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{text-decoration:underline}.page-main{display:block}.section{max-width:var(--content-width);margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.section-tight{margin-bottom:2rem}.hero-card,.panel,.service-card,.app-card,.contact-form{background:var(--color-surface);border-radius:.75rem;box-shadow:0 10px 15px #00000026}.hero-card{background:var(--color-surface-alt);flex-direction:column;align-items:center;padding:2rem;display:flex}.hero-card h1{text-align:center;color:var(--color-text);margin:0 0 .5rem;font-size:2.25rem;font-weight:900}.hero-card .lead{text-align:center;margin:0 0 1.5rem;font-size:1.125rem}.icon-row{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;display:flex}.icon{width:3rem;height:3rem;transition:transform .3s}.icon--sm{width:2.5rem;height:2.5rem;margin-bottom:.5rem}.icon--lg{width:4rem;height:4rem;margin-bottom:.75rem}.icon--blue{color:var(--color-accent)}.icon--green{color:var(--color-success)}.icon--gold{color:var(--color-gold)}.icon:hover,.service-card:hover .icon,.app-card:hover .icon{transform:scale(1.15)}.section-title{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.section-title--center{text-align:center}.section-title--accent{color:var(--color-header);text-align:center;margin-bottom:1.75rem}.grid-3{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3--apps{gap:1.5rem}.how-steps{flex-direction:row}}.service-card,.app-card{border-radius:.5rem;flex-direction:column;align-items:center;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.app-card{border-radius:.75rem}.service-card:hover,.app-card:hover{transform:scale(1.05);box-shadow:0 20px 25px #00000040}.app-card--muted{opacity:.8}.service-card h4,.app-card h4{text-align:center;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.app-card h4{font-weight:700}.muted{color:var(--color-muted)}.card-text{color:var(--color-muted);text-align:center;margin:0;font-size:.875rem}.cta-line{text-align:center;color:var(--color-accent);margin:1.5rem 0 0;font-size:1rem;font-weight:600}.cta-line a{color:inherit;text-decoration:underline}.cta-line a:hover{text-decoration:none}.panel{padding:2rem 1.5rem}.how-steps{flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.how-step{flex-direction:column;align-items:center;display:flex}.how-step .num{margin-bottom:.25rem;font-size:1.875rem}.how-step .label{color:var(--color-muted);text-align:center;margin-top:.25rem;font-size:1rem;font-style:italic}.app-logo{object-fit:contain;background:#fff;border-radius:9999px;width:4rem;height:4rem;margin-bottom:.75rem}.app-logo--weldprank{border-radius:.75rem}.app-link{color:var(--color-accent);font-weight:600;text-decoration:none}.app-link:hover,.app-link:focus-visible{text-decoration:underline}.contact-intro{text-align:center;flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.contact-intro h2{margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}@media (width>=640px){.contact-intro h2{font-size:2.25rem}}.contact-intro p{color:var(--color-muted);margin:0}.contact-form{border-radius:.5rem;flex-direction:column;gap:1rem;max-width:36rem;margin:0 auto;padding:1.5rem;display:flex}.form-input{background:var(--color-surface-input);width:100%;color:var(--color-text);border:0;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:1rem}.form-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.consent-row{align-items:flex-start;gap:.75rem;display:flex}.consent-row input{margin-top:.25rem}.consent-row label{color:var(--color-muted);text-align:left;font-size:.875rem}.consent-row a{color:var(--color-accent);text-decoration:underline}.consent-row a:hover{text-decoration:none}.btn-submit{background:var(--color-accent);color:var(--color-text);cursor:pointer;border:0;border-radius:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .15s}.btn-submit:hover{background:var(--color-accent-hover)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-submit:disabled:hover{background:var(--color-accent)}.form-note{color:var(--color-muted);text-align:center;margin:.5rem 0 0;font-size:.75rem}.site-footer{border-top:1px solid var(--color-surface-input);flex-direction:column;align-items:center;margin-top:3rem;padding:2rem 1rem;display:flex}.site-footer a{color:var(--color-muted);margin-bottom:.75rem;font-size:.875rem;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-text)}.site-footer .copy{color:var(--color-muted);font-size:.75rem}.language-selector{z-index:50;position:fixed;bottom:1.5rem;right:1.5rem}.language-selector-inner{background:var(--color-surface-input);border-radius:9999px;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 10px 15px #0003}.language-selector a{color:var(--color-text);font-size:1.5rem;line-height:1;text-decoration:none;transition:transform .15s}.language-selector a:hover,.language-selector a:focus-visible{transform:scale(1.1)}.language-selector a[aria-current=true]{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.25rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:1s fadeInUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}.product-panel,.legal-panel{background:var(--color-surface-alt);border-radius:.75rem;max-width:48rem;margin:3rem auto;padding:2rem;box-shadow:0 10px 15px #00000026}.product-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.product-logo{aspect-ratio:1;object-fit:contain;object-position:center;background:#fff;border-radius:1rem;width:5rem;height:5rem;margin-bottom:.75rem}.product-logo--weldprank{aspect-ratio:1;object-fit:contain;object-position:center;background:0 0;border-radius:1rem;width:min(11rem,55vw);max-width:11rem;height:auto;margin-bottom:1rem}.product-hero h1,.legal-panel>h1{color:var(--color-accent);text-align:center;margin:0 0 .5rem;font-weight:800}.product-hero h1{font-size:1.875rem}.legal-panel>h1{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.product-tagline{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.product-italic{color:var(--color-muted);margin:0 0 .75rem;font-style:italic}.product-app-note{max-width:36rem;color:var(--color-muted);text-align:center;margin:.25rem auto 0;font-size:.875rem;line-height:1.45}.product-section,.legal-section{margin-bottom:2rem}.product-section h2,.product-section h3,.legal-section h2{color:var(--color-accent);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.legal-section h2{color:var(--color-header);font-size:1.125rem}.legal-panel--corporate>h1{color:var(--color-text);font-weight:700}.legal-panel--corporate .legal-section h2{color:var(--color-accent);font-size:1.25rem}.legal-panel--corporate .legal-section p{font-size:.875rem}.product-lead,.legal-section p,.help-text,.privacy-note,.faq-a,.action-caption{color:var(--color-muted)}.product-lead{text-align:center;margin:0 0 1rem}.product-section ul,.product-section ol{color:var(--color-muted);margin:0 0 1rem;padding-left:2rem}.product-section--center{text-align:center}.screenshot-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.screenshot-row picture,.weldprank-promo-row picture,.listentranslator-promo-row picture{display:contents}.screenshot{border-radius:.25rem;width:10rem;box-shadow:0 4px 6px #0003}.weldprank-promo-row{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.weldprank-promo{border-radius:.75rem;width:100%;max-width:24rem;height:auto;display:block;box-shadow:0 10px 15px #0003}@media (width>=768px){.weldprank-promo-row{flex-direction:row;align-items:flex-end;gap:.5rem}.weldprank-promo{flex:var(--promo-ar,1) 1 0;width:auto;min-width:0;max-width:none}}.listentranslator-promo-row{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.listentranslator-promo{border-radius:.75rem;width:100%;max-width:24rem;height:auto;display:block;box-shadow:0 10px 15px #0003}@media (width>=768px){.listentranslator-promo-row{flex-direction:row;align-items:flex-end;gap:.5rem}.listentranslator-promo{flex:var(--promo-ar,1) 1 0;width:auto;min-width:0;max-width:none}}.action-caption{text-align:center;margin:1rem 0 0;font-size:.875rem;font-style:italic}.faq-item{margin-bottom:.5rem}.faq-q{color:var(--color-text);font-weight:600}.faq-a{margin:.25rem 0 0 1rem}.coming-soon{background:var(--color-surface-input);color:var(--color-muted);opacity:.8;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:600;display:inline-block;box-shadow:0 4px 6px #00000026}.help-title{font-size:1.125rem!important}.privacy-note{margin:0;font-size:.75rem}.legal-section p{margin:0 0 .75rem}.product-section a,.legal-section a{color:var(--color-accent);text-decoration:underline}.product-section a:hover,.legal-section a:hover{text-decoration:none}@media (width<=640px){.product-panel,.legal-panel{margin:1.5rem 1rem;padding:1.25rem}.screenshot{width:8.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-fade-in-up,.animate-bounce,.animate-pulse{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
