/* Ishara Studio, October 2026. MeetriX2's white, rounded studio language,
   expressed through Ishara's own blue-teal identity. Loaded after components. */
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
:root,.studio-edition,.studio-edition.ie-page{--bg:#fff;--bg-raise:#f6f8fc;--bg-tint:#eef8fc;--panel:#fff;--panel-solid:#fff;--bg-pop:#fff;--line:#e0e7f0;--line-soft:#edf1f7;--line-strong:#c6d3e3;--ink:#0b1440;--ink-2:#273353;--muted:#5c6780;--faint:#5f6b82;--faint-2:#5f6b82;--brand-a:#087eae;--brand-b:#087c99;--brand-deep:#08688c;--brand-grad:linear-gradient(115deg,#087bb1,#07858c);--brand-grad-btn:linear-gradient(115deg,#0875a4,#087f8d);--brand-grad-soft:linear-gradient(125deg,#edf9fd,#f1f0ff);--brand-tint:#eaf7fc;--accent:#0875a4;--good:#178363;--warn:#97660d;--bad:#bd3f56;--font-display:Inter,system-ui,sans-serif;--font-brand:Poppins,Inter,system-ui,sans-serif;--font-body:Inter,system-ui,sans-serif;--radius:16px;--radius-lg:24px;--container:1240px;--shadow-card:0 1px 2px #172d4d04,0 14px 34px -20px #203c7133;--shadow-pop:0 18px 60px -22px #17345430;--plane:#087eae;color:var(--ink);background:#fff}
html{background:#fff;scroll-padding-top:112px}
body.studio-edition{font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.studio-edition .container,.studio-edition.ie-page .container,.studio-edition .ix-wrap.container{width:min(1240px,calc(100% - 72px));max-width:1240px;padding-inline:0}
.studio-edition .container-narrow{max-width:900px!important}
.studio-edition :is(h1,h2,h3,h4,.section-title,.price,.stat b):not(.ph *){font-family:var(--font-display);color:var(--ink);font-weight:600;letter-spacing:-.035em}
.studio-edition em{font-family:inherit;letter-spacing:inherit}
.studio-edition :is(h1,h2,h3) em,.studio-edition .ix-intro h2 em{font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit;color:var(--brand-a)}
.studio-edition .grad-text,.studio-edition.ie-page .grad-text{background:none!important;-webkit-text-fill-color:#087eae!important;color:#087eae!important;animation:none}
.studio-edition :is(.section-sub,.ie-lead,.prose p,.prose li){color:var(--muted)}
.studio-edition :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #087eae;outline-offset:4px}
.studio-edition p a,.studio-edition li a,.studio-edition td a{color:var(--accent);text-decoration-color:#087eae55}
::selection{background:#ccebf6;color:#0b1440}
.studio-edition .btn{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.015em;border-radius:13px;min-height:50px;padding:14px 22px;gap:13px;transition:transform .22s,box-shadow .22s,background .22s}
.studio-edition .btn-primary{background:var(--brand-grad-btn);border:1px solid #087d9c;color:#fff;box-shadow:0 3px 3px #087a9d12,0 9px 22px -9px #087a9d66,inset 0 1px #ffffff25}
.studio-edition .btn-primary:hover{color:#fff;background:linear-gradient(115deg,#086995,#076f7b);box-shadow:0 13px 25px -10px #087a9d66;transform:translateY(-2px)}
.studio-edition .btn-ghost,.studio-edition.ie-page .ie-hero-actions .btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 3px 8px #0b144005}
.studio-edition .btn-ghost:hover{border-color:#bdd8e9;background:#f3faff;color:var(--accent)}
.studio-edition .cta-note{color:var(--muted);font-size:13px;line-height:1.7}
.studio-edition :is(.section-kicker,.kicker,.ie-eyebrow,.k-eyebrow){color:var(--brand-deep);font-size:12px;letter-spacing:.13em;font-weight:650}
/* The navigation floats as a single frosted surface, matching the reference. */
.studio-edition .i-header{--hdr:64px;top:12px;width:min(1320px,calc(100% - 48px));margin:12px auto 0;border:1px solid #e2e7ef;border-radius:19px;background:#ffffffed;box-shadow:0 5px 25px -12px #0b144025;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.studio-edition .i-nav.container{width:100%;height:64px;padding:0 16px 0 20px;gap:24px}
.studio-edition .i-brand{font-family:var(--font-brand);font-size:24px;letter-spacing:-1px;color:#0b1440;gap:9px}
.studio-edition .i-word{font-family:var(--font-brand);font-weight:600}
.studio-edition .i-brand img{width:32px;height:32px}
.studio-edition .i-brand-dot{color:#078eab}
.studio-edition .i-navlinks{gap:24px}
.studio-edition .i-navgroup>button,.studio-edition .i-nav-price{font-size:14px;color:#515a70;font-weight:500}
.studio-edition .i-navgroup>button:hover,.studio-edition .i-nav-price:hover{color:var(--accent)}
.studio-edition .i-navactions{gap:14px}
.studio-edition .i-header a.i-cta{border-radius:12px;font-size:13px;min-height:44px;padding:10px 16px}
.studio-edition .i-lang{border-radius:11px;min-height:38px;border-color:#e2e7ef;color:#5b6275;background:#fff}
.studio-edition .i-login,.studio-edition .i-walk{color:#505a74;font-size:13px}
.studio-edition .i-dropdown{border-color:var(--line);border-radius:18px;box-shadow:0 25px 65px -20px #0b144033;top:calc(100% + 20px);padding:10px}
.studio-edition .i-dropdown a{border-radius:11px;padding:12px}
.studio-edition .i-dropdown a:hover,.studio-edition .i-dropdown a[aria-current=page]{background:#eef8fc}
.studio-edition .lang-pill{color:#57728a;background:#edf5fb;border-color:#dbe7f1}
/* Inner-page heroes. Existing product examples remain functional. */
.studio-edition .ie-hero{background:radial-gradient(ellipse at 94% 35%,#eaf7fb99,transparent 48%),#fff;border-bottom:0}
.studio-edition .ie-breadcrumb{font-size:12px;color:#5f6b82;padding-top:30px;gap:10px}
.studio-edition .ie-breadcrumb a,.studio-edition .ie-breadcrumb>span[aria-current]{color:#5f6b82}
.studio-edition .ie-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;padding:54px 0 72px;min-height:0;align-items:center}
.studio-edition .ie-hero-visual .ie-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px}
.studio-edition .ie-hero h1{font-family:var(--font-display);font-size:clamp(37px,4.25vw,59px);font-weight:600;line-height:1.12;letter-spacing:-.04em;color:#0b1440;margin-bottom:24px;text-wrap:balance}
.studio-edition .ie-eyebrow{margin-bottom:20px;line-height:1.7}
.studio-edition .ie-lead{font-size:17px;line-height:1.8!important;max-width:600px;color:#5c6780}
.studio-edition .ie-hero-actions{margin-top:29px}
.studio-edition .ie-trust{font-size:13px;color:#64728a;margin-top:20px}
.studio-edition .ie-hero-art{border:1px solid #e0e7f0;border-radius:28px;background:linear-gradient(145deg,#f8fbff,#f4f7fb);box-shadow:0 25px 60px -35px #263c6855;overflow:hidden;transform:rotate(1deg);padding:22px;isolation:isolate}
.studio-edition .ie-hero-art img{width:100%;height:auto;object-fit:contain;border-radius:16px;mix-blend-mode:multiply}
.studio-edition .ie-art-corner{color:#71819a;font-size:10px;letter-spacing:.11em;padding-bottom:10px}
.studio-edition .ie-hero-art figcaption{font-size:11px;color:#5f6b82;padding-top:12px}
.studio-edition .ie-art-product{padding:10px;border:1px solid #dce4ef;border-radius:24px;background:linear-gradient(140deg,#fff,#f4f8fd);box-shadow:0 20px 65px -36px #24386355;overflow:hidden}
.studio-edition .ie-art-product .demo{border-radius:15px}
.studio-edition .ie-hero-compact .ie-hero-grid,.studio-edition .ie-hero-solo .ie-hero-grid,.studio-edition .ie-hero-quiet .ie-hero-grid{grid-template-columns:minmax(0,1fr);padding:42px 0 48px}
.studio-edition .ie-hero-compact h1,.studio-edition .ie-hero-quiet h1{font-size:clamp(36px,4vw,54px);max-width:900px}
.studio-edition .ie-hero-compact .ie-lead{max-width:840px}
.studio-edition .ie-hero-article .ie-hero-grid{padding:42px 0 56px;gap:48px}
.studio-edition .ie-hero-foot{border-color:#e4eaf2;color:#77849a}
.studio-edition .ie-hero-foot i{color:#9ba8bb}
.studio-edition .ie-chapters{background:#ffffffed;border-block:1px solid var(--line-soft);backdrop-filter:blur(14px);top:88px;z-index:20}
.studio-edition .ie-chapters a{font-size:12px;color:#556580;border-radius:10px}
.studio-edition .ie-chapters a:hover{background:#edf7fc;color:var(--accent)}
.studio-edition .ie-chapters small{color:#8294ab}
/* Consistent, airy rhythm and rounded card geometry across the full library. */
.studio-edition.ie-page .page-section{padding-block:80px}
.studio-edition.ie-page :is(.section-title,.split-copy h2){font-size:clamp(30px,3.1vw,43px);line-height:1.17;font-weight:600;letter-spacing:-.045em}
.studio-edition.ie-page .section-sub{font-size:16px;line-height:1.8;color:var(--muted)}
.studio-edition.ie-page .split{gap:64px}
.studio-edition :is(.split,.showcase,.k-context-flow)>*,.studio-edition .showcase-pane{min-width:0;max-width:100%}
.studio-edition.ie-page .split-copy>p,.studio-edition.ie-page .split-copy ul{font-size:16px;line-height:1.8;color:var(--muted)}
.studio-edition.ie-page :is(.section-raise,.section-mesh){background:#f6f8fc;border-color:#e9eef5}
.studio-edition.ie-page :is(.card,.flow-step,.post-card,.course-row,.facts){border-color:var(--line);border-radius:22px;box-shadow:var(--shadow-card);background:#fff}
.studio-edition.ie-page :is(.card,.flow-step){padding:28px}
.studio-edition.ie-page :is(.card h3,.flow-step h3,.post-card h3){font-family:var(--font-display);color:var(--ink);font-weight:600;font-size:21px;line-height:1.35;letter-spacing:-.035em}
.studio-edition.ie-page :is(.card p,.flow-step p,.post-card p){color:var(--muted);font-size:14px;line-height:1.8}
.studio-edition.ie-page .card-icon{background:#eef8fd;border-color:#dcecf7;border-radius:13px;color:var(--brand-a)}
.studio-edition.ie-page .post-card:hover{border-color:#c5dfef;box-shadow:0 20px 50px -26px #15386444}
.studio-edition .ie-card-art{background:linear-gradient(135deg,#f8fbfe,#eff5fb);border-color:#e8edf5;aspect-ratio:1.6}
.studio-edition.ie-page .post-card.idx-card{border-radius:22px;overflow:hidden}
.studio-edition.ie-page .post-card.idx-card .ie-card-art{aspect-ratio:1.6;border-radius:0;flex:none}
.studio-edition .ie-card-art img{object-fit:contain;mix-blend-mode:multiply;padding:8px}
.studio-edition.ie-page .post-card .post-kicker{color:var(--brand-a);font-size:11px;letter-spacing:.11em}
.studio-edition.ie-page .post-card .post-meta{color:#60718c;font-size:12px}
.studio-edition.ie-page .course-row h3{font-size:22px}
.studio-edition .ie-course-art{background:#f4f8fc;border-radius:13px}
.studio-edition.ie-page .stat-tile{border:1px solid #e2e9f2;background:#fff;border-radius:20px;padding:25px;box-shadow:var(--shadow-card)}
.studio-edition.ie-page .stat-tile b{font-family:var(--font-display);font-weight:600;color:var(--brand-a);font-size:clamp(35px,4vw,53px);letter-spacing:-.045em}
.studio-edition.ie-page .stat-tile :is(.stat-lbl,.stat-ctx){color:#63728b;font-size:12px}
.studio-edition.ie-page .flow-step::before{background:#eaf6fc;border-color:#d8eaf6;color:var(--brand-a);border-radius:10px}
.studio-edition.ie-page .prose{font-size:17px;line-height:1.9;color:var(--muted)}
.studio-edition.ie-page .prose :is(p,li){color:var(--muted)}
.studio-edition.ie-page .prose strong{color:var(--ink-2)}
.studio-edition.ie-page .prose h2{font-size:31px;font-weight:600;line-height:1.3}
.studio-edition.ie-page .prose h3{font-size:23px;font-weight:600}
.studio-edition.ie-page .prose blockquote{background:#eef8fd;border-color:#87c8e4;border-radius:0 18px 18px 0}
.studio-edition.ie-page .toc{background:#f7f9fc;border-color:var(--line);border-radius:18px;top:112px}
.studio-edition.ie-page .toc a{color:#60718c;font-size:13px}
.studio-edition.ie-page .toc :is(h4,.toc-h){color:var(--ink);font-size:12px}
.studio-edition .ie-related{background:#f5f8fc;padding:76px 0;border-top:1px solid #edf1f6}
.studio-edition .ie-section-heading h2{font-size:clamp(30px,3.2vw,44px);font-weight:600}
.studio-edition .ie-related-grid{gap:22px}
.studio-edition .ie-related-card{padding:24px 0;border-color:var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow-card);gap:10px}
.studio-edition .ie-related-card>:not(img):not(.ie-related-art):not(div:first-child){margin-inline:23px}
.studio-edition .ie-related-card h3{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.4;color:var(--ink)}
.studio-edition .ie-related-card p{font-size:14px;color:var(--muted);line-height:1.7}
.studio-edition .ie-related-card:hover{border-color:#bedcec;transform:translateY(-5px)}
.studio-edition .ie-related-art{width:100%;aspect-ratio:1.8;object-fit:contain;background:#f6faff;display:block;margin-bottom:12px}
.studio-edition .ie-related-card>div:first-child{width:100%;aspect-ratio:1.8;overflow:hidden;background:#f7fbff;margin-bottom:12px}
.studio-edition .ie-related-card>div:first-child img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.studio-edition .ie-search-bar{border-color:#e6edf5;gap:16px}
.studio-edition .ie-search-bar label{border-color:#d9e4f0;border-radius:14px;box-shadow:0 5px 20px -13px #14365744}
.studio-edition .ie-filters button{border-radius:10px;font-size:12px;color:#5d6b84;min-height:42px}
.studio-edition .ie-filters button[aria-pressed=true]{color:#08729d;background:#eaf7fc;border-color:#cce6f3}
.studio-edition .ie-search-status{color:#73839a;font-size:12px!important}
/* Interactive examples use the same frame, type and calm contrasting fills. */
.studio-edition .ix-section{--ix-ink:#0b1440;--ix-muted:#5c6780;--ix-teal:#087eae;--ix-line:#dfe8f2;--ix-mint:#edf7fc;--ix-ivory:#f6f8fc;--ix-serif:var(--font-display);padding:82px 0;background:#f6f8fc}
.studio-edition .ix-intro h2{font-family:var(--font-display);font-size:clamp(31px,3.4vw,45px);line-height:1.18;font-weight:600;letter-spacing:-.045em}
.studio-edition .ix-surface{border-color:#dfe7f1;border-radius:26px;box-shadow:0 24px 65px -35px #1d365b44}
.studio-edition .ix-surface-top{background:#fff;color:#5d6f89;border-color:#e5ebf3}
.studio-edition .ix-panel h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em}
.studio-edition .ix-tab[aria-selected=true]{background:#eaf7fc;color:#0876a0;border-color:#bddfeb}
.studio-edition .ix-note{font-size:12px}
.studio-edition .ix-tabs--sources .ix-tab{font-size:12px}
.studio-edition .ix-tab small{font-size:11px}
.studio-edition .ix-demo-label{border-radius:999px;border-color:#e3e8f0;font-size:10px;color:#60718a}
/* Pricing, calculators and forms retain their established behaviours. */
.studio-edition.ie-page .plans{gap:20px}
.studio-edition.ie-page .plan{border:1px solid var(--line);border-radius:24px;padding:28px 24px;background:#fff;box-shadow:var(--shadow-card)}
.studio-edition.ie-page .plan.featured{border:1px solid #8dc9e3;background:linear-gradient(155deg,#f1faff,#fff 60%);box-shadow:0 16px 50px -25px #087eae44}
.studio-edition.ie-page .plan h3{font-size:23px;font-weight:600;color:var(--ink)}
.studio-edition.ie-page .plan .price{font-family:var(--font-display);font-weight:600;letter-spacing:-.05em;color:var(--ink)}
.studio-edition .plan-badge{border-radius:999px;background:#0b1440;color:#fff;border-color:#0b1440}
.studio-edition.ie-page .pricing-plans .plan .price small,.studio-edition.ie-page .pricing-plans .plan-tag,.studio-edition .pr-list,.studio-edition .pricing-foot{color:var(--muted)}
.studio-edition .pr-allowance,.studio-edition .plan.featured .pr-allowance{background:#eef8fc;border-color:#dcecf5;color:#376480;border-radius:13px}
.studio-edition .pr-allowance b,.studio-edition .pr-list .pr-list-amount{color:#1b4d6d}
.studio-edition .pr-toggle,.studio-edition .pr-currency,.studio-edition .pr-calc-plan{border-color:var(--line);box-shadow:0 5px 15px -10px #0b144030;padding:5px}
.studio-edition .pr-toggle button,.studio-edition .pr-currency button{min-height:38px}
.studio-edition .pr-calc{border-radius:25px;box-shadow:var(--shadow-card)}
.studio-edition .pr-calc-results>div{background:#f6faff;border-color:#e0ebf5;border-radius:18px}
.studio-edition .pr-calc-results strong{font-family:var(--font-display);font-weight:600}
.studio-edition .pr-edition,.studio-edition .pr-service,.studio-edition .ea-steps li{border-radius:20px;box-shadow:var(--shadow-card)}
.studio-edition .pr-edition>.plan-badge{position:static;inset:auto;transform:none;align-self:flex-start;line-height:1.5}
.studio-edition.ie-page .calc{border-radius:24px;background:#f4f8fc;border-color:#dfe7f1}
.studio-edition.ie-page :is(.calc-inputs,.calc-out){border-radius:18px;border-color:#dfe7f1}
.studio-edition.ie-page .table-wrap{border-color:var(--line);border-radius:18px;box-shadow:0 9px 26px -20px #18375833}
.studio-edition.ie-page .table-wrap[data-scroll-hint]::before{color:#5d718f;background:#f2f7fc}
.studio-edition :is(input:not([type=range]):not([type=checkbox]),textarea,select){border-color:#d6e1ed;border-radius:11px;color:var(--ink)}
.studio-edition .faq-section{background:#fff;padding:76px 0}
.studio-edition .faq-section .section-title{font-family:var(--font-display);font-size:clamp(30px,3.5vw,44px);font-weight:600;color:var(--ink)}
.studio-edition .faq-item{border:1px solid #e2e8f0;border-radius:17px;background:#fff;margin-bottom:12px;box-shadow:0 4px 18px -14px #1b345133}
.studio-edition .faq-item summary{font-size:16px;padding:23px 25px;color:var(--ink);font-weight:550}
.studio-edition .faq-item[open]{border-color:#c8e1ef;background:#fbfdff}
.studio-edition .faq-a{font-size:15px;color:var(--muted);padding-inline:25px}
/* A contained midnight closing moment, not a dark site. */
body.studio-edition .cta-band{position:relative;background:radial-gradient(ellipse at 80% 10%,#1b4779,transparent 55%),#0b1440;border:0;margin:36px auto 0;width:min(1240px,calc(100% - 72px));border-radius:30px;padding:64px 36px;overflow:hidden}
body.studio-edition .cta-band .container{width:100%;max-width:960px}
/* The closing band is dark: its headline is white. .cta-band-inner keeps this rule above
   the headings' own (.studio-edition :is(h1,h2,...):not(.ph *), 0,3,1), which had turned it navy. */
body.studio-edition .cta-band .cta-band-inner h2{color:#fff;font-family:var(--font-display);font-size:clamp(32px,3.8vw,50px);font-weight:600;letter-spacing:-.045em;line-height:1.18}
body.studio-edition .cta-band .cta-band-inner h2 em{color:#66d5e1}
/* a link in the dark band's paragraph takes the band's light cyan, not the page accent (3.78:1 on the band) */
body.studio-edition .cta-band .cta-band-inner p a{color:#66d5e1;text-decoration-color:rgb(102 213 225/.5)}
body.studio-edition .cta-band-inner>p:not(.cta-trust),body.studio-edition .cta-band p,body.studio-edition .cta-band .cta-trust,body.studio-edition .cta-band .cta-note{color:#c5d0e7;font-size:15px}
body.studio-edition .cta-band .cta-trust{color:#c5d0e7!important}
body.studio-edition .cta-band a.btn.btn-lg{border-radius:13px;min-height:50px}
body.studio-edition .cta-band .btn-ghost{border-color:#ffffff35;background:#ffffff0d;color:#fff;box-shadow:none}
body.studio-edition .cta-band .btn-primary{background:#fff;border-color:#fff;color:#0b1440;box-shadow:none}
body.studio-edition .cta-band .btn-primary:hover{background:#eaf7ff;color:#0b1440}
.studio-edition .i-footer{background:#fff;border-top:0;padding-top:70px}
.studio-edition .i-footer-band{border-color:#e2e9f2;border-radius:22px;background:linear-gradient(120deg,#f6fbff,#f8f7ff);padding:28px 32px}
.studio-edition .i-footer-band-title{font-family:var(--font-display);font-weight:600;font-size:23px;color:var(--ink)}
.studio-edition .i-footer-brand>p{color:#283654}
.studio-edition .i-footer .i-footer-top .i-footer-col h3{color:#25324f;font-size:11px;letter-spacing:.1em}
.studio-edition .i-footer .i-footer-top .i-footer-col>a{color:#5c6a82;font-size:13px;line-height:1.65}
.studio-edition .i-footer-brand>span a,.studio-edition .i-footer-bottom a,.studio-edition .i-footer-band-more{color:#08759e}
.studio-edition .i-footer-bottom{color:#5f6c86;border-color:#e6ebf3}
.studio-edition .i-footer-word{font-family:var(--font-display);font-weight:600;font-size:clamp(72px,13vw,170px);color:#edf2f8;letter-spacing:-.08em;margin-bottom:-18px}
.studio-edition .i-footer-word span{color:#dcebf4}
.studio-edition .ie-progress{background:linear-gradient(90deg,#087fbc,#0db5bb,#7a6ff0);height:2px}
html[dir=rtl] .studio-edition{--font-display:'Noto Kufi Arabic',Inter,system-ui,sans-serif;--font-body:'Noto Kufi Arabic',Inter,system-ui,sans-serif}
html[dir=rtl] .studio-edition :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.65}
html[dir=rtl] .studio-edition .ie-hero h1{font-size:clamp(30px,3.6vw,47px);line-height:1.7}
html[dir=rtl] .studio-edition .ie-hero-art{transform:rotate(-1deg)}
html[dir=rtl] .studio-edition .i-word{font-family:Poppins,Inter,sans-serif}
@media(min-width:1024px) and (max-width:1200px){.studio-edition .i-navlinks{gap:16px}.studio-edition .i-navgroup>button,.studio-edition .i-nav-price{font-size:13px}.studio-edition .i-navactions{gap:9px}.studio-edition .i-nav.container{gap:20px}.studio-edition .i-header a.i-cta{font-size:12px;padding-inline:12px}}
@media(max-width:1023px){
 .studio-edition .i-header{top:10px;width:calc(100% - 32px);margin-top:10px}
 .studio-edition .i-navlinks{background:#fff;border:1px solid #e0e7f0;border-radius:0 0 18px 18px;left:-1px;right:-1px;padding:12px 24px 28px;box-shadow:0 25px 50px -25px #18305c55;max-height:calc(100dvh - 100px)}
 .studio-edition .i-navlinks.is-open{height:auto;min-height:calc(100dvh - 100px)}
 .studio-edition .i-navgroup>button,.studio-edition .i-nav-price{font-size:16px;padding:17px 0;border-color:#e8eef5}
 .studio-edition .i-dropdown{box-shadow:none;border:0;padding:2px 0 12px;background:#f7faff;border-radius:12px;width:auto}
 .studio-edition .i-menu-toggle{margin-inline-end:0;border:1px solid #e5ebf3;border-radius:10px;width:40px;height:40px}
 .studio-edition .i-menu-toggle span{background:#273354}
 .studio-edition .ie-hero-grid,.studio-edition .ie-hero-visual .ie-hero-grid{gap:32px}
 .studio-edition .ie-hero h1{font-size:40px}
 .studio-edition .ie-lead{font-size:16px}
 .studio-edition.ie-page .split{gap:40px}
 .studio-edition .ix-section{padding:68px 0}
}
/* tablets: one column, so the copy is not squeezed into a third of the width */
@media(max-width:900px){.studio-edition .ie-hero-grid,.studio-edition .ie-hero-visual .ie-hero-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:760px){
 .studio-edition .container,.studio-edition.ie-page .container,.studio-edition .ix-wrap.container{width:calc(100% - 40px)}
 .studio-edition .i-header{width:calc(100% - 24px);top:8px;margin-top:8px;border-radius:16px}
 .studio-edition .i-nav.container{height:60px;padding-inline:14px;gap:12px;width:100%}
 .studio-edition .i-brand{font-size:22px;gap:7px}.studio-edition .i-brand img{width:28px;height:28px}
 .studio-edition .i-navactions{gap:8px}.studio-edition .i-lang{padding:0 8px;min-width:33px;font-size:11px;min-height:36px}
 .studio-edition .i-header a.i-cta{min-height:38px;font-size:11px;padding:8px 11px;border-radius:10px}
 .studio-edition .ie-breadcrumb{padding-top:24px;font-size:11px}
 .studio-edition .ie-hero-grid,.studio-edition .ie-hero-visual .ie-hero-grid,.studio-edition .ie-hero-article .ie-hero-grid{grid-template-columns:1fr;gap:34px;padding:32px 0 44px}
 .studio-edition .ie-hero h1,.studio-edition .ie-hero-compact h1,.studio-edition .ie-hero-quiet h1{font-size:clamp(32px,6.6vw,45px);line-height:1.15;letter-spacing:-.045em;text-wrap:pretty}
 .studio-edition .ie-hero-compact .ie-hero-grid,.studio-edition .ie-hero-solo .ie-hero-grid,.studio-edition .ie-hero-quiet .ie-hero-grid{padding:30px 0 36px}
 .studio-edition .ie-lead{font-size:16px;line-height:1.8!important}
 .studio-edition .ie-hero-art{padding:18px;transform:none;border-radius:22px;max-width:100%;justify-self:stretch}
 .studio-edition .ie-art-product{border-radius:20px;padding:7px}
 .studio-edition .ie-chapters{top:78px}
 .studio-edition .ie-chapters nav{padding-block:6px}
 .studio-edition.ie-page .page-section{padding-block:55px}
 .studio-edition.ie-page :is(.section-title,.split-copy h2){font-size:30px;line-height:1.24}
 .studio-edition.ie-page .section-sub,.studio-edition.ie-page .split-copy>p,.studio-edition.ie-page .split-copy ul{font-size:15px;line-height:1.8}
 .studio-edition.ie-page :is(.card,.flow-step){padding:24px}
 .studio-edition.ie-page :is(.card h3,.flow-step h3,.post-card h3){font-size:21px}
 .studio-edition.ie-page .prose{font-size:16px}.studio-edition.ie-page .prose h2{font-size:27px}.studio-edition.ie-page .prose h3{font-size:22px}
 .studio-edition .ie-related{padding:55px 0}.studio-edition .ie-related-grid{gap:20px}.studio-edition .ie-section-heading h2{font-size:31px}
 .studio-edition .ie-related-card h3{font-size:20px}
 .studio-edition .ie-filters{gap:5px}.studio-edition .ie-filters button{font-size:11px;padding:8px 10px}
 .studio-edition .ix-section{padding:55px 0}.studio-edition .ix-intro h2{font-size:32px;line-height:1.25}.studio-edition .ix-surface{border-radius:20px}.studio-edition .ix-lead{font-size:15px}
 .studio-edition .ix-fact p,.studio-edition .ix-decision p,.studio-edition .ix-opportunity p{font-size:13px}
 .studio-edition.ie-page .plan{padding:28px;border-radius:23px}.studio-edition.ie-page .plans{gap:24px}
 .studio-edition .pr-calc{padding:24px!important;border-radius:22px}
 .studio-edition .faq-section{padding:55px 0}.studio-edition .faq-item summary{font-size:15px;padding:20px}.studio-edition .faq-a{font-size:14px;padding-inline:20px}
 body.studio-edition .cta-band{width:calc(100% - 32px);padding:42px 24px;border-radius:24px;margin-top:20px}body.studio-edition .cta-band h2{font-size:31px}body.studio-edition .cta-band .container{width:100%}
 .studio-edition .i-footer{padding-top:44px}.studio-edition .i-footer-band{padding:24px;border-radius:20px}.studio-edition .i-footer-band-title{font-size:21px}
 html[dir=rtl] .studio-edition .ie-hero h1{font-size:31px;line-height:1.7}
 html[dir=rtl] .studio-edition .ie-hero-art{transform:none}
}
@media(max-width:380px){
 .studio-edition .container,.studio-edition.ie-page .container,.studio-edition .ix-wrap.container{width:calc(100% - 32px)}
 .studio-edition .i-nav.container{padding-inline:10px;gap:8px}.studio-edition .i-brand{font-size:20px;gap:5px}.studio-edition .i-brand img{width:25px;height:25px}.studio-edition .i-navactions{gap:6px}.studio-edition .i-header a.i-cta{padding-inline:9px;font-size:10px}.studio-edition .i-menu-toggle{width:35px;height:36px}.studio-edition .i-lang{min-width:29px;padding-inline:6px}
 .studio-edition .ie-hero h1{font-size:32px}.studio-edition .ie-hero-actions .btn{font-size:12px;padding-inline:16px}
 .studio-edition .ie-filters button{font-size:10px;padding-inline:8px}
 .studio-edition .pr-calc{padding:20px!important}.studio-edition .pr-calc-results{gap:10px}.studio-edition .pr-calc-results>div{padding:16px 12px}.studio-edition .pr-calc-results strong{font-size:29px}
}
/* Conversion pass, 30 October 2026: the mission bar on /for/ pages, the phone
   drawer's missions, the two-column menus and the footer's "connecting" tag. */
/* the bar follows the hero's buttons, so the heading and the primary button
   stay inside a laptop's first screen; its heading is capped a little lower */
.studio-edition .mission-bar{margin:20px 0 0}
@media(min-width:1024px){.studio-edition .ie-hero:has(.mission-bar) h1{font-size:clamp(36px,3.7vw,52px)}html[dir=rtl] .studio-edition .ie-hero:has(.mission-bar) h1{font-size:clamp(30px,3.1vw,42px)}}
.studio-edition .mission-bar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.studio-edition .mission-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid #dce8f1;border-radius:999px;background:#f3f8fc;color:#273353;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.studio-edition .mission-bar a:hover{border-color:#b6d4e7;background:#eaf5fb;color:#087eae}
.studio-edition .mission-bar a[aria-current=page]{background:linear-gradient(115deg,#0875a4,#087f8d);border-color:#087d9c;color:#fff;box-shadow:0 8px 18px -10px #087a9d88}
html[dir=rtl] .studio-edition .mission-bar a{font-family:inherit;letter-spacing:0}
.i-drawer-missions{display:none}
.i-footer-tag{display:inline-block;margin-inline-start:6px;padding:0 7px;border:1px solid #dde4ee;border-radius:999px;background:#eef2f7;color:#5c6780;font-size:11px;font-weight:550;line-height:1.6;vertical-align:1px;white-space:nowrap}
@media(min-width:1024px){
 .studio-edition .i-navgroup-wide{position:static}
 .studio-edition .i-dropdown-wide{width:min(640px,calc(100vw - 64px));inset-inline-start:50%;transform:translateX(-50%);top:calc(100% + 8px)}
 html[dir=rtl] .studio-edition .i-dropdown-wide{transform:translateX(50%)}
 .studio-edition .i-dropdown-wide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px}
}
@media(max-width:1023px){
 .i-drawer-missions{display:block;padding:10px 0 18px;border-bottom:1px solid #e8eef5}
 .i-drawer-q{margin:0 0 10px;color:#08688c;font-size:12px;font-weight:650;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}
 html[dir=rtl] .i-drawer-q{font-size:14px;letter-spacing:0;text-transform:none}
 .i-drawer-missions ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .i-drawer-missions a{display:flex;align-items:flex-start;gap:10px;min-height:56px;height:100%;padding:11px 12px;border:1px solid #dce8f1;border-radius:14px;background:#f3f8fc;color:#0b1440;text-decoration:none}
 .i-drawer-missions a:hover,.i-drawer-missions a[aria-current=page]{border-color:#9fcbe2;background:#e8f4fb}
 .i-drawer-ico{flex:none;display:inline-flex;margin-top:1px}
 .i-drawer-ico svg{width:20px;height:20px;fill:none;stroke:#087eae;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .i-drawer-missions b{display:block;font-size:15px;font-weight:600;line-height:1.3}
 .i-drawer-missions small{display:block;margin-top:2px;color:#5c6780;font-size:12.5px;line-height:1.35}
}
@media(max-width:520px){.i-drawer-missions ul{grid-template-columns:1fr}.i-drawer-missions a{min-height:52px;align-items:center}}
/* Where the hero copy column is too narrow for one row of four, the missions sit two by two. */
@media(max-width:1180px){.studio-edition .mission-bar ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}.studio-edition .mission-bar a{width:100%;padding-inline:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){.studio-edition *, .studio-edition *::before,.studio-edition *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Touch: the header's call to action, the language switch, the menu button and
   the pricing toggles are at least 44px tall. */
@media (max-width:760px),(pointer:coarse){
 .studio-edition .i-header a.i-cta,.studio-edition .i-lang{min-height:44px}
 .studio-edition .i-menu-toggle{width:44px;height:44px}
 .studio-edition .pr-toggle button,.studio-edition .pr-currency button,.studio-edition .pr-calc-plan button{min-height:44px}
}
/* the narrowest phones keep the menu button's width, so the header still fits */
@media (max-width:380px){.studio-edition .i-menu-toggle{width:35px}}

/* ---------------------------------------------------------------------------
   Unslop layer (30 October 2026), after heydamir/unslop (CC BY 4.0, Damir
   Sokolovsky). Generated from the selectors that used these patterns:
   uppercase tracked labels become sentence case, nothing lifts on hover, the
   primary action is one solid accent, and chrome loses its hue gradients,
   colour washes and tilted art. Product moments (charts, demo fills) keep theirs.
   --------------------------------------------------------------------------- */
.bs-head,.calc-cta-kicker,.calc-kpis .calc-lbl,.calc-out :is(h2, h3),.calc-table th,.cmp-stack .cmp-label,.dev-panel-who,.ex-cov-table caption,.ex-k,.facts dt,.feed-mock li.day,.fits-kicker,.footer-col h3,.i-drawer-q,.i-footer .i-footer-top .i-footer-col h3,.ie-chapters nav>span,.ie-eyebrow,.ie-page .idx-eyebrow,.ie-page .kicker,.ie-page .section-kicker,.ie-related-kind,.int-group > b,.ix-eyebrow,.ix-matrix thead th,.ix-micro,.k-eyebrow,.kicker,.ladder li.floor,.lang-pill,.menu-group,.mock th,.mock-kpi span,.pl-msg-who,.plan-badge,.plan-matrix tr.cmp-group th,.plan-panel .plan-panel-kicker,.post-card .post-kicker,.pr-calc-results span,.pr-credit-table thead th,.pr-matrix thead th,.prose .example .example-label,.related small,.rz-plan-k,.section-kicker,.shipped-strip .shipped-lbl,.stat-tile .stat-lbl,.toc .toc-h,.toc h4,.vz-grid thead th{text-transform:none!important;letter-spacing:0!important}
.dev-table td[data-label]::before{text-transform:none!important;letter-spacing:0!important}
.bento-item:hover,.btn-ghost:hover,.btn-primary:hover,.card:hover,.card:hover .card-icon,.door:hover,.flow-step:hover,.hero-badge:hover,.ie-page .post-card:hover,.ie-page .prose .fits-links a:hover,.ie-related-card:hover,.k-pillar:hover,.lesson-nav a:hover,.pill-item:hover,.post-card:hover,.related a:hover,.split-visual:hover .demo,.split-visual:hover .mock,.split-visual:hover .shot,.stat:hover,.studio-edition .btn-primary:hover,.studio-edition .ie-related-card:hover,.trust-strip a:hover,a.ex-fig:hover{transform:none!important}
.studio-edition .btn{transition:background-color .15s cubic-bezier(.22,1,.36,1),border-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.22,1,.36,1)}
.studio-edition .btn:active{transform:scale(.98)!important}
.studio-edition .btn-primary,.ex-btn-primary{background:#087eae;border-color:#087eae;box-shadow:none}
.studio-edition .btn-primary:hover{background:#06688f;border-color:#06688f;box-shadow:none}
.studio-edition .mission-bar a[aria-current=page]{background:#0b1440;border-color:#0b1440;box-shadow:none}
.studio-edition .ie-progress{background:#087eae}
.studio-edition .ie-hero{background:#fff}
.studio-edition .ie-hero-art,html[dir=rtl] .studio-edition .ie-hero-art{transform:none;background:#f5f7fa;box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 24px rgba(11,20,64,.06)}
.studio-edition.ie-page .plan.featured{background:#f5f7fa;box-shadow:none}
.studio-edition .i-footer-band{background:#f5f7fa}
.ie-page .ct-door-primary,.ct-door-primary{background:#fff}
.studio-edition :is(.section-kicker,.kicker,.ie-eyebrow,.k-eyebrow){font-size:13px;font-weight:500}
body.studio-edition .cta-band{background:#0b0d14;border-radius:20px}

/* The inner pages' hero light (2 Nov 2026), the home's own: an aurora behind the
   headline and the visual, a grid that fades out, and the headline's accent in
   the cyan-to-indigo gradient. Legal pages stay quiet; still under reduced motion. */
.studio-edition .ie-hero:not(.ie-hero-quiet){position:relative;isolation:isolate;background:#fff}
.studio-edition .ie-hero:not(.ie-hero-quiet)::before,.studio-edition .ie-hero:not(.ie-hero-quiet)::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.studio-edition .ie-hero:not(.ie-hero-quiet)::before{inset:-20% -10% 6%;background:radial-gradient(36% 46% at 86% 26%,rgb(8 126 174/.14),transparent 70%),radial-gradient(28% 40% at 8% 0,rgb(13 148 136/.10),transparent 70%),radial-gradient(40% 50% at 52% 92%,rgb(99 102 241/.08),transparent 72%)}
.studio-edition .ie-hero:not(.ie-hero-quiet)::after{inset:0;background-image:linear-gradient(rgb(11 20 64/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(11 20 64/.045) 1px,transparent 1px);background-size:64px 64px;background-position:50% -1px;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 0,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse 70% 72% at 50% 0,#000 18%,transparent 72%)}
@media (prefers-reduced-motion:no-preference){.studio-edition .ie-hero:not(.ie-hero-quiet)::before{animation:ie-aurora 26s cubic-bezier(.25,.46,.45,.94) infinite alternate}}
@keyframes ie-aurora{to{transform:translate3d(-3%,2%,0) scale(1.06)}}
.studio-edition .ie-hero:not(.ie-hero-quiet) h1 em{padding-bottom:.06em;background:linear-gradient(100deg,#0b6f9a 0%,#087eae 32%,#0d9488 64%,#4f46e5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[dir=rtl] .studio-edition .ie-hero:not(.ie-hero-quiet) h1 em{background-image:linear-gradient(260deg,#0b6f9a 0%,#087eae 32%,#0d9488 64%,#4f46e5 100%)}

/* Live cards (2 Nov 2026): a piece of the day's records in place of studio art
   (src/index-live.mjs), on the features index (its 4:3 art box) and in the
   related cards at the foot of inner pages (their 1.8:1 box, compact). */
.ie-page .post-card.idx-card .ie-card-art.idx-live{display:flex;flex-direction:column;gap:7px;padding:14px 16px;background:radial-gradient(120% 90% at 100% 0,rgb(8 126 174/.10),transparent 60%),linear-gradient(135deg,#f8fbfe,#eef4fa);color:#3f4a64;font-size:12px;line-height:1.35}
.idx-live .il{display:flex;flex-direction:column;gap:7px;min-width:0;height:100%}
.idx-live .il-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:#0f6b47;letter-spacing:.01em}
.idx-live .il-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgb(22 163 74/.15)}
.idx-live .il-k{flex:none;margin:0!important;font-size:12px;line-height:1.4;color:#3f4a64}
/* the index card's description grows to push its foot down; a view's own lines must not, and its list sits in the middle of the room left */
.idx-live .il>ul{margin-block:auto}
.idx-live .il-k b{color:#0b1440;font-weight:650}
.idx-live ul,.idx-live ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.idx-live li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #e3eaf2}
.idx-live li>span{position:relative;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0b1440}
.idx-live li>span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:#0b1440}
.idx-live li small{display:block;font-size:10.5px;color:#5f6b82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idx-live li u{position:relative;text-decoration:none;font-variant-numeric:tabular-nums;font-weight:600;font-size:11.5px;color:#0b1440;white-space:nowrap}
.idx-live .il-mark{position:relative;flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#e6f3f8;color:#087eae;font-size:9px;font-weight:700;overflow:hidden}
.ie-page .post-card .ie-card-art.idx-live .il-mark img,.studio-edition .ie-card-art.idx-live .il-mark img,.studio-edition .ie-related-card>div.idx-live .il-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;background:#fff;mix-blend-mode:normal;opacity:0;transition:opacity .2s;transform:none}
.ie-page .post-card:hover .ie-card-art.idx-live img{transform:none}
.idx-live .il-bars li i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:9px;background:linear-gradient(90deg,rgb(8 126 174/.16),rgb(8 126 174/.06))}
.idx-live .il-bars li.is-win i{background:linear-gradient(90deg,rgb(22 163 74/.22),rgb(22 163 74/.08))}
.idx-live .il-bars li.is-out{opacity:.62}
.idx-live .il-bars .il-flag,.studio-edition .ie-related-card>div.idx-live .il-flag{position:relative;flex:none;width:14px;height:14px;padding:0;border-radius:50%;object-fit:cover;mix-blend-mode:normal}
.idx-live .il-logos ul{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:auto}
.idx-live .il-logos li{justify-content:center;padding:8px}
.idx-live .il-logos .il-mark{width:34px;height:34px;border-radius:9px}
.idx-live .il-hist ol{flex:none;height:150px;margin-block:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px}
.idx-live .il-hist li{flex-direction:column;justify-content:flex-end;gap:3px;height:100%;min-height:96px;padding:0;background:none;box-shadow:none}
.idx-live .il-hist li i{display:block;width:100%;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2bb3d6,#087eae)}
.idx-live .il-hist li b{font-size:12px;color:#0b1440}
.idx-live .il-hist li span{font-size:10.5px;color:#5f6b82;flex:none}
.studio-edition .ie-related-card>div.ie-related-art.idx-live{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;background:radial-gradient(120% 90% at 100% 0,rgb(8 126 174/.10),transparent 60%),linear-gradient(135deg,#f8fbfe,#eef4fa);color:#3f4a64;font-size:12px;line-height:1.35;text-align:start}
.idx-live.il-compact .il{gap:6px}
.idx-live.il-compact .il-live{font-size:10px}
.idx-live.il-compact .il-k{font-size:11.5px}
.idx-live.il-compact li{padding:4px 8px}
.idx-live.il-compact .il-hist ol{flex:1;height:auto;margin-block:0}
.idx-live.il-compact .il-hist li{min-height:64px}
.idx-live.il-compact .il-logos li{padding:6px}
.idx-live.il-compact .il-logos .il-mark{width:28px;height:28px}

/* A figure as a wall of real logos (2 Nov 2026): the programmes behind the ways
   to apply, the partners behind the perks, the government buyers (rw-buyers). */
.rz-art.rz-art-logos{padding:clamp(14px,2.4vw,24px) clamp(14px,2.4vw,24px) 64px}
.rz-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.rz-logos li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:14px 10px 12px;border:1px solid #e3eaf3;border-radius:14px;background:#fff;box-shadow:0 6px 16px -14px rgb(29 54 91/.35);font-size:12.5px;line-height:1.3;font-weight:600;color:#13204a;text-align:center;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.rz-logos li:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgb(29 54 91/.45)}
.rz-logos li>span:last-child{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.rz-mark{position:relative;flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#e5f4fb,#eef0ff);color:#0b5e85;font-size:13px;font-weight:700}
.rz-logos li .rz-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box;background:#fff;opacity:0;transition:opacity .2s;mix-blend-mode:normal}
@media (max-width:640px){.rz-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.rz-logos li{transition:none}.rz-logos li:hover{transform:none}}
.rw-buyers li{position:relative}
.rw-buyers li img.rw-flag{display:block;position:absolute;top:8px;inset-inline-end:8px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px #fff,0 1px 3px rgb(29 54 91/.25);mix-blend-mode:normal}
.rw-cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px;font-size:12.5px;line-height:1.4;color:#4b5a78}
.rw-cap .ex-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#eafaf2;border:1px solid #bfe9d3;color:#0f6b47;font-size:12px;font-weight:600;white-space:nowrap}
.rw-cap .ex-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a}
.ie-page .bids-art.bids-art-logos,.rz-gov-art.rz-gov-logos{padding:clamp(14px,2.4vw,22px);mix-blend-mode:normal}

/* A market page's hero as a live view (2 Nov 2026): Oman's open tenders lead the
   four markets, from the day's records. */
.idx-live.il-hero{min-height:340px;padding:28px 30px;border-radius:20px;box-shadow:0 0 0 1px #e3eaf2,0 24px 60px -32px rgb(11 20 64/.35)}
.idx-live.il-hero .il{gap:16px;justify-content:center}
.idx-live.il-hero .il-live{font-size:12px}
.idx-live.il-hero .il-k{font-size:17px;line-height:1.35}
.idx-live.il-hero .il-k b{font-size:24px;letter-spacing:-.02em;color:#0b1440}
.idx-live.il-hero ul{gap:10px}
.idx-live.il-hero li{padding:12px 16px;border-radius:12px;font-size:15px}
.idx-live.il-hero li i{border-radius:12px}
.idx-live.il-hero li u{font-size:15px;font-weight:600}
.idx-live.il-hero .il-bars .il-flag{width:18px;height:18px}

/* A live card that is a code sample (2 Nov 2026): the Context API's call, as the
   home's agents section shows it, in a dark window inside the card's art box. */
.idx-live .il-code{justify-content:center;gap:8px}
.idx-live .il-code pre{margin:0;padding:12px 14px;border-radius:10px;background:#11141c;box-shadow:0 0 0 1px rgb(94 200 232/.18);color:#c9d1e3;font:10.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow:hidden}
.idx-live .il-code .c-k{color:#5ec8e8}.idx-live .il-code .c-s{color:#c3b5ff}.idx-live .il-code .c-v{color:#9be2b0}.idx-live .il-code .c-c{color:#8a93a8}

/* ------------------------------------------------------------------ */
/* The film's look on every page (2 Nov 2026). The owner asked the site */
/* to learn from the Ishara film: its light world, its signal line, the */
/* logo cyan in place of indigo, spaced cyan eyebrows, and the end      */
/* card's star on a deep teal night for every closing band. The light   */
/* is drawn by src/film-light.mjs; none of it moves under reduced motion. */
/* ------------------------------------------------------------------ */
.ph-bokeh{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ph-bokeh i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;opacity:var(--o);background:radial-gradient(circle,rgb(7 159 191/.5),rgb(7 159 191/0) 70%)}
.ph-bokeh.is-night i{background:radial-gradient(circle,rgb(170 236 245/.75),rgb(170 236 245/0) 70%)}
@media (prefers-reduced-motion:no-preference){.ph-bokeh i{animation:ph-drift var(--t) ease-in-out var(--dl) infinite alternate}}
@keyframes ph-drift{to{transform:translate3d(28px,-36px,0) scale(1.15)}}
.ph-wave{position:absolute;left:50%;width:100vw;height:160px;transform:translateX(-50%);pointer-events:none;overflow:visible}
.ph-wave path{fill:none;stroke-width:1.3;vector-effect:non-scaling-stroke;opacity:var(--o);transform-box:view-box;transform-origin:50% 50%}
@media (prefers-reduced-motion:no-preference){.ph-wave path{animation:ph-breathe var(--d) ease-in-out var(--dl) infinite alternate}}
@keyframes ph-breathe{from{transform:scaleY(1)}to{transform:scaleY(-.8)}}

/* Inner heroes: the film's light world, the signal line along the foot, cyan accents. */
.studio-edition .ie-hero:not(.ie-hero-quiet){background:radial-gradient(60% 55% at 6% 0,rgb(226 243 244/.95),transparent 70%),radial-gradient(60% 60% at 100% 92%,rgb(226 240 245/.9),transparent 70%),linear-gradient(180deg,#fdfefe 0,#f6f9fa 100%)}
.studio-edition .ie-hero:not(.ie-hero-quiet)::after{display:none}
.studio-edition .ie-hero:not(.ie-hero-quiet)::before{background:radial-gradient(36% 46% at 86% 26%,rgb(7 159 191/.13),transparent 70%),radial-gradient(28% 40% at 8% 0,rgb(64 177 197/.12),transparent 70%),radial-gradient(40% 50% at 52% 92%,rgb(0 130 156/.08),transparent 72%)}
.studio-edition .ie-hero:not(.ie-hero-quiet) h1 em{background-image:linear-gradient(100deg,#079fbf 0%,#10abc8 46%,#00829c 100%)}
[dir=rtl] .studio-edition .ie-hero:not(.ie-hero-quiet) h1 em{background-image:linear-gradient(260deg,#079fbf 0%,#10abc8 46%,#00829c 100%)}
/* The line runs in the hero's foot, which grows so no word sits on it. */
.studio-edition .ie-hero:not(.ie-hero-quiet) .ie-hero-grid{padding-bottom:92px}
.ie-hero .ph-wave.ie-wave{top:auto;bottom:8px;height:64px;z-index:-1;filter:drop-shadow(0 0 4px rgb(7 159 191/.3))}
@media (max-width:640px){.studio-edition .ie-hero:not(.ie-hero-quiet) .ie-hero-grid{padding-bottom:50px}.ie-hero .ph-wave.ie-wave{bottom:4px;height:32px}}
.studio-edition .ie-eyebrow{color:#08758c;font-weight:700;letter-spacing:.2em}
.studio-edition .ie-eyebrow>span{background:#079fbf;box-shadow:0 0 0 4px rgb(7 159 191/.12),0 0 10px rgb(7 159 191/.6)}
[dir=rtl] .studio-edition .ie-eyebrow{letter-spacing:0}

/* Every closing band as the film's end card. */
body.studio-edition .cta-band{isolation:isolate;overflow:hidden;background:radial-gradient(90% 62% at 50% 120%,rgb(7 159 191/.55),transparent 70%),radial-gradient(60% 60% at 90% -12%,rgb(0 130 156/.35),transparent 70%),radial-gradient(70% 70% at 0 30%,rgb(18 66 83/.55),transparent 70%),linear-gradient(180deg,#02141b 0,#01171f 55%,#021420 100%);padding-bottom:104px}
body.studio-edition .cta-band .cta-star{display:block;width:52px;height:52px;margin:0 auto 24px;color:#4fd3ea;filter:drop-shadow(0 0 12px rgb(79 211 234/.75)) drop-shadow(0 0 36px rgb(7 159 191/.55))}
body.studio-edition .cta-band .cta-star svg{display:block;width:100%;height:100%}
@media (prefers-reduced-motion:no-preference){body.studio-edition .cta-band .cta-star{animation:cta-star 5s ease-in-out infinite}}
@keyframes cta-star{50%{transform:scale(1.06) rotate(4deg);filter:drop-shadow(0 0 18px rgb(79 211 234/.9)) drop-shadow(0 0 52px rgb(7 159 191/.65))}}
body.studio-edition .cta-band .btn-primary{background:linear-gradient(135deg,#00809a,#006f86);border-color:transparent;color:#fff;border-radius:999px;box-shadow:0 12px 30px -10px rgb(7 159 191/.75),inset 0 1px 0 rgb(255 255 255/.22)}
body.studio-edition .cta-band .btn-primary:hover{background:linear-gradient(135deg,#008aa5,#007890);color:#fff}
body.studio-edition .cta-band .btn-ghost{border-radius:999px}
body.studio-edition .cta-band .ph-wave.cta-wave{top:auto;bottom:-24px;width:100%;height:110px;z-index:-1;filter:drop-shadow(0 0 6px rgb(79 211 234/.6))}
@media (max-width:640px){body.studio-edition .cta-band{padding-bottom:84px}body.studio-edition .cta-band .cta-star{width:44px;height:44px;margin-bottom:18px}}