/* Why Noxio: a connected operating story, isolated from the approved feature family. */
.why-noxio-page { --wn-ink:#1e266d; --wn-copy:#52617a; --wn-line:#dce5ef; }
.why-noxio-page main { overflow:clip; }
.why-noxio-page :is(section,article,figure,div) { min-width:0; }
.why-noxio-page :is(h1,h2,h3,h4,p,ul,ol,figure,blockquote) { margin:0; }
.why-noxio-page h2 { font-size:clamp(32px,3.45vw,48px); line-height:1.16; }
.why-noxio-page h3 { font-size:23px; line-height:1.3; }
.why-noxio-page em { font-style:normal; color:#3876e9; }
.why-noxio-page .fp-eyebrow { margin-bottom:18px; font-size:11px; }
.why-noxio-page p { color:var(--wn-copy); }
.wn-wrap { max-width:1280px; padding-inline:32px; margin-inline:auto; }
.wn-section { padding-block:90px; }
.wn-copy { font-size:17px; line-height:1.8; margin-top:25px!important; max-width:580px; }
.wn-caption { font-size:11px; line-height:1.7; color:#5e6b80!important; }
.wn-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 25px; margin-top:32px; }
.wn-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--navy); text-decoration:none; font-size:14px; font-weight:600; line-height:1.5; }
.wn-link:hover { color:#2862d4; text-decoration:underline; text-underline-offset:5px; }
.why-noxio-page svg { width:24px; height:24px; flex:none; }
.wn-link svg { width:18px; height:18px; }
.wn-heading-split { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; margin-bottom:44px; }
.wn-heading-split .wn-copy { margin-top:0!important; }
.wn-icon { width:54px; height:54px; display:grid; place-items:center; color:#2862d4; background:#edf4ff; border-radius:17px; }
.wn-icon svg { width:28px; height:28px; }
.wn-hero { padding:80px 0 58px; background:linear-gradient(125deg,#fff 38%,#f0f6ff 75%,#faf6ef); }
.wn-hero-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:36px; align-items:center; }
.why-noxio-page .wn-hero h1 { font-size:clamp(42px,4.4vw,62px); line-height:1.07; letter-spacing:-.05em; margin:0 0 26px; }
.wn-hero h1 em { display:block; margin-top:10px; }
.why-noxio-page .wn-hero .fp-lead { font-size:17px; max-width:475px; line-height:1.8; }
.wn-assurances { display:flex; list-style:none; padding:0; gap:20px; margin-top:32px!important; }
.wn-assurances li { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:#4f607c; line-height:1.6; }
.wn-assurances svg { width:22px; height:22px; color:#3476df; }
.wn-hero-scene { position:relative; min-height:520px; border-radius:140px 22px 26px 22px; }
.wn-hero-photo { width:100%; height:490px; object-fit:cover; object-position:50% 45%; border-radius:inherit; display:block; }
.wn-scene-labels { position:absolute; top:25px; left:6%; right:6%; display:flex; justify-content:space-between; }
.wn-scene-labels span { border-radius:30px; padding:8px 15px; font-size:11px; font-weight:600; background:#fff8efed; color:#76583d; box-shadow:0 4px 16px #152d3c08; }
.wn-scene-labels span+span { color:#216452; background:#e6f8efed; }
.wn-fragments { position:absolute; left:-8px; bottom:38px; width:39%; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.wn-fragment { background:#fffefdf5; border:1px solid #eee2d4; border-radius:10px; box-shadow:0 10px 30px #75593713; padding:12px 16px; display:flex; align-items:center; gap:8px; font-size:11px; transform:rotate(-5deg); }
.wn-fragment img { object-fit:contain; }
.wn-fragment:nth-child(2) { transform:rotate(4deg); margin-left:34px; }
.wn-fragment:nth-child(3) { transform:rotate(-2deg); }
.wn-fragment svg { color:#87909f; width:19px; height:19px; }
.wn-hero-bridge { position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); width:48px; height:48px; background:#fff; color:var(--navy); display:grid; place-items:center; border-radius:50%; box-shadow:0 8px 26px #15325a20; }
.wn-connected-card { position:absolute; right:-5px; bottom:0; width:50%; padding:19px 18px; border-radius:17px; border:1px solid #dbe7f5; background:#fff; box-shadow:0 18px 38px #1b3b7020; }
.wn-connected-card>img { width:27px; height:27px; object-fit:contain; float:left; margin-right:9px; }
.wn-connected-card>strong { font-size:12px; display:block; line-height:1.5; margin-bottom:16px; }
.wn-connected-card>div { display:flex; gap:8px; align-items:center; padding:10px 0; border-top:1px solid #edf1f6; }
.wn-connected-card>div>svg:first-child { color:#3476df; width:18px; height:18px; }
.wn-connected-card>div>svg:last-child { margin-left:auto; color:#2a8b6a; width:16px; height:16px; }
.wn-connected-card span { font-size:11px; font-weight:600; }
.wn-connected-card small { display:block; font-size:9px; font-weight:400; color:#68748b; margin-top:3px; line-height:1.4; }
.why-noxio-page .wn-before-caption { position:absolute; left:12px; bottom:0; width:42%; font-size:12px; color:#6d6a65; }
.wn-hero-figure>figcaption { font-size:10px; line-height:1.6; color:#677389; padding:17px 8px 0; max-width:550px; }
.wn-day { background:#fbf7f0; }
.wn-day-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; }
.wn-day .wn-caption { margin-top:17px; }
.wn-day-events { display:grid; grid-template-columns:1fr 1fr; list-style:none; padding:0; column-gap:32px; }
.wn-day-events li { display:grid; grid-template-columns:auto 24px 1fr; align-items:center; gap:10px; padding:18px 0; border-bottom:1px solid #e7ded2; color:#4d5a6d; font-size:12px; line-height:1.55; }
.wn-day-events time { font-size:11px; color:#8b755d; font-variant-numeric:tabular-nums; font-weight:600; }
.wn-day-events svg { color:#9c9487; width:20px; height:20px; }
.wn-day-events li:last-child { color:#875442; }
.why-noxio-page .wn-day-question { font-size:clamp(21px,2.3vw,30px); color:#4b5870; margin-top:45px; text-align:center; letter-spacing:-.03em; }
.wn-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.wn-benefits article { padding:12px 22px 0 0; border-right:1px solid var(--wn-line); }
.wn-benefits article:last-child { border:0; padding-right:0; }
.wn-benefits h3 { font-size:21px; margin:22px 0 15px; }
.wn-benefits p { font-size:14px; line-height:1.75; }
.wn-connected { background:#eef5fd; }
.wn-connected-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:60px; }
.wn-before-tools { margin:28px 0 20px; }
.wn-before-tools>small { display:block; font-size:11px; color:#68758b; margin-bottom:12px; }
.wn-before-tools>div { display:flex; gap:7px; flex-wrap:wrap; }
.wn-brand { display:inline-flex; align-items:center; justify-content:center; padding:10px; min-height:40px; border:1px solid #dce6f2; border-radius:9px; background:#fff; }
.wn-brand img { width:73px; height:20px; object-fit:contain; }
.wn-calendar-composition { position:relative; padding:25px 0 44px; }
.wn-stage-note { display:flex; align-items:center; gap:9px; font-size:11px; color:#4d6f91; margin-bottom:16px; }
.wn-stage-note svg { width:20px; height:20px; }
.why-noxio-page .wn-calendar-composition .fp-media>a { padding:6px; border-radius:15px; }
.why-noxio-page .wn-calendar-composition figcaption { margin:50px 8px 0; font-size:10px; }
.wn-calendar-card { position:absolute; right:-10px; bottom:90px; max-width:88%; display:flex; align-items:center; gap:12px; background:#fff; padding:17px 22px; border:1px solid #d9e7f4; border-radius:14px; box-shadow:0 12px 30px #1a477617; transform:rotate(2deg); }
.wn-calendar-card>img { width:32px; height:32px; object-fit:contain; }
.wn-calendar-card strong { font-size:14px; display:block; }
.wn-calendar-card span { font-size:10px; color:#60728b; display:block; margin-top:6px; }
.wn-calendar-card>svg { color:#258365; width:22px; height:22px; }
.wn-journey { scroll-margin-top:110px; }
.wn-journey-phases { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.wn-phase { border:1px solid #dfe7f2; border-radius:20px; padding:25px 22px; background:linear-gradient(#f6f9ff,#fff 55%); }
.wn-phase:nth-child(2) { background:linear-gradient(#f4f1fd,#fff 55%); }
.wn-phase:nth-child(3) { background:linear-gradient(#f0f8f5,#fff 55%); }
.wn-phase-heading { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.wn-phase-heading>span { color:#5274ae; font-size:12px; font-weight:600; }
.wn-phase-heading h3 { font-size:17px; }
.wn-phase-heading>svg { margin-left:auto; width:18px; height:18px; color:#8baddc; }
.wn-phase-image { height:180px; display:grid; align-items:center; padding:5px; background:#fff; border:1px solid #e0e7f2; border-radius:11px; box-shadow:0 8px 18px #17274e09; margin-bottom:27px; }
.wn-phase-image img { width:100%; height:100%; max-height:168px; object-fit:contain; display:block; }
.wn-phase ol { padding:0; list-style:none; }
.wn-phase li { position:relative; display:flex; align-items:flex-start; gap:14px; padding-bottom:27px; }
.wn-phase li:last-child { padding-bottom:0; }
.wn-phase li:not(:last-child)::before { content:''; position:absolute; top:29px; left:13px; bottom:1px; border-left:1px solid #dce5f2; }
.wn-step-number { display:grid; place-items:center; width:28px; height:28px; flex:none; font-size:11px; background:#ecf2fc; border-radius:50%; color:#4d72aa; }
.wn-step-status { display:inline-block; font-size:9px; color:#6f7490; background:#f0eff8; padding:4px 7px; border-radius:5px; margin-bottom:9px; }
.wn-step-auto { background:#e9f6ee; color:#2b7258; }
.wn-phase h4 { font-size:16px; line-height:1.4; margin-bottom:9px; font-weight:600; }
.wn-phase h4 a { color:var(--navy); text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.wn-phase h4 a:hover { text-decoration:underline; text-underline-offset:4px; }
.wn-phase h4 svg { width:14px; height:14px; }
.wn-phase li p { font-size:12px; line-height:1.8; }
.why-noxio-page .wn-journey-note { max-width:850px; margin:27px auto 0; text-align:center; }
.wn-modules { background:#f6f8fc; }
.wn-module-groups { display:grid; grid-template-columns:1.03fr .9fr 1.07fr; gap:24px; margin-top:40px; align-items:start; }
.wn-module-group { padding:30px; border-radius:20px; background:#edf3fc; border:1px solid #dbe6f3; }
.wn-module-1 { background:#f2edfb; border-color:#e3dcf0; margin-top:36px; }
.wn-module-2 { background:#ecf5f2; border-color:#d8e8e2; margin-top:72px; }
.wn-module-group>.wn-icon { background:#fff9; }
.wn-module-group h3 { margin:21px 0 16px; }
.wn-module-group>p { font-size:13px; margin-bottom:24px; }
.wn-module-group ul { list-style:none; padding:0; }
.wn-module-group li { border-top:1px solid #c9d5e455; }
.wn-module-group a { display:flex; align-items:center; justify-content:space-between; gap:14px; text-decoration:none; color:var(--navy); padding:17px 0; min-height:66px; }
.wn-module-group a:hover { color:#2862d4; }
.wn-module-group a strong { display:block; font-size:13px; font-weight:600; }
.wn-module-group a small { display:block; font-size:10px; color:#63748b; margin-top:6px; }
.wn-module-group svg { width:20px; height:20px; }
.wn-outcome { background:#1e266d; }
.wn-outcome-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:100px; align-items:center; }
.why-noxio-page .wn-outcome .fp-eyebrow { color:#b1cdff; }
.why-noxio-page .wn-outcome h2 { color:#fff; font-size:clamp(36px,4.3vw,60px); }
.why-noxio-page .wn-outcome p { color:#ccd7ef; }
.wn-outcome ol { list-style:none; padding:0; }
.wn-outcome li { display:flex; gap:22px; padding:24px 0; border-bottom:1px solid #c8d7f530; }
.wn-outcome li>span { font-size:11px; color:#b3cafa; padding-top:6px; }
.wn-outcome h3 { color:#fff; font-size:18px; margin-bottom:12px; }
.wn-outcome li p { font-size:13px; }
.wn-segments { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; }
.wn-segment-intro figure { margin-top:30px; }
.wn-segment-intro img { width:100%; height:285px; object-fit:cover; object-position:center 60%; display:block; border-radius:18px; }
.wn-segment-intro figcaption { color:#65758c; font-size:11px; margin-top:12px; line-height:1.6; }
.wn-segment-list article { display:flex; gap:24px; padding:26px 0; border-bottom:1px solid var(--wn-line); }
.wn-segment-list article:first-child { padding-top:0; }
.wn-segment-list article>span { color:#7c94b7; padding-top:6px; font-size:12px; }
.wn-segment-list h3 { font-size:22px; margin-bottom:12px; }
.wn-segment-list p { font-size:14px; line-height:1.75; }
.wn-humans { background:#f9f5ed; scroll-margin-top:95px; }
.wn-human-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.why-noxio-page .wn-humans h2 { font-size:clamp(34px,3.6vw,50px); }
.wn-humans h2 em { display:block; color:#71654f; margin-top:9px; }
.wn-humans .wn-actions { margin-top:36px; }
.wn-human-figure>img { width:100%; height:350px; object-fit:cover; border-radius:24px 80px 24px 24px; display:block; }
.wn-support-card { position:relative; margin:-62px -6px 0 22%; padding:24px; border:1px solid #e1ddd1; border-radius:16px; background:#fff; box-shadow:0 16px 34px #5c573614; }
.wn-support-card>p { display:flex; gap:9px; align-items:center; color:var(--navy); font-size:14px; line-height:1.5; }
.wn-support-card>p svg { width:23px; height:23px; color:#738d83; }
.wn-support-card ul { list-style:none; padding:16px 0 0; }
.wn-support-card li { display:flex; align-items:center; gap:9px; padding:7px 0; font-size:11px; color:#526a64; line-height:1.5; }
.wn-support-card li svg { width:18px; height:18px; color:#32816c; }
.wn-support-card small { display:block; margin-top:14px; color:#8b8476; font-size:9px; }
.wn-human-figure figcaption { font-size:10px; color:#756f66; margin:16px 10px 0; line-height:1.65; }
.wn-human-pillars { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; margin-top:65px; padding-top:35px; border-top:1px solid #e4ddcf; }
.wn-human-pillars span { font-size:11px; color:#988974; }
.wn-human-pillars h3 { font-size:17px; margin:14px 0 12px; }
.wn-human-pillars p { font-size:12px; line-height:1.8; }
.why-noxio-page .wn-human-close { font-size:24px; line-height:1.5; letter-spacing:-.025em; color:#655a47; max-width:780px; margin:50px auto 0; text-align:center; }
.wn-origin { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; scroll-margin-top:110px; }
.wn-origin .wn-copy:first-child { margin-top:0!important; }
.why-noxio-page .wn-origin-statement { margin-top:28px; font-size:27px; font-weight:500; line-height:1.35; letter-spacing:-.03em; color:#3470d7; }
.wn-proof { background:#f1f6fc; }
.wn-proof-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.wn-customer { margin-top:28px; display:flex; align-items:center; gap:18px; }
.wn-customer>img { width:70px; height:70px; object-fit:contain; border:1px solid #e0e5ed; background:#fff; border-radius:12px; }
.wn-customer strong { display:block; font-size:14px; }.wn-customer span { display:block; margin-top:7px; font-size:12px; color:#61748c; }
.wn-proof blockquote p { color:var(--navy); font-size:clamp(22px,2.2vw,30px); line-height:1.6; font-weight:400; letter-spacing:-.025em; }
.wn-proof .wn-link { margin-top:22px; }
.wn-recap>h2 { text-align:center; margin-bottom:42px; }
.wn-recap-grid { display:grid; grid-template-columns:1fr 50px 1fr; gap:32px; align-items:center; max-width:1000px; margin:auto; }
.wn-recap-grid>div>span { font-size:10px; letter-spacing:.12em; font-weight:600; color:#836e5f; }
.wn-recap-grid>div:last-child>span { color:#367c65; }
.wn-recap-grid h3 { font-size:24px; margin:16px 0; }
.wn-recap-grid p { font-size:14px; }
.wn-recap-arrow { width:48px; height:48px; border-radius:50%; background:#edf3fc; display:grid; place-items:center; color:#477ad7; }
.wn-pricing { display:flex; justify-content:space-between; align-items:center; gap:45px; border-top:1px solid var(--wn-line); margin-top:65px; padding-top:40px; }
.wn-pricing>div { max-width:680px; }
.wn-pricing h3 { font-size:22px; margin-bottom:12px; }
.wn-pricing p { font-size:14px; }
.wn-pricing>a { flex:none; }
.wn-closing { padding:95px 0; background:#17334e url('/assets/images-footer-mediterranean-dusk.ff8b0feee288907e.webp') center 53%/cover; position:relative; isolation:isolate; }
.wn-closing::before { content:''; inset:0; position:absolute; background:linear-gradient(90deg,#0c2444ef 10%,#0c2444b5 65%,#0c24442e); z-index:-1; }
.wn-closing .wn-wrap { padding-right:28%; }
.why-noxio-page .wn-closing h2 { color:#fff; }
.why-noxio-page .wn-closing .fp-eyebrow { color:#bed5ff; }
.wn-closing p:not(.fp-eyebrow) { color:#edf2fc; font-size:16px; max-width:600px; margin:25px 0 32px; }
.why-noxio-page .wn-closing .fp-button { color:var(--navy); background:#fff; border-color:#fff; }
.wn-closing-link { display:inline-flex; align-items:center; gap:10px; margin-left:26px; min-height:44px; color:white; font-size:13px; text-underline-offset:5px; }
@media(min-width:1100px) and (prefers-reduced-motion:no-preference) {
  .wn-connected-card { animation:wn-settle .65s ease-out both; }
  @keyframes wn-settle { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} }
}
@media(max-width:1100px) {
  .wn-wrap { padding-inline:28px; }.wn-section { padding-block:70px; }
  .wn-hero-grid { grid-template-columns:1fr 1.1fr; gap:26px; }.wn-hero-scene { min-height:475px; }.wn-hero-photo { height:450px; }
  .wn-assurances { flex-wrap:wrap; gap:12px; }.wn-assurances li { max-width:170px; }
  .wn-connected-card { width:54%; padding:15px; }.wn-connected-card>strong { font-size:11px; }.wn-fragments { width:38%; }
  .wn-heading-split,.wn-day-grid,.wn-connected-grid,.wn-outcome-grid,.wn-human-grid,.wn-origin,.wn-proof-grid,.wn-segments { gap:40px; }
  .wn-day-events { column-gap:18px; }.wn-day-events li { grid-template-columns:1fr 22px; }.wn-day-events li>span { grid-column:1/-1; }
  .wn-benefits { gap:20px; }.wn-benefits h3 { font-size:19px; }
  .wn-phase { padding:23px 16px; }.wn-phase-heading h3 { font-size:15px; }.wn-phase-image { height:145px; }.wn-phase-image img { max-height:133px; }
  .wn-module-group { padding:25px; }.wn-module-group h3 { font-size:21px; }
  .wn-support-card { margin-left:10%; padding:20px; }.wn-human-pillars { grid-template-columns:repeat(3,1fr); gap:28px; }
}
@media(max-width:860px) {
  .wn-hero { padding-top:65px; }.wn-hero-grid { grid-template-columns:1fr; gap:35px; }.wn-hero-copy { max-width:660px; }.why-noxio-page .wn-hero h1 { font-size:56px; }.why-noxio-page .wn-hero .fp-lead { max-width:610px; }
  .wn-assurances { flex-wrap:nowrap; }.wn-assurances li { max-width:none; }
  .wn-hero-figure { width:100%; max-width:720px; margin:auto!important; }.wn-hero-scene { min-height:510px; }.wn-hero-photo { height:480px; }
  .wn-connected-card { width:46%; }.wn-connected-card>strong { font-size:13px; }.wn-connected-card span { font-size:12px; }.wn-connected-card small { font-size:10px; }
  .wn-heading-split,.wn-day-grid { grid-template-columns:1fr; gap:25px; }.wn-day-events { grid-template-columns:repeat(4,1fr); gap:15px; }
  .wn-benefits { grid-template-columns:1fr 1fr; row-gap:35px; }.wn-benefits article:nth-child(2) { border:0; }
  .wn-connected-grid { grid-template-columns:1fr; }.wn-calendar-composition { max-width:700px; padding-top:0; }
  .wn-journey-phases { grid-template-columns:1fr; gap:25px; }.wn-phase { display:grid; grid-template-columns:.85fr 1.15fr; column-gap:30px; padding:27px; }.wn-phase-heading { grid-column:1; align-self:start; }.wn-phase-heading h3 { font-size:18px; }.wn-phase-image { grid-column:1; grid-row:2; height:auto; align-self:start; }.wn-phase-image img { height:auto; max-height:none; }.wn-phase ol { grid-column:2; grid-row:1/3; }.wn-phase li p { font-size:13px; }.wn-phase-heading>svg { transform:rotate(90deg); }
  .wn-module-groups { gap:15px; grid-template-columns:1fr 1fr; }.wn-module-1 { margin-top:0; }.wn-module-2 { margin-top:0; grid-column:1/-1; }.wn-module-2 ul { display:grid; grid-template-columns:1fr 1fr; column-gap:30px; }
  .wn-outcome-grid,.wn-human-grid { grid-template-columns:1fr; }.wn-outcome ol { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.wn-outcome li:last-child { grid-column:1/-1; }
  .wn-segments { grid-template-columns:.85fr 1.15fr; gap:35px; }.wn-segment-intro img { height:380px; }.wn-segment-list h3 { font-size:19px; }
  .wn-human-figure { max-width:640px; margin:auto!important; }.wn-human-pillars { margin-top:45px; }
  .wn-origin,.wn-proof-grid { grid-template-columns:1fr; gap:30px; }.wn-origin .wn-copy { max-width:none; }
  .wn-closing .wn-wrap { padding-right:20%; }.wn-closing-link { display:flex; margin:18px 0 0; }
}
@media(max-width:540px) {
  .wn-wrap { padding-inline:20px; }.wn-section { padding-block:54px; }
  .why-noxio-page h2 { font-size:32px; }.wn-copy { font-size:16px; line-height:1.8; margin-top:22px!important; }
  .wn-hero { padding:50px 0 35px; }.why-noxio-page .wn-hero h1 { font-size:43px; }.why-noxio-page .wn-hero .fp-lead { font-size:16px; }.wn-actions { gap:13px 20px; margin-top:25px; }.wn-link { font-size:13px; }
  .wn-assurances { flex-wrap:wrap; gap:13px 19px; margin-top:25px!important; }.wn-assurances li { font-size:10px; align-items:center; }.wn-assurances svg { width:18px; height:18px; }
  .wn-hero-figure { margin-top:6px!important; }.wn-hero-scene { min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; border-radius:65px 15px 15px 15px; }
  .wn-hero-photo { grid-column:1/-1; width:100%; height:auto; aspect-ratio:1.3; object-fit:cover; }
  .wn-scene-labels { top:15px; left:9%; right:5%; }.wn-scene-labels span { font-size:9px; padding:6px 10px; }
  .wn-hero-bridge { top:30%; width:34px; height:34px; }.wn-hero-bridge svg { width:18px; height:18px; }
  .wn-fragments { position:relative; left:auto; bottom:auto; width:100%; align-self:center; padding:0 4px; gap:14px; }.wn-fragment { padding:10px 8px; font-size:9px; max-width:100%; }.wn-fragment:nth-child(2) { margin-left:12px; }.wn-fragment img { max-width:83px; }.wn-fragment svg { width:15px; height:15px; }
  .wn-connected-card { position:relative; right:auto; bottom:auto; width:100%; padding:12px 10px; border-radius:12px; margin-top:-35px; }.wn-connected-card>img { width:23px; height:23px; float:none; margin-bottom:8px; }.wn-connected-card>strong { font-size:11px; margin-bottom:10px; }.wn-connected-card span { font-size:10px; }.wn-connected-card small { font-size:9px; }.wn-connected-card>div { gap:6px; padding:9px 0; }.wn-connected-card>div>svg:first-child { width:14px; height:14px; }.wn-connected-card>div>svg:last-child { display:none; }
  .why-noxio-page .wn-before-caption { position:static; grid-column:1/-1; width:100%; text-align:left; font-size:10px; padding:8px 0 0; }.wn-hero-figure>figcaption { font-size:9px; padding:10px 0 0; }
  .wn-day-grid { gap:25px; }.wn-day-events { grid-template-columns:1fr 1fr; gap:0 20px; }.wn-day-events li { padding:17px 0; font-size:12px; }.why-noxio-page .wn-day-question { font-size:23px; margin-top:30px; text-align:left; }
  .wn-heading-split { margin-bottom:30px; }.wn-benefits { gap:28px 20px; }.wn-benefits article { border:0; padding:0; }.wn-benefits h3 { font-size:18px; margin:17px 0 12px; }.wn-benefits p { font-size:13px; }.wn-icon { width:45px; height:45px; border-radius:14px; }.wn-icon svg { width:24px; height:24px; }
  .wn-calendar-composition { padding-bottom:0; }.wn-stage-note { line-height:1.6; }.wn-calendar-card { position:relative; bottom:auto; right:auto; margin:-5px 0 0 12px; max-width:100%; padding:14px; transform:none; }.why-noxio-page .wn-calendar-composition figcaption { margin:13px 4px 18px; }.wn-calendar-card strong { font-size:12px; }.wn-calendar-card span { line-height:1.5; }.wn-calendar-card>svg { width:18px; height:18px; }.wn-calendar-card>img { width:25px; height:25px; }
  .wn-phase { display:block; padding:23px 20px; }.wn-phase-heading h3 { font-size:17px; }.wn-phase-image { height:auto; margin-bottom:25px; }.wn-phase-image img { height:auto; }.wn-phase li p { font-size:13px; }.wn-step-status { font-size:10px; }
  .wn-module-groups { grid-template-columns:1fr; gap:18px; margin-top:30px; }.wn-module-2 { grid-column:auto; }.wn-module-2 ul { display:block; }.wn-module-group { padding:25px; }.wn-module-group h3 { font-size:24px; }.wn-module-group>p { font-size:14px; }.wn-module-group a strong { font-size:14px; }.wn-module-group a small { font-size:11px; }
  .why-noxio-page .wn-outcome h2 { font-size:38px; }.wn-outcome ol { display:block; }.wn-outcome li { gap:18px; }.wn-outcome li p { font-size:14px; }
  .wn-segments { grid-template-columns:1fr; gap:32px; }.wn-segment-intro img { height:245px; }.wn-segment-list h3 { font-size:22px; }.wn-segment-list article { gap:20px; padding:23px 0; }
  .why-noxio-page .wn-humans h2 { font-size:34px; }.wn-human-figure>img { height:250px; border-radius:18px 60px 18px 18px; }.wn-support-card { margin:-25px 0 0 12px; padding:20px; }.wn-support-card li { font-size:12px; }.wn-human-pillars { grid-template-columns:1fr; gap:24px; padding-top:30px; }.wn-human-pillars article { display:grid; grid-template-columns:25px 1fr; column-gap:12px; }.wn-human-pillars h3 { margin:0 0 10px; font-size:19px; }.wn-human-pillars span { padding-top:4px; }.wn-human-pillars p { grid-column:2; font-size:14px; }.why-noxio-page .wn-human-close { font-size:25px; margin-top:35px; text-align:left; }
  .wn-origin-statement { font-size:25px; }.wn-proof-grid { gap:35px; }.wn-proof blockquote p { font-size:23px; }.wn-customer { gap:15px; }.wn-customer>img { width:60px; height:60px; }
  .wn-recap>h2 { text-align:left; margin-bottom:30px; }.wn-recap-grid { grid-template-columns:1fr; gap:23px; }.wn-recap-arrow { transform:rotate(90deg); width:40px; height:40px; }.wn-recap-grid h3 { font-size:24px; }
  .wn-pricing { margin-top:42px; padding-top:32px; display:block; }.wn-pricing .fp-button { margin-top:24px; }.wn-pricing h3 { font-size:24px; }
  .wn-closing { padding-block:65px; background-position:65% center; }.wn-closing .wn-wrap { padding-right:20px; }.wn-closing::before { background:#102342d1; }.wn-closing p:not(.fp-eyebrow) { font-size:15px; }
}
@media(max-width:350px) {
  .why-noxio-page .wn-hero h1 { font-size:38px; }.wn-wrap { padding-inline:18px; }.wn-benefits { grid-template-columns:1fr; }.wn-benefits article { display:grid; grid-template-columns:45px 1fr; gap:0 16px; }.wn-benefits h3 { margin:0 0 10px; }.wn-benefits p { grid-column:2; }.wn-assurances { gap:10px; }.wn-connected-card { padding:10px 8px; }.wn-connected-card>strong { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .why-noxio-page *, .why-noxio-page *::before, .why-noxio-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}