@layer components;
@layer components{.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;color:#91aaa2;font-size:.78rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--mint-2)}.service-tabs{position:sticky;top:0;z-index:12;border-block:1px solid var(--line);background:rgba(6,17,15,.94);backdrop-filter:blur(10px)}.service-tabs .shell{display:flex;justify-content:center;gap:.4rem;padding:.7rem 0;overflow:auto}.service-tabs a{white-space:nowrap;text-decoration:none;color:var(--muted);font-size:.8rem;padding:.45rem .75rem;border-radius:99px}.service-tabs a:hover{background:#123128;color:var(--mint-2)}.situation-panel{padding:2rem;border-radius:1.1rem;background:var(--paper);color:var(--paper-ink);box-shadow:0 24px 70px rgba(0,0,0,.18)}.situation-panel>span,.result-panel>span,.important-note>span{display:block;margin-bottom:.8rem;font:850 .72rem var(--font-tech);text-transform:uppercase;letter-spacing:.14em}.situation-panel h2{font:700 clamp(2rem,4vw,3.2rem)/1.05 var(--font-title);max-width:700px}.situation-panel ul{list-style:none;padding:0;margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.5rem}.situation-panel li{position:relative;padding-left:1.8rem}.situation-panel li:before{content:"✓";position:absolute;left:0;color:#0f6b4c;font-weight:900}.example-case{padding:2rem;border:1px solid #96713c;border-radius:1rem;background:linear-gradient(145deg,#2c2114,#111b17)}.example-case>span{color:var(--amber);font:800 .72rem var(--font-tech);text-transform:uppercase;letter-spacing:.12em}.example-case h2{font:700 clamp(2rem,4vw,3rem)/1.08 var(--font-title);margin:.5rem 0}.example-case>p{color:#e3d8c6;font-size:1.05rem}.example-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0}.example-flow div{padding:1rem;border:1px solid rgba(239,189,115,.22);border-radius:.7rem;background:rgba(0,0,0,.15)}.example-flow b{color:var(--amber)}.example-flow p{color:#c9beb0;margin-top:.4rem;font-size:.9rem}.example-case small{color:#9e9386}.solution-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;padding:1rem 0}.solution-story .label{color:var(--mint);font:850 .72rem var(--font-tech);text-transform:uppercase;letter-spacing:.14em}.solution-story blockquote{margin:0;font:700 clamp(2rem,4vw,3.5rem)/1.08 var(--font-title);color:var(--ink)}.solution-story .explanation{color:var(--muted);font-size:1.08rem}.result-panel{padding:2rem;border:1px solid #337967;border-radius:1rem;background:linear-gradient(145deg,#102d25,#0a1c18)}.result-panel>span{color:var(--mint)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.result-grid div{padding:1rem;border:1px solid var(--line);border-radius:.7rem}.result-grid b{display:block;color:var(--mint);font:800 .77rem var(--font-tech);margin-bottom:.35rem}.result-grid p{color:#d7e7e1}.important-note{padding:1.35rem 1.5rem;border:1px solid #9e7432;border-left:5px solid #e4ad4c;border-radius:.8rem;background:#2b2113;color:#f4e7cd}.important-note>span{color:var(--amber)}.important-note p{margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-grid>a{min-height:210px;padding:1.4rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,#123329,#071713);text-decoration:none;display:grid;grid-template-rows:auto 1fr auto}.related-grid p{color:var(--muted)}.service-contact{padding:2rem;border:1px solid #367967;border-radius:1rem;background:radial-gradient(circle at 90%,rgba(84,237,183,.16),transparent 18rem),#0e2620;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.service-contact h2{font:700 clamp(1.8rem,3vw,2.7rem)/1.08 var(--font-title)}.service-contact p{color:var(--muted)}.service-contact-actions{display:grid;gap:.8rem;text-align:center}@media(max-width:800px){.situation-panel ul,.example-flow,.result-grid,.solution-story,.service-contact{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.service-tabs .shell{justify-content:flex-start}}}