.gooru-public.public-how>.public-hero-with-backdrop{isolation:isolate;background:#fff;padding-inline:0}.public-how .public-hero-with-backdrop>.public-container{z-index:1;position:relative}.public-how-workshop{z-index:0;pointer-events:none;opacity:.55;background:url(/images/how-it-works/digital-workshop.webp) 50% 58%/cover no-repeat;position:absolute;inset:0}.public-how-workshop:after{content:"";background:linear-gradient(90deg,#ffffffd1,#ffffffa6),linear-gradient(#fff 0%,#0000 20% 75%,#fff 100%);position:absolute;inset:0}.public-how .public-hero-with-backdrop .public-intro{color:#454f4b}.public-how .public-eyebrow,.public-how .public-text-link{color:#087653}.public-how .public-hero-with-backdrop .public-eyebrow,.public-how .public-hero-with-backdrop .public-text-link{color:#065f46}.public-how .public-process-stage{background:radial-gradient(at 65% 5%,#173e30,#0000 65%),#0d1513}.public-how .public-process-stage .public-eyebrow{color:#9be6c1}.public-how .public-process-stage ol{background:0 0;border:0;gap:18px;overflow:visible}.public-how .public-process-stage li{background:linear-gradient(155deg,#1b3329,#14211d);border:1px solid #3a5c4c;border-radius:18px;position:relative}.public-how .public-process-stage li>span{float:none;color:#b4d7c5;position:absolute;top:22px;right:22px}.public-how-stage-drawing{border-bottom:1px solid #3a5c4c;width:100%;height:116px;margin-bottom:26px;position:relative}.public-how-stage-drawing>svg{color:#a4ecc8;stroke-width:1.5px;width:32px;height:32px;position:absolute;top:42px;left:0}.public-how-stage-drawing:before{content:"";background:linear-gradient(#29503d 10px,#1d392c 10px);border:1px solid #81b79b;border-radius:8px;width:min(65%,94px);height:62px;position:absolute;top:24px;right:0;box-shadow:0 6px 25px #00000014}.public-how-stage-drawing:after{content:"";opacity:.65;background:repeating-linear-gradient(#79a58e 0 2px,#0000 2px 8px);width:min(45%,58px);height:26px;position:absolute;top:45px;right:12px}.public-how-stage-drawing-0:before{border-radius:16px 16px 0}.public-how-stage-drawing-1:before{transform:perspective(300px)rotateY(-9deg)}.public-how-stage-drawing-2:before{background:#214333;border-style:dashed}.public-how-stage-drawing-3:before{background:#29503d;border-color:#a4ecc8}.public-how .public-process-stage h3{margin-top:0}.public-how .public-process-stage li p{color:#c7dbd0}.public-how .public-decision-layout{align-items:center}.public-how-decision-route{background:linear-gradient(110deg,#f5f6f5,#fff);border:1px solid #d8e9e0;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:32px;padding:20px 10px;display:grid}.public-how-decision-route>span{text-align:center;color:#065f46;padding-top:24px;font-size:11px;font-weight:650;position:relative}.public-how-decision-route>span:before{content:"";z-index:1;background:#fff;border:2px solid #087653;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:calc(50% - 5px)}.public-how-decision-route>span:not(:last-child):after{content:"";border-top:1px dashed #89bda2;width:calc(100% + 8px);position:absolute;top:5px;left:50%}.public-how .public-decision-list{gap:12px}.public-how .public-decision-list li,.public-how .public-decision-list li:first-child{background:linear-gradient(110deg,#f7f8f7,#fff 65%);border:1px solid #dfe9e4;border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:22px}.public-how .public-decision-list li>span{color:#087653;background:#f0f1f0;border:1px solid #d6e9de;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.public-how>.public-alt-section{background:radial-gradient(at 85% 15%,#173e30,#0000 65%),#0d1513;border-top:1px solid #315b46}.public-how .public-alt-section .public-eyebrow{color:#9be6c1}.public-how-review-rail{background:#183427;border:1px solid #436b56;border-radius:16px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:26px;padding:18px 10px;display:grid}.public-how-review-rail>span{text-align:center;color:#ddf6e9;justify-items:center;gap:9px;font-size:11px;font-weight:600;line-height:1.5;display:grid}.public-how-review-rail svg{color:#a4ecc8;stroke-width:1.5px;width:19px;height:19px}.public-how-review-rail>svg{width:13px;height:13px}@media (max-width:600px){.public-how-workshop{background-position:64%}.public-how .public-decision-list li,.public-how .public-decision-list li:first-child{gap:12px;padding:18px}.public-how .public-process-stage li{min-height:0}}@media (prefers-contrast:more),(forced-colors:active){.public-how-workshop,.public-how-stage-drawing,.public-how-decision-route,.public-how-review-rail{display:none}}@media (forced-colors:active){.public-how .public-process-stage,.public-how .public-process-stage li,.public-how .public-decision-list li,.public-how>.public-alt-section{color:canvastext;background:canvas}}