/* Noluvio service explorer — original product-led UI, truthful trial-to-quote flow.
   Brand: navy #0F172A, electric blue #0057FF, cyan #00D4FF, mint #22E08A.
   No images, external fonts, trackers or payment controls.
*/
.service-journey{background:linear-gradient(180deg,#eff6fd,#f9fcff);padding-block:clamp(58px,8vw,108px);color:#0f253f;border-bottom:1px solid #d6e4f0}
.journey-header{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:36px;align-items:end;margin-bottom:30px}
.journey-header .eyebrow{font-size:11px;letter-spacing:.14em;color:#0057ff;font-weight:850;margin:0 0 16px}
.journey-header h2{font-size:clamp(31px,4.3vw,60px);line-height:1.065;letter-spacing:-.051em;color:#0b2747;margin:0;max-width:750px}
.journey-header>p{color:#526e83;font-size:15px;line-height:1.75;max-width:480px;margin:0 0 5px;justify-self:end}
.journey-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:15px}
.journey-tabs button{border:1px solid #cfdeec;background:#fff;border-radius:14px;min-width:0;min-height:69px;padding:11px 8px;color:#38556e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.journey-tabs button>span{font-size:22px;font-weight:800;line-height:1;color:#2a73c0}
.journey-tabs button b{font-size:12px;font-weight:760;line-height:1.3;text-align:center}
.journey-tabs button:hover{border-color:#73ade7;background:#f8fbff;transform:translateY(-2px)}
.journey-tabs button[aria-selected=true]{border-color:#0057ff;background:#ecf4ff;color:#0057e8;box-shadow:inset 0 0 0 1px #0057ff1f,0 6px 15px #0057ff10}
.journey-tabs button:focus-visible,.journey-actions a:focus-visible,.journey-quicklinks a:focus-visible,.package-plan-link:focus-visible,.finder-plan:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
.journey-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff;border:1px solid #d2e2ef;border-radius:23px;box-shadow:0 19px 55px #123c6412;overflow:hidden}
.journey-visual{--journey-bg:#093b81;--journey-accent:#00d4ff;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 95% 7%,#3ce9dc4d,transparent 37%),linear-gradient(140deg,#09192e,#0d3762);padding:clamp(21px,3.2vw,49px)}
.journey-visual[data-product=graphic]{--journey-bg:#552551;--journey-accent:#f9a985;background:radial-gradient(circle at 95% 0,#ed91be44,transparent 35%),linear-gradient(140deg,#1d2244,#5d2d5d)}
.journey-visual[data-product=pdf]{--journey-bg:#0b4772;--journey-accent:#7ee4df;background:radial-gradient(circle at 92% 10%,#75d6f149,transparent 35%),linear-gradient(140deg,#0c2844,#135374)}
.journey-visual[data-product=resume]{--journey-bg:#1b5c53;--journey-accent:#b0f3c6;background:radial-gradient(circle at 92% 10%,#9bffab42,transparent 38%),linear-gradient(140deg,#112d41,#205f57)}
.journey-visual[data-product=repair]{--journey-bg:#203b62;--journey-accent:#93d6ff;background:radial-gradient(circle at 92% 10%,#7db5ff48,transparent 34%),linear-gradient(140deg,#112039,#244a79)}
.journey-visual[data-product=brief]{--journey-bg:#3a345c;--journey-accent:#c5b3ff;background:radial-gradient(circle at 92% 10%,#bfa6f945,transparent 37%),linear-gradient(140deg,#201e3d,#45416b)}
.journey-browser{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#b3c9dc;font-size:10px;font-weight:750;letter-spacing:.07em}
.journey-browser>b{margin-inline-start:auto;color:#82f3d1;border:1px solid #55d9bc80;border-radius:99px;padding:4px 8px;font-size:9px}
.journey-dots{display:flex;gap:6px;align-items:center}
.journey-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#587994}
.journey-art{flex:1;min-height:320px;background:linear-gradient(140deg,var(--journey-bg),#0a203c);border:1px solid #6d99bd9e;border-radius:17px;box-shadow:0 17px 35px #0013226c;position:relative;overflow:hidden;color:#fff;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column}
.journey-art:before{content:"";position:absolute;width:220px;height:220px;right:-71px;top:13%;border:39px solid var(--journey-accent);border-radius:51% 49% 42% 58%;opacity:.29;transform:rotate(20deg)}
.journey-art-header{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.journey-glyph{font-size:22px;font-weight:940;letter-spacing:-.06em;color:#fff}
.journey-art-header span:last-child{font-size:11px;font-weight:870;letter-spacing:.13em;color:var(--journey-accent)}
.journey-art strong{position:relative;z-index:1;display:block;margin:auto 0 22px;font-size:clamp(27px,3.3vw,45px);line-height:1.1;letter-spacing:-.05em;max-width:390px;overflow-wrap:anywhere}
.journey-art-lines{display:grid;gap:8px;margin-bottom:27px;max-width:200px}
.journey-art-lines i{height:6px;background:#d2eafb88;border-radius:5px}
.journey-art-lines i:nth-child(2){width:77%}
.journey-art-lines i:nth-child(3){width:57%}
.journey-art-action{align-self:flex-start;background:#fff;color:#17456b;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:.04em}
.journey-art-disclosure{color:#b5d5e8;font-size:10px;line-height:1.6;margin:14px 0 0}
.journey-panel{padding:clamp(24px,3.8vw,52px);min-width:0}
.journey-step-label{font-size:10px;color:#0057ff;font-weight:870;letter-spacing:.15em}
.journey-panel h3{font-size:clamp(27px,3vw,42px);letter-spacing:-.045em;line-height:1.12;color:#0b2847;margin:15px 0 13px}
#journey-summary{font-size:15px;line-height:1.72;color:#587186;margin:0 0 25px;max-width:540px}
.journey-inclusion{border-top:1px solid #dce8f1;padding-top:19px}
.journey-inclusion>strong{font-size:12px;font-weight:820;color:#203e59}
.journey-inclusion ul{display:grid;gap:13px;list-style:none;margin:14px 0 21px;padding:0}
.journey-inclusion li{position:relative;padding-inline-start:22px;color:#49677d;font-size:12px;line-height:1.55}
.journey-inclusion li:before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:#06946e;font-weight:900;font-size:14px}
.journey-inclusion li strong{display:block;color:#123858;font-size:13px;margin-bottom:3px}
.journey-inclusion li span{display:block}
.journey-limits{border:1px solid #dae6ef;border-radius:10px;background:#f7fafc;padding:13px 15px}
.journey-limits summary{font-size:12px;font-weight:820;color:#385c76;cursor:pointer}
.journey-limits summary:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
.journey-limits p{color:#547084;font-size:12px;line-height:1.7;margin:11px 0 0}
.journey-price{color:#516c81;font-size:11px;line-height:1.65;margin:18px 0}
.journey-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.journey-actions a{min-height:51px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:12px 15px;font-size:12px;font-weight:830;line-height:1.35;text-decoration:none}
.journey-try{background:#0057ff;color:#fff}
.journey-try:hover{background:#0345c6;color:#fff}
.journey-plan{background:#e8f9f1;color:#0c6850;border:1px solid #a2e4c8}
.journey-plan:hover{background:#d0f2e2;color:#0c6850}
.journey-smallprint{font-size:10px;color:#738a9c;line-height:1.7;margin:13px 0 0}
.journey-quicklinks{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.journey-quicklinks span{font-size:12px;color:#627c90}
.journey-quicklinks a{font-size:11px;font-weight:790;color:#245c88;background:#fff;border:1px solid #d6e5f0;border-radius:99px;padding:8px 14px}
.journey-quicklinks a:hover{border-color:#0057ff;color:#0057ff}
.finder-plan{display:inline-flex;margin-top:10px;align-items:center;justify-content:center;padding:12px 15px;border-radius:10px;border:1px solid #0057ff;color:#0057ff;text-decoration:none;font-size:12px;font-weight:830;min-height:45px}
.finder-plan:hover{background:#e9f3ff;text-decoration:none}
.package-plan-link{display:block;margin-top:12px;padding:11px 13px;min-height:43px;border-radius:10px;text-align:center;border:1px solid #cadbec;background:#f7fbff;color:#085bb5;font-weight:820;font-size:12px;text-decoration:none}
.package-plan-link:hover{background:#e8f3ff;text-decoration:none}
.studio-header nav{gap:15px}
@media(max-width:1050px){.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-shell{grid-template-columns:.9fr 1.1fr}}
@media(max-width:760px){.service-journey{padding-block:57px}.journey-header{grid-template-columns:1fr;gap:13px;margin-bottom:24px}.journey-header>p{justify-self:start}.journey-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey-tabs button{min-height:65px}.journey-shell{grid-template-columns:1fr}.journey-art{min-height:260px}.journey-visual{padding:20px}.journey-panel{padding:26px}.journey-actions{grid-template-columns:1fr}.studio-header nav{gap:12px}}
@media(max-width:480px){.journey-tabs button{font-size:11px}.journey-tabs button b{font-size:10px}.journey-art{min-height:240px;padding:21px}.journey-art strong{font-size:32px}.journey-browser{font-size:9px}.journey-quicklinks{gap:7px}.journey-quicklinks a{font-size:10px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.journey-tabs button{transition:none}.journey-tabs button:hover{transform:none}.journey-art:before{transform:none}}
@media(forced-colors:active){.journey-tabs button[aria-selected=true],.journey-actions a,.journey-art{border:2px solid ButtonText}}

/* Distinct frontend/backend tracks within the existing service selector. */
.journey-visual[data-product=frontend]{--journey-bg:#105095;--journey-accent:#64e8df;background:radial-gradient(circle at 90% 6%,#63e7ff4f,transparent 39%),linear-gradient(137deg,#0c2440,#12487e)}
.journey-visual[data-product=backend]{--journey-bg:#173957;--journey-accent:#98ddb9;background:radial-gradient(circle at 90% 6%,#7fe6c74f,transparent 39%),linear-gradient(137deg,#081e35,#255274)}
@media(min-width:1060px){.journey-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px) and (min-width:761px){.journey-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}