/* Non-public TOP continuity polish. Hero direction B remains fixed. */
.tc-mobile-terms{display:none}

/* Four-theme demo and feature-to-demo connection */
#top-walkthrough{position:relative}
#top-walkthrough::before{content:"";position:absolute;inset:7% 4% auto;height:54%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#eaf7ff 0,#f7fbfe 54%,transparent 76%)}
.f07-feature{position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.f07-feature:has(.f08-feature-demo:hover),.f07-feature:has(.f08-feature-demo:focus-visible){transform:translateY(-4px);border-color:#b9d8ed;box-shadow:0 18px 42px #123d6414}
.f08-feature-demo{color:inherit;text-decoration:none}
.f08-feature-demo::after{content:"";position:absolute;inset:0;border-radius:inherit}
.f08-go{color:#147fd1;font-size:.75em}

/* Dedicated out-of-office mobile experience */
.tc-mobile-experience{position:relative;display:grid;grid-template-columns:minmax(290px,.78fr) minmax(520px,1.22fr);gap:72px;align-items:center;width:min(1180px,calc(100% - 80px));margin:26px auto 0;padding:68px 74px;overflow:hidden;border:1px solid #dfeaf3;border-radius:34px;background:linear-gradient(132deg,#fafdff 0%,#eef8fd 55%,#f8fbff 100%);box-shadow:0 24px 70px #153e6211}
.tc-mobile-experience::before{content:"";position:absolute;right:-14%;bottom:-44%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#bfe9f344 0,#d9edf333 38%,transparent 69%)}
.tc-mobile-copy,.tc-mobile-stage{position:relative;z-index:1}
.tc-mobile-kicker{display:flex;align-items:center;gap:10px;color:#1986b8;font-size:11px;font-weight:900;letter-spacing:.13em}
.tc-mobile-kicker::before{content:"";width:34px;height:1px;background:#43b5c8}
.tc-mobile-copy h2{margin:18px 0 16px;color:#071f45;font-size:clamp(34px,3.2vw,50px);line-height:1.28;letter-spacing:-.045em}
.tc-mobile-copy>p{margin:0;color:#526c87;font-size:14px;line-height:2}
.tc-mobile-points{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.tc-mobile-points li{display:flex;align-items:center;gap:10px;color:#183d63;font-size:13px;font-weight:800}
.tc-mobile-points li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#dff6f1;color:#0c9c83;font-size:11px}
.tc-mobile-copy .f07-button{display:inline-flex;margin-top:28px;text-decoration:none}
.tc-mobile-note{display:block;margin-top:13px;color:#71859a;font-size:10px;line-height:1.65}
.tc-mobile-stage{min-height:520px}
.tc-mobile-orbit{position:absolute;left:8%;right:0;top:7%;bottom:0;border:1px solid #bfe0eb;border-radius:50%;transform:rotate(-8deg)}
.tc-mobile-orbit::after{content:"";position:absolute;inset:15%;border:1px solid #d4e8ef;border-radius:50%}
.tc-mobile-context{position:absolute;left:0;top:74px;width:390px;padding:24px 26px;border:1px solid #dfe9f2;border-radius:20px;background:#ffffffed;box-shadow:0 24px 50px #183e5d12}
.tc-mobile-context small{display:block;color:#6a88a5;font-size:9px;font-weight:900;letter-spacing:.12em}
.tc-mobile-context h3{margin:9px 0 16px;color:#102f56;font-size:21px}
.tc-mobile-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tc-mobile-context-grid div{padding:12px;border:1px solid #e1eaf3;border-radius:10px;background:#f9fcff}
.tc-mobile-context-grid span{display:block;color:#748ba2;font-size:8px}
.tc-mobile-context-grid strong{display:block;margin-top:4px;color:#14395f;font-size:15px}
.tc-mobile-chart{height:110px;margin-top:12px;border:1px solid #e1eaf3;border-radius:12px;background:linear-gradient(180deg,#eef7ff,#fff);overflow:hidden}
.tc-mobile-chart svg{width:100%;height:100%}
.tc-phone{position:absolute;z-index:3;right:22px;top:10px;width:220px;height:500px;padding:9px;border:1px solid #64727b;border-radius:39px;background:linear-gradient(145deg,#26343e,#060c11 46%,#33414a);box-shadow:0 36px 64px #0e314538,0 10px 20px #0920302b,inset 0 1px #ffffff55}
.tc-phone::before{content:"";position:absolute;z-index:5;left:50%;top:6px;width:68px;height:15px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#071018}
.tc-phone-screen{height:100%;overflow:hidden;border-radius:30px;background:#f6faff;color:#11375f;box-shadow:inset 0 0 0 1px #dae6ee}
.tc-phone-status{display:flex;justify-content:space-between;padding:10px 15px 5px;color:#26465f;font-size:7px;font-weight:800}
.tc-phone-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 10px;border-bottom:1px solid #e0eaf2;background:#fff}
.tc-phone-head svg{width:54px;height:26px}
.tc-phone-head span{display:flex;align-items:center;gap:5px;color:#7190a6;font-size:7px}
.tc-phone-head span::before{content:"";width:6px;height:6px;border-radius:50%;background:#19ae91;box-shadow:0 0 0 3px #dff7f2}
.tc-phone-body{padding:18px 15px 13px;background:linear-gradient(150deg,#fbfdff,#eef6fb)}
.tc-phone-body>small{color:#708ba4;font-size:7px;font-weight:900;letter-spacing:.08em}
.tc-phone-body h3{margin:7px 0 15px;font-size:16px;line-height:1.45;letter-spacing:-.04em}
.tc-phone-alert{padding:13px 12px;border:1px solid #edd0a9;border-radius:9px;background:#fff7eb}
.tc-phone-alert span{display:inline-flex;padding:3px 6px;border-radius:999px;background:#ffead0;color:#9e5c19;font-size:7px;font-weight:900}
.tc-phone-alert b{display:block;margin:8px 0 4px;color:#714416;font-size:10px;line-height:1.55}
.tc-phone-alert small{color:#997650;font-size:7px}
.tc-phone-label{display:block;margin-top:14px;color:#738da5;font-size:7px}
.tc-phone-amount{display:block;margin-top:3px;color:#123a63;font-size:23px;letter-spacing:-.04em}
.tc-phone-task{margin-top:12px;padding-top:11px;border-top:1px solid #dce7ef}
.tc-phone-task small{display:block;color:#718ba4;font-size:7px}
.tc-phone-task b{display:block;margin-top:4px;font-size:9px}
.tc-phone-task span{display:block;margin-top:3px;color:#7a91a8;font-size:7px}
.tc-phone-action{display:grid;place-items:center;height:40px;margin-top:13px;border-radius:7px;background:#0d3457;color:#fff;font-size:8px;font-weight:900;box-shadow:0 7px 15px #0c2c442c}
.tc-phone-nav{display:flex;justify-content:space-around;padding:11px 10px;color:#7992aa;font-size:7px;background:#fff;border-top:1px solid #dee8f0}
.tc-phone-nav b{color:#147fe0}

/* Pricing roles and downstream continuity */
.tc-pricing-consult{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;color:#17456d;font-size:11px;font-weight:900;text-decoration:none}
.tc-pricing-consult:hover{text-decoration:underline}
.f07-bridge{gap:12px}
.f07-bridge>a{border:1px solid #dfe8f0;border-radius:999px;padding:10px 16px;background:#fff;box-shadow:0 7px 18px #173d5b0a;text-decoration:none;transition:transform .2s,border-color .2s}
.f07-bridge>a:hover{transform:translateY(-2px);border-color:#a9cede}

@media(max-width:900px){
  .tc-mobile-experience{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);padding:48px 32px}
  .tc-mobile-stage{width:min(620px,100%);margin:auto}
}
@media(max-width:900px){
  .integrated-operations08{width:100%!important;max-width:100%!important;margin-left:0!important;padding-inline:12px!important;box-sizing:border-box!important;overflow:hidden}
  #ygp-operations08{display:block;width:100%!important;min-width:0!important;max-width:100%!important}
  .f07-features,.tc-mobile-experience,.f07-price-section,.f07-bridge{box-sizing:border-box;max-width:100%}
  .tc-mobile-terms{display:block;margin:14px 0 0;padding:13px 14px;border-left:3px solid #24a8b4;border-radius:0 10px 10px 0;background:#ffffffb8;color:#425f7c;font-size:10px;line-height:1.75}
  .tc-mobile-terms strong{display:block;color:#163f64;font-size:10px}
  .tc-mobile-terms a{display:inline-flex;margin-top:4px;color:#0f70b3;font-weight:900;text-decoration:underline;text-underline-offset:3px}
  #top-walkthrough::before{inset:6% -20% auto;height:42%}
  .tc-mobile-experience{width:calc(100% - 24px);margin-top:16px;padding:36px 20px 30px;border-radius:22px}
  .tc-mobile-copy h2{font-size:31px}
  .tc-mobile-copy>p{font-size:12px;line-height:1.9}
  .tc-mobile-points li{font-size:11px}
  .tc-mobile-stage{min-height:610px;width:100%}
  .tc-mobile-context{left:-22px;top:45px;width:310px;padding:18px}
  .tc-mobile-context h3{font-size:17px}
  .tc-mobile-context-grid strong{font-size:13px}
  .tc-mobile-chart{height:92px}
  .tc-phone{right:-9px;top:176px;width:184px;height:421px;border-radius:34px}
  .tc-phone-screen{border-radius:26px}
  .tc-phone-body{padding:15px 12px 10px}
  .tc-phone-body h3{font-size:14px}
  .tc-phone-amount{font-size:20px}
  .f07-bridge>a{width:100%;margin-inline:0!important;justify-content:center;text-align:center}
}

/* 20261020-officevisual01: abstract office depth and fully visible device compositions. */
.hr-b .hr-visual,.tc-mobile-stage{isolation:isolate}
.hr-b .hr-stage{z-index:2}
.hr-b .hr-visual::before{z-index:1;pointer-events:none}
.hr-b .hr-visual::after,.tc-mobile-stage::before{content:"";position:absolute;pointer-events:none;border:1px solid #9eb7cb6b;border-radius:34px;background:linear-gradient(166deg,transparent 0 67%,#e5ecf1f5 67% 76%,#48637b21 76% 77%,#f7fafcf5 77% 100%),linear-gradient(90deg,transparent 0 18%,#1c3a5813 18% 18.4%,transparent 18.4% 51%,#1c3a5811 51% 51.4%,transparent 51.4% 82%,#1c3a5812 82% 82.4%,transparent 82.4%),linear-gradient(180deg,transparent 0 32%,#1c3a580e 32% 32.5%,transparent 32.5% 61%,#1c3a580b 61% 61.5%,transparent 61.5%),radial-gradient(ellipse at 12% 8%,#fffffffa 0 14%,#deeff8b8 42%,transparent 69%),linear-gradient(135deg,#fcfeff,#eef4f8 58%,#e4ecf2);box-shadow:inset 0 1px #ffffffe6,0 24px 55px #10314c14}
.hr-b .hr-visual::after{inset:34px -4px 18px 0;z-index:0}
.hr-b .hr-phone{right:10px;top:236px;width:144px;height:338px;transform:none;z-index:6}
.hr-b .hr-phone>.ygp-hires-phone{width:100%;height:100%;transform:none;border-radius:21px}
.hr-b .hr-notice.n1,.hr-b .hr-notice.n2,.hr-b .hr-notice.n3{z-index:8;transform:none}
.hr-b .hr-notice.n1{top:18px}
.hr-b .hr-notice.n2{top:18px}
.tc-mobile-stage::before{inset:8px -20px 0;z-index:0;border-radius:28px}
.tc-mobile-orbit{z-index:1;opacity:.52}
.tc-mobile-context{z-index:2}
.tc-phone{z-index:3;right:0;top:5px;width:200px;height:560px}
.tc-mobile-stage{min-height:570px}

@media(min-width:651px) and (max-width:900px){
  .hr-b .hr-visual::after{inset:38px 4px 10px;border-radius:28px}
  .hr-b .hr-stage{width:100%}
  .hr-b .hr-window{left:2.6%;width:92%;height:auto;aspect-ratio:1.431;padding:7px}
  .hr-b .hr-product-window>.ygp-hires-pc{transform:matrix(.843,0,0,.843,0,0)}
  .hr-b .hr-phone{right:28px;top:304px;width:132px;height:310px;transform:none}
  .hr-b .hr-phone>.ygp-hires-phone{width:100%;height:100%;transform:none}
  .hr-b .hr-notice.n1{left:30px;top:18px}
  .hr-b .hr-notice.n2{right:20px;top:20px}
  .tc-mobile-stage{min-height:570px}
  .tc-mobile-stage::before{inset:0;border-radius:24px}
  .tc-mobile-context{left:0}
  .tc-phone{right:0;top:19px;width:190px;height:532px}
}

@media(max-width:650px){
  .hr-b .hr-visual{width:min(390px,100vw);height:600px;margin:32px 0 0 50%;transform:translateX(-50%);overflow:hidden}
  .hr-b .hr-visual::after{inset:42px 6px 8px;border-radius:22px}
  .hr-b .hr-stage{left:0;top:0;width:100%;height:600px;transform:none;perspective:none}
  .hr-b .hr-window{left:16px;top:118px;width:calc(100% - 32px);height:auto;aspect-ratio:1.4;padding:6px;border-radius:16px}
  .hr-b .hr-product-window>.ygp-hires-pc{width:704px;height:492px;transform:scale(.49);transform-origin:0 0;grid-template-columns:105px 1fr}
  .hr-b .hr-phone{right:20px;top:284px;width:124px;height:292px;padding:7px;border-radius:25px;transform:none}
  .hr-b .hr-phone::before{top:4px;width:38px;height:8px}
  .hr-b .hr-phone>.ygp-hires-phone{width:164px;height:390px;transform:scale(.67);transform-origin:0 0;border-radius:21px}
  .hr-b .hr-notice{min-width:0}
  .hr-b .hr-notice.n1{left:16px;top:49px;width:159px;z-index:8;transform:none}
  .hr-b .hr-notice.n2{right:12px;top:51px;width:166px;z-index:8;transform:none}
  .hr-b .hr-halo.h1{left:17px;top:82px;width:360px;height:360px}
  .hr-b .hr-halo.h2{left:76px;top:140px;width:244px;height:244px}
  .hr-b .hr-axis{left:34px;right:30px;bottom:6px}
  .tc-mobile-stage{display:grid;grid-template-columns:1fr;align-content:start;gap:24px;width:100%;min-height:0;height:auto;padding:26px 0 24px;box-sizing:border-box}
  .tc-mobile-stage::before{inset:0;border-radius:22px}
  .tc-mobile-orbit{left:5%;right:5%;top:12%;bottom:4%}
  .tc-mobile-context{position:relative;left:auto;top:auto;width:100%;box-sizing:border-box}
  .tc-phone{position:relative;right:auto;top:auto;width:220px;height:560px;margin:0 auto;border-radius:39px}
  .tc-phone-screen{border-radius:30px}
}

@media(max-width:374px){
  .hr-b .hr-product-window>.ygp-hires-pc{transform:scale(.445)}
  .hr-b .hr-phone{right:16px;width:118px;height:278px}
  .hr-b .hr-phone>.ygp-hires-phone{transform:scale(.635)}
  .hr-b .hr-notice.n1{left:8px;width:150px}
  .hr-b .hr-notice.n2{right:8px;width:154px}
}

@media(max-width:340px){
  .hr-b .hr-product-window>.ygp-hires-pc{transform:scale(.39)}
  .hr-b .hr-phone{right:12px;top:267px;width:112px;height:264px}
  .hr-b .hr-phone>.ygp-hires-phone{transform:scale(.59)}
  .hr-b .hr-notice{font-size:8px}
  .hr-b .hr-notice.n1,.hr-b .hr-notice.n2{width:142px}
}