:root{--max-width: 1000px;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Sora", system-ui, sans-serif;--color-bg: #f5f7fa;--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-accent: #3B82F6;--color-accent-hover: #2563eb;--color-border: #e5e5e5;--color-surface: #ffffff;--color-tag-bg: #eff6ff;--color-tag-text: #3B82F6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--section-padding: 5rem 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);background-size:28px 28px;color:var(--color-text);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;color:var(--color-text)}h1{font-size:2.75rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{color:var(--color-text)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;width:100%}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.tag{display:inline-block;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:.8125rem;font-weight:500;padding:.25rem .75rem;border-radius:100px;white-space:nowrap}@media (max-width: 640px){h1{font-size:2rem}h2{font-size:1.5rem}:root{--section-padding: 3.5rem 1.25rem}}.header{position:sticky;top:16px;z-index:100;padding:0 1.5rem}.header__inner{display:flex;align-items:center;gap:var(--space-6);height:60px;padding:0 24px;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 25px #00000014}.header__logo{display:flex;flex-direction:column;line-height:1.2;text-decoration:none;margin-right:auto}.header__name{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--color-text)}.header__role{font-size:.75rem;color:var(--color-text-muted)}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__link{font-size:.875rem;color:#555;text-decoration:none;transition:color .2s;position:relative}.header__link:hover{color:#000;text-decoration:none}.header__link--active{color:#3b82f6;font-weight:600}.header__link--active:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#3b82f6;border-radius:2px}.header__right{display:flex;align-items:center;gap:16px}.header__lang-switch{display:flex;align-items:center;gap:4px}.header__lang-btn{padding:.25rem .5rem;border-radius:6px;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;background:transparent;color:#666;letter-spacing:.04em;transition:background .15s,color .15s;line-height:1}.header__lang-btn--active{background:#111;color:#fff}.header__lang-btn:hover:not(.header__lang-btn--active){background:#0000000f;color:#333}.header__cta{font-size:.875rem;font-weight:500;color:var(--color-accent);border:1.5px solid var(--color-accent);padding:.375rem 1rem;border-radius:6px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.header__cta:hover{background:var(--color-accent);color:#fff;text-decoration:none}@media (max-width: 640px){.header__nav{display:none}}.btn{display:inline-block;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;padding:.625rem 1.5rem;border-radius:6px;cursor:pointer;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s}.btn--primary{background:var(--color-accent);color:#fff;border:1.5px solid var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--outline{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent)}.btn--outline:hover{background:var(--color-accent);color:#fff}.preview-card-wrapper{margin:0}.preview-card{position:relative;width:100%;height:220px;border-radius:12px;overflow:hidden;cursor:pointer;background:#f0f4f8;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px #00000012;transition:box-shadow .2s,transform .2s}.preview-card:hover{box-shadow:0 6px 24px #3b82f626;transform:translateY(-2px) scale(1.02)}.preview-card img{width:100%;height:100%;object-fit:cover;display:block}.preview-card--contain img{object-fit:contain;padding:8px}.preview-card__zoom-hint{position:absolute;bottom:10px;right:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:5px;color:#3b82f6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none}.preview-card:hover .preview-card__zoom-hint{opacity:1}.preview-card__caption{font-size:.8125rem;color:var(--color-text-muted);margin-top:.625rem;font-style:italic;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh;overflow:hidden}.modal-image{max-width:90vw;max-height:90vh;border-radius:12px;display:block;transition:transform .2s ease;box-shadow:0 20px 60px #00000080}.modal-close{position:fixed;top:20px;right:20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.125rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1000}.modal-close:hover{background:#ffffff40}.hero{padding:6rem 1.5rem 5rem;border-bottom:1px solid var(--color-border)}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;background:var(--color-surface);border-radius:20px;box-shadow:0 4px 32px #3b82f614;border:1px solid rgba(59,130,246,.1);padding:var(--space-12)}.hero__headline{font-size:2.75rem;margin-bottom:var(--space-6);letter-spacing:-.02em;background:linear-gradient(135deg,#1a1a1a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subheadline{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:480px}.hero__image-placeholder{aspect-ratio:4 / 3;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px dashed #93c5fd;border-radius:12px;display:flex;align-items:center;justify-content:center}.hero__image-placeholder span{font-size:.8125rem;color:#3b82f6}.hero__figure{margin:0}.hero__img{width:100%;border-radius:12px;box-shadow:0 4px 20px #0000001f;display:block}.hero__caption{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic;text-align:center}@media (max-width: 720px){.hero__inner{grid-template-columns:1fr;padding:var(--space-8)}.hero__visual{display:none}.hero__headline{font-size:2rem}}.section{padding:var(--section-padding)}.section--surface{background:transparent}.section__inner{background:var(--color-surface);border-radius:16px;box-shadow:0 2px 20px #0000000e;border:1px solid rgba(0,0,0,.045);padding:var(--space-12) var(--space-8)}.section__header{margin-bottom:var(--space-12)}.section__title{font-size:1.875rem;margin-bottom:var(--space-3)}.section__subtitle{color:var(--color-text-muted);font-size:1.0625rem;max-width:640px}.diagram-preview__wrapper{margin:0}.diagram-preview__card{background:#f0f4f8;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:none;padding:16px;width:100%;aspect-ratio:16 / 10;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.diagram-preview__card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 24px #3b82f626}.diagram-preview__card img{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;display:block}.diagram-preview__zoom-hint{position:absolute;bottom:10px;right:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:5px;color:#3b82f6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none}.diagram-preview__card:hover .diagram-preview__zoom-hint{opacity:1}.diagram-preview__caption{font-size:13px;color:#6b7280;margin-top:8px;line-height:1.4;font-style:italic}.overview__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.overview__context{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-8);color:var(--color-text)}.overview__facts{display:flex;flex-direction:column;gap:var(--space-3)}.overview__fact{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);gap:var(--space-4)}.overview__fact:first-child{border-top:1px solid var(--color-border)}.overview__fact-label{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}.overview__fact-value{font-size:.9375rem;font-weight:500;text-align:right}@media (max-width: 720px){.overview__grid{grid-template-columns:1fr}}.problem__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}.problem__lead{font-size:1.0625rem;line-height:1.75;margin-bottom:var(--space-8)}.problem__metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.problem__metric{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.problem__metric-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text);line-height:1}.problem__metric-unit{font-size:.8125rem;font-weight:500;color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em}.problem__metric-desc{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-1)}.problem__subheading{margin-bottom:var(--space-4)}.problem__list{display:flex;flex-direction:column;gap:var(--space-3)}.problem__list-item{padding-left:1.25rem;position:relative;font-size:.9375rem;color:var(--color-text);line-height:1.6}.problem__list-item:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-size:.875rem}@media (max-width: 720px){.problem__layout{grid-template-columns:1fr}.problem__metrics{grid-template-columns:1fr 1fr}}.role__summary{font-size:1.0625rem;line-height:1.75;max-width:720px;margin-bottom:var(--space-10)}.role__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;margin-top:var(--space-8)}.role__subheading{font-size:1rem;margin-bottom:var(--space-4);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.role__list{display:flex;flex-direction:column;gap:var(--space-3)}.role__list-item{font-size:.9375rem;line-height:1.6;padding-left:1.25rem;position:relative}.role__list-item:before{content:"–";position:absolute;left:0;color:var(--color-text-muted)}.role__stakeholders{display:flex;flex-direction:column;gap:0}.role__stakeholder{display:flex;flex-direction:column;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);gap:var(--space-1)}.role__stakeholder:first-child{border-top:1px solid var(--color-border)}.role__stakeholder-name{font-weight:500;font-size:.9375rem}.role__stakeholder-note{font-size:.8125rem;color:var(--color-text-muted)}.role__timeline{display:flex;flex-direction:column;gap:var(--space-4)}.role__timeline-item{display:flex;gap:var(--space-4);align-items:flex-start}.role__timeline-marker{width:28px;height:28px;border-radius:50%;background:var(--color-tag-bg);color:var(--color-accent);font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.role__timeline-body{flex:1}.role__timeline-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.role__timeline-phase{font-weight:500;font-size:.9375rem}.role__timeline-duration{font-size:.8125rem;color:var(--color-text-muted)}.role__timeline-activity{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}@media (max-width: 720px){.role__grid{grid-template-columns:1fr}}.solution__block{margin-bottom:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border)}.solution__block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.solution__block-title{font-size:1.375rem;margin-bottom:var(--space-4)}.solution__block-intro{font-size:1rem;color:var(--color-text-muted);max-width:680px;margin-bottom:var(--space-8);line-height:1.7}.solution__flow-grid{display:grid;grid-template-columns:1fr 40px 1fr;gap:var(--space-4);align-items:start;margin-bottom:var(--space-8)}.solution__flow-col{display:flex;flex-direction:column;gap:var(--space-2)}.solution__flow-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.solution__flow-label--before{color:#b91c1c}.solution__figure{margin:0;margin-top:var(--space-8)}.solution__img{width:100%;border-radius:12px;box-shadow:0 4px 20px #00000014;display:block}.solution__caption{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic;text-align:center}.solution__flow-label--after{color:#15803d}.solution__flow-list{list-style:none;counter-reset:flow;display:flex;flex-direction:column;gap:var(--space-2)}.solution__flow-step{counter-increment:flow;position:relative;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;border-radius:6px;font-size:.875rem;line-height:1.5}.solution__flow-step:before{content:counter(flow);position:absolute;left:var(--space-3);top:var(--space-3);font-size:.75rem;font-weight:600;line-height:1.5rem;width:1.25rem;text-align:center}.solution__flow-step--before{background:#fff5f5;border:1px solid #fecaca;color:#7f1d1d}.solution__flow-step--before:before{color:#b91c1c}.solution__flow-step--after{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.solution__flow-step--after:before{color:#15803d}.solution__flow-divider{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);padding-top:2.5rem}.solution__image{margin-top:var(--space-8)}.solution__fixes{display:flex;flex-direction:column;gap:var(--space-8)}.solution__fix{display:flex;gap:var(--space-6);align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:var(--space-6)}.solution__fix-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-border);flex-shrink:0;line-height:1;min-width:2.5rem;margin-top:2px}.solution__fix-body{flex:1}.solution__fix-title{font-size:1rem;margin-bottom:var(--space-4)}.solution__fix-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-4)}.solution__fix-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-2)}.solution__fix-text{font-size:.9rem;line-height:1.65;color:var(--color-text)}.solution__fix-outcome{font-size:.875rem;font-weight:500;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:var(--space-3) var(--space-4);border-radius:6px}.solution__decisions{display:flex;flex-direction:column;gap:var(--space-8)}.solution__decision{border-left:3px solid var(--color-accent);padding-left:var(--space-6)}.solution__decision-title{font-size:1rem;margin-bottom:var(--space-4)}.solution__decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 720px){.solution__flow-grid{grid-template-columns:1fr}.solution__flow-divider{transform:rotate(90deg);padding:0}.solution__fix-row,.solution__decision-grid{grid-template-columns:1fr}}.img-placeholder{margin:0}.img-placeholder__box{background:linear-gradient(135deg,#f0f7ff,#e0ecff);border:1.5px dashed #93c5fd;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:var(--space-4);width:100%}.img-placeholder__box--16-9{aspect-ratio:16 / 9}.img-placeholder__box--4-3{aspect-ratio:4 / 3}.img-placeholder__box--3-2{aspect-ratio:3 / 2}.img-placeholder__label{font-size:.8125rem;color:#3b82f6;text-align:center;max-width:60ch;line-height:1.5}.img-placeholder__caption{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic;line-height:1.5}.screenshots-block{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--color-border)}.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 720px){.screenshots-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.screenshots-grid{grid-template-columns:1fr}}.artifacts__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}.artifacts__item{display:flex;flex-direction:column}.artifacts__section{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--color-border)}.artifacts__figure{margin:0}.artifacts__img{width:100%;border-radius:12px;box-shadow:0 4px 20px #00000014;display:block}.artifacts__caption{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic}.artifacts__product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.artifacts__product-item{margin:0;display:flex;flex-direction:column}.artifacts__product-title{font-size:1rem;font-weight:600;margin-top:var(--space-3);margin-bottom:var(--space-1)}@media (max-width: 640px){.artifacts__grid,.artifacts__product-grid{grid-template-columns:1fr}}.results__subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.5}.results__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:0}.results__divider{height:1px;background:var(--color-border);margin:var(--space-8) 0}.results__metric{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);min-width:160px}.results__metric-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:var(--space-1)}.results__metric-label{font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.results__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-10)}.results__list-item{position:relative;padding-left:1.375rem;font-size:.9375rem;color:var(--color-text);line-height:1.6}.results__list-item:before{content:"✓";position:absolute;left:0;color:#16a34a;font-size:.875rem;top:2px;font-weight:600}@media (max-width: 640px){.results__list{grid-template-columns:1fr}.results__metrics{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.results__metrics{grid-template-columns:1fr 1fr}}.hiw__intro{font-size:1.0625rem;line-height:1.75;max-width:640px;margin-bottom:var(--space-12);color:var(--color-text-muted)}.hiw__principles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.hiw__principle{display:flex;gap:var(--space-4);align-items:flex-start}.hiw__principle-index{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-border);flex-shrink:0;line-height:1;min-width:2.5rem;margin-top:2px}.hiw__principle-title{font-size:1rem;margin-bottom:var(--space-2)}.hiw__principle-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.hiw__tools-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-4)}.hiw__tools-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 640px){.hiw__principles{grid-template-columns:1fr}}.contact__inner{max-width:560px}.contact__headline{font-size:2rem;margin-bottom:var(--space-4)}.contact__body{font-size:1.0625rem;color:var(--color-text-muted);line-height:1.75;margin-bottom:var(--space-4)}.contact__availability{font-size:.875rem;font-weight:500;color:#15803d;margin-bottom:var(--space-8)}.contact__links{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.contact__link{font-size:.9375rem;font-weight:500;padding:.625rem 1.5rem;border-radius:6px;text-decoration:none!important;transition:background .15s,color .15s;display:inline-block}.contact__link--primary{background:var(--color-accent);color:#fff;border:1.5px solid var(--color-accent)}.contact__link--primary:hover{background:var(--color-accent-hover)}.contact__link--outline{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent)}.contact__link--outline:hover{background:var(--color-accent);color:#fff}.contact__email-raw{font-size:.875rem;color:var(--color-text-muted)}