.proc-ref{max-width:var(--layout-max);margin:0 auto;padding:0 var(--layout-gutter) 6rem}.proc-hero{position:relative;margin-bottom:6rem;padding:4rem 0 2rem}.proc-hero-glow{position:absolute;top:-5rem;left:-5rem;width:24rem;height:24rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);filter:blur(120px);z-index:0;pointer-events:none}.proc-hero-inner{position:relative;z-index:1;text-align:center}@media (min-width: 768px){.proc-hero-inner{text-align:left;max-width:48rem}}.proc-hero-label{display:block;font-family:var(--font-sans);font-size:.875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tertiary);margin-bottom:1rem}.proc-hero h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text-main);margin:0 0 2rem}@media (min-width: 768px){.proc-hero h1{font-size:clamp(3.5rem,7vw,4.5rem)}}.proc-hero-accent{color:var(--primary)}.proc-hero-lead{font-family:var(--font-sans);font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.625;color:var(--text-muted);max-width:42rem;margin:0}.proc-hero-media{margin-top:4rem;position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:16 / 10}@media (min-width: 768px){.proc-hero-media{aspect-ratio:21 / 9}}.proc-hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.4;transition:filter .7s ease,opacity .7s ease,transform .7s ease}.proc-hero-media:hover img{filter:grayscale(0);opacity:.6;transform:scale(1.02)}.proc-hero-media-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--surface),transparent);pointer-events:none}[data-theme=light] .proc-hero-media-grad{background:linear-gradient(to top,var(--surface-low),transparent)}.proc-principles{margin-bottom:8rem}.proc-principles-head{margin-bottom:3rem}.proc-principles-head h2{font-family:var(--font-display);font-size:1.875rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem;letter-spacing:-.02em}.proc-principles-bar{height:.25rem;width:5rem;border-radius:9999px;background:var(--tertiary)}.proc-principles-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.proc-principles-grid{grid-template-columns:repeat(3,1fr)}}.proc-principle{padding:2rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--outline-variant, #444655) 10%,transparent);background:color-mix(in srgb,var(--surface-container-high) 60%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease}[data-theme=light] .proc-principle{background:color-mix(in srgb,var(--surface-container) 85%,transparent);border-color:var(--border)}.proc-principle:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.proc-principle-ico{width:3rem;height:3rem;border-radius:.5rem;background:color-mix(in srgb,var(--primary) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.proc-principle-ico .material-symbols-outlined{font-size:1.875rem;color:var(--primary)}.proc-principle h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 .75rem;letter-spacing:-.02em}.proc-principle p{margin:0;font-size:1rem;line-height:1.625;color:var(--text-muted)}.proc-steps-band{background:var(--surface-low);width:100%;max-width:100%;margin:0;padding:clamp(3rem,10vw,8rem) var(--layout-gutter);box-sizing:border-box}.proc-steps-inner{max-width:var(--layout-max);margin:0 auto}.proc-steps-intro{text-align:center;margin-bottom:clamp(2.5rem,8vw,6rem)}.proc-steps-intro h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--text-main);margin:0 0 1.5rem}.proc-steps-intro p{font-size:1.125rem;line-height:1.6;color:var(--text-muted);max-width:42rem;margin:0 auto}.proc-steps-grid{display:grid;grid-template-columns:1fr;column-gap:1.5rem;row-gap:2.5rem}@media (min-width: 640px){.proc-steps-grid{grid-template-columns:repeat(2,1fr);row-gap:3rem}}@media (min-width: 1024px){.proc-steps-grid{grid-template-columns:repeat(4,1fr);column-gap:2rem;row-gap:4rem}}.proc-step{position:relative}.proc-step-watermark{position:absolute;top:-2.5rem;left:-1rem;font-family:var(--font-display);font-size:6rem;font-weight:900;line-height:1;color:color-mix(in srgb,var(--primary) 5%,transparent);-webkit-user-select:none;user-select:none;pointer-events:none}@media (min-width: 768px){.proc-step-watermark{font-size:8rem;top:-2.5rem;left:-1rem}}.proc-step-body{position:relative;z-index:1}.proc-step-body .material-symbols-outlined{display:block;margin-bottom:1rem;font-size:1.75rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.proc-step-body .proc-step-icon--muted{color:var(--tertiary)}.proc-step-body .proc-step-icon--primary{color:var(--primary)}.proc-step-body h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem;letter-spacing:-.02em}.proc-step-body p{margin:0;font-size:.875rem;line-height:1.625;color:var(--text-muted)}.proc-cta{padding:8rem 0 0}.proc-cta-box{max-width:var(--layout-max);margin:0 auto;position:relative;border-radius:1.5rem;padding:3rem 1.5rem;overflow:hidden;background:linear-gradient(to right,var(--accent),var(--primary))}@media (min-width: 768px){.proc-cta-box{padding:6rem}}[data-theme=light] .proc-cta-box{background:linear-gradient(to right,#3c5965,#78929b)}.proc-cta-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:40px 40px;pointer-events:none}.proc-cta-inner{position:relative;z-index:1;text-align:center}.proc-cta-inner h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;letter-spacing:-.04em;line-height:1.15;color:#f7f6f2;margin:0 0 2rem}.proc-cta-inner>p{font-size:1.25rem;line-height:1.5;color:#f7f6f2cc;max-width:42rem;margin:0 auto 3rem}.proc-cta-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.5rem}@media (min-width: 768px){.proc-cta-actions{flex-direction:row;align-items:center;justify-content:center}}.proc-cta-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;border-radius:9999px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;text-decoration:none;border:none;cursor:pointer;background:#182633;color:#fff;box-shadow:0 25px 50px -12px #00000059;transition:transform .2s ease}.proc-cta-btn-primary:hover{transform:scale(1.05)}.proc-cta-btn-primary:active{transform:scale(.95)}.proc-cta-btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 2.5rem;border-radius:9999px;font-family:var(--font-display);font-weight:800;font-size:1.25rem;text-decoration:none;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#f7f6f2;transition:background .2s ease}.proc-cta-btn-ghost:hover{background:#fff3}.proc-hero-glow,.proc-cta-box:before{display:none}.proc-step-watermark{opacity:.035}.proc-cta-box,[data-theme=light] .proc-cta-box{border:1px solid var(--border);background:var(--surface-container)}.proc-cta-inner h2,.proc-cta-inner>p{color:var(--text-main)}.proc-cta-btn-primary,.proc-cta-btn-ghost{border-radius:.75rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.proc-cta-btn-primary{background:var(--primary);color:var(--primary-text)}.proc-cta-btn-ghost{border-color:var(--border);background:var(--surface-low);color:var(--text-main)}.proc-steps-band{padding-block:clamp(4.5rem,8vw,7rem);overflow:clip}.proc-flow{display:grid;grid-template-columns:minmax(13rem,.36fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,7vw,7rem)}.proc-flow-nav{position:sticky;top:8.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:1.4rem;background:#f7f6f2db;box-shadow:0 1.4rem 3.2rem #18263314;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.proc-flow-nav-label{display:block;margin:0 0 .9rem .7rem;color:var(--tertiary);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.proc-flow-nav>div{display:grid;gap:.3rem}.proc-flow-nav button{width:100%;min-height:3.25rem;padding:0 .8rem;border:0;border-radius:.85rem;display:flex;align-items:center;gap:.7rem;background:transparent;color:var(--text-muted);font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:color .25s ease,background-color .25s ease,transform .25s ease}.proc-flow-nav button:hover,.proc-flow-nav button.is-active{background:var(--primary-muted);color:var(--text-main)}.proc-flow-nav button.is-active{transform:translate(.3rem)}.proc-flow-nav .material-symbols-outlined{color:var(--primary);font-size:1.2rem}.proc-flow-track{position:relative;display:grid;gap:2rem}.proc-flow-line{position:absolute;top:1.7rem;bottom:1.7rem;left:1.65rem;width:2px;overflow:hidden;background:var(--border)}.proc-flow-line i{position:absolute;inset:0 0 auto;height:var(--proc-flow-progress);border-radius:999px;background:linear-gradient(180deg,#a87655,#496a78 55%,#527b68);transition:height .65s cubic-bezier(.22,1,.36,1)}.proc-flow-step{position:relative;min-height:12rem;display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:1.35rem}.proc-flow-node{position:relative;z-index:2;width:3.4rem;height:3.4rem;border:1px solid var(--border);border-radius:1.05rem;display:grid;place-items:center;background:var(--surface);color:var(--text-muted);box-shadow:0 .65rem 1.5rem #18263314;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease}.proc-flow-node .material-symbols-outlined{font-size:1.4rem}.proc-flow-step[data-state=active] .proc-flow-node,.proc-flow-step[data-state=complete] .proc-flow-node{border-color:#496a78;background:#496a78;color:#fff}.proc-flow-step[data-state=active] .proc-flow-node{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 0 .5rem #496a781f,0 1rem 2rem #18263324}.proc-flow-card{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--border);border-radius:1.4rem;background:var(--surface);box-shadow:0 1.25rem 3rem #1826330f;opacity:.58;transform:translate(1rem) scale(.985);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.proc-flow-step[data-state=active] .proc-flow-card{border-color:#496a787a;box-shadow:0 1.8rem 4rem #1826331f;opacity:1;transform:translate(0) scale(1)}.proc-flow-step[data-state=complete] .proc-flow-card{opacity:.78;transform:translate(0) scale(.99)}.proc-flow-output{display:inline-flex;padding:.38rem .62rem;border-radius:999px;background:var(--primary-muted);color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.proc-flow-card h3{margin:1rem 0 .55rem;color:var(--text-main);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.045em}.proc-flow-card p{max-width:42rem;margin:0;color:var(--text-muted);font-size:1rem;line-height:1.65}@media (max-width: 820px){.proc-flow{grid-template-columns:1fr;gap:2rem}.proc-flow-nav{position:sticky;top:4.75rem;z-index:8;padding:.55rem;overflow-x:auto;border-radius:1rem}.proc-flow-nav-label{display:none}.proc-flow-nav>div{width:max-content;display:flex}.proc-flow-nav button{width:auto;min-height:2.8rem;white-space:nowrap}.proc-flow-nav button.is-active{transform:none}.proc-flow-step{min-height:10rem;grid-template-columns:3rem minmax(0,1fr);gap:1rem}.proc-flow-line{left:1.5rem}.proc-flow-node{width:3rem;height:3rem}}@media (prefers-reduced-motion: reduce){.proc-flow-line i,.proc-flow-nav button,.proc-flow-node,.proc-flow-card{transition:none}}