.hr-hero{position:relative;min-height:760px;height:auto;overflow:hidden;background:#f8fbff;isolation:isolate}
.hr-hero::before{content:"";position:absolute;inset:-20% -10%;z-index:-3;background:radial-gradient(circle at 76% 27%,#d9f4ff 0 13%,transparent 36%),radial-gradient(circle at 66% 70%,#e8f0ff 0 12%,transparent 40%),linear-gradient(130deg,#fff 4%,#f9fcff 48%,#eef7ff 100%)}
.hr-hero::after{content:"";position:absolute;inset:0;z-index:-2;opacity:.48;background-image:linear-gradient(#7eb3e310 1px,transparent 1px),linear-gradient(90deg,#7eb3e310 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 25%,#000 57%,#000 100%)}
.hr-shell{width:min(1320px,calc(100% - 64px));min-height:760px;margin:auto;padding:118px 0 56px;display:grid;grid-template-columns:minmax(390px,500px) minmax(0,1fr);gap:36px;align-items:center}
.hr-copy{position:relative;z-index:4;padding-left:8px}
.hr-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px}.hr-brand .f07-brand{width:142px;height:62px}.hr-brand span{font-size:16px;color:#647895;letter-spacing:-.02em}
.hr-copy h1{position:static!important;margin:0;font-size:clamp(50px,4.25vw,68px)!important;line-height:1.17!important;letter-spacing:-.065em!important;color:#061b43!important}.hr-copy h1 span{white-space:nowrap}
.hr-copy .f07-herolead{position:static!important;margin:28px 0 0;width:auto!important;font-size:16px!important;line-height:1.85!important;color:#3b5879!important;letter-spacing:-.025em!important}
.hr-copy .f07-heroactions{position:static!important;margin-top:27px;display:flex;gap:12px}.hr-copy .f07-button{min-height:52px;padding:12px 20px;border-radius:10px;font-size:14px;box-shadow:0 12px 28px #0b427424}.hr-copy .f07-button.light{box-shadow:0 8px 24px #1a4c7713}
.hr-copy .f07-herofine{position:static!important;margin-top:20px;width:auto!important;font-size:11px!important;line-height:1.65!important;color:#657992!important}
.hr-visual{position:relative;z-index:2;min-width:0;height:590px}.hr-stage{position:absolute;left:50%;top:50%;width:760px;height:580px;transform:translate(-50%,-50%);transform-origin:center}
.hr-halo{position:absolute;border-radius:50%;border:1px solid #4fb8e126;box-shadow:0 0 80px #57b9ed18}.hr-halo.h1{width:520px;height:520px;left:112px;top:28px}.hr-halo.h2{width:390px;height:390px;left:178px;top:92px}.hr-axis{position:absolute;left:70px;right:20px;bottom:63px;height:1px;background:linear-gradient(90deg,transparent,#5f99c73b,transparent)}
.hr-pc,.hr-product-window,.hr-phone{position:absolute}.hr-screen,.hr-product-window{overflow:hidden;background:#f5f9fd}.hr-screen>.ygp-hires-pc,.hr-product-window>.ygp-hires-pc,.hr-phone>.ygp-hires-phone{width:100%;height:100%}
.hr-pc{left:20px;top:112px;width:650px;height:448px;padding:10px 10px 21px;border-radius:23px 23px 14px 14px;background:linear-gradient(145deg,#263544,#0b121b 46%,#243240);border:1px solid #607181;box-shadow:0 35px 70px #123e6633,0 8px 18px #06182e29,inset 0 1px #ffffff42}
.hr-pc::after{content:"";position:absolute;left:-42px;right:-42px;bottom:-17px;height:31px;border-radius:5px 5px 40px 40px;background:linear-gradient(#dfe7ec,#9cabb6 35%,#6f7f8a 54%,#cdd7dd 78%,#f4f7f8);box-shadow:0 14px 25px #26465d33,inset 0 1px #fff;clip-path:polygon(7% 0,93% 0,100% 46%,96% 76%,62% 100%,38% 100%,4% 76%,0 46%)}
.hr-screen{position:relative;width:100%;height:100%;border-radius:13px 13px 5px 5px;border:1px solid #516273;box-shadow:inset 0 0 0 2px #02070c}
.hr-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff18,transparent 18% 76%,#3aaeff0b);mix-blend-mode:screen}
.hr-phone{width:184px;height:432px;padding:9px;border-radius:34px;background:linear-gradient(145deg,#26343e,#060c11 45%,#33414a);border:1px solid #5f6c74;box-shadow:0 32px 60px #0d334f38,0 8px 16px #03132233,inset 0 1px #ffffff4d;overflow:hidden}.hr-phone::before{content:"";position:absolute;z-index:4;left:50%;top:6px;width:55px;height:12px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:#071018}.hr-phone>.ygp-hires-phone{border-radius:25px;overflow:hidden;box-shadow:inset 0 0 0 1px #d9e4ec}
.hr-a .hr-phone{right:6px;top:80px}.hr-a .hr-pc{left:2px}.hr-a .hr-notice.n1{left:48px;top:43px}.hr-a .hr-notice.n2{left:427px;top:20px}.hr-a .hr-notice.n3{left:531px;top:504px}
.hr-notice{position:absolute;z-index:8;display:flex;align-items:center;gap:11px;min-width:176px;padding:12px 14px;border:1px solid #e0eef8;border-radius:16px;background:#fffffff2;box-shadow:0 20px 45px #174a7024,0 2px 8px #1d4d7115;backdrop-filter:blur(14px);color:#17385b;font-size:12px;font-weight:700;line-height:1.45}.hr-notice i{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e8fbf7;color:#08a995;font-style:normal;font-size:17px}.hr-notice small{display:block;margin-top:2px;color:#6e84a0;font-size:9px;font-weight:500}.hr-notice.warn i{background:#fff4db;color:#e5a022}
.hr-window{position:absolute;left:7px;top:72px;width:704px;height:492px;padding:9px;border-radius:22px;background:linear-gradient(150deg,#d8e5ef,#7f93a4 32%,#243440 45%,#d2dde5 100%);box-shadow:0 38px 80px #16486b30,0 10px 28px #0a2a4524}.hr-window::before{content:"";position:absolute;left:50%;top:3px;width:46px;height:4px;transform:translateX(-50%);border-radius:99px;background:#101b24}.hr-product-window{inset:9px;border-radius:14px;background:#f5f9fd;box-shadow:inset 0 0 0 1px #152534;overflow:hidden}
.hr-b .hr-phone{right:0;top:151px;width:174px;height:410px}.hr-b .hr-window{left:3px}.hr-b .hr-notice.n1{left:49px;top:30px}.hr-b .hr-notice.n2{right:3px;top:70px}.hr-b .hr-notice.n3{left:424px;bottom:0}
.hr-b .hr-product-window>.ygp-hires-pc{grid-template-columns:105px 1fr;font-size:9px}.hr-b .hr-product-window .ygp-hires-pc main{padding:17px 20px}.hr-b .hr-product-window .ygp-hires-pc .pc-title h3{font-size:19px}.hr-b .hr-product-window .ygp-hires-pc .pc-kpi strong{font-size:17px}.hr-b .hr-product-window .ygp-hires-pc .pc-linechart{height:98px}
.hr-caption{position:absolute;z-index:9;right:13px;bottom:22px;padding:8px 12px;border-radius:999px;background:#08284bd9;color:#fff;font-size:10px;letter-spacing:.03em;box-shadow:0 8px 24px #092a4b28}
.hr-bridge{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;color:#577493;font-size:11px;white-space:nowrap}.hr-bridge::before,.hr-bridge::after{content:"";width:38px;height:1px;background:#95b6cf80}
@media(max-width:1100px) and (min-width:901px){.hr-shell{grid-template-columns:400px 1fr;gap:10px;width:calc(100% - 40px)}.hr-stage{transform:translate(-50%,-50%) scale(.78)}.hr-copy h1{font-size:48px!important}}
@media(max-width:900px){.hr-hero{min-height:0}.hr-hero::after{mask-image:linear-gradient(#0000 10%,#000 45%,#000 100%);background-size:28px 28px}.hr-shell{width:100%;min-height:0;padding:104px 20px 34px;display:block}.hr-copy{padding:0}.hr-brand{margin-bottom:20px;gap:10px}.hr-brand .f07-brand{width:102px;height:46px}.hr-brand span{font-size:12px}.hr-copy h1{font-size:43px!important;line-height:1.2!important}.hr-copy .f07-herolead{margin-top:20px;font-size:14px!important;line-height:1.75!important}.hr-copy .f07-heroactions{margin-top:22px;display:grid;grid-template-columns:1fr;gap:9px}.hr-copy .f07-button{width:100%;min-height:50px;font-size:13px}.hr-copy .f07-herofine{margin-top:15px;font-size:10px!important}.hr-visual{height:300px;margin:22px -4px 0;overflow:visible}.hr-stage{left:0;top:0;transform:scale(.46);transform-origin:0 0}.hr-bridge{bottom:8px;font-size:9px}.hr-b .hr-stage{transform:scale(.46)}body.f07-top .f07-flow{margin-top:0}}