.c-hw,.c-hw *{box-sizing:border-box}.c-hw{font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0;overscroll-behavior:auto}.c-hw,.c-hw #c-hw{background:transparent;height:100%;overflow:hidden}.c-hw #c-hw{border:none;border-image:initial;border-radius:0;box-shadow:none;color:#242424;display:flex;flex-direction:column;min-height:400px;position:relative;width:100%}.c-hw #c-hw.is-embedded{opacity:0;transition:opacity .55s cubic-bezier(.33,1,.68,1)}.c-hw #c-hw.is-embedded.is-visible{opacity:1}.c-hw .chrome{display:none}.c-hw .how-switcher-wrap{display:flex;flex:0 0 auto;justify-content:center;padding:0 10px 12px;position:relative;z-index:20}.c-hw .how-switcher{align-items:stretch;background:#fff;border:2px solid #e1dfdd;border-radius:999px;box-shadow:0 2px 12px rgba(36,36,36,.06);display:inline-flex;gap:0;padding:4px}.c-hw .how-tab{appearance:none;background:transparent;border:none;border-image:initial;border-radius:999px;color:#605e5c;cursor:pointer;font:700 13px/1.2 Segoe UI,system-ui,sans-serif;letter-spacing:.02em;padding:10px 24px;pointer-events:auto;position:relative;transition:color .25s,background .25s,box-shadow .25s;white-space:nowrap;z-index:1}.c-hw .how-tab:hover:not(.active){color:#c43e00}.c-hw .how-tab.active{background:#f26522;box-shadow:0 2px 10px rgba(242,101,34,.28);color:#fff}.c-hw .how-tab--soon{align-items:center;display:inline-flex;flex-direction:column;gap:3px;justify-content:center;padding:8px 20px}.c-hw .how-tab-soon{color:#c43e00;font-size:8.5px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.c-hw .how-tab--soon.active .how-tab-soon{color:hsla(0,0%,100%,.92)}.c-hw .how-panels{display:grid;flex:1 1 0%;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0;position:relative}.c-hw .how-panel{display:flex;flex-direction:column;grid-area:1/1;min-height:0;opacity:0;pointer-events:none;position:relative;transition:opacity .48s,visibility .48s;visibility:hidden}.c-hw .how-panel.active{visibility:visible}.c-hw .how-panel.active:not(.is-leaving):not(.is-entering){opacity:1;pointer-events:auto}.c-hw .how-panel.is-entering,.c-hw .how-panel.is-leaving{opacity:0;pointer-events:none;visibility:visible}.c-hw #c-hw.is-embedded .how-switcher-wrap,.c-hw.how-embed-host .how-switcher-wrap{display:none}.c-hw #c-hw.is-embedded .coming-soon{display:none!important;pointer-events:none!important}.c-hw .coming-soon{align-items:center;background:hsla(0,0%,100%,.56);display:none;flex-direction:column;gap:16px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:16}.c-hw .coming-soon-label{color:#15171c;font:800 15px/1.2 Segoe UI,system-ui,sans-serif;letter-spacing:.16em;margin:0;text-transform:uppercase}.c-hw .coming-soon-cta{align-items:center;background:#f26522;border:none;border-image:initial;border-radius:999px;box-shadow:0 10px 28px rgba(242,101,34,.42);color:#fff;cursor:pointer;display:inline-flex;font:700 12px/1.2 Segoe UI,system-ui,sans-serif;justify-content:center;letter-spacing:.06em;padding:12px 24px;pointer-events:auto;position:relative;text-decoration:none;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s;z-index:17}.c-hw .coming-soon-cta:hover{background:#e55a1a;box-shadow:0 14px 32px rgba(242,101,34,.5);transform:translateY(-2px)}.c-hw .how-panel.is-soon .body,.c-hw .how-panel.is-soon .footer{filter:blur(8px);pointer-events:none;user-select:none}.c-hw .how-panel.is-soon .coming-soon{display:flex}.c-hw .body{flex:1 1 0%;gap:10px;min-height:0;overflow:hidden;padding:8px 8px 4px}.c-hw .body,.c-hw .detail{display:flex;flex-direction:column}.c-hw .detail{align-items:center;flex:0 0 auto;min-height:58px;opacity:0;text-align:center;transform:translateY(6px);transition:opacity .25s,transform .25s}.c-hw .detail.show{opacity:1;transform:none}.c-hw .detail-head{align-items:center;display:flex;justify-content:center;min-height:34px}.c-hw .detail h3{background:#fff;border:1px solid color-mix(in srgb,currentcolor 32%,#e1dfdd);border-radius:999px;box-shadow:0 2px 10px rgba(36,36,36,.06);font-size:13px;margin:0;padding:7px 16px}.c-hw .detail h3,.c-hw .detail-azure{align-items:center;display:inline-flex;font-weight:700;gap:6px;justify-content:center;letter-spacing:.02em}.c-hw .detail-azure{color:#f26522;font-size:12px;line-height:1.3;margin:10px 0 0;opacity:1;padding:0;visibility:visible}.c-hw .detail-azure:before{content:"•";margin-right:.15em}.c-hw .detail-azure .finale-azure{display:block;flex:0 0 auto;height:14px;width:14px}.c-hw .pipeline{--badge-stack:58px;align-items:stretch;display:grid;flex:1 1 0%;gap:22px;grid-template-columns:repeat(4,1fr);min-height:0;padding:8px 0 4px;position:relative}.c-hw .flow{background:#edebe9;border-radius:4px;height:4px;left:8%;margin-top:-2px;overflow:hidden;position:absolute;right:8%;top:calc(var(--badge-stack) + (100% - var(--badge-stack))/2);z-index:0}.c-hw .flow-fill{background:linear-gradient(90deg,#f26522,#ffb900,#038387,#107c10);border-radius:4px;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1);width:var(--flow,0)}.c-hw .flow-pulse{background:#f26522;border-radius:50%;box-shadow:0 0 0 3px rgba(242,101,34,.2),0 0 14px rgba(242,101,34,.75);height:10px;left:0;margin:-5px 0 0 -5px;opacity:0;position:absolute;top:50%;transition:left .45s cubic-bezier(.4,0,.2,1),top .45s cubic-bezier(.4,0,.2,1),background .25s,opacity .2s;width:10px}.c-hw .flow-pulse.on{opacity:1}.c-hw .step{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:0;opacity:1;position:relative;text-align:center;z-index:1}.c-hw .badge{align-items:center;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:700;height:48px;justify-content:flex-start;letter-spacing:.06em;opacity:.4;overflow:hidden;padding:6px;text-transform:uppercase;transition:width .55s cubic-bezier(.34,.8,.2,1),opacity .3s,box-shadow .35s;white-space:nowrap;width:48px}.c-hw .step.active .badge,.c-hw .step.done .badge{opacity:1;padding:6px 14px 6px 6px;width:138px}.c-hw .step.active:not(.done) .badge{box-shadow:0 6px 16px rgba(0,0,0,.12)}.c-hw .step[data-step="1"] .badge{background:#f26522}.c-hw .step[data-step="2"] .badge{background:#ffb900;color:#323130}.c-hw .step[data-step="3"] .badge{background:#038387}.c-hw .step[data-step="4"] .badge{background:#107c10}.c-hw .step[data-step="2"].active .badge,.c-hw .step[data-step="2"].done .badge,.c-hw .step[data-step="3"].active .badge,.c-hw .step[data-step="3"].done .badge{width:120px}.c-hw .step[data-step="4"].active .badge,.c-hw .step[data-step="4"].done .badge{width:124px}.c-hw .badge .num{background:hsla(0,0%,100%,.28);border-radius:50%;color:#fff;display:grid;flex:0 0 auto;font-size:18px;font-weight:800;height:36px;letter-spacing:0;line-height:1;place-items:center;position:relative;width:36px;z-index:1}.c-hw .step[data-step="2"] .badge .num{background:rgba(0,0,0,.12);color:#323130}.c-hw .badge .label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-left:0;max-width:0;opacity:0;overflow:hidden;text-transform:uppercase;transform:translateX(14px);transition:opacity .4s .12s,transform .55s cubic-bezier(.34,.8,.2,1) .05s,max-width .55s cubic-bezier(.34,.8,.2,1),margin-left .55s cubic-bezier(.34,.8,.2,1)}.c-hw .step.active .badge .label,.c-hw .step.done .badge .label{margin-left:8px;max-width:88px;opacity:1;transform:translateX(0)}.c-hw .card{align-items:center;background:#fff;border:none;border-image:initial;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:center;min-height:168px;padding:16px 10px 14px;transition:border-color .25s,box-shadow .25s,background .25s;width:100%}.c-hw .step:not(.active):not(.done) .card{background:#fff;border:none;border-image:initial;box-shadow:none}.c-hw .step.active .card,.c-hw .step.done .card{background:#fff;border:none;border-image:initial;box-shadow:0 10px 24px rgba(36,36,36,.08)}.c-hw .viz{opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility .25s;visibility:hidden}.c-hw .step.active .viz,.c-hw .step.done .viz{opacity:1;pointer-events:auto;transform:none;visibility:visible}.c-hw .title{align-items:center;background:#faf9f8;border:1px solid #e1dfdd;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.04em;line-height:1.2;max-width:none;opacity:.4;padding:6px 12px;text-transform:uppercase;transition:opacity .25s,border-color .25s,background .25s,color .25s}.c-hw .step.active .title,.c-hw .step.done .title{opacity:1}.c-hw .step[data-step="1"] .title{color:#c43e00}.c-hw .step[data-step="2"] .title{color:#8a6b00}.c-hw .step[data-step="3"] .title{color:#026266}.c-hw .step[data-step="4"] .title{color:#0e700e}.c-hw .step[data-step="1"].active .title,.c-hw .step[data-step="1"].done .title{background:rgba(242,101,34,.08);border-color:rgba(242,101,34,.35)}.c-hw .step[data-step="2"].active .title,.c-hw .step[data-step="2"].done .title{background:rgba(255,185,0,.12);border-color:rgba(255,185,0,.45)}.c-hw .step[data-step="3"].active .title,.c-hw .step[data-step="3"].done .title{background:rgba(3,131,135,.08);border-color:rgba(3,131,135,.35)}.c-hw .step[data-step="4"].active .title,.c-hw .step[data-step="4"].done .title{background:rgba(16,124,16,.08);border-color:rgba(16,124,16,.35)}.c-hw .viz{display:grid;flex:0 0 auto;height:100px;margin-bottom:2px;overflow:visible;place-items:center;position:relative;transition:opacity .35s;width:120px}.c-hw .viz-scale{height:56px;position:relative;transform:scale(1.7);transform-origin:center center;width:72px}.c-hw .viz .folder{background:linear-gradient(#ff8a4c,#f26522);border-radius:0 4px 4px;height:22px;position:absolute;width:28px}.c-hw .viz .folder:before{background:#f26522;border-radius:3px 3px 0 0;content:"";height:6px;left:0;position:absolute;top:-5px;width:12px}.c-hw .viz .paper{background:#fff;border:1px solid #d2d0ce;border-radius:2px;box-shadow:1px 1px 0 rgba(0,0,0,.06);height:20px;position:absolute;width:16px}.c-hw .viz .paper:after,.c-hw .viz .paper:before{background:#c8c6c4;content:"";height:1.5px;left:3px;position:absolute;right:3px}.c-hw .viz .paper:before{top:6px}.c-hw .viz .paper:after{top:10px}.c-hw .s1 .folder{left:18px;opacity:0;top:18px;transform:rotate(-8deg)}.c-hw .s1 .paper:nth-child(2){left:8px;opacity:0;top:8px;transform:rotate(-18deg)}.c-hw .s1 .paper:nth-child(3){opacity:0;right:6px;top:14px;transform:rotate(14deg)}.c-hw .s1 .paper:nth-child(4){left:28px;opacity:0;top:4px;transform:rotate(8deg)}.c-hw .step[data-step="1"].active .s1 .folder,.c-hw .step[data-step="1"].done .s1 .folder{animation:s1Folder 1s cubic-bezier(.2,.8,.2,1) 0s 1 normal forwards running}.c-hw .step[data-step="1"].active .s1 .paper:nth-child(2),.c-hw .step[data-step="1"].done .s1 .paper:nth-child(2){animation:s1PaperA .85s cubic-bezier(.2,.8,.2,1) .08s 1 normal forwards running}.c-hw .step[data-step="1"].active .s1 .paper:nth-child(3),.c-hw .step[data-step="1"].done .s1 .paper:nth-child(3){animation:s1PaperB .85s cubic-bezier(.2,.8,.2,1) .18s 1 normal forwards running}.c-hw .step[data-step="1"].active .s1 .paper:nth-child(4),.c-hw .step[data-step="1"].done .s1 .paper:nth-child(4){animation:s1PaperC .85s cubic-bezier(.2,.8,.2,1) .28s 1 normal forwards running}@keyframes s1Folder{0%{opacity:0;transform:translate(-18px,-22px) rotate(-28deg) scale(.82)}55%{opacity:1;transform:translate(5px,3px) rotate(-12deg) scale(1.04)}78%{transform:translate(-2px,-1px) rotate(-10deg) scale(.98)}to{opacity:1;transform:rotate(-8deg)}}@keyframes s1PaperA{0%{opacity:0;transform:translate(-24px,-16px) rotate(-32deg)}60%{opacity:1;transform:translate(4px,2px) rotate(-22deg)}to{opacity:1;transform:rotate(-18deg)}}@keyframes s1PaperB{0%{opacity:0;transform:translate(20px,-18px) rotate(28deg)}60%{opacity:1;transform:translate(-3px,2px) rotate(18deg)}to{opacity:1;transform:rotate(14deg)}}@keyframes s1PaperC{0%{opacity:0;transform:translate(8px,-20px) rotate(22deg)}60%{opacity:.85;transform:translate(-2px,3px) rotate(12deg)}to{opacity:.85;transform:rotate(8deg)}}.c-hw .s2 .folder{background:linear-gradient(#ffd54f,#ffb900);left:10px;opacity:.75;top:14px;transform:translateY(-6px)}.c-hw .s2 .folder:before{background:#ffb900}.c-hw .s2 .app{background:#0078d4;border-radius:3px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);height:22px;position:absolute;right:8px;top:10px;width:26px}.c-hw .s2 .app:after{background:hsla(0,0%,100%,.7);box-shadow:0 4px 0 hsla(0,0%,100%,.45);content:"";height:2px;left:4px;position:absolute;right:4px;top:5px}.c-hw .s2 .cube{background:linear-gradient(#6cb8f0,#0078d4);border-radius:2px;height:10px;opacity:0;position:absolute;transform:scale(0) translateY(6px);width:10px}.c-hw .s2 .cube:nth-child(3){bottom:8px;right:10px}.c-hw .s2 .cube:nth-child(4){bottom:8px;right:22px}.c-hw .s2 .cube:nth-child(5){bottom:18px;right:16px}.c-hw .step[data-step="2"].active .s2 .folder,.c-hw .step[data-step="2"].done .s2 .folder{animation:s2FolderSettle .55s ease 0s 1 normal forwards running}.c-hw .step[data-step="2"].active .s2 .cube:nth-child(3),.c-hw .step[data-step="2"].done .s2 .cube:nth-child(3){animation:s2CubePop .35s cubic-bezier(.2,.8,.2,1) .35s 1 normal forwards running}.c-hw .step[data-step="2"].active .s2 .cube:nth-child(4),.c-hw .step[data-step="2"].done .s2 .cube:nth-child(4){animation:s2CubePop .35s cubic-bezier(.2,.8,.2,1) .5s 1 normal forwards running}.c-hw .step[data-step="2"].active .s2 .cube:nth-child(5),.c-hw .step[data-step="2"].done .s2 .cube:nth-child(5){animation:s2CubePop .35s cubic-bezier(.2,.8,.2,1) .65s 1 normal forwards running}@keyframes s2FolderSettle{0%{opacity:.7;transform:translateY(-8px)}65%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes s2CubePop{0%{opacity:0;transform:scale(0) translateY(8px)}70%{opacity:1;transform:scale(1.12) translateY(-2px)}to{opacity:1;transform:scale(1)}}.c-hw .s3 .doc{background:#fff;border:1px solid #c8c6c4;border-radius:3px;height:34px;left:18px;opacity:0;position:absolute;top:8px;transform:scale(.82);width:26px}.c-hw .s3 .doc:after,.c-hw .s3 .doc:before{background:#d2d0ce;content:"";height:2px;left:5px;position:absolute;right:5px}.c-hw .s3 .doc:before{top:10px}.c-hw .s3 .doc:after{box-shadow:0 6px 0 #d2d0ce;top:16px}.c-hw .s3 .shield{background:#0078d4;clip-path:polygon(50% 0,100% 18%,100% 58%,50% 100%,0 58%,0 18%);height:26px;opacity:0;position:absolute;right:10px;top:12px;transform:translateX(16px);width:22px}.c-hw .s3 .lock{bottom:4px;height:16px;opacity:0;position:absolute;right:6px;transform:scale(.6);width:14px}.c-hw .s3 .lock:before{border:2.5px solid #f26522;border-bottom:none;border-image:initial;border-radius:8px 8px 0 0;box-sizing:border-box;content:"";height:8px;left:3px;position:absolute;top:0;transform:rotate(42deg);transform-origin:2px 8px;width:8px}.c-hw .s3 .lock:after{background:#f26522;border-radius:2px;bottom:0;content:"";height:9px;left:0;position:absolute;width:14px}.c-hw .step[data-step="3"].active .s3 .doc,.c-hw .step[data-step="3"].done .s3 .doc{animation:s3DocIn .5s ease 0s 1 normal forwards running}.c-hw .step[data-step="3"].active .s3 .shield,.c-hw .step[data-step="3"].done .s3 .shield{animation:s3ShieldIn .55s cubic-bezier(.2,.8,.2,1) .25s 1 normal forwards running}.c-hw .step[data-step="3"].active .s3 .lock,.c-hw .step[data-step="3"].done .s3 .lock{animation:s3LockClick .7s ease .55s 1 normal forwards running,s3LockPulse 1.4s ease-in-out 1.2s infinite normal none running}.c-hw .step[data-step="3"].active .s3 .lock:before,.c-hw .step[data-step="3"].done .s3 .lock:before{animation:s3ShackleClose .55s cubic-bezier(.2,.8,.2,1) .7s 1 normal forwards running}@keyframes s3DocIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:none}}@keyframes s3ShieldIn{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes s3LockClick{0%{opacity:0;transform:scale(.55)}45%{opacity:1;transform:scale(1.18)}62%{transform:scale(.9)}78%{transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes s3ShackleClose{0%{transform:rotate(42deg)}70%{transform:rotate(-4deg)}to{transform:rotate(0deg)}}@keyframes s3LockPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.c-hw .s4 .copilot-logo{display:block;height:36px;left:50%;margin:-18px 0 0 -18px;opacity:.55;position:absolute;top:50%;transform:scale(1);width:36px;z-index:2}.c-hw .s4 .chart{border-bottom:2px solid #107c10;border-left:2px solid #107c10;height:14px;position:absolute;width:16px}.c-hw .s4 .chart:before{background:#13a10e;bottom:0;box-shadow:4px -3px 0 #107c10,8px 1px 0 #5ec75a;content:"";height:6px;left:2px;position:absolute;transform:scaleY(0);transform-origin:center bottom;width:3px}.c-hw .step[data-step="4"].active .s4 .copilot-logo,.c-hw .step[data-step="4"].done .s4 .copilot-logo{animation:s4CopilotIn .75s cubic-bezier(.2,.8,.2,1) 0s 1 normal forwards running,s4CopilotPulse 2.4s ease-in-out .9s infinite normal none running;opacity:1}.c-hw .step[data-step="4"].active .s4 .chart:before,.c-hw .step[data-step="4"].done .s4 .chart:before{animation:s4BarsRise .65s cubic-bezier(.2,.8,.2,1) .4s 1 normal forwards running}@keyframes s4CopilotIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes s4CopilotPulse{0%,to{filter:drop-shadow(rgba(91,95,199,.35) 0 0 4px);transform:scale(1)}50%{filter:drop-shadow(rgba(91,95,199,.6) 0 0 10px);transform:scale(1.06)}}@keyframes s4BarsRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.c-hw .s4 .chart:nth-child(2){left:6px;top:10px}.c-hw .s4 .pie{background:conic-gradient(#107c10 0deg,#107c10 40%,#ffb900 40%,#ffb900 70%,#0078d4 70%,#0078d4 100%);border-radius:50%;height:16px;position:absolute;right:8px;top:8px;width:16px}.c-hw .s4 .up{border-bottom:9px solid #107c10;border-left:5px solid transparent;border-right:5px solid transparent;bottom:8px;height:0;position:absolute;right:10px;width:0}.c-hw .footer{background:transparent;border-top:none;display:flex;flex:0 0 auto;min-height:40px;padding:4px 0 2px}.c-hw .footer,.c-hw .footer-pill{align-items:center;justify-content:center}.c-hw .footer-pill{background:#fff;border:1px solid #e1dfdd;border-radius:999px;box-shadow:0 2px 10px rgba(36,36,36,.05);color:#605e5c;display:inline-flex;font-size:10px;gap:10px;letter-spacing:.08em;padding:8px 16px 8px 12px;text-transform:uppercase}.c-hw .footer .shield{background:#f26522;clip-path:polygon(50% 0,100% 18%,100% 58%,50% 100%,0 58%,0 18%);flex:0 0 auto;height:20px;opacity:0;position:relative;transform:scale(.7);transition:opacity .3s,transform .3s;width:18px}.c-hw .footer .shield.on{opacity:1;transform:none}.c-hw .footer .shield:after{border:1.5px solid #fff;border-image:initial;border-left:none;border-top:none;box-sizing:border-box;content:"";height:7px;left:50%;margin:0;position:absolute;top:46%;transform:translate(-55%,-58%) rotate(45deg);width:4px}.c-hw .footer-copy{display:inline;font-weight:650}.c-hw .footer-sep{color:#a19f9d;font-weight:500}.c-hw .footer-word{color:#605e5c;transition:color .32s,text-shadow .32s}.c-hw .footer-word.is-on{color:#f26522;text-shadow:rgba(242,101,34,.38) 0 0 14px}@media (max-width:640px){.c-hw #c-hw{height:auto;min-height:980px;overflow:visible}.c-hw #c-hw.is-embedded.is-activate-active{min-height:1120px}.c-hw .how-panel.is-soon{min-height:100%}.c-hw .how-panel.is-soon .body{filter:blur(5px);opacity:.78}.c-hw .how-panel.is-soon .footer{display:none}.c-hw .coming-soon{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.82);padding:24px 16px}.c-hw .coming-soon-label{font-size:14px}.c-hw #c-hw.is-embedded .how-panel.is-soon .body{filter:blur(5px);opacity:.78}.c-hw #c-hw.is-embedded .how-panel.is-soon .footer{display:none}.c-hw .body,.c-hw .how-panel.active,.c-hw .how-panels{flex:0 0 auto;min-height:auto}.c-hw .body{overflow:visible}.c-hw .pipeline{flex:0 0 auto;min-height:auto}.c-hw .step{flex:0 0 auto}.c-hw .body{gap:8px;padding:6px 10px 4px}.c-hw .how-switcher-wrap{padding:0 6px 10px}.c-hw .how-switcher{padding:3px}.c-hw .how-tab{font-size:12px;padding:9px 14px}.c-hw .pipeline{--badge-stack:44px;gap:14px;grid-template-columns:1fr;margin:0 auto;max-width:320px;padding:4px 0;width:100%}.c-hw .how-panel[data-panel=activate] .pipeline{gap:18px}.c-hw .how-panel[data-panel=activate] .step{gap:10px;isolation:isolate}.c-hw .how-panel[data-panel=activate] .badge{flex:0 0 auto;position:relative;z-index:2}.c-hw .how-panel[data-panel=activate] .card{flex:0 0 auto;position:relative;z-index:1}.c-hw .flow{bottom:18px;display:block;height:auto;left:50%;margin-left:-2px;margin-top:0;overflow:hidden;right:auto;top:calc(var(--badge-stack) + 12px);width:4px}.c-hw .flow-fill{background:linear-gradient(#f26522,#ffb900,#038387,#107c10);height:var(--flow,0);width:100%}.c-hw .flow-pulse{left:50%;top:0}.c-hw .card{min-height:132px;padding:14px 12px 12px}.c-hw .title{font-size:10px}.c-hw .detail{min-height:52px}.c-hw .detail h3{font-size:13px}.c-hw .detail-azure{font-size:11px;margin-top:8px}.c-hw .badge{height:40px;padding:4px;width:40px}.c-hw .badge .num{font-size:15px;height:32px;width:32px}.c-hw .step.active .badge,.c-hw .step.done .badge{padding:4px 10px 4px 4px;width:118px}.c-hw .step[data-step="2"].active .badge,.c-hw .step[data-step="2"].done .badge,.c-hw .step[data-step="3"].active .badge,.c-hw .step[data-step="3"].done .badge,.c-hw .step[data-step="4"].active .badge,.c-hw .step[data-step="4"].done .badge{width:108px}.c-hw .badge .label{font-size:8px}.c-hw .viz{height:74px;width:92px}.c-hw .viz-scale{transform:scale(1.28)}}@media (max-width:420px){.c-hw .chrome{height:38px}.c-hw .footer{min-height:36px}.c-hw .footer-pill{font-size:9px;gap:8px;letter-spacing:.04em;padding:7px 12px 7px 10px}.c-hw .body{padding:10px 10px 8px}.c-hw .viz{height:68px;width:84px}.c-hw .viz-scale{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.c-hw .how-panel{transition:none!important}.c-hw .detail,.c-hw .step{filter:none;opacity:1;transform:none;transition:none}.c-hw .badge,.c-hw .badge .label,.c-hw .footer-word{transition:none!important}.c-hw .step .badge{opacity:1;padding:6px 14px 6px 6px;width:138px}.c-hw .badge .label{margin-left:8px;max-width:88px;opacity:1;transform:none}.c-hw .s1 .folder,.c-hw .s1 .paper,.c-hw .s2 .cube,.c-hw .s2 .folder,.c-hw .s3 .doc,.c-hw .s3 .lock,.c-hw .s3 .shield,.c-hw .s4 .copilot-logo{animation:auto none 0s ease 1 normal none running!important;opacity:1;transform:none}.c-hw .s3 .lock:before,.c-hw .s4 .chart:before{animation:auto none 0s ease 1 normal none running!important;transform:none}.c-hw .how-panel.is-soon .body,.c-hw .how-panel.is-soon .footer{filter:none}.c-hw .coming-soon{background:hsla(0,0%,100%,.94)}}.c-hw .how-panel.is-complete .badge,.c-hw .how-panel.is-complete .badge .label,.c-hw .how-panel.is-complete .badge .num,.c-hw .how-panel.is-complete .card,.c-hw .how-panel.is-complete .detail,.c-hw .how-panel.is-complete .flow-fill,.c-hw .how-panel.is-complete .flow-pulse,.c-hw .how-panel.is-complete .footer .shield,.c-hw .how-panel.is-complete .title,.c-hw .how-panel.is-complete .viz{animation:auto none 0s ease 1 normal none running!important;transition:none!important}.c-hw .how-panel.is-complete .s1 .folder,.c-hw .how-panel.is-complete .s1 .paper,.c-hw .how-panel.is-complete .s2 .cube,.c-hw .how-panel.is-complete .s2 .folder,.c-hw .how-panel.is-complete .s3 .doc,.c-hw .how-panel.is-complete .s3 .lock,.c-hw .how-panel.is-complete .s3 .shield,.c-hw .how-panel.is-complete .s4 .chart:before,.c-hw .how-panel.is-complete .s4 .copilot-logo{animation:auto none 0s ease 1 normal none running!important;filter:none!important;opacity:1!important;transform:none!important}.c-hw .how-panel.is-complete .s3 .lock:before{animation:auto none 0s ease 1 normal none running!important;transform:none!important}.c-hw .how-panel[data-panel=activate] .title{display:none}.c-hw .how-panel[data-panel=activate] .card{gap:0;justify-content:flex-start;min-height:196px;padding:14px 10px 12px}.c-hw .how-panel[data-panel=activate] .ac-inner{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:156px;opacity:0;transform:translateY(6px);transition:opacity .28s,transform .32s cubic-bezier(.2,.8,.2,1),visibility .28s;visibility:hidden;width:100%}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-inner{align-items:stretch;gap:0;justify-content:flex-start}.c-hw .how-panel[data-panel=activate] .step.active .ac-inner,.c-hw .how-panel[data-panel=activate] .step.done .ac-inner{opacity:1;transform:none;visibility:visible}.c-hw .how-panel[data-panel=activate] .ac-media{align-items:center;display:flex;flex:0 0 auto;justify-content:center;overflow:visible;width:100%}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-media{flex:0 0 88px}.c-hw .how-panel[data-panel=activate] .ac-body{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;justify-content:flex-start;text-align:center;width:100%}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-body{align-items:stretch;flex:1 1 auto;justify-content:space-between;min-height:68px;padding-top:6px;text-align:left}.c-hw .how-panel[data-panel=activate] .ac-visual{background:linear-gradient(#fff,#faf9f8);border:1px solid #edebe9;border-radius:16px;box-shadow:0 4px 12px rgba(36,36,36,.07);display:grid;flex:0 0 auto;height:72px;place-items:center;width:72px}.c-hw .how-panel[data-panel=activate] .step[data-step="1"] .ac-visual{background:linear-gradient(#fff,#fff4ee);border-color:rgba(242,101,34,.22)}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-visual{background:linear-gradient(#fff,#e6f7f8);border-color:rgba(3,131,135,.22)}.c-hw .how-panel[data-panel=activate] .step[data-step="4"] .ac-visual{background:linear-gradient(#fff,#e8f5e9);border-color:rgba(16,124,16,.22)}.c-hw .how-panel[data-panel=activate] .ac-visual img{display:block;height:48px;object-fit:contain;width:48px}.c-hw .how-panel[data-panel=activate] .ac-cloud-cluster{flex:0 0 auto;height:80px;overflow:visible;position:relative;width:128px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node{background:#fff;border:1px solid #edebe9;border-radius:14px;box-shadow:0 4px 12px rgba(36,36,36,.08);display:grid;height:50px;overflow:visible;padding:5px;place-items:center;position:absolute;width:50px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node img{display:block;max-height:100%;max-width:100%;object-fit:contain}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--aws{left:50%;top:0;transform:translateX(-50%);z-index:3}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--aws img{height:15px;width:auto}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--azure{bottom:0;left:0;z-index:2}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--azure img{height:30px;width:30px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--gcp{bottom:0;right:0;z-index:1}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--gcp img{height:21px;max-height:72%;width:auto}.c-hw .how-panel[data-panel=activate] .ac-ai-cluster{flex:0 0 auto;height:80px;overflow:visible;position:relative;width:128px}.c-hw .how-panel[data-panel=activate] .ac-ai-node{background:#fff;border:1px solid #edebe9;border-radius:14px;box-shadow:0 4px 12px rgba(36,36,36,.08);display:grid;height:50px;overflow:visible;padding:5px;place-items:center;position:absolute;width:50px}.c-hw .how-panel[data-panel=activate] .ac-ai-node img{display:block;max-height:100%;max-width:100%;object-fit:contain}.c-hw .how-panel[data-panel=activate] .ac-ai-node--gemini{left:50%;top:0;transform:translateX(-50%);z-index:3}.c-hw .how-panel[data-panel=activate] .ac-ai-node--gemini img{height:30px;width:30px}.c-hw .how-panel[data-panel=activate] .ac-ai-node--chatgpt{bottom:0;left:0;z-index:2}.c-hw .how-panel[data-panel=activate] .ac-ai-node--chatgpt img{height:28px;width:28px}.c-hw .how-panel[data-panel=activate] .ac-ai-node--claude{bottom:0;right:0;z-index:1}.c-hw .how-panel[data-panel=activate] .ac-ai-node--claude img{height:28px;width:28px}.c-hw .how-panel[data-panel=activate] .ac-sub,.c-hw .how-panel[data-panel=activate] .ac-text{font-size:12.5px;font-weight:600;letter-spacing:.01em;line-height:1.45;margin:0;max-width:100%;text-align:center;text-transform:none;width:100%}.c-hw .how-panel[data-panel=activate] .ac-text{color:#242424}.c-hw .how-panel[data-panel=activate] .ac-sub{color:#605e5c;font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.c-hw .how-panel[data-panel=activate] .ac-list-box{background:rgba(3,131,135,.07);border:1px solid rgba(3,131,135,.2);border-radius:10px;padding:8px 10px 8px 12px;width:100%}.c-hw .how-panel[data-panel=activate] .ac-bullets{list-style:none;margin:0;padding:0;width:100%}.c-hw .how-panel[data-panel=activate] .ac-bullets li{color:#242424;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.35;padding:4px 0 4px 16px;position:relative;text-align:left}.c-hw .how-panel[data-panel=activate] .ac-bullets li:before{background:#038387;border-radius:50%;content:"";height:6px;left:0;margin-top:-3px;position:absolute;top:50%;width:6px}.c-hw .how-panel[data-panel=activate] .ac-sub--note{color:#026266;font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:none}.c-hw .how-panel[data-panel=activate] .step[data-step="2"].active .badge,.c-hw .how-panel[data-panel=activate] .step[data-step="2"].done .badge{width:128px}.c-hw .how-panel[data-panel=activate] .step[data-step="3"].active .badge,.c-hw .how-panel[data-panel=activate] .step[data-step="3"].done .badge{width:152px}.c-hw .how-panel[data-panel=activate] .step.active .badge .label,.c-hw .how-panel[data-panel=activate] .step.done .badge .label{max-width:104px}@media (max-width:640px){.c-hw .how-panel[data-panel=activate] .step[data-step="2"].active .badge,.c-hw .how-panel[data-panel=activate] .step[data-step="2"].done .badge{width:108px}.c-hw .how-panel[data-panel=activate] .step[data-step="3"].active .badge,.c-hw .how-panel[data-panel=activate] .step[data-step="3"].done .badge{width:118px}.c-hw .how-panel[data-panel=activate] .step.active .badge .label,.c-hw .how-panel[data-panel=activate] .step.done .badge .label{max-width:72px}}.c-hw .how-panel.is-complete[data-panel=activate] .ac-inner{opacity:1!important;transform:none!important;visibility:visible!important}@media (max-width:640px){.c-hw .how-panel[data-panel=activate] .card{min-height:132px;overflow:hidden;padding:14px 12px 12px}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .card{min-height:148px}.c-hw .how-panel[data-panel=activate] .ac-inner{gap:8px;justify-content:center;min-height:0}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-inner{gap:6px;justify-content:flex-start}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-media{flex-basis:56px}.c-hw .how-panel[data-panel=activate] .step[data-step="3"] .ac-body{gap:4px;justify-content:flex-start;min-height:0;padding-top:0}.c-hw .how-panel[data-panel=activate] .ac-visual{height:56px;width:56px}.c-hw .how-panel[data-panel=activate] .ac-visual img{height:36px;width:36px}.c-hw .how-panel[data-panel=activate] .ac-cloud-cluster{height:72px;width:112px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node{height:44px;width:44px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--aws img{height:13px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--azure img{height:26px;width:26px}.c-hw .how-panel[data-panel=activate] .ac-cloud-node--gcp img{height:18px;max-height:70%;width:auto}.c-hw .how-panel[data-panel=activate] .ac-ai-cluster{height:72px;width:112px}.c-hw .how-panel[data-panel=activate] .ac-ai-node{height:44px;width:44px}.c-hw .how-panel[data-panel=activate] .ac-ai-node--gemini img{height:26px;width:26px}.c-hw .how-panel[data-panel=activate] .ac-ai-node--chatgpt img,.c-hw .how-panel[data-panel=activate] .ac-ai-node--claude img{height:24px;width:24px}.c-hw .how-panel[data-panel=activate] .ac-text{font-size:11px;line-height:1.35}.c-hw .how-panel[data-panel=activate] .ac-sub{font-size:9px}.c-hw .how-panel[data-panel=activate] .ac-list-box{padding:5px 8px 5px 10px}.c-hw .how-panel[data-panel=activate] .ac-bullets li{font-size:10px;line-height:1.3;padding:1px 0 1px 12px}.c-hw .how-panel[data-panel=activate] .ac-sub--note{font-size:10px;line-height:1.3}}.c-hw-f{display:block!important;height:500px;margin:0 auto!important;max-width:980px!important;min-height:180px!important;pointer-events:auto!important;width:100%!important}.c-hw,.c-hw-f{background:#fff!important;border:1px solid #e6e2dc!important;border-radius:16px!important;overflow:hidden!important;overscroll-behavior:auto!important;position:relative!important;touch-action:auto!important}.c-hw{font-family:Segoe UI,Arial,sans-serif;font-synthesis:none;height:500px!important;margin:0!important;max-width:none!important;min-height:500px!important;transform-origin:top left!important;width:980px!important}.c-hw *,.c-hw :after,.c-hw :before{box-sizing:border-box}@media (max-width:640px){.c-hw-f{height:1120px;overflow:hidden}.c-hw{height:1120px!important;min-height:1120px!important;transform:none!important;width:100%!important}}