/* INOOWA Draw 02C · four background-image Welcome carousel.
 * All text, logo, navigation, CTAs and progress are live HTML, not image pixels.
 * Scoped exclusively to #welcome-v3, preserving original 02 / 02B layouts.
 */
#welcome-v3.w3-welcome{background:#10143d;overflow:hidden;color:#fff}
#welcome-v3 .w3-story{position:absolute;inset:0;isolation:isolate;overflow:hidden}
#welcome-v3 .w3-backdrops{position:absolute;inset:0;z-index:0;pointer-events:none}
#welcome-v3 .w3-background{position:absolute;inset:0;opacity:0;transition:opacity 900ms ease-in-out;will-change:opacity}
#welcome-v3 .w3-background.is-current{opacity:1}
#welcome-v3 .w3-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
#welcome-v3 .w3-legibility{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,41,.18) 0%,rgba(5,10,40,.11) 36%,rgba(5,10,40,0) 61%),linear-gradient(0deg,rgba(7,11,34,.28),transparent 19%)}
#welcome-v3 .w3-brand-header{position:absolute;top:0;left:0;right:0;z-index:6}
#welcome-v3 .w3-brand-header .header-hint{font-size:14px;letter-spacing:.12em;color:#e6eafb}
#welcome-v3 .w3-copy-zone{position:absolute;z-index:4;top:228px;left:77px;width:558px;min-height:367px}
#welcome-v3 .w3-copy{position:absolute;inset:0;opacity:0;transform:translateY(13px);pointer-events:none;transition:opacity 540ms ease,transform 700ms ease}
#welcome-v3 .w3-copy.is-current{opacity:1;transform:translateY(0);pointer-events:auto}
#welcome-v3 .w3-copy .eyebrow{font-weight:800;font-size:14px;letter-spacing:.15em;color:#a9daff;margin:0 0 32px;text-shadow:0 2px 12px #060d30}
#welcome-v3 .w3-copy h1{max-width:565px;margin:0;font-size:65px;line-height:1.055;letter-spacing:-.04em;font-weight:830;color:#fff;text-shadow:0 5px 24px #060e39a6}
#welcome-v3 .w3-copy h1 em{font-style:normal;color:#8deaf5;text-shadow:0 6px 28px #0715417c}
#welcome-v3 .w3-copy p{margin:26px 0 0;max-width:513px;font-size:23px;font-weight:480;line-height:1.42;color:#edf4ff;text-shadow:0 3px 16px #060b2fc2}
#welcome-v3 .w3-actions{position:absolute;z-index:5;left:76px;top:681px;width:510px;display:flex;flex-direction:column;align-items:flex-start}
#welcome-v3 .w3-primary{height:69px;min-width:388px;padding:0 24px 0 28px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:var(--inoowa-radius-button-primary,19px);background:var(--inoowa-gradient-primary,linear-gradient(95deg,#51e1ed 0%,#57bcef 54%,#9a85ed 100%));color:var(--inoowa-color-semantic-text-on-primary,#08284b);box-shadow:0 15px 37px #070f3a7a,0 0 23px #62c7ff45;font-size:21px;font-weight:850;cursor:pointer;transition:transform .18s ease,filter .18s ease}
#welcome-v3 .w3-primary span{font-size:27px;margin-left:18px}
#welcome-v3 .w3-primary:hover{transform:translateY(-2px);filter:brightness(1.09)}
#welcome-v3 .w3-skip{border:0;background:none;color:#e6ebfb;font-size:18px;font-weight:650;text-align:left;padding:13px 4px 7px;cursor:pointer;text-shadow:0 2px 11px #06143d}
#welcome-v3 .w3-skip:hover{text-decoration:underline;text-underline-offset:6px;color:#fff}
#welcome-v3 .w3-skip span{margin-left:7px}
#welcome-v3 .w3-assurance{margin:12px 0 0;font-size:13px;max-width:475px;color:#cad8f0;line-height:1.48;text-shadow:0 2px 11px #061234}
#welcome-v3 .w3-bottom{position:absolute;z-index:6;left:76px;right:70px;bottom:36px;min-height:44px;display:flex;justify-content:space-between;align-items:center}
#welcome-v3 .w3-progress{display:flex;gap:11px;align-items:center}
#welcome-v3 .w3-step{height:26px;width:55px;display:flex;align-items:center;padding:6px 0;border:0;background:transparent;cursor:pointer}
#welcome-v3 .w3-step span{height:6px;width:100%;display:block;background:rgba(219,230,255,.39);border-radius:6px;overflow:hidden;position:relative;box-shadow:0 2px 9px #06113656}
#welcome-v3 .w3-step span:after{content:'';position:absolute;inset:0;background:#85f0fa;transform-origin:left;transform:scaleX(0)}
#welcome-v3 .w3-step.is-current span{background:rgba(215,229,255,.52)}
#welcome-v3 .w3-step.is-current span:after{transform:scaleX(1)}
#welcome-v3.active[data-w3-autoplay="true"] .w3-step.is-current:not([data-w3-target="3"]) span:after{animation:w3-progress-fill 4200ms linear both}
#welcome-v3 .w3-step.is-complete span:after{transform:scaleX(1)}
#welcome-v3 .w3-step:hover span{background:rgba(236,245,255,.85)}
#welcome-v3 .w3-navigation{display:flex;align-items:center;gap:18px;color:#f5f8ff}
#welcome-v3 .w3-navigation button{width:41px;height:41px;border:1px solid #c4daed80;background:#13235075;color:#fff;border-radius:50%;font-size:29px;line-height:30px;display:grid;place-items:center;cursor:pointer}
#welcome-v3 .w3-navigation button:hover:not(:disabled){background:#254876b3;border-color:#dafbff}
#welcome-v3 .w3-navigation button:disabled{opacity:.35;cursor:default}
#welcome-v3 .w3-page-count{font-size:14px;letter-spacing:.08em;font-weight:800;min-width:65px;text-align:center;color:#f5f8ff;text-shadow:0 2px 12px #040f32}
#welcome-v3 button:focus-visible{outline:3px solid #b0f5ff;outline-offset:4px}
@keyframes w3-progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
 #welcome-v3 .w3-background,#welcome-v3 .w3-copy,#welcome-v3 .w3-primary,#welcome-v3 .w3-step span:after{transition:none!important;animation:none!important}
}


/* 02C review: make the header intentional, not pinned to iPad corners.
 * Keep both original Welcome actions; See How It Works restarts the 4-frame story. */
#welcome-v3 .w3-brand-header{
 top:33px;left:77px;right:76px;height:72px;
 display:flex;align-items:center;justify-content:space-between;
}
#welcome-v3 .w3-brand-header .brand{gap:10px}
#welcome-v3 .w3-brand-header .brand img{width:184px}
#welcome-v3 .w3-brand-header .header-hint{
 font-size:12px;letter-spacing:.11em;line-height:1.3;
 padding:12px 17px;border-radius:30px;
 background:rgba(10,28,70,.45);border:1px solid rgba(207,226,255,.20);
 backdrop-filter:blur(8px);white-space:nowrap
}
#welcome-v3 .w3-skip{
 display:flex;align-items:center;gap:11px;
 min-width:289px;min-height:57px;padding:0 19px;
 margin-top:13px;border:1.5px solid rgba(168,230,250,.75);
 border-radius:17px;background:linear-gradient(120deg,rgba(29,55,102,.75),rgba(45,42,107,.58));
 box-shadow:0 10px 26px rgba(7,12,40,.32),inset 0 1px rgba(255,255,255,.15);
 backdrop-filter:blur(9px);font-size:17px;font-weight:780;
 color:#f2fbff;text-decoration:none;transition:background .2s,transform .2s
}
#welcome-v3 .w3-skip:hover{
 background:linear-gradient(120deg,rgba(47,91,149,.9),rgba(68,58,138,.82));
 text-decoration:none;transform:translateY(-1px)
}
#welcome-v3 .w3-skip span{margin:0;font-size:15px;color:#8feaf2}
#welcome-v3 .w3-assurance{margin-top:11px}