.glovis-showcase{background:var(--mineral);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:56px clamp(40px,6vw,100px);display:grid}.glovis-story,.glovis-demo{min-width:0}.glovis-story .section-intro h2{font-size:clamp(3rem,5vw,5.25rem)}.glovis-story .section-intro>p:not(.section-code){color:#071d22bf}.glovis-port-image{margin:32px 0 0}.glovis-port-image img{aspect-ratio:1672/941;width:100%;height:auto;display:block}.glovis-port-image figcaption,.glovis-demo-caption{color:#071d22b3;margin:12px 0 0;font-size:.8rem;line-height:1.6}.glovis-story-note{max-width:48ch;color:var(--forest);margin:22px 0 0;font-size:1.1rem;line-height:1.65}.glovis-demo{--go-navy:#083568;--go-blue:#0870ba;--go-muted:#4e6073;--go-line:#d7e2ee;justify-self:center;width:100%;max-width:400px}.glovis-demo-intro{margin-bottom:28px}.glovis-demo-intro h3{letter-spacing:-.02em;margin:0;font-family:IBM Plex Sans Condensed,sans-serif;font-size:2rem;line-height:1.1}.glovis-demo-intro p{color:#071d22bf;margin:10px 0 0;font-size:1rem;line-height:1.6}.glovis-tabs{gap:24px}.glovis-steps{background:0 0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:auto;padding:0;display:grid}.glovis-steps [role=tab]{border:0;border-bottom:1px solid var(--go-line);min-height:44px;color:var(--go-navy);box-shadow:none;background:0 0;border-radius:0;padding:10px 6px;font-size:.875rem}.glovis-steps [role=tab][data-state=active]{background:var(--go-navy);color:#fff;box-shadow:none}.glovis-device{height:760px;color:var(--go-navy);background:#fff;border:8px solid #171916;border-radius:42px;flex-direction:column;padding-top:32px;display:flex;position:relative;overflow:hidden}.glovis-device:before{content:"";pointer-events:none;background:#171916;border-radius:20px;width:88px;height:19px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.glovis-device:after{content:"";pointer-events:none;background:#171916;border-radius:4px;width:94px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.glovis-screen-header{border-bottom:1px solid var(--go-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.glovis-screen-header img{object-fit:contain;width:128px;height:36px}.glovis-screen-header>span{letter-spacing:.08em;color:var(--go-muted);font-size:.75rem;font-weight:600}.glovis-screen-panel[data-state=active]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.glovis-screen-panel[data-state=inactive]{display:none}.glovis-screen-scroll{overscroll-behavior-y:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#8097ad #edf5fc;flex:1;min-height:0;padding-bottom:20px;overflow:hidden auto}.glovis-screen-scroll:focus-visible{outline:2px solid var(--go-blue);outline-offset:-3px}.glovis-screen-scroll::-webkit-scrollbar{width:6px}.glovis-screen-scroll::-webkit-scrollbar-track{background:#edf5fc}.glovis-screen-scroll::-webkit-scrollbar-thumb{background:#8097ad;border-radius:6px}.glovis-entry-scroll{flex-direction:column;justify-content:safe center;display:flex}.glovis-welcome-art{aspect-ratio:2;flex-shrink:0;margin:32px 18px}.glovis-welcome-art img{object-fit:contain;width:100%;height:100%;display:block}.glovis-screen-title{padding:24px 24px 12px}.glovis-screen-title h4{letter-spacing:-.025em;margin:0;font-family:IBM Plex Sans Condensed,sans-serif;font-size:2rem;line-height:1.1}.glovis-screen-title p{color:var(--go-muted);margin:12px 0 0;font-size:.875rem;line-height:1.6}.glovis-private-entry{align-items:flex-start;gap:12px;padding:16px 24px 0;display:flex}.glovis-private-entry svg{color:var(--go-blue);flex-shrink:0;margin-top:3px}.glovis-private-entry p{margin:0;font-size:.875rem;line-height:1.6}.glovis-private-entry strong,.glovis-private-entry span{display:block}.glovis-private-entry span{color:var(--go-muted);margin-top:4px}.glovis-screen-bottom{border-top:1px solid var(--go-line);background:#fff;flex-shrink:0;padding:18px 24px 26px}.glovis-primary{background:var(--go-navy);color:#fff;white-space:normal;border-radius:12px;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:.95rem;font-weight:600;line-height:1.4}.glovis-primary:hover{background:#064e8b}.glovis-primary:disabled{color:#5b6c7b;opacity:1;background:#e5ecf3}.glovis-demo button:focus-visible{outline:2px solid var(--go-blue);outline-offset:4px;box-shadow:none}.glovis-menu-options{gap:0;padding:0 24px}.glovis-menu-group{color:var(--go-muted);margin:22px 0 8px;font-size:.8rem;font-weight:600}.glovis-option{border-bottom:1px solid var(--go-line);cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:12px 10px;line-height:1.35;transition:background-color .18s;display:flex}.glovis-option:has([data-state=checked]){background:#edf5fc}.glovis-option:hover{background:#f3f7fb}.glovis-option:focus-within{outline:2px solid var(--go-blue);outline-offset:-2px}.glovis-option [role=radio]{width:20px;min-width:20px;height:20px;color:var(--go-blue);box-shadow:none;border:1px solid #7b94ac}.glovis-option [role=radio] svg{fill:var(--go-blue)}.glovis-option strong{font-size:.95rem;font-weight:600;display:block}.glovis-option small{color:var(--go-muted);margin-top:4px;font-size:.8rem;display:block}.glovis-chosen{background:#edf5fc;margin:12px 24px 0;padding:16px}.glovis-chosen span{color:var(--go-muted);font-size:.8rem;display:block}.glovis-chosen strong{margin-top:6px;font-size:1.05rem;display:block}.glovis-delivery-fields{padding:20px 24px 0}.glovis-delivery-fields fieldset{border:0;min-width:0;margin:0 0 20px;padding:0}.glovis-delivery-fields legend{margin-bottom:8px;font-size:.875rem;font-weight:600}.glovis-delivery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.glovis-delivery-options .glovis-option{border:1px solid var(--go-line);min-height:52px;padding:10px;font-size:.875rem}.glovis-delivery-result{align-items:flex-start;gap:12px;padding:0 24px;display:flex}.glovis-delivery-result svg{color:var(--go-blue);flex-shrink:0;margin-top:2px}.glovis-delivery-result p{margin:0;font-size:.875rem;line-height:1.55}.glovis-delivery-result strong,.glovis-delivery-result span{display:block}.glovis-delivery-result span{margin-top:5px}.glovis-example-notice{color:var(--go-muted);margin:18px 24px 0;font-size:.8rem;line-height:1.6}.glovis-reset{width:100%;min-height:44px;color:var(--go-navy);white-space:normal;margin-top:12px}.glovis-empty{color:var(--go-muted);padding:40px 24px;font-size:.875rem;line-height:1.6}.glovis-empty p{color:var(--go-navy);font-size:1rem;font-weight:600}.glovis-service-flow{border-top:1px solid #071d2238;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:32px 0 0;list-style:none;display:grid}.glovis-service-flow li{align-items:flex-start;gap:18px;display:flex}.glovis-service-flow li>span{color:var(--forest);padding-top:6px;font-size:.8rem}.glovis-service-flow h3{letter-spacing:-.02em;margin:0;font-family:IBM Plex Sans Condensed,sans-serif;font-size:1.65rem;line-height:1.15}.glovis-service-flow p{color:#071d22bf;margin:12px 0 0;font-size:.95rem;line-height:1.65}@media (max-width:1050px){.glovis-showcase{grid-template-columns:minmax(0,1fr)}.glovis-story .section-intro,.glovis-port-image{max-width:760px}.glovis-service-flow{gap:24px}}@media (max-width:760px){.glovis-showcase{gap:44px}.glovis-story .section-intro h2{font-size:clamp(2.75rem,9vw,4.25rem)}.glovis-device{border-radius:36px;height:660px}.glovis-service-flow{grid-template-columns:minmax(0,1fr);padding-top:24px}.glovis-service-flow li{border-bottom:1px solid #071d222e;padding-bottom:24px}.glovis-screen-header,.glovis-screen-title,.glovis-screen-bottom,.glovis-menu-options,.glovis-delivery-fields,.glovis-delivery-result,.glovis-private-entry{padding-left:18px;padding-right:18px}.glovis-chosen,.glovis-example-notice{margin-left:18px;margin-right:18px}.glovis-delivery-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.glovis-option{transition:none}}
