#secion-bdl02v{padding:0}#secion-bdl02v .grid-row-model {--gap:0px}
 @media (max-width: 600px){ #secion-bdl02v{} }

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.relative {
  position: relative;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.w-full {
  width: 100%;
}


/* CustomView1 CSS */
.powerone{--cyan:#22d3ee;--white:#fff;--green:#10b981}
.powerone *{box-sizing:border-box}
.powerone{margin:0;color:var(--ink)}
.powerone a{color:inherit;text-decoration:none}
.powerone button{font:inherit}
.powerone h1, .powerone h2, .powerone h3, .powerone h4, .powerone p{margin:0}
.powerone .wrap{margin:0 auto}
.powerone [id]{scroll-margin-top:92px}
.powerone .site-header{z-index:900;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(16px)}
.powerone .header-inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:28px}
.powerone .brand{display:flex;align-items:baseline;flex:0 0 auto;letter-spacing:-0.025em}
.powerone .quick-nav{display:flex;align-items:center;justify-content:flex-end;gap:26px;margin-left:auto}
.powerone .quick-nav a{position:relative;padding:25px 0 23px;white-space:nowrap;transition:color .2s ease}
.powerone .quick-nav a:after{content:"";position:absolute;right:50%;bottom:16px;left:50%;height:2px;border-radius:2px;background:var(--blue);transition:.2s ease}
.powerone .quick-nav a:hover, .powerone .quick-nav a.active{color:var(--blue)}
.powerone .quick-nav a:hover:after, .powerone .quick-nav a.active:after{right:0;left:0}
.powerone .header-demo{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:.2s ease}
.powerone .header-demo:hover{transform:translateY(-2px);box-shadow:0 16px 34px #7185E73d}
.powerone .section-head p{color:var(--muted)}
.powerone .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid #bfd2ea;border-radius:999px;background:#fff;color:#334155;transition:.2s ease}
.powerone .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1e3a8a1c}
.powerone .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.powerone .hero{overflow:hidden}
.powerone .hero h1 em{font-style:normal}
.powerone .visual{position:relative;min-height:450px;padding:20px;border:1px solid #bfd7f1;border-radius:28px;background:linear-gradient(145deg,#ffffffdc,#edf7ffde);box-shadow:0 30px 80px #5C8CF11c}
.powerone .placeholder{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:var(--blue);font-weight:800}
.powerone .mock-shell{margin-top:16px;overflow:hidden;border:1px solid #cbd9ea;border-radius:18px;background:#fff;box-shadow:0 16px 34px #1e3a8a14}
.powerone .mock-top{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-bottom:1px solid #e6edf5;background:#f8fafc}
.powerone .mock-top i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.powerone .mock-body{display:grid;grid-template-columns:112px 1fr;min-height:330px}
.powerone .mock-side{padding:16px 12px;background:#17233d;color:#bac8df;font-size:10px;line-height:2.6}
.powerone .mock-main{padding:20px}
.powerone .mock-title{font-size:13px;font-weight:800}
.powerone .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.powerone .stat{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fbff}
.powerone .stat b{display:block;color:var(--blue);font-size:20px}
.powerone .stat span{color:#718096;font-size:9px}
.powerone .chart{position:relative;height:112px;margin-top:14px;border:1px solid #e2e8f0;border-radius:10px;background:repeating-linear-gradient(0deg,#fff,#fff 27px,#edf2f7 28px)}
.powerone .chart:after{content:"";position:absolute;inset:18px 12px;background:linear-gradient(155deg,transparent 0 22%,#6B9DF0 23% 25%,transparent 26% 42%,#6B9DF0 43% 45%,transparent 46% 64%,#6B9DF0 65% 67%,transparent 68%);opacity:.8}
.powerone .table-lines{display:grid;gap:7px;margin-top:14px}
.powerone .table-lines i{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,#eaf1f8 24%,transparent 24% 28%,#f1f5f9 28% 58%,transparent 58% 62%,#eef2ff 62%)}
.powerone .visual-caption{margin-top:13px;color:#64748b;font-size:12px;line-height:1.6}
.powerone .audience{display:grid}
.powerone .audience b{display:block}
.powerone .audience span{display:block}
.powerone .context p{color:var(--muted)}
.powerone .problem-grid{display:grid}
.powerone .num{width:42px;height:42px;place-items:center;border-radius:12px;background:#eaf2ff;color:var(--blue);font-size:12px;font-weight:900}
.powerone .value-stack{display:grid}
.powerone .value{display:grid}
.powerone .value:nth-child(even) .value-copy{order:2}
.powerone .value:nth-child(even) .shot{order:1}
.powerone .value-index{color:var(--blue);font-weight:900}
.powerone .value p{margin-top:14px}
.powerone .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.powerone .chip{padding:7px 11px;border:1px solid #dbe5f0;border-radius:999px;background:#f8fafc;color:#475569;font-weight:800}
.powerone .delivery-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.powerone .delivery-scenes div{padding:11px 8px;border:1px solid #dbe5f0;text-align:center}
.powerone .delivery-scenes b{display:block;font-size:12px}
.powerone .delivery-scenes span{display:block;margin-top:4px;color:#718096;font-size:9px;line-height:1.45}
.powerone .shot{padding:18px}
.powerone .shot-canvas{place-items:center;margin-top:14px;border:1px solid #d6e3f0;border-radius:14px;text-align:center}
.powerone .shot-canvas h4{font-size:17px}
.powerone .shot-canvas p{max-width:370px;margin:8px auto 0;padding:0 18px;font-size:11px;line-height:1.65}
.powerone .tab{color:#64748b;cursor:pointer}
.powerone .mini-list{margin:20px 0 0;padding:0;list-style:none}
.powerone .adapt-copy h3{margin-top:14px}
.powerone .adapt-copy p{margin-top:15px;color:var(--muted)}
.powerone .scenario-grid{display:grid}
.powerone .scenario{border:1px solid var(--line);background:#fff}
.powerone .scenario i{place-items:center;border-radius:12px;background:#eaf2ff;color:var(--blue);font-weight:900}
.powerone .scenario h3{margin-top:20px}
.powerone .scenario p{margin-top:12px;color:var(--muted)}
.powerone .scenario ul{margin:18px 0 0;padding:0;list-style:none}
.powerone .scenario li{position:relative;margin-top:9px;padding-left:20px;color:#475569}
.powerone .scenario li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.powerone .roles{display:grid}
.powerone .proof{display:grid}
.powerone .proof-card{overflow:hidden}
.powerone .proof-image{display:grid;min-height:260px;place-items:center;padding:24px;border-bottom:1px solid var(--line);text-align:center}
.powerone .proof-copy{padding:25px}
.powerone .proof-side{display:grid}
.powerone .proof-side .proof-image{min-height:120px}
.powerone details{border-top:1px solid var(--line)}
.powerone details:last-child{border-bottom:1px solid var(--line)}
.powerone summary{padding:23px 4px;cursor:pointer;font-size:17px;font-weight:800}
.powerone details>p{max-width:900px;padding:0 4px 23px;color:var(--muted)}
.powerone .cta{display:grid;align-items:center;gap:36px}
.powerone .cta p{margin-top:14px}
.powerone .cta .actions{margin-top:0}
.powerone .cta .btn.primary{box-shadow:none}
.powerone .footer-note{padding:26px 0;color:#94a3b8;font-size:11px;text-align:center}
.powerone{--soft:#f7fbff}
.powerone .site-header{height:76px}
.powerone .hero{color:#fff}
.powerone .hero:before, .powerone .hero:after{display:none}
.powerone .hero-grid{display:block;max-width:1040px;margin:0 auto}
.powerone .hero h1 em{color:#91B5F8}
.powerone .hero-copy{color:#b8c4df}
.powerone .hero .btn{border-color:#7f93c45c;background:#ffffff0d;color:#fff;backdrop-filter:blur(16px)}
.powerone .hero .btn.primary{border-color:#7EA6F5;background:#6F98EE}
.powerone .hero .btn:hover{background:#527AD0}
.powerone main>.section{position:relative;background:#fff}
.powerone main>.section.soft{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)}
.powerone .scenario{border-color:#d9e7f5;box-shadow:0 22px 70px #5C8CF10b}
.powerone .concept, .powerone .value, .powerone .adapt-shell, .powerone .tour, .powerone .role, .powerone .proof-card{box-shadow:0 22px 70px #5C8CF10b}
.powerone .problem{transition:transform .55s cubic-bezier(.2,.9,.2,1),box-shadow .55s ease}
.powerone .value{min-height:440px;gap:54px;border-radius:32px}
.powerone .shot{position:relative;overflow:hidden;min-height:310px;border:1px solid #cbdff4;border-radius:26px;background:#edf7ff;box-shadow:inset 0 1px #fff}
.powerone .shot:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:.96;transition:transform .8s cubic-bezier(.2,.9,.2,1)}
.powerone .value:hover .shot:before{transform:scale(1.035)}
.powerone .shot>.placeholder{position:relative;z-index:2;background:#ffffffcf;backdrop-filter:blur(10px)}
.powerone .scenario:hover, .powerone .role:hover{box-shadow:0 24px 60px #5C8CF118}
.powerone .cta{color:#101828}
.powerone .cta p{color:#65758e}
.powerone .cta .btn{border-color:#b8cce5;background:#fff;color:#334155}
.powerone .cta .btn.primary{border-color:#5C8CF1;background:#5C8CF1;color:#fff}
.powerone .capabilities-lead{display:block}
.powerone h3{font-size:20px}
.powerone h4{font-size:16px}
.powerone .panel h3{font-size:24px}
.powerone .footer-note{display:block!important}
@media(max-width:1080px){.quick-nav{gap:16px}.quick-nav a{font-size:12px}.header-demo{padding:0 16px}.hero h1{white-space:normal}}
@media(max-width:960px){[id]{scroll-margin-top:126px}.site-header{height:auto}.header-inner{min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.quick-nav{order:3;width:100%;justify-content:flex-start;gap:22px;overflow-x:auto;scrollbar-width:none}.quick-nav::-webkit-scrollbar{display:none}.quick-nav a{padding:8px 0}.quick-nav a:after{bottom:2px}.hero-grid,.context,.capabilities-lead,.value,.tour,.panel,.proof,.cta,.adapt-shell{grid-template-columns:1fr}.value:nth-child(even) .value-copy,.value:nth-child(even) .shot{order:initial}.scenario-grid{grid-template-columns:repeat(2,1fr)}.relation{grid-template-columns:1fr}.join{transform:rotate(90deg)}.service-chain{grid-template-columns:1fr}.service-bridge{transform:rotate(90deg)}.cta .actions{margin-top:10px}.hero h1{font-size:48px}.context .concept,.capabilities-art{min-height:360px}}
@media(max-width:680px){.wrap{width:min(100% - 36px,1180px)}.brand{font-size:16px}.header-demo{min-height:40px;padding:0 13px;font-size:12px}.section{padding:68px 0}.hero{padding-top:68px}.hero h1{font-size:36px}.section-head h2,.context h2{font-size:32px}.audience,.problem-grid,.roles,.scenario-grid,.delivery-scenes,.adapt-side,.adapt-output{grid-template-columns:1fr}.visual{min-height:auto}.mock-body{grid-template-columns:80px 1fr}.stats{grid-template-columns:1fr}.chart{display:none}.value,.adapt-shell{padding:24px}.tour{padding:20px}.cta{padding:34px 24px}.cta h2{font-size:28px}.context .concept,.capabilities-art{min-height:280px;border-radius:24px}}
.powerone{background:#fff}
.powerone .site-header{color:#fff;border-color:#ffffff1f!important;background:#050713a8!important;box-shadow:none!important}
.powerone .site-header .brand span, .powerone .site-header .quick-nav a{color:#c5cde2}
.powerone .site-header .quick-nav a:hover, .powerone .site-header .quick-nav a.active{color:#fff}
.powerone .site-header .header-demo{border:1px solid #ffffff36;background:#ffffff12;box-shadow:none;backdrop-filter:blur(15px)}
.powerone .hero{position:relative;background:#02030a!important;isolation:isolate}
.powerone .hero-orb-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.powerone .hero .wrap{position:relative;z-index:2}
.powerone .hero:after{content:"";display:block!important;position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 72%,#07101f9e 86%,#e8f3ff 100%),radial-gradient(circle at 50% 44%,transparent 0 26%,#02030a18 48%,#02030ab8 84%,#02030a 100%)}
.powerone .hero-grid{position:relative;z-index:2}
@media(max-width:960px){.site-header{position:relative!important;background:#050713!important}.hero{min-height:auto!important;padding-top:76px!important;padding-bottom:96px!important}.hero+section{padding-top:56px}}
.powerone .hero{display:flex;align-items:center}
.powerone .hero .wrap{width:100%}
.powerone .hero .hero-grid{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;gap:0}
.powerone .hero .hero-grid>div:first-child{width:100%;max-width:100%;margin:0 auto;text-align:center}
.powerone .hero .hero-grid>.visual{display:none!important}
.powerone .hero .hero-copy{text-align:center}
.powerone .hero .hero-note{text-align:center}
@media(max-width:680px){.hero{min-height:auto!important}.hero h1{line-height:1.3}}
.powerone .value h3, .powerone .panel h3, .powerone #scenarios .scenario h3, .powerone .adapt-copy h3, .powerone main>section:nth-of-type(8) .role h3, .powerone .proof-copy h3, .powerone #enterprise-value .problem h3{letter-spacing:-0.01em}
.powerone .section-head p, .powerone .value p, .powerone .panel>div:not(.shot)>p, .powerone #scenarios .scenario p, .powerone .adapt-copy p, .powerone main>section:nth-of-type(8) .role p, .powerone #enterprise-value .problem p{font-size:16px!important}
.powerone .value-index, .powerone .role-label{letter-spacing:0.08em}
.powerone{--po-edge:#FFFFFFEB;--po-blue:#5C8CF1;--po-cyan:#5fd8ff;--po-deep:#0f3bb4;--po-mute:#7b8ca8;--po-lift:0 26px 72px -28px #143C9657}
.powerone .value{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.powerone .cta{grid-template-columns:minmax(0,1fr) auto}
.powerone .section-head{max-width:none}
.powerone .section-head h2, .powerone .context h2{white-space:nowrap}
.powerone .scenario h3{white-space:nowrap}
.powerone .adapt-copy h3{white-space:nowrap}
.powerone .cta h2{white-space:nowrap}
.powerone .proof-copy h3{white-space:nowrap}
.powerone .context{display:grid;grid-template-rows:auto auto auto}
.powerone .context h2{align-self:start}
.powerone .context>div:first-child>p{align-self:center}
.powerone .context .concept:before, .powerone .adapt-map:before{box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.powerone .context .concept:after, .powerone .adapt-map:after{top:auto;width:auto}
.powerone .context .concept>img, .powerone .adapt-map>img{inset:auto}
.powerone #enterprise-value{background:radial-gradient(44% 40% at 10% 4%,  #96C8FF5C, transparent 62%),
        radial-gradient(40% 38% at 92% 12%, #5FD8FF47, transparent 62%),
        linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.powerone #enterprise-value .num{display:none}
.powerone #enterprise-value .problem h3{white-space:normal}
.powerone .value{border:0;background:none;box-shadow:none;align-items:center;padding:0}
.powerone .value .shot{margin:0}
.powerone .value .shot:after{filter:blur(20px)}
.powerone .value .value-index{display:none!important}
.powerone .value-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.powerone .value-copy:before{content:"";position:absolute;z-index:-1;inset:-14% -12% -14% -18%;border-radius:48px;background:radial-gradient(58% 66% at 24% 32%, #5FD8FF6B, transparent 68%),
        radial-gradient(54% 58% at 82% 72%, #2863EE52, transparent 70%),
        radial-gradient(46% 44% at 62% 22%, #9678FF3D, transparent 72%);filter:blur(50px);pointer-events:none}
.powerone .value h3{white-space:nowrap;letter-spacing:0.006em;margin-top:0;margin-bottom:6px}
.powerone .value p{letter-spacing:0.014em;color:#42557d}
.powerone .value .delivery-scenes{margin-top:22px}
.powerone .value .delivery-scenes div{border-color:#2863EE29;background:#FFFFFFA8;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.powerone .value .chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.powerone .value .chip{padding:9px 18px;border:1.5px solid var(--po-blue);border-radius:999px;color:#0b132b;font-weight:600;letter-spacing:0.01em;background:#fff;box-shadow:0 4px 12px -8px #143C964C;transition:transform .2s ease, background .2s ease}
.powerone .value .chip:hover{transform:translateY(-2px);background:#2863EE0F}
.powerone .adapt-shell{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.powerone #scenarios .scenario-grid{position:relative;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:0;align-items:stretch}
.powerone #scenarios .scenario{position:relative;z-index:1;padding:40px 38px 42px;border-radius:26px;transition:transform .4s ease, box-shadow .4s ease}
.powerone #scenarios .scenario:hover{transform:translateY(-4px)}
.powerone #scenarios .scenario:nth-child(1){grid-column:1;border:1px solid #B2C6E299;background:linear-gradient(155deg,#FFFFFFF0,#EEF4FCD1);box-shadow:inset 0 1px 0 #fff,0 22px 54px -30px #143C963D}
.powerone #scenarios .scenario:nth-child(2){grid-column:3;border:1px solid #2863EE66;background:radial-gradient(72% 60% at 82% 4%, #5FD8FF52, transparent 60%),
        linear-gradient(155deg,#FFFFFFF5,#E0EEFFEB);box-shadow:inset 0 1px 0 #fff,inset 0 -30px 60px -34px #2863EE6B,
                 0 26px 60px -28px #143C965C}
.powerone #scenarios .scenario i{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:auto;height:auto;padding:0;margin-bottom:20px;font-style:normal}
.powerone #scenarios .scenario i:before{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;font-size:15px;font-weight:800;letter-spacing:0.04em}
.powerone #scenarios .scenario:nth-child(1) i:before{content:"01";background:#65758E1F;color:#65758e;box-shadow:inset 0 1px 0 #FFFFFFB2}
.powerone #scenarios .scenario:nth-child(2) i:before{content:"02";background:linear-gradient(140deg,var(--po-blue),var(--po-deep));color:#fff;box-shadow:0 10px 22px -10px #0F3BB4CC,inset 0 1px 0 #FFFFFF80}
.powerone #scenarios .scenario i{font-size:0}
.powerone #scenarios .scenario:nth-child(1) h3{color:#3f5170}
.powerone #scenarios .scenario:nth-child(2) h3{color:#0d2a70}
.powerone #scenarios .scenario:nth-child(1) p, .powerone #scenarios .scenario:nth-child(1) li{color:var(--po-mute)}
.powerone #scenarios .scenario:nth-child(1) li:before{color:#a6b6cd}
.powerone #scenarios .scenario-grid:before{content:"";position:absolute;z-index:0;top:50%;left:calc(50% - 44px);width:88px;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#96A8C466,var(--po-blue),var(--po-cyan))}
.powerone #scenarios .scenario-grid:after{content:"→";position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(140deg,#4d8dff,var(--po-deep));box-shadow:0 16px 34px -12px #0F3BB4B2,inset 0 1px 0 #FFFFFF80}
.powerone main>section:nth-of-type(8){background:radial-gradient(50% 44% at 12% 8%, #96C8FF47, transparent 62%),
        radial-gradient(46% 42% at 90% 16%, #5FD8FF33, transparent 62%),
        linear-gradient(180deg,#eef5ff 0%,#fff 60%)}
.powerone main>section:nth-of-type(8) .role{transition:transform .5s cubic-bezier(.2,.9,.2,1),box-shadow .5s ease}
.powerone main>section:nth-of-type(8) .role:hover{transform:translateY(-6px);box-shadow:0 42px 82px -36px #143C9680}
.powerone main>section:nth-of-type(8) .role:before{content:"";grid-row:1}
.powerone main>section:nth-of-type(8) .role h3{color:#0b2050}
.powerone main>section:nth-of-type(8) .role p{color:#4a5f84}
.powerone .proof-card{border:1px solid var(--po-edge);border-radius:26px;background:linear-gradient(152deg,#FFFFFFF0,#EBF5FF99);box-shadow:inset 0 1px 0 #fff,0 20px 54px -30px #143C964C;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.powerone .proof-image{background:radial-gradient(50% 46% at 20% 12%, #96C8FF99, transparent 60%),
        radial-gradient(48% 44% at 84% 84%, #5FD8FF6B, transparent 62%),
        linear-gradient(150deg,#f4faff,#e2effe)}
.powerone .cta{border:1px solid var(--po-edge);border-radius:32px;background:radial-gradient(46% 52% at 14% 16%, #8CC0FFB8, transparent 58%),
        radial-gradient(44% 48% at 86% 76%, #5FD8FF85, transparent 60%),
        linear-gradient(152deg,#FFFFFFF2,#E2F0FFDB);box-shadow:inset 0 1px 0 #fff, var(--po-lift);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.powerone details{border-color:#2863EE26}
.powerone details:last-child{border-bottom-color:#2863EE26}
.powerone summary{transition:color .2s ease}
.powerone summary:hover{color:var(--po-blue)}
@media(max-width:1180px){#enterprise-value .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      #enterprise-value .problem:nth-child(2n){border-right:0;padding-right:0}
      #enterprise-value .problem:nth-child(n+3){border-top:1px solid #2863EE42}}
@media(max-width:1080px){.section-head h2,.context h2,.value h3,.panel h3,.scenario h3,
      .adapt-copy h3,.cta h2,.proof-copy h3{white-space:normal}
      .context{grid-template-columns:minmax(0,1fr)}
      .context .eyebrow,.context h2{grid-column:1}
      .context>div:first-child>p{grid-column:1;grid-row:3;max-width:none}
      .context .concept{grid-column:1;grid-row:4;min-height:400px}}
@media(max-width:960px){.panel>div:not(.shot){padding:26px 22px 30px}
      .value{grid-template-columns:minmax(0,1fr);gap:22px}
      .value .shot{aspect-ratio:16/10}
      .value h3{white-space:normal}
      .value-copy:before{inset:-8% -6%}
      .adapt-shell{grid-template-columns:minmax(0,1fr)}
      .adapt-map{min-height:360px}
      #scenarios .scenario-grid{
        grid-template-columns:minmax(0,1fr);
        gap:64px;
      }
      #scenarios .scenario:nth-child(1),
      #scenarios .scenario:nth-child(2){grid-column:1}
      
      #scenarios .scenario-grid:before{
        top:auto;bottom:calc(50% - 1px);left:50%;
        width:2px;height:64px;transform:translateX(-50%);
        background:linear-gradient(180deg,#96A8C466,var(--po-blue),var(--po-cyan));
      }
      #scenarios .scenario-grid:after{content:"↓"}
      main>section:nth-of-type(8) .roles{grid-template-columns:minmax(0,1fr)}
      .context .concept{min-height:340px}}
@media(max-width:680px){#enterprise-value .problem-grid{grid-template-columns:minmax(0,1fr)}
      #enterprise-value .problem{
        border-right:0;padding:30px 0 4px;
        border-top:1px solid #2863EE42;
      }
      #enterprise-value .problem+.problem{padding-left:0}
      #enterprise-value .problem:first-child{border-top:0}}
.powerone .section-head h2, .powerone .context h2{margin-top:12px}
.powerone .section-head p, .powerone .context p{margin-top:12px}
.powerone .capabilities-lead{margin-bottom:36px}
.powerone .value-stack{gap:40px}
.powerone #scenarios .scenario-grid{margin-top:22px}
.powerone .cta{padding:38px}
@media(max-width:960px){main>.section{padding:52px 0!important}
      .value-stack{gap:32px}}
@media(max-width:680px){.hero{min-height:480px!important}
      main>.section{padding:44px 0!important}
      .hero+section{padding-top:40px!important}
      .section-head{margin-bottom:24px}
      .capabilities-lead{margin-bottom:28px}
      .adapt-shell,.cta{padding:26px 22px}}
@media(prefers-reduced-motion:reduce){main>section:nth-of-type(8) .role{transition:none}}
.powerone .hero{box-sizing:border-box}
@media(max-width:960px){.hero{min-height:auto!important;padding:76px 0 96px!important}}
@media(max-width:960px){.hero{min-height:auto!important;padding:76px 0 96px!important}
      .hero .hero-grid>div:first-child{transform:none}}
.powerone .section-head>p{max-width:none!important;white-space:nowrap!important}
.powerone .power-model-loop{display:grid;grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);align-items:start;gap:0;padding:16px 20px 30px}
.powerone .power-model-card{position:relative;isolation:isolate;display:grid;grid-template-rows:276px auto;min-width:0;padding:8px 8px 0;transition:transform .48s cubic-bezier(.16,1,.3,1)}
.powerone .power-model-card:before{content:"";position:absolute;z-index:-1;inset:4px -10% auto;height:292px;border-radius:50%;background:radial-gradient(#5aaeff99 0%,#70bdff5c 42%,#ffffff00 76%);filter:blur(34px);opacity:.06;transform:scale(.78);transition:opacity .35s ease,transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}
.powerone .power-model-card:last-child:before{background:radial-gradient(#8455ef9e 0%,#a177f05c 42%,#ffffff00 76%)}
.powerone .power-model-card:hover, .powerone .power-model-card:focus-within{transform:translateY(-7px) scale(1.012)}
.powerone .power-model-card:hover:before, .powerone .power-model-card:focus-within:before{opacity:.95;transform:scale(1.14)}
.powerone .power-model-media{position:relative;display:grid;place-items:center;height:276px;margin:0;overflow:visible}
.powerone .power-model-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 26px #58358b25) saturate(108%) contrast(101%);transform:scale(.78);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .35s ease}
.powerone .power-model-card:hover .power-model-media img, .powerone .power-model-card:focus-within .power-model-media img{filter:drop-shadow(0 0 7px #55aaffb8) drop-shadow(0 25px 40px #409cf082) saturate(114%) contrast(103%);transform:translateY(-7px) scale(.91)}
.powerone .power-model-card:last-child:hover .power-model-media img, .powerone .power-model-card:last-child:focus-within .power-model-media img{filter:drop-shadow(0 0 7px #9c6effbf) drop-shadow(0 25px 40px #7544dd87) saturate(114%) contrast(103%)}
.powerone .power-model-copy{position:relative;z-index:2;min-height:190px;margin-top:-4px;padding:25px 27px 27px;border:1px solid #ffffffd9;border-radius:26px;box-shadow:inset 0 1px #fff, inset 0 -14px 26px #5b526a0d,0 20px 42px #3f335414}
.powerone .power-model-copy small{display:inline-flex;padding:5px 10px;border:1px solid #d9ceee;border-radius:999px;color:#6040c3;background:#ffffffb8;font-weight:850;box-shadow:inset 0 1px #fff}
.powerone .power-model-card:last-child .power-model-copy small{color:#276fae}
.powerone .power-model-copy h3{margin:12px 0 8px}
.powerone .power-model-copy p{margin:0;color:#514a5b;font-size:13.5px;line-height:1.72}
.powerone .power-model-bridge{position:relative;z-index:3;display:grid;place-items:center;align-self:start;height:276px}
.powerone .power-model-bridge:before{content:"";backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:1099px){.power-model-loop{grid-template-columns:1fr;gap:12px}
      .power-model-bridge{height:64px;min-height:64px;padding-top:0;transform:rotate(90deg)}}
@media(max-width:720px){.power-model-loop{padding:8px 8px 24px}
      .power-model-card{grid-template-rows:220px auto}
      .power-model-media{height:220px}
      .power-model-copy{min-height:0;padding:22px;border-radius:23px}}
.powerone #faq details{overflow:hidden;transition:background-color .28s ease,border-color .28s ease}
.powerone #faq summary{position:relative;padding-right:52px;list-style:none}
.powerone #faq summary::-webkit-details-marker{display:none}
.powerone #faq summary:after{content:"+";position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transform:translateY(-50%);color:#5C8CF1;background:#2863EE14;font-size:20px;font-weight:500;transition:transform .28s ease,color .28s ease,background-color .28s ease}
.powerone #faq details>p{display:block;max-height:0;overflow:hidden;opacity:0;padding-bottom:0;transform:translateY(-6px);transition:max-height .38s ease,opacity .26s ease,transform .32s ease,padding-bottom .32s ease}
.powerone #faq details[open]{background:#2863EE06}
.powerone #faq details[open] summary{color:#5C8CF1}
.powerone #faq details[open] summary:after{transform:translateY(-50%) rotate(45deg);color:#fff;background:#5C8CF1}
.powerone #faq details[open]>p{max-height:240px;opacity:1;padding-bottom:23px;transform:translateY(0)}
@media(max-width:960px){.hero{min-height:auto!important;padding:76px 0 96px!important}
      .hero .hero-grid>div:first-child{transform:none}
      .hero+section{padding-top:48px!important}
      .section-head>p{white-space:normal!important}}
.powerone #capabilities .value .shot:before{-webkit-mask-image:none!important;mask-image:none!important}
.powerone .power-model-bridge{padding-top:0}
.powerone .power-model-bridge:before, .powerone .power-model-bridge img{position:absolute;top:50%;left:50%}
.powerone .site-header{position:fixed!important;top:0;right:0;left:0;width:100%;transform:none!important}
@media(max-width:960px){.site-header{position:fixed!important}
      .hero{padding-top:132px!important}}
.powerone main>section:nth-of-type(8) .roles{grid-template-columns:repeat(3,minmax(0,1fr))}
.powerone main>section:nth-of-type(8) .role{min-width:0}
.powerone main>section:nth-of-type(8) .role:before{width:100%;aspect-ratio:auto;margin:0;border:0}
.powerone main>section:nth-of-type(8) .role p{word-break:break-word}
@media(max-width:960px){main>section:nth-of-type(8) .roles{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){main>section:nth-of-type(8)>.wrap{width:min(calc(100% - 28px),1320px)}
      main>section:nth-of-type(8) .role{grid-template-rows:250px 52px auto auto}
      main>section:nth-of-type(8) .role:before{height:250px}
      main>section:nth-of-type(8) .role h3{
        min-height:58px;
        white-space:normal;
      }}
.powerone main>section:nth-of-type(10) .power-model-copy{background:linear-gradient(145deg,#ffffffa6 0%,#ffffff70 52%,#ffffff4a 100%)!important;backdrop-filter:blur(6px) saturate(120%)!important;-webkit-backdrop-filter:blur(6px) saturate(120%)!important}
.powerone main>section:nth-of-type(8) .role:before{height:310px!important}
.powerone main>section:nth-of-type(8) .role h3{align-self:start!important;letter-spacing:-0.01em!important;white-space:normal!important;overflow-wrap:break-word!important}
.powerone main>section:nth-of-type(8) .role p{align-self:start!important;max-width:none!important;white-space:normal!important;overflow-wrap:break-word!important;overflow:visible!important}
@media(max-width:960px){main>section:nth-of-type(8) .role{
    grid-template-rows:300px 30px 50px auto!important;
  }
  main>section:nth-of-type(8) .role:before{height:300px!important}}
@media(max-width:680px){main>section:nth-of-type(8) .role{
    grid-template-rows:250px 28px auto auto!important;
  }
  main>section:nth-of-type(8) .role:before{height:250px!important}
  main>section:nth-of-type(8) .role h3{
    min-height:0!important;
    padding-bottom:6px!important;
  }}
@media(max-width:960px){.hero .audience{max-width:720px!important;margin-top:48px!important}
  .hero .audience article{padding:4px 22px!important}}
@media(max-width:680px){.hero .audience article{padding:18px 12px!important}
  .hero .audience article+article:before{
    top:0;bottom:auto;left:14%;right:14%;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,#BACDFF66,transparent);
  }}
.powerone main>section:nth-of-type(8) .role-label{white-space:nowrap!important}
@media(max-width:960px){main>section:nth-of-type(8) .role{grid-template-rows:300px 70px auto!important}}
@media(max-width:680px){main>section:nth-of-type(8) .role{grid-template-rows:250px auto auto!important}
  main>section:nth-of-type(8) .role h3{padding-top:22px!important;padding-bottom:6px!important}}
@media(max-width:680px){.section-head h2,.context h2{font-size:36px!important}
  .cta h2{font-size:32px!important}}
.powerone .audience-band{background:linear-gradient(180deg,#e8f3ff 0%,#f7fbff 46%,#ffffff 100%)}
.powerone .audience-band .audience{max-width:1120px!important;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
.powerone .audience-band .audience article{position:relative;padding:6px 40px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-align:center}
.powerone .audience-band .audience article+article:before{content:"";position:absolute;left:0;top:2%;bottom:2%;width:1px;background:linear-gradient(180deg,transparent,#2863EE33 18%,
                             #2863EE33 82%,transparent)}
.powerone .audience-band .audience b{color:#0f2242!important;letter-spacing:0.01em!important}
.powerone .audience-band .audience span{margin-top:11px!important;color:#6b7d99!important}
@media(max-width:960px){.audience-band{padding:42px 0 28px}
  .audience-band .audience{max-width:720px!important}
  .audience-band .audience article{padding:6px 22px!important}}
@media(max-width:680px){.audience-band .audience article{padding:18px 12px!important}
  .audience-band .audience article+article:before{
    top:0;bottom:auto;left:14%;right:14%;width:auto;height:1px;
    background:linear-gradient(90deg,transparent,#2863EE2E,transparent);
  }}
.powerone .hero .hero-note{letter-spacing:0.02em!important}
.powerone main>section:nth-of-type(8) .role-label{right:auto!important;bottom:auto!important}
@media(max-width:960px){.hero{min-height:auto!important;padding:76px 0 96px!important}
  .hero .hero-grid>div:first-child{transform:none!important}}
.powerone .hero h1{display:block!important;width:auto!important;white-space:normal!important;text-align:center!important;text-wrap:balance}
@media(max-width:680px){.hero h1{line-height:1.3!important;letter-spacing:-.02em!important}}
@media(max-width:860px){.hero .hero-copy{max-width:100%!important}}
.powerone #product-tour .panel[hidden], .powerone #product-tour .tour .panel[hidden]{display:none!important}
.powerone main>section:nth-of-type(8) .role:after{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:310px;pointer-events:none;background:linear-gradient(180deg,
              #F4F9FF57 0%,
              #F0F7FF42 46%,
              #FFFFFF9E 100%)}
@media(max-width:960px){main>section:nth-of-type(8) .role:after{height:300px}}
@media(max-width:680px){main>section:nth-of-type(8) .role:after{height:250px}}
@media(max-width:960px){.context .concept>img,.adapt-map>img{max-width:100%!important}}
.powerone .hero .hero-note{color:#91B5F8!important}
.powerone main>section:nth-of-type(8) .role:before{filter:none!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.powerone #capabilities .value .shot{min-height:0!important}
.powerone #capabilities .value .shot:after{display:none!important}
.powerone #capabilities .concept-asset{display:block}
.powerone main>section:nth-of-type(8) .roles{align-items:start!important}
.powerone main>section:nth-of-type(8) .role{display:grid!important;align-content:start!important;overflow:hidden!important}
.powerone main>section:nth-of-type(8) .role:before, .powerone main>section:nth-of-type(8) .role:after{display:none!important}
.powerone main>section:nth-of-type(8) .role-visual{width:100%;margin:0;overflow:hidden}
.powerone main>section:nth-of-type(8) .role-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.powerone main>section:nth-of-type(8) .role:hover .role-visual img, .powerone main>section:nth-of-type(8) .role:focus-within .role-visual img{transform:scale(1.025)}
.powerone .context .concept>img, .powerone .adapt-map>img{display:block!important;height:auto!important;margin-inline:auto!important;object-fit:contain!important;image-rendering:auto!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 30px #1840962E)!important}
.powerone main>section:nth-of-type(8) .role-label{font-weight:800!important}
.powerone main>section:nth-of-type(8) .role h3{padding:0!important}
.powerone .power-model-bridge:before{width:78px!important;height:78px!important;border:1.5px solid transparent!important;border-radius:50%!important;background:linear-gradient(155deg,#ffffff 0%,#f7f8ff 56%,#eef3ff 100%) padding-box,
    conic-gradient(from 22deg,#8b5cf6 0deg,#6877f0 86deg,#6B9DF0 170deg,#7c5ce7 258deg,#8b5cf6 360deg) border-box!important;box-shadow:inset 0 1px 0 #fff,0 22px 44px -24px #523DB28C!important;transform:translate(-50%,-50%) rotate(0deg)!important;transition:transform .72s cubic-bezier(.16,1,.3,1),box-shadow .35s ease!important}
.powerone .power-model-bridge:hover:before, .powerone .power-model-bridge:focus-visible:before{transform:translate(-50%,-50%) rotate(180deg) scale(1.06)!important;box-shadow:inset 0 1px 0 #fff,0 28px 50px -24px #523DB2AD!important}
@media(max-width:960px){main>section:nth-of-type(8) .role{grid-template-rows:300px auto auto auto!important}
  main>section:nth-of-type(8) .role-visual{height:300px}}
@media(max-width:680px){main>section:nth-of-type(8) .role{grid-template-rows:230px auto auto auto!important}
  main>section:nth-of-type(8) .role-visual{height:230px}}
@media(prefers-reduced-motion:reduce){main>section:nth-of-type(8) .role-visual img,
  .power-model-bridge:before,
  .bridge-line{transition:none!important}
  .power-model-bridge:hover:before,
  .power-model-bridge:focus-visible:before{transform:translate(-50%,-50%)!important}
  .power-model-bridge:hover .bridge-line,
  .power-model-bridge:focus-visible .bridge-line{transform:translate(-50%,-50%)!important}}
.powerone #model-adaptation .adapt-shell{display:grid!important}
.powerone #model-adaptation .adapt-copy{max-width:900px!important}
.powerone #model-adaptation .adapt-map{margin-inline:auto!important}
@media(max-width:680px){.context .concept,
  #model-adaptation .adapt-map{width:100%!important}}
.powerone .context>div:first-child{display:block!important}
.powerone .context h2, .powerone .context>div:first-child>p{grid-column:auto!important;grid-row:auto!important;max-width:none!important}
.powerone .context .concept{grid-column:auto!important;grid-row:auto!important;width:100%!important;margin:0!important;justify-self:stretch!important}
.powerone #model-adaptation .adapt-shell{align-items:center!important}
.powerone #model-adaptation .adapt-map{width:100%!important;margin:0!important;justify-self:stretch!important}
@media(max-width:960px){.context,#model-adaptation .adapt-shell{grid-template-columns:minmax(0,1fr)!important}
  .context .concept,#model-adaptation .adapt-map{margin-top:26px!important}}
@media(max-width:680px){.native-diagram{padding:18px 12px!important;border-radius:18px!important}
  .native-diagram .diagram-row{gap:6px!important}
  .diagram-icon{width:34px;height:34px;margin-bottom:5px}
  .diagram-icon svg{width:31px;height:31px}
  .native-diagram .diagram-node b{font-size:11px}
  .native-diagram .diagram-node>span:last-child{font-size:9px}
  .native-diagram .diagram-core{padding:15px 9px!important}
  .native-diagram .diagram-core>b{font-size:16px}
  .native-diagram .diagram-tools{gap:7px 9px}
  .native-diagram .diagram-tools span{font-size:10px}}
@media(min-width:961px){.hero h1{font-size:60px!important}}
.powerone .context{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;gap:70px!important;align-items:center!important}
.powerone .context h2{max-width:620px!important;white-space:normal!important;text-wrap:balance}
.powerone .context .relation-image-stage, .powerone #model-adaptation .relation-image-stage{position:relative!important;z-index:0!important;isolation:isolate!important;min-height:0!important;overflow:visible!important}
.powerone .relation-image-stage:after{content:""!important;position:absolute!important;z-index:-1!important;border-radius:50%!important;pointer-events:none!important}
.powerone .relation-image-stage>img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important}
.powerone #model-adaptation .adapt-shell{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;gap:42px!important;padding:38px!important;border:1px solid #CADDF2EB!important;border-radius:28px!important;background:linear-gradient(145deg,#FFFFFFF0,#F0F7FFCC)!important;box-shadow:0 28px 72px -46px #3D5DB57A!important}
.powerone #capabilities .value .shot{box-sizing:border-box!important;aspect-ratio:1569/1003!important}
.powerone #capabilities .concept-asset{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:1100px){.context,
  #model-adaptation .adapt-shell{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important}}
@media(max-width:960px){.hero h1{font-size:48px!important}
  .context,
  #model-adaptation .adapt-shell{grid-template-columns:minmax(0,1fr)!important}
  .relation-image-stage{margin-top:24px!important}}
@media(max-width:680px){.hero h1{font-size:36px!important}
  #model-adaptation .adapt-shell{padding:24px!important}
  #capabilities .value .shot{padding:14px!important}}
.powerone{overflow-x:clip}
.powerone .context .relation-image-stage, .powerone #model-adaptation .relation-image-stage{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.powerone .relation-image-stage::before{content:""!important;position:absolute!important;z-index:-2!important;inset:4% -7% -9%!important;border:0!important;border-radius:45%!important;background:radial-gradient(ellipse at 50% 54%,#2F7BFF4C,transparent 62%),
    radial-gradient(ellipse at 18% 38%,#4ACAFF40,transparent 48%),
    radial-gradient(ellipse at 82% 40%,#688DFF3D,transparent 50%)!important;filter:blur(34px)!important;pointer-events:none!important}
.powerone .relation-image-stage::after{left:12%!important;right:12%!important;bottom:-1%!important;height:74px!important;background:radial-gradient(ellipse,#3480FF61 0%,#5AB4FF33 38%,transparent 72%)!important;filter:blur(25px)!important}
.powerone #capabilities .value .shot{padding:18px!important}
.powerone #capabilities .value .shot::before{transform:none!important}
.powerone #enterprise-value .problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;border-top:0}
.powerone #enterprise-value .problem{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border:1px solid #78AEFF4C!important;background:radial-gradient(circle at 15% 0%,#61A9FF38,transparent 45%),
    linear-gradient(155deg,#EEF7FFD1,#CDE2FF85)!important;box-shadow:inset 0 1px 0 #FFFFFFF5,
    0 22px 50px -38px #265BB59E!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.powerone #enterprise-value .problem:nth-child(even){background:radial-gradient(circle at 84% 10%,#4D97FF33,transparent 44%),
    linear-gradient(155deg,#FAFDFFDB,#DCEBFF7A)!important}
.powerone #enterprise-value .problem::before{content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-66px;bottom:-72px;border-radius:50%;background:#3E88FF2E;filter:blur(34px)}
.powerone #enterprise-value .problem:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #FFFFFFF5,0 28px 58px -34px #265BB5A8!important}
.powerone #enterprise-value .problem-top{display:block;margin:17px 0 0}
.powerone #enterprise-value .problem h3{margin:0;letter-spacing:-0.022em}
.powerone #enterprise-value .problem p{color:#526a8d;line-height:1.88}
@media(max-width:1100px){#enterprise-value .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #enterprise-value .problem{min-height:255px!important}
  #enterprise-value .problem h3{min-height:58px}}
@media(max-width:680px){#enterprise-value .problem-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  #enterprise-value .problem{min-height:0!important;padding:24px!important}
  #enterprise-value .problem h3{min-height:0;font-size:17px}}
.powerone #enterprise-value .problem{padding:27px 25px 28px!important;border-radius:16px!important}
.powerone #enterprise-value .problem:nth-child(1), .powerone #enterprise-value .problem:nth-child(3){background:linear-gradient(180deg,#84BBFF94 0%,#CDE5FF6B 46%,#F9FCFFE0 100%)!important}
.powerone #enterprise-value .problem:nth-child(2), .powerone #enterprise-value .problem:nth-child(4){background:linear-gradient(180deg,#F9FCFFE6 0%,#D3E9FF75 48%,#7DB7FF8F 100%)!important}
.powerone #enterprise-value .problem-top{margin-top:0}
.powerone #capabilities .value:nth-child(2) .concept-asset{transform-origin:center!important}
.powerone main>section:nth-of-type(8) .roles{max-width:1160px;margin-inline:auto;gap:22px!important}
.powerone main>section:nth-of-type(8) .role{position:relative!important;grid-template-rows:220px auto auto!important;height:auto!important;min-height:0!important;padding:0 0 22px!important;border-radius:18px!important}
.powerone main>section:nth-of-type(8) .role-visual{grid-row:1!important;height:220px!important}
.powerone main>section:nth-of-type(8) .role-label{position:absolute!important;z-index:3!important;grid-row:1!important;grid-column:1!important;align-self:start!important;justify-self:start!important;top:16px!important;left:16px!important;display:inline-flex!important;width:auto!important;min-height:36px!important;align-items:center!important;margin:0!important;padding:8px 14px!important;border-radius:12px!important;color:#145bd6!important;font-size:12px!important;line-height:1!important;letter-spacing:0.02em!important}
.powerone main>section:nth-of-type(8) .role h3{grid-row:2!important;margin:18px 24px 0!important}
.powerone main>section:nth-of-type(8) .role p{grid-row:3!important;margin:6px 24px 0!important;padding:0!important}
@media(max-width:1100px){main>section:nth-of-type(8) .role{grid-template-rows:200px auto auto!important}
  main>section:nth-of-type(8) .role-visual{height:200px!important}}
@media(max-width:680px){#enterprise-value .problem h3{min-height:0}
  main>section:nth-of-type(8) .role{grid-template-rows:210px auto auto!important}
  main>section:nth-of-type(8) .role-visual{height:210px!important}}
.powerone #enterprise-value .problem{min-height:228px!important}
.powerone #enterprise-value .problem p{margin-top:9px!important}
.powerone #capabilities .value, .powerone #capabilities .value-stack{overflow:visible!important}
.powerone #capabilities .value .shot::before{opacity:1!important}
.powerone #capabilities .value .shot::after{box-shadow:inset 0 0 48px #509BFF12!important}
.powerone #capabilities .concept-asset{filter:drop-shadow(0 18px 24px #1F5BBE24) saturate(.96)!important}
.powerone main>section:nth-of-type(8) .role{border:1px solid #FFFFFFB8!important;background:linear-gradient(145deg,#FFFFFF7A,#E0F0FF33)!important;box-shadow:inset 0 1px 0 #FFFFFFF2,
    inset 0 0 36px #68B2FF14,
    0 24px 58px -42px #1D53AE5C!important;backdrop-filter:blur(28px) saturate(118%)!important;-webkit-backdrop-filter:blur(28px) saturate(118%)!important}
.powerone main>section:nth-of-type(8) .role-label{border:1px solid #FFFFFFD1!important;background:linear-gradient(145deg,#FFFFFF2E,#69B2FF1A)!important;box-shadow:inset 0 1px 0 #FFFFFFEB,
    inset 0 -1px 0 #77B1FF3D,
    inset 0 0 18px #FFFFFF1F,
    0 11px 26px -18px #1B59BE8A!important;backdrop-filter:blur(20px) saturate(138%) contrast(1.04)!important;-webkit-backdrop-filter:blur(20px) saturate(138%) contrast(1.04)!important}
.powerone main>section:nth-of-type(8) .role-visual{position:relative!important;isolation:isolate!important;background:linear-gradient(145deg,#EDF7FFDB,#BEDCFF70)!important}
.powerone main>section:nth-of-type(8) .role-visual::before{content:"";position:absolute;z-index:0;inset:-14%;background:radial-gradient(circle at 24% 30%,#48A4FF47,transparent 36%),
    radial-gradient(circle at 76% 68%,#4C75FF30,transparent 42%),
    radial-gradient(circle at 50% 48%,#9ADAFF33,transparent 58%);filter:blur(24px);pointer-events:none}
.powerone main>section:nth-of-type(8) .role-visual::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(135deg,#FFFFFF24,#4297FF0F 56%,#3F70EB12);pointer-events:none}
.powerone main>section:nth-of-type(8) .role-visual img{position:relative!important;z-index:1!important;box-sizing:border-box!important;filter:drop-shadow(0 16px 22px #2159B121) saturate(.98)!important}
.powerone main>section:nth-of-type(8) .role:nth-child(1) .role-visual img, .powerone main>section:nth-of-type(8) .role:nth-child(2) .role-visual img, .powerone main>section:nth-of-type(8) .role:nth-child(3) .role-visual img{object-fit:cover!important;padding:0!important}
@media(max-width:900px){.customer-proof-section .proof{grid-template-columns:1fr!important}}
@media(max-width:680px){#enterprise-value .problem h3{min-height:0!important;font-size:17px!important}}
.powerone{--blue:#5C8CF1;--blue2:#78A5F4;--violet:#8294EE;--ink:#17131F;--muted:#565F73;--line:#E2E9F4}
.powerone .brand{gap:0}
.powerone .brand .brand-product{margin-left:8px;color:#5C8CF1}
.powerone .brand .brand-cn{margin-left:8px;color:#91B5F8;font-style:normal}
.powerone .header-demo, .powerone .btn.primary{padding:0 22px;border:1px solid #BFD1F799;border-radius:12px;color:#FFFFFF;background:linear-gradient(120deg,#83AAF4,#7399EE 56%,#68B2F2);box-shadow:inset 0 1px 0 #FFFFFF7A,0 14px 32px #567CCB2E}
.powerone .header-demo:hover, .powerone .btn.primary:hover{border-color:#B6CAF399;background:linear-gradient(120deg,#78A0EC,#698DE4 56%,#60A6E8)}
.powerone .btn:not(.primary){padding:0 22px;border:1px solid #FFFFFF91;border-radius:12px;background:linear-gradient(145deg,#FFFFFF36,#A8C5FF1F);box-shadow:inset 0 1px 0 #FFFFFFCF;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
.powerone .hero .hero-grid>div:first-child{transform:none!important}
.powerone .hero .hero-name{display:inline-flex;align-items:center;justify-content:center;border:1px solid #AFC5FF99;border-radius:999px;color:#E4ECFF;background:#0B1530B8;box-shadow:inset 0 1px 0 #FFFFFF75,inset 0 -12px 28px #426FC12E,0 10px 30px #00000042;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
.powerone .hero h1{max-width:980px!important;transform:none!important}
.powerone .hero .hero-copy{max-width:800px!important}
.powerone .hero .actions{justify-content:center}
.powerone .hero .hero-note{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
.powerone .hero .hero-note span{position:relative}
.powerone .hero .hero-note span+span:before{content:"";position:absolute;top:50%;left:-14px;width:3px;height:3px;border-radius:50%;background:#8EB4F7;transform:translateY(-50%)}
.powerone .section-head p, .powerone .context p, .powerone .value p, .powerone .adapt-copy p, .powerone .scenario p, .powerone .role p, .powerone details>p{font-size:16px!important;line-height:1.7!important}
.powerone .value h3, .powerone .adapt-copy h3, .powerone .scenario h3, .powerone .role h3, .powerone .proof-copy h3, .powerone .power-model-copy h3{font-size:24px!important;font-weight:700!important;line-height:1.3!important}
.powerone .chip, .powerone .value-index, .powerone .role-label, .powerone .placeholder, .powerone .power-model-copy small{font-size:12px!important}
.powerone #capabilities .value .shot.concept-shot-new{position:relative!important;isolation:isolate!important;overflow:visible!important;border:1px solid #FFFFFF9E!important;border-radius:28px!important;background:linear-gradient(145deg,#FFFFFF2E,#DAEDFF17)!important;box-shadow:inset 0 1px 0 #FFFFFFEB,inset 0 -1px 0 #62A1F41A,inset 0 0 46px #FFFFFF17,0 26px 54px -40px #3D78CC4D!important;backdrop-filter:blur(28px) saturate(120%)!important;-webkit-backdrop-filter:blur(28px) saturate(120%)!important}
.powerone #capabilities .value .shot.concept-shot-new::before{content:""!important;display:block!important;position:absolute!important;z-index:-2!important;inset:16% 10% -9%!important;border-radius:42%!important;background:radial-gradient(58% 48% at 32% 66%,#53AEFF57,transparent 72%),radial-gradient(54% 46% at 72% 64%,#597FFF38,transparent 74%),radial-gradient(66% 54% at 50% 52%,#ADDDFF40,transparent 76%)!important;filter:blur(34px)!important;pointer-events:none!important}
.powerone #capabilities .value .shot.concept-shot-new::after{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(142deg,#FFFFFF33,transparent 42%),radial-gradient(60% 36% at 50% 102%,#5CA8FF17,transparent 74%)!important;pointer-events:none!important}
.powerone #capabilities .concept-asset{position:relative!important;z-index:2!important;transform-origin:center!important}
.powerone #capabilities .value:nth-child(1) .concept-asset{transform:scale(1.32)!important;filter:drop-shadow(0 18px 25px #1F5BB824) saturate(.86) contrast(1.01)!important}
.powerone #capabilities .value:nth-child(2) .concept-asset{transform:scale(.75)!important;filter:drop-shadow(0 18px 25px #1F5BB824) saturate(.88) contrast(1.01)!important}
.powerone #capabilities .value:nth-child(3) .concept-asset{transform:scale(1.40)!important;filter:drop-shadow(0 18px 25px #1F5BB81F) saturate(.95)!important}
.powerone #capabilities .value:nth-child(4) .concept-asset{transform:scale(1.18)!important;filter:drop-shadow(0 18px 25px #1F5BB81F) saturate(.95)!important}
.powerone #model-adaptation .adapt-copy .chips{column-gap:18px!important;row-gap:9px!important}
.powerone #model-adaptation .adapt-copy .chips .chip{padding:3px 0!important;border:0!important;border-radius:0!important;color:#6F98EE!important;background:transparent!important;box-shadow:none!important}
.powerone .customer-proof-section .proof{width:100%!important;max-width:none!important;height:500px!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:20px!important;align-items:stretch!important}
.powerone .customer-proof-section .proof-card{position:relative!important;display:block!important;width:100%!important;overflow:hidden!important;border-radius:28px!important}
.powerone .customer-proof-section .customer-proof-card{height:500px!important}
.powerone .customer-proof-section .proof-card .proof-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;min-height:0!important}
.powerone .customer-proof-section .proof-card .proof-image img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center}
.powerone .customer-proof-section .proof-card .proof-copy{position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;left:0!important;padding:24px 28px 20px!important;color:#FFFFFF!important;background:linear-gradient(180deg,rgba(38,48,64,0) 0%,rgba(38,48,64,.10) 28%,rgba(38,48,64,.25) 66%,rgba(38,48,64,.40) 100%)!important}
.powerone .customer-proof-section .proof-card .proof-copy h3{margin:0!important;color:#FFFFFF!important;text-shadow:0 2px 12px rgba(12,22,38,.22)!important}
.powerone .customer-proof-section .proof-side{height:500px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.powerone .customer-proof-section .proof-side .proof-card{height:240px!important;min-height:0!important;grid-template-rows:minmax(150px,1fr) auto!important}
.powerone .power-model-bridge-icon{position:absolute!important;z-index:3!important;top:50%!important;left:50%!important;width:48px!important;height:48px!important;object-fit:contain!important;transform:translate(-50%,-50%)!important}
.powerone .power-model-bridge:hover .power-model-bridge-icon, .powerone .power-model-bridge:focus-visible .power-model-bridge-icon{transform:translate(-50%,-50%) scale(1.07)!important}
.powerone.motion-ready [data-reveal]{opacity:0;filter:blur(9px);transform:translateY(28px) scale(.982)}
.powerone.motion-ready [data-reveal].is-visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition:opacity .62s ease var(--reveal-delay,0ms),filter .68s ease var(--reveal-delay,0ms),transform .88s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
@media(max-width:960px){.hero{min-height:auto!important;padding:52px 0 72px!important}
  .hero h1{font-size:44px!important}
  .hero .hero-copy{margin-bottom:40px!important}
  .customer-proof-section .proof{height:auto!important;grid-template-columns:1fr!important}
  .customer-proof-section .customer-proof-card{height:auto!important;aspect-ratio:16/9!important}
  .customer-proof-section .proof-side{height:auto!important}
  .customer-proof-section .proof-side .proof-card{height:auto!important;min-height:220px!important}}
@media(max-width:720px){.brand .brand-cn{font-size:12px}
  .hero h1{font-size:40px!important}
  .section-head h2,.context h2{font-size:32px!important}
  .value h3,.adapt-copy h3,.scenario h3,.role h3,.proof-copy h3,.power-model-copy h3{font-size:20px!important}
  .hero .hero-note{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal],.motion-ready [data-reveal].is-visible{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
  .power-model-bridge-icon{transform:translate(-50%,-50%)!important}}
.powerone .hero{min-height:696px!important;padding:84px 0 48px!important}
.powerone .hero .hero-name{margin:0 auto 12px!important;padding:10px 16px!important;font-size:12px!important;font-weight:700!important;line-height:1.7!important}
.powerone .hero h1{margin:0 auto 20px!important;font-size:52px!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-0.04em!important}
.powerone .hero .hero-copy{margin:0 auto 56px!important;font-size:16px!important;line-height:1.7!important}
.powerone .hero .actions{margin:0!important;gap:12px!important}
.powerone .hero .hero-note{margin:20px 0 0!important;font-size:12px!important;font-weight:700!important;line-height:1.7!important}
.powerone .header-demo.header-demo, .powerone .btn.btn{min-height:46px!important;font-size:12px!important;font-weight:700!important}
.powerone .brand{font-size:19px!important;font-weight:800!important}
.powerone .brand .brand-cn{font-size:14px!important;font-weight:700!important}
.powerone .quick-nav a{font-size:12px!important;font-weight:700!important}
.powerone .section-head h2, .powerone .context h2, .powerone .cta h2{font-size:40px!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-0.03em!important}
.powerone .section-head, .powerone .capabilities-lead .section-head{text-align:left!important}
.powerone .section-head h2, .powerone .section-head p, .powerone .context h2, .powerone .context>div:first-child>p{margin-left:0!important;margin-right:0!important;text-align:left!important}
.powerone .cta p{font-size:16px!important;line-height:1.7!important}
.powerone #enterprise-value .problem h3, .powerone #product-tour .panel h3, .powerone #scenarios .scenario h3, .powerone main>section:nth-of-type(8) .role h3, .powerone .customer-proof-card .proof-copy h3, .powerone .value h3, .powerone .adapt-copy h3, .powerone .power-model-copy h3{font-size:24px!important;font-weight:700!important;line-height:1.3!important}
.powerone #enterprise-value .problem h3{min-height:62px!important}
.powerone .audience-band .audience b{font-size:20px!important;font-weight:700!important}
.powerone .audience-band .audience span, .powerone #product-tour .panel>div:not(.shot)>p, .powerone #product-tour .tour .tab b, .powerone #product-tour .panel .mini-list li, .powerone main>section:nth-of-type(8) .role p, .powerone #scenarios .scenario li{font-size:16px!important;line-height:1.7!important}
.powerone #product-tour .tour .tab span, .powerone .value .chip{font-size:12px!important}
.powerone main>.section{padding:60px 0!important}
.powerone .audience-band{padding:44px 0 26px!important}
.powerone .audience-band+section{padding-top:12px!important}
.powerone .section-head{margin-bottom:28px!important}
.powerone .context>div:first-child>p, .powerone .context .concept{margin-top:20px!important}
.powerone .context .relation-image-stage, .powerone #model-adaptation .relation-image-stage{padding:2px 0 6px!important}
.powerone .context .relation-image-stage>img, .powerone #model-adaptation .relation-image-stage>img{width:min(100%,580px)!important;max-width:580px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:980px){.powerone main>.section{padding:52px 0!important}
  .powerone .audience-band{padding:36px 0 22px!important}}
@media(max-width:960px){.powerone .hero{min-height:auto!important;padding:140px 0 64px!important}}
@media(max-width:720px){.powerone main>.section{padding:44px 0!important}
  .powerone .hero h1{font-size:40px!important;line-height:1.12!important}
  .powerone .section-head h2,
  .powerone .context h2,
  .powerone .cta h2{font-size:32px!important}
  .powerone #enterprise-value .problem h3,
  .powerone #product-tour .panel h3,
  .powerone #scenarios .scenario h3,
  .powerone main>section:nth-of-type(8) .role h3,
  .powerone .customer-proof-card .proof-copy h3,
  .powerone .value h3,
  .powerone .adapt-copy h3,
  .powerone .power-model-copy h3{font-size:20px!important}
  .powerone #enterprise-value .problem h3{min-height:0!important}
  .powerone .brand{font-size:16px!important}
  .powerone .context .relation-image-stage>img,
  .powerone #model-adaptation .relation-image-stage>img{width:100%!important;max-width:100%!important}}
.powerone .mx-auto{margin-right:auto;margin-left:auto}
.powerone{font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif!important}
.powerone *{font-family:inherit!important}
.powerone .site-header{height:72px}
@media (max-width: 720px){
  .powerone .site-header{height:64px}
}
.powerone .brand{gap:0px!important;font-size:16px!important;font-weight:850!important}
.powerone .brand>span{margin-left:8px!important}
.powerone .brand .brand-cn{margin-left:6px!important;font-size:14px!important;font-weight:760!important;letter-spacing:0.02em!important;font-style:normal!important}
@media (max-width: 720px){
  .powerone .brand .brand-cn{font-size:12px!important}
}
.powerone .quick-nav{gap:26px!important;font-size:12px!important;font-weight:650!important}
.powerone .quick-nav a{padding:28px 0px!important;font-size:12px!important;font-weight:650!important}
.powerone .header-demo.header-demo{min-height:46px!important;padding:0px 22px!important;font-size:12px!important;font-weight:780!important}
.powerone .header-inner{min-height:72px!important;gap:28px!important}
@media (max-width: 720px){
  .powerone .header-inner{min-height:64px!important}
}
.powerone .hero{min-height:692px!important;padding:80px 0 48px!important}
.powerone .hero h1, .powerone .hero h1 em, .powerone .section-head h2, .powerone .context h2, .powerone .cta h2{font-weight:700!important}
.powerone main>section:nth-of-type(8) .role h3{min-height:2.6em!important;margin-bottom:0!important}
@media (max-width: 960px){
  .powerone main>section:nth-of-type(8) .role h3{min-height:0!important}
}
.powerone .hero-note span{font-weight:720!important}
.powerone .site-header .brand{color:#FFFFFF!important}
.powerone .site-header .brand .brand-product{color:#8CB1FF!important}
.powerone .site-header .brand .brand-cn{color:#C1D5FF!important}
.powerone .max-w-\[1200px\]{width:min(1200px,calc(100% - 48px));max-width:1200px}
@media (max-width: 720px){
  .powerone .max-w-\[1200px\]{width:min(calc(100% - 34px),1200px)}
}
.powerone .hero .hero-orb-canvas{mix-blend-mode:lighten}
.powerone .hero::after{background:linear-gradient(180deg,transparent 0 72%,#07101f9e 86%,#e8f3ff 100%),radial-gradient(circle at 50% 44%,transparent 0 52%,#02030a13 72%,#02030a28 90%,#02030a45 100%)}
.powerone .site-header .header-demo.header-demo{background:#6F98EE;border:1px solid #7EA6F5;border-color:#7EA6F5;color:#FFFFFF;box-shadow:inset 0 1px 0 #FFFFFF7A,0 14px 32px #567CCB2E}
.powerone .site-header .header-demo.header-demo:hover{background:linear-gradient(120deg,#78A0EC,#698DE4 56%,#60A6E8);border-color:#7EA6F5;color:#FFFFFF}
.powerone .proof-side .proof-card-doc{position:relative;overflow:hidden}
.powerone .proof-side .proof-card-doc .proof-image{position:absolute;inset:0;padding:0;min-height:0;display:block}
.powerone .proof-side .proof-card-doc .proof-image img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center!important}
.powerone .proof-side .proof-card-doc .proof-copy h3{margin:0;color:#FFFFFF}
.powerone .proof-side .proof-card-doc .proof-link{display:inline-flex;align-items:center;gap:8px;color:#FFFFFF;text-decoration:none}
.powerone .proof-side .proof-card-doc .proof-link-icon{flex:none;opacity:.82;transition:transform .25s ease,opacity .25s ease}
.powerone .proof-side .proof-card-doc .proof-link:hover{text-decoration:underline;text-underline-offset:4px}
.powerone .proof-side .proof-card-doc .proof-link:hover .proof-link-icon{transform:translate(2px,-2px);opacity:1}
.powerone #enterprise-value .problem-grid{align-items:stretch!important}
.powerone #enterprise-value .problem{min-height:0!important}
.powerone #enterprise-value .problem h3{min-height:0!important}
.powerone main>section:nth-of-type(8) .roles{align-items:stretch!important}
.powerone main>section:nth-of-type(8) .role{align-self:stretch!important;padding-bottom:18px!important}
.powerone main>section:nth-of-type(8) .role h3{min-height:0!important;margin-top:16px!important}
.powerone main>section:nth-of-type(8) .role p{margin-top:5px!important}

/* ================= V103 ================= */

/* --- 1. 「问题不再只是购买 GPU」两行不三行 --- */
/* 文字列 466→527px（关系图 max-width 仍是 580px，图片渲染尺寸不变） */
.powerone .context{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
.powerone .context h2{text-wrap:wrap!important;max-width:none!important}
.powerone .context h2 .h2-br{display:inline}
@media (max-width:1080px){.powerone .context h2 .h2-br{display:inline}}
@media (max-width:720px){.powerone .context h2 .h2-br{display:none}}

/* --- 2. 产品交互最终稿：统一画框与精确对齐 --- */
.powerone #product-tour{
  --tour-tab-height:84px;
  --tour-tab-gap:8px;
  --tour-frame-height:calc(4 * (var(--tour-tab-height) + var(--tour-tab-gap)));
}
.powerone #product-tour .tour{
  display:grid!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  gap:28px!important;
  padding:30px!important;
}
.powerone #product-tour .tour .tabs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  grid-auto-rows:var(--tour-tab-height)!important;
  gap:var(--tour-tab-gap)!important;
}
.powerone #product-tour .tour .tab{
  display:block!important;
  min-height:var(--tour-tab-height)!important;
  padding:16px!important;
  border:1px solid #D9E6F6!important;
  border-radius:14px!important;
  background:#FFFFFFE8!important;
  color:#59708F!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.powerone #product-tour .tour .tab:hover{transform:translateX(3px)!important;border-color:#AFC9F3!important;background:#F4F8FE!important}
.powerone #product-tour .tour .tab:focus-visible{outline:3px solid #176BFF3B!important;outline-offset:2px!important}
.powerone #product-tour .tour .tab b{display:block!important;color:#17365E!important;font-weight:800!important;white-space:nowrap!important}
.powerone #product-tour .tour .tab span{display:block!important;margin-top:5px!important;color:#7387A6!important;line-height:1.5!important;white-space:normal!important}
.powerone #product-tour .tour .tab.active{border-color:#AFC9F3!important;background:linear-gradient(140deg,#EDF5FF,#FFFFFF)!important;box-shadow:inset 3px 0 #176BFF,0 12px 25px -20px #1454AC!important}
.powerone #product-tour .tour .tab.active b{color:#176BFF!important}
.powerone #product-tour .tour .tab.active span{color:#4F6FA8!important}
.powerone #product-tour .tour>div:last-child{min-width:0;height:calc(5 * var(--tour-tab-height) + 4 * var(--tour-tab-gap))}
.powerone #product-tour .panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  align-items:start!important;
  gap:22px!important;
  height:100%!important;
  min-height:0!important;
}
.powerone #product-tour .tour .shot{
  order:0!important;
  position:relative!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(100%,calc(var(--tour-frame-height) * 31 / 20))!important;
  height:var(--tour-frame-height)!important;
  min-height:0!important;
  aspect-ratio:31/20!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #D9E6F6!important;
  border-radius:14px!important;
  background-color:#EEF4FC!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  box-shadow:0 18px 42px -26px #143C9652!important;
  isolation:isolate!important;
}
.powerone #product-tour .tour .shot:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:-24px!important;
  background-image:inherit!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  filter:blur(18px) saturate(.86) brightness(1.04)!important;
  opacity:.34!important;
  pointer-events:none!important;
}
.powerone #product-tour .tour .shot:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  border-radius:inherit!important;
  background-image:inherit!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  box-shadow:inset 0 0 0 1px #FFFFFF99!important;
  pointer-events:none!important;
}
.powerone #product-tour .tour .shot>.placeholder,
.powerone #product-tour .tour .shot .shot-canvas{display:none!important}
.powerone #product-tour .panel[data-panel="resource"] .shot{background-image:url("/file/2/2026/8/fdef2cc5e440.png?i=9205&name=tour-01-heterogeneous-cluster.png")!important}
.powerone #product-tour .panel[data-panel="infra"] .shot{background-image:url("/file/2/2026/8/e48a4f0012d1.png?i=9206&name=tour-02-model-hardware-config.png")!important}
.powerone #product-tour .panel[data-panel="task"] .shot{background-image:url("/file/2/2026/8/3194678fd40f.png?i=9207&name=tour-03-scenario-delivery.png")!important}
.powerone #product-tour .panel[data-panel="schedule"] .shot{background-image:url("/file/2/2026/8/0d1354720860.png?i=9208&name=tour-04-scheduling-recommendation.png")!important}
.powerone #product-tour .panel[data-panel="operation"] .shot{background-image:url("/file/2/2026/8/5f0ad43902ed.png?i=9209&name=tour-05-tenant-operations.png")!important}
.powerone #product-tour .panel>div:not(.shot){
  order:1!important;
  align-self:start!important;
  padding:calc(var(--tour-tab-height) + var(--tour-tab-gap) + 20px) 0 0!important;
  text-align:left!important;
}
.powerone #product-tour .panel h3{
  margin:0 0 10px!important;
  font-size:16px!important;
  line-height:1.35!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}
.powerone #product-tour .panel>div:not(.shot)>p{margin:0!important;font-size:13px!important;line-height:1.7!important}
.powerone #product-tour .panel .mini-list{margin-top:15px!important}
.powerone #product-tour .panel .mini-list li{display:block!important;position:relative!important;margin-top:7px!important;padding-left:20px!important;font-size:12px!important;line-height:1.55!important;white-space:normal!important;list-style:none!important;color:#475569!important}
.powerone #product-tour .panel .mini-list li:before{content:"✓"!important;display:block!important;position:absolute!important;left:0!important;top:0!important;color:#16A34A!important;font-weight:900!important}
@media (max-width:1080px){
  .powerone #product-tour .tour{grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important;padding:24px!important}
  .powerone #product-tour .panel{grid-template-columns:minmax(0,1fr) 240px!important;gap:18px!important}
  .powerone #product-tour .panel h3{font-size:15px!important}
}
@media (max-width:960px){
  .powerone #product-tour .tour{grid-template-columns:minmax(0,1fr)!important}
  .powerone #product-tour .tour .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important}
  .powerone #product-tour .tour>div:last-child{height:auto!important}
  .powerone #product-tour .panel{grid-template-columns:minmax(0,1fr)!important;height:auto!important}
  .powerone #product-tour .tour .shot{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:31/20!important}
  .powerone #product-tour .panel>div:not(.shot){padding:0!important;order:-1!important}
  .powerone #product-tour .panel h3{font-size:20px!important;white-space:normal!important}
  .powerone #product-tour .panel>div:not(.shot)>p{font-size:16px!important}
  .powerone #product-tour .panel .mini-list li{font-size:16px!important;line-height:1.7!important}
}

/* --- 4. 申请产品演示弹窗（对齐 ModelOne 结构，配 PowerOne 蓝） --- */
.powerone [data-open-demo]{cursor:pointer}
.powerone .po-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px;
  background:#0B182F8F;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.powerone .po-modal.open{display:grid}
.powerone .po-modal-card{width:min(580px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:34px;
  border:1px solid #D7E4F7;border-radius:24px;background:#FFFFFFF0;box-shadow:0 30px 90px #10254C4C;
  backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}
.powerone .po-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.powerone .po-modal-top h3{margin:0!important;color:#17131F;font-size:24px!important;font-weight:700!important;line-height:1.3!important}
.powerone .po-modal-top p{margin:8px 0 0!important;color:#565F73;font-size:16px!important;line-height:1.7!important}
.powerone .po-modal-close{width:38px;height:38px;flex:none;border:1px solid #FFFFFFC7;border-radius:9px;
  background:#FFFFFF8F;box-shadow:inset 0 1px 0 #FFFFFFDF;color:#5A6B85;font-size:22px;cursor:pointer;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .3s ease}
.powerone .po-modal-close:hover{border-color:#6F98EE;background:#6F98EE;color:#FFFFFF}
.powerone .po-modal-close:active{transform:translateY(1px) scale(.955)}
.powerone .po-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
.powerone .po-field{display:grid;gap:6px;color:#565F73;font-size:16px;font-weight:700;line-height:1.7}
.powerone .po-field.full{grid-column:1 / -1}
.powerone .po-field input, .powerone .po-field select, .powerone .po-field textarea{
  width:100%;border:1px solid #FFFFFFC7;border-radius:9px;background:#FFFFFF8F;box-shadow:inset 0 1px 0 #FFFFFFDF;
  color:#17131F;font-size:16px;font-weight:400;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.powerone .po-field input:focus, .powerone .po-field select:focus, .powerone .po-field textarea:focus{
  border-color:#6F98EE;box-shadow:0 0 0 3px #6F98EE2E}
.powerone .po-field input, .powerone .po-field select{height:46px;padding:0 12px}
.powerone .po-field textarea{min-height:86px;padding:10px 12px;resize:vertical;line-height:1.7}
.powerone .po-field [aria-invalid="true"]{border-color:#C43D55;box-shadow:0 0 0 3px #C43D5524}
.powerone .po-form-status{grid-column:1 / -1;margin:0;color:#B52C42;font-size:14px!important;font-weight:650;line-height:1.6}
.powerone .po-form-status[hidden]{display:none}
.powerone .po-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.powerone .po-btn-light, .powerone .po-btn-main{min-height:46px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 22px;border-radius:12px;font-size:12px;font-weight:780;cursor:pointer;
  transition:background-color .22s ease,background .22s ease,border-color .22s ease,color .22s ease,transform .3s ease,box-shadow .3s ease}
.powerone .po-btn-light{border:1px solid #C6D8F5;color:#2E4A7D;background:linear-gradient(145deg,#FFFFFFC7,#E2ECFF8C);
  box-shadow:inset 0 1px 0 #FFFFFFED,0 12px 28px #2A4B9C24}
.powerone .po-btn-light:hover{border-color:#6F98EE;background:#6F98EE;color:#FFFFFF}
.powerone .po-btn-main{border:1px solid #7EA6F5;color:#FFFFFF;background:#6F98EE;
  box-shadow:inset 0 1px 0 #FFFFFF7A,0 14px 32px #567CCB2E}
.powerone .po-btn-main:hover{background:linear-gradient(120deg,#78A0EC,#698DE4 56%,#60A6E8);border-color:#7EA6F5}
.powerone .po-btn-main[disabled]{cursor:wait;opacity:.65;transform:none}
.powerone .po-btn-light:active, .powerone .po-btn-main:active{transform:translateY(1px) scale(.955)}
.powerone .po-form-success h3{margin:0!important;color:#17131F;font-size:24px!important;font-weight:700!important}
.powerone .po-form-success p{margin:10px 0 0!important;color:#565F73;font-size:16px!important;line-height:1.7!important}
@media (max-width:720px){
  .powerone .po-modal-card{padding:26px 22px}
  .powerone .po-form-grid{grid-template-columns:1fr}
  .powerone .po-field.full{grid-column:auto}
  .powerone .po-modal-top h3{font-size:20px!important}
}
@media (prefers-reduced-motion:reduce){
  .powerone .po-modal-close, .powerone .po-btn-light, .powerone .po-btn-main{transition:none}
}