/* ONE product interface. Isolated styles; interface state stays local. */
.one-experience {
  --oe-ink:#111526; --oe-muted:#59657b; --oe-line:#dce2ee;
  --oe-paper:#f7f8fc; --oe-accent:#3157ff;
  position:relative; overflow:hidden;
  background:radial-gradient(ellipse at 77% 46%,#3157ff08,transparent 46%),#f7f8fc;
  color:var(--oe-ink); padding:110px 6.5% 100px; scroll-margin-top:72px;
}
.one-experience *, .one-experience *::before, .one-experience *::after { box-sizing:border-box; }
.one-experience button, .one-experience input { font:inherit; }
.one-experience button { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.one-experience button:focus-visible, .one-experience input:focus-visible { outline:2px solid #3157ff; outline-offset:4px; }
.one-experience [hidden] { display:none!important; }
.one-experience h2, .one-experience h3, .one-experience h4, .one-experience p { margin:0; }
.one-experience-inner { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:9%; align-items:center; max-width:1170px; margin:auto; position:relative; z-index:1; }
.one-experience-copy { padding-bottom:22px; }
.one-experience .one-experience-eyebrow { color:#3157ff; font:500 10px/1.7 'DM Sans',sans-serif; letter-spacing:.17em; margin-bottom:28px; }
.one-experience h2 { font:600 clamp(44px,4.65vw,65px)/1.14 'Manrope',sans-serif; letter-spacing:-.055em; color:#111526; }
.one-experience h2 > span { color:#3157ff; }
.one-experience .one-experience-lead { font:400 17px/1.85 'DM Sans',sans-serif; max-width:350px; margin-top:29px; color:#59657b; }
.one-experience .one-experience-invitation { font:400 14px/1.85 'DM Sans',sans-serif; margin-top:20px; color:#59657b; }
.one-experience-install { margin-top:28px; }
.one-experience-guide { display:flex; gap:14px; align-items:start; margin-top:35px; }
.one-experience-guide > span { font-size:23px; line-height:1.4; color:#8e97b1; }
.one-experience-guide p { font:400 12px/1.8 'DM Sans',sans-serif; color:#59657b; }
.one-experience-device { display:flex; flex-direction:column; align-items:center; position:relative; isolation:isolate; perspective:1400px; }
.one-experience-device::before {
  content:''; position:absolute; z-index:-1; pointer-events:none;
  top:-8%; left:50%; width:560px; height:730px; transform:translateX(-50%);
  background:radial-gradient(ellipse at 64% 34%,#3157ff13,transparent 54%),radial-gradient(ellipse at 26% 68%,#80a5ff18,transparent 58%);
  filter:blur(24px); border-radius:50%;
}
.one-experience-device::after { content:''; position:absolute; z-index:-1; pointer-events:none; width:250px; height:30px; bottom:32px; left:50%; transform:translateX(-50%); background:#11152624; filter:blur(22px); border-radius:50%; }

/* A narrow metal edge surrounds a continuous glass screen. */
.one-app {
  width:370px; max-width:100%; height:min(700px,calc(100svh - 132px)); min-height:560px;
  padding:5px; position:relative; isolation:isolate; flex-shrink:0;
  color:var(--oe-ink); border:1px solid #26324d; border-radius:42px;
  background:linear-gradient(122deg,#18233b 0%,#dfe5f0 5%,#8190ae 15%,#e4eaf5 46%,#4b5a78 74%,#eef2fa 95%,#3b4a68 100%);
  box-shadow:1px 1px 0 #fff,-1px -1px 0 #11152655,12px 27px 48px #11152621,0 45px 85px #1428610f;
  font:400 13px/1.6 'DM Sans',sans-serif; transform-origin:50% 55%;
  transition:transform .8s cubic-bezier(.2,.65,.3,1),box-shadow .8s;
}
.one-app::before { content:''; position:absolute; inset:2px; border:1px solid #ffffff90; border-radius:39px; pointer-events:none; z-index:5; }
.one-app::after { content:''; position:absolute; top:133px; left:-3px; width:2px; height:49px; border-radius:2px 0 0 2px; background:linear-gradient(#cdd6e8,#26344e,#a9b7ce); box-shadow:0 61px 0 -0.2px #5b6b88; pointer-events:none; }
.one-app-screen {
  display:grid; grid-template-rows:75px minmax(0,1fr) 83px; height:100%;
  position:relative; overflow:hidden; isolation:isolate; border-radius:36px;
  border:1px solid #18233b24;
  background:#ffffff;
  box-shadow:inset 0 1px 1px #ffffffef,inset 0 0 0 1px #ffffff70;
}
.one-app-screen::before { content:''; position:absolute; inset:0; z-index:4; pointer-events:none; border-radius:inherit; background:linear-gradient(118deg,#ffffff4a 0%,#ffffff12 25%,transparent 42%,transparent 79%,#fff1 100%); opacity:.5; }
.one-app-screen::after { content:''; position:absolute; z-index:4; bottom:7px; left:50%; width:83px; height:3px; background:#1115263d; border-radius:3px; transform:translateX(-50%); pointer-events:none; }
.one-app-sensor { position:absolute; z-index:4; top:10px; left:50%; width:45px; height:4px; border-radius:6px; background:linear-gradient(90deg,#5a6a86,#111526,#7b8ba7); opacity:.8; transform:translateX(-50%); pointer-events:none; }
.one-app button { border:0; background:none; color:inherit; padding:0; }
.one-app button:disabled { cursor:default; opacity:.62; }
.one-app svg { display:block; }
.one-app-header { position:relative; display:flex; align-items:center; justify-content:center; padding:12px 24px 0; border-bottom:1px solid #dce2ee; }
.one-app-brand { display:flex; align-items:baseline; gap:9px; min-height:44px; justify-content:center; }
.one-app-brand > span { color:#59657b; font-size:9px; letter-spacing:.19em; font-weight:400; }
.one-app-brand > strong { color:#111526; font:600 15px/1 'Manrope',sans-serif; letter-spacing:.14em; }
.one-app .one-app-back { position:absolute; left:12px; top:19px; width:44px; height:44px; border-radius:50%; font-size:20px; color:#59657b; }
.one-app-back:hover { background:#edf1ff; }
.one-app-body { overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b7c2d8 transparent; padding:25px 24px 26px; scroll-behavior:auto; position:relative; }
.one-app-body:focus { outline:none; }
.one-app .one-app-title { font:550 27px/1.2 'Manrope',sans-serif; letter-spacing:-.045em; color:#111526; outline:none; }
.one-app .one-app-subtitle { color:#59657b; font-size:13px; line-height:1.65; margin-top:10px; }
.one-app .one-app-eyebrow { font-size:10px; letter-spacing:.13em; line-height:1.6; color:#3157ff; margin-bottom:10px; }
.one-app-home { text-align:center; min-height:100%; display:flex; flex-direction:column; align-items:center; }
.one-app-home .one-app-eyebrow { margin-top:7px; margin-bottom:13px; }
.one-app-home .one-app-title { font-size:28px; color:#111526;  font-weight:550;}

/* Cobalt depth, blue opaline reflections and a clear white highlight. */
.one-app .one-app-orb-button { display:grid; place-items:center; margin-top:29px; width:206px; height:206px; border-radius:50%; position:relative; flex-shrink:0; }
.one-app-orb {
  width:168px; height:168px; border-radius:50%; position:relative; display:grid; place-items:center; isolation:isolate;
  background:radial-gradient(circle at 29% 22%,#fffffffa 0%,#eff5ffb3 20%,transparent 49%),radial-gradient(ellipse at 75% 80%,#3157ffc9 0%,#6f91ff75 42%,transparent 71%),radial-gradient(ellipse at 16% 77%,#b1d3ffb3 0%,#dceaff59 43%,transparent 71%),linear-gradient(145deg,#e9f3ff 2%,#9dbaff 45%,#547cff 75%,#2a49c7);
  border:1px solid #d8e7ff;
  box-shadow:inset 2px 3px 11px #ffffffd9,inset -3px -5px 13px #183cba36,inset 0 0 30px #ffffff7a,0 12px 29px #3157ff30,0 1px 3px #18357b30;
  animation:none;
}
.one-app-orb::before { content:''; position:absolute; inset:-37px; border-radius:50%; background:radial-gradient(ellipse at 32% 57%,#3157ff26,transparent 63%),radial-gradient(ellipse at 64% 60%,#82b0ff24,transparent 67%); filter:blur(9px); z-index:-2; }
.one-app-orb::after { content:''; position:absolute; inset:5px; border-radius:50%; border-top:1px solid #fffd; border-left:1px solid #fff7; background:radial-gradient(ellipse at 45% 38%,#ffffff6e,transparent 58%); box-shadow:inset 0 0 18px #ffffff3b; pointer-events:none; z-index:-1; }
.one-app-orb svg { width:107px; height:64px; overflow:visible; filter:drop-shadow(0 1px 5px #fff9); }
.one-app-orb path { fill:none; stroke:url(#one-orb-wave); stroke-width:1.15; stroke-linecap:round; }
.one-app-orb stop { stop-color:#ffffff; }
.one-app-orb stop:last-child { stop-color:#c3d7ff; }
.one-app-orb-button:hover .one-app-orb { box-shadow:inset 2px 3px 11px #fff,inset -3px -5px 13px #183cba36,inset 0 0 30px #ffffff7a,0 12px 34px #3157ff42; }
.one-app .one-app-home-phrase { font:500 20px/1.55 'Manrope',sans-serif; letter-spacing:-.035em; color:#111526; max-width:250px; margin-top:15px; }
.one-app .one-app-home-hint { font-size:11px; color:#59657b; margin-top:12px; }
.one-app .one-app-home-status { font-size:11px; color:#59657b; margin-top:auto; padding-top:24px; }
.one-app-home-status > span { display:inline-block; width:4px; height:4px; background:#3157ff; border-radius:50%; margin-right:7px; vertical-align:2px; }
.one-app-dock { display:grid; grid-template-columns:repeat(5,1fr); align-items:center; gap:3px; padding:7px 13px 17px; margin:0 5px 1px; border-top:1px solid #dce2ee; background:linear-gradient(#ffffffd9,#f7f8fcf5); border-radius:0 0 30px 30px; backdrop-filter:blur(15px); }
.one-app-dock button { display:flex; align-items:center; flex-direction:column; justify-content:center; gap:7px; min-height:52px; border-radius:14px; color:#59657b; font-size:10px; border:1px solid transparent; }
.one-app-dock button[aria-pressed=true] { color:#3157ff; background:#edf1ff; border-color:#3157ff2e; box-shadow:inset 0 1px 0 #fff,0 4px 10px #3157ff0a; }
.one-app-dock button:hover { background:#f0f3ff; }
.one-app-dock svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.15; stroke-linecap:round; stroke-linejoin:round; }

/* The five working spaces retain the same hierarchy and readable charcoal type. */
.one-app .one-app-list { margin-top:24px; display:flex; flex-direction:column; }
.one-app .one-app-row { display:flex; align-items:center; gap:12px; width:100%; padding:17px 0; border-bottom:1px solid var(--oe-line); text-align:left; }
.one-app-row:first-child { border-top:1px solid var(--oe-line); }
.one-app-row > .one-app-row-main { flex:1; min-width:0; }
.one-app-row strong { display:block; color:#111526; font-size:14px; line-height:1.5; font-weight:550; }
.one-app-row small { display:block; color:#59657b; font-size:12px; line-height:1.6; margin-top:4px; overflow-wrap:anywhere; }
.one-app-row .one-app-chevron { color:#919bba; font-size:19px; flex-shrink:0; }
.one-app-row:hover strong { color:#111526; }
.one-app .one-app-chip { display:inline-flex; align-items:center; font-size:10px; line-height:1.5; padding:4px 7px; color:#3157ff; background:#edf1ff; border-radius:5px; white-space:nowrap;  font-weight:500;}
.one-app .one-app-chip-green { background:#e9efff; color:#2347d9; }
.one-app .one-app-count { display:flex; gap:14px; align-items:baseline; margin-top:28px; color:#59657b; }
.one-app-count strong { font:400 44px/1 'Manrope',sans-serif; letter-spacing:-.06em; color:#3157ff; }
.one-app-count span { font-size:13px; }
.one-app .one-app-primary { display:flex; width:100%; align-items:center; justify-content:center; gap:12px; padding:13px 16px; min-height:44px; border:1px solid #3157ff; background:#3157ff; color:#ffffff; border-radius:12px; box-shadow:0 5px 12px #3157ff1f; font-size:13px; line-height:1.5; text-align:center;  font-weight:550;}
.one-app-primary:hover { background:#2345e8; }
.one-app .one-app-secondary { display:flex; width:100%; justify-content:center; align-items:center; padding:11px 0; min-height:40px; color:#3157ff; font-size:13px; line-height:1.6; text-align:center;  font-weight:500;}
.one-app-secondary:hover { color:#1837bd; }
.one-app .one-app-actions { display:flex; flex-direction:column; gap:5px; margin-top:23px; }
.one-app .one-app-note { font-size:13px; line-height:1.7; color:#59657b; margin-top:18px; }
.one-app .one-app-confirmation { font-size:13px; line-height:1.65; color:#2347d9; padding:13px 14px; border:1px solid #3157ff29; background:#edf2ff; border-radius:10px; margin-top:18px; }
.one-app .one-app-detail-heading { margin-top:23px; color:#111526; font:550 22px/1.35 'Manrope',sans-serif; letter-spacing:-.04em; }
.one-app .one-app-detail-copy { color:#59657b; font-size:13px; line-height:1.8; margin-top:13px; }
.one-app .one-app-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:19px 0; margin-top:19px; border-top:1px solid var(--oe-line); border-bottom:1px solid var(--oe-line); }
.one-app-metrics small { display:block; font-size:10px; color:#59657b; margin-bottom:7px; letter-spacing:.03em; }
.one-app-metrics strong { font:550 23px/1.2 'Manrope',sans-serif; color:#111526; letter-spacing:-.04em; }
.one-app .one-app-alert { background:#edf1ff; border-left:2px solid #3157ff; padding:13px 14px; margin-top:20px; border-radius:0 8px 8px 0; color:#293d76; font-size:13px; line-height:1.7; }
.one-app-alert strong { display:block; font-weight:500; margin-bottom:3px; }
.one-app .one-app-reply { margin:19px 0 0; padding:18px 17px; border:1px solid #dce2ee; background:#f7f8fc; border-radius:13px; box-shadow:inset 0 1px 0 #fff9; color:#34425c; font-size:13px; line-height:1.8; }
.one-app .one-app-section-label { font-size:10px; letter-spacing:.1em; color:#3157ff; margin-top:26px; }
.one-app .one-app-time { width:47px; flex-shrink:0; font:400 15px/1.4 'Manrope',sans-serif; color:#3157ff; letter-spacing:-.035em; }
.one-app .one-app-checklist { list-style:none; margin:20px 0 0; padding:0; }
.one-app-checklist li { display:flex; align-items:start; gap:10px; border-bottom:1px solid var(--oe-line); padding:12px 0; color:#59657b; font-size:13px; line-height:1.7; }
.one-app-checklist li > span { color:#3157ff; }
.one-app .one-app-search { display:flex; align-items:center; gap:10px; border:1px solid #d6deec; border-radius:12px; padding:10px 12px; margin-top:23px; background:#ffffff; box-shadow:inset 0 1px 0 #fffd; }
.one-app-search > span { color:#838eb0; font-size:18px; }
.one-app-search input { width:100%; min-width:0; border:0; background:transparent; color:#111526; padding:3px 0; outline:none; font-size:13px; }
.one-app-search input::placeholder { color:#59657b; }
.one-app .one-app-empty { padding:25px 0; color:#59657b; font-size:13px; line-height:1.7; }
.one-app .one-app-chart { margin-top:24px; padding:20px 0 17px; border-top:1px solid var(--oe-line); border-bottom:1px solid var(--oe-line); }
.one-app-chart svg { width:100%; height:auto; overflow:visible; }
.one-app-chart text { font-family:'DM Sans',sans-serif;  fill:#59657b;}
.one-app-chart text[text-anchor=end] { fill:#111526; font-weight:550; }
.one-app-chart rect { fill:#7c8eae; }
.one-app-chart rect:last-child { fill:#3157ff; }
.one-app .one-app-loss { color:#111526; font:550 38px/1.2 'Manrope',sans-serif; letter-spacing:-.055em; margin-top:22px; }
.one-app-loss > small { color:#59657b; font:400 12px/1.5 'DM Sans',sans-serif; letter-spacing:0; display:block; margin-top:7px; }
.one-app .one-app-goalbar { height:12px; background:#e6ebf5; border-radius:4px; position:relative; overflow:hidden; margin-top:25px; display:flex; }
.one-app-goalbar > span:first-child { width:60%; background:#3157ff; }
.one-app-goalbar > span:last-child { width:30%; background:repeating-linear-gradient(-45deg,#3157ff 0,#3157ff 1px,transparent 1px,transparent 4px); }
.one-app .one-app-goal-labels { display:flex; justify-content:space-between; gap:12px; margin-top:10px; color:#3157ff; font-size:11px; }
.one-app .one-app-chat-note { color:#59657b; font-size:11px; line-height:1.7; margin-top:12px; }
.one-app .one-app-suggestions { display:flex; flex-wrap:wrap; gap:7px; margin-top:21px; }
.one-app-suggestions button { font-size:12px; line-height:1.5; color:#3157ff; background:#f0f3ff; border:1px solid #d7e0ff; border-radius:20px; padding:9px 11px; }
.one-app .one-app-messages { display:flex; flex-direction:column; gap:13px; margin-top:24px; }
.one-app .one-app-message { max-width:94%; padding:13px 14px; border-radius:13px; background:#f1f4fa; border:1px solid #e3e8f2; color:#34425c; font-size:13px; line-height:1.8; overflow-wrap:anywhere; white-space:pre-wrap; }
.one-app .one-app-message-user { align-self:flex-end; background:#3157ff; color:#ffffff; border-bottom-right-radius:3px; }
.one-app-message > small { display:block; font-size:10px; color:#3157ff; letter-spacing:.08em; margin-bottom:5px; }
.one-app-message .one-app-secondary { font-size:12px; color:#59657b; justify-content:flex-start; padding-bottom:0; margin-top:5px; }
.one-app .one-app-chat-form { display:flex; gap:10px; align-items:center; margin-top:22px; padding:11px 12px; background:#ffffff; border:1px solid #cbd5e8; border-radius:13px; box-shadow:inset 0 1px 0 #fffc; }
.one-app-chat-form input { flex:1; min-width:0; background:transparent; color:#111526; border:0; outline:none; font-size:13px; padding:4px 0; }
.one-app-chat-form input::placeholder { color:#59657b; }
.one-app .one-app-send { display:grid; place-items:center; width:32px; height:32px; background:#3157ff; border:1px solid #3157ff; border-radius:50%; color:#ffffff; font-size:18px; flex-shrink:0; }
.one-app-announcer, .one-app-sr { position:absolute!important; height:1px; width:1px; padding:0!important; margin:-1px!important; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0!important; }
@media (min-width:1101px) and (hover:hover) {
  .one-app { transform:rotateY(-5deg) rotateX(2deg) rotateZ(.65deg); }
  .one-experience-device:hover .one-app, .one-app:focus-within { transform:rotateY(0) rotateX(0) rotateZ(0); box-shadow:0 30px 65px #3f455615,0 4px 12px #3f455607; }
}
@media (max-width:1000px) {
  .one-experience { padding:85px 6%; }
  .one-experience-inner { grid-template-columns:minmax(0,1fr) 370px; gap:7%; }
  .one-experience h2 { font-size:45px; }
  .one-experience .one-experience-lead { font-size:15px; }
}
@media (max-width:760px) {
  .one-experience { padding:64px 24px 65px; }
  .one-experience-inner { display:flex; flex-direction:column; gap:42px; }
  .one-experience-copy { width:100%; max-width:430px; padding:0; }
  .one-experience .one-experience-eyebrow { font-size:9px; margin-bottom:21px; }
  .one-experience h2 { font-size:clamp(40px,10vw,52px); }
  .one-experience .one-experience-lead { margin-top:22px; font-size:15px; }
  .one-experience .one-experience-invitation { margin-top:16px; font-size:13px; }
  .one-experience-install { margin-top:24px; }
  .one-experience-guide { margin-top:22px; }
  .one-experience-device { width:100%; }
  .one-experience-device::before { width:470px; height:660px; top:0; }
  .one-app { width:370px; height:680px; min-height:0; border-radius:40px; transform:none; }
  .one-app::before { border-radius:37px; }
  .one-app-screen { border-radius:34px; }
  .one-app .one-app-orb-button { margin-top:24px; }
}
@media (max-width:390px) {
  .one-experience { padding-left:18px; padding-right:18px; }
  .one-app { height:660px; padding:4px; border-radius:38px; }
  .one-app::before { border-radius:36px; }
  .one-app-screen { border-radius:33px; grid-template-rows:70px minmax(0,1fr) 80px; }
  .one-app-body { padding:21px 20px 24px; }
  .one-app-dock { padding-left:8px; padding-right:8px; }
  .one-app .one-app-title { font-size:25px; }
  .one-app-home .one-app-title { font-size:27px; }
  .one-app .one-app-orb-button { margin-top:22px; width:202px; height:202px; }
  .one-app .one-app-home-phrase { font-size:19px; margin-top:12px; }
  .one-app .one-app-home-status { padding-top:20px; }
}
@media (min-width:761px) and (max-height:780px) {
  .one-app .one-app-orb-button { width:190px; height:190px; margin-top:18px; }
  .one-app-home .one-app-eyebrow { margin-top:1px; }
  .one-app .one-app-home-phrase { margin-top:10px; font-size:19px; }
  .one-app .one-app-home-hint { margin-top:9px; }
  .one-app .one-app-home-status { padding-top:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .one-experience *, .one-experience *::before, .one-experience *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .one-app { transform:none!important; }
}

/* A product stage: platinum, refracted glass and one continuous surface. */
.one-experience {
  --oe-lens-light:#a6b9ff; --oe-lens-reflection:#d5dafa;
  padding:80px 6.5% 60px;
  background:radial-gradient(ellipse at 76% 38%,#fff 0,transparent 53%),linear-gradient(125deg,#fafbfe,#f1f3f8 64%,#e7ebf4);
  isolation:isolate;
}
.one-experience::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#fff8,transparent 18%,transparent 80%,#fff7); z-index:-1; }
.one-experience-signature { position:absolute; right:-.035em; bottom:-.23em; font:600 clamp(260px,36vw,600px)/1 'Manrope',sans-serif; letter-spacing:-.085em; color:#c8d0e72e; pointer-events:none; user-select:none; white-space:nowrap; z-index:0; }
.one-experience-inner { grid-template-columns:minmax(0,1fr) minmax(380px,1fr); gap:5%; max-width:1240px; align-items:center; }
.one-experience-copy { padding-bottom:0; position:relative; z-index:3; }
.one-experience .one-experience-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:34px; font-size:10px; letter-spacing:.2em; color:#52617e; }
.one-experience-eyebrow::before { content:''; height:1px; width:27px; background:#7385a7; }
.one-experience h2 { font-size:clamp(54px,5.6vw,84px); line-height:1.035; letter-spacing:-.065em; font-weight:550; }
.one-experience h2>span { display:inline-block; color:#5976bd; background:linear-gradient(125deg,#183b88 5%,#7895d4 48%,#3457a3 90%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.one-experience .one-experience-lead { font:500 23px/1.4 'Manrope',sans-serif; letter-spacing:-.025em; margin-top:34px; color:#34415d; }
.one-experience .one-experience-invitation { font-size:13px; line-height:1.8; margin-top:15px; color:#59657b; }
.one-experience-install { margin-top:30px; }
.one-experience-guide { margin-top:28px; gap:10px; }
.one-experience-guide>span { color:#5c72a7; font-size:20px; }
.one-experience-guide p { font-size:11px; }
.one-experience-device { padding-bottom:83px; }
.one-experience-device::before { width:790px; height:770px; top:-4%; background:radial-gradient(ellipse,#fff 0,#e9edff69 42%,transparent 70%); filter:blur(16px); }
.one-experience-device::after { bottom:72px; width:310px; height:20px; background:#233b691a; filter:blur(15px); }
.one-experience-lens { position:absolute; z-index:-1; left:50%; top:45%; width:650px; height:650px; transform:translate(-50%,-50%) rotate(-27deg) scaleX(.86); border-radius:50%; pointer-events:none;
  background:radial-gradient(ellipse,transparent 53%,#f9fbff50 58%,#b4c3e333 65%,#fff6 69%,#7b93c52e 70%,#ffffffc9 70.5%,transparent 72%);
  box-shadow:inset 18px 7px 25px #ffffffa6,inset -11px -8px 26px #7a8cc826,20px 36px 48px #536da817;
  border:1px solid #fff8;
}
.one-experience-lens::before { content:''; position:absolute; inset:18px; border:1px solid #ffffffc9; border-right-color:#819bda33; border-radius:50%; box-shadow:inset 5px 1px 16px #fff8,0 1px 5px #829ac71a; }
.one-experience-lens::after { content:''; position:absolute; inset:43px; border-radius:50%; border:1px solid #c7d4ec55; border-top-color:#fff; background:conic-gradient(from 220deg,transparent,var(--oe-lens-light) 25deg,#ffffff4d 52deg,transparent 90deg,transparent 225deg,var(--oe-lens-reflection) 265deg,transparent 305deg); opacity:.32; mask-image:radial-gradient(ellipse,transparent 54%,#000 69%); }
.one-experience-lens i { position:absolute; inset:32px; border-radius:50%; border:1px solid #fff7; border-bottom-color:#8199cf55; }
.one-experience[data-one-stage-view=mail] { --oe-lens-light:#89b9ef; --oe-lens-reflection:#e3e9fb; }
.one-experience[data-one-stage-view=agenda] { --oe-lens-light:#a2b4e0; --oe-lens-reflection:#dce5f0; }
.one-experience[data-one-stage-view=crm] { --oe-lens-light:#a5b7e0; --oe-lens-reflection:#d8d0e9; }
.one-experience[data-one-stage-view=chat] { --oe-lens-light:#afb5eb; --oe-lens-reflection:#e9dfe8; }
.one-experience[data-one-stage-view=briefing] { --oe-lens-light:#8ca8ef; --oe-lens-reflection:#ccd6f3; }
.one-experience .one-app { --one-device-height:clamp(560px,calc(100svh - 170px),650px); width:calc(var(--one-device-height) / 2); height:var(--one-device-height); padding:4px; border-color:#71809a; background:linear-gradient(115deg,#f9fcff 0,#a8b5cd 4%,#fcfdff 7%,#a1b0ce 15%,#f5f7ff 45%,#637697 74%,#edf2fc 96%); box-shadow:1px 1px 0 #fff,-1px -1px 0 #7f8da133,16px 35px 45px #29365324,0 60px 75px #4c64821c; }
.one-app-screen { background:linear-gradient(155deg,#fff,#fdfdff 64%,#f5f7fc); }
.one-app-header { border-bottom-color:#dce2ee99; }
.one-app .one-app-orb { background:radial-gradient(circle at 29% 19%,#ffffffe8,transparent 48%),radial-gradient(ellipse at 71% 87%,#7390e2bf,transparent 61%),radial-gradient(ellipse at 15% 68%,#d5e9faad,transparent 69%),linear-gradient(140deg,#eff5ff,#c5cde9 43%,#b7b7df 68%,#6286d3); border-color:#f4f8ff; box-shadow:inset 2px 3px 14px #fff,inset -3px -5px 19px #7b8dcb4a,0 0 3px #ffffff,0 14px 35px #627ebc30; }
.one-app-orb::after { inset:4px; background:radial-gradient(ellipse at 45% 36%,#ffffff73,transparent 59%); box-shadow:inset 0 0 18px #ffffff6e; }
.one-app-orb path { stroke-width:1; }
.one-experience-context { position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:17px; width:max-content; max-width:100%; color:#34415d; }
.one-experience-context-index { font:400 35px/1 'Manrope',sans-serif; letter-spacing:-.06em; color:#7384ac; padding-right:17px; border-right:1px solid #a6b2ce70; }
.one-experience-context-label { font:500 8px/1.5 'DM Sans',sans-serif; letter-spacing:.13em; color:#637393; }
.one-experience-context p { font:500 14px/1.6 'Manrope',sans-serif; letter-spacing:-.02em; margin-top:4px; color:#34415d; }
@media(min-width:761px) {
 .one-app .one-app-orb-button { width:180px; height:180px; margin-top:20px; }
 .one-app-home .one-app-orb { width:160px; height:160px; }
 .one-app .one-app-home-phrase { font-size:19px; }
 .one-app .one-app-home-hint { margin-top:10px; }
 .one-app .one-app-home-status { padding-top:20px; }
}
@media(min-width:1101px) and (hover:hover) {
  .one-experience .one-app { transform:rotateY(-8deg) rotateX(3deg) rotateZ(1.4deg); }
  .one-experience-device:hover .one-app,.one-experience .one-app:focus-within { transform:rotateY(0) rotateX(0) rotateZ(0); box-shadow:0 30px 65px #29365326,0 60px 75px #4c64821a; }
}
@media(max-width:1100px) and (min-width:761px) {
 .one-experience { padding:80px 5% 60px; }
 .one-experience-inner { grid-template-columns:minmax(0,1fr) 360px; gap:5%; }
 .one-experience h2 { font-size:clamp(45px,5.4vw,59px); }
 .one-experience-lens { width:555px; height:590px; }
 .one-experience .one-experience-lead { font-size:20px; }
 .one-experience .one-experience-invitation { font-size:12px; }
 .one-experience-install .one-install { max-width:100%; font-size:12px; gap:12px; padding-left:16px; padding-right:12px; }
}
@media(min-width:761px) and (max-height:800px) {
 .one-experience { padding-top:45px; padding-bottom:45px; }
 .one-experience .one-app { --one-device-height:560px; }
 .one-experience-device { padding-bottom:70px; }
 .one-experience-device::after { bottom:60px; }
 .one-experience-lens { width:590px; height:570px; }
 .one-experience h2 { font-size:clamp(45px,4.9vw,68px); }
 .one-experience .one-experience-eyebrow { margin-bottom:26px; }
 .one-experience .one-experience-lead { margin-top:24px; font-size:20px; }
 .one-experience .one-experience-invitation { margin-top:12px; font-size:12px; }
 .one-experience-install { margin-top:24px; }
 .one-experience-guide { margin-top:22px; }
 .one-app-home .one-app-eyebrow { margin-top:0; margin-bottom:9px; }
 .one-app-home .one-app-title { font-size:26px; }
 .one-app .one-app-orb-button { width:154px; height:154px; margin-top:14px; }
 .one-app-home .one-app-orb { width:142px; height:142px; }
 .one-app-home .one-app-orb svg { width:94px; height:57px; }
 .one-app .one-app-home-phrase { margin-top:9px; font-size:17px; line-height:1.45; }
 .one-app .one-app-home-hint { display:none; }
 .one-app .one-app-home-status { padding-top:12px; font-size:10px; }
}
@media(max-width:760px) {
 .one-experience { padding:80px 24px 80px; }
 .one-experience-inner { gap:55px; }
 .one-experience-copy { padding-bottom:0; }
 .one-experience .one-experience-eyebrow { margin-bottom:25px; font-size:9px; }
 .one-experience h2 { font-size:clamp(43px,11.3vw,64px); line-height:1.08; }
 .one-experience .one-experience-lead { font-size:20px; margin-top:26px; }
 .one-experience .one-experience-invitation { font-size:12px; margin-top:13px; }
 .one-experience-guide { margin-top:24px; }
 .one-experience-signature { font-size:100vw; bottom:.025em; right:-.03em; }
 .one-experience-device { padding-bottom:83px; }
 .one-experience-device::before { width:590px; height:720px; }
 .one-experience-lens { width:550px; height:620px; top:43%; transform:translate(-50%,-50%) rotate(-28deg) scaleX(.86); }
 .one-experience .one-app { width:370px; height:680px; transform:none; }
 .one-experience-context { gap:13px; }
 .one-experience-context-index { padding-right:13px; font-size:31px; }
 .one-experience-context-label { font-size:7px; letter-spacing:.1em; }
 .one-experience-context p { font-size:12px; }
}
@media(max-width:390px) {
 .one-experience { padding-left:18px; padding-right:18px; }
 .one-experience h2 { font-size:clamp(39px,11.25vw,44px); }
 .one-experience .one-app { height:660px; padding:4px; }
}
@media(prefers-reduced-motion:reduce) {
 .one-experience .one-app { transform:none!important; }
}