/* Subsequent screens from the approved OCT VPN prototype, version 12. */
.oct-continuation {
  color: #17242e;
  background: #fdfdfd;
  font: 16px/1.5 Arial, sans-serif;
  color-scheme: light;
}
:where(.oct-continuation) * { box-sizing:border-box; }
:where(.oct-continuation) button,
:where(.oct-continuation) input { font:inherit; }
:where(.oct-continuation) a { color:inherit; text-decoration:none; }
:where(.oct-continuation) button,
:where(.oct-continuation) summary { cursor:pointer; }
:where(.oct-continuation) button { color:inherit; }
:where(.oct-continuation) .wrap,
:where(.oct-continuation) footer { width:min(1240px,90%); margin:auto; }
:where(.oct-continuation) .wrap { padding:clamp(64px,7vw,112px) 0; }
:where(.oct-continuation) section { min-height:calc(100svh - 72px); display:grid; align-items:center; border-bottom:1px solid #d8e0e6; }
:where(.oct-continuation) .quiet:hover { text-decoration:underline; }
:where(.oct-continuation) .btn { display:inline-flex; align-items:center; justify-content:center; background:#17242e; color:white; border:0; border-radius:24px; padding:12px 21px; font-size:15px; font-weight:600; }
:where(.oct-continuation) .quiet { display:inline-block; padding:10px 0; background:none; border:0; font-weight:600; }
:where(.oct-continuation) .btn:hover { background:#344c60; }
:where(.oct-continuation) h2,
:where(.oct-continuation) h3,
:where(.oct-continuation) h4,
:where(.oct-continuation) p { margin:0; }
:where(.oct-continuation) h2 { font-weight:500; letter-spacing:-.055em; line-height:1.02; text-wrap:balance; }
:where(.oct-continuation) h2 { font-size:clamp(42px,4.7vw,70px); }
:where(.oct-continuation) em { font-style:normal; color:#64798b; }
:where(.oct-continuation) h3 { font-size:22px; line-height:1.15; letter-spacing:-.035em; }
:where(.oct-continuation) p { max-width:57ch; font-size:17px; color:#495c69; }
:where(.oct-continuation) h2+p,
:where(.oct-continuation) h3+p { margin-top:17px; }
:where(.oct-continuation) small { display:block; font-size:13px; color:#556877; }
:where(.oct-continuation) .split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,88px); align-items:center; }
:where(.oct-continuation) .split>* { min-width:0; }
:where(.oct-continuation) .productgrid { display:grid; grid-template-columns:.78fr 1.22fr; gap:7%; align-items:center; margin:46px 0; }
:where(.oct-continuation) .stack { position:relative; min-height:325px; background:#e9eff4; border-radius:20px; padding:28px; }
:where(.oct-continuation) .browser,
:where(.oct-continuation) .phone,
:where(.oct-continuation) .dash { background:white; border:1px solid #bdcbd6; box-shadow:0 10px 24px #1525320b; }
:where(.oct-continuation) .browser { width:78%; padding:14px 16px 34px; border-radius:10px; }
:where(.oct-continuation) .chrome,
:where(.oct-continuation) .tabs { font-size:12px; color:#617586; border-bottom:1px solid #dce3e9; padding-bottom:10px; margin-bottom:18px; }
:where(.oct-continuation) .browser strong,
:where(.oct-continuation) .phone strong { font-size:26px; display:block; letter-spacing:-.05em; }
:where(.oct-continuation) .lines i { display:block; height:3px; background:#d6e0e7; width:68%; margin:6px 0; }
:where(.oct-continuation) .lines i+i { width:52%; }
:where(.oct-continuation) .mockbtn { font-size:12px; text-align:center; background:#334958; color:white; border-radius:6px; padding:8px; margin-top:17px; }
:where(.oct-continuation) .phone { position:absolute; bottom:20px; right:20px; width:46%; max-width:190px; border-radius:22px; padding:13px 14px 20px; }
:where(.oct-continuation) .speaker { width:42px; height:4px; background:#b4c2cc; border-radius:5px; margin:0 auto 18px; }
:where(.oct-continuation) .status,
:where(.oct-continuation) .mockline { font-size:12px; color:#536b7c; margin-top:9px; }
:where(.oct-continuation) .servicegrid,
:where(.oct-continuation) .metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 20px; }
:where(.oct-continuation) .service { position:relative; border-top:1px solid #aebecb; padding-top:15px; }
:where(.oct-continuation) .ico { width:27px; height:27px; display:block; color:#516b80; }
:where(.oct-continuation) .service h3 { margin-top:13px; font-size:19px; }
:where(.oct-continuation) .service p { font-size:15px; line-height:1.4; margin-top:8px; }
:where(.oct-continuation) .endnote { border-top:1px solid #c4cfd8; padding-top:22px; margin-top:35px; display:flex; gap:26px; align-items:baseline; justify-content:space-between; }
:where(.oct-continuation) .endnote strong { font-size:21px; }
:where(.oct-continuation) .endnote small { max-width:60ch; }
:where(.oct-continuation) #quality,
:where(.oct-continuation) #office,
:where(.oct-continuation) #faq { background:#f1f5f8; }
:where(.oct-continuation) .device,
:where(.oct-continuation) .pipeline { display:flex; align-items:center; gap:18px; margin-top:36px; }
:where(.oct-continuation) .device { width:fit-content; background:white; border:1px solid #cbd7df; border-radius:15px; padding:16px 22px; }
:where(.oct-continuation) .device .ico { width:36px; height:36px; }
:where(.oct-continuation) .metrics { grid-template-columns:repeat(2,1fr); }
:where(.oct-continuation) .metric { border-top:1px solid #b9c8d3; padding:14px 0; }
:where(.oct-continuation) .metric strong,
:where(.oct-continuation) .results strong { font-size:clamp(30px,3.5vw,55px); font-weight:500; letter-spacing:-.055em; }
:where(.oct-continuation) .ribbon { overflow:hidden; border-block:1px solid #cbd7df; margin:55px 0; padding:35px 0; }
:where(.oct-continuation) .track { width:max-content; display:flex; animation:ticker 35s linear infinite; }
:where(.oct-continuation) .track span { display:inline-block; padding:0 42px; font-size:clamp(32px,4vw,68px); font-weight:bold; letter-spacing:-.055em; }
:where(.oct-continuation) .track span:nth-child(5n+1) { font-style:italic; }
:where(.oct-continuation) .track span:nth-child(5n+2) { font-family:monospace; }
:where(.oct-continuation) .track span:nth-child(5n+4) { font-weight:400; letter-spacing:.1em; }
@keyframes ticker {
  to{transform:translateX(-50%)}
}
:where(.oct-continuation) #brands .btn,
:where(.oct-continuation) #launch .btn,
:where(.oct-continuation) #income .btn { margin-top:24px; }
:where(.oct-continuation) .calc { margin:38px 0 8px; }
:where(.oct-continuation) .calc label,
:where(.oct-continuation) form label { display:block; font-weight:bold; margin:20px 0 6px; }
:where(.oct-continuation) input:not([type=checkbox]) { width:100%; padding:10px 12px; border:1px solid #bccad4; border-radius:7px; background:white; }
:where(.oct-continuation) input[type=range] { accent-color:#506f88; }
:where(.oct-continuation) .results,
:where(.oct-continuation) .dash,
:where(.oct-continuation) form { border:1px solid #cbd7df; padding:28px; border-radius:20px; }
:where(.oct-continuation) .results { background:#ebf1f5; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
:where(.oct-continuation) .results>small { grid-column:1/-1; }
:where(.oct-continuation) .tiles,
:where(.oct-continuation) .bars { display:flex; gap:12px; margin:19px 0; }
:where(.oct-continuation) .tiles>div { background:#edf2f6; padding:12px 16px; flex:1; }
:where(.oct-continuation) .tiles strong { font-size:25px; }
:where(.oct-continuation) .bars { align-items:flex-end; }
:where(.oct-continuation) .bars div { flex:1; text-align:center; font-size:11px; color:#556677; }
:where(.oct-continuation) .bars i { display:block; background:#9cb0bf; border-radius:3px 3px 0 0; margin-bottom:6px; }
:where(.oct-continuation) .tabs { margin:0; border:0; border-top:1px solid #dce3e9; padding:10px 0 0; }
:where(.oct-continuation) #office p+h3 { margin-top:24px; }
:where(.oct-continuation) .journey { position:relative; display:grid; gap:15px; margin:38px 0; width:min(850px,100%); }
:where(.oct-continuation) .journey svg { position:absolute; width:100%; height:100%; inset:0; }
:where(.oct-continuation) .step { position:relative; background:white; border:1px solid #c8d5de; border-radius:14px; padding:18px; display:flex; gap:16px; width:45%; align-items:center; }
:where(.oct-continuation) .step:nth-of-type(even) { margin-left:auto; }
:where(.oct-continuation) .step b { font-size:24px; color:#698091; }
:where(.oct-continuation) .step p { font-size:15px; margin:5px 0 0; }
:where(.oct-continuation) .step.on { border-color:#63869e; }
:where(.oct-continuation) .accordion h4 { font-size:13px; margin:21px 0 8px; color:#64798b; }
:where(.oct-continuation) .accordion details { border-bottom:1px solid #c4d1d9; padding:13px 0; }
:where(.oct-continuation) .accordion summary { font-weight:bold; list-style:none; display:flex; gap:8px; justify-content:space-between; }
:where(.oct-continuation) .accordion summary::after { content:'+'; }
:where(.oct-continuation) .accordion details[open] summary::after { content:'−'; }
:where(.oct-continuation) .accordion details p { margin:12px 0; font-size:15px; }
:where(.oct-continuation) .pipeline i { height:1px; width:36px; background:#96aebf; }
:where(.oct-continuation) .pipeline { margin-bottom:12px; }
:where(.oct-continuation) .check { font-weight:normal; font-size:14px; }
:where(.oct-continuation) form .btn,
:where(.oct-continuation) form .quiet { display:block; width:100%; margin-top:14px; }
:where(.oct-continuation) footer { padding:32px 0; display:flex; justify-content:space-between; align-items:center; font-size:13px; }
:where(.oct-continuation) #faq .quiet { margin-top:24px; }
@media(max-width:960px) {
  :where(.oct-continuation) .productgrid { grid-template-columns:.8fr 1.2fr; gap:24px; }
  :where(.oct-continuation) .servicegrid { grid-template-columns:1fr 1fr; }
}
@media(max-width:720px) {
  :where(.oct-continuation) .wrap { padding:60px 0; }
  :where(.oct-continuation) .split,
  :where(.oct-continuation) .productgrid { grid-template-columns:1fr; gap:34px; }
  :where(.oct-continuation) section { min-height:0; }
  :where(.oct-continuation) .productgrid { margin:30px 0; }
  :where(.oct-continuation) .stack { min-height:280px; }
  :where(.oct-continuation) .servicegrid,
  :where(.oct-continuation) .metrics { gap:24px 16px; }
  :where(.oct-continuation) .endnote { display:grid; gap:8px; }
  :where(.oct-continuation) .journey svg { display:none; }
  :where(.oct-continuation) .journey { border-left:2px solid #b5c6d2; padding-left:18px; }
  :where(.oct-continuation) .step,
  :where(.oct-continuation) .step:nth-of-type(even) { width:100%; margin:0; }
  :where(.oct-continuation) .tiles { gap:6px; }
  :where(.oct-continuation) .tiles>div { padding:10px; }
  :where(.oct-continuation) .tiles strong { font-size:20px; }
  :where(.oct-continuation) .dash,
  :where(.oct-continuation) form { padding:18px; }
  :where(.oct-continuation) .ribbon { margin:32px 0; }
  :where(.oct-continuation) .track span { padding:0 22px; }
  :where(.oct-continuation) .results { padding:20px; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.oct-continuation) .track { animation:none; }
}
:where(.oct-continuation) section { grid-template-columns:minmax(0,1fr); }
:where(.oct-continuation) .wrap { min-width:0; }
:where(.oct-continuation) #brands { overflow:clip; }
:where(.oct-continuation) #brands .wrap { width:100%; text-align:center; }
:where(.oct-continuation) #brands h2,
:where(.oct-continuation) #brands h3,
:where(.oct-continuation) #brands p { padding-inline:5%; margin-inline:auto; }
:where(.oct-continuation) #brands .ribbon { width:100%; margin-inline:0; background:linear-gradient(180deg,#fafcfd,#f1f5f8); padding-block:34px; }
:where(.oct-continuation) .railgroup { display:flex; align-items:center; flex:none; }
:where(.oct-continuation) .track { animation-direction:reverse; animation-duration:52s; }
:where(.oct-continuation) .railgroup figure { margin:0; width:clamp(128px,12.6vw,230px); display:grid; justify-items:center; gap:12px; }
:where(.oct-continuation) .coin { display:grid; place-items:center; width:clamp(74px,7vw,102px); aspect-ratio:1; border-radius:50%; background:#142333; color:#ddeefa; }
:where(.oct-continuation) .coin svg { width:54%; height:54%; }
:where(.oct-continuation) .coin img { width:80%; }
:where(.oct-continuation) .railgroup figure:nth-child(3n+2) .coin { color:#203b4d; background:#c8d9e6; }
:where(.oct-continuation) .railgroup figure:nth-child(3n) .coin { color:#43637b; background:white; border:1px solid #c4d2dd; }
:where(.oct-continuation) .railgroup figcaption { font-size:13px; letter-spacing:.07em; font-weight:700; }
:where(.oct-continuation) #launch .wrap { text-align:center; }
:where(.oct-continuation) #launch .journey { margin:44px auto; width:min(990px,100%); text-align:left; }
:where(.oct-continuation) #launch .wrap>p { margin-inline:auto; }
:where(.oct-continuation) .results { grid-template-columns:minmax(0,1fr); }
:where(.oct-continuation) .results>div+div { border-top:1px solid #bdcbd6; padding-top:17px; }
:where(.oct-continuation) .results strong { display:block; overflow-wrap:anywhere; }
:where(.oct-continuation) .metric { border:1px solid #d9e3eb; background:linear-gradient(135deg,#fff,#f4f8fb); border-radius:16px; padding:18px; }
:where(.oct-continuation) .metrics { gap:14px; }
:where(.oct-continuation) .signal { position:relative; isolation:isolate; overflow:hidden; border-radius:20px; background:#e6eef4; margin-top:26px; padding:20px; }
:where(.oct-continuation) .signal>svg { width:100%; height:100%; position:absolute; inset:0; z-index:-1; stroke:#9eb9ce; transform:translateX(var(--shift,0)); transition:transform .25s; }
:where(.oct-continuation) .signal .device { margin:0; background:#fbfdffed; }
:where(.oct-continuation) .signal svg path:nth-child(3) { stroke:#6388aa; stroke-dasharray:14 32; animation:current 5s linear infinite; }
@keyframes current {
  to{stroke-dashoffset:-92}
}
:where(.oct-continuation) #office .split { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:5%; }
:where(.oct-continuation) #office h2 { font-size:clamp(39px,4.1vw,60px); }
:where(.oct-continuation) .dash { padding:0; overflow:hidden; border-radius:16px; box-shadow:0 16px 48px #32465812; }
:where(.oct-continuation) .dash .chrome { margin:0; background:#e7edf1; padding:13px 22px; }
:where(.oct-continuation) .dashbody { padding:clamp(18px,2.6vw,40px); }
:where(.oct-continuation) .dashbody h3 { margin-top:12px; font-size:26px; }
:where(.oct-continuation) .tiles>div { border-radius:10px; }
:where(.oct-continuation) .tiles strong { font-variant-numeric:tabular-nums; }
:where(.oct-continuation) .bars i { transform-origin:bottom; }
:where(.oct-continuation) .shown .bars i { animation:grow .85s both; }
@keyframes grow {
  from{transform:scaleY(.1)}to{transform:scaleY(1)}
}
:where(.oct-continuation) .withdraw { width:fit-content; background:#263e50; color:white; font-size:13px; border-radius:20px; padding:8px 15px; margin:20px 0; }
:where(.oct-continuation) .tabs { display:flex; gap:20px; }
:where(.oct-continuation) .step { transition:border-color .3s,box-shadow .3s; }
:where(.oct-continuation) .step.on { box-shadow:0 6px 24px #819fb21f; }
:where(.oct-continuation) .accordion details[open] p { animation:answer .25s both; }
@keyframes answer {
  from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}
}
@media(max-width:720px) {
  :where(.oct-continuation) #office .split { grid-template-columns:1fr; gap:28px; }
  :where(.oct-continuation) .metric { padding:13px; }
  :where(.oct-continuation) .metric strong { font-size:clamp(21px,6.3vw,34px); }
  :where(.oct-continuation) .tabs { gap:12px; }
  :where(.oct-continuation) .signal { padding:15px; }
  :where(.oct-continuation) #launch .wrap { text-align:left; }
  :where(.oct-continuation) #launch .wrap>p { margin-left:0; }
  :where(.oct-continuation) .railgroup figure { width:114px; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.oct-continuation) .signal svg path,
  :where(.oct-continuation) .shown .bars i,
  :where(.oct-continuation) .accordion details[open] p { animation:none; }
  :where(.oct-continuation) .signal>svg,
  :where(.oct-continuation) .step { transition:none; }
}
:where(.oct-continuation) #product,
:where(.oct-continuation) #faq,
:where(.oct-continuation) #apply,
:where(.oct-continuation) #launch { min-height:0; }
:where(.oct-continuation) #product .wrap { padding-top:clamp(42px,4vw,66px); }
:where(.oct-continuation) .route { padding:24px 26px; }
:where(.oct-continuation) .route-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; font-size:13px; color:#475f73; }
:where(.oct-continuation) .route-head strong { background:#fff; border-radius:20px; padding:4px 12px; color:#234e65; }
:where(.oct-continuation) .route-map { display:flex; align-items:flex-start; gap:12px; margin-top:24px; text-align:center; }
:where(.oct-continuation) .route-map svg { width:36px; height:36px; stroke:#36576c; stroke-width:1.65; fill:none; }
:where(.oct-continuation) .packets { position:relative; flex:1; height:2px; margin-top:17px; background:#a8becd; }
:where(.oct-continuation) .packets i { width:8px; height:8px; position:absolute; left:0; top:-3px; border-radius:50%; background:#3d80ba; animation:transmit 2.6s ease-in-out infinite; }
@keyframes transmit {
  0%{left:0;opacity:0}20%,80%{opacity:1}100%{left:98%;opacity:0}
}
:where(.oct-continuation) #launch .wrap { text-align:center; width:min(1480px,94%); }
:where(.oct-continuation) .launch-scene { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3.8fr) minmax(0,1fr); align-items:center; gap:2%; margin:40px auto; }
:where(.oct-continuation) .launch-art { width:100%; color:#96b0c6; opacity:.68; }
:where(.oct-continuation) .launch-art:first-child { align-self:start; margin-top:36px; }
:where(.oct-continuation) .launch-art:last-child { align-self:end; margin-bottom:28px; }
:where(.oct-continuation) #launch .journey { width:100%; margin:0; }
:where(.oct-continuation) #launch .wrap>p { margin-inline:auto; }
:where(.oct-continuation) #launch .journey .step { width:46%; }
:where(.oct-continuation) #faq .wrap { padding-bottom:clamp(26px,3vw,48px); }
:where(.oct-continuation) #apply .wrap { padding-block:clamp(34px,4vw,64px); }
:where(.oct-continuation) #faq .split,
:where(.oct-continuation) #apply .split { align-items:start; }
:where(.oct-continuation) .pipeline { position:relative; width:max-content; }
:where(.oct-continuation) .pipeline i { position:relative; }
:where(.oct-continuation) .pipeline i::after { content:''; position:absolute; inset:0; background:#4d8abb; transform-origin:left; animation:linkup 3s infinite; }
:where(.oct-continuation) .pipeline i:nth-of-type(2)::after { animation-delay:.45s; }
@keyframes linkup {
  0%,12%{transform:scaleX(0)}65%,100%{transform:scaleX(1)}
}
@media(max-width:720px) {
  :where(.oct-continuation) #launch .wrap { text-align:center; }
  :where(.oct-continuation) .launch-scene { grid-template-columns:minmax(0,1fr); position:relative; margin:30px auto; width:92%; }
  :where(.oct-continuation) .launch-art { display:none; }
  :where(.oct-continuation) #launch .journey .step { width:100%; }
  :where(.oct-continuation) #launch .wrap>p { margin-inline:auto; }
  :where(.oct-continuation) .route { padding:16px; }
  :where(.oct-continuation) .route-head { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.oct-continuation) .packets i,
  :where(.oct-continuation) .pipeline i::after { animation:none; }
}
:where(.oct-continuation) #launch .journey { row-gap:40px; position:relative; }
:where(.oct-continuation) #launch .journey .step-links { display:block; position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
:where(.oct-continuation) .step-links g.traced .shaft { animation:trace-link .7s ease-in-out both; }
:where(.oct-continuation) .step-links g.traced .tip { animation:show-tip .25s .62s both; }
@keyframes trace-link {
  from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}
}
@keyframes show-tip {
  from{opacity:0}to{opacity:1}
}
@media(max-width:720px) {
  :where(.oct-continuation) #launch .journey { padding-left:0; border:0; row-gap:26px; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.oct-continuation) .step-links g.traced path { animation:none!important; }
}
:where(.oct-continuation) .step-links.await-trace g:not(.traced) { opacity:0; }
:where(.oct-continuation) .faq-dialog { display:block; width:min(100%,390px); height:auto; margin:clamp(28px,3vw,46px) 0 0; overflow:visible; }
:where(.oct-continuation) .faq-dialog .faq-answer { filter:drop-shadow(0 6px 8px #17334812); }
@media(max-width:720px) {
  :where(.oct-continuation) .faq-dialog { width:min(47vw,185px); margin:18px 0 -6px; }
}
:where(.oct-continuation) #quality .split { align-items:stretch; }
:where(.oct-continuation) #quality .split>div:first-child { display:flex; flex-direction:column; align-items:stretch; }
:where(.oct-continuation) #quality .route { margin-top:auto; }
:where(.oct-continuation) #quality .split>div:first-child>p { margin-bottom:28px; }
:where(.oct-continuation) #quality .metrics { grid-auto-rows:1fr; }
:where(.oct-continuation) #quality .metric { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:7px; }
:where(.oct-continuation) #quality .metric strong { font-size:clamp(24px,2.55vw,40px); line-height:1.1; }
:where(.oct-continuation) #income { min-height:0; }
:where(.oct-continuation) #income .calc { align-items:start; margin:0; }
:where(.oct-continuation) #income .calc-controls h2+p { margin:16px 0 26px; }
:where(.oct-continuation) #income .calc label { margin:0 0 8px; }
:where(.oct-continuation) #income .calc-controls>small { margin-top:8px; }
:where(.oct-continuation) #income .results { margin:0; padding:clamp(20px,2.4vw,32px); align-self:stretch; align-content:center; }
:where(.oct-continuation) #income .results strong { line-height:1.18; margin-top:6px; }
:where(.oct-continuation) #office .split { align-items:start; }
:where(.oct-continuation) #office .office-copy h2+p { margin:12px 0 0; }
:where(.oct-continuation) #office .office-copy p+h3 { margin:36px 0 0; }
:where(.oct-continuation) #office .office-copy h3+p { margin:8px 0 0; }
:where(.oct-continuation) #office .office-copy h3 { font-size:20px; }
:where(.oct-continuation) .desk-layout { display:grid; grid-template-columns:92px minmax(0,1fr); }
:where(.oct-continuation) .desk-rail { padding:19px 7px; background:#f6f8fa; border-right:1px solid #e1e7ec; display:flex; flex-direction:column; gap:4px; }
:where(.oct-continuation) .desk-rail>* { padding:5px; font-size:11px; color:#556877; }
:where(.oct-continuation) .desk-rail b { border-radius:5px; background:#e3ecf3; color:#213648; }
:where(.oct-continuation) #office .dash { align-self:start; }
:where(.oct-continuation) #office .dash .chrome { padding:8px 14px; font-size:11px; }
:where(.oct-continuation) #office .dashbody { padding:17px; }
:where(.oct-continuation) #office .dashbody h3 { font-size:18px; margin:5px 0 14px; }
:where(.oct-continuation) #office .dashbody small { font-size:11px; }
:where(.oct-continuation) #office .tiles { gap:8px; margin:10px 0 16px; }
:where(.oct-continuation) #office .tiles>div { padding:9px 10px; }
:where(.oct-continuation) #office .tiles strong { font-size:18px; }
:where(.oct-continuation) #office .withdraw { font-size:11px; padding:4px 10px; margin:12px 0; }
:where(.oct-continuation) #office .bars { background:repeating-linear-gradient(to top,transparent 0 20px,#edf2f5 20px 21px); margin:12px 0 7px; }
:where(.oct-continuation) #office .bars i { width:55%; max-width:35px; margin-inline:auto; }
:where(.oct-continuation) .ledger { border-top:1px solid #dbe3e9; padding-top:10px; font-size:11px; }
:where(.oct-continuation) .ledger>div { display:flex; justify-content:space-between; padding:5px 0; color:#556b79; }
:where(.oct-continuation) .ledger span+span { color:#436853; }
:where(.oct-continuation) .finish-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(345px,100%); margin-top:32px; }
:where(.oct-continuation) .finish-node { position:relative; text-align:center; display:grid; justify-items:center; gap:9px; }
:where(.oct-continuation) .finish-node .ico { width:27px; height:27px; }
:where(.oct-continuation) .finish-node:not(:last-child)::after { content:''; position:absolute; left:calc(50% + 23px); width:calc(100% - 46px); top:13px; height:1px; background:#9ab5ca; }
@keyframes finish-in {
  from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}
}
:where(.oct-continuation) #product .stack .status { min-height:1.6em; }
:where(.oct-continuation) #product .stack[data-stage="2"] .phone .mockbtn,
:where(.oct-continuation) #product .stack[data-stage="1"] .browser .mockbtn { background:#365f7b; box-shadow:0 0 0 3px #b6d9ee70; }
:where(.oct-continuation) .stack .mockbtn { transition:background .4s,box-shadow .4s; }
:where(.oct-continuation) .stack .status { transition:color .4s; }
:where(.oct-continuation) .stack[data-stage="3"] .status { color:#237353; }
@media(max-width:720px) {
  :where(.oct-continuation) #income .results { align-self:auto; }
  :where(.oct-continuation) #quality .route { margin-top:0; }
  :where(.oct-continuation) #quality .metric strong { font-size:clamp(22px,5.8vw,36px); }
  :where(.oct-continuation) #office .desk-layout { grid-template-columns:minmax(0,1fr); }
  :where(.oct-continuation) .desk-rail { display:none; }
  :where(.oct-continuation) #office .office-copy p+h3 { margin-top:30px; }
  :where(.oct-continuation) #office .office-copy h3+p { margin-top:8px; }
  :where(.oct-continuation) .finish-flow { width:min(320px,100%); }
}
@media(prefers-reduced-motion:no-preference) {
  :where(.oct-continuation) .step-links g.traced .shaft { animation-duration:.85s; animation-delay:var(--trace-delay,0ms); }
  :where(.oct-continuation) .step-links g.traced .tip { animation-duration:.3s; animation-delay:calc(var(--trace-delay,0ms) + .72s); }
  :where(.oct-continuation) .shown .bars i { animation-duration:1.2s; }
  :where(.oct-continuation) .shown .bars div:nth-child(2) i { animation-delay:.09s; }
  :where(.oct-continuation) .shown .bars div:nth-child(3) i { animation-delay:.18s; }
  :where(.oct-continuation) .shown .bars div:nth-child(4) i { animation-delay:.27s; }
  :where(.oct-continuation) .shown .bars div:nth-child(5) i { animation-delay:.36s; }
  :where(.oct-continuation) .shown .bars div:nth-child(6) i { animation-delay:.45s; }
  :where(.oct-continuation) .accordion details[open] p { animation-duration:.52s; }
}
:where(.oct-continuation) #quality .metric>strong { display:block; transform-origin:left center; }
:where(.oct-continuation) #brands .brand-invitation { width:100%; }
:where(.oct-continuation) #office .split { align-items:start; }
:where(.oct-continuation) #office .office-copy h2 { line-height:1; margin:0; }
:where(.oct-continuation) #office .dash { margin-top:.32em; }
:where(.oct-continuation) .panel-stack { display:grid; min-width:0; }
:where(.oct-continuation) .panel-stack>.dashbody { grid-area:1/1; visibility:hidden; pointer-events:none; }
:where(.oct-continuation) .panel-stack>.dashbody:not([inert]) { visibility:visible; pointer-events:auto; }
:where(.oct-continuation) .desk-rail button { border:0; border-radius:5px; background:none; text-align:left; font:500 11px Arial; padding:7px; color:#506674; }
:where(.oct-continuation) .desk-rail button:hover,
:where(.oct-continuation) .desk-rail button:focus-visible { background:#fff; outline:1px solid #b3cde1; }
:where(.oct-continuation) .desk-rail button[aria-pressed=true] { background:#dceaf4; color:#173952; font-weight:700; }
:where(.oct-continuation) .alt-panel .ledger>div { padding:10px 0; border-bottom:1px solid #e4ebf0; }
:where(.oct-continuation) #brands .track { animation:none; will-change:transform; }
:where(.oct-continuation) #brands .ribbon { cursor:grab; touch-action:pan-y; user-select:none; }
:where(.oct-continuation) #brands .ribbon.dragging { cursor:grabbing; }
:where(.oct-continuation) .railgroup img { pointer-events:none; }
:where(.oct-continuation) .step { transition:background .25s,border-color .25s,box-shadow .25s; }
:where(.oct-continuation) .step:has(.step-open:hover),
:where(.oct-continuation) .step:focus-within,
:where(.oct-continuation) .step:has([aria-expanded=true]) { background:#f0f9ff; border-color:#8dc2e7; box-shadow:0 5px 20px #70aff022; }
:where(.oct-continuation) .step-open { background:none; border:0; padding:0; text-align:left; font:inherit; letter-spacing:inherit; color:inherit; }
:where(.oct-continuation) .step-open:after { content:''; position:absolute; inset:0; }
:where(.oct-continuation) .step-open span { font-size:14px; color:#67859a; margin-left:6px; }
:where(.oct-continuation) .step .step-more { margin-top:12px; padding-top:10px; border-top:1px solid #cddfe9; font-size:14px; }
:where(.oct-continuation) .conversation { width:min(420px,100%); margin:36px 0 0; display:grid; gap:15px; padding:12px 4px 18px; min-height:140px; }
:where(.oct-continuation) .chat-line { display:flex; align-items:center; gap:10px; width:fit-content; max-width:91%; padding:12px 17px; border-radius:18px; background:white; color:#253e51; box-shadow:0 6px 17px #2942590c; border:1px solid #cbdce8; font-size:15px; transition:translate .25s ease,box-shadow .25s; }
:where(.oct-continuation) .chat-line i { flex:none; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; font:600 13px Arial; background:#dfebf5; }
:where(.oct-continuation) .chat-line.ask { border-bottom-left-radius:3px; }
:where(.oct-continuation) .chat-line.answer { justify-self:end; border-bottom-right-radius:3px; color:white; background:#233e53; }
:where(.oct-continuation) .answer i { background:#395970; }
:where(.oct-continuation) .chat-line.answer.waiting { opacity:0; }
@media(hover:hover) {
  :where(.oct-continuation) .chat-line.ask:hover { translate:5px -3px; }
  :where(.oct-continuation) .chat-line.answer:hover { translate:-5px -3px; }
  :where(.oct-continuation) .accordion summary:hover { color:#32749e; }
  :where(.oct-continuation) .finish-node:hover .ico { color:#237bed; filter:drop-shadow(0 2px 6px #9cd9ff); }
}
:where(.oct-continuation) .finish-node { transition:translate .25s,scale .25s,color .25s; }
@keyframes flow-ink {
  from{transform:scaleX(0)}to{transform:scaleX(1)}
}
@media(max-width:720px) {
  :where(.oct-continuation) #office .desk-rail { display:flex; flex-direction:row; flex-wrap:wrap; border:0; padding:6px; }
  :where(.oct-continuation) .desk-rail button { font-size:10px; }
  :where(.oct-continuation) .conversation { margin-top:20px; min-height:125px; }
  :where(.oct-continuation) .chat-line { font-size:13px; }
  :where(.oct-continuation) .desk-layout .panel-stack { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.oct-continuation) .chat-line,
  :where(.oct-continuation) .finish-node { transition:none; }
}
:where(.oct-continuation) .panel-stack>.dashbody.panel-leaving { visibility:visible; pointer-events:none; }
:where(.oct-continuation) .desk-bar { display:flex; align-items:center; gap:9px; }
:where(.oct-continuation) .desk-emblem,
:where(.oct-continuation) .policy-link { border:0; background:none; padding:0; }
:where(.oct-continuation) .desk-emblem img,
:where(.oct-continuation) .home-emblem img { display:block; border-radius:7px; }
:where(.oct-continuation) .desk-emblem img { width:25px; height:25px; }
:where(.oct-continuation) .desk-emblem:hover,
:where(.oct-continuation) .home-emblem:hover img { filter:brightness(1.2); }
:where(.oct-continuation) .rub { display:block; font-size:15px; color:#516777; margin-top:4px; }
:where(.oct-continuation) .site-foot { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px; align-items:start; padding-block:44px; }
:where(.oct-continuation) .site-foot h3 { font-size:15px; margin-bottom:14px; }
:where(.oct-continuation) .site-foot a,
:where(.oct-continuation) .site-foot .policy-link { display:block; width:fit-content; font:14px/1.5 Arial; color:#455e70; text-align:left; margin:8px 0; }
:where(.oct-continuation) .site-foot a:hover,
:where(.oct-continuation) .site-foot button:hover { text-decoration:underline; }
:where(.oct-continuation) .site-foot .home-emblem { display:flex; align-items:center; gap:10px; color:#17242e; font-size:18px; margin:0; }
:where(.oct-continuation) .site-foot p { font-size:14px; max-width:25ch; margin-top:13px; }
:where(.oct-continuation) #privacy { max-width:min(450px,90vw); border:1px solid #bfd0dc; border-radius:16px; padding:26px; color:#253d4e; }
:where(.oct-continuation) #privacy p { font-size:15px; margin:15px 0; }
:where(.oct-continuation) #privacy form { border:0; padding:0; }
:where(.oct-continuation) #privacy::backdrop { background:#12273866; }
@media(max-width:720px) {
  :where(.oct-continuation) .site-foot { grid-template-columns:1fr 1fr; gap:24px 15px; }
  :where(.oct-continuation) .site-foot .foot-intro { grid-column:1/-1; }
}
:where(.oct-continuation) .finish-node .ico { transition:transform .25s,color .25s,filter .25s; }
@media(hover:hover) {
  :where(.oct-continuation) .finish-node:hover .ico { transform:scale(1.16); color:#237bed; filter:drop-shadow(0 0 5px #90cfff); }
}
@media(prefers-reduced-motion:no-preference) {
  :where(.oct-continuation) .finish-flow.play .finish-node .ico { animation:icon-accent .85s ease-in-out; }
  :where(.oct-continuation) .finish-flow.play .finish-node:nth-child(2) .ico { animation-delay:.3s; }
  :where(.oct-continuation) .finish-flow.play .finish-node:nth-child(3) .ico { animation-delay:.6s; }
}
@keyframes icon-accent {
  50%{color:#237bed;transform:scale(1.16);filter:drop-shadow(0 0 5px #90cfff)}
}
:where(.oct-continuation) .back-top { position:fixed; z-index:9; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); width:44px; height:44px; display:grid; place-items:center; border:1px solid #bdcbd6; border-radius:50%; background:#fff; color:#324c60; box-shadow:0 3px 12px #20384a14; }
:where(.oct-continuation) .back-top:hover,
:where(.oct-continuation) .back-top:focus-visible { color:#237bed; border-color:#88b4d7; }
:where(.oct-continuation) .back-top[hidden] { display:none; }
@media(prefers-reduced-motion:no-preference) {
  :where(.oct-continuation) .step-links g.traced .shaft { animation-duration:.708s; }
  :where(.oct-continuation) .step-links g.traced .tip { animation-duration:.25s; animation-delay:calc(var(--trace-delay,0ms) + .60s); }
}
@keyframes packet-pass {
  from{transform:translateX(-100%)}to{transform:translateX(100%)}
}
@keyframes point-light {
  to{border-color:#237bed;background:#6fc9ff;box-shadow:0 0 0 4px #237bed15}
}
@keyframes mark-light {
  50%{filter:brightness(1.24);box-shadow:0 0 20px #82cdfb69}
}
@media(prefers-reduced-motion:no-preference) {
  :where(.oct-continuation) .step-links g.traced .shaft { animation-duration:.5664s; }
  :where(.oct-continuation) .step-links g.traced .tip { animation-duration:.2s; animation-delay:calc(var(--trace-delay,0ms) + .48s); }
}
.oct-continuation section { scroll-margin-top: var(--nav-h, 76px); }
.oct-continuation :focus-visible { outline: 3px solid #237bed; outline-offset: 3px; }
.oct-continuation form > small:first-child { padding-bottom: 4px; }
.oct-continuation #feedback { margin-top: 12px; }
.oct-continuation #privacy button { width: auto; }
.oct-continuation .back-top { z-index: 4; }
@media (prefers-reduced-motion: reduce) {
  .oct-continuation *, .oct-continuation *::before, .oct-continuation *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}