.green-line-case-journey{--green-line-ink: #071d27;--green-line-muted: #49616b;--green-line-blue: #0192c9;--green-line-blue-dark: #006b94;--green-line-green: #2fc77e;--green-line-mint: #e8faf2;--green-line-line: #d7e7ec;display:grid;gap:clamp(72px,8vw,132px);min-width:0;padding-block:clamp(38px,5vw,82px);color:var(--green-line-ink)}.green-line-case-journey *,.green-line-case-journey *:before,.green-line-case-journey *:after{box-sizing:border-box}.green-line-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(28px,5vw,88px);align-items:end;margin-bottom:clamp(28px,4vw,52px)}.green-line-heading h2,.green-line-evidence-boundary h2{max-width:940px;margin:0;font-size:clamp(42px,4.35vw,64px);font-weight:600;letter-spacing:-.05em;line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}.green-line-trace .green-line-heading h2{font-size:clamp(42px,4.35vw,64px);font-weight:600;letter-spacing:-.05em;line-height:1.04}.green-line-heading__intro{display:grid;gap:18px}.green-line-heading__intro>p,.green-line-evidence-boundary>div>p{margin:0;color:var(--green-line-muted);font-size:clamp(17px,1.35vw,21px);line-height:1.55}.green-line-eyebrow{margin:0 0 18px;color:var(--green-line-blue-dark);font-size:14px;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.green-line-heading--inverse,.green-line-heading--inverse .green-line-heading__intro>p{color:#fff}.green-line-heading--inverse .green-line-eyebrow{color:#78e4b3}.green-line-trace{position:relative;overflow:hidden;padding:clamp(30px,4vw,64px);border-radius:clamp(30px,3.4vw,52px);background:radial-gradient(circle at 82% 16%,rgb(47 199 126 / 24%),transparent 26%),radial-gradient(circle at 16% 8%,rgb(1 146 201 / 27%),transparent 30%),linear-gradient(145deg,#041820,#082d3a 52%,#06232b);box-shadow:0 34px 100px #021f2b33}.green-line-trace:before{position:absolute;width:360px;height:360px;border:1px solid rgb(255 255 255 / 8%);border-radius:50%;content:"";inset:-170px -110px auto auto}.green-line-trace__guidance{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between}.green-line-trace__guidance>span{flex:1 1 210px;color:#c1d6de;font-size:14px;font-weight:650;line-height:1.45}.green-line-trace__motion-toggle{display:inline-flex;min-width:118px;min-height:44px;padding:10px 17px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;gap:9px;align-items:center;justify-content:center;font:inherit;font-size:14px;transition:background-color var(--motion-fast, .14s) var(--motion-ease, ease),border-color var(--motion-fast, .14s) var(--motion-ease, ease),transform var(--motion-fast, .14s) var(--motion-ease, ease)}.green-line-trace__motion-toggle:hover{border-color:#78e4b3;background:#2fc77e2e;transform:translateY(-1px)}.green-line-trace__motion-toggle:focus-visible,.green-line-trace__tabs button:focus-visible{outline:3px solid rgb(120 228 179 / 46%);outline-offset:3px}.green-line-trace__motion-toggle i{width:10px;height:12px;border-right:3px solid currentcolor;border-left:3px solid currentcolor}.green-line-trace[data-motion-mode=paused] .green-line-trace__motion-toggle i{width:0;height:0;border:6px solid transparent;border-right:0;border-left:9px solid currentcolor}.green-line-trace[data-motion-mode=reduced] .green-line-trace__motion-toggle{display:none}.green-line-trace__screen{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:30px;background:#f4fbfdf7;box-shadow:0 25px 70px #00000038}.green-line-trace__screen-bar{display:grid;grid-template-columns:auto 1fr auto;min-height:62px;padding:14px clamp(18px,2.4vw,32px);border-bottom:1px solid #d5e7ec;color:#284c5a;gap:18px;align-items:center}.green-line-trace__screen-bar>span{display:flex;gap:6px}.green-line-trace__screen-bar>span i{width:10px;height:10px;border-radius:50%;background:#ff6f68}.green-line-trace__screen-bar>span i:nth-child(2){background:#ffc65c}.green-line-trace__screen-bar>span i:nth-child(3){background:var(--green-line-green)}.green-line-trace__screen-bar strong,.green-line-trace__screen-bar small{font-size:13px;line-height:1.35}.green-line-trace__screen-bar strong{letter-spacing:.08em;text-transform:uppercase}.green-line-trace__screen-bar small{text-align:right}.green-line-trace__visual{position:relative;height:190px;overflow:hidden;padding:34px clamp(22px,4vw,58px);background:linear-gradient(rgb(1 146 201 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(1 146 201 / 5%) 1px,transparent 1px),linear-gradient(135deg,#f3fbfd,#edf9f4);background-size:24px 24px,24px 24px,auto}.green-line-trace__line{position:absolute;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--green-line-blue),var(--green-line-green));inset:91px clamp(52px,6.5vw,102px) auto}.green-line-trace__signal{position:absolute;z-index:2;width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:var(--green-line-green);box-shadow:0 0 0 7px #2fc77e2e,0 0 28px #2fc77e7f;inset:83px auto auto clamp(42px,5.5vw,87px);animation:green-line-signal 18s linear infinite}.green-line-trace[data-motion-mode=paused] .green-line-trace__signal{animation-play-state:paused}.green-line-trace__visual-step{position:absolute;z-index:1;display:grid;width:112px;gap:8px;justify-items:center;text-align:center;inset:54px auto auto calc(.75% + (var(--trace-step) * 17%))}.green-line-trace__visual-step i{display:grid;width:74px;min-height:74px;border:1px solid #cce2e9;border-radius:23px;background:#fff;color:var(--green-line-blue-dark);font-size:15px;font-style:normal;font-weight:850;box-shadow:0 14px 30px #0657741a;place-items:center;transition:border-color var(--motion-medium, .24s) var(--motion-ease, ease),transform var(--motion-medium, .24s) var(--motion-ease, ease)}.green-line-trace__visual-step strong{color:#2d5360;font-size:13px;line-height:1.25}.green-line-trace[data-active-step=marking] [data-green-line-visual-step=marking] i,.green-line-trace[data-active-step=stock] [data-green-line-visual-step=stock] i,.green-line-trace[data-active-step=shipment] [data-green-line-visual-step=shipment] i,.green-line-trace[data-active-step=invoice] [data-green-line-visual-step=invoice] i,.green-line-trace[data-active-step=customer] [data-green-line-visual-step=customer] i,.green-line-trace[data-active-step=delivery] [data-green-line-visual-step=delivery] i{border-color:var(--green-line-green);transform:translateY(-5px)}.green-line-trace__workbench{display:grid;grid-template-columns:minmax(240px,.46fr) minmax(0,1fr);min-width:0;border-top:1px solid #d7e7ec}.green-line-trace__tabs{display:grid;align-content:start;padding:18px;border-right:1px solid #d7e7ec;background:#f7fbfc;gap:7px}.green-line-trace__tabs button{display:grid;grid-template-columns:34px 1fr;min-height:52px;padding:8px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#395864;cursor:pointer;gap:10px;align-items:center;font:inherit;text-align:left;transition:background-color var(--motion-fast, .14s) var(--motion-ease, ease),border-color var(--motion-fast, .14s) var(--motion-ease, ease),color var(--motion-fast, .14s) var(--motion-ease, ease)}.green-line-trace__tabs button:hover{background:#eef7f9}.green-line-trace__tabs button[aria-selected=true]{border-color:#2fc77e52;background:var(--green-line-mint);color:#075c3a}.green-line-trace__tabs button span{color:var(--green-line-blue-dark);font-size:13px;font-weight:850}.green-line-trace__tabs button strong{font-size:14px;line-height:1.3}.green-line-trace__panels{min-width:0;padding:clamp(24px,3.2vw,46px)}.green-line-trace__panels article[hidden]{display:none}.green-line-trace__panels article>p{margin:0 0 14px;color:var(--green-line-blue-dark);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.green-line-trace__panels h3{max-width:760px;margin:0 0 28px;font-size:clamp(25px,2.3vw,40px);letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.green-line-trace__panels dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:12px}.green-line-trace__panels dl>div{min-width:0;padding:18px;border:1px solid #d8e8ed;border-radius:18px;background:#f9fcfd}.green-line-trace__panels dt{margin-bottom:10px;color:var(--green-line-blue-dark);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.green-line-trace__panels dd{margin:0;color:#294853;font-size:15px;line-height:1.5}.green-line-customer{min-width:0}.green-line-customer__grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);min-width:0;border:1px solid var(--green-line-line);border-radius:clamp(28px,3.2vw,48px);overflow:hidden;background:#f5fbfc;box-shadow:0 28px 80px #0831411a}.green-line-customer__card,.green-line-customer__map{min-width:0;padding:clamp(26px,4vw,56px)}.green-line-customer__card{border-right:1px solid var(--green-line-line);background:#fff}.green-line-customer__card-head{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;margin-bottom:28px}.green-line-customer__card-head>span{display:grid;width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,var(--green-line-blue),var(--green-line-green));color:#fff;font-size:17px;font-weight:900;place-items:center}.green-line-customer__card-head div{display:grid;gap:5px}.green-line-customer__card-head strong{font-size:16px;line-height:1.3}.green-line-customer__card-head small{color:var(--green-line-muted);font-size:13px;line-height:1.4}.green-line-customer__card-head>i{display:grid;width:34px;height:34px;border-radius:50%;background:var(--green-line-mint);color:#087044;font-size:16px;font-style:normal;place-items:center}.green-line-customer__card dl{display:grid;margin:0;gap:9px}.green-line-customer__card dl>div{display:grid;grid-template-columns:1fr;min-width:0;min-height:62px;padding:12px;border:1px solid #e1ecef;border-radius:15px;background:#f9fcfd;gap:10px;align-items:center}.green-line-customer__card dt{display:grid;grid-template-columns:34px minmax(0,1fr);min-width:0;gap:10px;align-items:center}.green-line-customer__card dl span{color:var(--green-line-blue-dark);font-size:13px;font-weight:850}.green-line-customer__card dt,.green-line-customer__card dd{min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.green-line-customer__card dt{font-weight:780}.green-line-customer__card dd{margin:0;padding-left:44px;color:var(--green-line-muted)}.green-line-customer__map{display:grid;grid-template-rows:auto minmax(310px,1fr) auto;background:radial-gradient(circle at 70% 20%,rgb(47 199 126 / 15%),transparent 25%),linear-gradient(145deg,#eff9fc,#eefaf5)}.green-line-customer__map h3{margin:0 0 12px;font-size:clamp(28px,2.6vw,44px);letter-spacing:-.04em;line-height:1.05}.green-line-customer__map>div>p:last-child{max-width:780px;margin:0;color:var(--green-line-muted);font-size:16px;line-height:1.55}.green-line-customer__map-scene{position:relative;width:min(100%,710px);min-height:310px;margin:12px auto 0;border-radius:28px;background:radial-gradient(circle at 18% 28%,rgb(1 146 201 / 8%) 0 3px,transparent 4px),radial-gradient(circle at 70% 68%,rgb(47 199 126 / 10%) 0 3px,transparent 4px);background-size:42px 42px,54px 54px}.green-line-customer__road{position:absolute;border:3px dashed rgb(1 146 201 / 24%);border-radius:50% 38% 48% 42%;inset:18% 8% 15% 10%;transform:rotate(-7deg)}.green-line-customer__marker{position:absolute;display:grid;min-width:128px;min-height:58px;padding:10px 12px;border:1px solid rgb(1 146 201 / 18%);border-radius:17px;background:#fffffff0;box-shadow:0 16px 36px #0741551f;gap:7px;align-items:center;justify-content:center;text-align:center}.green-line-customer__marker i{width:13px;height:13px;margin:0 auto;border:3px solid #fff;border-radius:50%;background:var(--green-line-blue);box-shadow:0 0 0 4px #0192c92e}.green-line-customer__marker strong{font-size:13px;line-height:1.25}.green-line-customer__marker--1{inset:14% auto auto 10%}.green-line-customer__marker--2{inset:10% 8% auto auto}.green-line-customer__marker--3{inset:auto auto 12% 20%}.green-line-customer__marker--4{inset:auto 18% 7% auto}.green-line-customer__marker--2 i{background:var(--green-line-green);box-shadow:0 0 0 4px #2fc77e2e}.green-line-customer__marker--3 i{background:#f7a41d;box-shadow:0 0 0 4px #f7a41d2e}.green-line-customer__marker--4 i{background:#7956d8;box-shadow:0 0 0 4px #7956d829}.green-line-customer__map>small{color:var(--green-line-muted);font-size:13px;line-height:1.4}.green-line-delivery{overflow:hidden;padding:clamp(30px,4vw,64px);border-radius:clamp(30px,3.4vw,52px);background:radial-gradient(circle at 84% 12%,rgb(47 199 126 / 24%),transparent 28%),linear-gradient(145deg,#05202a,#073b48);box-shadow:0 34px 100px #021f2b2e}.green-line-delivery__board{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);min-width:0;border:1px solid rgb(255 255 255 / 15%);border-radius:30px;overflow:hidden;background:#ffffff14}.green-line-delivery__phone{position:relative;display:grid;min-height:440px;padding:55px 42px;border-right:1px solid rgb(255 255 255 / 14%);background:radial-gradient(circle at 50% 75%,rgb(47 199 126 / 32%),transparent 28%),#ffffff0a;align-content:center;justify-items:center}.green-line-delivery__phone>span{position:absolute;width:184px;height:340px;border:8px solid #d8e7eb;border-radius:38px;background:linear-gradient(160deg,#fff,#e9f7f4);box-shadow:0 28px 60px #00000047}.green-line-delivery__phone>span:before{position:absolute;width:58px;height:7px;border-radius:999px;background:#9fb4bc;content:"";inset:13px auto auto 50%;transform:translate(-50%)}.green-line-delivery__phone strong{z-index:1;margin-top:-150px;color:#153945;font-size:15px}.green-line-delivery__phone i{z-index:1;width:94px;height:34px;margin-top:16px;border-radius:12px;background:#d9eef4}.green-line-delivery__phone i:nth-of-type(2){width:122px;background:#dff6ea}.green-line-delivery__phone i:nth-of-type(3){width:108px}.green-line-delivery__route{min-width:0;padding:clamp(26px,4vw,56px)}.green-line-delivery__route>div{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:28px}.green-line-delivery__route>div strong{color:#fff;font-size:clamp(23px,2.2vw,35px);letter-spacing:-.03em}.green-line-delivery__route>div span{padding:8px 12px;border:1px solid rgb(120 228 179 / 28%);border-radius:999px;background:#2fc77e1f;color:#bdf4d8;font-size:13px;font-weight:700}.green-line-delivery__route ol{position:relative;display:grid;margin:0;padding:0;list-style:none;gap:12px}.green-line-delivery__route ol:before{position:absolute;width:2px;background:linear-gradient(var(--green-line-blue),var(--green-line-green));content:"";inset:30px auto 30px 29px}.green-line-delivery__route li{position:relative;z-index:1;display:grid;grid-template-columns:60px 1fr;min-height:72px;padding:10px 14px 10px 0;border:1px solid rgb(255 255 255 / 12%);border-radius:18px;background:#ffffff12;color:#fff;gap:14px;align-items:center}.green-line-delivery__route li>span{display:grid;width:42px;height:42px;margin-left:8px;border:4px solid #0b3540;border-radius:50%;background:var(--green-line-green);color:#062a33;font-size:13px;font-weight:900;place-items:center}.green-line-delivery__route li div{display:grid;gap:4px}.green-line-delivery__route li strong{font-size:15px}.green-line-delivery__route li small{color:#b9d1d9;font-size:13px}.green-line-delivery__note{display:block;margin-top:18px;color:#b9d1d9;font-size:13px;line-height:1.45}.green-line-transformation__grid,.green-line-roles__grid{display:grid;gap:18px}.green-line-transformation__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.green-line-transformation__grid article{min-width:0;padding:clamp(26px,3.6vw,48px);border:1px solid var(--green-line-line);border-radius:30px;background:#f7fafb}.green-line-transformation__grid article.is-after{border-color:#2fc77e4d;background:linear-gradient(145deg,#effbf5,#f8fdfb)}.green-line-transformation__grid article>span,.green-line-roles__grid article>span,.green-line-capabilities li>span{color:var(--green-line-blue-dark);font-size:13px;font-weight:850;letter-spacing:.08em}.green-line-transformation__grid h3{margin:16px 0 24px;font-size:clamp(27px,2.6vw,42px);letter-spacing:-.04em}.green-line-transformation__grid ul{display:grid;margin:0;padding:0;list-style:none;gap:15px}.green-line-transformation__grid li{position:relative;padding-left:24px;color:var(--green-line-muted);font-size:16px;line-height:1.55}.green-line-transformation__grid li:before{position:absolute;width:9px;height:9px;border-radius:50%;background:#93a8af;content:"";inset:.56em auto auto 0}.green-line-transformation__grid .is-after li:before{background:var(--green-line-green)}.green-line-capabilities .case-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;gap:12px}.green-line-capabilities .case-capabilities li{display:grid;grid-template-columns:44px 1fr;min-height:82px;padding:18px;border:1px solid var(--green-line-line);border-radius:20px;background:#fff;color:#294853;gap:12px;align-items:center;font-size:15px;line-height:1.45;box-shadow:0 12px 34px #0831410d}.green-line-roles__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.green-line-roles__grid article{min-width:0;padding:clamp(22px,2.8vw,34px);border:1px solid var(--green-line-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f5fafb)}.green-line-roles__grid article>p{margin:18px 0 10px;color:var(--green-line-blue-dark);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.green-line-roles__grid h3{margin:0 0 16px;font-size:clamp(21px,1.8vw,28px);letter-spacing:-.03em;line-height:1.12}.green-line-roles__grid article>strong{display:block;color:var(--green-line-muted);font-size:15px;font-weight:550;line-height:1.55}.green-line-evidence-boundary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,5vw,78px);padding:clamp(28px,4vw,58px);border:1px solid #cfe5ec;border-radius:clamp(28px,3.2vw,46px);background:radial-gradient(circle at 88% 12%,rgb(1 146 201 / 11%),transparent 30%),linear-gradient(145deg,#f5fbfd,#f3fbf7);align-items:start}.green-line-evidence-boundary h2{font-size:clamp(42px,4.35vw,64px);font-weight:600;letter-spacing:-.05em;line-height:1.04}.green-line-evidence-boundary>div:last-child{display:grid;gap:14px}@keyframes green-line-signal{0%{transform:translate(0)}to{transform:translate(min(76vw,1170px))}}@media(max-width:1120px){.green-line-trace__visual-step{width:88px}.green-line-trace__visual-step i{width:62px;min-height:62px;border-radius:19px}.green-line-customer__grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.green-line-roles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.green-line-heading,.green-line-evidence-boundary{grid-template-columns:1fr}.green-line-heading{align-items:start}.green-line-trace__screen-bar{grid-template-columns:auto 1fr}.green-line-trace__screen-bar small{grid-column:1 / -1;text-align:left}.green-line-trace__visual{display:none}.green-line-trace__workbench{grid-template-columns:1fr}.green-line-trace__tabs{display:flex;overflow-x:auto;padding:14px;border-right:0;border-bottom:1px solid #d7e7ec;scrollbar-width:thin;scroll-padding-inline:14px;scroll-snap-type:x proximity}.green-line-trace__tabs button{flex:0 0 auto;min-width:148px;scroll-snap-align:start}.green-line-trace__panels dl,.green-line-customer__grid,.green-line-delivery__board{grid-template-columns:1fr}.green-line-customer__card{border-right:0;border-bottom:1px solid var(--green-line-line)}.green-line-delivery__phone{min-height:280px;border-right:0;border-bottom:1px solid rgb(255 255 255 / 14%)}.green-line-delivery__phone>span{width:142px;height:230px;border-width:6px;border-radius:30px}.green-line-delivery__phone strong{margin-top:-80px}.green-line-transformation__grid{grid-template-columns:1fr}}@media(max-width:620px){.green-line-case-journey{gap:74px;padding-block:30px 54px}.green-line-trace,.green-line-delivery{padding:22px 14px;border-radius:28px}.green-line-heading h2,.green-line-trace .green-line-heading h2,.green-line-delivery .green-line-heading h2{font-size:clamp(35px,9.5vw,42px);line-height:1.06;overflow-wrap:anywhere}.green-line-trace .green-line-heading,.green-line-delivery .green-line-heading{padding-inline:6px}.green-line-trace__screen{border-radius:22px}.green-line-trace__screen-bar{gap:12px}.green-line-trace__screen-bar strong,.green-line-trace__screen-bar small{font-size:13px}.green-line-trace__panels{padding:22px 16px}.green-line-trace__panels dl{grid-template-columns:1fr}.green-line-customer__grid,.green-line-delivery__board{border-radius:24px}.green-line-customer__card,.green-line-customer__map,.green-line-delivery__route{padding:22px 16px}.green-line-customer__map{grid-template-rows:auto 440px auto}.green-line-customer__map-scene{min-height:440px}.green-line-customer__marker{min-width:132px}.green-line-customer__marker--1{inset:7% auto auto 3%}.green-line-customer__marker--2{inset:29% 0 auto auto}.green-line-customer__marker--3{inset:53% auto auto 5%}.green-line-customer__marker--4{inset:auto 2% 2% auto}.green-line-capabilities .case-capabilities,.green-line-roles__grid{grid-template-columns:1fr}.green-line-capabilities .case-capabilities li{grid-template-columns:36px 1fr}.green-line-evidence-boundary{padding:24px 18px;border-radius:26px}}@media(prefers-reduced-motion:reduce){.green-line-case-journey *,.green-line-case-journey *:before,.green-line-case-journey *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.green-line-trace__signal{animation:none!important}}.green-line-trace .green-line-heading{grid-template-columns:minmax(0,1fr)}@media(max-width:680px){.legal-page[data-case-page=green-line-trading] .detail-page-body{width:calc(100% - 24px)}.green-line-trace{width:calc(100% + 24px);margin-inline:-12px;padding-inline:clamp(6px,calc((100% - 312px)/2),12px);border-radius:0}.green-line-trace .green-line-heading{padding-inline:0}}@media(max-width:680px){.green-line-heading h2,.green-line-evidence-boundary h2,.green-line-trace .green-line-heading h2{font-size:clamp(35px,9.5vw,42px);line-height:1.06;overflow-wrap:anywhere}}
