/* BORDERLESS / EXPERIENCE 03 — a cinematic, tactile journey. */
:root{--xp-ink:#0c1e2f;--xp-deep:#10283d;--xp-amber:#ffa668;--xp-aqua:#9cf0d5}
.role-section{background:linear-gradient(170deg,#e8efee,#f6efe5 55%,#f2f4f0);position:relative;overflow:hidden}
.role-section>.container{max-width:1420px}
.role-section:before{content:"";position:absolute;top:130px;left:-240px;width:600px;height:600px;border-radius:50%;background:#c1e2d540;filter:blur(85px);pointer-events:none}
.role-section .section-title{font-size:clamp(43px,5vw,69px)}
.role-section .section-lead{font-size:16px}
.xp-kicker{display:flex;align-items:center;gap:10px;justify-content:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#a76e45;font-weight:900}
.xp-kicker:before,.xp-kicker:after{content:"";height:1px;width:33px;background:#bc8f6d}
.xp-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:44px}
.xp-role-card{position:relative;cursor:pointer;text-align:left;border:1px solid #dce5e2;background:#fff;border-radius:25px;overflow:hidden;min-height:340px;color:#193247;display:flex;flex-direction:column;padding:0;isolation:isolate;box-shadow:0 12px 35px #17374d0b;transition:transform .45s cubic-bezier(.18,.8,.24,1),box-shadow .45s,border-color .45s}
.xp-role-card:hover{transform:translateY(-9px);box-shadow:0 28px 60px #163a4b24}
.xp-role-card[aria-pressed=true]{border:2px solid #eb9b64;box-shadow:0 22px 50px #c77c493d;transform:translateY(-5px)}
.xp-role-scene{height:177px;background:linear-gradient(145deg,#102c41,#225a66);position:relative;display:grid;place-items:center;overflow:hidden}
.xp-role-card:nth-child(2) .xp-role-scene{background:linear-gradient(145deg,#162d40,#364966)}
.xp-role-card:nth-child(3) .xp-role-scene{background:linear-gradient(145deg,#12404f,#1e6474)}
.xp-role-scene:before{content:"";position:absolute;inset:-130px 5% auto auto;width:310px;height:310px;border:1px solid #ffffff23;border-radius:50%;animation:xp-spin 40s linear infinite}
.xp-role-scene:after{content:"";position:absolute;bottom:-140px;left:calc(50% - 110px);width:220px;height:220px;background:radial-gradient(#f9b18352,transparent 65%);filter:blur(9px)}
.xp-role-scene svg{height:155px;width:min(280px,85%);position:relative;z-index:1;overflow:visible;filter:drop-shadow(0 12px 20px #030f1e66);transition:transform .55s cubic-bezier(.18,.8,.25,1)}
.xp-role-card:hover .xp-role-scene svg,.xp-role-card[aria-pressed=true] .xp-role-scene svg{transform:translateY(-5px) scale(1.07)}
.xp-role-scene .xp-sheen{animation:xp-breathe 4s ease-in-out infinite;transform-origin:center}
.xp-role-label{padding:23px 25px 24px;flex:1;display:flex;flex-direction:column;gap:7px}
.xp-role-label .overline{font-size:10px;color:#bc7a4b;font-weight:900;letter-spacing:1.6px}
.xp-role-label h3{font-size:25px;letter-spacing:-.9px;line-height:1.15;margin:0}
.xp-role-label p{font-size:13px;color:#718493;line-height:1.6;margin:2px 0 11px}
.xp-role-label .action{font-size:12px;font-weight:850;color:#b9723e;display:flex;align-items:center;gap:8px;margin-top:auto}
.xp-role-number{position:absolute;top:16px;left:18px;z-index:2;color:#fff;font-weight:800;font-size:10px;letter-spacing:1.5px;opacity:.7}
.xp-role-selected{position:absolute;top:16px;right:18px;z-index:2;color:#173347;background:#ffb77b;border-radius:24px;padding:7px 9px;font-size:10px;font-weight:900;transform:translateY(-52px);transition:transform .35s}
.xp-role-card[aria-pressed=true] .xp-role-selected{transform:translateY(0)}
.xp-join-surface{margin-top:23px;border-radius:27px;border:1px solid #dbe5e2;overflow:hidden;background:white;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);box-shadow:0 35px 80px #1c465225;position:relative}
.xp-join-surface>.journey-form{display:contents}
.xp-join-surface .journey-left{order:1;padding:37px clamp(22px,3.5vw,47px);min-width:0}
.xp-join-surface .journey-right{order:2;padding:0;min-width:0;background:radial-gradient(ellipse 86% 72% at 55% 37%,#27586c,#122c43 65%,#0a1c30);border-radius:0;color:#fff;overflow:hidden}
.xp-join-surface .journey-right:before{display:none}
.xp-join-surface .progress-label{margin-bottom:14px;gap:20px}
.xp-join-surface .progress-label b{font-size:24px;letter-spacing:-.7px}
.xp-join-surface .progress-label span{font-size:10px;letter-spacing:1px;color:#9a7c64}
.xp-progress-rail{height:5px;border-radius:20px;background:#e7edeb;overflow:hidden;margin-bottom:27px}
.xp-progress-rail>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ef8e52,#f4c49d);border-radius:20px;transition:width .65s cubic-bezier(.16,.86,.2,1)}
.xp-step-intro{font-size:11px;font-weight:850;letter-spacing:1.6px;color:#b57442;text-transform:uppercase;margin:2px 0 18px}
.xp-wizard .prompt{display:none;margin:0 0 20px;animation:xp-step-entry .48s cubic-bezier(.16,1,.3,1) both}
.xp-wizard .prompt.xp-visible{display:block}
.xp-wizard .prompt-title{font-size:clamp(19px,2vw,26px);letter-spacing:-.6px;line-height:1.35;display:block;margin-bottom:22px}
.xp-wizard .prompt-num{display:inline-flex;vertical-align:middle;margin-right:10px;border-radius:7px;height:28px;width:28px}
.xp-wizard .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xp-wizard .choice{min-height:64px;border:1px solid #dce5e6;background:#fbfcfb;color:#31495c;border-radius:15px;font-size:13px;font-weight:770;text-align:left;padding:15px 15px;position:relative;box-shadow:0 4px 0 transparent;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;justify-content:flex-start;line-height:1.45}
.xp-wizard .choice:before{width:19px;height:19px;flex:0 0 19px;border:1.5px solid #9bafb8;border-radius:6px;background:#fff;transition:.2s}
.xp-wizard .prompt[data-type=single] .choice:before{border-radius:50%}
.xp-wizard .choice:hover{transform:translateY(-4px);background:#fff;border-color:#d9915b;box-shadow:0 12px 20px #c6825324}
.xp-wizard .choice[aria-pressed=true]{background:#fff3e9;border-color:#d9894f;color:#7a482b;box-shadow:0 9px 25px #d98a4c26;transform:translateY(-3px)}
.xp-wizard .choice[aria-pressed=true]:before{background:#df9360;border-color:#df9360;box-shadow:inset 0 0 0 4px #fff}
.xp-wizard .other-wrap{margin:14px 0 2px;padding:12px;border-radius:12px;background:#fff7f0;animation:xp-step-entry .4s ease both}
.xp-wizard .other-wrap[hidden]{display:none}
.xp-wizard .other-input{min-height:49px}
.xp-wizard .prompt-help{font-size:12px;margin-top:15px}
.xp-wizard .contact-fields,.xp-wizard .consent,.xp-wizard .contact-actions,.xp-wizard .form-status{display:none}
.xp-wizard.xp-contact .contact-fields{display:grid;animation:xp-step-entry .45s ease both}
.xp-wizard.xp-contact .consent{display:flex}
.xp-wizard.xp-contact .contact-actions{display:flex}
.xp-wizard.xp-contact .form-status{display:block}
.xp-step-nav{display:flex;gap:11px;align-items:center;margin-top:20px}
.xp-step-nav button{border:1px solid #d8e3e3;border-radius:12px;padding:12px 17px;background:#fff;color:#294358;font-weight:850;font-size:12px;transition:transform .2s,background .2s}
.xp-step-nav button:hover:not(:disabled){transform:translateY(-2px)}
.xp-step-nav .xp-next{margin-left:auto;background:#122d42;border-color:#122d42;color:#fff;min-width:126px}
.xp-step-nav button:disabled{opacity:.35}
.xp-optional{font-size:11px;color:#95a5af;margin:12px 0}
.xp-right-top{padding:28px 32px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:5}
.xp-right-top strong{color:#ffb982;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}
.xp-right-top .xp-badge{border:1px solid #8ccbbb66;border-radius:24px;padding:7px 11px;color:#a4dfc8;font-size:10px;font-weight:800}
.xp-stage-view{height:330px;display:flex;justify-content:center;align-items:center;position:relative;margin:5px 20px 0;overflow:hidden;isolation:isolate}
.xp-stage-view:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px dashed #ffffff26;animation:xp-spin 38s linear infinite}
.xp-stage-view:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid #ffffff15}
.xp-art{position:relative;z-index:3;width:100%;max-width:430px;animation:xp-art-entry .7s cubic-bezier(.17,.84,.24,1) both;will-change:transform,opacity}
.xp-art svg{width:100%;max-height:315px;overflow:visible;filter:drop-shadow(0 18px 30px #010b1877)}
.xp-art .xp-pulse{animation:xp-breathe 2.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.xp-art .xp-rise{animation:xp-rise 3.8s ease-in-out infinite}
.xp-art .xp-progress-path{stroke-dasharray:12 10;animation:xp-dash 11s linear infinite}
.xp-art .xp-conveyor{animation:xp-slide 2.6s linear infinite}
.xp-stage-label{text-align:center;position:relative;z-index:3;padding:0 34px}
.xp-stage-label .eyebrow{color:#f2af7f}
.xp-stage-label h3{font-size:clamp(23px,2.5vw,31px);line-height:1.2;letter-spacing:-1px;margin:10px 0}
.xp-stage-label p{font-size:12px;line-height:1.7;color:#b6cbd5;margin:0 auto 22px;max-width:370px;min-height:40px}
.xp-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:8px 25px 12px;position:relative;z-index:3}
.xp-timeline button{display:grid;justify-items:center;gap:10px;border:0;background:none;color:#8ba9b7;font-size:10px;text-align:center;padding:0;cursor:pointer;min-width:0}
.xp-timeline button .xp-track{width:100%;height:5px;border-radius:100px;background:#385367;overflow:hidden}
.xp-timeline button .xp-track i{height:100%;width:0;display:block;background:linear-gradient(90deg,#f7af70,#a9ead5);border-radius:20px;transition:width .7s}
.xp-timeline button.is-current,.xp-timeline button.is-passed{color:#fff}
.xp-timeline button.is-passed .xp-track i,.xp-timeline button.is-current .xp-track i{width:100%}
.xp-timeline button.is-current{font-weight:850}
.xp-summary-title{font-size:10px;letter-spacing:1px;font-weight:850;color:#ffb887;margin:19px 32px 0}
.xp-right-summary{margin:11px 32px 22px;padding-top:13px;border-top:1px solid #ffffff2c}
.xp-right-summary ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}
.xp-right-summary li{border:1px solid #ffffff19;border-radius:9px;padding:10px 11px;font-size:10px;display:grid;gap:7px;min-width:0}
.xp-right-summary li span{color:#91b1c1;font-size:10px}
.xp-right-summary li strong{font-size:11px;color:#e3f1f3;overflow-wrap:anywhere;text-align:left;max-width:none}
.xp-watch{display:block;margin:8px auto 19px;border:1px solid #79abb46b;background:#ffffff10;color:#d4eced;border-radius:30px;padding:10px 16px;font-weight:750;font-size:11px;position:relative;z-index:5}
.xp-watch:hover{background:#ffffff20}
.xp-disclaimer{font-size:10px!important;color:#8aa7b7!important;text-align:center;padding:0 23px 12px}
.xp-help-inline{text-align:center;color:#8e9ca2;font-size:12px;line-height:1.6;margin-top:14px}
.xp-join-surface .journey-right h3,.xp-join-surface .journey-right>p,.xp-join-surface .journey-right>ul,.xp-join-surface .journey-right>.eyebrow{display:none}
@keyframes xp-spin{to{transform:rotate(360deg)}}@keyframes xp-art-entry{from{opacity:0;transform:translateY(25px) scale(.88) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes xp-step-entry{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes xp-breathe{50%{opacity:.65;transform:scale(1.13)}}@keyframes xp-rise{50%{transform:translateY(-11px)}}@keyframes xp-slide{to{transform:translateX(16px)}}@keyframes xp-dash{to{stroke-dashoffset:-220}}
@media(max-width:1130px){.xp-join-surface{grid-template-columns:1fr 1fr}.xp-join-surface .journey-left{padding:30px}.xp-role-label h3{font-size:22px}.xp-role-scene{height:160px}}
@media(max-width:850px){.xp-join-surface{grid-template-columns:1fr}.xp-join-surface .journey-left{order:2}.xp-join-surface .journey-right{order:1}.xp-stage-view{height:265px}.xp-stage-view svg{max-height:265px}.xp-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-role-card{min-height:285px}.xp-role-scene{height:120px}.xp-role-scene svg{height:112px}.xp-role-label{padding:18px}.xp-role-label h3{font-size:18px}.xp-role-label p{font-size:11px}.xp-role-label .action{font-size:10px}}
@media(max-width:620px){.xp-role-grid{grid-template-columns:1fr;gap:11px;margin-top:26px}.xp-role-card{min-height:0;display:grid;grid-template-columns:120px 1fr;border-radius:17px}.xp-role-scene{height:154px;grid-row:1}.xp-role-scene svg{height:115px;width:130px}.xp-role-label{padding:15px;gap:7px}.xp-role-label h3{font-size:20px}.xp-role-label p{font-size:11px;margin:0}.xp-role-label .action{margin-top:3px}.xp-role-number{left:8px;top:9px}.xp-role-selected{right:7px;top:7px}.xp-join-surface{margin-top:14px;border-radius:19px}.xp-join-surface .journey-left{padding:24px 20px}.xp-join-surface .journey-right{padding-bottom:0}.xp-role-card[aria-pressed=true]{transform:none}.xp-role-card:hover{transform:none}.xp-wizard .choices{gap:8px}.xp-wizard .choice{padding:12px;font-size:12px;min-height:57px}.xp-right-top{padding:21px 20px 0}.xp-stage-view{height:210px;margin:0 10px}.xp-stage-view svg{max-height:210px}.xp-stage-label h3{font-size:23px}.xp-stage-label p{font-size:11px;margin-bottom:14px;min-height:0}.xp-timeline{margin:0 13px 7px}.xp-timeline button{font-size:8px}.xp-summary-title{margin:9px 22px 0}.xp-right-summary{margin:9px 22px 13px}.xp-right-summary li{padding:8px}.xp-watch{margin:9px auto 12px}.xp-progress-rail{margin-bottom:20px}.xp-wizard .prompt-title{font-size:21px}.xp-step-nav{margin-top:16px}.xp-help-inline{margin-bottom:0}}
@media(max-width:360px){.xp-wizard .choices{grid-template-columns:1fr}.xp-role-card{grid-template-columns:90px 1fr}.xp-role-scene{height:158px}}
@media(prefers-reduced-motion:reduce){.xp-role-scene:before,.xp-role-scene .xp-sheen,.xp-art,.xp-art *, .xp-stage-view:before,.xp-wizard .prompt{animation:none!important;transition:none!important}}

/* STUDIO 04 — dark cinematic role experience */
.role-section{background:radial-gradient(ellipse 48% 45% at 10% 16%,#204d664f,transparent 80%),radial-gradient(ellipse 62% 42% at 94% 26%,#83543a24,transparent 75%),linear-gradient(160deg,#071b2d 0%,#0d283a 54%,#071827 100%);color:#f5f8f7}
.role-section:before{top:0;left:auto;right:-180px;background:#ffb87518;filter:blur(110px)}
.role-section .xp-kicker{color:#e8a673}
.role-section .section-title{font-size:clamp(42px,5.5vw,75px);font-weight:780;letter-spacing:-3.3px}
.role-section .section-title em{color:#ffbb8b}
.role-section .section-lead{color:#a9c0cf;max-width:660px}
.role-section .xp-role-grid{gap:17px;margin-top:49px}
.role-section .xp-role-card{border:1px solid #6689a255;background:linear-gradient(158deg,#1d4255,#0e2a40 53%,#0b2337);box-shadow:0 18px 50px #01101c65;color:white;border-radius:25px;min-height:405px}
.role-section .xp-role-card:nth-child(2){background:linear-gradient(158deg,#273c60,#122c47 53%,#0e243f)}
.role-section .xp-role-card:nth-child(3){background:linear-gradient(158deg,#3a395e,#1d2e4b 53%,#102639)}
.role-section .xp-role-card:hover{transform:translateY(-10px);box-shadow:0 30px 75px #00000078;border-color:#ecc09e99}
.role-section .xp-role-card[aria-pressed=true]{transform:translateY(-7px);border:2px solid #ffbe89;box-shadow:0 0 0 5px #e7a57217,0 31px 75px #0008}
.role-section .xp-role-card[aria-pressed=true]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.18;background:linear-gradient(130deg,transparent 35%,#ffdaa0 55%,transparent 70%);background-size:230% 230%;animation:arc-shimmer 4.5s ease-in-out infinite}
.role-section .xp-role-scene{height:240px;background:radial-gradient(ellipse 48% 62% at 50% 53%,#41809699,transparent 100%);border-bottom:1px solid #ffffff21}
.role-section .xp-role-card:nth-child(2) .xp-role-scene{background:radial-gradient(ellipse 52% 62% at 50% 53%,#7191b35a,transparent 100%)}
.role-section .xp-role-card:nth-child(3) .xp-role-scene{background:radial-gradient(ellipse 52% 62% at 50% 53%,#9a8ddd66,transparent 100%)}
.role-section .xp-role-scene:before{top:8px;right:calc(50% - 95px);height:190px;width:190px;border-color:#ffffff3b}
.role-section .xp-role-scene svg{height:240px;width:auto;max-width:100%;filter:drop-shadow(0 17px 22px #0008);animation:arc-float 5.5s ease-in-out infinite}
.role-section .xp-role-label{padding:24px 26px 30px}
.role-section .xp-role-label .overline{color:#f8ae81}
.role-section .xp-role-label h3{font-size:30px;color:#fff;margin-top:3px}
.role-section .xp-role-label p{font-size:13px;color:#a8c0ce}
.role-section .xp-role-label .action{font-size:12px;color:#ffbd89}
.role-section .xp-role-number{font-size:11px;color:#cde3e7}
.role-section .xp-role-selected{z-index:5;background:#f5b983}
.role-section .xp-join-surface{margin-top:29px;border:1px solid #668b9959;background:#fff;border-radius:28px;box-shadow:0 40px 90px #030f1b95}
.role-section .xp-join-surface .journey-left{background:linear-gradient(140deg,#fff,#f8faf9);color:#243749}
.role-section .xp-join-surface .journey-right{background:radial-gradient(ellipse 60% 60% at 36% 24%,#315f75,#122d44 65%,#071b2e)}
.role-section .xp-join-surface .progress-label b{font-size:25px}
.role-section .xp-progress-rail{height:8px;background:#e7edeb}
.role-section .xp-progress-rail>span{background:linear-gradient(90deg,#e48d5c,#f6b981,#74b9ae);box-shadow:0 0 15px #f7b68877}
.role-section .xp-wizard .choices{gap:11px}
.role-section .xp-wizard .choice{min-height:78px;border-radius:17px;border:1px solid #dce6e6;background:linear-gradient(135deg,#fff,#f6f9f8);box-shadow:0 8px 20px #1d46620c;padding:18px 17px;font-size:14px;font-weight:770;position:relative;overflow:hidden}
.role-section .xp-wizard .choice:after{content:"↗";position:absolute;top:13px;right:14px;color:#9daeb8;font-size:12px;transition:transform .24s,color .24s}
.role-section .xp-wizard .choice:hover:after{transform:translate(3px,-3px);color:#c77943}
.role-section .xp-wizard .choice[aria-pressed=true]{background:linear-gradient(135deg,#ffefd9,#fff9ee 75%);border:2px solid #e7a168;box-shadow:0 13px 25px #c38a6035}
.role-section .xp-wizard .choice[aria-pressed=true]:after{content:"✓";color:#bf7645;transform:none;font-size:16px;top:11px}
.role-section .xp-step-nav button{min-height:47px}
.role-section .xp-step-nav .xp-next{background:linear-gradient(100deg,#17394e,#234e5e);border-color:#17394e;color:#fff;border-radius:12px;box-shadow:0 10px 20px #214a6c21}
.role-section .xp-step-nav .xp-next:hover{background:#28586c}
.role-section .xp-right-top strong{color:#ffbd91}
.role-section .xp-right-top .xp-badge{background:#ffffff11;color:#bfedde;border:1px solid #9ae8cc77}
.role-section .xp-stage-view{height:370px;margin:0 12px}
.role-section .xp-stage-view:before{width:355px;height:355px;animation-duration:38s}
.role-section .xp-art{max-width:530px}
.role-section .xp-art svg{max-height:345px;filter:drop-shadow(0 26px 42px #02122470)}
.role-section .xp-stage-label h3{font-size:clamp(25px,3vw,39px);letter-spacing:-1.5px}
.role-section .xp-stage-label .eyebrow{letter-spacing:1.8px;font-size:11px}
.role-section .xp-stage-label p{font-size:13px;line-height:1.7;max-width:380px}
.arc-character{animation:arc-float 5s ease-in-out infinite;transform-origin:110px 155px}
.arc-cape{animation:arc-cape 4s ease-in-out infinite;transform-origin:100px 118px;transform-box:fill-box}
.arc-prop{animation:arc-prop 4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.arc-spark,.arc-aura{animation:xp-breathe 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.arc-secondary{animation:arc-secondary 4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.arc-orbit{stroke-dasharray:8 8;animation:xp-dash 12s linear infinite}
.role-section .xp-art svg{animation:arc-hero-arrive .75s cubic-bezier(.16,1,.3,1) both}
.role-section .xp-timeline button.is-current{color:#ffca9a}
.role-section .xp-timeline button .xp-track{height:6px;background:#426174}
.role-section .xp-timeline button.is-current .xp-track i{background:linear-gradient(90deg,#ffc186,#a6f0d8)}
.role-section .xp-timeline button.is-passed .xp-track i{background:#8bd6c0}
.role-section .xp-right-summary li{background:#ffffff08;border-radius:11px}
.role-section .xp-watch{background:#214959a8}
@keyframes arc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes arc-cape{0%,100%{transform:skewX(0deg)}50%{transform:skewX(3.5deg)}}
@keyframes arc-prop{50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes arc-secondary{50%{opacity:.78;transform:translateY(-5px)}}
@keyframes arc-hero-arrive{from{opacity:0;transform:translateY(30px) scale(.85);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes arc-shimmer{0%,100%{background-position:190% 100%}50%{background-position:15% 15%}}
@media(max-width:890px){
 .role-section .xp-role-card{min-height:300px}.role-section .xp-role-scene{height:175px}
 .role-section .xp-role-scene svg{height:175px}.role-section .xp-role-label{padding:17px}
 .role-section .xp-role-label h3{font-size:22px}
 .role-section .xp-stage-view{height:305px}.role-section .xp-art svg{max-height:290px}
}
@media(max-width:620px){
 .role-section .section-title{font-size:clamp(36px,10vw,50px);letter-spacing:-2px}
 .role-section .xp-role-card{min-height:168px;grid-template-columns:125px 1fr}
 .role-section .xp-role-scene{height:168px}
 .role-section .xp-role-scene svg{height:170px}
 .role-section .xp-role-label{padding:20px 14px 16px}
 .role-section .xp-role-label h3{font-size:23px}
 .role-section .xp-role-label p{font-size:11px}
 .role-section .xp-role-card[aria-pressed=true]{transform:none}
 .role-section .xp-role-card:hover{transform:none}
 .role-section .xp-join-surface .journey-right{padding-bottom:0}
 .role-section .xp-stage-view{height:270px}
 .role-section .xp-stage-view:before{width:275px;height:275px}
 .role-section .xp-art svg{max-height:268px}
 .role-section .xp-wizard .choice{min-height:71px;padding:13px;font-size:12px}
 .role-section .xp-wizard .choice:after{right:8px;top:8px}
 .role-section .xp-role-label .overline{font-size:9px}
 .role-section .xp-stage-label h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.arc-character,.arc-cape,.arc-prop,.arc-spark,.arc-aura,.arc-secondary,.arc-orbit,.role-section .xp-role-scene svg,.role-section .xp-art svg{animation:none!important}}

.xp-mobile-guide{display:none}
@media(max-width:720px){
.xp-mobile-guide{display:flex;align-items:center;gap:14px;min-height:107px;background:radial-gradient(ellipse at 20% 30%,#38657d,#142b43);border:1px solid #678da15c;color:#fff;padding:8px 14px 8px 5px;border-radius:15px;margin:0 0 22px;overflow:hidden;box-shadow:0 9px 24px #243e5630}
.xp-mobile-portrait{height:97px;width:78px;min-width:78px;display:grid;place-items:center;overflow:hidden}
.xp-mobile-portrait svg{height:114px;width:85px;overflow:visible;animation:arc-hero-arrive .55s cubic-bezier(.16,1,.3,1) both}
.xp-mobile-guide b{font-size:13px;letter-spacing:.3px;display:block;margin:5px 0}
.xp-mobile-guide span:not(.xp-mobile-flag){color:#bfd1df;line-height:1.4;font-size:10px;display:block}
.xp-mobile-flag{font-size:9px;letter-spacing:1.1px;color:#ffbe8a;font-weight:850}
.role-section .xp-wizard .choice:active{transform:scale(.97)}
}

/* Interactive feasibility passport and capabilities. */
.arc-verify{background:linear-gradient(140deg,#e8f0ee,#f8f4ee);overflow:hidden}
.arc-verify-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.arc-verify-steps{display:grid;gap:9px;margin-top:36px}
.arc-verify-steps button{border:1px solid #d4e1df;background:#ffffffb8;color:#263d4c;display:grid;grid-template-columns:34px 1fr;gap:0 14px;text-align:left;border-radius:12px;padding:15px 17px;transition:transform .25s,border-color .25s,background .25s;align-items:center}
.arc-verify-steps button:hover{transform:translateX(5px);border-color:#c98d5e}
.arc-verify-steps button.active{border-color:#de9e6c;background:#fff6eb;box-shadow:0 10px 22px #ae805a19}
.arc-verify-steps button span{grid-row:1 / span 2;color:#c17c4c;font-weight:850;font-size:12px}
.arc-verify-steps button b{font-size:14px}
.arc-verify-steps button small{font-size:12px;color:#7a8e97;margin-top:4px}
.arc-passport{background:#112f43;color:#eaf5f1;border:1px solid #2a5365;border-radius:24px;padding:28px;box-shadow:0 30px 70px #0b33434d;overflow:hidden;min-width:0}
.arc-passport-head{display:flex;align-items:center;gap:13px}.arc-passport-head strong{display:block;font-size:16px}.arc-passport-head small{display:block;color:#9dbbc5;font-size:11px;margin-top:6px}
.arc-passport-symbol{width:52px;height:52px;display:grid;place-items:center;background:#f8ba89;color:#1b3746;font-size:20px;font-weight:950;letter-spacing:-1px;border-radius:15px;position:relative;flex-shrink:0}.arc-passport-symbol span{font-size:11px;position:absolute;right:4px;top:4px}
.arc-passport-demo{margin-left:auto;font-size:9px;font-weight:800;color:#e9c49e;border:1px solid #ceab7f88;padding:6px;border-radius:7px}
.arc-passport-illustration{background:radial-gradient(ellipse at center,#37667975,transparent 76%);margin:17px 0;display:grid;place-items:center;min-height:210px}
.arc-passport-illustration svg{width:min(400px,100%);animation:arc-float 6s ease-in-out infinite}
.arc-passport-orbit{animation:arc-secondary 4s ease-in-out infinite}
.arc-passport-body{min-height:169px;animation:xp-step-entry .5s ease both}
.arc-passport-body .eyebrow{color:#eeae7e;font-size:10px}
.arc-passport-body h3{font-size:25px;line-height:1.22;letter-spacing:-.8px;margin:12px 0}
.arc-passport-body p{color:#b2cbd6;line-height:1.7;font-size:13px;margin:0}
.arc-passport-marks{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.arc-passport-marks span{padding:7px 10px;color:#c5dcd9;background:#ffffff11;border-radius:8px;font-size:11px}
.arc-passport-foot{border-top:1px solid #ffffff23;margin:21px 0 0;padding-top:15px;color:#95b1bf;font-size:11px;line-height:1.6}
.arc-capabilities{background:#fff}
.arc-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:44px}
.arc-service-grid article{position:relative;border:1px solid #e2e9e7;border-radius:19px;padding:30px 25px;min-height:230px;background:linear-gradient(145deg,#fff,#f7f9f7);transition:transform .35s,border-color .35s,box-shadow .35s}
.arc-service-grid article:hover{transform:translateY(-8px);border-color:#d59b6d;box-shadow:0 20px 45px #1b3d4d1d}
.arc-service-grid article>span{position:absolute;right:23px;top:22px;font-size:11px;color:#a1b1b6}
.arc-service-grid .icon{width:37px;height:37px;color:#c3804e}
.arc-service-grid h3{font-size:21px;letter-spacing:-.5px;margin:26px 0 10px}
.arc-service-grid p{font-size:13px;line-height:1.75;color:#6c7f8c;margin:0}
.arc-experience-line{margin-top:27px;background:linear-gradient(100deg,#e8f1ed,#f8ede0);border-radius:17px;padding:25px 27px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:23px}
.arc-experience-line strong{font-size:19px;letter-spacing:-.5px}
.arc-experience-line p{font-size:12px;line-height:1.7;color:#5c7481;margin:0}
.arc-experience-line a{font-size:12px;font-weight:900;color:#ab683d;white-space:nowrap}
@media(max-width:900px){.arc-verify-grid{grid-template-columns:1fr;gap:35px}.arc-service-grid{grid-template-columns:repeat(2,1fr)}.arc-experience-line{grid-template-columns:1fr}.arc-experience-line a{justify-self:start}}
@media(max-width:600px){.arc-passport{padding:20px}.arc-passport-head strong{font-size:13px}.arc-passport-demo{font-size:9px}.arc-passport-illustration{min-height:155px}.arc-service-grid{grid-template-columns:1fr}.arc-service-grid article{min-height:175px;padding:22px}.arc-service-grid h3{margin:15px 0 6px}.arc-experience-line{padding:22px}.arc-verify-steps{margin-top:27px}}