@font-face{font-family:Pretendard;font-style:normal;font-weight:100 900;font-display:swap;src:local("Pretendard Variable"),local("Pretendard Variable Regular"),local("Pretendard-Regular"),local("Pretendard Medium"),local("Pretendard")}.procedure-interactive-demo{--bg0:#dcebe4;--bg1:#e2edf2;--bg-accent:#dfeee8;--frame-border:rgba(82,121,111,.28);--panel-shadow:0 18px 44px rgba(64,88,82,.1);--text:#2c3e4a;--text-soft:#4a5f6d;--muted:#526371;--paper:#fff;--mock-bg:#fbfefd;--navy:#1e3a4a;--navy-soft:#4a6270;--rule:#d4e4de;--mint:#5aaea6;--btn-next:linear-gradient(145deg,#6eb8c8,#5aaea6 48%,#6ec9b8);--focus-ring:0 0 0 3px rgba(90,174,166,.4);--ease:cubic-bezier(0.4,0,0.2,1);--stage-min:clamp(340px,58vw,600px);--mock-panel-min-h:clamp(320px,48vw,376px);--panel-max:min(920px,100%)}.procedure-interactive-demo *,.procedure-interactive-demo :after,.procedure-interactive-demo :before{box-sizing:border-box}.procedure-interactive-demo{-webkit-font-smoothing:antialiased;margin:0;min-height:100vh;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-size:clamp(16px,2.8vw,18px);color:var(--text);background:radial-gradient(880px 420px at 14% 0,rgba(127,201,189,.18),transparent 58%),linear-gradient(168deg,var(--bg0) 0,var(--bg1) 52%,var(--bg-accent) 100%);line-height:1.5}.procedure-interactive-demo .top-bar{text-align:center;padding:.18rem .55rem .08rem}.procedure-interactive-demo .top-title{font-size:clamp(1.02rem,2.35vw,1.22rem);font-weight:650;letter-spacing:.06em;color:#526371}.procedure-interactive-demo__main{max-width:1220px;margin:0 auto;padding:0 .5rem 1.15rem}.procedure-interactive-demo .layout{display:grid;gap:.85rem;grid-template-columns:1fr;align-items:start}@media (min-width:860px){.procedure-interactive-demo .layout{grid-template-columns:132px minmax(0,1fr) minmax(176px,auto);gap:.85rem}}.procedure-interactive-demo .rail{display:flex;flex-direction:row;gap:.35rem;flex-wrap:wrap;justify-content:center}@media (min-width:860px){.procedure-interactive-demo .rail{flex-direction:column;align-items:stretch}}.procedure-interactive-demo .step-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--frame-border);background:hsla(0,0%,100%,.55);color:var(--text-soft);font:inherit;font-size:.875rem;font-weight:600;padding:.48rem .58rem;border-radius:999px;cursor:pointer;min-height:40px;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.procedure-interactive-demo .step-pill:hover{background:hsla(0,0%,100%,.85);color:var(--text)}.procedure-interactive-demo .step-pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.procedure-interactive-demo .step-pill[aria-current=step]{border:1.5px solid rgba(64,156,143,.55);background:linear-gradient(135deg,#bdeee3,#8ed7ca);color:#123f3a;font-weight:700;box-shadow:0 8px 20px rgba(64,156,143,.18),inset 0 1px 0 hsla(0,0%,100%,.48);transform:scale(1.03)}.procedure-interactive-demo .step-pill[aria-current=step]:hover{background:linear-gradient(135deg,#c8f2e8,#97dccf);color:#123f3a}.procedure-interactive-demo .center-column{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch}.procedure-interactive-demo .center-column .bottom-count,.procedure-interactive-demo .center-column .captions,.procedure-interactive-demo .center-column .stage-wrap{width:100%;max-width:var(--panel-max);margin-inline:auto;box-sizing:border-box}.procedure-interactive-demo .center-column .stage-wrap{border-radius:16px;border:1px solid var(--frame-border);background:#fff;min-height:var(--stage-min);overflow:hidden;box-shadow:var(--panel-shadow)}.procedure-interactive-demo .stage{position:relative;min-height:var(--stage-min)}.procedure-interactive-demo .scene{position:absolute;inset:0;padding:clamp(.18rem,.85vw,.38rem);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);display:flex;align-items:center;justify-content:center}.procedure-interactive-demo .scene.is-on{opacity:1;pointer-events:auto;z-index:2}.procedure-interactive-demo .scene-inner{width:100%;max-width:100%}.procedure-interactive-demo .browser-mock{width:100%;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(82,121,111,.2);box-shadow:0 4px 18px rgba(64,88,82,.08);background:var(--mock-bg)}.procedure-interactive-demo .browser-chrome{display:none!important}.procedure-interactive-demo .browser-chrome--legacy{display:flex;align-items:center;gap:.55rem;padding:.48rem .72rem;background:linear-gradient(180deg,#dfe3ea,#cdd2dc);border-bottom:1px solid rgba(0,0,0,.08)}.procedure-interactive-demo .browser-dots{display:flex;gap:5px}.procedure-interactive-demo .browser-dots span{width:9px;height:9px;border-radius:50%;background:#b8c0cc}.procedure-interactive-demo .browser-dots span:first-child{background:#e39588}.procedure-interactive-demo .browser-dots span:nth-child(2){background:#e8c06d}.procedure-interactive-demo .browser-dots span:nth-child(3){background:#8dbe8a}.procedure-interactive-demo .browser-url{flex:1;font-size:clamp(.74rem,1.85vw,.84rem);color:#64748b;background:hsla(0,0%,100%,.65);border-radius:5px;padding:.22rem .5rem;border:1px solid rgba(0,0,0,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedure-interactive-demo .site-body{background:var(--paper);color:var(--navy);padding:.62rem .85rem .95rem;min-height:var(--mock-panel-min-h);position:relative;font-size:clamp(.84rem,2.35vw,.98rem);box-sizing:border-box}.procedure-interactive-demo .site-header-m{text-align:center;padding:.15rem 0 .45rem;border-bottom:1px solid var(--rule);margin-bottom:.55rem}.procedure-interactive-demo .site-logo{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600;font-size:1.08rem;color:var(--navy)}.procedure-interactive-demo .pointer{position:absolute;width:32px;height:32px;margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;z-index:20;opacity:0;pointer-events:none;box-sizing:border-box;overflow:visible;transform-origin:5px 3px}.procedure-interactive-demo .pointer:before{content:"";position:absolute;left:5px;top:3px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(148,163,184,.5);opacity:0;box-sizing:border-box;pointer-events:none;transform-origin:50% 50%}.procedure-interactive-demo .pointer:after{content:"";position:absolute;left:0;top:0;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 3 L25 18 L16.2 19.4 L20.8 29 L16.1 31 L11.7 21.5 L5 27 Z' fill='%23f8fafc' stroke='%230f172a' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 /32px 32px;filter:drop-shadow(0 1px 2px rgba(15,23,42,.35)) drop-shadow(0 2px 5px rgba(15,23,42,.18));pointer-events:none}.procedure-interactive-demo .scene-1 .site-body>.pointer,.procedure-interactive-demo .scene-2 .site-body>.pointer,.procedure-interactive-demo .scene-3 .site-body>.pointer{transform:translate(-5px,-3px)}.procedure-interactive-demo .scene-6 .res-site>.pointer{transform-origin:5px 3px;transform:translate(-5px,-3px);left:78%;top:88%}@keyframes veiloProcedureptrRipple{0%{transform:scale(.35);opacity:.75}to{transform:scale(1.65);opacity:0}}.procedure-interactive-demo .hl-pulse{animation:veiloProcedurehlRing 2s ease-in-out infinite}@keyframes veiloProcedurehlRing{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.35)}50%{box-shadow:0 0 0 6px rgba(59,130,246,.12)}}.procedure-interactive-demo .h-eyebrow{font-family:Georgia,serif;font-style:italic;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:.25rem}.procedure-interactive-demo .h-title{font-size:clamp(1.05rem,3.8vw,1.28rem);font-weight:600;letter-spacing:-.02em;margin:0 0 .25rem;line-height:1.2;text-align:center}.procedure-interactive-demo .h-sub{text-align:center;color:var(--navy-soft);font-size:.78rem;margin:0 0 .55rem;line-height:1.35}.procedure-interactive-demo .btn-apply{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;max-width:320px;margin:0 auto;padding:.58rem .82rem;background:var(--navy);color:#fff;border:none;border-radius:2px;font-size:.88rem;font-weight:600;letter-spacing:.02em;position:relative}.procedure-interactive-demo .btn-apply .sep{border-left:1px solid hsla(0,0%,100%,.25);padding-left:.5rem;margin-left:.15rem;font-family:Georgia,serif;font-style:italic;font-weight:400}.procedure-interactive-demo .scene-1.run .browser-mock{animation:veiloProcedurebmIn .55s var(--ease) both}.procedure-interactive-demo .scene-1 .site-body>.pointer{left:86%;top:88%}.procedure-interactive-demo .scene-1.run .site-body>.pointer{animation:veiloProcedureptr1 3.6s var(--ease) forwards .15s}.procedure-interactive-demo .scene-1.run .site-body>.pointer:before{animation:veiloProcedureptrRipple .7s ease-out 1.42s forwards}.procedure-interactive-demo .scene-1.run .btn-apply.target{animation:veiloProcedurebtnApplyTap 3.6s var(--ease) forwards .15s}@keyframes veiloProcedurebmIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes veiloProcedureptr1{0%{opacity:0;left:86%;top:88%;transform:translate(-5px,-3px) scale(1)}12%{opacity:1;left:72%;top:74%;transform:translate(-5px,-3px) scale(1)}32%{left:52%;top:71%;transform:translate(-5px,-3px) scale(1)}40%{left:50%;top:72%;transform:translate(-5px,-3px) scale(.88)}48%{left:50%;top:72%;transform:translate(-5px,-3px) scale(1)}to{opacity:1;left:50%;top:72%;transform:translate(-5px,-3px) scale(1)}}@keyframes veiloProcedurebtnApplyTap{0%,28%{box-shadow:none;transform:scale(1)}32%,44%{box-shadow:0 0 0 4px rgba(94,196,188,.22)}37%,43%{transform:scale(.96)}50%,to{transform:scale(1);box-shadow:none}}.procedure-interactive-demo.reduce-motion .scene-1.is-on .browser-mock{animation:none;opacity:1;transform:none}.procedure-interactive-demo.reduce-motion .scene-1.is-on .site-body>.pointer{opacity:1;left:50%;top:72%;transform:translate(-5px,-3px) scale(1)}.procedure-interactive-demo.reduce-motion .scene-1.is-on .site-body>.pointer:before{animation:none;opacity:0}.procedure-interactive-demo.reduce-motion .scene-1.is-on .btn-apply{box-shadow:0 0 0 4px rgba(94,196,188,.22)}.procedure-interactive-demo .mock-back{background:none;border:none;color:#64748b;font-size:.72rem;text-decoration:underline;padding:0;margin-bottom:.35rem;cursor:default}.procedure-interactive-demo .mock-step-lbl{font-family:Georgia,serif;font-style:italic;font-size:.68rem;color:#64748b;margin-bottom:.2rem}.procedure-interactive-demo .mock-h2{font-size:1.08rem;font-weight:600;margin:0 0 .45rem;line-height:1.25}.procedure-interactive-demo .pay-card{width:100%;border:1px solid var(--rule);background:#fff;border-radius:2px;padding:.45rem .55rem;margin-bottom:.35rem;display:flex;align-items:center;justify-content:space-between;gap:.35rem;text-align:left;transform-origin:center center}.procedure-interactive-demo .pay-card .t{font-weight:600;font-size:.82rem;margin-bottom:.12rem}.procedure-interactive-demo .pay-card .d{font-size:.68rem;color:#64748b;line-height:1.3}.procedure-interactive-demo .pay-card .go{font-size:.65rem;color:#94a3b8;flex-shrink:0}.procedure-interactive-demo .pay-note{font-size:.72rem;color:var(--navy-soft);background:#f4f6f8;border-left:2px solid var(--navy);padding:.4rem .5rem;margin-top:.35rem;line-height:1.35}.procedure-interactive-demo .pay-note strong{display:block;color:var(--navy);margin-bottom:.15rem;font-size:.72rem}.procedure-interactive-demo .scene-2.run .browser-mock{animation:veiloProcedurebmIn .5s var(--ease) both}.procedure-interactive-demo .scene-2.run .pay-focus{animation:veiloProcedurepayPick 3.35s var(--ease) .2s forwards}.procedure-interactive-demo .scene-2 .site-body>.pointer{left:88%;top:86%}.procedure-interactive-demo .scene-2.run .site-body>.pointer{animation:veiloProcedureptr2 3.45s var(--ease) .12s forwards}.procedure-interactive-demo .scene-2.run .site-body>.pointer:before{animation:veiloProcedureptrRipple .65s ease-out 1.28s forwards}@keyframes veiloProcedurepayPick{0%,32%{border-color:var(--rule);box-shadow:none;background:#fff;transform:scale(1)}36%,82%{border-color:rgba(94,196,188,.55);box-shadow:0 0 0 3px rgba(94,196,188,.12);background:#f4fbfb}40%{transform:scale(.987)}44%,78%{transform:scale(1)}to{border-color:var(--rule);box-shadow:none;background:#fff;transform:scale(1)}}@keyframes veiloProcedureptr2{0%{opacity:0;left:88%;top:86%;transform:translate(-5px,-3px) scale(1)}14%{opacity:1;left:76%;top:70%;transform:translate(-5px,-3px) scale(1)}34%{left:74%;top:48%;transform:translate(-5px,-3px) scale(1)}41%{left:71%;top:47%;transform:translate(-5px,-3px) scale(.88)}48%{left:73%;top:48%;transform:translate(-5px,-3px) scale(1)}to{opacity:1;left:73%;top:48%;transform:translate(-5px,-3px) scale(1)}}.procedure-interactive-demo.reduce-motion .scene-2.is-on .pay-focus{border-color:rgba(94,196,188,.55);box-shadow:0 0 0 3px rgba(94,196,188,.12);background:#f4fbfb}.procedure-interactive-demo.reduce-motion .scene-2.is-on .site-body>.pointer{opacity:1;left:73%;top:48%;transform:translate(-5px,-3px) scale(1)}.procedure-interactive-demo.reduce-motion .scene-2.is-on .site-body>.pointer:before{animation:none;opacity:0}.procedure-interactive-demo .cred-box{border:1px dashed var(--rule);background:#fff;padding:.4rem .45rem;margin-bottom:.35rem;border-radius:2px}.procedure-interactive-demo .cred-box .lbl{font-size:.72rem;font-weight:600;margin-bottom:.15rem}.procedure-interactive-demo .cred-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:nowrap}.procedure-interactive-demo .cred-code{font-family:ui-monospace,monospace;font-size:.8rem;font-weight:600;letter-spacing:.02em;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procedure-interactive-demo .copy-btn{font-size:.68rem;padding:.2rem .45rem;border:1px solid var(--rule);background:#fff;border-radius:2px;color:var(--navy);font:inherit;cursor:default;overflow:visible}.procedure-interactive-demo .scene-3 .site-body>.pointer{transform:translate(-5px,-3px)}.procedure-interactive-demo .scene-3.run .cred-box--code{animation:veiloProcedurecredHlCode 5.6s var(--ease) .15s forwards}.procedure-interactive-demo .scene-3.run .cred-box--pw{animation:veiloProcedurecredHlPw 5.6s var(--ease) .15s forwards}.procedure-interactive-demo .scene-3.run .cred-copy--code{animation:veiloProcedurecredTapCode 5.6s var(--ease) .12s forwards}.procedure-interactive-demo .scene-3.run .cred-copy--pw{animation:veiloProcedurecredTapPw 5.6s var(--ease) .12s forwards}.procedure-interactive-demo .scene-3.run .pointer{animation:veiloProcedurep3_copy_seq 5.6s var(--ease) .08s forwards}.procedure-interactive-demo .scene-3.run .cred-copy--code:before,.procedure-interactive-demo .scene-3.run .cred-copy--pw:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid rgba(148,163,184,.55);opacity:0;pointer-events:none;box-sizing:border-box}.procedure-interactive-demo .cred-copy{position:relative}.procedure-interactive-demo .scene-3.run .cred-copy--code:before{animation:veiloProcedurecredRipple .52s ease-out 1.38s forwards}.procedure-interactive-demo .scene-3.run .cred-copy--pw:before{animation:veiloProcedurecredRipple .52s ease-out 3.02s forwards}@keyframes veiloProcedurecredHlCode{0%,17%{box-shadow:none;border-color:var(--rule)}20%,38%{box-shadow:0 0 0 3px rgba(59,130,246,.18);border-color:#93c5fd}42%,to{box-shadow:none;border-color:var(--rule)}}@keyframes veiloProcedurecredHlPw{0%,48%{box-shadow:none;border-color:var(--rule)}51%,68%{box-shadow:0 0 0 3px rgba(59,130,246,.18);border-color:#93c5fd}72%,to{box-shadow:none;border-color:var(--rule)}}@keyframes veiloProcedurecredTapCode{0%,22%{box-shadow:none;transform:scale(1);border-color:var(--rule)}24%,32%{box-shadow:0 0 0 3px rgba(59,130,246,.22);transform:scale(.93);border-color:#93c5fd}36%,to{box-shadow:none;transform:scale(1);border-color:var(--rule)}}@keyframes veiloProcedurecredTapPw{0%,52%{box-shadow:none;transform:scale(1);border-color:var(--rule)}54%,62%{box-shadow:0 0 0 3px rgba(59,130,246,.22);transform:scale(.93);border-color:#93c5fd}66%,to{box-shadow:none;transform:scale(1);border-color:var(--rule)}}@keyframes veiloProcedurecredRipple{0%{opacity:.65;transform:scale(.35)}to{opacity:0;transform:scale(1.45)}}@keyframes veiloProcedurep3_copy_seq{0%{opacity:0;left:88%;top:90%;transform:translate(-5px,-3px) scale(1)}12%{opacity:1}22%{left:93%;top:41%;transform:translate(-5px,-3px) scale(1)}26%{transform:translate(-5px,-3px) scale(.88)}30%{transform:translate(-5px,-3px) scale(1)}42%{left:93%;top:41%;transform:translate(-5px,-3px) scale(1)}52%{left:93%;top:56.5%;transform:translate(-5px,-3px) scale(1)}56%{transform:translate(-5px,-3px) scale(.88)}60%{transform:translate(-5px,-3px) scale(1)}to{opacity:1;left:93%;top:56.5%;transform:translate(-5px,-3px) scale(1)}}.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-box--code,.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-box--pw{border-color:var(--rule);box-shadow:none}.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-copy--code,.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-copy--pw{animation:none;transform:none}.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-copy--code:before,.procedure-interactive-demo.reduce-motion .scene-3.is-on .cred-copy--pw:before{animation:none;opacity:0}.procedure-interactive-demo.reduce-motion .scene-3.is-on .pointer{opacity:1;left:93%;top:56.5%;transform:translate(-5px,-3px) scale(1)}.procedure-interactive-demo .chk-row{display:flex;align-items:flex-start;gap:.35rem;font-size:.72rem;color:var(--navy-soft);margin:.4rem 0;line-height:1.35}.procedure-interactive-demo .chk-sq{width:11px;height:11px;border:1px solid #94a3b8;border-radius:2px;flex-shrink:0;margin-top:.12rem}.procedure-interactive-demo .btn-pay-go{width:100%;padding:.55rem;background:var(--navy);color:#fff;border:none;font-size:.82rem;font-weight:600;border-radius:2px}.procedure-interactive-demo .illu-body{background:linear-gradient(180deg,#fafaf8,#f1f5f9);min-height:300px;position:relative;border-radius:0 0 11px 11px;overflow:hidden}.procedure-interactive-demo .s4-lbl-env-svg,.procedure-interactive-demo .s4-lbl-zip-svg{opacity:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}.procedure-interactive-demo .s4-svg{display:block;width:100%;height:auto;min-height:268px}.procedure-interactive-demo .scene-4 .illu-body{display:flex;align-items:center;justify-content:center;padding:.1rem .18rem .38rem;overflow:visible}.procedure-interactive-demo .scene-4 .s4-svg{max-height:calc(var(--stage-min) - 2.5rem);transform:scale(1.22) translateY(-18px);margin:0 auto}.procedure-interactive-demo .s4-strand{fill:none;stroke:rgba(71,85,105,.72);stroke-width:1.85;stroke-linecap:round;stroke-dasharray:96;stroke-dashoffset:96}.procedure-interactive-demo .s4-zip-gr{transform-origin:120px 112px;opacity:0}.procedure-interactive-demo .s4-env-seal{fill:none;stroke:rgba(100,116,139,.5);stroke-width:1.2}.procedure-interactive-demo .scene-4.run .s4-strand:first-of-type{animation:veiloProcedures4_draw .85s var(--ease) .08s forwards}.procedure-interactive-demo .scene-4.run .s4-strand:nth-of-type(2){animation:veiloProcedures4_draw .82s var(--ease) .16s forwards}.procedure-interactive-demo .scene-4.run .s4-strand:nth-of-type(3){animation:veiloProcedures4_draw .78s var(--ease) .24s forwards}.procedure-interactive-demo .scene-4.run .s4-hair-gr{animation:veiloProcedures4_hair_settle 2.35s var(--ease) .82s forwards;transform-origin:118px 122px}.procedure-interactive-demo .scene-4.run .s4-zip-gr{animation:veiloProcedures4_zip_sequence 5.2s var(--ease) forwards}.procedure-interactive-demo .scene-4.run .s4-lbl-zip-svg{animation:veiloProcedures4_zip_lbl_svg_in 5.2s var(--ease) .12s forwards}.procedure-interactive-demo .scene-4.run .s4-lbl-env-svg{animation:veiloProcedures4_env_lbl_svg_in 5.2s var(--ease) .82s forwards}@keyframes veiloProcedures4_draw{to{stroke-dashoffset:0}}@keyframes veiloProcedures4_hair_settle{0%{transform:translate(-14px,10px) scale(1);opacity:1}to{transform:translate(4px,-8px) scale(.88);opacity:.72}}@keyframes veiloProcedures4_zip_sequence{0%{opacity:0;transform:translate(18px,8px) scale(.86)}12%{opacity:1;transform:translate(0) scale(1)}38%{transform:translate(0) scale(1);opacity:1}58%{opacity:1;transform:translate(86px,-18px) scale(.88)}78%{opacity:.88;transform:translate(102px,-10px) scale(.48)}to{opacity:.6;transform:translate(110px,-6px) scale(.36)}}@keyframes veiloProcedures4_zip_lbl_svg_in{0%,10%{opacity:0}18%,to{opacity:1}}@keyframes veiloProcedures4_env_lbl_svg_in{0%,14%{opacity:0}22%,to{opacity:1}}.procedure-interactive-demo.reduce-motion .scene-4.is-on .s4-strand{stroke-dashoffset:0}.procedure-interactive-demo.reduce-motion .scene-4.is-on .s4-hair-gr{transform:translate(4px,-8px) scale(.88);opacity:.72}.procedure-interactive-demo.reduce-motion .scene-4.is-on .s4-zip-gr{opacity:.92;transform:translate(98px,-10px) scale(.5)}.procedure-interactive-demo.reduce-motion .scene-4.is-on .s4-lbl-env-svg,.procedure-interactive-demo.reduce-motion .scene-4.is-on .s4-lbl-zip-svg{opacity:1}.procedure-interactive-demo .ship-body{background:linear-gradient(180deg,#f8fafc,#eef2f7);min-height:clamp(292px,48vw,372px);position:relative;border-radius:0 0 11px 11px;overflow:visible;display:flex;align-items:center;justify-content:center;gap:0;padding:.52rem clamp(.65rem,2.5vw,1.25rem) .58rem;box-sizing:border-box}.procedure-interactive-demo .s5-flow{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:min(520px,100%);margin:0 auto;gap:clamp(10px,2.2vw,22px);flex-wrap:nowrap}.procedure-interactive-demo .s5-flow .s5-env-col{flex:0 1 auto}.procedure-interactive-demo .s5-flow .s5-arrow-wrap{flex:0 0 auto;align-self:center;padding:0 2px;margin:0}.procedure-interactive-demo .s5-flow .s5-dest{flex:0 0 auto;margin:0}.procedure-interactive-demo .s5-env-pocket{position:absolute;left:10%;right:10%;bottom:11%;height:36%;overflow:hidden;z-index:5;border-radius:0 0 13px 13px;background:transparent;pointer-events:none;box-shadow:none}.procedure-interactive-demo .s5-env-card-slot{position:absolute;left:11%;right:11%;bottom:36%;height:clamp(38px,10.5vw,52px);border-radius:8px;background:linear-gradient(180deg,#ecfdf5,#d1fae5 55%,#ccfbf1);border:1px solid #14b8a6;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:clamp(.52rem,1.85vw,.74rem);color:#0f766e;line-height:1.15;padding:.28rem .22rem;box-sizing:border-box;box-shadow:2px 4px 0 rgba(15,23,42,.09);opacity:0;pointer-events:none;transform:translate(5%,-2%) rotate(-12deg);transform-origin:52% 92%}.procedure-interactive-demo .s5-env-col{flex:0 1 auto;display:flex;justify-content:center;align-items:center;min-width:0;z-index:2;position:relative;pointer-events:none}.procedure-interactive-demo .scene-5 .s5-env-core{opacity:0;transform:scale(.94)}.procedure-interactive-demo .s5-env-core{position:relative;width:clamp(176px,50vw,288px);aspect-ratio:4/5;border-radius:16px;background:linear-gradient(165deg,#fff,#eef2f7);border:2px solid #64748b;box-shadow:none;filter:none;transform-origin:center center}.procedure-interactive-demo .s5-env-core:before{content:"";position:absolute;inset:10% 8% 14%;border-radius:8px;opacity:.05;background-image:radial-gradient(circle,rgba(148,163,184,.45) 0 1.5px,transparent 2px);background-size:9px 9px;pointer-events:none}.procedure-interactive-demo .s5-env-glued{position:absolute;left:27%;top:33%;width:46%;padding:.18rem .24rem;border-radius:6px;background:hsla(0,0%,100%,.99);border:2px solid #38bdf8;font-size:clamp(.46rem,1.48vw,.58rem);font-weight:700;text-align:center;color:#0f172a;line-height:1.2;opacity:0;transform:scale(.92);transform-origin:center center;z-index:10;box-shadow:0 1px 4px rgba(30,58,138,.1);box-sizing:border-box}.procedure-interactive-demo .s5-env-name{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);font-size:clamp(.54rem,1.85vw,.72rem);font-weight:800;color:#1e293b;letter-spacing:.04em;padding:.12rem .38rem;border-radius:6px;background:hsla(0,0%,100%,.96);border:1px solid #cbd5e1;white-space:nowrap;z-index:11}.procedure-interactive-demo .s5-arrow-wrap{display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.procedure-interactive-demo .s5-arrow-txt{display:block;font-size:clamp(1rem,3vw,1.35rem);font-weight:600;color:#475569;letter-spacing:0;line-height:1;opacity:0;transform:translateX(-4px);font-family:ui-monospace,monospace}.procedure-interactive-demo .s5-dest{font-size:clamp(.64rem,1.85vw,.82rem);font-weight:700;color:#1e293b;text-align:center;line-height:1.22;padding:.54rem .78rem;border-radius:10px;background:hsla(0,0%,100%,.96);border:2px solid rgba(59,130,246,.52);white-space:nowrap;flex-shrink:0;opacity:0;transform:translateX(10px);box-sizing:border-box;box-shadow:none}.procedure-interactive-demo .scene-5.run .s5-env-core{animation:veiloProcedures5_env_enter 4s var(--ease) forwards}.procedure-interactive-demo .scene-5.run .s5-env-card-slot{animation:veiloProcedures5_card_reveal 4s var(--ease) forwards}.procedure-interactive-demo .scene-5.run .s5-env-glued{animation:veiloProcedures5_label_reveal 4s var(--ease) forwards}.procedure-interactive-demo .scene-5.run .s5-arrow-txt{animation:veiloProcedures5_arrow_reveal 4s var(--ease) forwards}.procedure-interactive-demo .scene-5.run .s5-dest{animation:veiloProcedures5_dest_reveal 4s var(--ease) forwards}@keyframes veiloProcedures5_env_enter{0%{opacity:0;transform:scale(.94)}12%,to{opacity:1;transform:scale(1)}}@keyframes veiloProcedures5_card_reveal{0%,16%{opacity:0;transform:translate(5%,-2%) rotate(-12deg) scale(.9)}26%,to{opacity:1;transform:translate(5%,-2%) rotate(-12deg) scale(1)}}@keyframes veiloProcedures5_label_reveal{0%,32%{opacity:0;transform:scale(.92)}42%,to{opacity:1;transform:scale(1)}}@keyframes veiloProcedures5_arrow_reveal{0%,50%{opacity:0;transform:translateX(-4px)}58%,to{opacity:1;transform:translateX(0)}}@keyframes veiloProcedures5_dest_reveal{0%,54%{opacity:0;transform:translateX(10px)}63%,to{opacity:1;transform:translateX(0)}}.procedure-interactive-demo.reduce-motion .scene-5.is-on .s5-env-core{opacity:1;transform:none;animation:none}.procedure-interactive-demo.reduce-motion .scene-5.is-on .s5-env-card-slot{opacity:1;transform:translate(5%,-2%) rotate(-12deg);animation:none}.procedure-interactive-demo.reduce-motion .scene-5.is-on .s5-env-glued{opacity:1;transform:scale(1);animation:none}.procedure-interactive-demo.reduce-motion .scene-5.is-on .s5-arrow-txt,.procedure-interactive-demo.reduce-motion .scene-5.is-on .s5-dest{opacity:1;transform:translateX(0);animation:none}.procedure-interactive-demo .res-site{padding:.58rem .72rem .92rem;min-height:288px;position:relative}.procedure-interactive-demo .res-back{font-size:.68rem;color:#64748b;text-decoration:underline;margin-bottom:.35rem;display:inline-block}.procedure-interactive-demo .res-lbl{font-family:Georgia,serif;font-style:italic;font-size:.62rem;color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem}.procedure-interactive-demo .res-h1{font-size:1.08rem;font-weight:600;margin:0 0 .35rem}.procedure-interactive-demo .res-hint{font-size:.72rem;color:var(--navy-soft);margin:0 0 .45rem;line-height:1.35}.procedure-interactive-demo .res-critical{font-size:.68rem;color:#b91c1c;margin:0 0 .35rem;line-height:1.35;font-weight:600}.procedure-interactive-demo .res-retention-note{font-size:.66rem;color:var(--navy-soft);margin:0 0 .55rem;line-height:1.38;padding:.35rem .45rem;border-radius:4px;background:hsla(0,86%,97%,.65);border:1px solid hsla(0,91%,71%,.35)}.procedure-interactive-demo .field-m{margin-bottom:.4rem}.procedure-interactive-demo .field-m label{display:block;font-size:.72rem;font-weight:600;margin-bottom:.12rem}.procedure-interactive-demo .fake-input{min-height:36px;border:1px solid var(--rule);background:#fff;border-radius:2px;padding:.38rem .52rem;font-size:.74rem;color:var(--navy);line-height:1.25;opacity:0;transform:translateY(4px)}.procedure-interactive-demo .fake-input.mono{font-family:ui-monospace,monospace;letter-spacing:.02em}.procedure-interactive-demo .field-m .hint{font-size:.62rem;color:#94a3b8;margin-top:.1rem}.procedure-interactive-demo .scene-6.run .res-site .field-m:nth-child(4) .fake-input{animation:veiloProcedurefakeIn .45s var(--ease) .35s forwards}.procedure-interactive-demo .scene-6.run .res-site .field-m:nth-child(5) .fake-input{animation:veiloProcedurefakeIn .45s var(--ease) .75s forwards}.procedure-interactive-demo .scene-6.run .btn-result{animation:veiloProcedureresBtn 4.2s var(--ease) .25s forwards}.procedure-interactive-demo .scene-6.run .pointer{animation:veiloProcedurep6 4.3s var(--ease) .1s forwards}.procedure-interactive-demo .scene-6.run .res-panel{opacity:0;transform:translateY(6px) scale(.98);animation:veiloProcedureresPan .65s var(--ease) 3.05s forwards}.procedure-interactive-demo .btn-result{width:100%;padding:.55rem;background:var(--navy);color:#fff;border:none;font-size:.82rem;font-weight:600;border-radius:2px;margin-top:.15rem}.procedure-interactive-demo .res-panel{margin-top:.5rem;border:1px solid var(--rule);background:#fff;border-radius:2px;padding:.5rem;text-align:center;font-size:.76rem;font-weight:600;color:var(--navy-soft)}@keyframes veiloProcedurefakeIn{to{opacity:1;transform:translateY(0)}}@keyframes veiloProcedureresBtn{0%,55%{box-shadow:none;transform:scale(1)}62%{box-shadow:0 0 0 4px rgba(59,130,246,.15);transform:scale(.98)}72%{transform:scale(1);box-shadow:none}to{transform:scale(1)}}@keyframes veiloProcedurep6{0%{opacity:0;left:78%;top:88%;transform:translate(-5px,-3px) scale(1)}12%{opacity:1}28%{left:74%;top:41%;transform:translate(-5px,-3px) scale(1)}48%{left:74%;top:53%;transform:translate(-5px,-3px) scale(1)}58%{left:52%;top:81%;transform:translate(-5px,-3px) scale(1)}66%{transform:translate(-5px,-3px) scale(.88)}74%{transform:translate(-5px,-3px) scale(1)}to{opacity:1;left:52%;top:81%;transform:translate(-5px,-3px) scale(1)}}@keyframes veiloProcedureresPan{to{opacity:1;transform:translateY(0) scale(1)}}.procedure-interactive-demo.reduce-motion .scene-6.is-on .fake-input,.procedure-interactive-demo.reduce-motion .scene-6.is-on .res-panel{opacity:1;transform:none}.procedure-interactive-demo.reduce-motion .scene-6.is-on .pointer{opacity:1;left:52%;top:81%;transform:translate(-5px,-3px) scale(1)}.procedure-interactive-demo .assure-body{padding:.85rem .72rem 1rem;min-height:288px;text-align:center;display:flex;flex-direction:column;align-items:center}.procedure-interactive-demo .assure-hero{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto .85rem;padding:1.05rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#8ed7ca,#6fbfb6);border:1px solid rgba(111,191,182,.55);font-size:clamp(1.45rem,4.8vw,1.85rem);font-weight:700;letter-spacing:-.03em;color:#123f3a;line-height:1.25;box-sizing:border-box;box-shadow:0 2px 10px rgba(64,88,82,.1)}.procedure-interactive-demo .assure-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.48rem;width:100%;max-width:380px;align-items:stretch}.procedure-interactive-demo .assure-item{border:1px solid var(--rule);border-radius:8px;padding:.48rem .52rem;background:linear-gradient(180deg,#fafbfc,#f4f6f8);display:flex;flex-direction:column;gap:.2rem;text-align:center;align-items:center}.procedure-interactive-demo .assure-item--emph{border-color:rgba(59,130,246,.38);background:linear-gradient(180deg,rgba(239,246,255,.88),rgba(219,234,254,.38))}.procedure-interactive-demo .assure-item-title{font-size:.76rem;font-weight:600;color:var(--navy)}.procedure-interactive-demo .assure-item-desc{font-size:.66rem;color:var(--navy-soft);line-height:1.42;max-width:34rem}.procedure-interactive-demo .scene-7.run .browser-mock{animation:veiloProcedurebmIn .55s var(--ease) both}.procedure-interactive-demo.reduce-motion .scene-7.is-on .browser-mock{animation:none;opacity:1;transform:none}.procedure-interactive-demo .center-column .stage,.procedure-interactive-demo .center-column .stage-wrap{min-height:calc(360px + .76rem);height:calc(360px + .76rem);max-height:calc(360px + .76rem)}.procedure-interactive-demo .scene .scene-inner{width:100%;max-width:min(680px,100%);margin-inline:auto;height:360px;max-height:360px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.procedure-interactive-demo .scene .browser-mock{width:100%;max-width:680px;height:360px;min-height:360px;max-height:360px;margin-inline:auto;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box}.procedure-interactive-demo .scene .browser-mock>.illu-body,.procedure-interactive-demo .scene .browser-mock>.res-site,.procedure-interactive-demo .scene .browser-mock>.ship-body,.procedure-interactive-demo .scene .browser-mock>.site-body{flex:1 1 auto;width:100%;min-height:0;height:100%;max-height:100%;box-sizing:border-box;overflow:hidden}.procedure-interactive-demo .scene .res-site,.procedure-interactive-demo .scene .site-body{padding-block:1.15rem;padding-inline:1.1rem;display:flex;flex-direction:column;justify-content:center}.procedure-interactive-demo .scene .assure-body{padding-block:1.1rem;padding-inline:1.05rem;justify-content:center}.procedure-interactive-demo .scene .illu-body,.procedure-interactive-demo .scene .ship-body{padding-block:1.15rem;padding-inline:1.1rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.procedure-interactive-demo .scene .ship-body{min-height:0}.procedure-interactive-demo .scene-1 .site-body{justify-content:center}.procedure-interactive-demo .scene-7 .assure-body{justify-content:center;overflow-y:auto}.procedure-interactive-demo .center-column:has(.scene.is-on) .captions{margin-top:1.05rem}.procedure-interactive-demo .scene-1 .site-header-m{margin-bottom:.45rem;padding-bottom:.38rem}.procedure-interactive-demo .scene-1 .site-logo{font-size:clamp(1.12rem,3.2vw,1.32rem)}.procedure-interactive-demo .scene-1 .h-title{font-size:clamp(1.18rem,4.2vw,1.42rem);margin-bottom:.3rem}.procedure-interactive-demo .scene-1 .h-sub{font-size:clamp(.86rem,2.35vw,.98rem);margin-bottom:.58rem}.procedure-interactive-demo .scene-1 .btn-apply{max-width:min(360px,100%);padding:.68rem .95rem;font-size:clamp(.94rem,2.55vw,1.04rem)}.procedure-interactive-demo .scene-1 .btn-apply .sep{font-size:clamp(.9rem,2.35vw,1rem)}.procedure-interactive-demo .scene-2 .mock-h2{font-size:clamp(1.02rem,2.85vw,1.14rem);margin-bottom:.4rem}.procedure-interactive-demo .scene-2 .pay-card{padding:.52rem .62rem;margin-bottom:.3rem;gap:.42rem}.procedure-interactive-demo .scene-2 .pay-card .t{font-size:clamp(.88rem,2.35vw,.98rem)}.procedure-interactive-demo .scene-2 .pay-card .d{font-size:clamp(.76rem,2.05vw,.86rem)}.procedure-interactive-demo .scene-2 .pay-card .go{font-size:clamp(.72rem,1.9vw,.8rem)}.procedure-interactive-demo .scene-3 .mock-h2{font-size:clamp(1.02rem,2.85vw,1.14rem);margin-bottom:.38rem}.procedure-interactive-demo .scene-3 .cred-box{margin-bottom:.32rem}.procedure-interactive-demo .scene-3 .cred-box .lbl{font-size:clamp(.78rem,2.1vw,.88rem)}.procedure-interactive-demo .scene-3 .cred-code{font-size:clamp(.82rem,2.2vw,.92rem)}.procedure-interactive-demo .scene-3 .copy-btn{font-size:clamp(.76rem,2vw,.84rem)}.procedure-interactive-demo .scene-4 .s4-svg{width:100%;max-width:100%;min-height:0;max-height:100%;height:auto;transform:scale(1.1) translateY(-6px);transform-origin:center center}.procedure-interactive-demo .scene-5 .s5-flow{gap:clamp(6px,1.45vw,14px)}.procedure-interactive-demo .scene-5 .s5-env-col{flex:0 1 auto;max-width:min(58%,320px)}.procedure-interactive-demo .scene-5 .s5-env-core{width:clamp(176px,48.6vw,277px)}.procedure-interactive-demo .scene-5 .browser-mock>.ship-body{overflow:visible}.procedure-interactive-demo .scene-5 .s5-env-glued{left:23%;top:29%;width:54%;padding:.34rem .38rem;font-size:clamp(.64rem,2.15vw,.86rem);border-width:2.5px;line-height:1.28}.procedure-interactive-demo .scene-5 .s5-env-card-slot{left:9%;right:9%;bottom:32%;height:clamp(46px,12vw,62px);font-size:clamp(.62rem,2.15vw,.86rem);padding:.36rem .3rem}.procedure-interactive-demo .scene-5 .s5-env-pocket{bottom:8.5%;height:35%}.procedure-interactive-demo .scene-5 .s5-env-name{font-size:clamp(.68rem,2.2vw,.9rem);padding:.2rem .52rem;bottom:3.2%}.procedure-interactive-demo .scene-6 .res-h1{font-size:clamp(1.05rem,2.9vw,1.18rem)}.procedure-interactive-demo .scene-6 .res-hint{font-size:clamp(.78rem,2.1vw,.88rem)}.procedure-interactive-demo .scene-6 .res-critical{font-size:clamp(.76rem,2.05vw,.86rem)}.procedure-interactive-demo .scene-6 .field-m{margin-bottom:.32rem}.procedure-interactive-demo .scene-6 .field-m label{font-size:clamp(.78rem,2.1vw,.88rem)}.procedure-interactive-demo .scene-6 .res-site .field-m .fake-input{opacity:1;visibility:visible;transform:none;font-size:clamp(.8rem,2.15vw,.9rem);min-height:38px;color:#1f2933;font-weight:600}.procedure-interactive-demo .scene-6.is-on .res-site .field-m .fake-input,.procedure-interactive-demo .scene-6.run .res-site .field-m .fake-input{opacity:1;visibility:visible;transform:none}.procedure-interactive-demo .scene-6 .btn-result{font-size:clamp(.84rem,2.25vw,.94rem)}.procedure-interactive-demo .scene-7 .assure-hero{display:block;width:auto;max-width:100%;margin:0 0 .58rem;padding:0;font-size:clamp(1.5rem,4.6vw,1.9rem);font-weight:700;background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none;color:#123f3a}.procedure-interactive-demo .scene-7 .assure-list{max-width:min(660px,100%);gap:.38rem}.procedure-interactive-demo .scene-7 .assure-item{padding:.62rem .78rem;gap:.26rem}.procedure-interactive-demo .scene-7 .assure-list>.assure-item:first-child{background:#e3f8ef;border-color:rgba(52,148,122,.28)}.procedure-interactive-demo .scene-7 .assure-item--emph{background:#e6f1ff;border-color:rgba(59,130,246,.26)}.procedure-interactive-demo .scene-7 .assure-item--policy{background:#f0eaff;border-color:rgba(124,95,210,.25)}.procedure-interactive-demo .scene-7 .assure-item-title{font-size:clamp(.94rem,2.5vw,1.08rem);font-weight:650}.procedure-interactive-demo .scene-7 .assure-item-desc{font-size:clamp(.9rem,2.35vw,1.02rem);line-height:1.52;max-width:none}.procedure-interactive-demo .scene-7 .assure-line{display:block}@media (min-width:768px){.procedure-interactive-demo .scene-7 .assure-item--policy .assure-line{white-space:nowrap}}.procedure-interactive-demo .captions{margin-top:.55rem;text-align:center;min-height:3.2em;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.procedure-interactive-demo .captions p{max-width:38rem;margin:.38rem auto 0;padding:0 .35rem;box-sizing:border-box;font-size:1rem;line-height:1.6;letter-spacing:-.012em;font-weight:400;color:var(--text-soft)}.procedure-interactive-demo .captions p:first-child{margin-top:0}.procedure-interactive-demo .captions p strong{font-weight:400}.procedure-interactive-demo .action-col{display:flex;flex-direction:column;gap:.45rem}@media (min-width:860px){.procedure-interactive-demo .action-col{padding-top:.2rem}}.procedure-interactive-demo .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:11px;border:1px solid var(--frame-border);font:inherit;font-weight:600;cursor:pointer;min-height:44px;transition:filter .15s,transform .12s}.procedure-interactive-demo .btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.procedure-interactive-demo .btn:disabled{opacity:.35;cursor:not-allowed}.procedure-interactive-demo .btn-prev{font-size:.84rem;font-weight:500;color:var(--muted);background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08)}.procedure-interactive-demo .btn-prev:hover:not(:disabled){background:hsla(0,0%,100%,.9);color:var(--navy)}.procedure-interactive-demo .btn-next{font-size:clamp(.78rem,1.85vw,.98rem);font-weight:800;min-height:50px;color:#091018;border:1px solid rgba(110,200,200,.5);background:var(--btn-next);white-space:nowrap;padding-inline:.7rem;line-height:1.2}@media (min-width:860px){.procedure-interactive-demo .btn-next{font-size:.93rem;padding-inline:.85rem}}.procedure-interactive-demo .btn-next:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.procedure-interactive-demo .bottom-count{text-align:center;margin-top:.75rem;font-size:clamp(1.02rem,2.8vw,1.18rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.procedure-interactive-demo .bottom-count #count-now{color:var(--text);font-weight:700;font-size:1em}.procedure-interactive-demo .bottom-count #count-total,.procedure-interactive-demo .bottom-count span[aria-hidden=true]{color:var(--muted);font-weight:500;font-size:.88em}.procedure-interactive-demo .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0}.procedure-interactive-demo .s5-arrow-icon{display:block;width:clamp(2.2rem,6.5vw,3rem);height:auto;color:var(--mint)}.procedure-interactive-demo .scene-5.run .s5-env-card-slot{opacity:1;transform:translate(0) rotate(0deg)}@media (max-width:480px){.procedure-interactive-demo{font-size:clamp(15px,4vw,17px)}.procedure-interactive-demo .center-column .stage,.procedure-interactive-demo .center-column .stage-wrap{min-height:calc(320px + .76rem);height:calc(320px + .76rem);max-height:calc(320px + .76rem)}.procedure-interactive-demo .scene .browser-mock,.procedure-interactive-demo .scene .scene-inner{height:320px;min-height:320px;max-height:320px}.procedure-interactive-demo .action-col{flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:.5rem}.procedure-interactive-demo .action-col .btn{flex:1 1 45%;min-width:0}}@media (max-width:640px){.procedure-interactive-demo{--procedure-mobile-caption-font-size:clamp(0.88rem,3.75vw,1rem);--procedure-mobile-caption-line-height:1.44}.procedure-interactive-demo .captions,.procedure-interactive-demo .center-column .captions,.procedure-interactive-demo .center-column .stage-wrap{width:100%;max-width:var(--panel-max);margin-inline:auto;padding-inline:0;box-sizing:border-box}.procedure-interactive-demo .captions.captions--compact{min-height:2.75em;margin-top:.7rem}.procedure-interactive-demo .captions.captions--compact p{margin-top:.24rem}.procedure-interactive-demo .captions.captions--compact p:first-child{margin-top:0}.procedure-interactive-demo .captions.captions--step4{min-height:2.75em;margin-top:.7rem}.procedure-interactive-demo .captions.captions--step4 p{margin-top:.24rem}.procedure-interactive-demo .captions.captions--step4 p:first-child{margin-top:0}.procedure-interactive-demo .captions p,.procedure-interactive-demo .captions.captions--compact p,.procedure-interactive-demo .captions.captions--step4 p,.procedure-interactive-demo .captions.captions--step5 p,.procedure-interactive-demo .captions.captions--step6 p{font-size:var(--procedure-mobile-caption-font-size);line-height:var(--procedure-mobile-caption-line-height);letter-spacing:-.026em;max-width:100%;margin-left:auto;margin-right:auto;padding-inline:0;box-sizing:border-box;word-break:keep-all;overflow-wrap:normal}.procedure-interactive-demo .scene-7{align-items:flex-start;padding-top:.28rem}.procedure-interactive-demo .scene-7 .browser-mock{overflow-x:hidden;overflow-y:auto}.procedure-interactive-demo .scene-7 .browser-mock>.site-body.assure-body{min-height:0;justify-content:flex-start;overflow-x:hidden;overflow-y:visible;padding-block:.58rem .5rem;padding-inline:.72rem}.procedure-interactive-demo .scene-7 .assure-hero{margin-top:.1rem;margin-bottom:.85rem;padding-top:.06rem;line-height:1.18;font-size:clamp(1.22rem,4.8vw,1.42rem)}.procedure-interactive-demo .scene-7 .assure-list{gap:.28rem;max-width:100%}.procedure-interactive-demo .scene-7 .assure-item{padding:.42rem .52rem;gap:.18rem;min-height:0;overflow:visible}.procedure-interactive-demo .scene-7 .assure-item-title{line-height:1.28}.procedure-interactive-demo .scene-7 .assure-item-desc{font-size:clamp(.72rem,3.15vw,.84rem);line-height:1.38;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}.procedure-interactive-demo .scene-7 .assure-line{line-height:1.38}}