.op{background:var(--paper);height:100svh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.op h1,.op h2,.op p,.op ol,.op ul,.op dl,.op dd,.op figure{margin:0;padding:0}.op-top,.op-foot{z-index:3;background:var(--paper);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,3.2vw);display:flex;position:relative}.op-top{border-bottom:1px solid var(--line)}.op-foot{border-top:1px solid var(--line);gap:24px}.op-wordmark{letter-spacing:-.03em;color:var(--blue);padding:0;font-size:28px;font-weight:750}.op-role{letter-spacing:.025em;color:var(--blue);white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.op-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.op-dot--live{vertical-align:middle;box-shadow:0 0 0 4px var(--accent);margin-left:10px}.op-actions{align-items:center;gap:20px;display:flex}.op-lang{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.op-lang button{min-width:36px;min-height:44px;color:var(--muted)}.op-lang button.active{color:var(--ink)}.op-lang>span{opacity:.25}.op-icon{border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.op-icon:hover{background:var(--surface)}.op-stage{background:var(--surface);flex:1;min-height:0;position:relative;overflow:hidden}.op-canvas{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.op-canvas.is-ready{transition:transform .9s cubic-bezier(.65,0,.2,1)}.op-panel{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:3px;transition:opacity .6s,box-shadow .6s,filter .6s;position:absolute}.op-panel:before{content:"";background:var(--blue);transform-origin:0;border-radius:3px 3px 0 0;height:4px;transition:transform .7s cubic-bezier(.65,0,.2,1);position:absolute;top:-1px;left:-1px;right:-1px;transform:scaleX(0)}.op-panel.is-active{cursor:default;box-shadow:0 30px 80px -30px #003cb460,0 0 0 1px var(--blue)}.op-panel.is-active:before{transform:scaleX(1)}.op-panel.is-dim{opacity:.22;filter:saturate(.4)}.op-panel.is-dim:hover{opacity:.4}.op-body{flex-direction:column;height:100%;padding:44px 44px 40px;font-size:22px;line-height:1.5;display:flex}.op-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);align-items:center;gap:14px;margin-bottom:34px;font-size:15px;font-weight:650;display:flex}.op-eyebrow i{background:currentColor;width:28px;height:1px}.op-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:14px;font-weight:650;display:flex}.op-label--spaced{margin:44px 0 14px}.op-title{letter-spacing:-.04em;color:var(--ink);font-size:76px;font-weight:750;line-height:1.02}.op-title span{color:var(--blue)}.op-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:15px;font-weight:650}.op-points{gap:12px;list-style:none;display:grid;margin-top:30px!important}.op-points li{align-items:flex-start;gap:12px;line-height:1.35;display:flex}.op-points svg{color:var(--blue);margin-top:3px}.op-hello h1{letter-spacing:-.045em;font-size:96px;font-weight:750;line-height:1.02}.op-hello h1 span{color:var(--blue)}.op-lead{color:var(--blue);font-size:26px;margin-top:22px!important}.op-contact{gap:18px;display:grid;margin-top:auto!important}.op-contact dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:650}.op-contact dd{margin-top:2px;font-size:21px}.op-contact a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.op-start{background:var(--blue);color:#fff;border-radius:3px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:16px 20px;font-size:17px;font-weight:650;display:inline-flex}.op-start:hover{background:#002d87}.op-facts{gap:20px;display:grid}.op-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:650}.op-facts dd{letter-spacing:-.01em;margin-top:2px;font-size:26px;font-weight:600;line-height:1.25}.op-photo{border-radius:0 0 2px 2px;position:relative;overflow:hidden;margin:auto -44px -40px!important}.op-photo img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.op-photo figcaption{color:#fff;background:linear-gradient(#0000,#080f5ecc);justify-content:space-between;align-items:flex-end;padding:44px 44px 22px;font-size:16px;display:flex;position:absolute;inset:auto 0 0}.op-photo figcaption span{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:13px;display:block}.op-photo figcaption>span{text-transform:none;letter-spacing:0;font-size:16px}.op-photo figcaption strong{letter-spacing:-.02em;font-size:26px;font-weight:700}.op-edu h2{letter-spacing:-.025em;margin-top:12px;font-size:34px;font-weight:750;line-height:1.15}.op-edu p{color:var(--muted);margin-top:6px}.op-timeline{gap:0;list-style:none;display:grid}.op-timeline li{border-bottom:1px solid var(--line)}.op-timeline button{text-align:left;width:100%;color:var(--ink);align-items:center;gap:22px;padding:24px 4px;transition:background .2s,padding .2s;display:flex}.op-timeline button:hover{background:var(--surface);padding-left:12px}.op-num{color:var(--blue);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.op-tl-text{flex:1;display:grid}.op-tl-text strong{letter-spacing:-.03em;font-size:34px;font-weight:750;line-height:1.1}.op-tl-text span{color:var(--muted);font-size:17px}.op-timeline svg{color:var(--blue)}.op-demo{border:1px solid var(--line);background:var(--surface);border-radius:3px;align-content:start;gap:12px;padding:22px;display:grid;margin-top:auto!important}.op-toggle{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;padding:9px 14px;font-size:19px;display:flex;position:relative}.op-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.op-toggle i{background:#92a5c3;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.op-toggle i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.op-toggle input:checked+i{background:var(--blue)}.op-toggle input:checked+i:after{transform:translate(18px)}.op-toggle:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.op-sheetwrap{background:linear-gradient(90deg,#d2e6fe 50%,#dfe3ea 50%);border-radius:3px;justify-content:center;height:230px;padding:44px 0 0;display:flex;position:relative;overflow:hidden}.op-half{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:650;position:absolute;top:14px}.op-half--l{color:var(--blue);left:16px}.op-half--r{color:#4a5566;right:16px}.op-sheet{background:#fff;align-content:start;gap:11px;width:68%;padding:22px 20px;display:grid;box-shadow:0 1px #0001,0 8px 20px -10px #080f5e66}.op-sheet i{background:#b4cae8;border-radius:2px;height:7px;display:block}.op-sheet i.h{background:var(--ink);width:55%;height:12px;margin-bottom:6px}.op-sheet i.gap{margin-top:8px}.op-checks{flex-wrap:wrap;gap:8px 18px;font-size:16px;list-style:none;display:flex}.op-checks li{color:var(--ink);align-items:center;gap:6px;display:flex}.op-checks svg{color:#226239}.op-jo{justify-items:start;gap:14px}.op-spark{color:var(--blue)}.op-jo{justify-items:stretch;margin-top:36px!important}.op-chat{gap:12px;display:grid}.op-msg{border-radius:14px;max-width:84%;padding:12px 16px;font-size:18px;line-height:1.4}.op-msg--user{color:var(--ink);background:#d2e6fe;border-bottom-right-radius:4px;justify-self:end}.op-msg--jo{border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom-left-radius:4px;justify-self:start}.op-chips{flex-wrap:wrap;gap:10px;display:flex}.op-chips span{background:var(--paper);border:1px solid var(--line);color:var(--blue);border-radius:4px;padding:8px 14px;font-size:17px}.op-evolution{color:var(--muted);align-items:center;gap:12px;margin-top:6px;font-size:17px;display:flex}.op-evolution b{color:var(--ink);font-size:22px}.op-end .op-title{font-size:64px}.op-links{list-style:none;display:grid;margin-top:36px!important}.op-links a{color:var(--ink);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:14px 0;text-decoration:none;display:grid}.op-links a span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1;font-size:13px;font-weight:650}.op-links a b{grid-column:1;font-size:20px;font-weight:500}.op-links a svg{color:var(--blue);grid-area:1/2/3}.op-pos{align-items:center;gap:20px;min-width:190px;display:flex}.op-count{font-variant-numeric:tabular-nums;font-size:14px}.op-count>span{color:var(--muted);margin-left:6px;font-size:12px}.op-pos-label{color:var(--muted);letter-spacing:.03em;font-size:12px}.op-progress{align-items:center;gap:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.op-progress button{width:26px;padding:12px 0}.op-progress button>span{background:var(--line);height:2px;transition:all .2s;display:block}.op-progress button.selected{width:42px}.op-progress button.selected>span{background:var(--ink)}.op-progress button.visited>span{background:#87a9db}.op-nav{align-items:center;gap:8px;display:flex}.op-hint{color:var(--muted);margin-right:10px;font-size:12px}.op-arrow{width:38px;height:38px;color:var(--blue);border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.op-arrow:hover{background:var(--surface)}.op-arrow--prev svg{transform:rotate(180deg)}.op-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.op-role,.op-hint,.op-pos-label{display:none}.op-pos{min-width:0}.op-progress{display:none}.op-foot{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.op-canvas,.op-panel,.op-panel:before{transition-duration:.01ms}}.op-place{background:#080f5e;border-radius:0 0 2px 2px;flex:1;min-height:0;position:relative;overflow:hidden;margin:28px -44px -40px!important}.op-place img{object-fit:cover;width:100%;height:100%;display:block}.op-place figcaption{color:#fff;background:linear-gradient(#0000,#080f5ecc);justify-content:space-between;align-items:flex-end;gap:12px;padding:44px 44px 22px;display:flex;position:absolute;inset:auto 0 0}.op-place strong{letter-spacing:-.02em;font-size:26px;font-weight:700}.op-hobbies{gap:6px;list-style:none;display:grid;margin-bottom:28px!important}.op-hobbies li{justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.op-hobbies strong{letter-spacing:-.03em;font-size:30px;font-weight:750;line-height:1.15;display:block}.op-hobbies small{color:var(--muted);margin-top:2px;font-size:17px;display:block}.op-hobby-icon{background:var(--surface);width:52px;height:52px;color:var(--blue);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-edu--job{border-top:1px solid var(--line);margin-top:40px;padding-top:32px}.op-doc{background:0 0;border:0;gap:14px;padding:0}.op-doc .op-sheetwrap{border:1px solid var(--line);height:240px}.op-doc,.op-wealth{margin-top:32px!important}.op-grid-wrap{border:1px solid var(--line);background:var(--paper);border-radius:3px;font-size:16px;position:relative;margin-top:32px!important}.op-grid{align-items:stretch;display:grid}.op-gh{background:var(--surface);border-bottom:1px solid var(--line);letter-spacing:.04em;color:var(--muted);align-items:center;min-width:0;padding:11px 12px;font-size:13px;font-weight:650;display:flex}.op-gh.num,.op-gc.num{text-align:right;justify-content:flex-end}.op-gc{border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;min-width:0;padding:11px 12px;display:flex}.op-gc.perf{color:#226239;font-weight:600}.op-popover{z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:4px;gap:8px;width:250px;padding:14px;display:grid;position:absolute;top:48px;left:8px;box-shadow:0 16px 40px -12px #080f5e55}.op-popover .op-toggle{padding:7px 12px;font-size:17px}.op-gtool{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.op-gtool>button{width:36px;height:36px;color:var(--blue);border-radius:4px;justify-content:center;align-items:center;display:flex}.op-gtool>button:hover,.op-gtool>button.active{background:var(--accent)}.op-chips-sort{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.op-chips-sort span{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:7px;padding:3px 10px 3px 4px;font-size:14px;display:inline-flex}.op-chips-sort b{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}.op-gc.last{border-bottom:0}
