/* Noluvio web development services — original responsive, bilingual product-first interface. */
:root{color-scheme:light;--navy:#091a30;--blue:#0057ff;--cyan:#00d4ff;--mint:#22e08a;--ink:#17334d;--muted:#547188;--border:#d8e6f1}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:75px}
body{margin:0;background:#f6f9fd;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #00aaff;outline-offset:3px}
.web-wrap{max-width:1230px;margin-inline:auto;width:calc(100% - 80px)}
.web-skip{position:absolute;top:-80px;left:14px;padding:12px 16px;background:#fff;color:#091a30;z-index:12;border-radius:7px}.web-skip:focus{top:12px}
.web-announce{background:#0b3358;color:#b8e1fc;text-align:center;font-size:10px;letter-spacing:.06em;font-weight:650;padding:9px 12px}
.web-header{background:#091a30;color:#f6fbff;border-bottom:1px solid #23405e}
.web-nav{min-height:77px;display:flex;align-items:center;gap:25px}
.web-logo{display:flex;align-items:center;gap:10px;margin-inline-end:auto;font-weight:850;font-size:22px;letter-spacing:-.05em}
.web-logo img{background:#0057ff;border-radius:10px;padding:4px}
.web-logo small{display:block;font-size:9px;font-weight:650;letter-spacing:.14em;color:#b2d6ee}
.web-nav nav{display:flex;gap:clamp(10px,2vw,25px);white-space:nowrap;font-size:12px;font-weight:750}
.web-nav nav a{color:#d3e9f8;padding:9px 2px;border-bottom:2px solid transparent}
.web-nav nav a:hover,.web-nav nav a[aria-current=page]{color:#9cf7d7;border-color:#40eab2}
.web-language{border:1px solid #537a9a;background:transparent;color:#e4f5ff;border-radius:100px;padding:10px 15px;font-size:12px;font-weight:780}
.web-language:hover{background:#183a5a}
.web-hero{background:radial-gradient(circle at 83% 19%,#1261aa9e,transparent 43%),linear-gradient(125deg,#07162a,#113e68);color:#f4fbff;overflow:hidden}
.web-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(25px,5vw,75px);align-items:center;padding-block:clamp(65px,8vw,110px)}
.web-kicker{font-size:11px;font-weight:870;color:#0057ff;letter-spacing:.17em;margin:0 0 15px;text-transform:uppercase}
.web-hero .web-kicker{color:#65efc2}
.web-hero h1{font-size:clamp(41px,5.2vw,78px);letter-spacing:-.059em;line-height:1.04;max-width:820px;margin:0 0 22px}
.web-hero h1 em{display:block;background:linear-gradient(110deg,#8df2fe,#66d0fb 50%,#78edc9);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
.web-lead{color:#c9dded;line-height:1.78;font-size:clamp(15px,1.45vw,19px);max-width:660px;margin:0 0 29px}
.web-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.web-cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #22e08a;background:#22e08a;color:#07342c;padding:13px 20px;border-radius:11px;font-size:13px;font-weight:850;line-height:1.35;text-align:center}
.web-cta-primary:hover{background:#76f7c5;text-decoration:none}
.web-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #688fac;color:#e1f2fd;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:780;text-align:center}
.web-cta-secondary:hover{border-color:#8bf5d5;color:#fff;text-decoration:none}
.web-trust{display:flex;flex-wrap:wrap;gap:13px 22px;margin:27px 0 0;color:#a5ecca;font-size:11px;font-weight:720}
.web-hero-disclaimer{font-size:10px;line-height:1.6;color:#b1cada;margin-top:15px}
.web-hero-visual{min-height:350px;display:grid;place-items:center;position:relative;isolation:isolate}
.web-hero-visual:before{content:"";position:absolute;inset:10% -10%;background:radial-gradient(circle,#166cff60,transparent 62%);filter:blur(23px);z-index:-1}
.web-window{width:min(100%,485px);border:1px solid #749abb99;padding:11px;border-radius:19px;background:#0a2b4c;box-shadow:0 28px 80px #00112299;transform:rotate(2deg)}
.web-window-top{display:flex;align-items:center;gap:6px;padding:7px 10px 16px;font-size:10px;color:#accfe5}
.web-window-top i{width:7px;height:7px;border-radius:50%;background:#597c9c}
.web-window-top span{margin-inline-start:auto}
.web-window-inner{background:linear-gradient(135deg,#eef7fd,#dceefb);border-radius:12px;padding:36px 28px;min-height:245px;color:#153755;position:relative;overflow:hidden}
.web-window-inner:after{position:absolute;content:"";width:160px;height:160px;right:-60px;bottom:3px;border:29px solid #0057ff18;border-radius:50%}
.web-window-kicker{font-size:10px;letter-spacing:.13em;font-weight:850;color:#0856a7}
.web-window-inner h2{font-size:clamp(28px,2.5vw,40px);line-height:1.15;letter-spacing:-.045em;max-width:320px;margin:19px 0 25px}
.web-visual-chips{display:flex;gap:8px;flex-wrap:wrap}
.web-visual-chips b{font-size:10px;color:#0a5e72;border:1px solid #b4dcea;border-radius:99px;padding:7px 10px;background:#fff}
.web-visual-lines{display:grid;gap:6px;width:50%;margin-top:23px}
.web-visual-lines i{height:6px;border-radius:6px;background:#b5d2e5}
.web-visual-lines i:nth-child(2){width:72%}.web-visual-lines i:nth-child(3){width:47%}
.web-floating-chip{position:absolute;right:-5px;bottom:3px;transform:rotate(-4deg);padding:13px;background:#0759ae;color:#e7fbff;border:1px solid #73cff9;border-radius:10px;font-size:10px;font-weight:850;box-shadow:0 12px 28px #0005}
.web-proof{background:#e7f2fc;border-bottom:1px solid #ccdeec}
.web-proof>.web-wrap{display:flex;align-items:center;gap:16px 35px;flex-wrap:wrap;padding-block:17px;color:#2d5774;font-size:12px;font-weight:770}
.web-proof span:before{content:"✓";color:#00a17a;margin-inline-end:8px;font-weight:900}
.web-section{padding-block:clamp(62px,7vw,98px)}
.web-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:end;margin-bottom:36px}
.web-section-head h2,.web-faq h2,.web-arabic h2,.web-bottom h2{font-size:clamp(30px,3.65vw,52px);line-height:1.12;letter-spacing:-.05em;margin:0}
.web-section-head>p{line-height:1.75;font-size:14px;color:#557388;margin:0 0 3px;max-width:480px;justify-self:end}
.web-sample{background:#fff}
.web-service-demo{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:20px;border:1px solid #d9e5f0;border-radius:20px;padding:clamp(15px,2.3vw,26px);background:#f6f9fc;box-shadow:0 10px 36px #10345d0d}
.web-demo-controls{min-width:0;background:#fff;padding:clamp(18px,2.5vw,28px);border:1px solid #dce6ef;border-radius:15px}
.web-demo-controls h3{font-size:23px;letter-spacing:-.035em;color:#133553;margin:0 0 9px}
.web-demo-controls>p{line-height:1.65;font-size:13px;color:#5d7587;margin:0 0 23px}
.web-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.web-field label,.web-label{font-weight:780;color:#284b67;font-size:12px}
.web-field input,.web-field select{border:1px solid #b9d0e1;color:#123351;background:#fafdff;border-radius:10px;padding:12px 13px;min-height:49px;width:100%;font-size:14px}
.web-field small,.web-helper{font-size:11px;color:#607d90;line-height:1.6}
.web-toggle{display:flex;gap:8px}
.web-toggle button{border:1px solid #c9dcea;border-radius:9px;padding:12px 16px;background:#f5faff;color:#33617f;font-size:12px;font-weight:760;min-width:94px}
.web-toggle button[aria-pressed=true]{color:#fff;background:#0057ff;border-color:#0057ff}
.web-small-link{display:inline-block;font-size:12px;color:#0754b7;font-weight:800;border-bottom:1px solid #5db4ec;padding-bottom:4px}
.web-demo-stage{min-width:0;border-radius:15px;background:linear-gradient(145deg,#e7f2fc,#c9dfef);padding:clamp(15px,2vw,26px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.web-screen{--preview-color:#0057ff;width:100%;max-width:600px;background:#fff;border:1px solid #a9c6dd;border-radius:12px;overflow:hidden;box-shadow:0 15px 30px #0d375339;transition:max-width .22s ease,border-color .22s ease}
.web-screen[data-viewport=mobile]{max-width:285px}
.web-screen[data-theme=mint]{--preview-color:#00846c}
.web-screen[data-theme=amber]{--preview-color:#c96e2a}
.web-screen-top{background:#dceaf5;padding:8px 12px;display:flex;gap:5px;align-items:center;color:#426684;font-size:10px}
.web-screen-top .web-screen-balls{display:flex;gap:4px}
.web-screen-balls i{width:6px;height:6px;border-radius:50%;background:#9eb5c8}
.web-screen-top>span:nth-child(2){margin-inline-start:auto}
.web-screen-top strong{font-weight:860;font-size:9px}
.web-screen-page{background:radial-gradient(circle at 93% 15%,color-mix(in srgb,var(--preview-color) 20%,transparent),transparent 48%),#f8fbfd;min-height:300px;padding:clamp(18px,3vw,30px)}
.web-screen-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1c3a55;font-size:11px}
.web-screen-nav strong{color:var(--preview-color)}
.web-screen-nav span{font-size:9px}
.web-screen[data-viewport=mobile] .web-screen-nav span{display:none}
.web-screen-main{padding-top:55px;max-width:470px}
.web-screen[data-viewport=mobile] .web-screen-main{padding-top:45px}
.web-screen-main p{font-size:10px;color:var(--preview-color);letter-spacing:.09em;font-weight:820}
.web-screen-main h3{font-size:clamp(24px,3vw,40px);line-height:1.12;letter-spacing:-.047em;overflow-wrap:anywhere;max-width:430px;margin:14px 0 22px}
.web-screen[data-viewport=mobile] .web-screen-main h3{font-size:25px}
.web-screen-pill{display:inline-block;background:var(--preview-color);padding:10px 14px;color:#fff;font-size:11px;font-weight:800;border-radius:7px}
.web-screen-marks{display:flex;gap:8px;margin-top:44px}
.web-screen-marks i{width:36px;height:5px;border-radius:3px;background:#c6dae8}
.web-screen-marks i:nth-child(2){width:23px}
.web-screen-disclaimer{margin:18px 0 0;font-size:10px;color:#59788d;text-align:center;line-height:1.5}
.web-endpoint{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;border:1px solid #d8e6ef;border-radius:10px;background:#f0f6fb;padding:14px;color:#0c5179;font-weight:750;font-size:12px}
.web-endpoint code{font-size:12px;color:#0759bf}
.web-backend-demo .web-cta-primary{background:#0057ff;border-color:#0057ff;color:#fff;font-size:12px;width:100%}
.web-backend-demo .web-cta-primary:hover{background:#0342b0}
.web-demo-controls .web-helper{margin:15px 0 0}
.web-code-header{display:flex;align-items:center;gap:10px;width:100%;background:#0d2741;border:1px solid #325877;border-bottom:0;border-radius:12px 12px 0 0;color:#daeefc;padding:12px 15px;font-size:11px}
.web-code-header .web-dot{width:9px;height:9px;border-radius:50%;background:#22e08a}
.web-code-header small{color:#9cc8dc;margin-inline-start:auto}
.web-code-panel{width:100%;background:#081c33;color:#9ee3cb;border:1px solid #325877;border-top:0;border-radius:0 0 12px 12px;padding:22px}
.web-code-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;margin:0;max-height:310px;overflow:auto}
.web-code-panel p{font-size:10px;color:#b1cde1;margin:20px 0 0}
.web-backend-legend{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px;color:#316282;font-size:11px;font-weight:750}
.web-sample-note{font-size:12px;color:#587186;line-height:1.65;margin:24px 0 0}
.web-features{background:#f0f6fb}
.web-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.web-feature{background:#fff;border:1px solid #d9e7f1;border-radius:16px;padding:25px;box-shadow:0 4px 22px #1538540a}
.web-feature>span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#0057ff}
.web-feature h3{font-size:19px;line-height:1.25;color:#173a5a;letter-spacing:-.028em;margin:14px 0 10px}
.web-feature p{font-size:12px;color:#5d7588;line-height:1.75;margin:0}
.web-process{background:#fff}
.web-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.web-process-grid article{border:1px solid #d8e5ef;border-radius:15px;padding:28px;background:#fafcff}
.web-process-grid b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9bd0f2;border-radius:11px;color:#0057ff;background:#eaf5fe;font-size:12px}
.web-process-grid h3{font-size:19px;margin:20px 0 9px;letter-spacing:-.025em}
.web-process-grid p{margin:0;color:#567185;line-height:1.7;font-size:12px}
.web-faq{background:#eaf2fa}
.web-faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}
.web-faq-grid>div>p{color:#577389;line-height:1.7;font-size:14px}
.web-faq-list details{border-bottom:1px solid #c8dbe9;padding:21px 0}
.web-faq-list summary{font-size:14px;font-weight:820;color:#183954;cursor:pointer}
.web-faq-list p{font-size:13px;line-height:1.7;color:#536f84;margin:10px 0 0}
.web-arabic{background:#102a47;color:#edfaff}
.web-arabic .web-kicker{color:#6af4c2}
.web-arabic>div>p{font-size:14px;line-height:1.9;max-width:930px;color:#c4dfed}
.web-ar-box{border:1px solid #497898;background:#173b5c;border-radius:16px;padding:29px;max-width:950px}
.web-ar-box strong{font-size:18px;color:#f5fbff}
.web-ar-box ul{padding-inline-start:26px;line-height:2.1;font-size:14px}
.web-ar-box p{color:#bfdaea;font-size:13px;line-height:1.8}
.web-ar-box a{margin-top:11px}
.web-bottom{background:#081c32;color:#eafaff;padding-block:73px}
.web-bottom-grid{display:grid;grid-template-columns:1fr minmax(280px,.6fr);gap:65px;align-items:center}
.web-bottom .web-kicker{color:#7ef5cb}
.web-bottom p{color:#c1d7e6;line-height:1.7;font-size:14px}
.web-bottom-actions{display:grid;gap:11px;justify-content:start}
.web-bottom-actions small{font-size:11px;color:#a6c4d7}
.web-footer{background:#071428;color:#abc7d9;padding:25px 0}
.web-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:11px}
.web-footer nav{display:flex;gap:19px}
.web-footer a{color:#d3ebfb}
[dir=rtl] .web-floating-chip{right:auto;left:-5px}
@media(max-width:1020px){.web-hero-grid{grid-template-columns:1.1fr .9fr;gap:23px}.web-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-section-head{gap:25px}}
@media(max-width:760px){.web-wrap{width:calc(100% - 34px)}.web-nav{min-height:auto;flex-wrap:wrap;padding-block:13px;gap:14px}.web-nav nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding:7px 0}.web-hero-grid{grid-template-columns:1fr;padding-block:58px}.web-hero h1{font-size:clamp(42px,8vw,65px)}.web-hero-visual{min-height:280px;max-width:540px;margin-inline:auto;width:100%}.web-window{transform:none}.web-section{padding-block:56px}.web-section-head{grid-template-columns:1fr;gap:18px}.web-section-head>p{justify-self:start}.web-service-demo{grid-template-columns:1fr}.web-features-grid{grid-template-columns:1fr 1fr}.web-process-grid{grid-template-columns:1fr}.web-faq-grid{grid-template-columns:1fr;gap:12px}.web-bottom-grid{grid-template-columns:1fr;gap:22px}}
@media(max-width:440px){.web-hero h1{font-size:42px}.web-features-grid{grid-template-columns:1fr}.web-hero-visual{min-height:245px}.web-floating-chip{bottom:-5px;font-size:9px}.web-service-demo{padding:12px}.web-demo-controls,.web-demo-stage{padding:16px}.web-screen-page{padding:19px}.web-screen-main{padding-top:37px}.web-cta-row{align-items:stretch}.web-cta-row>a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.web-screen,.web-cta-primary{transition:none!important}.web-window,.web-floating-chip{transform:none!important}}
@media(forced-colors:active){.web-cta-primary,.web-screen-pill,.web-toggle button[aria-pressed=true]{border:2px solid ButtonText}}

/* Accessible real frontend viewport with intrinsic content sizing. */
.web-preview{max-width:100%;min-width:0}


/* Scoped purchase preparation. No forced account, fee guesses or card controls. */
.web-scope-builder{background:radial-gradient(ellipse at 14% 0%,#1359a552,transparent 49%),linear-gradient(128deg,#0a1e37,#14395b);padding-block:clamp(64px,8vw,100px);color:#ecf8ff}
.web-scope-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,80px);align-items:center}
.web-scope-intro .web-kicker{color:#88efcf}
.web-scope-intro h2{color:#fff;font-size:clamp(33px,3.8vw,57px);line-height:1.08;letter-spacing:-.05em;margin:0 0 22px}
.web-scope-intro>p:not(.web-kicker){font-size:clamp(14px,1.35vw,18px);color:#c9e0ef;line-height:1.8;max-width:565px}
.web-scope-signal{margin-top:28px;border:1px solid #47718f;border-radius:12px;background:#0d2a48;display:flex;gap:12px;align-items:flex-start;padding:15px 18px;font-size:12px;line-height:1.65;color:#b5ddeb;max-width:530px}
.web-scope-signal span:first-child{color:#81f3cc;font-size:18px;font-weight:900}
.web-scope-card{background:#f9fcff;color:#18364d;border-radius:22px;padding:clamp(19px,3vw,35px);border:1px solid #7da6c7;box-shadow:0 23px 60px #0004;min-width:0}
.web-scope-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d7e6f0;padding-bottom:19px;margin-bottom:19px}
.web-scope-heading strong{font-size:17px;letter-spacing:-.025em;color:#0b2e4c}
.web-scope-heading span{background:#e8f9ee;border:1px solid #c3e7d3;border-radius:100px;color:#187256;font-size:10px;font-weight:800;padding:6px 11px;white-space:nowrap}
.web-scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.web-scope-loading{grid-column:1/-1;font-size:12px;line-height:1.6;color:#547286}
.web-scope-choice{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer;border:1px solid #d7e4ef;border-radius:12px;padding:12px 13px;background:#fff;min-height:60px;transition:border-color .15s ease,background .15s ease;min-width:0}
.web-scope-choice:hover{border-color:#5fa9e9;background:#f6faff}
.web-scope-choice:has(input:checked){border-color:#0057ff;background:#ecf4ff}
.web-scope-choice:focus-within{outline:3px solid #6db9f0;outline-offset:2px}
.web-scope-choice input{flex:none;width:18px;height:18px;accent-color:#0057ff;margin:0}
.web-scope-choice span{flex:1;font-size:12px;line-height:1.4;color:#24435b;font-weight:700;min-width:0;overflow-wrap:anywhere}
.web-scope-choice b{color:#0057ff;font-size:16px;opacity:0}
.web-scope-choice:has(input:checked) b{opacity:1}
.web-scope-clear{background:transparent;border:0;color:#235b93;text-decoration:underline;text-underline-offset:3px;padding:10px 0;font-size:11px;font-weight:800;margin-top:8px}
.web-scope-clear:hover{color:#0057ff}
.web-scope-review{border-top:1px solid #dae6f0;margin-top:15px;padding-top:17px;display:grid;gap:10px}
.web-scope-review-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0}
.web-scope-review-head strong{font-size:10px;letter-spacing:.1em;color:#446780}
.web-scope-review-head span{font-size:11px;color:#0057ff;font-weight:850}
.web-scope-review-text{font-size:13px;color:#3f5f77;margin:0;line-height:1.65;min-height:39px;overflow-wrap:anywhere}
.web-scope-review .web-cta-primary{width:100%;background:#0057ff;color:#fff;border-color:#0057ff}
.web-scope-review .web-cta-primary:hover{background:#0042bd}
.web-scope-review small{display:block;color:#6d8396;font-size:10px;line-height:1.65}
#web-scope-status{font-size:11px;color:#acddcb;line-height:1.5;min-height:16px}
.web-screen-nav button{display:none;min-height:28px;border:1px solid #bad0df;border-radius:6px;padding:5px 9px;background:#fff;color:#225374;font-size:10px;font-weight:850}
.web-screen-nav button:focus-visible{outline:3px solid #0057ff;outline-offset:2px}
.web-screen[data-viewport=mobile] .web-screen-nav{position:relative}
.web-screen[data-viewport=mobile] .web-screen-nav button{display:inline-flex}
.web-screen[data-viewport=mobile] #frontend-sample-nav{display:none}
.web-screen[data-viewport=mobile][data-menu-open=true] #frontend-sample-nav{display:block;position:absolute;top:33px;right:0;left:0;background:#fff;z-index:3;padding:12px;border:1px solid #c3d9e7;border-radius:8px;font-size:10px;box-shadow:0 9px 20px #15385124}
.web-screen[data-layout=bold] .web-screen-main{padding-top:30px}
.web-screen[data-layout=bold] .web-screen-main h3{font-size:clamp(29px,3.35vw,49px);letter-spacing:-.057em;color:#0a3656}
.web-screen[data-layout=bold] .web-screen-page{background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--preview-color) 36%,transparent),transparent 62%),#f3f9ff}
.web-screen[data-viewport=mobile][data-layout=bold] .web-screen-main h3{font-size:28px}
.web-api-error{display:block;color:#0753a5;margin-top:15px;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:750}
.web-api-error:hover{color:#093968}
.web-scenario-benefit{margin:17px 0 0;background:#eff7fd;border-left:3px solid #0057ff;border-radius:8px;padding:12px 14px;color:#275773;font-size:12px;line-height:1.7}
[dir=rtl] .web-scenario-benefit{border-left:0;border-right:3px solid #0057ff}
@media(max-width:950px){.web-scope-layout{grid-template-columns:1fr;gap:27px}.web-scope-intro>p:not(.web-kicker){max-width:750px}}
@media(max-width:760px){.web-scope-builder{padding-block:58px}.web-scope-card{padding:20px}.web-scope-options{grid-template-columns:1fr 1fr}.web-scope-choice{min-height:57px}}
@media(max-width:440px){.web-scope-options{grid-template-columns:1fr}.web-scope-card{border-radius:16px}.web-scope-heading{align-items:start;flex-direction:column}.web-scope-review-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.web-scope-choice{transition:none!important}}
@media(forced-colors:active){.web-scope-choice:has(input:checked),.web-scope-review .web-cta-primary{border:2px solid ButtonText}}


/* Demo-to-scope controls and cross-service path, using current Noluvio tokens. */
.web-demo-transfer{border-top:1px solid #dceaf3;margin-top:20px;padding-top:18px;display:grid;gap:10px}
.web-demo-transfer button,.web-demo-transfer-button{background:#0057ff;color:#fff;border:1px solid #0057ff;border-radius:10px;min-height:48px;padding:11px 15px;font-size:12px;font-weight:840;text-align:center;cursor:pointer;line-height:1.5}
.web-demo-transfer button:hover,.web-demo-transfer-button:hover{background:#0647b7;border-color:#0647b7}
.web-demo-transfer small{color:#536f84;font-size:11px;line-height:1.7}
.web-demo-transfer p,.web-demo-feedback{font-size:11px;line-height:1.6;color:#366b81;margin:0}
.web-demo-error-button{display:block;width:100%;background:#edf5ff;border:1px solid #b2d4ed;border-radius:9px;min-height:43px;margin:10px 0;padding:10px 13px;color:#135789;font-size:12px;font-weight:780;cursor:pointer;text-align:center}
.web-demo-error-button:hover{background:#dcefff}
.web-demo-error-button[aria-pressed=true]{background:#fff2e9;color:#8a4006;border-color:#e8b58d}
.web-demo-transfer-button{display:block;width:100%;margin-top:14px}
.web-demo-transfer-button:disabled{background:#d9e6f1;color:#5d7688;border-color:#d9e6f1;cursor:not-allowed}
.web-demo-feedback{margin:8px 0 0!important}
.web-demo-transfer button:focus-visible,.web-demo-error-button:focus-visible,.web-demo-transfer-button:focus-visible{outline:3px solid #10b3fb;outline-offset:3px}
.web-cross-links{padding:clamp(42px,6vw,73px) 0;background:#e7f2f8;border-bottom:1px solid #d1e3ee}
.web-cross-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:38px;align-items:center}
.web-cross-inner .web-kicker{color:#007c6b}
.web-cross-inner h2{font-size:clamp(26px,3.3vw,44px);letter-spacing:-.045em;line-height:1.15;color:#103754;margin:0 0 14px}
.web-cross-inner p:not(.web-kicker){font-size:13px;color:#587389;line-height:1.8;max-width:760px;margin:0}
.web-cross-actions{display:grid;gap:12px}
.web-cross-actions a{display:grid;place-items:center;min-height:48px;border-radius:10px;padding:12px 16px;border:1px solid #9ac3df;background:#fff;font-size:12px;color:#12558a;font-weight:850;text-align:center;line-height:1.4}
.web-cross-actions a:last-child{background:#0c3b61;color:#fff;border-color:#0c3b61}
.web-cross-actions a:hover{border-color:#0057ff;box-shadow:0 6px 16px #13385a16}
.web-cross-actions a:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
@media(max-width:760px){.web-cross-inner{grid-template-columns:1fr;gap:19px}.web-cross-actions{grid-template-columns:1fr}.web-demo-transfer button{width:100%}}
@media(prefers-reduced-motion:reduce){.web-cross-actions a,.web-demo-transfer button{transition:none!important}}