@tailwind base;@tailwind components;@tailwind utilities;:root{--jhub-dev-update-bar-offset: 0px;--background: 210 33% 96%;--foreground: 215 52% 13%;--card: 0 0% 100%;--card-foreground: 215 52% 13%;--popover: 0 0% 100%;--popover-foreground: 215 52% 13%;--primary: 222 47% 11%;--primary-foreground: 210 40% 98%;--secondary: 210 30% 94%;--secondary-foreground: 215 32% 18%;--muted: 210 30% 94%;--muted-foreground: 215 16% 47%;--accent: 204 94% 94%;--accent-foreground: 215 52% 13%;--destructive: 0 72% 51%;--destructive-foreground: 210 40% 98%;--border: 214 24% 88%;--input: 214 24% 88%;--ring: 217 91% 60%;--radius: .5rem;color:#102033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:#f4f6f8}.jhub-dev-update-bar-visible body{padding-top:var(--jhub-dev-update-bar-offset)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.jhub-web-app-root{min-width:0;min-height:100vh;isolation:isolate}.jhub-dev-update-bar{position:fixed;z-index:10000;top:0;right:0;left:0;display:flex;min-height:44px;align-items:center;justify-content:center;gap:14px;padding:8px 16px;border-bottom:1px solid rgba(15,23,42,.2);background:#172033;color:#fff;box-shadow:0 10px 26px #0f172a3d}.jhub-dev-update-bar__text{display:flex;min-width:0;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center;font-size:.88rem;line-height:1.25;text-align:center}.jhub-dev-update-bar__text strong{color:#67e8f9;font-weight:800}.jhub-dev-update-bar__text span{max-width:min(68vw,760px);overflow-wrap:anywhere;color:#d9e3ef}.jhub-dev-update-bar__button{display:inline-flex;min-height:30px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#f8fafc;color:#172033;cursor:pointer;font-size:.84rem;font-weight:800}.jhub-dev-update-bar__button:hover{background:#e0f2fe}.jhub-dev-update-bar__button:focus-visible{outline:3px solid rgba(103,232,249,.5);outline-offset:2px}.jhub-dev-update-bar__button:disabled{cursor:wait;opacity:.7}.jhub-dev-update-bar-visible .sticky.top-0{top:var(--jhub-dev-update-bar-offset)}.jhub-bootstrap-page{display:grid;min-height:100vh;place-items:center;padding:clamp(24px,6vw,64px);background:linear-gradient(135deg,#f5f7f8f5,#ebf1f0fa),#f4f6f8;color:#152235}.jhub-bootstrap-status{width:min(100%,420px);padding:28px;border:1px solid #d8e0e6;border-radius:8px;background:#fff;box-shadow:0 20px 48px #1522351f}.jhub-bootstrap-status__eyebrow{margin:0 0 10px;color:#0f766e;font-size:.78rem;font-weight:700}.jhub-bootstrap-status h1{margin:0;font-size:clamp(1.6rem,4vw,2.05rem);line-height:1.1}.jhub-bootstrap-status__message{margin:10px 0 22px;color:#536174}.jhub-bootstrap-status__progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#e3e9ee}.jhub-bootstrap-status__progress span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#f97316);animation:jhub-bootstrap-progress 1.2s ease-in-out infinite}@keyframes jhub-bootstrap-progress{0%{transform:translate(-105%)}55%,to{transform:translate(245%)}}.jhub-not-found-page{--jhub-404-x: 50;--jhub-404-y: 46;position:relative;overflow:hidden;background:radial-gradient(circle at calc(var(--jhub-404-x) * 1%) calc(var(--jhub-404-y) * 1%),#fffffff2 0,#ffffffc7 72px,#fff0 260px),linear-gradient(118deg,#fff7d8,#dffbf3,#eef5ff 68%,#ffe4ef)}.jhub-not-found-page:before,.jhub-not-found-page:after{position:absolute;inset:-16%;content:"";pointer-events:none}.jhub-not-found-page:before{background:conic-gradient(from 120deg at 50% 50%,#0f766e29,#f973161f,#2563eb1c,#ec48991a,#0f766e29);filter:blur(28px);opacity:.68;animation:jhub-not-found-aurora 18s linear infinite}.jhub-not-found-page:after{inset:0;background-image:linear-gradient(rgba(15,118,110,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 1px);background-position:center;background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);opacity:.32;transform:translate3d(calc((var(--jhub-404-x) - 50) * -.24px),calc((var(--jhub-404-y) - 46) * -.24px),0)}.jhub-not-found{position:relative;z-index:1;display:grid;width:min(100%,960px);grid-template-columns:minmax(280px,.94fr) minmax(280px,.8fr);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(22px,4vw,44px);border-color:#ffffffb8;background:#ffffffbd;box-shadow:0 28px 70px #15223524,inset 0 1px #ffffffdb;backdrop-filter:blur(18px) saturate(1.14)}.jhub-not-found__visual{position:relative;width:min(100%,400px);aspect-ratio:1;justify-self:center;border-radius:32px;perspective:900px}.jhub-not-found__visual:before,.jhub-not-found__visual:after{position:absolute;content:"";pointer-events:none}.jhub-not-found__visual:before{inset:10%;border:1px solid rgba(15,118,110,.32);border-radius:42% 58% 47% 53%;box-shadow:0 0 42px #2dd4bf57;animation:jhub-not-found-wobble 7s ease-in-out infinite}.jhub-not-found__visual:after{inset:3%;border:1px dashed rgba(249,115,22,.32);border-radius:54% 46% 60% 40%;animation:jhub-not-found-spin 18s linear infinite}.jhub-not-found__visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(21,34,53,.18));transform:rotateX(calc((var(--jhub-404-y) - 46) * -.08deg)) rotateY(calc((var(--jhub-404-x) - 50) * .08deg));animation:jhub-not-found-float 5.2s ease-in-out infinite}.jhub-not-found__spark{position:absolute;z-index:2;width:14px;aspect-ratio:1;border-radius:3px;background:#facc15;box-shadow:0 0 24px #facc1594;transform:rotate(45deg);animation:jhub-not-found-sparkle 2.8s ease-in-out infinite}.jhub-not-found__spark--one{top:8%;left:18%}.jhub-not-found__spark--two{right:7%;bottom:24%;width:11px;background:#2dd4bf;animation-delay:.7s}.jhub-not-found__spark--three{bottom:11%;left:8%;width:9px;background:#fb7185;animation-delay:1.35s}.jhub-not-found__content{min-width:0}.jhub-not-found .jhub-bootstrap-status__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#0f766e}.jhub-not-found h1{max-width:10em;font-size:clamp(2rem,5vw,4.4rem);line-height:.98;letter-spacing:0}.jhub-not-found .jhub-bootstrap-status__message{max-width:34rem;margin:18px 0 14px;color:#36465a;font-size:clamp(1rem,2vw,1.12rem)}.jhub-not-found__host{display:flex;width:fit-content;max-width:100%;gap:10px;align-items:center;padding:8px 12px;margin:0 0 24px;overflow-wrap:anywhere;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#f0fdfac7;color:#536174;font-size:.9rem}.jhub-not-found__host span{color:#152235;font-weight:700}.jhub-not-found__actions{display:flex;flex-wrap:wrap;gap:10px}.jhub-not-found__action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(21,34,53,.14);border-radius:999px;background:#ffffffbd;color:#233247;cursor:pointer;font-weight:800;box-shadow:0 10px 22px #1522351a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.jhub-not-found__action:hover{border-color:#0f766e5c;box-shadow:0 16px 26px #15223524;transform:translateY(-2px)}.jhub-not-found__action:focus-visible{outline:3px solid rgba(45,212,191,.46);outline-offset:3px}.jhub-not-found__action--primary{border-color:transparent;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff}@keyframes jhub-not-found-aurora{to{transform:rotate(360deg)}}@keyframes jhub-not-found-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes jhub-not-found-spin{to{transform:rotate(360deg)}}@keyframes jhub-not-found-wobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(7deg) scale(1.04)}}@keyframes jhub-not-found-sparkle{0%,to{opacity:.56;transform:rotate(45deg) scale(.78)}50%{opacity:1;transform:rotate(45deg) scale(1.24)}}@media(max-width:760px){.jhub-not-found-page{padding:18px}.jhub-not-found{grid-template-columns:1fr;gap:18px;text-align:center}.jhub-not-found__visual{width:min(76vw,320px);order:-1}.jhub-not-found h1,.jhub-not-found .jhub-bootstrap-status__message{max-width:none}.jhub-not-found__host{margin-right:auto;margin-left:auto;border-radius:18px}.jhub-not-found__actions{justify-content:center}}@media(max-width:420px){.jhub-not-found{padding:18px}.jhub-not-found__action{width:100%}}@media(prefers-reduced-motion:reduce){.jhub-bootstrap-status__progress span{animation:none;transform:translate(70%)}.jhub-not-found-page:before,.jhub-not-found__visual:before,.jhub-not-found__visual:after,.jhub-not-found__visual img,.jhub-not-found__spark{animation:none}.jhub-not-found__visual img{transform:none}}.jhub-go-wordmark{--jhub-go-prefix-color: #061f12;--jhub-go-suffix-color: #314238;--jhub-go-capsule-bg: #075625;--jhub-go-capsule-text: #ffffff;display:inline-flex;align-items:center;gap:.18em;color:var(--jhub-go-prefix-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:inherit;font-weight:920;letter-spacing:0;line-height:1;text-transform:uppercase;white-space:nowrap}.jhub-go-wordmark--light{--jhub-go-prefix-color: #f7f3e9;--jhub-go-suffix-color: rgba(247, 243, 233, .82)}.jhub-go-wordmark__prefix,.jhub-go-wordmark__suffix{color:var(--jhub-go-prefix-color)}.jhub-go-wordmark__go{display:inline-flex;align-items:center;justify-content:center;min-height:1.12em;padding:.04em .38em;border-radius:.42em;background:var(--jhub-go-capsule-bg);color:var(--jhub-go-capsule-text);font-weight:950;line-height:1}.jhub-go-wordmark__suffix{margin-left:.04em;color:var(--jhub-go-suffix-color);font-size:.72em;font-weight:860;text-transform:none;transform:translateY(.05em)}.jhub-go-wordmark--compact{gap:.14em}.jhub-go-wordmark--compact .jhub-go-wordmark__go{padding-right:.34em;padding-left:.34em;border-radius:.38em}.jhub-assistant{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:80;color:#14213d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.jhub-assistant__launcher,.jhub-assistant__actions button,.jhub-assistant__composer button,.jhub-assistant__session button{display:inline-grid;place-items:center;border:0;cursor:pointer}.jhub-assistant__launcher{width:54px;height:54px;border-radius:50%;color:#fff;background:#0f766e;box-shadow:0 18px 32px #0f172a38}.jhub-assistant__launcher:hover{background:#115e59}.jhub-assistant__panel{position:absolute;right:0;bottom:68px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(380px,calc(100vw - 32px));height:min(620px,calc(100vh - 104px));overflow:hidden;border:1px solid rgba(20,33,61,.14);border-radius:8px;background:#fbfcfd;box-shadow:0 28px 70px #0f172a3d}.jhub-assistant__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid #dde5ea;background:#fff}.jhub-assistant__identity{display:flex;min-width:0;align-items:center;gap:10px}.jhub-assistant__mark{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#0f766e}.jhub-assistant__identity h2,.jhub-assistant__identity p,.jhub-assistant__message p,.jhub-assistant__error{overflow-wrap:anywhere}.jhub-assistant__identity h2{margin:0;font-size:.95rem;line-height:1.2}.jhub-assistant__identity p{margin:2px 0 0;color:#5d6878;font-size:.78rem}.jhub-assistant__actions{display:flex;flex:0 0 auto;gap:6px}.jhub-assistant__actions button,.jhub-assistant__session>button{width:32px;height:32px;border-radius:50%;color:#3b4758;background:#eef3f5}.jhub-assistant__actions button:hover,.jhub-assistant__session>button:hover{background:#dce8ea}.jhub-assistant__sessions{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid #e5ebef;background:#f6f8fa}.jhub-assistant__session{display:inline-flex;min-width:132px;max-width:184px;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8e2e7;border-radius:8px;padding:4px;color:#253247;background:#fff}.jhub-assistant__session[data-active=true]{border-color:#0f766e;background:#e8f6f3}.jhub-assistant__session button:first-child{min-width:0;flex:1 1 auto;justify-content:start;border-radius:6px;padding:5px 6px;color:inherit;background:transparent}.jhub-assistant__session span{min-width:0;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.jhub-assistant__session>button:last-child{width:24px;height:24px}.jhub-assistant__messages{display:flex;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;padding:14px;background:#fbfcfd}.jhub-assistant__message{display:flex}.jhub-assistant__message p{max-width:min(82%,280px);margin:0;border-radius:8px;padding:10px 12px;font-size:.88rem;line-height:1.45}.jhub-assistant__message[data-role=assistant]{justify-content:flex-start}.jhub-assistant__message[data-role=assistant] p{border:1px solid #dbe4ea;background:#fff}.jhub-assistant__message[data-role=user]{justify-content:flex-end}.jhub-assistant__message[data-role=user] p{color:#fff;background:#1d4ed8}.jhub-assistant__cursor{display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-.15em;background:#0f766e;animation:jhub-assistant-cursor .9s steps(2,start) infinite}.jhub-assistant__error{margin:0 14px 10px;border:1px solid #fecaca;border-radius:8px;padding:9px 10px;color:#991b1b;background:#fff1f2;font-size:.82rem}.jhub-assistant__error a{display:inline-block;margin-left:8px;color:#1d4ed8;font-weight:700}.jhub-assistant__composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:12px;border-top:1px solid #dde5ea;background:#fff}.jhub-assistant__composer input{width:100%;min-width:0;border:1px solid #cbd5df;border-radius:8px;padding:10px 11px;color:#14213d;background:#fff}.jhub-assistant__composer input:focus{border-color:#0f766e;outline:2px solid rgba(15,118,110,.18)}.jhub-assistant__composer button{width:42px;height:42px;border-radius:50%;color:#fff;background:#0f766e}.jhub-assistant__composer button:disabled{cursor:not-allowed;opacity:.55}.jhub-assistant__composer button svg{animation:none}.jhub-assistant__composer button[data-loading=true] svg{animation:jhub-assistant-spin 1s linear infinite}@keyframes jhub-assistant-cursor{50%{opacity:0}}@keyframes jhub-assistant-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.jhub-assistant{right:12px;bottom:12px}.jhub-assistant__panel{right:-4px;bottom:64px;width:calc(100vw - 24px);height:min(620px,calc(100vh - 92px))}.jhub-assistant__message p{max-width:88%}}@media(prefers-reduced-motion:reduce){.jhub-assistant__cursor,.jhub-assistant__composer button[data-loading=true] svg{animation:none}}.okgo4-app{--color-brand: #1e56f2;--color-brand-hover: #0648d0;--color-brand-soft: #eef4ff;--color-brand-tint: #f7fbff;--color-accent: #e86f32;--color-accent-soft: #fff3ea;--color-accent-line: #ffd6bd;--color-text: #0b1220;--color-text-strong: #111827;--color-text-body: #344054;--color-text-muted: #4b5565;--color-text-subtle: #667085;--color-surface: #fff;--color-surface-soft: #f8fafc;--color-surface-muted: #f7f9fc;--color-surface-raised: rgba(255, 255, 255, .95);--color-border: #d9e0ea;--color-border-strong: #cfd8e5;--color-border-soft: #e2e8f0;--color-success: #047244;--color-success-soft: #eaf8f0;--color-warning: #e86f32;--color-warning-soft: #fff3ea;--color-neutral-soft: #eef4ff;--color-icon-soft: #f1f5f9;--color-dark-surface: #101827;--color-showcase-surface: #0f5f78;--color-teal-surface: #15657f;--color-teal-deep: #14637d;--color-tray-surface: #123d4d;--color-accent-text: #7d3c1c;--color-text-slate: #2b3445;--color-text-secondary: #465367;--color-disabled-bg: #cbd5e1;--color-disabled-text: #64748b;--color-list-blue-start: #152139;--color-list-blue-end: #0757f7;--color-list-red-start: #311827;--color-list-red-end: #9b1c1c;--color-list-teal-start: #073b4c;--color-list-teal-end: #0f766e;--color-brand-vivid: #0f7cff;--color-mint: #2dd4bf;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-sm: 0 10px 24px rgba(15, 23, 42, .08);--shadow-md: 0 16px 42px rgba(15, 23, 42, .07);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .12);--shadow-brand: 0 16px 30px rgba(7, 87, 247, .24);--shadow-popover: 0 18px 42px rgba(15, 23, 42, .14);--shadow-card: 0 12px 30px rgba(15, 23, 42, .06);--focus-brand: rgba(30, 86, 242, .36);--border-brand-soft: rgba(30, 86, 242, .16);--border-brand-muted: rgba(30, 86, 242, .24);--border-brand-light: rgba(30, 86, 242, .28);--border-brand: rgba(30, 86, 242, .36);--border-brand-strong: rgba(30, 86, 242, .58);--border-brand-selected: rgba(30, 86, 242, .74);--border-accent-soft: rgba(232, 111, 50, .24);--border-accent: rgba(232, 111, 50, .42);--border-success: rgba(4, 114, 68, .36);--surface-glass: rgba(255, 255, 255, .94);--surface-overlay: rgba(255, 255, 255, .66);--surface-overlay-strong: rgba(255, 255, 255, .92);--overlay-dark: rgba(8, 12, 18, .72);--overlay-ink: rgba(15, 23, 42, .62);--space-section-y: clamp(42px, 5vw, 64px);--space-section-y-tight: clamp(28px, 4vw, 42px);--space-panel: 22px;--space-card: 16px;--type-hero: clamp(4.2rem, 8vw, 7.2rem);--type-section-title: clamp(2.1rem, 3.4vw, 2.7rem);--type-card-title: 1.2rem;--type-body: 1rem;--type-caption: .82rem;--ratio-card-media: 16 / 10.7;--ratio-list-media: 16 / 9;--ratio-detail-media: 16 / 8.4;--blue: var(--color-brand);--blue-dark: var(--color-brand-hover);--ink: var(--color-text);--muted: var(--color-text-muted);--line: var(--color-border);--soft: var(--color-surface-muted);--green: var(--color-success);--orange: var(--color-accent);--orange-soft: var(--color-accent-soft);--orange-line: var(--color-accent-line);--radius: var(--radius-lg);--shadow: var(--shadow-lg);position:relative;isolation:isolate;min-height:100vh;background:linear-gradient(180deg,var(--color-brand-tint) 0%,var(--color-surface) 34%,var(--color-surface) 68%,var(--color-surface-muted) 100%);color:var(--ink);font-family:Pretendard Variable,Pretendard,SUIT Variable,SUIT,Inter,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.okgo4-app:before,.okgo4-app:after{position:absolute;left:0;z-index:-1;width:100%;pointer-events:none;content:""}.okgo4-app:before{top:0;height:760px;background:linear-gradient(180deg,#f2f7fff5,#f7faffb3 48%,#fff0),repeating-linear-gradient(90deg,rgba(30,86,242,.04) 0 1px,transparent 1px 92px),repeating-linear-gradient(0deg,rgba(15,23,42,.032) 0 1px,transparent 1px 92px)}.okgo4-app:after{bottom:0;height:860px;background:linear-gradient(180deg,#fff0,#f5f8fce6 34%,#ecf1f7f5),repeating-linear-gradient(135deg,rgba(15,23,42,.035) 0 1px,transparent 1px 84px)}.okgo4-app *{box-sizing:border-box}.okgo4-app a{color:inherit;text-decoration:none}.okgo4-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:190px 1fr auto;align-items:center;min-height:76px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--surface-glass);backdrop-filter:blur(18px)}.okgo4-logo{display:inline-flex;align-items:center;min-width:0;width:fit-content;min-height:48px;padding:0;border-radius:14px}.okgo4-logo-image{display:block;width:clamp(118px,13vw,172px);max-width:100%;height:auto;max-height:42px;object-fit:contain;filter:drop-shadow(0 6px 12px var(--border-brand-soft))}.okgo4-logo:hover .okgo4-logo-image{filter:drop-shadow(0 8px 16px var(--border-brand-light))}.okgo4-nav{position:absolute;top:0;left:50%;display:flex;justify-content:center;gap:48px;width:max-content;height:76px;transform:translate(-50%)}.okgo4-nav a{display:inline-flex;align-items:center;border-bottom:2px solid transparent;color:var(--color-text-strong);font-weight:780}.okgo4-nav a[aria-current=page]{border-color:var(--color-text-strong)}.okgo4-mobile-nav-trigger{display:none;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-strong);cursor:pointer;font:inherit;font-weight:860;white-space:nowrap}.okgo4-mobile-nav-menu{min-width:150px}.okgo4-tools{display:flex;align-items:center;gap:18px}.okgo4-icon-button,.okgo4-avatar{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--color-icon-soft);color:var(--color-text-strong);font-weight:900}.okgo4-menu-content,.okgo4-select-content{--color-surface: #fff;--color-border-strong: #cfd8e5;--color-text-body: #344054;--color-brand-soft: #eef4ff;--blue: #1e56f2;--shadow-popover: 0 18px 42px rgba(15, 23, 42, .14);z-index:50;min-width:172px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:12px;background:#fff;box-shadow:var(--shadow-popover)}.okgo4-menu-content{padding:8px}.okgo4-mobile-nav-menu{z-index:100;background:#fff}.okgo4-menu-item,.okgo4-select-item{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 10px;border-radius:8px;color:var(--color-text-body);cursor:pointer;font-size:.9rem;font-weight:800;outline:none}.okgo4-menu-item[data-highlighted],.okgo4-select-item[data-highlighted]{background:var(--color-brand-soft);color:var(--blue)}.okgo4-main{position:relative;z-index:1;padding:30px 24px 72px}.okgo4-main.is-showroom-page{padding-top:38px}.okgo4-hero{display:flex;justify-content:center;min-height:0;padding:clamp(48px,6vw,76px) 0 clamp(18px,3vw,34px);text-align:center}.okgo4-hero-copy{display:flex;width:min(100%,980px);flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding-top:0}.okgo4-hero-copy h1{margin:0;max-width:860px;font-size:var(--type-hero);line-height:1.14;letter-spacing:0;font-family:SUIT Variable,Pretendard Variable,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:950;word-break:keep-all}.okgo4-hero-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.2em;min-width:min(100%,760px)}.okgo4-hero-title-prefix{display:inline-block;letter-spacing:-.01em;transform-origin:left bottom;animation:okgo4-title-swap .62s cubic-bezier(.2,.78,.2,1) both}.okgo4-hero-title strong{position:relative;display:inline-block;overflow:hidden;color:var(--blue);font:inherit;font-weight:950;text-shadow:0 12px 28px rgba(30,86,242,.18);transform-origin:50% 62%;animation:okgo4-ok-lock .92s cubic-bezier(.17,.9,.2,1.12) .16s both}.okgo4-hero-title strong:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.78) 46%,transparent 68%);content:"";transform:translate(-140%);animation:okgo4-ok-shine .82s ease-out .52s both}.okgo4-hero-title strong:before{position:absolute;left:.08em;right:.06em;bottom:.03em;height:.08em;border-radius:999px;background:linear-gradient(90deg,rgba(30,86,242,0),var(--border-brand-strong),rgba(30,86,242,0));content:"";transform:scaleX(0);transform-origin:left;animation:okgo4-ok-underline .56s ease-out .62s both}@keyframes okgo4-title-swap{0%{opacity:0;filter:blur(4px);transform:translateY(12px) scale(.98)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes okgo4-ok-lock{0%{opacity:0;transform:translateY(8px) scale(.9)}62%{opacity:1;transform:translateY(0) scale(1.055)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes okgo4-ok-shine{to{transform:translate(140%)}}@keyframes okgo4-ok-underline{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.okgo4-hero-title-prefix,.okgo4-hero-title strong,.okgo4-hero-title strong:before,.okgo4-hero-title strong:after{animation:none;filter:none}.okgo4-hero-title strong:before{transform:scaleX(1)}.okgo4-hero-title strong:after{display:none}}.okgo4-hero-copy p{max-width:620px;margin:22px auto 0;color:var(--color-text-body);font-size:clamp(1.12rem,1.8vw,1.35rem);line-height:1.75;word-break:keep-all}.okgo4-hero-lead span{display:block}.okgo4-hero-lead span:first-child{color:var(--blue);font-weight:900}.okgo4-actions{display:flex;justify-content:center;gap:22px;margin-top:38px}.okgo4-primary,.okgo4-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 42px;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:850;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.okgo4-app .okgo4-primary{background:var(--color-brand);color:var(--color-surface);box-shadow:var(--shadow-brand)}.okgo4-secondary{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong)}.okgo4-primary:hover,.okgo4-new-order-button:hover,.okgo4-order-submit a:not(.is-disabled):hover,.okgo4-add-to-cart button:not(:disabled):hover,.okgo4-content-actions button.is-primary:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.okgo4-secondary:hover,.okgo4-detail-page-head>a:hover,.okgo4-detail-page-head>button:hover,.okgo4-content-actions button:not(.is-primary):hover,.okgo4-order-submit button:hover{border-color:var(--border-brand-light);background:var(--color-brand-tint);color:var(--color-brand)}.okgo4-stats{display:grid;width:min(100%,960px);min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,34px);margin:clamp(56px,7vw,82px) auto 0;padding-top:28px;border-top:1px solid var(--line)}.okgo4-stats dt{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;color:var(--color-text-subtle);font-size:clamp(.9rem,1.25vw,1.05rem);font-weight:820;white-space:nowrap}.okgo4-stats dt svg{flex:0 0 auto;color:var(--color-text-subtle);width:clamp(17px,1.4vw,21px);height:clamp(17px,1.4vw,21px)}.okgo4-stats>div{min-width:0}.okgo4-stats dd{position:relative;display:grid;min-height:clamp(86px,7.2vw,102px);place-items:center;align-content:center;gap:8px;margin:0;white-space:nowrap}.okgo4-stat-number-row{display:flex;align-items:baseline;justify-content:center;gap:7px;min-width:0;transition:opacity .18s ease,filter .18s ease}.okgo4-stats dd strong{font-size:clamp(2.45rem,4.25vw,4rem);font-weight:950;line-height:1}.okgo4-stat-delta{color:var(--green);font-size:clamp(.82rem,1.1vw,1rem);font-weight:900;white-space:nowrap}.okgo4-stat-suffix{color:var(--color-text-subtle);font-size:clamp(1rem,1.35vw,1.18rem);font-weight:860;white-space:nowrap}.okgo4-stats.is-collecting .okgo4-stat-number-row{opacity:.42;filter:blur(2.4px) grayscale(.24) saturate(.78);text-shadow:0 0 14px rgba(15,23,42,.38),0 0 28px rgba(30,86,242,.18)}.okgo4-stat-collecting{display:inline-grid;place-items:center;gap:2px;width:fit-content;max-width:100%;padding:5px 9px 6px;border:1px solid rgba(207,216,229,.64);border-radius:var(--radius-pill);background:#f8fbffd1;color:var(--color-text-strong);font-size:.78rem;font-weight:900;line-height:1.1;text-align:center;box-shadow:0 8px 20px #0f172a0f;backdrop-filter:blur(6px)}.okgo4-stat-collecting small{color:var(--color-text-muted);font-size:clamp(.62rem,.8vw,.7rem);font-weight:760;white-space:normal;word-break:keep-all}.okgo4-hero-grid,.okgo4-hero-showcase{justify-self:end;width:min(100%,820px)}.okgo4-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.okgo4-hero-showcase{display:grid;align-self:stretch;min-height:520px;gap:12px}.okgo4-showcase-stage{position:relative;min-height:416px;margin:0;overflow:hidden;border:1px solid rgba(12,31,54,.2);border-radius:16px;background:var(--color-showcase-surface);box-shadow:var(--shadow)}.okgo4-showcase-stage:after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#040d1c00 40%,#040d1cc2);content:""}.okgo4-showcase-media,.okgo4-showcase-media img,.okgo4-showcase-media video{width:100%;height:100%}.okgo4-showcase-media{position:absolute;inset:0}.okgo4-showcase-media img,.okgo4-showcase-media video{display:block;object-fit:cover}.okgo4-showcase-media.is-vertical{display:grid;place-items:center;background:var(--color-dark-surface)}.okgo4-showcase-media.is-vertical video:not(.okgo4-showcase-media-backdrop){position:relative;z-index:1;width:auto;height:min(100%,416px);aspect-ratio:9 / 16;border-radius:18px;object-fit:cover;box-shadow:0 20px 58px #0000006b}.okgo4-showcase-media-backdrop{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);opacity:.42;filter:blur(22px) saturate(1.12) brightness(.78);transform:scale(1.08)}.okgo4-showcase-caption{position:absolute;left:22px;right:22px;bottom:24px;z-index:1;display:grid;gap:6px;color:var(--color-surface)}.okgo4-showcase-caption span{width:fit-content;padding:7px 10px;border-radius:8px;background:var(--orange);font-size:.78rem;font-weight:900}.okgo4-showcase-caption strong{font-size:clamp(1.75rem,3vw,2.7rem);line-height:1;letter-spacing:0;text-shadow:0 2px 14px rgba(0,0,0,.36)}.okgo4-showcase-caption small{color:#ffffffdb;font-size:var(--type-body);font-weight:760}.okgo4-showcase-caption.is-rich{inset:24px 24px 24px auto;align-content:center;width:min(52%,430px);gap:10px;padding:clamp(18px,2vw,28px);border:1px solid var(--border-accent-soft);border-radius:14px;background:#fffbf7e6;color:var(--ink);box-shadow:0 22px 48px #20180e2e;text-align:center;backdrop-filter:blur(14px)}.okgo4-showcase-caption.is-rich span{justify-self:center;border:1px solid rgba(232,111,50,.28);background:#ffffffc7;color:var(--orange)}.okgo4-showcase-caption.is-rich strong{color:var(--orange);font-size:clamp(1.55rem,2.15vw,2.25rem);line-height:1.18;text-shadow:none;word-break:keep-all}.okgo4-showcase-caption.is-rich small{color:var(--orange);font-size:clamp(1.14rem,1.65vw,1.62rem);font-weight:920;line-height:1.25;word-break:keep-all}.okgo4-showcase-caption.is-rich p{margin:4px auto 0;max-width:320px;color:var(--color-text-slate);font-size:clamp(.88rem,1vw,1rem);font-weight:720;line-height:1.7;word-break:keep-all}.okgo4-showcase-caption.is-rich ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin:6px 0 0;padding:12px 0 0;border-top:1px solid rgba(232,111,50,.34);color:var(--color-accent-text);list-style:none}.okgo4-showcase-caption.is-rich li{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-caption);font-weight:850}.okgo4-showcase-caption.is-rich li:not(:first-child):before{width:4px;height:4px;border-radius:999px;background:#7d3c1c85;content:""}.okgo4-showcase-tray{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-height:92px;padding:10px;border:1px solid rgba(12,31,54,.16);border-radius:16px;background:var(--color-tray-surface)}.okgo4-showcase-tray button{position:relative;min-width:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:var(--orange);color:var(--color-surface);cursor:pointer;font:inherit}.okgo4-showcase-tray button img{position:absolute;inset:0;width:100%;height:100%;opacity:.26;object-fit:cover}.okgo4-showcase-tray button span{position:relative;z-index:1;display:grid;min-height:68px;place-items:end start;padding:8px;font-size:clamp(.72rem,.9vw,.88rem);font-weight:900;line-height:1.1;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.3)}.okgo4-showcase-tray button.is-active{border-color:var(--color-surface);box-shadow:0 0 0 3px #ef6c1752}.okgo4-showcase-tray button:focus-visible{outline:3px solid rgba(30,86,242,.5);outline-offset:2px}.okgo4-visual-card{position:relative;aspect-ratio:1.35 / 1;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--color-text-strong);box-shadow:var(--shadow)}.okgo4-visual-card.is-wide{min-height:0}.okgo4-visual-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.okgo4-visual-hit{position:absolute;inset:0;z-index:2;border-radius:inherit}.okgo4-visual-hit:focus-visible{outline:3px solid rgba(30,86,242,.45);outline-offset:-5px}.okgo4-category-bar{display:flex;align-items:center;gap:14px;margin:0 0 28px;padding:16px 20px;border:1px solid var(--line);border-radius:12px}.okgo4-category-bar button,.okgo4-sort-select{flex:0 0 auto;min-height:44px;padding:0 22px;border:1px solid var(--line);border-radius:8px;background:var(--color-surface);color:var(--color-text-body);cursor:pointer;font:inherit;font-weight:780;white-space:nowrap}.okgo4-category-bar button.is-active{border-color:var(--blue);background:var(--blue);color:var(--color-surface)}.okgo4-sort-select{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-left:auto}.okgo4-select-content{min-width:var(--radix-select-trigger-width);padding:6px}.okgo4-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;margin-top:16px;padding:clamp(28px,4vw,42px) 16px clamp(42px,5vw,56px)}.okgo4-process h2,.okgo4-section-heading h2,.okgo4-detail-panel h2,.okgo4-order h2{margin:0;font-size:var(--type-section-title);line-height:1.2;letter-spacing:0}.okgo4-process h2 strong{color:var(--blue)}.okgo4-process p,.okgo4-section-heading p,.okgo4-order p{margin:16px 0 0;color:var(--muted);line-height:1.65}.okgo4-process>div:first-child{grid-column:1 / -1;align-self:center;justify-self:center;max-width:980px;min-width:0;text-align:center}.okgo4-process>div:first-child h2{text-wrap:balance}.okgo4-process>div:first-child p{margin-right:auto;margin-bottom:18px;margin-left:auto;max-width:620px}.okgo4-process-steps{display:contents}.okgo4-process-steps article,.okgo4-detail-panel,.okgo4-order-box,.okgo4-list-grid>article{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--color-surface)}.okgo4-process-steps article{--flow-border-rest: var(--line);display:flex;min-width:0;min-height:clamp(272px,25vw,300px);flex-direction:column;overflow:hidden;padding:var(--space-card);animation:okgo4-flow-highlight 6.4s infinite}.okgo4-process-steps article.is-highlight-1{animation-delay:1.6s}.okgo4-process-steps article.is-highlight-2{animation-delay:3.2s}.okgo4-process-steps article.is-highlight-3{animation-delay:4.8s}.okgo4-process-steps article img{display:block;width:100%;aspect-ratio:var(--ratio-card-media);border:1px solid rgba(217,224,234,.86);border-radius:var(--radius-md);background:var(--color-brand-soft);object-fit:cover}.okgo4-process-steps h3{margin:16px 0 0;font-size:var(--type-card-title)}.okgo4-process-steps article p{margin-top:8px}.okgo4-process-story{grid-column:1 / -1;display:grid;justify-self:center;width:min(100%,1120px);gap:clamp(44px,5.4vw,76px);margin-top:clamp(34px,4.5vw,64px)}.okgo4-story-block{display:grid;justify-items:center;gap:22px;min-width:0;text-align:center}.okgo4-story-copy{display:grid;justify-items:center;gap:12px;max-width:780px;min-width:0}.okgo4-story-copy h3{margin:0;color:var(--color-text-strong);font-size:clamp(2rem,3.2vw,2.85rem);font-weight:950;line-height:1.18;text-wrap:balance;word-break:keep-all}.okgo4-story-accent{color:var(--blue);text-shadow:0 12px 28px rgba(30,86,242,.18)}.okgo4-story-copy p{max-width:640px;margin:0;color:var(--color-text);font-size:clamp(1rem,1.25vw,1.15rem);font-weight:520;line-height:1.7;text-wrap:balance;word-break:keep-all}.okgo4-story-block figure{width:min(100%,1040px);aspect-ratio:16 / 7.4;margin:0;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);box-shadow:0 16px 36px #0f172a14}.okgo4-story-block img{display:block;width:100%;height:100%;object-fit:cover}.okgo4-story-case{display:grid;justify-items:center;gap:14px;width:min(100%,1080px)}.okgo4-story-case-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;padding:7px;border:1px solid var(--color-border);border-radius:999px;background:#ffffffc7;box-shadow:0 14px 30px #0f172a0f}.okgo4-story-case-tabs button{min-width:76px;min-height:38px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text);font:inherit;font-size:.95rem;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.okgo4-story-case-tabs button:hover{border-color:#1e56f23d;background:var(--color-brand-soft);color:var(--blue);transform:translateY(-1px)}.okgo4-story-case-tabs button[aria-selected=true]{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 10px 24px #1e56f238}.okgo4-story-case-figure{position:relative;isolation:isolate}.okgo4-story-case-figure img{animation:okgo4-case-image-in .26s ease both}.okgo4-story-case-figure figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;gap:5px;max-width:620px;padding:14px 16px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#0f172aa8;color:#fff;text-align:left;box-shadow:0 16px 36px #0f172a38;backdrop-filter:blur(14px);animation:okgo4-case-caption-in .26s ease both}.okgo4-story-case-figure figcaption strong{font-size:clamp(1rem,1.35vw,1.18rem);font-weight:900}.okgo4-story-case-figure figcaption span{color:#ffffffe0;font-size:clamp(.82rem,1vw,.95rem);font-weight:650;line-height:1.55;word-break:keep-all}@media(max-width:640px){.okgo4-story-case{gap:12px}.okgo4-story-case-tabs{width:100%;border-radius:28px}.okgo4-story-case-tabs button{flex:1 1 92px;min-width:0}.okgo4-story-case-figure{display:grid;gap:10px;aspect-ratio:auto;overflow:visible;border:0;background:transparent;box-shadow:none}.okgo4-story-case-figure img{height:auto;aspect-ratio:16 / 7.4;border:1px solid var(--color-border-strong);border-radius:10px;box-shadow:0 16px 36px #0f172a14}.okgo4-story-case-figure figcaption{display:none}}@keyframes okgo4-flow-highlight{0%,20%{border-color:var(--blue);background:var(--color-brand-tint);box-shadow:0 18px 38px #1e56f233;transform:translateY(-2px)}25%,to{border-color:var(--flow-border-rest);background:var(--color-surface);box-shadow:none;transform:translateY(0)}}@keyframes okgo4-case-image-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes okgo4-case-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.okgo4-showroom{margin-top:30px;padding-top:18px}.okgo4-featured-comic{display:grid;grid-template-columns:1fr;align-items:start;gap:clamp(24px,3.2vw,44px);margin-top:54px;padding:clamp(22px,3vw,34px);border:1px solid rgba(12,31,54,.14);border-radius:12px;background:linear-gradient(135deg,#fff3eaf0,#f7fbfff5),var(--color-surface);box-shadow:0 18px 42px #0f172a14}.okgo4-featured-comic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,22px)}.okgo4-featured-comic-cover{position:relative;display:block;justify-self:center;width:min(100%,330px);overflow:hidden;border:1px solid rgba(12,31,54,.2);border-radius:10px;background:var(--color-surface);box-shadow:0 22px 48px #0f172a29}.okgo4-featured-comic-cover:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.52);pointer-events:none;content:""}.okgo4-featured-comic-cover img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}.okgo4-featured-comic-copy{display:grid;gap:18px;justify-items:center;min-width:0;text-align:center}.okgo4-featured-comic-copy h2{display:grid;gap:7px;margin:0;color:var(--color-text-strong);font-size:clamp(2.05rem,4vw,3.25rem);font-weight:950;line-height:1;word-break:keep-all}.okgo4-featured-comic-copy h2 strong{color:var(--color-accent);font-size:clamp(1.28rem,2vw,1.72rem);line-height:1.22}.okgo4-featured-comic-cover:focus-visible{outline:3px solid rgba(30,86,242,.42);outline-offset:3px}.okgo4-featured-shorts{display:grid;grid-template-columns:1fr;align-items:start;gap:clamp(24px,3.2vw,44px);margin-top:34px;padding:clamp(22px,3vw,34px);overflow:hidden;border:1px solid rgba(12,31,54,.14);border-radius:12px;background:linear-gradient(135deg,#eef8fff5,#fff6eef2),var(--color-surface);box-shadow:0 18px 42px #0f172a14}.okgo4-featured-shorts-copy{display:grid;gap:18px;justify-items:center;min-width:0;text-align:center}.okgo4-featured-shorts-copy h2{display:grid;gap:7px;margin:0;color:var(--color-text-strong);font-size:clamp(2.05rem,4vw,3.25rem);font-weight:950;line-height:1;word-break:keep-all}.okgo4-featured-shorts-copy h2 strong{color:var(--color-accent);font-size:clamp(1.28rem,2vw,1.72rem);line-height:1.22}.okgo4-featured-shorts-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,22px)}.okgo4-featured-short-card{position:relative;justify-self:center;width:min(100%,300px);overflow:hidden;border:1px solid rgba(12,31,54,.2);border-radius:14px;background:#050912;box-shadow:0 22px 48px #0f172a33}.okgo4-featured-short-card:after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.42);pointer-events:none;content:""}.okgo4-featured-short-card img{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover;object-position:center}.okgo4-bottom-cta{position:relative;display:grid;min-height:232px;margin-top:54px;overflow:hidden;place-items:center;border:1px solid rgba(12,31,54,.18);border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(30,86,242,.18),transparent 34%),linear-gradient(180deg,#080c12c2,#080c12db),url(/a/okgo4/footer/bottom-cta.png) center / cover;color:var(--color-surface);text-align:center}.okgo4-bottom-cta div{position:relative;z-index:1;display:grid;justify-items:center;gap:20px;padding:34px 28px}.okgo4-bottom-cta p{margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:760}.okgo4-bottom-cta a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:min(420px,76vw);min-height:54px;padding:0 36px;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:transparent;color:var(--color-surface);font-size:1.05rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff14;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.okgo4-bottom-cta a:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.26) 48%,transparent 70%);content:"";transform:translate(-120%);transition:transform .46s ease}.okgo4-bottom-cta a:hover{border-color:#ffffff94;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29,0 18px 38px #00000029;transform:translateY(-2px)}.okgo4-bottom-cta a:hover:after{transform:translate(120%)}.okgo4-bottom-cta a:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:3px}.okgo4-footer{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;justify-content:space-between;gap:28px;min-height:0;margin:56px -24px -72px;padding:24px 58px 26px;border-top:1px solid var(--line);background:linear-gradient(180deg,#fafcfffa,#f4f7fbfa),var(--color-surface-soft);color:var(--color-text-muted)}.okgo4-footer>div{display:grid;gap:8px;max-width:560px}.okgo4-footer-logo{display:block;width:126px;height:auto;object-fit:contain}.okgo4-footer p{margin:0;color:var(--color-text-muted);line-height:1.55;word-break:keep-all}.okgo4-footer small{color:var(--color-text-subtle);font-size:.78rem;line-height:1.45}.okgo4-footer-links{display:grid;gap:10px;justify-self:end;justify-items:end;max-width:none;text-align:right}.okgo4-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;color:var(--color-text-strong);font-size:.94rem;font-weight:820}.okgo4-footer nav[aria-label="footer legal navigation"]{justify-content:flex-end;gap:8px 14px;color:var(--color-text-muted);font-size:.8rem;font-weight:720}.okgo4-footer nav[aria-label="footer legal navigation"] a{white-space:nowrap}.okgo4-footer nav[aria-label="footer legal navigation"] button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:inherit;white-space:nowrap}.okgo4-footer nav[aria-label="footer legal navigation"] button:hover{color:var(--color-brand)}.okgo4-social-links{justify-content:flex-end;gap:8px}.okgo4-footer .okgo4-social-links button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;place-items:center;padding:0 10px;height:34px;border:1px solid var(--color-border-soft);border-radius:999px;background:var(--surface-overlay);color:var(--color-text-body);font-size:.95rem;font-weight:950;line-height:1;cursor:default;transition:border-color .16s ease,background .16s ease,color .16s ease}.okgo4-footer .okgo4-social-links button small{margin:0;color:var(--color-text-muted);font-size:.72rem;font-weight:850;line-height:1}.okgo4-footer .okgo4-social-links button:hover{border-color:var(--color-border-soft);background:var(--surface-overlay);color:var(--color-text-body)}.okgo4-dialog-overlay{position:fixed;inset:0;z-index:80;background:var(--overlay-ink, rgba(15, 23, 42, .62))}.okgo4-legal-dialog{position:fixed;top:50%;left:50%;z-index:81;display:grid;width:min(calc(100vw - 36px),480px);gap:14px;padding:26px;border:1px solid var(--color-border, #d9e0ea);border-radius:var(--radius-xl, 18px);background:var(--color-surface, #fff);box-shadow:var(--shadow-popover, 0 18px 42px rgba(15, 23, 42, .14));transform:translate(-50%,-50%)}.okgo4-legal-dialog h2{margin:0;color:var(--color-text-strong, #0f172a);font-size:1.35rem}.okgo4-legal-dialog p{margin:0;color:var(--color-text-muted, #5f6f86);line-height:1.7;word-break:keep-all}.okgo4-dialog-close{justify-self:end;min-height:40px;padding:0 18px;border:0;border-radius:var(--radius-md, 10px);background:var(--color-brand, #1e56f2);color:var(--color-surface, #fff);cursor:pointer;font:inherit;font-weight:860}.okgo4-consult-dialog{position:fixed;top:50%;left:50%;z-index:81;display:grid;width:min(calc(100vw - 32px),540px);max-height:min(680px,calc(100vh - 36px));gap:18px;overflow:auto;padding:26px;border:1px solid var(--color-border, #d9e0ea);border-radius:var(--radius-xl, 18px);background:var(--color-surface, #fff);box-shadow:var(--shadow-popover, 0 18px 42px rgba(15, 23, 42, .14));transform:translate(-50%,-50%)}.okgo4-consult-dialog-head{display:grid;gap:8px}.okgo4-consult-dialog h2{margin:0;color:var(--color-text-strong, #0f172a);font-size:1.42rem}.okgo4-consult-dialog p{margin:0;color:var(--color-text-muted, #5f6f86);line-height:1.65;word-break:keep-all}.okgo4-consult-form{display:grid;gap:14px}.okgo4-consult-form label{display:grid;gap:7px;color:var(--color-text-strong, #0f172a);font-weight:850}.okgo4-consult-form input:not([type=checkbox]),.okgo4-consult-form textarea{width:100%;min-height:46px;padding:12px 13px;border:1px solid var(--color-border-strong, #cfd8e5);border-radius:10px;background:var(--color-surface, #fff);color:var(--color-text-strong, #0f172a);font:inherit}.okgo4-consult-form input:not([type=checkbox])[readonly]{background:#f6f8fb;color:var(--color-brand, #1e56f2);font-weight:860}.okgo4-consult-form input:not([type=checkbox]):disabled,.okgo4-consult-form textarea:disabled{background:var(--color-surface-soft, #f8fafc);color:var(--color-text-muted, #5f6f86);cursor:not-allowed}.okgo4-consult-form textarea{min-height:116px;max-height:220px;resize:vertical}.okgo4-consult-form input:not([type=checkbox])[aria-invalid=true],.okgo4-consult-form textarea[aria-invalid=true]{border-color:var(--color-accent, #e86f32);box-shadow:inset 0 0 0 1px #e86f3238}.okgo4-consult-consent{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--color-border-strong, #cfd8e5);border-radius:10px;background:var(--color-surface-soft, #f8fafc);color:var(--color-text-secondary, #465367);font-size:.92rem;font-weight:760;line-height:1.45}.okgo4-consult-consent.is-invalid{border-color:var(--color-accent, #e86f32);box-shadow:inset 0 0 0 1px #e86f3238}.okgo4-consult-consent input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--color-brand, #1e56f2);cursor:pointer}.okgo4-consult-consent input[type=checkbox]:disabled{cursor:not-allowed}.okgo4-consult-error,.okgo4-consult-success{padding:12px 14px;border-radius:10px;font-weight:820}.okgo4-consult-error{background:#e86f321c;color:#a94718}.okgo4-consult-success{background:#0472441a;color:var(--color-success, #047244)}.okgo4-consult-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.okgo4-consult-actions button{min-height:44px;padding:0 18px;border:1px solid var(--color-border-strong, #cfd8e5);border-radius:10px;background:var(--color-surface, #fff);color:var(--color-text-strong, #0f172a);cursor:pointer;font:inherit;font-weight:860}.okgo4-consult-actions button[type=submit]{border-color:var(--color-brand, #1e56f2);background:var(--color-brand, #1e56f2);color:var(--color-surface, #fff)}.okgo4-consult-actions button:disabled{border-color:var(--color-disabled-bg);background:var(--color-border-soft);color:var(--color-disabled-text);cursor:not-allowed}.okgo4-showroom-page{margin-top:0;padding-top:0}.okgo4-product-page{display:grid;gap:18px;padding-top:18px}.okgo4-product-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding:18px 20px;border:1px solid var(--color-border);border-radius:14px;background:#ffffffc2}.okgo4-product-heading p{margin:0 0 6px;color:var(--blue);font-size:.9rem;font-weight:900}.okgo4-product-heading h1{max-width:780px;margin:0;color:var(--color-text-strong);font-size:clamp(1.6rem,2.7vw,2.2rem);font-weight:950;line-height:1.16;letter-spacing:0;word-break:keep-all}.okgo4-product-heading span{display:block;max-width:680px;margin-top:8px;color:var(--muted);font-size:.96rem;font-weight:620;line-height:1.55;word-break:keep-all}.okgo4-product-heading a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:10px;background:var(--blue);color:var(--color-surface);font-weight:900;box-shadow:0 16px 30px #0757f738;white-space:nowrap}.okgo4-product-board{display:grid;grid-template-columns:minmax(220px,282px) minmax(0,1fr);gap:22px;align-items:start;min-width:0}.okgo4-product-industries{display:grid;align-content:start;gap:8px;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:16px;background:#ffffffdb;box-shadow:0 18px 42px #1e305414}.okgo4-product-industries button,.okgo4-product-type-bar button{min-width:0;border:1px solid transparent;border-radius:10px;background:#f7faffc7;color:var(--color-text-body);cursor:pointer;font:inherit;font-weight:820;letter-spacing:0;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.okgo4-product-industries button{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;font-size:.96rem;line-height:1.2;text-align:left;word-break:keep-all}.okgo4-product-industries button svg,.okgo4-product-type-bar button svg{flex:0 0 auto;color:var(--blue)}.okgo4-product-industries button span,.okgo4-product-type-bar button span{min-width:0;overflow-wrap:anywhere}.okgo4-product-industries button:hover,.okgo4-product-type-bar button:hover{border-color:#0757f72e;background:#fffffff5;color:var(--color-text-strong);transform:translateY(-1px)}.okgo4-product-industries button.is-active,.okgo4-product-type-bar button.is-active{border-color:transparent;background:linear-gradient(135deg,var(--blue),#16a9cf);color:var(--color-surface);box-shadow:0 12px 28px #0757f73d}.okgo4-product-industries button.is-active svg,.okgo4-product-type-bar button.is-active svg{color:var(--color-surface)}.okgo4-product-explorer{display:grid;gap:16px;min-width:0}.okgo4-product-stage{position:relative;isolation:isolate;display:grid;min-height:clamp(420px,45vw,620px);overflow:hidden;border:1px solid rgba(192,205,224,.86);border-radius:18px;background:linear-gradient(135deg,#e8f4fff5,#ffffffdb),#f7fbff;box-shadow:0 24px 56px #1a2b4c1f}.okgo4-product-stage>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:1;object-fit:contain;object-position:center;animation:okgo4-product-image-in .26s ease both}.okgo4-product-stage:after{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0a1c382e,#0a1c3808 28%,#fff0 68%);content:"";pointer-events:none}.okgo4-product-stage-copy{position:absolute;left:24px;bottom:24px;z-index:2;display:grid;gap:7px;width:min(52%,460px);padding:14px 16px;border:1px solid rgba(255,255,255,.62);border-radius:12px;background:#ffffffd6;color:var(--color-text-strong);text-align:left;box-shadow:0 16px 34px #0f172a29;backdrop-filter:blur(18px);animation:okgo4-product-copy-in .26s ease both}.okgo4-product-stage-copy span{color:var(--blue);font-size:.78rem;font-weight:950}.okgo4-product-stage-copy strong{font-size:clamp(1.08rem,1.55vw,1.38rem);font-weight:950;line-height:1.22;word-break:keep-all}.okgo4-product-stage-copy p{margin:0;color:var(--color-text-body);font-size:.88rem;font-weight:640;line-height:1.48;word-break:keep-all}.okgo4-product-arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffe0;color:var(--blue);cursor:pointer;transform:translateY(-50%);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.okgo4-product-arrow.is-prev{left:18px}.okgo4-product-arrow.is-next{right:18px}.okgo4-product-arrow:hover{background:var(--blue);color:var(--color-surface);box-shadow:0 14px 28px #0757f733;transform:translateY(-50%) scale(1.04)}.okgo4-product-arrow:focus-visible,.okgo4-product-dots button:focus-visible,.okgo4-product-industries button:focus-visible,.okgo4-product-type-bar button:focus-visible{outline:3px solid var(--focus-brand);outline-offset:3px}.okgo4-product-dots{position:absolute;right:24px;bottom:24px;z-index:2;display:flex;gap:8px}.okgo4-product-dots button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffe0;color:var(--blue);cursor:pointer;opacity:.82}.okgo4-product-dots button.is-active{background:var(--blue);color:var(--color-surface);opacity:1;box-shadow:0 8px 20px #0757f733}.okgo4-product-type-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:10px;border:1px solid var(--color-border);border-radius:16px;background:#ffffffdb;box-shadow:0 16px 38px #1e305412}.okgo4-product-type-bar button{display:grid;justify-items:center;align-content:center;gap:8px;min-height:82px;padding:10px 12px;text-align:center}.okgo4-product-type-bar button span{color:inherit;font-size:.94rem;font-weight:900;line-height:1.15}@keyframes okgo4-product-image-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes okgo4-product-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.okgo4-pricing-page{display:grid;gap:34px;padding-top:22px}.okgo4-my-services-page{display:grid;gap:26px;padding-top:22px}.okgo4-pricing-hero{max-width:1120px}.okgo4-pricing-hero p,.okgo4-my-services-hero p{margin:0 0 12px;color:var(--blue);font-size:.9rem;font-weight:900}.okgo4-pricing-hero h1,.okgo4-my-services-hero h1{margin:0;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.08;letter-spacing:0;word-break:keep-all}.okgo4-pricing-hero h1{white-space:nowrap}@media(max-width:640px){.okgo4-pricing-hero h1{font-size:2rem}}@media(max-width:520px){.okgo4-pricing-hero h1{font-size:1.62rem}}@media(max-width:440px){.okgo4-pricing-hero h1{font-size:1.38rem}}@media(max-width:380px){.okgo4-pricing-hero h1{font-size:1.2rem}}.okgo4-pricing-hero span,.okgo4-my-services-hero span{display:block;max-width:620px;margin-top:18px;color:var(--muted);font-size:1.05rem;line-height:1.75;word-break:keep-all}.okgo4-my-services-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;overflow:hidden;padding:34px;border:1px solid var(--border-brand-soft);border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,var(--surface-overlay-strong) 54%,rgba(255,255,255,.7) 100%),linear-gradient(135deg,#1e56f21f,#fff0 46%),url(/a/okgo4/benefits/photo-visitor-ai-report.png) right center / cover,var(--color-surface);box-shadow:0 18px 46px #0f172a14}.okgo4-my-services-hero a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:28px;padding:0 24px;border-radius:10px;background:var(--blue);color:var(--color-surface);font-weight:880;box-shadow:0 16px 30px #0757f738}.okgo4-my-services-hero .okgo4-new-order-button{min-height:58px;padding:0 30px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--color-brand-vivid));color:var(--color-surface);font-size:1.06rem;font-weight:950;box-shadow:0 20px 42px var(--border-brand-light)}.okgo4-my-services-hero .okgo4-new-order-button:hover{transform:translateY(-1px)}.okgo4-new-order-page{display:grid;gap:22px;padding-top:22px}.okgo4-new-order-page .okgo4-detail-page-head{overflow:hidden;background:linear-gradient(90deg,#fffffff7,#ffffffe6 56%,#ffffffb8),linear-gradient(135deg,#1e56f21a,#fff0 45%),url(/a/okgo4/benefits/photo-launch-suite.png) right center / cover,var(--color-surface)}.okgo4-service-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.okgo4-service-summary article{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;min-height:110px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-overlay-strong);box-shadow:0 12px 30px #0f172a0d}.okgo4-service-summary svg{color:var(--blue)}.okgo4-service-summary span{color:var(--color-text-muted);font-size:.9rem;font-weight:820}.okgo4-service-summary strong{grid-column:1 / -1;font-size:2.15rem;line-height:1}.okgo4-service-workspace{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}.okgo4-owned-services,.okgo4-service-detail-panel,.okgo4-order-builder{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fffffff2;box-shadow:0 16px 42px #0f172a12}.okgo4-owned-services{padding:22px}.okgo4-service-detail-panel{display:grid;gap:18px;padding:22px}.okgo4-order-workspace{display:grid;min-width:0}.okgo4-order-builder{display:grid;gap:18px;padding:22px}.okgo4-order-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.okgo4-order-flow span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--type-caption);font-weight:860;white-space:nowrap}.okgo4-order-flow span.is-active{border-color:var(--border-brand);background:var(--color-brand-soft);color:var(--color-brand)}.okgo4-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.okgo4-panel-heading p{margin:0 0 6px;color:var(--blue);font-size:.82rem;font-weight:900}.okgo4-panel-heading h2{margin:0;font-size:1.42rem;line-height:1.2}.okgo4-panel-heading a,.okgo4-panel-heading button,.okgo4-subsection-heading button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--blue);cursor:pointer;font:inherit;font-size:.9rem;font-weight:850;white-space:nowrap}.okgo4-owned-list{display:grid;gap:10px}.okgo4-owned-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:100%;min-height:104px;padding:16px;border:1px solid var(--color-border-soft);border-radius:12px;background:var(--color-surface);color:inherit;text-align:left}.okgo4-owned-list span{display:inline-flex;width:fit-content;margin-bottom:8px;padding:5px 8px;border-radius:7px;background:var(--color-brand-soft);color:var(--blue-dark);font-size:.76rem;font-weight:900}.okgo4-owned-list h3{margin:0;font-size:1.02rem;line-height:1.32;word-break:keep-all}.okgo4-owned-list p{margin:6px 0 0;color:var(--muted);font-size:.88rem}.okgo4-owned-list article>div:last-child{display:grid;justify-items:end;gap:7px;text-align:right}.okgo4-owned-list strong{color:var(--green);font-size:.9rem;white-space:nowrap}.okgo4-owned-list small{color:var(--color-text-subtle);font-weight:720;white-space:nowrap}.okgo4-owned-list a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--border-brand-muted);border-radius:8px;color:var(--blue);font-size:.82rem;font-weight:900}.okgo4-detail-status-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface-soft)}.okgo4-detail-status-row span,.okgo4-detail-status-row strong{padding:6px 9px;border-radius:999px;font-size:.82rem;font-weight:900}.okgo4-detail-status-row span{background:var(--color-success-soft);color:var(--green)}.okgo4-detail-status-row strong{background:var(--color-brand-soft);color:var(--blue-dark)}.okgo4-detail-status-row small{margin-left:auto;color:var(--color-text-subtle);font-weight:760}.okgo4-direction-note{display:grid;gap:9px;color:var(--color-text-body);font-weight:900}.okgo4-direction-note textarea{min-height:128px;resize:vertical;border:1px solid var(--color-border-strong);border-radius:12px;padding:14px;color:var(--ink);font:inherit;line-height:1.62}.okgo4-content-management,.okgo4-service-updates{display:grid;gap:12px}.okgo4-subsection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.okgo4-subsection-heading h3,.okgo4-service-updates h3{margin:0;font-size:1.05rem}.okgo4-content-type-list{display:grid;gap:12px}.okgo4-content-type-list article{display:grid;gap:12px;padding:14px;border:1px solid var(--color-border-soft);border-radius:12px;background:var(--color-surface)}.okgo4-content-type-list article>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.okgo4-content-type-list svg{color:var(--blue)}.okgo4-content-type-list h4{margin:0;font-size:1rem}.okgo4-content-type-list p{margin:4px 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}.okgo4-content-type-list strong{padding:6px 9px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:.78rem;white-space:nowrap}.okgo4-progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--color-border-soft)}.okgo4-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--color-mint))}.okgo4-content-brief{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:12px}.okgo4-content-brief article{display:grid;align-content:start;gap:6px;min-width:0;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.okgo4-content-brief span{color:var(--color-text-subtle);font-size:.76rem;font-weight:850}.okgo4-content-brief strong{min-width:0;color:var(--color-text-strong);font-size:.94rem;line-height:1.35;word-break:keep-all}.okgo4-content-actions{display:flex;flex-wrap:wrap;gap:8px}.okgo4-content-actions button{min-height:34px;padding:0 11px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);color:var(--color-text-body);cursor:pointer;font:inherit;font-size:.82rem;font-weight:820}.okgo4-service-updates{padding:16px;border-radius:12px;background:var(--color-surface-soft)}.okgo4-service-updates ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.okgo4-service-updates li{color:var(--muted);font-weight:740}.okgo4-service-updates li:before{margin-right:8px;color:var(--blue);font-weight:900;content:"\2022"}.okgo4-service-detail-page{display:grid;gap:22px;padding-top:22px}.okgo4-detail-page-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:end;padding:28px;border:1px solid var(--border-brand-soft);border-radius:18px;background:linear-gradient(135deg,#1e56f217,#fff0 44%),var(--color-surface);box-shadow:0 18px 46px #0f172a14}.okgo4-detail-page-head.is-no-back{grid-template-columns:minmax(0,1fr) auto}.okgo4-detail-page-head>a,.okgo4-detail-page-head>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);color:var(--color-text-body);font:inherit;font-weight:850;white-space:nowrap}.okgo4-detail-page-head>button{cursor:pointer}.okgo4-detail-page-head p{margin:0 0 8px;color:var(--blue);font-size:.88rem;font-weight:900}.okgo4-detail-page-head h1{margin:0;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08;letter-spacing:0;word-break:keep-all}.okgo4-detail-page-head span{display:block;margin-top:12px;color:var(--muted);font-weight:760}.okgo4-detail-page-grid{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(540px,1.22fr);gap:20px;align-items:start}.okgo4-service-overview-panel,.okgo4-service-work-panel{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fffffff2;box-shadow:0 16px 42px #0f172a12}.okgo4-service-overview-panel,.okgo4-service-work-panel{display:grid;gap:18px;padding:22px}.okgo4-content-tabs-root{display:grid;gap:18px}.okgo4-content-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:8px;border:1px solid var(--color-border-strong);border-radius:13px;background:var(--color-surface-soft)}.okgo4-content-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--color-text-body);cursor:pointer;font:inherit;font-weight:880}.okgo4-content-tab[data-state=active]{border-color:var(--border-brand);background:var(--color-surface);color:var(--blue);box-shadow:0 10px 22px #1e56f217}.okgo4-content-tab:focus-visible{outline:3px solid rgba(30,86,242,.26);outline-offset:2px}.okgo4-content-settings{display:grid;gap:18px;padding:20px;border:1px solid var(--border-brand-soft);border-radius:14px;background:linear-gradient(135deg,#1e56f212,#fff0 36%),var(--color-surface)}.okgo4-content-settings-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.okgo4-content-settings-head svg{color:var(--blue)}.okgo4-content-settings-head p{margin:0 0 4px;color:var(--muted);font-size:.82rem;font-weight:850}.okgo4-content-settings-head h3{margin:0;font-size:1.18rem;line-height:1.3}.okgo4-content-settings-head strong{padding:7px 10px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:.82rem;white-space:nowrap}.okgo4-settings-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.okgo4-settings-grid label,.okgo4-settings-grid>div{display:grid;align-content:start;gap:10px}.okgo4-settings-grid label>span,.okgo4-settings-grid h4{margin:0;color:var(--color-text-body);font-size:.95rem;font-weight:900}.okgo4-settings-grid textarea{min-height:150px;resize:vertical;border:1px solid var(--color-border-strong);border-radius:12px;padding:14px;color:var(--ink);font:inherit;line-height:1.6}.okgo4-work-memo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.okgo4-work-memo-grid article{display:grid;gap:7px;padding:16px;border-radius:12px;background:var(--color-surface-soft)}.okgo4-work-memo-grid span{color:var(--blue);font-size:.8rem;font-weight:900}.okgo4-work-memo-grid strong{font-size:1rem;line-height:1.35}.okgo4-work-memo-grid p{margin:0;color:var(--muted);line-height:1.55}.okgo4-content-actions.is-footer{justify-content:flex-end}.okgo4-content-actions button.is-primary{border-color:var(--blue);background:var(--blue);color:var(--color-surface)}.okgo4-order-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.okgo4-order-types button{display:grid;min-width:0;min-height:130px;align-content:start;gap:8px;padding:14px;border:1px solid var(--color-border-strong);border-radius:13px;background:var(--color-surface);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.okgo4-order-types button.is-active{border-color:var(--border-brand-selected);background:var(--color-brand-tint);box-shadow:inset 0 0 0 1px #1e56f24d,0 12px 24px #1e56f21c}.okgo4-order-types button.is-in-cart:not(.is-active){border-color:var(--border-success);background:var(--color-success-soft)}.okgo4-order-types svg{color:var(--blue)}.okgo4-order-types span{font-weight:900}.okgo4-order-types small{color:var(--muted);font-size:.78rem;font-weight:680;line-height:1.45;word-break:keep-all}.okgo4-order-types em{align-self:end;width:fit-content;margin-top:auto;padding:5px 8px;border-radius:999px;background:var(--color-brand-soft);color:var(--blue);font-size:.72rem;font-style:normal;font-weight:900}.okgo4-order-types button.is-in-cart em{background:var(--color-success-soft);color:var(--green)}.okgo4-order-cart{display:grid;gap:12px;padding:16px;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--color-surface-soft)}.okgo4-order-cart-head,.okgo4-order-cart-head span{display:flex;align-items:center}.okgo4-order-cart-head{justify-content:space-between;gap:14px}.okgo4-order-cart-head span{gap:8px;color:var(--color-text-body);font-weight:900}.okgo4-order-cart-head svg{color:var(--blue)}.okgo4-order-cart-head strong{color:var(--green);font-size:.88rem;white-space:nowrap}.okgo4-order-cart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.okgo4-order-cart-list article{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:stretch;min-width:0}.okgo4-order-cart-list article.is-active .okgo4-cart-item-main{border-color:var(--border-brand-strong);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--border-brand-soft)}.okgo4-cart-item-main,.okgo4-cart-remove{border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-surface);cursor:pointer;font:inherit}.okgo4-cart-item-main{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;min-width:0;padding:11px 12px;color:var(--ink);text-align:left}.okgo4-cart-item-main svg{grid-row:span 2;align-self:center;color:var(--blue)}.okgo4-cart-item-main span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.okgo4-cart-item-main small{color:var(--muted);font-size:.76rem;font-weight:720}.okgo4-cart-remove{display:grid;place-items:center;color:var(--color-text-subtle)}.okgo4-cart-remove:hover{border-color:var(--border-accent);color:var(--orange)}.okgo4-order-cart-empty{margin:0;color:var(--muted);font-weight:740}.okgo4-order-detail{display:grid;gap:18px;padding:20px;border:1px solid var(--border-brand-soft);border-radius:14px;background:linear-gradient(135deg,#1e56f212,#fff0 36%),var(--color-surface)}.okgo4-order-detail-title{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.okgo4-order-detail-title svg{color:var(--blue)}.okgo4-order-detail-title p{margin:0 0 4px;color:var(--muted);font-size:.82rem;font-weight:850}.okgo4-order-detail-title h3{margin:0;font-size:1.2rem}.okgo4-order-detail-title strong{padding:7px 10px;border-radius:8px;background:var(--orange-soft);color:var(--orange);font-size:.86rem;white-space:nowrap}.okgo4-option-group{display:flex;flex-wrap:wrap;gap:10px}.okgo4-option-group label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-text-body);font-weight:800;white-space:nowrap}.okgo4-option-group input{width:16px;height:16px;accent-color:var(--blue)}.okgo4-deliverables{padding:16px;border-radius:12px;background:var(--color-surface-soft)}.okgo4-add-to-cart{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface)}.okgo4-add-to-cart p{margin:0;color:var(--muted);font-weight:780}.okgo4-add-to-cart button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--orange);color:var(--color-surface);cursor:pointer;font:inherit;font-weight:900;white-space:nowrap;box-shadow:0 12px 24px #e86f322e}.okgo4-add-to-cart button:disabled{background:var(--color-disabled-bg);color:var(--color-surface-soft);cursor:not-allowed;box-shadow:none}.okgo4-deliverables p{margin:0 0 10px;color:var(--color-text-body);font-weight:900}.okgo4-deliverables ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:0;list-style:none}.okgo4-deliverables li{color:var(--muted);font-weight:740}.okgo4-deliverables li:before{margin-right:7px;color:var(--green);font-weight:900;content:"\2713"}.okgo4-order-submit{display:flex;flex-wrap:wrap;gap:10px}.okgo4-order-submit a,.okgo4-order-submit button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:10px;font:inherit;font-weight:880}.okgo4-order-submit a{border:1px solid var(--blue);background:var(--blue);color:var(--color-surface)}.okgo4-order-submit a.is-disabled{border-color:var(--color-disabled-bg);background:var(--color-border-soft);color:var(--color-disabled-text);pointer-events:none}.okgo4-order-submit button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-body);cursor:pointer}.okgo4-service-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.okgo4-service-dashboard article{display:grid;gap:12px;min-height:250px;align-content:start;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface-overlay-strong);box-shadow:0 12px 30px #0f172a0f}.okgo4-service-dashboard svg{color:var(--blue)}.okgo4-service-dashboard span{color:var(--color-text-body);font-weight:820}.okgo4-service-dashboard strong{font-size:2.5rem;line-height:1}.okgo4-service-dashboard p{margin:0;color:var(--muted);line-height:1.65;word-break:keep-all}.okgo4-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.okgo4-pricing-grid article{--pricing-bg: linear-gradient(145deg, #ffffff 0%, #f6f9ff 100%);--pricing-ink: var(--color-text-strong);--pricing-muted: var(--color-text-body);--pricing-border: var(--color-border);--pricing-chip-bg: rgba(15, 23, 42, .055);--pricing-chip-fg: var(--color-text-muted);--pricing-chip-border: rgba(15, 23, 42, .08);--pricing-check: var(--color-brand);--pricing-action-bg: rgba(255, 255, 255, .82);--pricing-action-fg: var(--color-text-strong);--pricing-action-border: rgba(15, 23, 42, .14);position:relative;display:flex;min-height:430px;flex-direction:column;padding:28px;overflow:hidden;border:1px solid var(--pricing-border);border-radius:14px;background:var(--pricing-bg);color:var(--pricing-ink);box-shadow:0 12px 30px #0f172a12}.okgo4-pricing-grid article.is-featured{box-shadow:0 18px 42px #22607826}.okgo4-pricing-grid article.tone-basic{--pricing-bg: linear-gradient(145deg, #ffffff 0%, #f4f8ff 100%);--pricing-border: rgba(30, 86, 242, .18)}.okgo4-pricing-grid article.tone-content{--pricing-bg: linear-gradient(145deg, #fffaf4 0%, #f6fbff 72%, #ffffff 100%);--pricing-border: rgba(30, 86, 242, .18)}.okgo4-pricing-grid article.tone-webtoon{--pricing-bg: linear-gradient(145deg, #f2fbf8 0%, #ffffff 52%, #f7f9ff 100%);--pricing-border: rgba(30, 86, 242, .18)}.okgo4-pricing-grid article.tone-unlimited{--pricing-bg: linear-gradient(145deg, #101827 0%, #17364a 58%, #0c1220 100%);--pricing-ink: #ffffff;--pricing-muted: rgba(255, 255, 255, .78);--pricing-border: rgba(255, 255, 255, .16);--pricing-chip-bg: rgba(255, 255, 255, .11);--pricing-chip-fg: #ffffff;--pricing-chip-border: rgba(255, 255, 255, .16);--pricing-check: #93c5fd;--pricing-action-bg: rgba(255, 255, 255, .9);--pricing-action-fg: #101827;--pricing-action-border: rgba(255, 255, 255, .16)}.okgo4-pricing-grid article>p{width:fit-content;margin:0 0 18px;padding:7px 11px;border-radius:7px;border:1px solid var(--pricing-chip-border);background:var(--pricing-chip-bg);color:var(--pricing-chip-fg);font-size:.8rem;font-weight:900}.okgo4-pricing-grid h2{margin:0;font-size:1.5rem}.okgo4-pricing-grid strong{display:block;margin-top:18px;font-size:2rem;line-height:1.12;word-break:keep-all}.okgo4-pricing-grid article>span{margin-top:14px;color:var(--pricing-muted);line-height:1.65;word-break:keep-all}.okgo4-pricing-grid ul{display:grid;gap:12px;margin:28px 0;padding:0;list-style:none}.okgo4-pricing-grid li{color:var(--pricing-muted);font-weight:760;line-height:1.45;word-break:keep-all}.okgo4-pricing-grid li:before{content:"\2713";margin-right:8px;color:var(--pricing-check);font-weight:900}.okgo4-pricing-grid a,.okgo4-pricing-grid button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:auto;border:1px solid var(--pricing-action-border);border-radius:9px;background:var(--pricing-action-bg);color:var(--pricing-action-fg);cursor:pointer;font:inherit;font-weight:880;gap:8px;box-shadow:0 10px 22px #0f172a0f;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.okgo4-pricing-grid button:hover{border-color:#1e56f242;background:#fffffff5;box-shadow:0 12px 26px #0f172a17;transform:translateY(-1px)}.okgo4-pricing-grid button svg{flex:0 0 auto}.okgo4-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.okgo4-section-heading a{color:var(--blue);font-weight:850}.okgo4-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}.okgo4-list-grid>article{display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.okgo4-list-image{position:relative;display:grid;align-content:end;aspect-ratio:var(--ratio-list-media);min-height:0;overflow:hidden;padding:18px;color:var(--color-surface);background:linear-gradient(135deg,var(--color-list-blue-start),var(--color-list-blue-end))}.okgo4-list-image:after{position:absolute;inset:0;background:linear-gradient(180deg,#050c180f 12%,#050c18b8);content:""}.okgo4-list-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.okgo4-list-image.image-1{background:linear-gradient(135deg,var(--color-list-red-start),var(--color-list-red-end))}.okgo4-list-image.image-2{background:linear-gradient(135deg,var(--color-list-teal-start),var(--color-list-teal-end))}.okgo4-list-image span{position:relative;z-index:1;width:fit-content;margin-bottom:44px;padding:7px 10px;border-radius:7px;background:#fff3;font-weight:850}.okgo4-list-image strong{position:relative;z-index:1;font-size:1.6rem;text-shadow:0 2px 14px rgba(0,0,0,.36)}.okgo4-list-body{display:flex;flex:1;flex-direction:column;padding:18px}.okgo4-tags{display:flex;flex-wrap:wrap;gap:8px}.okgo4-tags span{padding:6px 9px;border-radius:7px;background:var(--color-brand-soft);color:var(--blue-dark);font-size:.78rem;font-weight:850}.okgo4-list-body h3{margin:14px 0 0}.okgo4-list-body p{margin:8px 0 0;color:var(--muted)}.okgo4-list-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:auto;padding-top:20px}.okgo4-list-actions a{min-height:34px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;font-size:.84rem;font-weight:820}.okgo4-list-actions a.is-blue{border-color:var(--blue);background:var(--blue);color:var(--color-surface)}.okgo4-status-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:28px;padding:6px 10px;border-radius:var(--radius-pill);font-size:var(--type-caption);font-weight:860;line-height:1;white-space:nowrap}.okgo4-status-badge.tone-deployed{background:var(--color-brand-soft);color:var(--color-brand)}.okgo4-status-badge.tone-running{background:var(--color-success-soft);color:var(--color-success)}.okgo4-status-badge.tone-progress{background:var(--color-warning-soft);color:var(--color-warning)}.okgo4-status-badge.tone-review{background:var(--color-accent-soft);color:var(--color-accent-text)}.okgo4-status-badge.tone-ready{background:var(--color-brand-soft);color:var(--color-brand-hover)}.okgo4-process-steps article,.okgo4-service-dashboard article,.okgo4-pricing-grid article,.okgo4-list-grid>article,.okgo4-owned-list article,.okgo4-order-types button,.okgo4-order-cart,.okgo4-order-cart-list article,.okgo4-content-settings,.okgo4-work-memo-grid article,.okgo4-service-overview-panel,.okgo4-service-work-panel,.okgo4-detail-panel,.okgo4-order-box{border-color:var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface)}.okgo4-detail{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;margin-top:var(--space-section-y-tight);padding-top:var(--space-section-y)}.okgo4-detail-visual{overflow:hidden;border:1px solid var(--line);border-radius:14px}.okgo4-detail-visual img{display:block;width:100%;aspect-ratio:var(--ratio-detail-media);object-fit:cover;object-position:top left}.okgo4-detail-panel{padding:26px}.okgo4-detail-panel dl{display:grid;gap:18px;margin:24px 0}.okgo4-detail-panel dl div{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.okgo4-detail-panel dt{color:var(--muted)}.okgo4-detail-panel dd{margin:0;font-weight:820}.okgo4-order{display:grid;grid-template-columns:.65fr 1fr;gap:28px;align-items:start;margin-top:var(--space-section-y-tight);padding-top:var(--space-section-y)}.okgo4-order-box{display:grid;gap:14px;padding:20px}.okgo4-order-box textarea{min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:16px;font:inherit}.okgo4-order-box button{min-height:48px;border:0;border-radius:9px;background:var(--blue);color:var(--color-surface);font:inherit;font-weight:880}@media(max-width:1100px){.okgo4-product-heading{align-items:start;flex-direction:column;padding:16px 18px}.okgo4-product-heading a{width:fit-content}.okgo4-product-board{grid-template-columns:1fr;gap:22px}.okgo4-product-industries{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:8px;padding:10px}.okgo4-product-industries button{min-height:48px;font-size:.94rem}.okgo4-product-stage{min-height:clamp(430px,58vw,600px)}.okgo4-product-type-bar{padding:10px}}@media(max-width:1180px){.okgo4-topbar{grid-template-columns:120px 1fr auto}.okgo4-tools{gap:10px}.okgo4-icon-button{display:none}.okgo4-detail,.okgo4-order{grid-template-columns:1fr}.okgo4-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.okgo4-process>div:first-child{grid-column:1 / -1;max-width:720px;text-align:center;justify-self:center}.okgo4-process>div:first-child p{margin-right:auto;margin-bottom:12px;margin-left:auto}.okgo4-hero-copy{min-height:0}.okgo4-process-story{margin-top:clamp(34px,4.5vw,56px)}.okgo4-hero-grid,.okgo4-pricing-grid,.okgo4-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.okgo4-service-workspace,.okgo4-detail-page-grid,.okgo4-order-workspace{grid-template-columns:1fr}.okgo4-order-types{grid-template-columns:repeat(5,minmax(120px,1fr))}}@media(max-width:1040px){.okgo4-hero{min-height:0;padding-top:48px;padding-bottom:18px}.okgo4-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.okgo4-process>div:first-child{grid-column:1 / -1;max-width:720px;text-align:center;justify-self:center}.okgo4-process>div:first-child p{margin-right:auto;margin-bottom:12px;margin-left:auto}.okgo4-hero-copy{min-height:0}.okgo4-hero-copy .okgo4-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:54px}.okgo4-showcase-caption.is-rich{inset:auto 22px 22px;width:auto;align-content:start;gap:8px;padding:18px}.okgo4-showcase-caption.is-rich strong{font-size:clamp(1.45rem,4vw,2rem)}.okgo4-showcase-caption.is-rich small{font-size:clamp(1.1rem,3.4vw,1.5rem)}.okgo4-showcase-caption.is-rich p{max-width:520px;font-size:.9rem}}@media(max-width:860px){.okgo4-hero-copy .okgo4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.okgo4-product-type-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.okgo4-topbar{display:flex;align-items:center;gap:12px;min-height:auto;padding:16px}.okgo4-nav{display:none}.okgo4-mobile-nav-trigger{display:inline-flex;margin-left:auto}.okgo4-main{padding:24px 18px 56px}.okgo4-hero{padding-bottom:44px}.okgo4-my-services-hero{align-items:start;flex-direction:column;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),var(--surface-overlay-strong)),url(/a/okgo4/benefits/photo-visitor-ai-report.png) center / cover,var(--color-surface)}.okgo4-my-services-hero a{width:100%}.okgo4-detail-page-head{grid-template-columns:1fr;padding:24px}.okgo4-new-order-page .okgo4-detail-page-head{background:linear-gradient(180deg,rgba(255,255,255,.98),var(--surface-overlay-strong)),url(/a/okgo4/benefits/photo-launch-suite.png) center / cover,var(--color-surface)}.okgo4-detail-page-head>a,.okgo4-detail-page-head>button{width:100%}.okgo4-product-heading h1{font-size:clamp(1.72rem,8vw,2.35rem)}.okgo4-product-heading a{width:100%}.okgo4-product-industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.okgo4-product-industries button{min-height:48px;padding:8px 9px;font-size:.9rem}.okgo4-product-stage{min-height:clamp(250px,72vw,300px);border-radius:14px}.okgo4-product-stage-copy{right:14px;bottom:14px;left:14px;width:auto;padding:12px}.okgo4-product-stage-copy p{display:none}.okgo4-product-arrow{width:42px;height:42px}.okgo4-product-arrow.is-prev{left:10px}.okgo4-product-arrow.is-next{right:10px}.okgo4-product-dots{top:12px;right:12px;bottom:auto;gap:6px}.okgo4-product-dots button{width:28px;height:28px}.okgo4-product-type-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.okgo4-product-type-bar button{min-height:74px}.okgo4-service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.okgo4-order-flow{grid-template-columns:1fr}.okgo4-hero-copy h1{font-size:3rem}.okgo4-actions{width:100%;gap:12px}.okgo4-featured-comic{grid-template-columns:1fr;gap:30px;margin-top:72px;padding:32px 16px 20px}.okgo4-featured-comic-gallery{grid-template-columns:1fr}.okgo4-featured-comic-cover{width:min(100%,360px)}.okgo4-featured-comic-copy{gap:14px}.okgo4-featured-shorts{gap:30px;margin-top:48px;padding:32px 16px 20px}.okgo4-featured-shorts-gallery{grid-template-columns:1fr}.okgo4-featured-short-card{width:min(100%,330px)}.okgo4-featured-shorts-copy{gap:14px}.okgo4-primary,.okgo4-secondary{flex:1 1 0;padding:0 16px}.okgo4-process>div:first-child{margin-bottom:12px;text-align:left;justify-self:stretch}.okgo4-process>div:first-child p{margin-left:0}.okgo4-process{grid-template-columns:1fr;gap:28px;margin:40px -18px 0;padding:56px 18px 72px;border-top:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft);background:#f8fafcb8}.okgo4-process-steps article{min-height:0}.okgo4-process-story{gap:0;margin-top:44px}.okgo4-story-block{gap:24px;padding:56px 0 64px;border-top:1px solid var(--color-border)}.okgo4-story-copy{gap:16px}.okgo4-story-copy p{line-height:1.78}.okgo4-story-case{gap:18px}.okgo4-hero-grid,.okgo4-pricing-grid,.okgo4-service-dashboard,.okgo4-list-grid,.okgo4-order-types,.okgo4-order-cart-list,.okgo4-deliverables ul{grid-template-columns:1fr}.okgo4-order-types button{min-height:102px}.okgo4-order-detail-title{grid-template-columns:auto 1fr}.okgo4-order-detail-title strong{grid-column:2;width:fit-content}.okgo4-add-to-cart{align-items:stretch;flex-direction:column}.okgo4-add-to-cart button{width:100%}.okgo4-owned-list article,.okgo4-content-type-list article>div:first-child,.okgo4-content-settings-head,.okgo4-content-brief,.okgo4-settings-grid,.okgo4-work-memo-grid{grid-template-columns:1fr}.okgo4-owned-list article>div:last-child{justify-items:start;text-align:left}.okgo4-content-settings-head strong{width:fit-content}.okgo4-detail-status-row small{width:100%;margin-left:0}.okgo4-stats{grid-template-columns:repeat(2,1fr);margin-top:36px}.okgo4-hero-showcase{min-height:440px}.okgo4-showcase-stage{min-height:330px}.okgo4-showcase-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.okgo4-footer{align-items:flex-start;grid-template-columns:1fr;gap:20px;margin:48px -18px -56px;padding:28px 18px 30px}.okgo4-footer-links{gap:12px;justify-self:start;justify-items:start;text-align:left}.okgo4-footer nav{justify-content:flex-start;gap:10px 16px}.okgo4-footer nav[aria-label="footer legal navigation"]{justify-content:flex-start}.okgo4-social-links{justify-content:flex-start}.okgo4-category-bar{overflow-x:auto}.okgo4-bottom-cta{margin-top:64px}}@media(max-width:640px){.okgo4-consult-dialog{width:min(calc(100vw - 28px),540px);max-height:calc(100vh - 28px);gap:12px;padding:18px}.okgo4-consult-dialog-head{gap:6px}.okgo4-consult-dialog h2{font-size:1.28rem}.okgo4-consult-dialog p{line-height:1.5}.okgo4-consult-form{gap:9px}.okgo4-consult-form label{gap:5px}.okgo4-consult-form input,.okgo4-consult-form textarea{min-height:42px;padding:9px 12px}.okgo4-consult-form textarea{min-height:86px;max-height:130px}.okgo4-consult-error,.okgo4-consult-success{padding:10px 12px}.okgo4-consult-actions button{min-height:40px}.okgo4-process{grid-template-columns:1fr}}