/* Synaptech / Midnight Studio — shared design for all pages. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--ink:#f3f1f8;--muted:#aeb3c8;--paper:#090d18;--white:#121929;--violet:#c0a0ff;--lilac:#27233e;--line:#ffffff14;--surface:#101726;--surface-raised:#172033;--shadow:0 28px 90px #0005;--stage-0:#929abe;--stage-1:#d2abff;--stage-2:#8e7fff;--stage-3:#77c9b4}
html{color-scheme:dark;scroll-padding-top:155px}
body{font-family:Manrope,Arial,sans-serif;background:radial-gradient(ellipse at 7% 32%,#38214620,transparent 48%),radial-gradient(ellipse at 96% 75%,#18355222,transparent 45%),#090d18;color:var(--ink);overflow-x:clip}
h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;font-weight:500}
h1,h2{letter-spacing:-.055em}
h3{font-weight:600}
p{color:var(--muted)}
em{color:#c6a9f3;font-family:Georgia,serif;font-weight:400}
::selection{background:#744cb7;color:white}
a,button{transition:color .25s,background .25s,border-color .25s,box-shadow .25s}
.container{width:calc(100% - 120px);max-width:1360px}
.section{padding-block:110px}
.compact-top{padding-top:35px}
.section-heading{margin-bottom:50px;gap:55px;align-items:end}
.section-heading h2{font-size:clamp(34px,4vw,59px);line-height:1.13}
.section-heading p,.section-heading-copy{max-width:390px;font-size:14px}
.section-heading-copy .text-link{margin-top:24px}
.eyebrow{color:#cab0f2;font-size:10px;letter-spacing:.19em;margin-bottom:24px}
.eyebrow>span{width:28px;background:linear-gradient(90deg,#d4b4ff,#8864c8)}
.link-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}
.link-chevron svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button{border-radius:12px;font-size:12px;font-weight:700;gap:16px;min-height:53px;padding:16px 23px;position:relative}
.button.primary{background:linear-gradient(115deg,#d8c4ff,#b798e8);color:#1b1330;border:1px solid #e6d5ff;box-shadow:0 5px 25px #9970c520,inset 0 1px 0 #ffffff60}
.button.primary:hover{background:linear-gradient(115deg,#e8dcff,#c7adf5);color:#1b1330;transform:translateY(-2px);box-shadow:0 10px 30px #9970c533}
.button.secondary{background:#ffffff08;color:#f3edf9;border:1px solid #ffffff30;backdrop-filter:blur(18px)}
.button.secondary:hover{background:#ffffff13;border-color:#d1b3ff80;transform:translateY(-2px)}
.button.text{padding:12px 0;border:0;color:#dec9fa}
.button.light{background:#e8dafe;color:#1b1330;border:1px solid #ebddff}
.button .link-chevron{border-left:1px solid currentColor;padding-left:12px;width:27px;opacity:.7}
.text-link{color:#e0cdf8;font-size:12px;font-weight:650;gap:13px}
.text-link:hover{color:white}
.text-link .link-chevron{background:#c6a9f312;border:1px solid #c6a9f32a;border-radius:50%;width:25px;height:25px;transition:background .2s}
.text-link:hover .link-chevron{background:#c6a9f32a}
.plain-button{color:inherit}
.header{height:86px;background:#0b101deF;border-bottom:1px solid #ffffff12;backdrop-filter:blur(24px);box-shadow:0 8px 30px #0000000c}
.nav-shell{gap:25px}
.brand{gap:12px}
.brand-symbol{width:45px;height:45px;background:#fafaff;border-radius:13px;border:1px solid #f4eaff50;box-shadow:0 0 20px #8c68da18}
.brand-symbol img{width:86px;left:-19px;top:-10px}
.brand-word{color:#f4f2fb;font-size:18px;letter-spacing:.09em}
.brand-word small{color:#c0b8d0;font-size:8px;letter-spacing:.25em;margin-top:6px}
.nav-shell nav{gap:30px}
.nav-link{font-size:12px;color:#bdc1d2;padding:12px 0;min-height:44px}
.nav-link:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;background:#bea2ec;transition:transform .25s}
.nav-link:hover,.nav-link.current{color:#f2e9ff}
.nav-link:hover:after,.nav-link.current:after{transform:scaleX(1)}
.nav-cta{font-size:12px;border-radius:11px;background:#ffffff08;border:1px solid #b79ac14a;gap:15px;padding:12px 19px;color:#ecdcff;min-height:47px}
.nav-cta:hover{background:#bba2e31a;border-color:#d2b6ff80}
.nav-cta .link-chevron{width:18px}
.mega{right:-440px;top:57px;width:900px;border-radius:18px;border:1px solid #bca0d334;padding:25px;background:linear-gradient(120deg,#192237,#111827);box-shadow:0 30px 80px #0008;grid-template-columns:225px 1fr;gap:22px}
.mega-intro{background:linear-gradient(140deg,#35274988,#182235);border:1px solid #c6a9f31a;border-radius:12px;padding:26px;display:flex;flex-direction:column;justify-content:center;font-size:25px;color:#e9e0f8}
.mega-intro strong{color:#cfb3ff}
.mega-intro a{margin-top:32px}
.mega-links{gap:6px}
.mega-links>a{border-radius:10px;padding:11px;gap:11px;min-height:75px;border:1px solid transparent;color:#e0deec;font-size:11px}
.mega-links>a:hover{background:#ffffff06;border-color:#b79cc126}
.mega-links small{color:#a4abc3;font-size:9px}
.mega-links>a>span:last-child{margin-left:auto}
.nav-thumbnail{width:56px;height:52px;object-fit:cover;border-radius:7px;flex-shrink:0;border:1px solid #ffffff20}
.mobile-toggle{border-radius:10px;border:1px solid #ffffff25;background:#ffffff06;width:43px;height:43px}
.mobile-toggle span{background:#dfd5ee}

/* Cinematic home and service introductions. */
.premium-home-hero{position:relative;isolation:isolate;min-height:740px;overflow:hidden;background:#0c101c}
.home-scene{position:absolute;inset:0;z-index:-2}
.home-scene img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.home-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070d19fa 0%,#070d19e8 24%,#070d19ba 44%,#070d1938 72%,#070d1917),linear-gradient(0deg,#090d18 0%,transparent 35%)}
.home-stage{position:relative;min-height:665px;display:flex;align-items:center;padding-block:80px 100px}
.home-headline{max-width:750px;position:relative;z-index:2}
.home-headline h1{font-size:clamp(53px,6.7vw,100px);line-height:1.065;font-weight:500}
.home-headline h1 em{white-space:nowrap}
.home-headline>p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:27px;color:#bcc4d7;max-width:530px}
.home-headline .hero-actions{gap:14px;margin-top:35px}
.home-headline .button{font-size:11px;padding-inline:20px}
.home-service-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.home-service-pills span{font-size:9px;color:#bcc3d7;letter-spacing:.03em;padding:6px 12px;border:1px solid #ffffff15;background:#0f172a50;border-radius:30px}
.hero-floating-note{position:absolute;right:0;bottom:103px;display:flex;align-items:start;gap:13px;backdrop-filter:blur(18px);background:#11182770;border:1px solid #ffffff24;border-radius:14px;padding:20px 25px;box-shadow:0 25px 70px #0002}
.hero-floating-note small{font-size:8px;letter-spacing:.13em;color:#cbb3ea}
.hero-floating-note strong{display:block;margin-top:9px;font-size:13px;line-height:1.6;font-weight:500}
.status-pulse{width:7px;height:7px;background:#b698e2;box-shadow:0 0 0 5px #b698e215;border-radius:50%;margin-top:5px}
.home-bottom-line{padding-block:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff17;font-size:9px;letter-spacing:.1em;color:#97a1bb}
.home-bottom-line a{display:flex;align-items:center;gap:16px;letter-spacing:0;color:#ddd0ee;font-size:11px}
.home-bottom-line a span{font-size:22px}
.ecosystem-strip{background:#0f1625;border-color:#ffffff10}
.ecosystem-strip>.container{padding-block:29px}
.ecosystem-strip p{color:#9ba6be}
.ecosystem-strip strong{color:#e8e2f1;font-size:12px}
.ecosystem-strip .container>div{gap:34px;color:#a9b1c7;font-size:10px;letter-spacing:.12em}
.visual-page-hero{position:relative;isolation:isolate;min-height:550px;overflow:hidden;background:#111725;border-bottom:1px solid #ffffff10}
.visual-hero-media{position:absolute;inset:0;z-index:-2}
.visual-hero-media img{height:100%;width:100%;object-fit:cover;object-position:70% 45%}
.visual-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e1afc 0%,#080e1af0 24%,#080e1ac5 46%,#080e1a55 72%,#080e1a25),linear-gradient(0deg,#090d18,transparent 38%)}
.visual-hero-content{position:relative;padding-block:34px 65px}
.visual-hero-content .crumbs{font-size:10px;color:#a6a8bd;margin-bottom:47px}
.visual-hero-content .crumbs a{color:#d4c7e5}
.visual-hero-content h1{font-size:clamp(41px,5.4vw,78px);max-width:900px;line-height:1.1;text-wrap:balance;font-weight:500}
.visual-hero-content>p.visual-hero-summary{font-size:15px;line-height:1.9;max-width:560px;color:#bfc6d8;margin-top:26px}
.visual-hero-content .hero-actions{margin-top:28px;gap:15px}
.hero-signature{display:flex;gap:12px;align-items:center;font-size:9px;color:#9ba5c0;margin-top:35px;letter-spacing:.025em}
.hero-signature>span{width:5px;height:5px;background:#c3a5ef;border-radius:50%}
.service-visual-hero{min-height:620px}
.service-visual-hero .visual-hero-content h1{max-width:810px;font-size:clamp(40px,5.1vw,73px)}
.service-visual-hero .visual-hero-content{padding-bottom:70px}
.service-page-lms .visual-hero-media img{object-position:center 52%}
.service-page-hrms .visual-hero-media img{object-position:70% 43%}
.service-page-marketing .visual-hero-media img{object-position:70% 47%}
.service-jump{top:85px;gap:32px;border:1px solid #ffffff18;border-radius:0 0 12px 12px;background:#0d1423ed;padding:20px 26px;box-shadow:0 12px 35px #0002}
.service-jump a{font-size:10px;color:#a6afc7;padding:3px 0;position:relative}
.service-jump a:hover,.service-jump a.is-current{color:#e4cffd}
.service-jump a.is-current:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-9px;background:#b48de9;border-radius:3px}
.service-intro{gap:80px}
.service-intro h2{font-size:clamp(36px,4vw,56px);line-height:1.13}
.service-intro>div:nth-child(2)>p{font-size:15px;line-height:1.95;color:#b8bfd2}
.service-intro>div:nth-child(2)>p+p{margin-top:20px}
.audience{padding:20px 24px;border:1px solid #b19ec326;border-radius:10px;background:#ffffff03;color:#afb5cc;line-height:1.8}
.audience strong{color:#dfcafa}

/* Image-led capabilities rather than bare text links. */
.solution-section{display:block}
.premium-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.premium-solution-card{background:linear-gradient(140deg,#172136,#111725);border:1px solid #ffffff17;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,border-color .35s,box-shadow .35s}
.premium-solution-card:hover{transform:translateY(-5px);border-color:#c2a0ec50;box-shadow:0 25px 70px #0003}
.solution-photo{height:248px;position:relative;overflow:hidden;background:#172136}
.solution-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c14236b,transparent 70%);pointer-events:none}
.solution-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s;filter:saturate(.88)}
.premium-solution-card:hover .solution-photo img{transform:scale(1.035)}
.solution-index{position:absolute;top:18px;left:18px;padding:6px 11px;background:#0b102dcc;backdrop-filter:blur(15px);border:1px solid #ffffff25;border-radius:30px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#d6c7ed;z-index:1}
.solution-open{position:absolute;right:18px;bottom:17px;width:36px;height:36px;background:#0a112bb8;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;z-index:1;color:#e6d5ff}
.solution-card-copy{padding:27px 29px 29px;display:flex;flex:1;flex-direction:column}
.solution-kicker{font-size:8px;letter-spacing:.15em;color:#b59bdb;text-transform:uppercase;margin-bottom:12px}
.solution-card-copy h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.035em}
.solution-card-copy p{font-size:12px;line-height:1.85;margin-top:15px;margin-bottom:22px}
.solution-card-copy .text-link{margin-top:auto;font-size:10px;color:#ddd0f1}
.premium-solutions:not(.compact-solutions) .solution-lms{grid-column:span 2}
.premium-solutions:not(.compact-solutions) .solution-lms .solution-photo{height:285px}
.premium-solutions:not(.compact-solutions) .solution-crm .solution-photo{height:285px}
.premium-solutions:not(.compact-solutions) .solution-marketing{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
.premium-solutions:not(.compact-solutions) .solution-marketing .solution-photo{height:100%;min-height:300px}
.premium-solutions:not(.compact-solutions) .solution-marketing .solution-card-copy{justify-content:center;padding:36px}
.premium-solutions:not(.compact-solutions) .solution-marketing .text-link{margin-top:20px}
.compact-solutions .solution-photo{height:230px}
.compact-solutions .solution-card-copy{padding:25px}
.compact-solutions h3{font-size:23px}
.capabilities-section{background:linear-gradient(145deg,#11182a,#131728 65%,#211831);border-block:1px solid #ffffff0b}
.feature-grid{gap:18px;border:0}
.feature-grid>article{background:#ffffff03;border:1px solid #ffffff17;border-radius:14px;padding:30px;box-shadow:inset 0 1px 0 #ffffff05}
.feature-number{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #bfa1e737;border-radius:10px;background:#bfa1e70c;color:#ccb3f0;font-size:11px;margin-bottom:24px}
.feature-grid h3{font-size:22px;line-height:1.25;margin-bottom:16px}
.feature-grid p{font-size:12px;line-height:1.85}
.workflow-grid{gap:25px}
.workflow-grid article{border:1px solid #ffffff17;border-radius:14px;background:linear-gradient(130deg,#142035,#131828);padding:32px}
.workflow-grid article>span{font-size:11px;color:#c9aaeF;display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#bda0ed0b;border:1px solid #bda0ed30;margin-bottom:25px}
.workflow-grid h3{font-size:22px;line-height:1.22;margin-bottom:15px}
.workflow-grid p{font-size:12px;line-height:1.85}
.editorial-section{display:grid;grid-template-columns:1.08fr 1fr;gap:100px;align-items:center;padding-top:15px}
.editorial-image{position:relative;height:510px;isolation:isolate;margin-bottom:22px}
.editorial-image>img{height:100%;width:100%;object-fit:cover;border-radius:18px;border:1px solid #ffffff15}
.editorial-image:after{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(0deg,#080e1a5c,transparent 35%);z-index:0;pointer-events:none}
.editorial-inset{position:absolute;right:-32px;bottom:-32px;width:47%;height:205px;border:7px solid #090d18;border-radius:14px;background:#151d2d;z-index:1;box-shadow:0 20px 50px #0005;overflow:hidden}
.editorial-inset img{width:100%;height:100%;object-fit:cover}
.editorial-image-label{position:absolute;left:25px;bottom:25px;font-size:8px;letter-spacing:.15em;color:#e0d3f2;z-index:1}
.editorial-copy h2{font-size:clamp(33px,3.5vw,49px);line-height:1.14}
.editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:25px}
.editorial-copy ul{padding:0;margin:25px 0;list-style:none}
.editorial-copy li{padding:12px 0;border-bottom:1px solid #ffffff10;font-size:12px;display:flex;align-items:center;gap:18px;color:#d7d9e5}
.editorial-copy li>span{color:#bba1df;font-size:9px}
.editorial-copy .image-credit{display:block;margin-top:25px;color:#9aabc4}
.studio-band{position:relative;isolation:isolate;background:#111829;overflow:hidden;min-height:520px;display:flex;align-items:center;border-block:1px solid #ffffff10}
.studio-band-photo{position:absolute;inset:0;z-index:-2}
.studio-band-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.studio-band-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1221f5,#0b1221d9 35%,#0b122155 75%,#0b122126),linear-gradient(0deg,#0b122155,transparent)}
.studio-band-content{padding-block:95px}
.studio-band h2{font-size:clamp(35px,4.2vw,62px);max-width:850px}
.studio-band-content>p:not(.eyebrow){max-width:510px;font-size:14px;line-height:1.9;margin-block:25px 30px;color:#bfc4d5}
.project-banner{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(120deg,#1d213a,#101828);overflow:hidden;align-items:center;margin-block:20px 50px}
.project-banner>div{padding:48px 50px}
.project-banner h2{font-size:clamp(30px,3.4vw,48px);line-height:1.17}
.project-banner p:not(.eyebrow){font-size:13px;line-height:1.85;margin-block:22px}
.project-banner>img{width:100%;height:100%;min-height:380px;object-fit:cover}

/* Real captures and image galleries keep their original contents. */
.media-figure,.website-proof{background:#131b2b;border:1px solid #ffffff16;border-radius:15px;overflow:hidden;box-shadow:0 12px 45px #0002}
.media-zoom{background:#101726;border:0;overflow:hidden}
.media-zoom img{transition:transform .6s}
.media-zoom:hover img{transform:scale(1.02)}
.media-figure figcaption{background:#131b2b;padding:31px;border:0}
.media-figure figcaption>span{color:#b99eda;font-size:8px;letter-spacing:.12em}
.media-figure figcaption h3{color:#eeedf5;font-size:27px;line-height:1.2;font-weight:500}
.media-figure figcaption p{color:#abb4cc;line-height:1.8;font-size:12px}
.zoom-hint{border:1px solid #e0c8fa45;border-radius:30px;background:#121b2bef;color:#e8d9fc;box-shadow:0 5px 25px #0003;font-size:9px;gap:10px;padding:8px 12px}
.image-credit{color:#9eacca;font-size:9px}
.image-credit:hover{color:#ddc8f8}
.crm-overview .media-zoom{padding:18px;background:#182235}
.crm-overview img{border-radius:7px}
.crm-overview figcaption{background:#121c2e}
.portrait-capture{background:linear-gradient(130deg,#1e263b,#231b34);padding-block:35px}
.portrait-capture>img{border:1px solid #d4c6e65c;box-shadow:0 18px 50px #0004;border-radius:8px}
.reference-media .media-zoom{padding:24px;background:#1c2539}
.client-benefits{gap:25px}
.client-benefits article{padding:22px 25px;border:1px solid #ffffff17;background:#151e30;border-radius:12px}
.client-benefits article>span{font-size:17px;color:#ddd3ef}
.client-benefits article>p{font-size:12px;color:#acb6cc;margin-top:12px}
.channel-row{border:1px solid #a499bf26;border-radius:12px;background:#1c2035;color:#d4c7e8;padding:22px;gap:20px;font-size:11px}
.hrms-journeys>article{border-color:#ffffff15;padding:27px 0}
.hrms-journeys b{color:#ba9adf}
.hrms-journeys h3{color:#e9e2f2;font-size:24px}
.hrms-journeys p{font-size:12px;line-height:1.85;color:#aeb7cd}
.avni-service-card{display:flex;align-items:center;gap:25px;margin-top:30px;padding:30px 35px;border:1px solid #c2a4e82e;background:linear-gradient(115deg,#2c2540,#18233a);border-radius:15px}
.avni-service-card .avni-portrait{width:72px;height:72px;flex-shrink:0}
.avni-service-card .eyebrow{font-size:8px;margin-bottom:10px}
.avni-service-card h3{font-size:28px;color:#e9ddf5;margin-bottom:9px}
.avni-service-card p{font-size:12px;color:#b2bed7}
.avni-service-card .button{margin-left:auto;flex-shrink:0}
.visual-note,.caption-note{color:#929fb7;font-size:10px;line-height:1.8}
.showcase-teasers{gap:25px}
.showcase-teasers>a{background:#131b2b;border:1px solid #ffffff17;border-radius:16px;overflow:hidden;box-shadow:none;transition:transform .35s,border-color .35s}
.showcase-teasers>a:hover{transform:translateY(-5px);border-color:#bca0ed55;box-shadow:0 20px 50px #0003}
.showcase-teasers>a>div{height:245px}
.showcase-teasers>a>div:after{background:linear-gradient(0deg,#10182780,transparent 70%)}
.showcase-teasers h3{color:#f0ebf7;font-size:27px;line-height:1.18}
.showcase-teasers>a>span{color:#bba1dd}
.showcase-teasers p{color:#aab4cc;line-height:1.8}
.showcase-teasers b{color:#d9c2f7;background:#bba1dd0b;border:1px solid #bba1dd20;border-radius:50%;padding:7px}
.crm-home-strip{background:linear-gradient(125deg,#24243b,#152138);border:1px solid #d4c6e621;border-radius:16px;overflow:hidden;margin-top:30px}
.crm-home-strip>div{padding:42px}
.crm-home-strip h3{color:#f3eefa;font-size:43px}
.crm-home-strip p{color:#b6bdd3}
.crm-home-strip>img{padding:25px;height:350px;object-fit:contain;background:#182338}
.capture-browser{background:#172237;color:#9aacc9;border-bottom:1px solid #ffffff18}
.capture-browser b{color:#ac95d4}
.capture-browser span i{background:#6b6e89}
.runn-home-preview{border-color:#ffffff18;background:#10182a}
.site-capture{background:#131c2f}
.capture-overlay>span{background:#121a2fe8;border:1px solid #dec4fc45;color:#e3d0ff;border-radius:30px;font-size:10px}
.website-proof-caption{background:#121b2c;padding:38px}
.website-proof-caption h3{color:#efebf5;font-weight:500}
.website-proof-caption p{color:#aeb8ce}
.case-homepage{padding-top:55px}
.case-note{background:linear-gradient(110deg,#1d243c,#142032);border:1px solid #ffffff16;border-radius:16px;padding:45px}
.case-note h2{font-size:32px;color:#e8dff5}
.case-note p{color:#a9b6d0;font-size:14px;line-height:1.9}
.work-grid{gap:38px 30px}
.work-card{border:1px solid #ffffff17;border-radius:16px;background:#111b2b;overflow:hidden}
.work-card-caption{padding:24px 28px 8px;margin:0;align-items:center}
.work-card-caption h3{font-size:23px;line-height:1.2;color:#e9e3f4;font-weight:500}
.work-card-caption small{color:#b99cde;font-size:8px}
.work-card-caption>.link-chevron{color:#ccb2ef}
.work-card>p{margin:0;padding:8px 28px 25px;color:#a1aec6;font-size:10px}
.work-card>a:hover h3{color:#d4b6ff}
.work-visual{height:370px;padding:32px;isolation:isolate;background:#12192b}
.work-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.work-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1023cc,#0a102355),linear-gradient(0deg,#0a1023bd,transparent);z-index:-1}
.work-visual>small{color:#dac8f3}
.work-visual>strong{color:#f7f4fb;font-size:42px}
.work-visual-bottom{color:#d8c4f2}
.mini-portals>span{background:#131b2bbd;border-color:#d3c3e82b;color:#cfd4e7;border-radius:7px}
.work-filters{display:flex;gap:10px;padding:8px;background:#121a2a;border:1px solid #ffffff14;border-radius:13px;width:fit-content;margin-bottom:35px}
.work-filters button{background:transparent;border:1px solid transparent;border-radius:8px;padding:11px 18px;color:#9ba9c3;font-size:11px}
.work-filters button[aria-pressed=true]{background:#bca1e423;color:#e5d4fd;border-color:#c5a6ee36}

/* All software demos follow the same dark interface language. */
.demo-section,.light-demo{background:linear-gradient(125deg,#101728,#1b1830);color:var(--ink);border-block:1px solid #ffffff0f}
.demo-section em,.light-demo em{color:#c6a9f3}
.demo-section .eyebrow,.light-demo .eyebrow{color:#bea2e3}
.demo-section .section-heading>p,.light-demo .section-heading>p{color:#aeb6cf}
.demo-tabs button,.light-demo .demo-tabs button{border:1px solid #bda1e22a;border-radius:9px;padding:12px 18px;color:#bac3d9;background:#ffffff03;font-size:11px}
.demo-tabs button[aria-selected=true],.light-demo .demo-tabs button[aria-selected=true]{background:#dac7f6;color:#251939;border-color:#dcc9f7}
.demo-frame{background:#101929;color:#e9e7f4;border:1px solid #99a1c52e;border-radius:15px;box-shadow:0 30px 70px #0003}
.demo-toolbar{background:#1b253a;color:#a7b4ce;border-color:#ffffff10;height:48px}
.three-dots i{background:#6c6590}
.workspace-side{background:#141e31;color:#7f8eaa;border-color:#ffffff10}
.workspace-side>strong{color:#e8e1f5}
.workspace-side .selected{background:#b59ada20;color:#ddc2ff;border-radius:7px}
.workspace-main{background:#101929}
.workspace-title small{color:#bca1e4}
.workspace-title h3{color:#e9e3f4}
.workspace-stats>div,.workspace-box,.assignment-row,.pipeline-card,.module-choices label{background:#172237;border:1px solid #a6acc71d;border-radius:9px;box-shadow:none}
.workspace-stats small,.workspace-box>small,.assignment-row small,.pipeline-card small,.chart-labels,.request-row small{color:#8e9db9}
.workspace-stats strong{color:#e4dcf2}
.avatar{background:#b599dd25;color:#e1c7ff}
.workspace-pill{color:#c4a4f0;background:#ae8bc917;border-color:#ae8bc92e}
.learning-card,.routing-card,.brief-result{background:linear-gradient(130deg,#302741,#202b43);border:1px solid #a885d736;border-radius:10px}
.learning-card p,.routing-card p,.brief-result p{color:#b7bbd4}
.learning-card h4,.routing-card h4,.brief-result>p{color:#e9dff6}
.tag{background:#9878bb38;color:#e2c5ff}
.tag.neutral{background:#8192b429;color:#a9bcd8}
.progress-track{background:#635776}
.progress-track>span{background:#c4a4f2}
.assignment-row{border-color:#ffffff10}
.round-icon{background:#bca1e420;color:#d2b4f6}
.pipeline-col{background:#192338;border:1px solid #ffffff07}
.pipeline-col h4{color:#c1c7dc}
.pipeline-card strong{color:#e2d9f0}
.pipeline-action{color:#c4a6e8;border-color:#ffffff12}
.sample-note{color:#99a7c1}
.request-row{border-color:#ffffff12}
.bar-chart{border-color:#ffffff15}
.bar-chart>div{background:#a586ce}
.bar-chart>div:nth-child(even){background:#65517e}
.module-choices label{color:#b8c4dc;border-color:#ffffff20}
.module-choices label:has(input:checked){background:#44315480;border-color:#bc9bec6b}
.brief-result>small{color:#c9adf1}
.marketing-steps{background:#352846;color:#decff0;border-radius:9px}
.trend-chart{filter:brightness(1.2);opacity:.85}
.check-list{color:#9facc7}
.browser-top{background:#1c2538;border-color:#ffffff12;color:#a5b2ce}
.website-concept{background:#182238;border-color:#ffffff15;color:#e1d9f0}
.concept-nav{color:#d8cee7}
.concept-hero{background:#152136}
.concept-hero h3{color:#f2eafb}
.concept-hero small{color:#bca1e4}
.concept-cta{background:#c8a7ef;color:#231733;border-radius:6px}
.concept-strip{border-color:#ffffff17;color:#a7b2c9}
.concept-art{background:linear-gradient(135deg,#32263f,#192940);border-radius:8px}
.demo-foot,.light-demo .demo-foot{color:#889ab7}
.demo-foot a,.light-demo .demo-foot a{color:#dcc3ff}

/* Editorial, people and document pages. */
.process-section{gap:90px}
.process-list details{border-color:#ffffff19;padding:30px 0}
.process-list summary h3{font-size:28px;color:#e8e3f4;font-weight:500}
.process-list summary>b{color:#bb9be7;background:#b69bd412;border:1px solid #b69bd420;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:20px}
.process-list p{color:#b1bad0;font-size:13px;line-height:1.9}
.process-list small{color:#b79fda}
.faq-section{gap:75px}
.faq-list details{border-color:#ffffff18;background:#121b2c;border:1px solid #ffffff15;border-radius:11px;margin-bottom:12px;padding:23px 25px}
.faq-list summary{color:#dcdced;font-size:14px;gap:15px}
.faq-list summary>span{color:#c2a2ec}
.faq-list p{color:#aeb9d0;font-size:12px;line-height:1.9}
.about-image{height:500px;border-radius:18px;overflow:hidden;position:relative;border:1px solid #ffffff1a}
.about-image img{object-position:center 45%}
.about-image>span{background:#111b2bdc;border:1px solid #c1a9dd37;border-radius:10px;color:#e1d7ef;padding:14px 22px;backdrop-filter:blur(15px);font-size:12px}
.values-grid{gap:20px}
.values-grid article{background:linear-gradient(125deg,#19243a,#131b2b);border:1px solid #ffffff18;border-radius:13px;padding:30px}
.values-grid article>span{color:#ba9fe3}
.values-grid h3{color:#e8e1f2;font-size:25px;line-height:1.2}
.values-grid p{color:#a5b2ca;font-size:13px;line-height:1.85}
.insight-grid{gap:25px}
.insight-card{border:1px solid #ffffff16;background:#131b2b;border-radius:15px;overflow:hidden}
.insight-card img{height:260px}
.insight-card>a>div{padding:28px}
.insight-card h3{font-size:24px;font-weight:500;color:#e6e0f0;line-height:1.3}
.insight-card .small-between{color:#a99cbd;font-size:10px}
.insight-card>a:hover img{filter:none}
.article-visual-hero .visual-hero-content h1{font-size:clamp(39px,4.9vw,66px);max-width:870px}
.article-meta{font-size:10px;color:#9da9c1;display:flex;gap:25px;padding-block:26px;border-bottom:1px solid #ffffff13}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:85px;align-items:start;padding-block:65px 100px}
.article-body{width:100%;max-width:none;margin:0;padding:0}
.article-body section{position:relative;padding-block:28px;border-bottom:1px solid #ffffff12}
.article-body h2{font-size:31px;color:#e5deef}
.article-body section p{color:#adb9d0;font-size:15px;line-height:1.95}
.article-lead{color:#d6c8e5;font-size:20px;line-height:1.7}
.article-section-number{display:block;color:#c4a4e7;font-size:10px;letter-spacing:.12em;margin-bottom:17px}
.article-sidebar{position:sticky;top:120px;border:1px solid #ffffff18;background:#111a2b;border-radius:15px;overflow:hidden;padding:25px}
.article-sidebar .useful-visual{margin:-25px -25px 25px;border-radius:0;height:230px}
.article-sidebar h3{font-size:24px;line-height:1.3;margin-bottom:24px;color:#dcd2eb}
.article-sidebar .eyebrow{font-size:9px}
.article-sidebar .button{width:100%;font-size:10px;padding:13px;min-height:48px}
.article-sidebar nav{display:flex;flex-direction:column;gap:0;margin-top:28px}
.article-sidebar nav a{padding:14px 0;border-top:1px solid #ffffff12;display:flex;align-items:start;gap:12px;font-size:10px;color:#aeb9ce}
.article-sidebar nav a span{color:#b99cde;font-size:8px;padding-top:3px}
.source-note{border:1px solid #b6a1d028;background:#1f2437;border-radius:10px;color:#9cabc6;font-size:11px;line-height:1.85;padding:23px;margin-top:35px}
.source-note a{color:#d7b8ff}
.legal-visual-hero,.sitemap-visual-hero{min-height:400px}
.legal-visual-hero .visual-hero-content .crumbs,.sitemap-visual-hero .visual-hero-content .crumbs{margin-bottom:32px}
.legal-visual-hero .visual-hero-content h1{font-size:60px}
.legal-body{max-width:850px;border:1px solid #ffffff17;background:#121b2be6;border-radius:16px;padding:45px 55px;margin-block:60px 90px}
.legal-body section{padding:23px 0;border-bottom:1px solid #ffffff12;margin:0}
.legal-body section:last-child{border-bottom:0}
.legal-body h2{font-size:27px;color:#ddd4ec}
.legal-body p{font-size:14px;line-height:1.95;color:#adbad1}
.sitemap-grid{padding-top:65px;gap:25px}
.sitemap-grid>div{padding:30px;border:1px solid #ffffff18;background:linear-gradient(130deg,#172238,#14192b);border-radius:15px}
.sitemap-grid h2{font-size:25px;margin-bottom:20px;color:#e1d6f0}
.sitemap-grid>div>a{border-color:#ffffff12;color:#aebbd4;min-height:52px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.sitemap-grid>div>a:hover{color:#dec3ff}
.not-found{min-height:600px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#0b102cf5,#0b102caa),url('/assets/studio-hero.webp') center/cover;border-radius:20px;margin-block:40px}

/* Contact, Avni and shared finishing details. */
.contact-grid{padding-block:75px 105px;gap:65px;grid-template-columns:.92fr 1.2fr;align-items:start}
.useful-visual{height:265px;border-radius:13px;overflow:hidden;position:relative;border:1px solid #ffffff1b;margin-bottom:33px}
.useful-visual img{width:100%;height:100%;object-fit:cover}
.useful-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080e1acb,transparent 60%)}
.useful-visual>span{position:absolute;left:22px;right:22px;bottom:20px;font-size:11px;line-height:1.5;color:#e8dff5;z-index:1}
.contact-details h2{font-size:27px;color:#e5def0;margin-bottom:25px}
.contact-details>a{border:1px solid #ffffff15;border-radius:12px;padding:18px 20px;margin-bottom:13px;background:#121c2e;gap:16px;color:#d4c5e9}
.contact-details>a:hover{border-color:#c5a5ef50;background:#1c2338}
.contact-details>a>svg{color:#ba9cdb}
.contact-details>a strong{color:#e0dbea;font-size:14px;overflow-wrap:anywhere}
.contact-details>a small{color:#959eba;font-size:8px;letter-spacing:.1em}
.contact-details>p{font-size:12px;color:#8fa1bd;line-height:1.85;padding-top:10px}
.contact-avni{background:linear-gradient(130deg,#2b2340,#162238);border:1px solid #b9a2db25;border-radius:14px;padding:28px;margin-top:25px}
.contact-avni h3{font-size:25px;color:#e7def2}
.contact-avni p{font-size:12px;color:#b6bdd4;line-height:1.85}
.contact-form-wrap{background:linear-gradient(135deg,#182236,#121b2a);border:1px solid #ffffff1b;box-shadow:0 25px 70px #0002;border-radius:18px;padding:39px}
.contact-form-wrap h2{font-size:30px;line-height:1.2;color:#e7def2;margin-bottom:30px}
label{color:#b9c2d9}
input,textarea,select{background:#0b1424;color:#e7e4f0;border:1px solid #8f9ab82e;border-radius:8px;font-size:12px;padding:12px 14px;min-height:47px;outline-offset:3px}
input::placeholder,textarea::placeholder{color:#6f809e;opacity:1}
input:focus,textarea:focus,select:focus{border-color:#c09cefa1;background:#10182a;box-shadow:0 0 0 3px #bda1e40b}
select option{background:#10182a;color:#e7e4f0}
label{font-size:11px}
.consent{font-size:10px;line-height:1.8;color:#98a7c0}
.consent input{width:16px;height:16px;min-height:0;accent-color:#bd9aeb;padding:0;flex-shrink:0;border-radius:3px}
input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;accent-color:#bd9aeb}
input[type=range]{min-height:24px;padding:0;background:transparent;border:0}
.consent a{color:#d4b8f3}
.form-note{font-size:10px;color:#899ab6;line-height:1.85}
.form-result{background:#263049;border:1px solid #bda1dd2e;border-radius:10px;color:#cad5e9;font-size:12px}
.form-result a,.chat-error a{background:#131d32;border:1px solid #c9afe933;color:#d7c4f0;border-radius:7px}
.chat-launch{background:linear-gradient(125deg,#1b253c,#2e2340);color:#e9def8;border:1px solid #c6a9ef60;border-radius:60px;box-shadow:0 15px 60px #0005,0 0 25px #a77ed414;padding:9px 23px 9px 9px;gap:12px;right:25px;bottom:25px}
.chat-launch:hover{background:linear-gradient(125deg,#242f48,#3d2b54);border-color:#c6a9efa0}
.chat-launch small{color:#ad92d2;font-size:7px;letter-spacing:.11em}
.chat-launch strong{font-size:15px;color:#e9dff8;font-weight:600}
.avni-portrait{border:2px solid #c2a4ec;box-shadow:0 0 0 4px #bb9cdf13;background:#dac7ef}
.chat-panel{background:#111a2b;border:1px solid #bea1e04d;border-radius:18px;box-shadow:0 25px 100px #0009}
.chat-header{background:linear-gradient(115deg,#293149,#302443);border-color:#bfa0e52a;color:#ece2f8}
.chat-header h2{font-size:20px;color:#eee5f8}
.chat-header small{color:#afa4c4}
.chat-close{color:#dbccf0;background:#bda2e214;border:1px solid #bda2e229;border-radius:50%}
.chat-scroll{background:#111a2b}
.chat-intro h3{color:#e8def5;font-size:32px}
.chat-intro p{color:#9dafcb;font-size:12px}
.chat-intro .eyebrow{color:#b79bdc}
.message.assistant{background:#202b41;border-color:#a899bf26;color:#cdd6e8;border-radius:12px}
.message.user{background:#413052;color:#f1e4ff;border-radius:12px}
.chat-error,.message.error{color:#e9bcab;background:#4b353f55;border:1px solid #d3a39624;border-radius:9px;font-size:11px}
.chat-compose{background:#141e31;border-color:#ffffff12}
.chat-compose input{background:#0d1727;border-color:#ffffff18;color:#e0dbee;border-radius:25px}
.chat-compose button{background:#c1a0eb;color:#241631;border-radius:50%}
.chat-disclaimer{background:#111a2b;border-color:#ffffff10;color:#778eae}
/* Match the old form selector specificity so text and the caret stay visible.
   This covers Avni registration, the message composer and the enquiry form. */
#avni-registration input:not([type=checkbox]),
#avni-registration textarea,
#avni-compose input,
#enquiry-form input:not([type=checkbox]):not([type=range]),
#enquiry-form textarea,
#enquiry-form select{
 background:#0b1424;
 color:#f3f1f8;
 -webkit-text-fill-color:#f3f1f8;
 caret-color:#e3caff;
 border:1px solid #8194b75e;
 border-radius:8px;
 opacity:1;
 color-scheme:dark;
}
#avni-registration input:not([type=checkbox]):focus,
#avni-registration textarea:focus,
#avni-compose input:focus,
#enquiry-form input:not([type=checkbox]):not([type=range]):focus,
#enquiry-form textarea:focus,
#enquiry-form select:focus{
 background:#111d32;
 color:#ffffff;
 -webkit-text-fill-color:#ffffff;
 caret-color:#ffffff;
 border-color:#c9a5fa;
 outline:2px solid #c9a5fa55;
 outline-offset:2px;
 box-shadow:0 0 0 4px #bba0e515;
}
#avni-registration input::placeholder,
#avni-registration textarea::placeholder,
#avni-compose input::placeholder,
#enquiry-form input::placeholder,
#enquiry-form textarea::placeholder{
 color:#94a5c2;
 -webkit-text-fill-color:#94a5c2;
 opacity:1;
}
#avni-registration input::selection,
#avni-registration textarea::selection,
#avni-compose input::selection,
#enquiry-form input::selection,
#enquiry-form textarea::selection{
 background:#7955a8;
 color:#ffffff;
 -webkit-text-fill-color:#ffffff;
}
#avni-registration input:-webkit-autofill,
#avni-compose input:-webkit-autofill,
#enquiry-form input:-webkit-autofill{
 -webkit-text-fill-color:#f3f1f8;
 caret-color:#e3caff;
 box-shadow:0 0 0 1000px #0b1424 inset;
}
#avni-registration>label,
#avni-registration .form-grid>label,
#enquiry-form>label,
#enquiry-form .form-grid>label{color:#bdc8df}
.chat-handoff,.chat-live-link{background:#2a2941;color:#b5b4d1;border-color:#c5aae92a;border-radius:9px}
.chat-handoff a,.chat-live-link a{color:#ddc2ff}
.chat-backdrop{background:#050b1880;backdrop-filter:blur(5px)}
.cookie-panel{background:#172138;color:#b6c4df;border:1px solid #c4a5e23a;border-radius:14px;box-shadow:0 15px 50px #0005}
.cookie-panel small{color:#859bbb}
.cookie-panel button{border:1px solid #c0a3dc30;border-radius:7px;color:#dfccf5;background:#33283f}
.cookie-panel button+button{background:#172138}
.cta-section{background:linear-gradient(100deg,#241e3aeb,#131d31dc),url('/assets/ai-concierge.webp') center/cover;border-block:1px solid #d3b3f624}
.cta-inner{padding-block:90px;gap:55px}
.cta-inner h2{font-size:clamp(35px,4.7vw,65px);color:#eee5f8}
.cta-inner .eyebrow{color:#bba0dc}
.cta-orbit{display:none}
.footer{background:#080d17;border-top:1px solid #ffffff0d;color:#b5bfd3;padding-top:75px}
.footer-top{gap:43px;grid-template-columns:1.1fr .85fr .95fr 1.4fr}
.footer-top h2{font-size:11px;letter-spacing:.04em;color:#decaf5}
.footer-top>div>a{color:#8ea0be;font-size:11px;line-height:1.6;padding-block:7px}
.footer-top>div>a:hover{color:#e0c7fc}
.footer-brand p{font-size:27px;color:#dad6e6;line-height:1.35}
.footer-brand>span,.footer-contact>span{color:#667c9c}
.footer-contact>a{overflow-wrap:anywhere}
.footer-contact>.text-link{color:#ccb1ed}
.footer .brand-symbol{background:#fafaff}
.footer-bottom{border-color:#ffffff12;color:#5f7595;font-size:9px;padding-block:24px}
.footer-bottom a,.footer-bottom .plain-button{color:#8598b5}
.footer-bottom a:hover{color:#d7baf7}
.media-dialog{background:#111a2b;border:1px solid #d0b2f34d;border-radius:16px;box-shadow:0 30px 120px #0009;color:#d5c7e9}
.media-dialog-head{background:#172238;border-color:#ffffff16}
.media-dialog-head p{color:#a5b5d0}
.media-dialog-head button{background:#2c2e48;color:#e6d5fa;border-color:#baa1dc30;border-radius:50%}
.media-dialog-body{background:#0b1323}
.media-dialog::backdrop{background:#050a15dc;backdrop-filter:blur(12px)}
:focus-visible{outline:2px solid #d7b9ff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:1700px){.home-headline h1{font-size:104px}.home-stage{min-height:720px}.premium-home-hero{min-height:800px}.home-scene img{object-position:center 60%}}
@media(max-width:1150px){
 .container{width:calc(100% - 80px)}.nav-shell nav{gap:22px}.mega{right:-420px;width:820px;grid-template-columns:195px 1fr}.mega-links>a{font-size:10px;padding:9px}.nav-thumbnail{width:47px;height:47px}
 .home-stage{min-height:630px}.premium-home-hero{min-height:705px}.home-headline h1{font-size:78px}.home-headline{max-width:650px}.hero-floating-note{right:0;bottom:70px;padding:18px}.home-headline .hero-actions{flex-direction:column;align-items:start;gap:12px}
 .visual-hero-content h1{font-size:63px;max-width:760px}.service-visual-hero .visual-hero-content h1{font-size:62px;max-width:720px}.visual-hero-content>p.visual-hero-summary{max-width:530px}
 .solution-card-copy{padding:25px}.solution-card-copy h3{font-size:23px}.solution-photo{height:225px}
 .editorial-section{gap:65px}.editorial-image{height:460px}.editorial-inset{height:180px;right:-22px}.editorial-copy h2{font-size:40px}
 .feature-grid>article{padding:25px}.article-layout{gap:45px;grid-template-columns:minmax(0,1fr) 300px}.contact-grid{gap:38px}.contact-form-wrap{padding:30px}
 .footer-top{gap:30px;grid-template-columns:1.1fr .8fr .9fr 1.3fr}
}
@media(max-width:900px){
 .container{width:calc(100% - 52px)}.section{padding-block:75px}.section-heading{gap:30px;margin-bottom:35px}.section-heading h2{font-size:43px}.section-heading>p,.section-heading-copy{max-width:280px;font-size:12px}
 .header{height:75px}.mobile-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:12px}.mobile-toggle span{width:19px;height:1px}
 .nav-shell nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px 26px;background:#0f1829;border-bottom:1px solid #bba2e529;box-shadow:0 20px 50px #0005;max-height:calc(100dvh - 75px);overflow-y:auto}
 .nav-shell nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:9px}
 .nav-link{padding:12px;justify-content:space-between;border:1px solid #ffffff0b;border-radius:8px}.nav-link:after{display:none}.nav-cta{justify-content:space-between;margin-top:8px}
 .mega{position:static;width:100%;margin-top:12px;grid-template-columns:1fr;padding:18px;border-radius:12px;box-shadow:none}.mega-intro{display:none}.mega-links{grid-template-columns:1fr 1fr}.mega-links>a{font-size:11px}.nav-thumbnail{width:48px;height:48px}
 .premium-home-hero{min-height:690px}.home-stage{min-height:620px;padding-block:80px 75px;align-items:start}.home-headline h1{font-size:73px}.home-headline>p:not(.eyebrow){font-size:15px}.home-scene img{object-position:65% center}.home-scene:after{background:linear-gradient(90deg,#070d19f5,#070d19d9 34%,#070d1975 78%),linear-gradient(0deg,#090d18,transparent 48%)}.hero-floating-note{display:none}.home-headline .hero-actions{flex-direction:row}.home-service-pills{margin-top:27px}
 .visual-page-hero{min-height:515px}.visual-hero-content{padding-block:26px 55px}.visual-hero-content h1{font-size:56px;max-width:690px}.visual-hero-content .crumbs{margin-bottom:40px}.visual-hero-media:after{background:linear-gradient(90deg,#080e1af5,#080e1ade 37%,#080e1a88),linear-gradient(0deg,#090d18,transparent 48%)}.service-visual-hero .visual-hero-content h1{font-size:56px;max-width:660px}.service-visual-hero{min-height:600px}
 .service-jump{top:74px;gap:22px;padding:18px 20px}.service-jump a{font-size:9px}
 .ecosystem-strip .container>div{gap:19px;font-size:9px}.ecosystem-strip p{font-size:10px}.ecosystem-strip strong{font-size:11px}
 .premium-solutions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.premium-solutions:not(.compact-solutions) .solution-lms{grid-column:span 1}.premium-solutions:not(.compact-solutions) .solution-lms .solution-photo,.premium-solutions:not(.compact-solutions) .solution-crm .solution-photo{height:235px}.premium-solutions:not(.compact-solutions) .solution-marketing{grid-column:span 2}.solution-photo{height:235px}
 .editorial-section{gap:42px;padding-top:0}.editorial-image{height:420px}.editorial-inset{height:160px;right:-15px;bottom:-20px}.editorial-copy h2{font-size:34px}.editorial-copy>p:not(.eyebrow){font-size:12px}.editorial-copy li{font-size:11px}
 .service-intro{gap:35px}.service-intro h2{font-size:39px}.service-intro>div:nth-child(2)>p{font-size:13px}
 .project-banner>div{padding:30px}.project-banner h2{font-size:33px}.project-banner>img{min-height:360px}
 .studio-band{min-height:460px}.studio-band-content{padding-block:70px}.studio-band h2{font-size:47px}.studio-band-content>p:not(.eyebrow){font-size:13px;max-width:470px}
 .feature-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workflow-grid article:last-child{grid-column:span 2}.feature-grid h3{font-size:21px}
 .work-visual{height:330px}.work-visual>strong{font-size:35px}.work-card-caption{padding-inline:22px}.work-card-caption h3{font-size:22px}
 .process-section{gap:45px}.process-section h2{font-size:41px}.faq-section{gap:35px}.faq-list details{padding:20px}.faq-list summary{font-size:12px}
 .insight-grid{grid-template-columns:1fr 1fr}.insight-card:last-child{grid-column:span 2}.insight-card:last-child>a{display:grid;grid-template-columns:1fr 1fr}.insight-card:last-child img{height:100%;min-height:270px}.insight-card img{height:230px}
 .article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 255px}.article-sidebar{padding:20px;top:100px}.article-sidebar .useful-visual{margin:-20px -20px 20px;height:190px}.article-sidebar h3{font-size:22px}.article-body h2{font-size:27px}.article-body section p{font-size:13px}.article-lead{font-size:18px}
 .contact-grid{grid-template-columns:.9fr 1.1fr;gap:25px;padding-block:55px 75px}.contact-form-wrap{padding:25px}.contact-form-wrap h2{font-size:26px}.contact-details>a{padding:15px}.contact-details>a strong{font-size:11px}
 .values-grid{grid-template-columns:1fr 1fr}.about-image{height:400px}
 .sitemap-grid{grid-template-columns:1fr 1fr;gap:20px}.sitemap-grid>div:last-child{grid-column:span 2}
 .footer-top{grid-template-columns:1fr 1fr;gap:45px}.footer-bottom{flex-wrap:wrap;gap:18px}.cta-inner{padding-block:70px;gap:30px}.cta-inner h2{font-size:43px}
}
@media(max-width:650px){
 .container{width:calc(100% - 40px)}.section{padding-block:60px}.compact-top{padding-top:25px}.header{height:72px}.brand-word{font-size:16px}.brand-word small{font-size:7px}.brand-symbol{width:41px;height:41px;border-radius:11px}.brand-symbol img{width:81px;left:-18px;top:-10px}.nav-shell nav{top:72px;max-height:calc(100dvh - 72px)}.mega-links{grid-template-columns:1fr}.mega-links>a{min-height:65px}
 .section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:38px;line-height:1.13}.section-heading>p,.section-heading-copy{max-width:100%;font-size:13px;margin-top:24px}.section-heading>.text-link{margin-top:24px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:21px}
 .premium-home-hero{min-height:750px}.home-stage{min-height:675px;padding-block:66px 65px}.home-headline h1{font-size:clamp(40px,11.7vw,68px);line-height:1.09}.home-headline h1 em{white-space:normal}.home-headline>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:26px;max-width:360px}.home-scene img{object-position:68% center;opacity:.7}.home-scene:after{background:linear-gradient(90deg,#070d19ed,#070d19ad 65%,#070d19a1),linear-gradient(0deg,#090d18,transparent 55%)}.home-headline .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:30px;max-width:350px}.home-headline .button{min-height:53px;font-size:11px;text-align:left}.home-service-pills{gap:8px;max-width:330px;margin-top:27px}.home-service-pills span{font-size:8px;padding:6px 10px}.home-bottom-line{font-size:7px;letter-spacing:.04em;gap:10px;padding-block:22px}.home-bottom-line a{font-size:9px;gap:8px}
 .ecosystem-strip>.container{display:block;padding-block:24px}.ecosystem-strip p br{display:none}.ecosystem-strip strong{margin-left:7px}.ecosystem-strip .container>div{flex-wrap:wrap;gap:15px 19px;margin-top:17px;font-size:9px}
 .visual-page-hero{min-height:490px}.visual-hero-content{padding-block:25px 50px}.visual-hero-content .crumbs{font-size:9px;margin-bottom:35px}.visual-hero-content h1{font-size:clamp(36px,10vw,51px);line-height:1.13}.visual-hero-content>p.visual-hero-summary{font-size:13px;line-height:1.9;margin-top:23px}.hero-signature{font-size:8px;margin-top:29px}.visual-hero-media img{object-position:65% center;opacity:.75}.visual-hero-media:after{background:linear-gradient(90deg,#080e1af0,#080e1ace 60%,#080e1aa5),linear-gradient(0deg,#090d18,transparent 60%)}
 .service-visual-hero{min-height:570px}.service-visual-hero .visual-hero-content{padding-bottom:45px}.service-visual-hero .visual-hero-content h1{font-size:clamp(35px,9.8vw,49px)}.visual-hero-content .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:360px}.hero-actions .button{font-size:11px;justify-content:space-between}.hero-actions .button.text{justify-content:start}
 .service-jump{top:71px;padding:16px 17px;gap:23px;border-radius:0 0 10px 10px;scrollbar-width:none}.service-jump a{font-size:9px}#service-overview,#service-features,#in-practice,#solution-preview,#service-approach,#service-questions{scroll-margin-top:143px}
 .premium-solutions,.compact-solutions{grid-template-columns:1fr;gap:24px}.premium-solutions:not(.compact-solutions) .solution-marketing{grid-column:auto;display:flex}.premium-solutions:not(.compact-solutions) .solution-marketing .solution-photo{height:250px;min-height:0}.premium-solutions:not(.compact-solutions) .solution-marketing .solution-card-copy{padding:26px}.premium-solutions:not(.compact-solutions) .solution-lms .solution-photo,.premium-solutions:not(.compact-solutions) .solution-crm .solution-photo,.solution-photo,.compact-solutions .solution-photo{height:250px}.solution-card-copy,.compact-solutions .solution-card-copy{padding:26px}.solution-card-copy h3,.compact-solutions h3{font-size:27px}.solution-card-copy p{font-size:13px;line-height:1.85}.solution-card-copy .text-link{font-size:11px}
 .service-intro{display:block}.service-intro h2{font-size:39px;margin-bottom:30px}.service-intro>div:nth-child(2)>p{font-size:13px;line-height:1.95}.audience{padding:20px;font-size:12px;margin-top:25px}
 .editorial-section{grid-template-columns:1fr;gap:50px;padding-top:10px}.editorial-image{height:380px;margin-bottom:10px}.editorial-inset{height:160px;right:10px;bottom:-25px;width:49%;border-width:5px}.editorial-image-label{left:20px;bottom:20px;font-size:7px;max-width:130px;line-height:1.8}.editorial-copy h2{font-size:37px}.editorial-copy>p:not(.eyebrow){font-size:13px}.editorial-copy li{font-size:12px}.editorial-copy .text-link{font-size:11px}
 .feature-grid,.workflow-grid{grid-template-columns:1fr;gap:18px}.workflow-grid article:last-child{grid-column:auto}.feature-grid>article{padding:27px}.feature-grid h3{font-size:23px}.feature-grid p,.workflow-grid p{font-size:13px}.workflow-grid article{padding:27px}.workflow-grid h3{font-size:24px}
 .studio-band{min-height:480px}.studio-band-content{padding-block:65px}.studio-band h2{font-size:40px;line-height:1.15}.studio-band-photo img{object-position:70% center}.studio-band-photo:after{background:linear-gradient(90deg,#0b1221ed,#0b1221b5),linear-gradient(0deg,#0b122191,transparent)}.studio-band-content>p:not(.eyebrow){font-size:13px;margin-block:24px 30px}
 .project-banner{grid-template-columns:1fr;margin-block:15px 30px}.project-banner>div{padding:30px 26px}.project-banner h2{font-size:35px}.project-banner>img{height:280px;min-height:0}.project-banner p:not(.eyebrow){font-size:13px}
 .media-figure figcaption{padding:25px}.media-figure figcaption h3{font-size:27px}.media-figure figcaption p{font-size:13px}.crm-overview .media-zoom{padding:9px}.crm-overview figcaption{padding:25px}.portrait-capture{padding-block:24px}.portrait-capture>img{height:auto;max-height:590px;width:auto;max-width:calc(100% - 30px)}.zoom-hint{font-size:8px;padding:8px 11px;gap:8px}
 .showcase-teasers>a>div{height:270px}.showcase-teasers h3{font-size:29px}.showcase-teasers p{font-size:13px}.crm-home-strip>div{padding:29px}.crm-home-strip h3{font-size:39px}.crm-home-strip>img{height:auto;padding:15px}.channel-row{font-size:10px;padding:20px;gap:14px}.client-benefits article{padding:24px}.client-benefits article>p{font-size:13px}
 .work-grid{grid-template-columns:1fr;gap:27px}.work-visual{height:355px;padding:28px}.work-visual>strong{font-size:37px}.work-card-caption{padding:23px 25px 7px}.work-card-caption h3{font-size:24px}.work-card>p{padding:8px 25px 23px}.work-filters{width:100%;gap:4px;padding:6px}.work-filters button{font-size:9px;padding:11px 12px;flex:1}.website-proof-caption{padding:27px}.case-note{padding:29px}.case-note h2{font-size:29px}.case-note p{font-size:13px}.case-homepage{padding-top:35px}
 .process-section{display:block}.process-section h2{font-size:40px}.process-list{margin-top:35px}.process-list summary{gap:22px}.process-list summary h3{font-size:28px}.process-list p{font-size:13px;padding-left:36px}.process-list small{padding-left:36px;font-size:8px}
 .faq-section{display:block}.faq-section>div:first-child h2{font-size:41px}.faq-list{margin-top:35px}.faq-list summary{font-size:13px}.faq-list p{font-size:13px}.faq-list details{padding:22px}
 .values-grid{grid-template-columns:1fr;gap:19px}.values-grid article{padding:28px}.values-grid h3{font-size:26px}.about-image{height:340px}.about-image>span{font-size:10px;padding:12px 17px;left:15px;bottom:15px}
 .insight-grid{grid-template-columns:1fr}.insight-card:last-child{grid-column:auto}.insight-card:last-child>a{display:block}.insight-card:last-child img,.insight-card img{height:255px;min-height:0}.insight-card>a>div{padding:27px}.insight-card h3{font-size:27px}
 .article-visual-hero .visual-hero-content h1{font-size:38px;line-height:1.16}.article-meta{font-size:8px;flex-wrap:wrap;gap:7px 18px;padding-block:22px}.article-layout{grid-template-columns:1fr;gap:35px;padding-block:40px 60px}.article-body section p{font-size:14px}.article-body h2{font-size:29px}.article-lead{font-size:19px}.article-sidebar{position:static}.article-sidebar .useful-visual{height:250px}.article-sidebar h3{font-size:27px}.article-sidebar .button{font-size:12px}.article-sidebar nav a{font-size:12px}
 .legal-visual-hero,.sitemap-visual-hero{min-height:410px}.legal-visual-hero .visual-hero-content h1{font-size:44px}.legal-body{width:calc(100% - 40px);margin-block:40px 60px;padding:20px 25px}.legal-body h2{font-size:26px}.legal-body p{font-size:13px}.sitemap-grid{grid-template-columns:1fr}.sitemap-grid>div:last-child{grid-column:auto}.sitemap-grid>div{padding:28px}.sitemap-grid>div>a{font-size:12px;min-height:57px}
 .contact-grid{grid-template-columns:1fr;gap:35px;padding-block:40px 60px}.contact-details h2{font-size:29px}.contact-details>a{padding:18px 20px}.contact-details>a strong{font-size:13px}.contact-details>p{font-size:12px}.contact-form-wrap{padding:28px 24px;border-radius:15px}.contact-form-wrap h2{font-size:29px}.contact-avni h3{font-size:26px}.contact-form-wrap label{font-size:11px}.form-grid{gap:16px}input,textarea,select{font-size:13px}.form-note{font-size:10px}
 .chat-launch{bottom:18px;right:17px;padding:8px 20px 8px 8px;gap:10px}.chat-launch strong{font-size:14px}.chat-launch small{font-size:6px}.chat-launch .avni-portrait{width:43px;height:43px}.chat-panel{right:10px;bottom:10px;width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px)}
 .avni-service-card{padding:25px;gap:20px;flex-wrap:wrap}.avni-service-card>div{flex:1;min-width:170px}.avni-service-card .button{margin-left:0;width:100%}.avni-service-card h3{font-size:27px}
 .cta-inner{flex-direction:column;align-items:start;padding-block:65px;gap:32px}.cta-inner h2{font-size:42px}.cta-inner>.button{font-size:12px}
 .footer{padding-top:55px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:45px}.footer-brand{grid-column:span 2}.footer-contact{grid-column:span 2}.footer-brand p{font-size:29px;margin-top:25px}.footer-brand>span{font-size:10px}.footer-top>div>a{font-size:11px}.footer-contact>a{font-size:13px!important}.footer-bottom{display:flex;flex-direction:column;align-items:start;font-size:9px;padding-bottom:100px;gap:17px}.footer-bottom>div{gap:14px 20px;flex-wrap:wrap}.footer-bottom>span:last-child{font-size:8px}
}
@media(max-width:375px){.home-headline h1{font-size:40px}.home-headline .button{font-size:10px;padding-inline:16px}.premium-home-hero{min-height:730px}.home-stage{min-height:660px}.visual-hero-content h1,.service-visual-hero .visual-hero-content h1{font-size:34px}.section-heading h2{font-size:35px}.contact-details>a strong{font-size:12px}.chat-launch small{display:none}}