@import './tokens.css';@import './base.css';@import './components.css';.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:110px}.hero-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.hero-glow{width:70vw;height:70vw;position:absolute;top:-18%;right:-30%;border-radius:50%;background:radial-gradient(circle,#733ef34d 0,#3a50cb1c 30%,transparent 65%);filter:blur(30px)}.hero-inner{width:100%;position:relative;z-index:2}.hero .eyebrow{color:var(--ink);margin-bottom:55px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#b39bff;box-shadow:0 0 20px #a285ff;margin-right:14px}.hero-heading{font-size:clamp(57px,10vw,164px);line-height:.98;letter-spacing:-.092em;margin-bottom:60px;max-width:1250px}.outline{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 65%,transparent)}.gradient-text{background:linear-gradient(100deg,#b9a0ff,#7b7fff 50%,#c3a2fa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:880px;gap:25px}.hero-bottom .lead{max-width:510px}.round-arrow{display:grid;place-items:center;border:1px solid var(--border);border-radius:100%;width:95px;height:95px;font-size:32px;flex-shrink:0;transition:background .3s,transform .3s}.round-arrow:hover{background:var(--accent);color:#fff;transform:rotate(45deg)}.scroll-cue{margin-top:75px;color:var(--muted);font-size:10px;letter-spacing:.2em}.scroll-cue span{padding-left:22px}.hero-orbit{position:absolute;width:38vw;height:38vw;right:-13vw;top:25%;border:1px solid #b096f333;border-radius:50%;transform:rotate(-25deg)}.hero-orbit i{position:absolute;inset:12%;border:1px solid #b096f322;border-radius:50%}.hero-orbit i:nth-child(2){inset:27%}.hero-orbit i:nth-child(3){inset:42%;background:#7656e422}.manifesto{display:grid;grid-template-columns:1fr 2.4fr;gap:70px}.section-side{display:flex;flex-direction:column;gap:25px}.mini-line{width:50px;height:1px;background:var(--accent)}.statement{font:600 clamp(28px,4.1vw,62px)/1.3 var(--display);letter-spacing:-.052em}.statement span{color:var(--muted)}.manifesto-body .text-link{margin-top:28px}.expertise{background:var(--surface)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:65px}.section-head h2,.tech-section h2{font-size:clamp(47px,6.6vw,98px);margin:20px 0 0}.section-head>p{max-width:310px;color:var(--muted);font-size:15px}.expertise-list{border-top:1px solid var(--border)}.expertise-item{display:grid;grid-template-columns:75px 1fr 80px;align-items:center;border-bottom:1px solid var(--border);padding:26px 10px;transition:padding .35s,background .35s}.expertise-item:hover{padding-left:27px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.expertise-num{color:var(--muted);font-size:12px}.expertise-item h3{font-size:clamp(25px,3.5vw,55px);font-weight:600;letter-spacing:-.05em;margin:0}.expertise-icon{justify-self:end;display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--border);border-radius:50%;font-size:25px;color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 28px}.project-card:nth-child(even){transform:translateY(80px)}.project-photo{height:clamp(250px,35vw,520px);background:linear-gradient(135deg,#30304c,#68519e 52%,#1d284b);background-position:center;background-size:cover;position:relative;overflow:hidden;transition:filter .3s}.project-card:nth-child(2n) .project-photo{background-color:#31394f}.project-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08071355,transparent)}.project-index{position:absolute;z-index:2;top:20px;left:24px;color:#fff;font-size:10px;letter-spacing:.18em}.project-jump{position:absolute;z-index:2;bottom:24px;right:24px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#fff;color:#161126;font-size:26px;transition:transform .3s}.project-card:hover .project-jump{transform:rotate(45deg)}.project-caption{padding-top:25px}.project-caption h3{font-size:clamp(25px,2.7vw,40px);margin:0 0 7px}.project-caption p{color:var(--muted)}.project-placeholder{grid-column:1/-1;min-height:470px;position:relative;overflow:hidden;background:linear-gradient(140deg,#25253d,#443466,#272746);display:flex;flex-direction:column;justify-content:space-between;padding:40px}.project-placeholder>span{color:#c4b9df;font-size:12px;letter-spacing:.2em}.project-placeholder h3{font-size:clamp(35px,5vw,70px);max-width:700px;position:relative;z-index:1}.placeholder-shape{position:absolute;width:420px;height:420px;border:1px solid #ffffff35;border-radius:50%;right:10%;top:10%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.tech-section{background:linear-gradient(135deg,var(--surface),var(--bg))}.tech-list{display:flex;flex-wrap:wrap;gap:14px;margin-top:65px}.tech-list span{padding:15px 30px;border:1px solid var(--border);border-radius:100px;font:600 17px var(--display);transition:background .3s}.tech-list span:hover{background:var(--surface2)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 25px;margin-top:70px}.process-step{display:flex;flex-direction:column;gap:35px;padding-top:20px;border-top:1px solid var(--border)}.process-step>span{color:var(--accent);font-size:12px}.process-step strong{font:700 clamp(22px,2.4vw,38px) var(--display);letter-spacing:-.05em}.process-line{height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-grid blockquote{margin:0;padding:36px;background:var(--surface)}.testimonial-grid blockquote p{font-size:22px}.testimonial-grid blockquote footer{color:var(--muted);font-size:13px}.inner-hero{padding-top:220px;padding-bottom:85px;min-height:55vh}.inner-hero h1{font-size:clamp(52px,9vw,136px);max-width:1150px;margin:30px 0}.inner-hero .lead{max-width:690px}.article-body{max-width:1100px;font-size:clamp(18px,1.7vw,24px);line-height:1.95;white-space:normal;padding-bottom:100px;color:var(--muted)}.article-body h2{color:var(--ink);margin-top:70px}.article-meta{display:flex;gap:40px;font-size:14px;border-bottom:1px solid var(--border);margin-bottom:50px}.article-meta span{color:var(--accent)}.page-cta{padding-bottom:130px}.case-cover{min-height:60vh;background:linear-gradient(135deg,#48406b,#282f59);background-size:cover;background-position:center;margin-bottom:90px}.blog-list{border-top:1px solid var(--border)}.blog-list a{display:grid;grid-template-columns:160px 1fr 30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--border)}.blog-list span{color:var(--muted);font-size:13px}.blog-list h2{font-size:clamp(25px,3vw,42px);margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-layout h2{font-size:clamp(20px,2.4vw,34px)}.agency-form{display:flex;flex-direction:column;gap:30px}.agency-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.agency-form input:not([type=checkbox]):not([type=radio]),.agency-form select,.agency-form textarea{width:100%;min-height:55px;padding:15px 17px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none}.agency-form input:focus,.agency-form textarea:focus{border-color:var(--accent)}.agency-form .pill{align-self:start}.start-form{max-width:990px;margin:auto;gap:60px}.start-form fieldset{border:0;padding:0 0 55px;border-bottom:1px solid var(--border)}.start-form legend{font:700 clamp(22px,2.5vw,33px) var(--display);letter-spacing:-.04em;margin-bottom:30px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:20px;border:1px solid var(--border);border-radius:10px;transition:all .2s}.choice-grid input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.choice-grid input:focus-visible+span{outline:3px solid var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.consent{flex-direction:row!important;align-items:start}.consent input{margin-top:4px}@media(max-width:790px){.hero{min-height:90svh}.hero-heading{font-size:clamp(55px,12vw,92px);margin-bottom:40px}.hero .eyebrow{margin-bottom:35px}.hero-bottom .lead{font-size:17px}.round-arrow{width:60px;height:60px;font-size:25px}.scroll-cue{margin-top:50px}.manifesto,.contact-layout{grid-template-columns:1fr;gap:30px}.section-head{align-items:start;flex-direction:column;gap:12px}.expertise-item{grid-template-columns:40px 1fr 48px;padding:22px 0}.expertise-icon{width:42px;height:42px;font-size:19px}.project-grid,.process-grid,.testimonial-grid{grid-template-columns:1fr}.project-card:nth-child(even){transform:none}.project-photo{height:330px}.inner-hero{padding-top:155px;min-height:unset}.blog-list a{grid-template-columns:90px 1fr 22px}.choice-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.project-placeholder{min-height:360px}}@media(max-width:420px){.choice-grid{grid-template-columns:1fr}.hero-heading{font-size:53px}.round-arrow{display:none}} /* Experience layer: accessibility, motion and conversion. */ .skip-link{position:fixed;top:-90px;left:25px;background:var(--accent);color:#fff;padding:12px 18px;z-index:200;border-radius:10px}.skip-link:focus{top:12px}.brand-logo{display:block;max-width:190px;max-height:48px;object-fit:contain}.header .nav>a:focus-visible,.header button:focus-visible,.pill:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cookie-consent{position:fixed;z-index:110;bottom:24px;left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 30px));background:color-mix(in srgb,var(--surface) 94%,var(--bg));backdrop-filter:blur(25px);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 18px 80px #0007}.cookie-consent[hidden]{display:none}.cookie-consent strong{font-family:var(--display);font-size:16px}.cookie-consent p{font-size:12px;max-width:570px;line-height:1.6;margin:8px 0 0;color:var(--muted)}.cookie-consent a{text-decoration:underline}.cookie-actions{display:flex;gap:9px;flex-shrink:0}.cookie-actions button{border:1px solid var(--border);background:transparent;color:var(--ink);padding:12px 15px;border-radius:10px;font-size:12px;font-weight:700}.cookie-actions button:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}.footer-caption{max-width:380px;font-size:13px;color:var(--muted);margin-top:30px}.footer-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.footer-social a{font-size:12px;border-bottom:1px solid var(--accent);color:var(--ink)}.js .reveal:not(.shown){opacity:0;transform:translateY(24px)}.hero-heading{max-width:1350px}.hero-glow{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#7f4bff66 0,#3a50cb2b 32%,transparent 67%)}.hero-heading{animation:hero-arrive .95s var(--ease) both}.hero-bottom{animation:hero-arrive 1.3s var(--ease) both}@keyframes hero-arrive{from{opacity:.1;transform:translateY(34px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}.project-start-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,110px);align-items:start}.project-aside{position:sticky;top:120px}.project-aside h2{font-size:clamp(28px,3vw,51px);line-height:1.24;margin:25px 0}.project-aside .muted{color:var(--muted);font-size:13px;max-width:340px}.progress-rail{height:3px;background:var(--border);overflow:hidden;margin:35px 0}.progress-rail span{display:block;height:100%;width:12.5%;background:var(--accent);transition:width .35s}.steps-form{width:100%;max-width:none;margin:0}.steps-form [data-step][hidden]{display:none}.steps-form fieldset{border:0;padding:0;margin:0 0 26px}.steps-form fieldset legend{font:600 clamp(23px,2.8vw,42px)/1.2 var(--display);letter-spacing:-.045em;margin-bottom:25px}.steps-form .steps-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:38px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--accent);letter-spacing:.09em;font-size:11px;font-weight:800}.steps-form .wizard-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:26px;border-top:1px solid var(--border)}.wizard-back{background:none;color:var(--ink);border:1px solid var(--border);padding:13px 22px;border-radius:30px}.project-review{padding:12px 0 30px}.project-review p{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;padding:15px 0;font-size:13px}.project-review strong{color:var(--muted)}.steps-form .consent a{text-decoration:underline}.agency-form input[type=file]{padding:20px;border:1px dashed var(--accent);background:var(--surface);width:100%;border-radius:10px;color:var(--ink)}@media(max-width:860px){.project-start-layout{grid-template-columns:1fr}.project-aside{position:static}.project-aside h2{font-size:28px}.project-aside .muted{display:none}.cookie-consent{bottom:10px;padding:17px;flex-direction:column;align-items:stretch;gap:14px}.cookie-actions button{flex:1}.hero-heading{font-size:clamp(54px,11.3vw,102px)}}@media(max-width:550px){.steps-form .wizard-actions{flex-wrap:wrap}.footer-title{font-size:clamp(37px,10vw,60px)}.cookie-actions{flex-wrap:wrap}.hero-heading{font-size:clamp(52px,12vw,74px)}}@media(prefers-reduced-motion:reduce){.hero-heading,.hero-bottom{animation:none!important}} /* Editorial inner pages */ .article-body{font-size:clamp(16px,1.38vw,19px);max-width:840px;line-height:1.9}.article-body p{margin:0 0 1.5em;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.article-body h2{font-size:clamp(30px,3vw,48px);margin:50px 0 20px}.article-body h3{font-size:clamp(22px,2.4vw,33px);margin:40px 0 15px}.article-body ul{padding-left:22px;color:var(--muted)}.article-body li{padding-block:5px}.inner-hero{position:relative}.about-top{overflow:hidden}.hero-deco{position:absolute;right:6vw;bottom:0;font-size:clamp(160px,30vw,420px);line-height:1;color:var(--accent);opacity:.1;pointer-events:none}.about-statement{display:grid;grid-template-columns:1fr 2fr;gap:55px}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.belief-grid>div{padding:30px 0;border-top:1px solid var(--border)}.belief-grid span{color:var(--accent);font-size:12px}.belief-grid h3{margin:30px 0 15px;font-size:clamp(21px,2.5vw,38px)}.belief-grid p{color:var(--muted);font-size:14px;max-width:320px}.faq-layout{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.faq-layout aside{position:sticky;top:120px;height:max-content}.faq-questions{border-top:1px solid var(--border)}.faq-questions details{border-bottom:1px solid var(--border);padding:0}.faq-questions summary{list-style:none;cursor:pointer;padding:27px 0;font:650 clamp(19px,2.6vw,31px)/1.3 var(--display);letter-spacing:-.03em;display:flex;justify-content:space-between;gap:20px}.faq-questions summary::-webkit-details-marker{display:none}.faq-questions summary span{color:var(--accent);transition:transform .2s}.faq-questions details[open] summary span{transform:rotate(45deg)}.faq-questions details>div{color:var(--muted);font-size:16px;max-width:760px;padding:0 0 25px}.faq-questions details p{margin:0 0 12px}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:75px}.technology-piece{display:flex;flex-direction:column;gap:18px;min-height:140px;padding:24px;border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;font:700 19px var(--display)}.technology-piece img{width:42px;height:42px;object-fit:contain}.product-story{position:relative;display:grid;grid-template-columns:1fr;gap:40px}.story-ornament{position:absolute;right:0;top:-100px;color:var(--accent);font-size:200px;opacity:.09}.product-story .article-body{max-width:920px}.product-story>.pill{justify-self:start}@media(max-width:860px){.about-statement,.faq-layout{grid-template-columns:1fr;gap:22px}.faq-layout aside{position:static}.belief-grid{grid-template-columns:1fr}.belief-grid>div{padding:20px 0}.technology-grid{grid-template-columns:repeat(2,1fr)}} .custom-blocks{display:grid;gap:55px}.custom-block{max-width:1100px}.custom-block-heading h2{font-size:clamp(45px,6vw,90px)}.custom-block-image figure{margin:0}.custom-block-image img{width:100%;display:block;max-height:700px;object-fit:cover}.custom-block-image figcaption{margin-top:12px;color:var(--muted);font-size:12px}.custom-block-quote blockquote{font:600 clamp(26px,4vw,58px)/1.3 var(--display);letter-spacing:-.045em;margin:0}.custom-block-quote footer{font:400 14px var(--body);color:var(--muted);margin-top:26px}.custom-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.custom-gallery img{width:100%;height:260px;object-fit:cover}.custom-block-video video{width:100%;max-height:650px}.cta-block{background:var(--surface);padding:clamp(28px,5vw,80px)}.cta-block h2{font-size:clamp(30px,4vw,64px)}.cta-block p{color:var(--muted)}.frontend-pagination{display:flex;gap:12px;justify-content:center;margin:50px auto}.frontend-pagination a{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--border);border-radius:50%;font-weight:700}.frontend-pagination a.current{background:var(--accent);color:#fff} /* eeDigi / Kinetic Studio — no orange palette. CMS templates remain authoritative. */ :root{ --bg:#080a15;--surface:#0f1324;--surface2:#171b31;--ink:#f7f8ff; --muted:#a6abc5;--accent:#9d83ff;--accent2:#5e92ff;--border:#ffffff20; --transition-ink:#090e25;--transition-glow:#624ce4; } html[data-theme=light]{--bg:#f8f9fe;--surface:#eeeff9;--surface2:#e5e9f7;--ink:#14182b;--muted:#626a85;--accent:#6246d9;--accent2:#365ec7;--border:#151d3425;--transition-ink:#24235e;--transition-glow:#7969ed} html{scroll-padding-top:90px} body{overflow-x:clip} a,button{-webkit-tap-highlight-color:transparent} ::selection{background:#866ce4;color:#fff} .header{height:94px;z-index:70;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border);transition:height .3s var(--ease),transform .3s var(--ease),background .3s var(--ease)} .header:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,transparent 45%,#7764e808);pointer-events:none} .brand{font-size:24px}.brand-symbol{width:43px;height:43px;background:linear-gradient(130deg,#8a6bf2,#4664c5);border-radius:11px;box-shadow:0 0 35px #7461e42b} .nav>a{position:relative;color:var(--ink);font-weight:650;letter-spacing:-.015em} .nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--accent);transition:right .35s var(--ease)} .nav>a:hover:after,.nav>a:focus-visible:after{right:0} .pill{background:var(--ink);color:var(--bg);font-weight:750;transition:background .3s,transform .3s,color .3s} .pill:hover{background:var(--accent);color:#fff} .hero-v2{min-height:940px;min-height:100svh;max-height:none;padding-top:155px;padding-bottom:45px;background:radial-gradient(ellipse at 86% 37%,#483d9a51,transparent 40%),linear-gradient(126deg,#080a16 9%,#0c1026 54%,#10122b 100%);color:#fff;isolation:isolate} html[data-theme=light] .hero-v2{background:radial-gradient(ellipse at 90% 35%,#d3caff,transparent 43%),linear-gradient(125deg,#f7f8fd,#eaeefb 65%,#e9e7f9);color:#15162d} .hero-v2 .hero-grid{opacity:.19;background-size:100px 100px;mask-image:linear-gradient(90deg,black,transparent 100%)} .hero-v2 .hero-glow{pointer-events:none;width:85vw;height:85vw;right:-37vw;top:-19vw;filter:blur(50px);background:radial-gradient(circle,#7c67e926 0,#5565ed0e 38%,transparent 65%)} .hero-v2 .hero-inner{z-index:3;display:flex;flex-direction:column;justify-content:center} .hero-v2 .hero-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(37px,5vw,90px);gap:20px} .hero-v2 .hero-topline .eyebrow{margin:0;color:#dad8f5;font-weight:750;letter-spacing:.19em;font-size:11px} html[data-theme=light] .hero-v2 .hero-topline .eyebrow{color:#35395c} .hero-v2 .live-dot{width:8px;height:8px;background:#a799ff;box-shadow:0 0 22px #8175ff;margin-right:15px} .hero-counter,.hero-location{font-size:11px;letter-spacing:.21em;color:#b2b6d3;font-weight:650} html[data-theme=light] .hero-counter,html[data-theme=light] .hero-location{color:#4f5674} .hero-v2 .hero-heading{font-size:clamp(62px,8.4vw,149px);line-height:.99;max-width:1220px;margin:0 0 clamp(40px,5vw,80px);letter-spacing:-.083em;position:relative;z-index:3;font-weight:800} .hero-v2 .hero-title-line{display:block;max-width:1200px;white-space:normal} .hero-v2 .hero-title-accent{background:linear-gradient(102deg,#d3c4ff 0%,#9b97ff 28%,#738fe7 75%,#a6a0ff 100%);color:transparent;-webkit-background-clip:text;background-clip:text} html[data-theme=light] .hero-v2 .hero-title-accent{background-image:linear-gradient(100deg,#5843b7,#7764d8 45%,#4d66bc);} .hero-v2 .hero-bottom{max-width:none;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:clamp(56px,8vw,125px)} .hero-v2 .hero-bottom .lead{color:#aeb5d3;max-width:485px;font-size:clamp(17px,1.55vw,22px);line-height:1.65} html[data-theme=light] .hero-v2 .lead{color:#4a5272} .hero-cta-group{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .hero-primary-link{display:flex;align-items:center;gap:25px;padding:18px 22px 18px 27px;background:#fafaff;color:#111326;border-radius:100px;font-size:14px;font-weight:800;transition:box-shadow .3s,background .3s} .hero-primary-link:hover{background:#d9d2ff;box-shadow:0 15px 50px #766cef30} .hero-primary-link>span{font-size:23px;line-height:1} .hero-secondary-link{font-size:13px;font-weight:700;padding:12px 0;border-bottom:1px solid #ffffff7a;white-space:nowrap} html[data-theme=light] .hero-secondary-link{border-color:#353656} .hero-secondary-link>span{padding-left:8px} .hero-bottomrail{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff2f;padding-top:25px;position:relative} .hero-v2 .scroll-cue{display:flex;align-items:center;gap:15px;margin:0;color:#c4c3da;font-size:10px;font-weight:750} html[data-theme=light] .hero-v2 .scroll-cue{color:#454b68} .scroll-cue i{display:block;width:23px;height:35px;border:1px solid currentColor;border-radius:15px;position:relative} .scroll-cue i:after{content:"";position:absolute;top:6px;left:10px;height:7px;width:1px;background:currentColor;animation:scroll-mouse 2.1s infinite} @keyframes scroll-mouse{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(14px);opacity:0}} .hero-visual{position:absolute;z-index:1;right:-10%;top:13%;width:min(62vw,900px);height:min(66vw,950px);pointer-events:none;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0)} .hero-visual:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 40% 42%,#a4a0fa3d,#5b56bd18 38%,transparent 65%);filter:blur(22px)} .visual-halo{position:absolute;inset:10%;border:1px solid #aab3ff38;border-radius:50%;box-shadow:0 0 70px #6a6ff211,0 0 0 70px #b6b1fc08,0 0 0 140px #b6b1fc04} .visual-halo-one{animation:orbit-drift 22s linear infinite;transform:rotate(-18deg) scaleX(.87)} .visual-halo-one:before,.visual-halo-one:after{content:"";display:block;position:absolute;width:8px;height:8px;border-radius:50%;background:#a49aff;box-shadow:0 0 25px #a49aff;top:14%;left:14%} .visual-halo-one:after{top:auto;left:auto;right:9%;bottom:19%;width:5px;height:5px} .visual-halo-two{inset:25%;border-color:#abb1ff55;transform:rotate(22deg) scaleX(1.25);animation:orbit-drift-inverse 30s linear infinite} .visual-core{position:absolute;inset:36%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#9f9af8 0%,#555dc3 48%,#151947 100%);box-shadow:inset -17px -24px 30px #11154280,inset 9px 7px 22px #ede8ff5e,0 30px 130px #847efa55;animation:core-float 8s ease-in-out infinite} .visual-core>span{font:900 clamp(90px,12vw,200px)/1 var(--display);letter-spacing:-.12em;color:#f5f5ff;text-shadow:0 5px 22px #36317d88;transform:translateX(-10px)} .visual-core .core-period{color:#d9d0ff} .visual-satellite{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:20px;border:1px solid #a99bff47;background:#171b3f99;backdrop-filter:blur(10px);color:#e4dcff;font-weight:800;font-size:33px;box-shadow:0 30px 60px #03061955} .visual-satellite small{font:700 8px var(--body);letter-spacing:.18em;color:#afb6d8} .visual-satellite-a{width:150px;height:125px;left:16%;top:24%;transform:rotate(-11deg)} .visual-satellite-b{width:128px;height:112px;right:5%;bottom:21%;transform:rotate(9deg)} .visual-label{position:absolute;right:1%;top:10%;font:750 9px var(--body);letter-spacing:.26em;color:#9da2cf;transform:rotate(90deg);transform-origin:100% 0} @keyframes orbit-drift{to{transform:rotate(342deg) scaleX(.87)}}@keyframes orbit-drift-inverse{to{transform:rotate(-338deg) scaleX(1.25)}}@keyframes core-float{50%{transform:translateY(-25px)}} .brand-marquee{height:112px;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--border);background:var(--surface);color:color-mix(in srgb,var(--ink) 89%,transparent)} .brand-marquee-track{display:flex;align-items:center;min-width:max-content;animation:marquee 32s linear infinite;will-change:transform}.brand-marquee-track>span{white-space:nowrap;font:800 clamp(22px,3.3vw,42px)/1 var(--display);letter-spacing:-.055em;padding-inline:32px}.brand-marquee-track b{font-size:.65em;margin-inline:40px;color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}} .manifesto{grid-template-columns:minmax(160px,.65fr) minmax(0,2fr);gap:clamp(40px,5.5vw,110px);padding-top:clamp(120px,12vw,210px);padding-bottom:clamp(120px,13vw,220px)} .manifesto-mark{font-size:clamp(80px,9vw,160px);line-height:1;color:#8a76e6;opacity:.4;animation:orbit-drift 24s linear infinite;transform-origin:35% 40%;margin-top:70px} .statement{font-size:clamp(35px,4.6vw,73px);line-height:1.26;letter-spacing:-.059em;max-width:1050px} .manifesto-foot{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;margin-top:60px} .manifesto-foot p{max-width:300px;font-size:14px;color:var(--muted);margin:0} .expertise{position:relative;background:var(--surface);overflow:hidden}.expertise:before{content:"";position:absolute;right:-300px;top:-230px;width:550px;height:550px;border:1px solid #7976eb27;border-radius:50%;box-shadow:0 0 0 100px #7568df08,0 0 0 200px #7568df04;pointer-events:none} .section-head{position:relative;align-items:flex-end}.section-head h2,.tech-section h2{font-size:clamp(56px,7vw,110px);line-height:1.04;letter-spacing:-.079em}.section-head>p{max-width:330px;line-height:1.8} .expertise-list{position:relative;z-index:2}.expertise-item{grid-template-columns:70px minmax(0,1fr) 135px 66px;padding-block:32px;gap:16px;isolation:isolate;transition:padding .48s var(--ease),color .3s} .expertise-item:before{content:"";inset:0;position:absolute;background:linear-gradient(100deg,#8c6be60e,#6368e523 50%,transparent);transform:scaleY(0);transform-origin:bottom;transition:transform .48s var(--ease);z-index:-1} .expertise-item:hover:before,.expertise-item:focus-visible:before{transform:scaleY(1)} .expertise-item:hover{padding-inline:27px;background:none} .expertise-item h3{font-size:clamp(27px,3.4vw,53px);font-weight:750;letter-spacing:-.056em} .expertise-type{font-size:10px;letter-spacing:.13em;color:var(--muted);text-align:right} .expertise-icon{border-color:#8780ba54;color:var(--ink);transition:background .3s,transform .4s var(--ease),color .3s} .expertise-item:hover .expertise-icon{background:var(--accent);color:white;transform:rotate(45deg)} .expertise-foot{margin-top:40px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px} .projects-section{background:var(--bg)} .project-placeholder{min-height:650px;padding:40px 48px;background:linear-gradient(135deg,#282156 5%,#332c80 45%,#1a2449 100%);border:1px solid #9790fa25;isolation:isolate} .project-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 40%,#958cff6d,transparent 40%),linear-gradient(90deg,#1d1a4799,transparent 60%);z-index:-1} .placeholder-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#dcd8fa} .placeholder-art{position:absolute;inset:0;pointer-events:none;overflow:hidden} .placeholder-art-ring{position:absolute;width:460px;height:460px;right:10%;top:10%;border:1px solid #cbc4ff66;border-radius:50%;box-shadow:0 0 0 65px #d6d2ff0b,0 0 0 130px #d6d2ff07,0 0 0 195px #d6d2ff05;animation:core-float 9s ease-in-out infinite} .placeholder-art-letter{position:absolute;right:22%;top:11%;font:900 clamp(200px,30vw,460px)/1 var(--display);letter-spacing:-.15em;color:#d4ccff29;transform:rotate(-13deg)} .placeholder-art-tag{position:absolute;right:6%;bottom:27%;border:1px solid #d5caff6e;border-radius:100px;padding:14px 24px;color:#ecebff;font-size:10px;letter-spacing:.13em;transform:rotate(-10deg)} .placeholder-bottom{position:relative;z-index:2;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:20px} .project-placeholder h3{font-size:clamp(44px,6.8vw,104px);line-height:1.03;max-width:900px;margin:0;color:#fff} .placeholder-bottom .project-jump{position:relative;right:auto;bottom:auto;flex-shrink:0;width:76px;height:76px} .project-card .project-photo{overflow:hidden;isolation:isolate}.project-card .project-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#8876c831,#5761ce25);z-index:1;transition:opacity .6s} .project-card .project-photo:hover:before{opacity:.35}.project-photo{transition:background-size .6s,filter .3s} .project-card:hover .project-photo{filter:saturate(1.12)}.project-jump{transition:transform .4s var(--ease)} .tech-section{background:linear-gradient(120deg,var(--surface),var(--bg) 70%)} .tech-intro{display:grid;grid-template-columns:1fr 2.5fr;gap:40px}.tech-intro>p:last-child{grid-column:2;color:var(--muted);font-size:16px;max-width:500px;margin:0}.tech-intro h2{margin:0} .tech-list{margin-top:65px;gap:12px}.tech-list span{font-size:15px;letter-spacing:-.02em;border-radius:12px;padding:20px 32px;background:color-mix(in srgb,var(--surface2) 65%,transparent);transition:transform .35s var(--ease),background .3s,border .3s}.tech-list span:hover{transform:translateY(-6px);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:var(--accent)} .process-section{padding-top:clamp(120px,14vw,230px);padding-bottom:clamp(110px,12vw,200px)} .process-timeline{position:relative;margin-top:90px;border-top:1px solid var(--border)}.process-step{display:grid;grid-template-columns:130px 1fr 65px;align-items:center;gap:25px;border-bottom:1px solid var(--border);padding:34px 5px;transition:background .4s,padding .4s;position:relative} .process-step:hover{padding-left:25px;background:color-mix(in srgb,var(--accent) 5%,transparent)} .process-number{font:700 13px var(--body);letter-spacing:.2em;color:var(--accent)} .process-copy{display:flex;justify-content:space-between;align-items:center;gap:30px}.process-copy strong{font:750 clamp(29px,3.5vw,53px)/1.1 var(--display);letter-spacing:-.06em}.process-copy p{max-width:315px;font-size:14px;color:var(--muted);margin:0;line-height:1.6}.process-symbol{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;width:56px;height:56px;justify-self:end;font-size:21px;transition:transform .4s var(--ease),background .3s} .process-step:hover .process-symbol{background:var(--accent);transform:rotate(45deg)} .footer{background:#121329;color:#f6f5ff;position:relative;overflow:hidden} .footer:before{content:"";width:680px;height:680px;border:1px solid #aaa2ff27;position:absolute;right:-280px;top:-340px;border-radius:50%;box-shadow:0 0 0 100px #9790ff07,0 0 0 200px #9790ff05;pointer-events:none} .footer .footer-title{position:relative;display:inline-block;font-size:clamp(49px,6.2vw,110px);line-height:1.1} .footer .footer-title:hover{color:#c1b9ff}.footer .footer-title em{color:#b3a3ff} .footer .footer-right,.footer .footer-bottom,.footer .footer-caption{color:#acacc7}.footer .footer-bottom{border-color:#ffffff30} /* Cinematic page transitions: split curtain. JS attaches it only to front-end pages. */ .page-curtain{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;grid-template-rows:1fr 1fr;overflow:hidden;visibility:hidden} .page-curtain .curtain-panel{display:block;background:linear-gradient(125deg,var(--transition-ink) 0%,#2e286e 55%,var(--transition-glow) 140%);will-change:transform;transform:translate3d(-102%,0,0);transition:transform .72s cubic-bezier(.76,0,.24,1)} .page-curtain .curtain-panel-bottom{background:linear-gradient(100deg,#111939,#262365 57%,#6050c9 130%);transform:translate3d(102%,0,0)} .page-curtain .curtain-wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-47%);font:800 clamp(45px,8vw,100px)/1 var(--display);letter-spacing:-.085em;color:#fff;opacity:0;transition:opacity .2s ease,transform .6s var(--ease);white-space:nowrap} .page-curtain .curtain-wordmark small{display:block;font-size:10px;letter-spacing:.35em;font-weight:650;text-align:center;margin-top:14px} .page-curtain.is-covering,.page-curtain.is-uncovering{visibility:visible} .page-curtain.is-covering .curtain-panel{transform:translate3d(0,0,0)} .page-curtain.is-covering .curtain-wordmark{opacity:1;transform:translate(-50%,-50%)} .page-curtain.is-uncovering .curtain-panel{transform:translate3d(0,-102%,0);transition-duration:.91s} .page-curtain.is-uncovering .curtain-panel-bottom{transform:translate3d(0,102%,0)} .page-curtain.is-uncovering .curtain-wordmark{opacity:0;transform:translate(-50%,-60%)} .page-curtain.is-initial{visibility:visible}.page-curtain.is-initial .curtain-panel{transform:translate3d(0,0,0);transition:none}.page-curtain.is-initial .curtain-wordmark{opacity:1} /* Kinetic headlines and elevated scroll reveals */ .kinetic-line{display:block;overflow:hidden;padding:.07em .06em .13em .01em;margin:-.07em -.06em -.13em -.01em} .kinetic-word{display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;vertical-align:top} .kinetic-word>span{display:inline-block;will-change:transform;transform:translate3d(0,115%,0);opacity:.2;transition:transform 1.08s cubic-bezier(.2,1,.18,1),opacity .8s;transition-delay:calc(var(--word-index,0)*65ms)} body.page-ready .hero-heading .kinetic-word>span,body.page-ready .inner-hero .kinetic-word>span{transform:translate3d(0,0,0);opacity:1} .reveal{transition-duration:.86s;transition-timing-function:cubic-bezier(.2,1,.2,1)}.reveal:not(.shown){transform:translateY(46px)} .reveal.shown{transform:translateY(0)} .project-card.reveal:nth-child(even).shown{transform:translateY(80px)} .page-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:240;pointer-events:none;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#7561e5,#7ea5ff,#b5adff)} .inner-hero{position:relative;overflow:hidden;padding-top:clamp(190px,18vw,260px);padding-bottom:clamp(100px,10vw,150px);min-height:70vh} .inner-hero:before{content:"";position:absolute;right:-13%;top:10%;width:clamp(350px,50vw,730px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7661ef30,transparent 68%);pointer-events:none;z-index:-1} .inner-hero h1{line-height:1.03;font-size:clamp(62px,9vw,134px)} html[data-theme=light] .footer{background:#191a35;color:#fff} @media(max-width:1090px){.hero-visual{right:-24%;top:19%;width:74vw;height:80vw;opacity:.76}.hero-v2 .hero-heading{font-size:clamp(56px,8.7vw,105px)}.hero-cta-group{gap:15px}.expertise-item{grid-template-columns:50px minmax(0,1fr) 65px}.expertise-type{display:none}} @media(max-width:790px){ .header{height:76px}.nav{top:76px;inset:76px 0 0;z-index:80;min-height:calc(100dvh - 76px);padding-block:65px;overflow-y:auto}.nav>a{font-size:clamp(29px,8vw,55px)} .hero-v2{min-height:820px;min-height:100svh;padding-top:125px;padding-bottom:38px;align-items:stretch}.hero-v2 .hero-inner{justify-content:center} .hero-visual{width:95vw;height:95vw;right:-45vw;top:20%;opacity:.43}.visual-satellite{display:none}.visual-label{display:none} .hero-v2 .hero-topline{margin-bottom:47px}.hero-v2 .hero-topline .eyebrow{font-size:9px}.hero-counter{font-size:9px}.hero-v2 .hero-heading{font-size:clamp(58px,12vw,95px);margin-bottom:48px} .hero-v2 .hero-bottom{align-items:start;flex-direction:column;gap:30px;margin-bottom:65px}.hero-v2 .hero-bottom .lead{font-size:17px;max-width:390px}.hero-cta-group{justify-content:flex-start;gap:18px} .hero-primary-link{padding:15px 18px;font-size:12px}.hero-secondary-link{font-size:12px}.hero-location{display:none} .brand-marquee{height:84px}.brand-marquee-track>span{font-size:28px}.brand-marquee-track b{margin-inline:20px} .manifesto{grid-template-columns:1fr;gap:35px}.manifesto-mark{display:none}.statement{font-size:clamp(34px,6vw,58px)}.manifesto-foot{flex-direction:column;align-items:flex-start;gap:25px;margin-top:40px} .section-head h2,.tech-section h2{font-size:clamp(52px,9vw,84px)} .expertise-item{grid-template-columns:38px minmax(0,1fr) 50px;gap:8px;padding:26px 0}.expertise-item h3{font-size:clamp(24px,5vw,38px)}.expertise-icon{width:45px;height:45px}.expertise-foot{gap:24px} .project-placeholder{min-height:480px;padding:26px}.project-placeholder h3{font-size:clamp(42px,7vw,69px)}.placeholder-art-ring{width:300px;height:300px;right:-20%;top:18%}.placeholder-art-letter{right:3%;top:29%;font-size:200px}.placeholder-art-tag{display:none} .tech-intro{grid-template-columns:1fr}.tech-intro>p:last-child{grid-column:1}.tech-list{margin-top:40px} .process-timeline{margin-top:50px}.process-step{grid-template-columns:50px 1fr 45px;gap:12px;padding-block:26px}.process-copy{display:block}.process-copy strong{font-size:clamp(28px,4vw,40px)}.process-copy p{margin-top:12px;font-size:13px}.process-symbol{width:42px;height:42px} .project-card.reveal:nth-child(even).shown{transform:none} } @media(max-width:460px){ .hero-v2{min-height:760px;min-height:100svh}.hero-v2 .hero-topline{margin-bottom:28px}.hero-v2 .hero-heading{font-size:clamp(51px,12.4vw,68px);line-height:1.03;margin-bottom:38px;letter-spacing:-.085em} .hero-v2 .hero-bottom{gap:28px;margin-bottom:45px}.hero-v2 .hero-bottom .lead{font-size:15px}.hero-cta-group{gap:19px}.hero-primary-link{gap:8px;padding:13px 15px;font-size:11px}.hero-secondary-link{font-size:11px}.hero-v2 .scroll-cue{font-size:9px} .brand-marquee{height:75px}.brand-marquee-track>span{font-size:24px}.expertise-item h3{font-size:24px}.expertise-num{font-size:10px}.expertise-foot{align-items:flex-start;flex-direction:column} .project-placeholder{min-height:410px}.placeholder-meta{font-size:8px}.placeholder-meta span:last-child{display:none}.project-placeholder h3{font-size:40px}.placeholder-bottom .project-jump{width:56px;height:56px;flex-shrink:0} .process-step{grid-template-columns:35px 1fr}.process-symbol{display:none}.process-copy strong{font-size:28px} .footer .footer-title{font-size:clamp(44px,10vw,65px)} } @media(prefers-reduced-motion:reduce){ .hero-visual,.visual-core,.visual-halo,.brand-marquee-track,.manifesto-mark,.scroll-cue i:after{animation:none!important;transform:none!important} .kinetic-word>span{transform:none!important;opacity:1!important} .page-curtain,.page-progress{display:none!important} .reveal,.reveal:not(.shown){opacity:1!important;transform:none!important} } /* Letter-level gradients must live on inner motion spans, not their clipped parents. */ .hero-v2 .hero-title-accent .kinetic-word>span{background:linear-gradient(104deg,#cfc5ff,#9186f1 52%,#7591fa);background-clip:text;-webkit-background-clip:text;color:transparent} html[data-theme=light] .hero-v2 .hero-title-accent .kinetic-word>span{background-image:linear-gradient(104deg,#5944ca,#5e65d8 68%,#3f63b7)} /* ===================================================================== eeDigi / Reference-led editorial homepage (Nov 2026) Layout follows the client's approved content architecture. All original artwork is CSS-built; no third-party media or brand assets are reused. ===================================================================== */ .rw-home{--rw-bg:#090b13;--rw-panel:#141627;--rw-panel2:#1c1d31;--rw-ink:#f7f5ff;--rw-sub:#a9a8c1;--rw-purple:#a686ff;--rw-blue:#758cfa;--rw-line:#ffffff18;--rw-gradient:linear-gradient(112deg,#aa83ff 4%,#7466ee 48%,#6a98ff 94%);background:var(--rw-bg);color:var(--rw-ink);overflow:clip} .rw-home *, .rw-home *::before,.rw-home *::after{box-sizing:border-box} .rw-home .rw-container{max-width:1490px;margin-inline:auto;padding-inline:clamp(20px,5.35vw,90px)} .rw-home a{color:inherit;text-decoration:none} .rw-home .rw-section{padding-block:clamp(100px,11vw,165px)} .rw-home .rw-kicker{display:flex;align-items:center;gap:11px;margin-bottom:26px;color:#dfd7ff;font-size:13px;font-weight:700;letter-spacing:.02em} .rw-home .rw-kicker-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a686ff70;border-radius:50%;color:var(--rw-purple);font-size:16px} .rw-home .rw-label,.rw-home .rw-mini{color:#a5a3bc;letter-spacing:.19em;font-size:10px;font-weight:700} .rw-home .rw-section-title{font-size:clamp(46px,6.25vw,97px);line-height:1.08;font-weight:700;letter-spacing:-.075em;margin:0;color:var(--rw-ink)} .rw-home .rw-section-title em,.rw-home .rw-quote-content em{font-style:normal;color:transparent;background:var(--rw-gradient);-webkit-background-clip:text;background-clip:text} .rw-home .rw-section-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px} .rw-home .rw-section-intro>p{color:var(--rw-sub);line-height:1.75;font-size:clamp(15px,1.25vw,18px);max-width:385px;margin:0 0 10px} .rw-home .rw-arrow-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:750;white-space:nowrap;border-bottom:1px solid #b2a1ff90;padding:0 0 12px;transition:color .35s,border-color .35s} .rw-home .rw-arrow-link>span{color:var(--rw-purple);font-size:22px;line-height:1;transition:transform .35s} .rw-home .rw-arrow-link:hover{color:#bea9ff;border-color:#fff}.rw-home .rw-arrow-link:hover span{transform:translate(4px,-4px)} .rw-home .rw-rise{transition:opacity .85s cubic-bezier(.18,1,.24,1),transform .9s cubic-bezier(.18,1,.24,1);opacity:1;transform:none} html.js:not(.rw-no-motion) .rw-home .rw-rise:not(.rw-visible){opacity:0;transform:translateY(38px)} .rw-home .rw-mask{clip-path:inset(0 0 0 0 round 12px);transition:clip-path 1.05s cubic-bezier(.22,1,.25,1),opacity 1s;opacity:1} html.js:not(.rw-no-motion) .rw-home .rw-mask:not(.rw-visible){clip-path:inset(16% 9% 16% 9% round 24px);opacity:.55} /* hero / same content hierarchy as reference: giant display + graphic + discover */ .rw-home .rw-hero{position:relative;min-height:min(870px,100svh);min-height:790px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#25235a 0%,#15152c 31%,transparent 65%),#0b0c17} .rw-home .rw-hero-light{position:absolute;inset:-25%;background:radial-gradient(ellipse at 68% 32%,#745cce28 0%,transparent 48%),radial-gradient(ellipse at 82% 72%,#4560bd25 0%,transparent 38%);pointer-events:none;z-index:-1} .rw-home .rw-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.34;background-image:linear-gradient(#d6d2ff0c 1px,transparent 1px),linear-gradient(90deg,#d6d2ff0c 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 4%,#000 55%,transparent 100%)} .rw-home .rw-hero-frame{position:relative;padding-top:clamp(43px,6vw,88px);padding-bottom:28px;min-height:790px;display:flex;flex-direction:column} .rw-home .rw-hero-top,.rw-home .rw-hero-end{display:flex;justify-content:space-between;align-items:center;gap:24px} .rw-home .rw-section-pill{display:inline-flex;align-items:center;gap:12px;color:#c8bfdc;font-size:10px;font-weight:750;letter-spacing:.16em} .rw-home .rw-section-pill i{width:7px;height:7px;border-radius:50%;background:#b994ff;box-shadow:0 0 0 5px #a686ff20,0 0 15px #a686ff90;flex-shrink:0} .rw-home .rw-hero-index,.rw-home .rw-hero-end>span{font-size:10px;letter-spacing:.13em;color:#8987a3} .rw-home .rw-hero-layout{flex:1;display:grid;grid-template-columns:58% 42%;align-items:center;position:relative;min-height:610px} .rw-home .rw-hero-copy{position:relative;z-index:4;padding-block:35px 60px} .rw-home .rw-hero-copy>.rw-mini{margin-bottom:28px} .rw-home .rw-hero-title{font-size:clamp(60px,7.25vw,119px);font-weight:800;line-height:1.06;letter-spacing:-.083em;white-space:nowrap;margin:0 0 32px;position:relative;z-index:5} .rw-home .rw-title-line{display:block;padding-block:.03em;max-width:max-content} .rw-home .rw-title-accent{font-style:normal;color:#ab93ff} .rw-home .rw-title-accent .kinetic-word>span{background:linear-gradient(92deg,#b9adff,#9c83fb 43%,#729dff);-webkit-background-clip:text;background-clip:text;color:transparent} .rw-home .rw-hero-description{font-size:clamp(16px,1.5vw,20px);line-height:1.8;color:#b4afc6;max-width:535px;margin-bottom:28px} .rw-home .rw-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:40px} .rw-home .rw-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:0 27px;border-radius:7px;font-size:13px;font-weight:750;transition:background .3s,color .3s,transform .35s,border-color .3s} .rw-home .rw-button span{font-size:18px;font-weight:400} .rw-home .rw-button-solid{background:#ac8bfa;color:#0a0a18;border:1px solid #ac8bfa} .rw-home .rw-button-solid:hover{background:#ceb9ff} .rw-home .rw-button-outline{border:1px solid #ffffff4b;color:#f5f2ff} .rw-home .rw-button-outline:hover{border-color:#ac8bfa;background:#ac8bfa16} .rw-home .rw-hero-art{--parallax-x:0px;--parallax-y:0px;position:relative;width:min(660px,51vw);height:600px;justify-self:end;transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .28s ease-out;perspective:1100px} .rw-home .rw-art-orbit{position:absolute;inset:11% 2% 9% 0;border:1px solid #a593e53d;border-radius:50%;transform:rotate(-36deg) rotateX(42deg);box-shadow:0 0 85px #9c84ff14} .rw-home .rw-art-orbit--two{inset:18% -5% 14% 4%;transform:rotate(50deg) rotateX(63deg);border-style:dashed;opacity:.65} .rw-home .rw-art-plasma{position:absolute;width:75%;aspect-ratio:1;left:13%;top:10%;border-radius:46% 54% 51% 49%/53% 45% 55% 47%;background:radial-gradient(circle at 35% 28%,#e7dcff,transparent 14%),radial-gradient(circle at 25% 20%,#ae9afe 0%,transparent 40%),radial-gradient(circle at 78% 78%,#2b3ea2,transparent 42%),conic-gradient(from 45deg at 53% 57%,#222266,#8574ed,#cdadff,#3a4fba,#9c78df,#25215a);box-shadow:inset -24px -35px 63px #13142ddc,inset 19px 21px 40px #f0dbff8c,0 0 135px #8977eb4f,0 45px 70px #040514aa;filter:saturate(1.15);animation:rw-float 8s ease-in-out infinite} .rw-home .rw-art-plasma::after{content:"";position:absolute;inset:5%;border-radius:inherit;background:linear-gradient(135deg,transparent 25%,#ffffff10 42%,transparent 68%);border:1px solid #ffffff2a;transform:rotate(-25deg)} .rw-home .rw-plasma-inner{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 55% 43%,#d2c6ff40,transparent 55%);filter:blur(13px)} .rw-home .rw-plasma-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(130px,20vw,280px);font-weight:850;letter-spacing:-.1em;font-family:var(--display);color:#ffffffb9;text-shadow:0 11px 40px #25224caa;transform:translate(-3%,-8%) rotate(-6deg)} .rw-home .rw-float{position:absolute;display:flex;align-items:center;gap:15px;border:1px solid #ffffff3d;background:#171930db;backdrop-filter:blur(18px);box-shadow:0 22px 55px #08081790;padding:18px 20px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.65} .rw-home .rw-float-top{top:13%;right:0;transform:rotate(5deg);animation:rw-card-float 7s ease-in-out infinite} .rw-home .rw-float-bottom{bottom:14%;left:-5%;transform:rotate(-5deg);animation:rw-card-float 7s ease-in-out -2.7s infinite} .rw-home .rw-float-icon{width:46px;height:46px;display:grid;place-items:center;background:#9a83eb25;border:1px solid #9684fc80;border-radius:10px;color:#d4c1ff;font-size:24px} .rw-home .rw-float em{color:#bba8fa;font-style:normal}.rw-home .rw-float b{color:#b4a3ee;font-size:9px} .rw-home .rw-art-label{position:absolute;bottom:5%;right:2%;font-size:9px;color:#817f9e;letter-spacing:.23em} .rw-home .rw-hero-end{position:relative;z-index:4;color:#c2bed3} .rw-home .rw-hero-end .rw-line{height:1px;background:#ffffff26;flex:1;margin:0 22px} .rw-home .rw-scroll-link{display:flex;align-items:center;gap:17px;font-size:10px;font-weight:750;letter-spacing:.15em} .rw-home .rw-mouse{display:inline-block;width:27px;height:38px;border:1px solid #ffffff78;border-radius:20px;position:relative} .rw-home .rw-mouse::after{content:"";position:absolute;width:3px;height:8px;top:9px;left:11px;border-radius:10px;background:#c7b2ff;animation:rw-scrollmouse 1.9s infinite} @keyframes rw-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-20px) rotate(-5deg)}} @keyframes rw-card-float{0%,100%{translate:0 0}50%{translate:0 -10px}} @keyframes rw-scrollmouse{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(10px);opacity:0}} .rw-home .rw-ticker{height:93px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#141525;display:flex;align-items:center;overflow:hidden} .rw-home .rw-ticker-inner{display:flex;width:max-content;animation:rw-marquee 34s linear infinite;will-change:transform} .rw-home .rw-ticker-inner>span{display:block;white-space:nowrap;font:750 27px var(--display);letter-spacing:-.045em;color:#c8c3dd} .rw-home .rw-ticker-inner b{font-weight:400;color:#937cec;font-size:19px;margin:0 33px} @keyframes rw-marquee{to{transform:translateX(-50%)}} /* About — visual left, editorial statement right */ .rw-home .rw-about{display:grid;grid-template-columns:46% 1fr;gap:clamp(50px,7vw,112px);align-items:center} .rw-home .rw-about-visual{position:relative;min-height:620px;overflow:hidden;background:radial-gradient(circle at 70% 22%,#9a76f5 0%,transparent 35%),radial-gradient(circle at 12% 90%,#3949bc 0%,transparent 43%),linear-gradient(145deg,#1b1c44,#4b398b 58%,#171834);border:1px solid #ffffff24;box-shadow:0 25px 90px #0005} .rw-home .rw-about-visual::before{content:"";position:absolute;inset:7%;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-28deg) scaleX(1.3)} .rw-home .rw-about-visual::after{content:"";position:absolute;inset:20%;border:1px dashed #ffffff50;border-radius:50%;transform:rotate(45deg) scaleX(1.4)} .rw-home .rw-visual-label,.rw-home .rw-about-visual-bottom{position:absolute;z-index:2;font-size:10px;letter-spacing:.19em;font-weight:700;color:#ddd3ff;left:35px;top:30px} .rw-home .rw-about-visual-bottom{top:auto;bottom:29px;color:#b5aae5} .rw-home .rw-about-shape{position:absolute;border-radius:25%;filter:blur(1px);box-shadow:0 25px 60px #0a0b2b99} .rw-home .rw-about-shape-one{width:57%;aspect-ratio:1;top:23%;left:17%;border-radius:37% 63% 53% 47%;transform:rotate(-22deg);background:linear-gradient(120deg,#9280fa,#c2a8ff 25%,#5c4db8 65%,#322b83);animation:rw-about-turn 12s ease-in-out infinite} .rw-home .rw-about-shape-two{width:32%;aspect-ratio:1;top:44%;left:50%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d3e5ff,#7b9af5 29%,#33438f 65%,#1b225d);opacity:.9} .rw-home .rw-about-mark{position:absolute;z-index:2;top:29%;left:31%;color:#f7efff;font-weight:850;letter-spacing:-.14em;font-size:clamp(120px,17vw,240px);text-shadow:0 18px 34px #211b5577;transform:rotate(-6deg)} .rw-home .rw-about-mark span{color:#a6bbff} .rw-home .rw-about-inset{position:absolute;z-index:3;bottom:11%;right:5%;background:#0f1125c7;backdrop-filter:blur(15px);border:1px solid #ffffff50;border-radius:12px;padding:16px 25px;display:flex;gap:35px;align-items:start;color:white;font:700 13px/1.5 var(--display);letter-spacing:.07em;transform:rotate(5deg)} .rw-home .rw-about-inset b{font-size:18px;color:#a7a2ff} @keyframes rw-about-turn{50%{transform:rotate(-13deg) translateY(-12px)}} .rw-home .rw-about-content .rw-kicker{margin-bottom:33px}.rw-home .rw-about-content .rw-label{margin-bottom:28px} .rw-home .rw-about-content .rw-section-title{font-size:clamp(43px,4.7vw,71px);margin-bottom:28px} .rw-home .rw-about-lead{font-size:17px;line-height:1.85;color:#e3dfee;max-width:610px} .rw-home .rw-about-minor{font-size:14px;color:var(--rw-sub);line-height:1.9;margin-bottom:26px} .rw-home .rw-about-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px;margin:28px 0 36px} .rw-home .rw-about-bullets>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;color:#d4d0e1} .rw-home .rw-about-bullets i{font-style:normal;color:#ac91fc} /* Services — eight numbered panels with on-hover graphic movements */ .rw-home .rw-services{background:#11131f;position:relative} .rw-home .rw-services::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 5%,#6e53bb0a,transparent 35%);pointer-events:none} .rw-home .rw-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px} .rw-home .rw-service-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:365px;padding:26px 25px 25px;border:1px solid #ffffff15;background:linear-gradient(147deg,#1e2030,#181a28 55%,#161722);border-radius:9px;overflow:hidden;isolation:isolate;transition:background .45s,border-color .45s,transform .55s cubic-bezier(.2,1,.24,1),box-shadow .45s} .rw-home .rw-service-card::before{content:"";position:absolute;width:75%;aspect-ratio:1;left:10%;top:6%;border-radius:50%;background:radial-gradient(circle,#8d74ef25,transparent 65%);filter:blur(15px);z-index:-1;transition:transform .65s,opacity .65s} .rw-home .rw-service-card:hover{transform:translateY(-9px);border-color:#9e84fa80;box-shadow:0 24px 55px #0005;background:linear-gradient(145deg,#272641,#1b1d31)} .rw-home .rw-service-card:hover::before{transform:scale(1.6);opacity:1} .rw-home .rw-service-card-head{display:flex;justify-content:space-between;align-items:center;color:#aaa6c8} .rw-home .rw-service-num{font:650 12px var(--display);letter-spacing:.08em} .rw-home .rw-service-arrow{width:37px;height:37px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;color:#d2beff;font-size:18px;transition:background .4s,transform .4s} .rw-home .rw-service-card:hover .rw-service-arrow{background:#b5a0fc;color:#101020;transform:rotate(45deg)} .rw-home .rw-service-glyph{height:142px;position:relative;display:grid;place-items:center;perspective:600px;margin-bottom:4px} .rw-home .rw-service-glyph>span{display:grid;place-items:center;font:600 112px var(--display);line-height:1;color:#d0c8fb;text-shadow:0 12px 0 #6159a6,0 18px 25px #0009;transform:rotate(-13deg) rotateY(-15deg);transition:transform .65s,color .5s} .rw-home .rw-service-glyph i{position:absolute;width:132px;height:76px;border:1px solid #9e8bff4d;border-radius:50%;transform:rotate(-25deg);z-index:-1} .rw-home .rw-service-card:hover .rw-service-glyph>span{transform:rotate(0) rotateY(10deg) translateY(-5px);color:#f3eaff} .rw-home .rw-service-card-copy h3{font-size:clamp(19px,1.55vw,24px);line-height:1.3;letter-spacing:-.035em;font-weight:750;margin-bottom:12px} .rw-home .rw-service-card-copy p{font-size:12px;line-height:1.75;color:#aaa8bf;min-height:62px;margin-bottom:23px} .rw-home .rw-service-more{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #716b9a;padding-bottom:7px;color:#c5b6f9;font-size:11px;font-weight:750} .rw-home .rw-service-more b{font-size:16px;font-weight:500;transition:transform .4s} .rw-home .rw-service-card:hover .rw-service-more b{transform:translate(4px,-3px)} .rw-home .rw-service-social .rw-service-glyph>span,.rw-home .rw-service-brand .rw-service-glyph>span{font-size:105px} .rw-home .rw-service-mobile .rw-service-glyph>span{font-size:125px} /* Portfolio — real CMS records, editorial placeholder compositions if empty */ .rw-home .rw-work{background:#0b0c16} .rw-home .rw-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 25px} .rw-home .rw-work-card:first-child{grid-column:1 / -1} .rw-home .rw-work-visual{position:relative;min-height:370px;border-radius:9px;overflow:hidden;isolation:isolate;display:grid;place-items:center;transition:filter .5s} .rw-home .rw-work-card:first-child .rw-work-visual{min-height:520px} .rw-home .rw-work-art-1{background:radial-gradient(circle at 75% 35%,#7b7ce4,transparent 35%),linear-gradient(135deg,#383473,#6f5eb6 55%,#20245b)} .rw-home .rw-work-art-2{background:radial-gradient(circle at 35% 15%,#7a92fd 0%,transparent 42%),linear-gradient(135deg,#141d4d,#4d3b99 55%,#11142a)} .rw-home .rw-work-art-3{background:radial-gradient(circle at 65% 55%,#a997fb,transparent 30%),linear-gradient(130deg,#222657,#5262ad 50%,#191b38)} .rw-home .rw-work-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#ffffff33,transparent 45%),repeating-linear-gradient(0deg,transparent,transparent 49px,#ffffff10 50px);opacity:.7} .rw-home .rw-work-visual-index{position:absolute;z-index:2;left:24px;top:22px;letter-spacing:.16em;font-weight:700;font-size:10px;color:#f7f1ff} .rw-home .rw-work-hover{position:absolute;right:23px;bottom:23px;z-index:2;display:grid;place-items:center;border-radius:50%;background:#ffffff;color:#151329;width:57px;height:57px;font-size:27px;transition:transform .4s} .rw-home .rw-work-card:hover .rw-work-hover{transform:rotate(45deg) scale(1.12)} .rw-home .rw-work-device{position:relative;z-index:1;aspect-ratio:1.53;width:73%;max-width:800px;border:7px solid #131426a3;background:#f9f7ff;box-shadow:0 35px 95px #0b0a2caa;transform:rotate(-8deg) rotateY(-11deg) rotateX(6deg);border-radius:12px;overflow:hidden;transition:transform .9s cubic-bezier(.17,1,.22,1)} .rw-home .rw-work-card:nth-child(2) .rw-work-device{transform:rotate(8deg) scale(.9)} .rw-home .rw-work-card:nth-child(3) .rw-work-device{transform:rotate(-5deg) scale(.88)} .rw-home .rw-work-card:hover .rw-work-device{transform:rotate(-3deg) scale(1.025)} .rw-home .rw-work-device-bar{height:32px;background:#eceaf8;border-bottom:1px solid #d2cde6;display:flex;align-items:center;padding-left:15px;gap:7px} .rw-home .rw-work-device-bar span{width:7px;height:7px;background:#a8a3c5;border-radius:50%} .rw-home .rw-work-device-content{height:calc(100% - 32px);background:linear-gradient(136deg,#131629,#252554);padding:7% 10%;position:relative;overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:center} .rw-home .rw-work-device-content i{position:absolute;width:50%;aspect-ratio:1;right:-13%;bottom:-30%;background:conic-gradient(#bbb0ff,#6a74e6,#342c73,#bbb0ff);filter:blur(3px);border-radius:50%} .rw-home .rw-work-device-content>span{position:relative;z-index:1;font-size:clamp(42px,7vw,105px);font-weight:800;letter-spacing:-.09em;line-height:1} .rw-home .rw-work-device-dot{color:#b19dff}.rw-home .rw-work-device-content small{position:relative;z-index:1;font-size:11px;letter-spacing:.17em;margin-top:19px;color:#c1b7eb} .rw-home .rw-work-device-content b{position:absolute;right:13%;top:19%;width:24%;height:8px;border-radius:5px;background:#a492f4;opacity:.6} .rw-home .rw-work-meta{display:flex;justify-content:space-between;gap:24px;align-items:start;padding:21px 3px 0} .rw-home .rw-work-meta h3{font-size:clamp(23px,2.4vw,36px);font-weight:750;letter-spacing:-.045em;margin-bottom:5px} .rw-home .rw-work-meta p{color:#a6a4b9;font-size:13px;margin:0} .rw-home .rw-work-meta>span{font-size:26px;color:#bda5ff} .rw-home .rw-work-note{font-size:12px;line-height:1.7;color:#89879e;margin-top:28px} .rw-home .rw-work-monogram{font-size:230px;color:#d7c4ff;letter-spacing:-.14em} /* Process with artwork and four generously spaced steps */ .rw-home .rw-process{background:#11131f} .rw-home .rw-process-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,100px)} .rw-home .rw-process-art{height:100%;min-height:640px;background:linear-gradient(132deg,#27214b,#5e4ca4 47%,#20234e);overflow:hidden;position:relative;border:1px solid #ffffff20} .rw-home .rw-process-visual{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:13%;overflow:hidden} .rw-home .rw-process-visual>span{position:relative;z-index:2;font-size:clamp(43px,4.6vw,70px);font-weight:850;line-height:1.04;letter-spacing:-.07em;color:#fff} .rw-home .rw-highlight-dot{color:#bac1ff} .rw-home .rw-process-visual-rings{position:absolute;width:80%;aspect-ratio:1;right:-20%;top:20%;border:80px solid #c4b2fb55;border-radius:50%;box-shadow:0 0 0 55px #8a77d528,0 0 0 112px #9f95ed18;transform:rotate(25deg) scaleY(.78);animation:rw-about-turn 12s ease-in-out infinite} .rw-home .rw-process-visual small{position:absolute;bottom:38px;left:12%;font-size:10px;letter-spacing:.17em;color:#e2d7ff} .rw-home .rw-process-steps{position:relative;padding-left:36px} .rw-home .rw-process-track{position:absolute;left:0;top:18px;bottom:20px;width:1px;background:#ffffff30} .rw-home .rw-process-track>span{display:block;width:2px;height:var(--rw-progress,0%);background:linear-gradient(#a68aff,#708cff);box-shadow:0 0 17px #9a80f4;transition:height .1s linear} .rw-home .rw-process-step{display:grid;grid-template-columns:89px minmax(0,1fr) 30px;gap:18px;padding-block:28px 38px;border-bottom:1px solid #ffffff22;align-items:start} .rw-home .rw-process-step:first-of-type{padding-top:14px} .rw-home .rw-process-step:last-child{border-bottom:0} .rw-home .rw-process-step-num{font-size:11px;font-weight:700;color:#b8a4f6;letter-spacing:.06em;padding-top:13px;white-space:nowrap} .rw-home .rw-process-step h3{font-size:clamp(24px,2.4vw,37px);letter-spacing:-.045em;margin-bottom:13px} .rw-home .rw-process-step p{font-size:13px;line-height:1.9;color:#aaa9bd;max-width:390px;margin:0} .rw-home .rw-process-step-arrow{font-size:21px;color:#9c89e2;padding-top:7px} /* Full-width closing statement inside the editorial flow */ .rw-home .rw-quote-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#8874dc 5%,transparent 35%),radial-gradient(ellipse at 5% 95%,#3047a7 0%,transparent 48%),linear-gradient(114deg,#3e368c,#181a42);border-block:1px solid #c6b9ff2e} .rw-home .rw-quote-banner::after{content:"";position:absolute;inset:-25%;background:repeating-radial-gradient(circle at 80% 35%,transparent 0,transparent 45px,#ffffff12 46px,#ffffff12 47px);opacity:.5;pointer-events:none} .rw-home .rw-quote-content{position:relative;z-index:1;text-align:center;padding-block:clamp(90px,10vw,160px)} .rw-home .rw-quote-symbol{color:#d8c8ff;font-size:50px}.rw-home .rw-quote-content>p{font-size:11px;letter-spacing:.3em;color:#dbd0ff;font-weight:800;margin:20px 0} .rw-home .rw-quote-content h2{font-size:clamp(43px,5.8vw,84px);font-weight:750;letter-spacing:-.07em;line-height:1.13;margin-bottom:40px} .rw-home .rw-quote-content em{background:linear-gradient(90deg,#ebddff,#a9baff);-webkit-background-clip:text;background-clip:text} .rw-home .rw-button-white{background:#f7f3ff;color:#13122e;min-height:59px;gap:31px} .rw-home .rw-button-white:hover{background:#daccff;transform:translateY(-4px)} /* FAQ — accordion and visual */ .rw-home .rw-faq{background:#0e0f1b} .rw-home .rw-faq-layout{display:grid;grid-template-columns:34% 1fr;gap:clamp(30px,6vw,110px);align-items:start} .rw-home .rw-faq-art{height:480px;position:sticky;top:120px;background:radial-gradient(circle at 75% 30%,#7166b3,transparent 44%),linear-gradient(145deg,#28234d,#55478c 60%,#22284c);padding:33px;overflow:hidden;display:flex;align-items:end} .rw-home .rw-faq-art>span{font-size:clamp(260px,22vw,370px);line-height:1;position:absolute;top:2%;left:12%;font-weight:750;color:#d5c3ff;transform:rotate(-15deg);text-shadow:0 24px 0 #463877,0 35px 50px #211847} .rw-home .rw-faq-art>p{position:relative;z-index:2;margin:0;color:white;font-size:25px;font-weight:750;line-height:1.1;letter-spacing:-.04em} .rw-home .rw-faq-art>i{position:absolute;top:34px;right:36px;font-size:45px;color:#c5b3ff;font-style:normal} .rw-home .rw-faq-items{border-top:1px solid #ffffff25} .rw-home .rw-faq-item{border-bottom:1px solid #ffffff25;position:relative} .rw-home .rw-faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:45px 1fr 24px;gap:13px;align-items:center;padding:25px 0;font-size:clamp(15px,1.2vw,19px);font-weight:650;line-height:1.45;transition:color .25s} .rw-home .rw-faq-item summary::-webkit-details-marker{display:none} .rw-home .rw-faq-item summary:hover,.rw-home .rw-faq-item[open] summary{color:#bda6ff} .rw-home .rw-faq-num{font-size:11px;color:#9286b2;font-weight:700} .rw-home .rw-faq-item summary>i{display:grid;place-items:center;font-style:normal;font-weight:350;font-size:25px;width:28px;height:28px;border-radius:50%;border:1px solid #8278aa7a;transition:transform .25s,background .25s} .rw-home .rw-faq-item[open] summary>i{transform:rotate(45deg);background:#9781df;color:#10101c} .rw-home .rw-faq-answer{font-size:14px;line-height:1.9;color:#a6a6c0;padding:0 45px 27px 58px;max-width:760px;animation:rw-answer-in .35s ease-out} @keyframes rw-answer-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}} /* Blog cards */ .rw-home .rw-journal{background:#151624} .rw-home .rw-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px} .rw-home .rw-journal-card{display:flex;flex-direction:column;min-width:0} .rw-home .rw-journal-art{position:relative;aspect-ratio:1.32;border-radius:8px;overflow:hidden;display:grid;place-items:center;isolation:isolate;transition:filter .4s} .rw-home .rw-journal-art::before{content:"";position:absolute;inset:-30%;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 35px #ffffff12,0 0 0 95px #ffffff10;transform:rotate(-27deg) scaleX(1.3);transition:transform .7s} .rw-home .rw-journal-card:hover .rw-journal-art::before{transform:rotate(15deg) scaleX(1.6)} .rw-home .rw-journal-art-1{background:linear-gradient(142deg,#32326d,#6460ab,#211e48)}.rw-home .rw-journal-art-2{background:linear-gradient(148deg,#27355b,#4758ad,#1d223d)}.rw-home .rw-journal-art-3{background:linear-gradient(138deg,#4c326f,#7d66b3,#222147)} .rw-home .rw-journal-art-letter{font-size:clamp(75px,10vw,155px);font-weight:850;letter-spacing:-.12em;color:#e2d4ff;text-shadow:0 18px 25px #10133788;transform:rotate(-10deg);transition:transform .65s} .rw-home .rw-journal-card:hover .rw-journal-art-letter{transform:rotate(2deg) scale(1.08)} .rw-home .rw-journal-art-arrow{position:absolute;bottom:20px;right:23px;width:38px;height:38px;border:1px solid #ffffff60;display:grid;place-items:center;border-radius:50%} .rw-home .rw-journal-meta{display:flex;justify-content:space-between;gap:12px;color:#9b98b8;font-size:10px;letter-spacing:.08em;font-weight:700;margin:24px 0 17px} .rw-home .rw-journal-card h3{font-size:clamp(21px,1.95vw,29px);line-height:1.35;letter-spacing:-.045em;font-weight:720;min-height:78px;margin-bottom:30px} .rw-home .rw-journal-more{font-size:12px;font-weight:700;color:#b69df9;padding-bottom:8px;border-bottom:1px solid #8574aa;align-self:start} /* SEO editorial details, structured without long walls of text */ .rw-home .rw-insight{background:#0b0c16} .rw-home .rw-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff25;border-left:1px solid #ffffff25} .rw-home .rw-insight-grid article{padding:40px 43px 49px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;min-height:270px;transition:background .3s} .rw-home .rw-insight-grid article:hover{background:#171728} .rw-home .rw-insight-grid article>span{display:block;color:#b19bf9;font-size:10px;font-weight:700;letter-spacing:.13em;margin-bottom:25px} .rw-home .rw-insight-grid h3{font-size:clamp(23px,2.1vw,35px);font-weight:740;letter-spacing:-.04em;margin-bottom:17px} .rw-home .rw-insight-grid p{color:#a9a7bf;font-size:14px;line-height:1.9;margin:0;max-width:510px} .rw-home .rw-testimonial{padding-top:90px!important}.rw-home .rw-testimonial-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .rw-home .rw-testimonial-list blockquote{margin:0;padding:30px;border:1px solid #ffffff1d;border-radius:8px;background:#17192b} .rw-home .rw-testimonial-list p{font-size:17px;line-height:1.7;color:#ddd7f4}.rw-home .rw-testimonial-list footer{font-size:12px;color:#ac96eb} /* Matching global nav with the editorial homepage — keeps single CMS layout */ body:has(.rw-home)>.header{border-bottom-color:#ffffff18;background:#0b0d1ae8;backdrop-filter:blur(16px)} body:has(.rw-home)>.header .brand-symbol{color:#b6a2ff} body:has(.rw-home)>.footer{background:#111320} /* Responsive: notebook and tablet */ @media(max-width:1250px){ .rw-home .rw-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .rw-home .rw-service-card{min-height:350px} .rw-home .rw-hero-title{font-size:clamp(61px,7.1vw,90px)} .rw-home .rw-hero-art{width:47vw;height:500px} .rw-home .rw-about{gap:52px}.rw-home .rw-about-visual{min-height:570px} } @media(max-width:900px){ .rw-home .rw-hero,.rw-home .rw-hero-frame{min-height:850px} .rw-home .rw-hero-layout{grid-template-columns:1fr;min-height:auto;align-content:start;flex:1} .rw-home .rw-hero-copy{padding-top:65px;padding-bottom:0} .rw-home .rw-hero-title{font-size:clamp(60px,9vw,100px)} .rw-home .rw-hero-description{max-width:510px} .rw-home .rw-hero-art{position:absolute;width:470px;height:470px;right:-80px;bottom:-175px;opacity:.52;pointer-events:none} .rw-home .rw-hero-copy{z-index:3} .rw-home .rw-about{grid-template-columns:1fr;gap:48px} .rw-home .rw-about-visual{min-height:460px;max-height:590px} .rw-home .rw-about-mark{font-size:230px;top:23%} .rw-home .rw-process-layout{grid-template-columns:1fr} .rw-home .rw-process-art{min-height:350px;max-height:400px} .rw-home .rw-process-visual>span{font-size:57px} .rw-home .rw-faq-layout{grid-template-columns:1fr} .rw-home .rw-faq-art{display:none} .rw-home .rw-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px} .rw-home .rw-works-grid{gap:33px 18px} .rw-home .rw-work-card:first-child .rw-work-visual{min-height:420px} .rw-home .rw-work-visual{min-height:300px} .rw-home .rw-section-intro{align-items:start;flex-direction:column;gap:23px} .rw-home .rw-section-intro>p{max-width:680px} } @media(max-width:600px){ .rw-home .rw-section{padding-block:82px} .rw-home .rw-container{padding-inline:20px} .rw-home .rw-kicker{font-size:12px} .rw-home .rw-section-title{font-size:clamp(39px,10.5vw,60px);line-height:1.1} .rw-home .rw-hero,.rw-home .rw-hero-frame{min-height:790px;min-height:100svh} .rw-home .rw-hero-frame{padding-top:31px;padding-bottom:25px} .rw-home .rw-hero-top{align-items:start}.rw-home .rw-hero-index{font-size:9px} .rw-home .rw-section-pill{font-size:9px;letter-spacing:.08em;max-width:245px;line-height:1.5} .rw-home .rw-hero-copy{padding-top:76px;padding-bottom:20px} .rw-home .rw-hero-copy>.rw-mini{font-size:8px;letter-spacing:.09em;margin-bottom:21px} .rw-home .rw-hero-title{font-size:clamp(42px,10vw,66px);white-space:normal;line-height:1.11;letter-spacing:-.082em;margin-bottom:26px} .rw-home .rw-hero-description{font-size:14px;line-height:1.7;max-width:370px;margin-bottom:21px} .rw-home .rw-hero-actions{gap:10px;margin-top:29px} .rw-home .rw-button{min-height:49px;padding:0 15px;gap:16px;font-size:11px} .rw-home .rw-hero-art{width:390px;height:390px;bottom:-108px;right:-150px;opacity:.55} .rw-home .rw-float,.rw-home .rw-art-label{display:none} .rw-home .rw-hero-end>span,.rw-home .rw-hero-end .rw-line{display:none} .rw-home .rw-scroll-link{font-size:8px} .rw-home .rw-ticker{height:70px}.rw-home .rw-ticker-inner>span{font-size:21px}.rw-home .rw-ticker-inner b{margin:0 20px} .rw-home .rw-about-visual{min-height:350px} .rw-home .rw-about-visual .rw-visual-label,.rw-home .rw-about-visual-bottom{font-size:8px;left:20px} .rw-home .rw-about-mark{font-size:155px;top:27%} .rw-home .rw-about-inset{padding:10px 13px;font-size:10px;gap:15px;bottom:8%} .rw-home .rw-about-bullets{grid-template-columns:1fr;gap:14px} .rw-home .rw-about-content .rw-section-title{font-size:clamp(40px,10vw,58px)} .rw-home .rw-about-lead{font-size:15px} .rw-home .rw-service-grid{grid-template-columns:1fr;gap:13px} .rw-home .rw-service-card{min-height:300px;padding:22px} .rw-home .rw-service-glyph{height:100px;align-self:end;width:100%;display:flex;align-items:center;justify-content:end;margin-top:-5px;margin-bottom:-15px} .rw-home .rw-service-glyph>span{font-size:84px!important;margin-right:15px} .rw-home .rw-service-card-copy h3{font-size:22px;margin-bottom:7px} .rw-home .rw-service-card-copy p{font-size:12px;min-height:0;max-width:370px;margin-bottom:16px} .rw-home .rw-works-grid{grid-template-columns:1fr;gap:30px} .rw-home .rw-work-card:first-child{grid-column:auto} .rw-home .rw-work-card:first-child .rw-work-visual,.rw-home .rw-work-visual{min-height:285px} .rw-home .rw-work-device{width:77%} .rw-home .rw-work-device-content>span{font-size:clamp(35px,9vw,60px)} .rw-home .rw-work-device-content small{font-size:7px;margin-top:7px} .rw-home .rw-work-visual-index{font-size:9px;left:15px;top:16px} .rw-home .rw-work-meta h3{font-size:25px} .rw-home .rw-process-art{min-height:280px;max-height:300px} .rw-home .rw-process-visual>span{font-size:44px} .rw-home .rw-process-steps{padding-left:20px} .rw-home .rw-process-step{grid-template-columns:1fr 25px;gap:11px;padding-block:21px 25px} .rw-home .rw-process-step-num{grid-column:1/-1;padding-top:0;font-size:11px} .rw-home .rw-process-step h3{font-size:27px;margin-bottom:9px} .rw-home .rw-process-step p{font-size:12px} .rw-home .rw-quote-content{padding-block:85px}.rw-home .rw-quote-content h2{font-size:40px} .rw-home .rw-faq-item summary{grid-template-columns:26px 1fr 26px;gap:8px;font-size:14px;padding:21px 0} .rw-home .rw-faq-answer{font-size:12px;padding:0 28px 24px 34px} .rw-home .rw-journal-grid{grid-template-columns:1fr;gap:34px} .rw-home .rw-journal-card h3{min-height:0;margin-bottom:16px} .rw-home .rw-insight-grid{grid-template-columns:1fr} .rw-home .rw-insight-grid article{padding:28px 25px;min-height:0} .rw-home .rw-testimonial-list{grid-template-columns:1fr} } @media(max-width:375px){.rw-home .rw-hero-title{font-size:39px}.rw-home .rw-button{padding:0 12px;gap:7px}.rw-home .rw-hero-copy{padding-top:53px}} @media(prefers-reduced-motion:reduce){ .rw-home .rw-art-plasma,.rw-home .rw-float,.rw-home .rw-ticker-inner,.rw-home .rw-mouse::after,.rw-home .rw-about-shape-one,.rw-home .rw-process-visual-rings{animation:none!important} .rw-home .rw-rise{opacity:1!important;transform:none!important;transition:none!important} .rw-home .rw-mask{clip-path:none!important;opacity:1!important;transition:none!important} } /* light theme adapts full reference-led homepage without introducing orange */ html[data-theme=light] .rw-home{--rw-bg:#f5f3fa;--rw-panel:#eae6f7;--rw-panel2:#ded9f1;--rw-ink:#171326;--rw-sub:#5e5972;--rw-line:#22143a22;background:var(--rw-bg)} html[data-theme=light] .rw-home .rw-hero{background:radial-gradient(ellipse at 83% 48%,#b4a6ff7a,transparent 55%),#f0ecfa} html[data-theme=light] .rw-home .rw-hero-grid{opacity:.6} html[data-theme=light] .rw-home .rw-hero-description,html[data-theme=light] .rw-home .rw-section-intro>p,html[data-theme=light] .rw-home .rw-about-lead{color:#504969} html[data-theme=light] .rw-home .rw-hero-end>span,html[data-theme=light] .rw-home .rw-section-pill,html[data-theme=light] .rw-home .rw-mini,html[data-theme=light] .rw-home .rw-hero-index,html[data-theme=light] .rw-home .rw-label{color:#6c6585} html[data-theme=light] .rw-home .rw-button-outline{border-color:#5d4b85;color:#292145} html[data-theme=light] .rw-home .rw-hero-end .rw-line{background:#8a7bae70} html[data-theme=light] .rw-home .rw-mouse{border-color:#5a4b83} html[data-theme=light] .rw-home .rw-services,html[data-theme=light] .rw-home .rw-process,html[data-theme=light] .rw-home .rw-journal{background:#eae7f2} html[data-theme=light] .rw-home .rw-work,html[data-theme=light] .rw-home .rw-faq,html[data-theme=light] .rw-home .rw-insight{background:#f6f4fb} html[data-theme=light] .rw-home .rw-service-card{background:#ffffff;border-color:#c6bfda} html[data-theme=light] .rw-home .rw-service-card:hover{background:#f2edff;border-color:#8d73d5} html[data-theme=light] .rw-home .rw-service-card-copy p,html[data-theme=light] .rw-home .rw-about-minor,html[data-theme=light] .rw-home .rw-about-bullets>span,html[data-theme=light] .rw-home .rw-work-meta p,html[data-theme=light] .rw-home .rw-process-step p,html[data-theme=light] .rw-home .rw-faq-answer,html[data-theme=light] .rw-home .rw-insight-grid p{color:#59536b} html[data-theme=light] .rw-home .rw-service-glyph>span{color:#8874d4;text-shadow:0 10px 0 #6c58ae40} html[data-theme=light] .rw-home .rw-journal-meta{color:#6e6384} html[data-theme=light] .rw-home .rw-hero-title{color:#221a39} html[data-theme=light] .rw-home .rw-ticker{background:#e0daed;border-color:#c9c1dc} html[data-theme=light] .rw-home .rw-ticker-inner>span{color:#50466b} html[data-theme=light] .rw-home .rw-work-visual-index{color:white} html[data-theme=light] .rw-home .rw-insight-grid,html[data-theme=light] .rw-home .rw-insight-grid article{border-color:#cdc7dc} html[data-theme=light] .rw-home .rw-insight-grid article:hover{background:#ece9f6} html[data-theme=light] .rw-home .rw-faq-item{border-color:#c9c3d9} html[data-theme=light] .rw-home .rw-faq-items{border-color:#c9c3d9} html[data-theme=light] .rw-home .rw-faq-item summary{color:#271f3b} html[data-theme=light] .rw-home .rw-faq-item[open] summary{color:#6a42cc} html[data-theme=light] .rw-home .rw-process-step{border-color:#c8c2d7} /* Reveal headline with the existing kinetic engine (also used on inner pages). */ body.page-ready .rw-home .rw-hero-title .kinetic-word>span{transform:translate3d(0,0,0);opacity:1} html[data-theme=light] .rw-home .rw-title-accent .kinetic-word>span{background:linear-gradient(90deg,#6a45b8,#556fd1);-webkit-background-clip:text;background-clip:text;color:transparent} @media(prefers-reduced-motion:reduce){.rw-home .rw-hero-title .kinetic-word>span{transform:none!important;opacity:1!important}} /* Keep the opening editorial kicker visible below the shared fixed/sticky header. */ .rw-home .rw-hero-frame{padding-top:clamp(114px,10vw,145px)} .rw-home .rw-hero-copy{padding-top:5px} @media(max-width:900px){.rw-home .rw-hero-frame{padding-top:120px}.rw-home .rw-hero-copy{padding-top:43px}} @media(max-width:600px){.rw-home .rw-hero-frame{padding-top:111px}.rw-home .rw-hero-copy{padding-top:43px}} /* ===================================================================== eeDigi live motion hero — real device photo + continuously animated SVG\n Kept as source styles; deploy with npm run build (no extra stylesheet). ===================================================================== */ .rw-home .rw-hero.rw-motion-hero{background:#0b0921;min-height:785px;overflow:hidden;isolation:isolate} .rw-home .rw-motion-hero .rw-hero-light{background:radial-gradient(ellipse at 80% 46%,#3a256b77,transparent 56%),radial-gradient(ellipse at 30% 55%,#24123f4d,transparent 60%)} .rw-home .rw-motion-hero .rw-hero-grid{opacity:.13} .rw-home .rw-motion-layout{grid-template-columns:49% 51%;min-height:620px;isolation:isolate} .rw-home .rw-motion-copy{z-index:5;max-width:730px;pointer-events:auto;padding-right:0} .rw-home .rw-motion-title{font-size:clamp(59px,5.95vw,91px);line-height:1.09;letter-spacing:-.069em;margin-bottom:25px;white-space:nowrap;color:#f7f3ff} .rw-home .rw-motion-title .rw-title-line{max-width:none} .rw-home .rw-motion-title .rw-title-accent{color:#ac96fc} .rw-home .rw-motion-copy .rw-mini{margin-bottom:27px;color:#c5b9e5} .rw-home .rw-motion-descriptions{max-width:580px} .rw-home .rw-motion-descriptions .rw-hero-description{color:#d5cee6;font-size:clamp(15px,1.22vw,18px);line-height:1.6;max-width:550px;margin-bottom:9px} .rw-home .rw-motion-descriptions .rw-hero-description-second{color:#a9a5c9} .rw-home .rw-motion-copy .rw-hero-actions{margin-top:35px} .rw-home .rw-motion-copy .rw-button-solid{border-radius:12px;background:linear-gradient(110deg,#b783ff,#8a77fc);border-color:#a586fc;box-shadow:0 11px 29px #653cd847} .rw-home .rw-motion-copy .rw-button-outline{border-radius:12px;background:#120f2b77;backdrop-filter:blur(5px)} .rw-home .rw-motion-art{position:absolute;z-index:1;width:min(1020px,77vw);height:min(755px,58vw);right:max(-210px,-9vw);top:50%;transform:translate3d(var(--parallax-x),calc(-50% + var(--parallax-y)),0);transition:transform .25s ease-out;pointer-events:none;perspective:none} .rw-home .rw-motion-image-wrap{position:absolute;inset:0;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 94%,transparent 100%)} .rw-home .rw-motion-devices{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:saturate(1.05) contrast(1.05);animation:rw-device-float 8s ease-in-out infinite alternate;transform-origin:50% 58%} .rw-home .rw-motion-orbits{position:absolute;inset:-2%;width:104%;height:104%;overflow:visible;opacity:.9;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #7e55fd6b)} .rw-home .rw-orbit-track{transform-origin:502px 370px;transform-box:view-box;animation:rw-orbit-turn 24s linear infinite;will-change:transform} .rw-home .rw-orbit-track--two{animation-duration:32s;animation-direction:reverse;opacity:.7} .rw-home .rw-orbit-track--three{animation-duration:20s;animation-direction:reverse;opacity:.88} .rw-home .rw-orbit-trail{animation:rw-orbit-dash 12s linear infinite;stroke-dashoffset:0} .rw-home .rw-orbit-track--two .rw-orbit-trail{animation-duration:16s;animation-direction:reverse} .rw-home .rw-orbit-track--three .rw-orbit-trail{animation-duration:9s} .rw-home .rw-orbit-trail-sharp{animation-duration:7s} .rw-home .rw-motion-twinkle{animation:rw-twinkle 3.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 15px #bf99ff)} .rw-home .rw-motion-twinkle--two{animation-delay:-1.7s} .rw-home .rw-motion-aura{position:absolute;width:37%;height:37%;border-radius:50%;background:#7d4cff24;filter:blur(70px);right:22%;top:20%;z-index:-1;animation:rw-twinkle 5s ease-in-out infinite alternate} @keyframes rw-orbit-turn{to{transform:rotate(360deg)}} @keyframes rw-orbit-dash{to{stroke-dashoffset:-1800}} @keyframes rw-device-float{from{transform:translate3d(0,7px,0) scale(1)}to{transform:translate3d(0,-9px,0) scale(1.012)}} @keyframes rw-twinkle{from{opacity:.42}to{opacity:1}} /* The source photo remains dark even when the global site switches to light. */ html[data-theme=light] .rw-home .rw-hero.rw-motion-hero{background:#0b0921} html[data-theme=light] .rw-home .rw-motion-title{color:#f7f3ff} html[data-theme=light] .rw-home .rw-motion-copy .rw-mini,html[data-theme=light] .rw-home .rw-motion-hero .rw-hero-index,html[data-theme=light] .rw-home .rw-motion-hero .rw-section-pill{color:#c9bfdc} html[data-theme=light] .rw-home .rw-motion-descriptions .rw-hero-description{color:#d5cee6} html[data-theme=light] .rw-home .rw-motion-descriptions .rw-hero-description-second{color:#a9a5c9} html[data-theme=light] .rw-home .rw-motion-copy .rw-button-outline{color:#f7f3ff;border-color:#b5a7f37d} html[data-theme=light] .rw-home .rw-motion-hero .rw-hero-end>span{color:#b6b2cf} html[data-theme=light] .rw-home .rw-motion-hero .rw-mouse{border-color:#c1b1fb} @media(max-width:1180px){ .rw-home .rw-motion-layout{grid-template-columns:54% 46%} .rw-home .rw-motion-title{font-size:clamp(55px,6.3vw,82px)} .rw-home .rw-motion-art{width:850px;height:640px;right:-250px} } @media(max-width:900px){ .rw-home .rw-hero.rw-motion-hero,.rw-home .rw-motion-hero .rw-hero-frame{min-height:880px} .rw-home .rw-motion-layout{display:flex;flex-direction:column;justify-content:start;min-height:650px;align-items:stretch} .rw-home .rw-motion-copy{padding-top:25px;max-width:650px} .rw-home .rw-motion-title{font-size:clamp(53px,8.6vw,80px);white-space:normal;margin-bottom:18px} .rw-home .rw-motion-descriptions{max-width:550px} .rw-home .rw-motion-art{width:min(850px,110vw);height:min(640px,85vw);top:auto;right:-17vw;bottom:-125px;opacity:.75;transform:translate3d(var(--parallax-x),var(--parallax-y),0)} .rw-home .rw-motion-hero .rw-hero-end{z-index:6} } @media(max-width:600px){ .rw-home .rw-hero.rw-motion-hero,.rw-home .rw-motion-hero .rw-hero-frame{min-height:875px;min-height:100svh} .rw-home .rw-motion-hero .rw-hero-frame{padding-top:115px;padding-bottom:22px} .rw-home .rw-motion-hero .rw-hero-top{align-items:flex-start;gap:15px} .rw-home .rw-motion-hero .rw-section-pill{font-size:9px;letter-spacing:.08em;max-width:260px;line-height:1.5} .rw-home .rw-motion-copy{padding-top:40px;padding-bottom:0} .rw-home .rw-motion-title{font-size:clamp(42px,9.7vw,58px);line-height:1.12;letter-spacing:-.062em;margin-bottom:23px} .rw-home .rw-motion-descriptions .rw-hero-description{font-size:13px;line-height:1.55;max-width:375px} .rw-home .rw-motion-copy .rw-hero-actions{margin-top:24px;gap:9px} .rw-home .rw-motion-copy .rw-button{min-height:48px;padding-inline:15px;font-size:12px;gap:13px} .rw-home .rw-motion-art{width:128vw;height:96vw;right:-29vw;bottom:-44px;opacity:.85;transform:translate3d(0,0,0)} .rw-home .rw-motion-image-wrap{mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%)} .rw-home .rw-motion-hero .rw-hero-end>span{display:none} } @media(max-width:390px){ .rw-home .rw-motion-title{font-size:clamp(39px,10vw,45px)} .rw-home .rw-motion-art{width:137vw;height:103vw;right:-36vw} .rw-home .rw-motion-copy{padding-top:27px} .rw-home .rw-motion-descriptions .rw-hero-description{font-size:12px} } @media(prefers-reduced-motion:reduce){ .rw-home .rw-motion-devices,.rw-home .rw-orbit-track,.rw-home .rw-orbit-trail,.rw-home .rw-motion-twinkle,.rw-home .rw-motion-aura{animation:none!important;transition:none!important} .rw-home .rw-motion-art{transform:translate3d(0,-50%,0)!important} } @media(prefers-reduced-motion:reduce) and (max-width:900px){.rw-home .rw-motion-art{transform:none!important}} /* eeDigi V5: contextual visual storytelling throughout the homepage */ .rw-home .rw-service-card{padding:0;min-height:390px;justify-content:initial;background:#17182a} .rw-home .rw-service-card-head{position:absolute;left:18px;right:18px;top:16px;z-index:3;pointer-events:none} .rw-home .rw-service-num{color:#f2edff;padding:7px 9px;background:#13112dc9;border:1px solid #ffffff36;border-radius:9px;backdrop-filter:blur(12px)} .rw-home .rw-service-arrow{background:#14142ac9;backdrop-filter:blur(10px);pointer-events:auto} .rw-home .rw-service-media{height:185px;width:100%;overflow:hidden;position:relative;background:#121127} .rw-home .rw-service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151625 0%,transparent 50%);pointer-events:none} .rw-home .rw-service-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.18,1,.32,1),filter .7s;filter:saturate(1.09) contrast(1.03)} .rw-home .rw-service-card:hover .rw-service-media img{transform:scale(1.11) translateY(-3px);filter:saturate(1.22) brightness(1.08)} .rw-home .rw-service-card-copy{padding:18px 22px 23px;display:flex;flex:1;flex-direction:column;align-items:start;position:relative;z-index:1} .rw-home .rw-service-card-copy h3{font-size:clamp(18px,1.4vw,23px);margin-bottom:7px} .rw-home .rw-service-card-copy p{font-size:12px;line-height:1.6;min-height:0;margin-bottom:16px} .rw-home .rw-service-more{margin-top:auto} .rw-home .rw-about-visual{background:#121028} .rw-home .rw-about-visual::before,.rw-home .rw-about-visual::after{z-index:1;pointer-events:none;opacity:.35} .rw-home .rw-editorial-visual{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0} .rw-home .rw-editorial-visual--about{object-position:55% center;transition:transform 1.1s cubic-bezier(.2,.9,.2,1)} .rw-home .rw-about-visual:hover .rw-editorial-visual--about{transform:scale(1.08)} .rw-home .rw-about-visual:before{background:linear-gradient(180deg,#15113233,transparent 50%,#0e0d36aa);inset:0;transform:none;border:0;border-radius:0;opacity:1} .rw-home .rw-about-visual:after{background:none;border-color:#ffffff10} .rw-home .rw-about-inset{font-size:12px;bottom:11%;right:6%;background:#101025c2} .rw-home .rw-work-editorial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.18,1,.35,1);z-index:0;filter:saturate(1.05)} .rw-home .rw-work-card:hover .rw-work-editorial{transform:scale(1.075)} .rw-home .rw-work-visual::before{z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b0a237c,transparent 35%,#08071630)} .rw-home .rw-process-visual{background:#101026} .rw-home .rw-process-visual::before{content:"";z-index:1;position:absolute;inset:0;background:linear-gradient(0deg,#090925de,transparent 83%),linear-gradient(90deg,#121020a6,transparent 85%)} .rw-home .rw-process-visual>span,.rw-home .rw-process-visual>small{z-index:3;position:relative;text-shadow:0 4px 18px #050519} .rw-home .rw-process-visual-rings{z-index:2;opacity:.35} .rw-home .rw-faq-art{background:#171430} .rw-home .rw-faq-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#14102de0,transparent 70%)} .rw-home .rw-faq-art>p{font-size:clamp(23px,2.45vw,38px);letter-spacing:-.05em;line-height:1.07;text-shadow:0 7px 15px #0008} .rw-home .rw-faq-art>i{z-index:2} .rw-home .rw-journal-editorial{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,1,.3,1);z-index:0} .rw-home .rw-journal-card:hover .rw-journal-editorial{transform:scale(1.09)} .rw-home .rw-journal-art::before{z-index:1;pointer-events:none;opacity:.2} .rw-home .rw-journal-art-arrow{z-index:2;right:17px;bottom:16px;backdrop-filter:blur(8px);background:#17133469} .rw-home .rw-insight-image{display:block;object-fit:cover;width:100%;height:175px;border-radius:6px;margin-bottom:26px;border:1px solid #aa9ee02f;transition:transform .6s,filter .6s} .rw-home .rw-insight-grid article{overflow:hidden} .rw-home .rw-insight-grid article:hover .rw-insight-image{filter:brightness(1.1) saturate(1.2)} @media(max-width:1000px){.rw-home .rw-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-home .rw-service-card{min-height:375px}.rw-home .rw-service-media{height:190px}} @media(max-width:600px){.rw-home .rw-service-grid{grid-template-columns:1fr 1fr;gap:10px}.rw-home .rw-service-card{min-height:340px}.rw-home .rw-service-media{height:122px}.rw-home .rw-service-card-head{left:9px;right:9px;top:9px}.rw-home .rw-service-num{font-size:9px;padding:5px 7px}.rw-home .rw-service-arrow{width:27px;height:27px;font-size:14px}.rw-home .rw-service-card-copy{padding:14px 12px 16px}.rw-home .rw-service-card-copy h3{font-size:17px}.rw-home .rw-service-card-copy p{font-size:11px;margin-bottom:11px}.rw-home .rw-service-more{font-size:10px}.rw-home .rw-about-visual{min-height:340px}.rw-home .rw-insight-image{height:140px}} @media(max-width:380px){.rw-home .rw-service-grid{grid-template-columns:1fr}.rw-home .rw-service-card{min-height:340px}.rw-home .rw-service-media{height:200px}} @media(prefers-reduced-motion:reduce){.rw-home .rw-service-media img,.rw-home .rw-about-visual .rw-editorial-visual--about,.rw-home .rw-work-editorial,.rw-home .rw-journal-editorial,.rw-home .rw-insight-image{transition:none!important;transform:none!important}} /* Context-specific visuals on interior pages */ .service-page-figure,.about-page-figure,.blog-detail-figure{margin:0 auto 38px;max-width:var(--container-width,1200px);width:calc(100% - 48px);border-radius:12px;overflow:hidden;background:linear-gradient(110deg,#171335,#3e3278);border:1px solid #9184d05c} .service-page-figure img,.about-page-figure img,.blog-detail-figure img{width:100%;display:block;max-height:520px;object-fit:cover;aspect-ratio:16/6} .about-page-figure img{object-position:center 42%;aspect-ratio:16/7} .expertise-list .expertise-item{gap:22px} .expertise-item .expertise-thumb{display:block;flex:0 0 116px;height:75px;border-radius:7px;overflow:hidden;border:1px solid #a292d03b} .expertise-item .expertise-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s} .expertise-item:hover .expertise-thumb img{transform:scale(1.1)} .blog-list .blog-list-thumb{display:block;width:125px;height:85px;border-radius:8px;overflow:hidden;flex:0 0 125px} .blog-list .blog-list-thumb img{width:100%;height:100%;object-fit:cover} @media(max-width:650px){.service-page-figure,.about-page-figure,.blog-detail-figure{width:calc(100% - 28px);margin-bottom:20px}.service-page-figure img,.about-page-figure img,.blog-detail-figure img{aspect-ratio:4/3}.expertise-item .expertise-thumb{flex-basis:70px;height:55px}.blog-list .blog-list-thumb{width:85px;height:60px;flex-basis:85px}} /* eeDigi V7 — unboxed kinetic technology typography, SVG brand marks and subdued dividers. */ .rw-home .rw-tech-ribbon{ position:relative;display:flex;align-items:center;height:86px;overflow:hidden; background:linear-gradient(90deg,#101022,#17122e 50%,#0e1223); border-block:1px solid #9e86ee38;isolation:isolate; } .rw-home .rw-tech-ribbon::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24; background:radial-gradient(ellipse at 52% 90%,#7358d8,transparent 70%)} .rw-home .rw-tech-viewport{flex:1;min-width:0;overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .rw-home .rw-tech-track{display:flex;width:max-content;animation:rw-tech-drift 39s linear infinite;will-change:transform} .rw-home .rw-tech-set{display:flex;align-items:center;flex:0 0 auto;gap:0;padding:0} .rw-home .rw-tech-item{ position:relative;flex:0 0 auto;display:flex;align-items:center;gap:13px; height:74px;padding:0 clamp(24px,3vw,48px);background:none;border:0;box-shadow:none; transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .3s;white-space:nowrap; } .rw-home .rw-tech-item::after{content:"";position:absolute;right:0;top:50%;width:2px;height:2px; transform:translateY(-50%) rotate(45deg);background:#b7a5f8;box-shadow:0 0 9px #a07dff9e} .rw-home .rw-tech-item:hover{transform:translateY(-3px);opacity:1} .rw-home .rw-tech-logo{display:block;width:36px;height:36px;flex:0 0 36px;background:none;border:0;border-radius:0;position:relative} .rw-home .rw-tech-logo--brand{background:var(--tech-color); -webkit-mask:var(--tech-icon) center/contain no-repeat;mask:var(--tech-icon) center/contain no-repeat; filter:drop-shadow(0 0 9px #b798ff60)} .rw-home .rw-tech-logo--custom img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1} .rw-home .rw-tech-name{font:700 clamp(15px,1.35vw,18px)/1.3 var(--display);letter-spacing:-.025em;color:#f6f2ff} .rw-home .rw-tech-ribbon:hover .rw-tech-track,.rw-home .rw-tech-ribbon:focus-within .rw-tech-track{animation-play-state:paused} @keyframes rw-tech-drift{to{transform:translateX(-50%)}} /* Federay responsive case-study artwork shown within the existing Hakkımızda reveal animation. */ .rw-home .rw-about-project{background:#100e29;border-radius:24px;overflow:hidden;min-height:570px} .rw-home .rw-about-project::before{background:linear-gradient(180deg,#16132b42,transparent 16%,transparent 81%,#0f0d28aa)!important;opacity:1} .rw-home .rw-about-project::after{display:none} .rw-home .rw-about-project .rw-editorial-visual--about{object-fit:cover;object-position:center center} .rw-home .rw-about-project-tag{position:absolute;top:22px;left:22px;z-index:3; display:flex;gap:11px;align-items:center;padding:11px 14px;border-radius:999px; border:1px solid #bba3fb63;background:#171432c2;backdrop-filter:blur(12px); font-size:10px;font-weight:750;letter-spacing:.12em;color:#ece7ff} .rw-home .rw-project-dot{width:7px;height:7px;border-radius:50%;background:#bc9aff;box-shadow:0 0 15px #ba94ff} /* Remove unused pre-hero strapline space without disturbing the responsive navigation or orbit animation. */ .rw-home .rw-motion-hero .rw-hero-frame{padding-top:clamp(92px,8vw,113px)} @media(max-width:900px){ .rw-home .rw-tech-ribbon{height:74px}.rw-home .rw-tech-item{height:68px;padding-inline:26px} .rw-home .rw-tech-logo{width:29px;height:29px;flex-basis:29px} .rw-home .rw-tech-name{font-size:15px} .rw-home .rw-about-project{min-height:500px} .rw-home .rw-motion-hero .rw-hero-frame{padding-top:100px} } @media(max-width:600px){ .rw-home .rw-tech-ribbon{height:66px}.rw-home .rw-tech-viewport{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)} .rw-home .rw-tech-item{padding-inline:20px;height:62px;gap:9px} .rw-home .rw-tech-logo{width:26px;height:26px;flex-basis:26px}.rw-home .rw-tech-name{font-size:14px} .rw-home .rw-about-project{min-height:350px;border-radius:16px} .rw-home .rw-about-project-tag{top:14px;left:14px;font-size:8px;padding:8px 10px} .rw-home .rw-motion-hero .rw-hero-frame{padding-top:90px} } @media(prefers-reduced-motion:reduce){ .rw-home .rw-tech-track{animation:none!important} .rw-home .rw-tech-viewport{overflow-x:auto;mask-image:none} .rw-home .rw-tech-set:nth-child(2){display:none} .rw-home .rw-tech-item{transition:none!important} } /* eeDigi — immersive, SEO-friendly service detail pages (v8) */ .svc-page{background:#0c0d21;color:#f8f7ff;overflow:hidden}.svc-page a{color:inherit}.svc-hero{position:relative;background:linear-gradient(120deg,#101124,#171132 70%,#131b3e);padding:clamp(125px,12vw,185px) 0 clamp(75px,7vw,125px);overflow:hidden}.svc-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 82% 48%,#7653ed2c,transparent 50%)}.svc-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:clamp(24px,5vw,90px)}.svc-crumb{font-size:12px;color:#bbb6d8;display:flex;gap:9px;flex-wrap:wrap;margin-bottom:38px}.svc-crumb a{text-decoration:none;opacity:.8}.svc-crumb a:hover{color:#aa95ff}.svc-eyebrow,.svc-kicker{color:#b69aff;letter-spacing:.15em;font-size:11px;font-weight:800;text-transform:uppercase}.svc-hero h1{font-size:clamp(44px,5.3vw,90px);line-height:1.07;letter-spacing:-.065em;margin:20px 0 24px}.svc-hero-lead{font-size:clamp(16px,1.45vw,21px);line-height:1.75;color:#c7c6de;max-width:625px}.svc-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:33px}.svc-hero-image{position:relative;min-height:380px;border-radius:25px;background:#201a39;overflow:hidden;box-shadow:0 45px 100px #03040d90;border:1px solid #ad94ff2b}.svc-hero-image>img{display:block;width:100%;height:100%;min-height:380px;object-fit:cover;transition:transform 1.4s ease}.svc-hero-image:hover>img{transform:scale(1.065)}.svc-image-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0c0d23b3,transparent 42%),linear-gradient(105deg,transparent,#8354ff12)}.svc-visual-caption{position:absolute;bottom:25px;left:28px;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.svc-benefits{padding-block:45px 68px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-bottom:1px solid #8f85d331}.svc-benefit{min-width:0;padding:16px 10px 10px;border-right:1px solid #756cb12b}.svc-benefit:last-child{border-right:0}.svc-benefit-icon{display:inline-grid;place-items:center;background:#272046;color:#b895ff;font-size:24px;width:53px;height:53px;border-radius:16px;margin-bottom:16px}.svc-benefit h2{font-size:18px;line-height:1.25;letter-spacing:-.04em;margin:0 0 10px}.svc-benefit p{font-size:13px;line-height:1.7;color:#aeb2d2;margin:0}.svc-story{padding-block:clamp(70px,7vw,125px);display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.2fr);gap:clamp(30px,6vw,95px)}.svc-story-head h2,.svc-section-head h2,.svc-outro h2{font-size:clamp(32px,3.8vw,57px);line-height:1.16;letter-spacing:-.06em;margin:20px 0}.svc-story-head p,.svc-outro p{font-size:16px;color:#b4b5d1;line-height:1.85}.svc-story-body{font-size:15px;color:#d1cfe8;line-height:1.85}.svc-story-body h2,.svc-story-body h3{font-size:25px;line-height:1.28;letter-spacing:-.045em;color:#fff;margin:0 0 20px}.svc-story-body p{margin:0 0 18px}.svc-story-body ul{padding-inline-start:22px;margin-bottom:25px}.svc-story-body li{margin:8px 0}.svc-usecases{background:linear-gradient(120deg,#17142d,#101124);border-top:1px solid #8f85d32a;border-bottom:1px solid #8f85d32a;padding:clamp(70px,7vw,120px) 0}.svc-section-head{max-width:900px;margin-bottom:38px}.svc-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.svc-use{padding:30px;border:1px solid #8c81cc4d;border-radius:18px;background:linear-gradient(140deg,#ffffff09,#8a69e405);transition:transform .35s,border-color .35s}.svc-use:hover{transform:translateY(-7px);border-color:#a28cff}.svc-use>span{font-size:12px;color:#c1b2ff}.svc-use h3{font-size:21px;line-height:1.3;margin:25px 0 12px}.svc-use p,.svc-step p{font-size:14px;line-height:1.75;color:#b8b9d5}.svc-process,.svc-faq{padding-block:clamp(70px,7vw,120px)}.svc-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.svc-step{border-top:1px solid #786f9c80;padding-top:28px}.svc-step b{display:grid;place-items:center;border:1px solid #9d7be2;color:#c5a3ff;font-size:17px;border-radius:50%;width:45px;height:45px;margin-bottom:28px}.svc-step h3{font-size:20px;line-height:1.3;margin-bottom:10px}.svc-faq{border-top:1px solid #887dc83d}.svc-faq-list{max-width:1020px}.svc-faq-item{border-bottom:1px solid #8881ba58;padding:19px 0}.svc-faq-item summary{display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:650;list-style:none}.svc-faq-item summary::-webkit-details-marker{display:none}.svc-faq-item summary b{font-size:22px;color:#b197fa}.svc-faq-item[open] summary b{transform:rotate(45deg)}.svc-faq-item p{color:#bdc0d7;font-size:14px;line-height:1.85;max-width:880px;margin-top:15px}.svc-outro{background:radial-gradient(ellipse at 90% 10%,#654cbb62,transparent 60%),#17152d;padding:85px 0}.svc-outro-layout{display:flex;gap:40px;justify-content:space-between;align-items:center}.svc-outro-layout>div{max-width:760px}.svc-outro-layout>.rw-button{flex-shrink:0} @media(max-width:1000px){.svc-hero-layout,.svc-story{grid-template-columns:1fr}.svc-hero-image,.svc-hero-image>img{min-height:320px}.svc-benefits,.svc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-outro-layout{align-items:flex-start;flex-direction:column}} @media(max-width:600px){.svc-hero{padding:112px 0 55px}.svc-hero-image,.svc-hero-image>img{min-height:245px}.svc-benefits,.svc-step-grid,.svc-use-grid{grid-template-columns:1fr}.svc-benefits{gap:4px;padding-block:22px}.svc-benefit{border-right:none;border-bottom:1px solid #756cb12b;padding:15px 4px}.svc-story{padding-block:60px}.svc-use{padding:25px}.svc-outro{padding:65px 0}.svc-buttons{align-items:stretch}.svc-buttons>a{justify-content:center}.svc-crumb{margin-bottom:25px}} @media(prefers-reduced-motion:reduce){.svc-hero-image>img,.svc-use{transition:none}.svc-hero-image:hover>img,.svc-use:hover{transform:none}} /* V9 — unbroken technology orbit; photo-consistent service art. */ .rw-home .rw-tech-track{animation-duration:65s;animation-timing-function:linear;animation-iteration-count:infinite} .rw-home .rw-service-media{background:#141529;isolation:isolate} .rw-home .rw-service-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.04)} .rw-home .rw-service-media::after{background:linear-gradient(0deg,#0b0c20b8,transparent 40%);opacity:.78} .expertise-thumb img{object-fit:cover;object-position:center} @media(prefers-reduced-motion:reduce){.rw-home .rw-tech-track{animation:none!important}} /* === v11 premium footer + inner page refinements === */ .footer--premium{margin-top:96px;padding:28px 24px 22px;border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(118,86,255,.18),transparent 34%),linear-gradient(180deg,#090b15 0%,#080913 100%)} .footer--premium .footer-cta{max-width:1280px;margin:0 auto 28px;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:30px 34px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(135deg,rgba(27,30,56,.96),rgba(15,17,31,.96));box-shadow:0 24px 60px rgba(0,0,0,.25)} .footer--premium .footer-cta h2{margin:8px 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em} .footer--premium .footer-cta p{max-width:780px;color:var(--muted,#b8bdd5);margin:0} .footer--premium .footer-cta-link{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,#a477ff,#6b78ff);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;box-shadow:0 16px 30px rgba(95,82,255,.28)} .footer--premium .footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:16px 2px 0} .footer--premium h3{font-size:16px;margin:0 0 16px;color:#fff} .footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;font-weight:800;font-size:34px;letter-spacing:-.04em} .footer-lead{margin:18px 0 18px;color:var(--muted,#b8bdd5);line-height:1.8;max-width:440px} .footer-badges{display:flex;flex-wrap:wrap;gap:10px} .footer-badges span{padding:9px 14px;border-radius:999px;border:1px solid rgba(165,145,255,.24);background:rgba(111,92,255,.08);color:#e6dcff;font-size:13px} .footer-links,.footer-contact{list-style:none;margin:0;padding:0;display:grid;gap:10px} .footer-links a,.footer-contact a{color:#dfe3ff;text-decoration:none} .footer-links a:hover,.footer-contact a:hover,.footer-social a:hover{color:#fff} .footer-contact li{display:grid;gap:2px} .footer-contact span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8f96bb} .footer-contact strong{color:#fff;font-weight:600} .footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px} .footer-social a{color:#c9ceff;text-decoration:none} .footer--premium .footer-bottom{max-width:1280px;margin:26px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;color:#98a0c4;font-size:13px} .about-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center} .about-showcase-visual{min-height:560px;background:#101224} .about-showcase-visual img{width:100%;height:100%;display:block;object-fit:cover} .about-showcase-copy h2{font-size:clamp(28px,3vw,46px);line-height:1.06;letter-spacing:-.04em;margin:10px 0 14px} .about-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px} .about-stat-grid div{padding:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:22px} .about-stat-grid strong{display:block;color:#fff;font-size:18px;margin-bottom:6px} .about-stat-grid span{color:#aeb4d0;font-size:14px;line-height:1.6} .about-statement--v2{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start} .about-side-card{margin-top:18px;padding:22px;border-radius:24px;background:linear-gradient(160deg,rgba(111,92,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)} .about-side-card h3{margin:0 0 12px;font-size:20px} .about-side-card ul{margin:0;padding-left:18px;color:#bcc2dc;display:grid;gap:10px;line-height:1.7} .expertise--v2 .belief-grid div{min-height:220px} .contact-layout--v2{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start} .contact-panel,.agency-form--v2{padding:30px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,17,31,.96),rgba(20,23,43,.96))} .contact-mini-grid{display:grid;gap:14px;margin-top:22px} .contact-mini-grid div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)} .contact-mini-grid strong{display:block;margin-bottom:5px} .agency-form--v2 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .rw-home .rw-journal-editorial{width:100%;height:100%;object-fit:cover;display:block} .rw-home .rw-insight-grid article,.svc-benefit,.svc-step,.svc-use,.project-card,.rw-journal-card{box-shadow:0 18px 40px rgba(0,0,0,.18)} @media (max-width: 980px){ .footer--premium .footer-cta,.footer--premium .footer-grid,.about-showcase,.about-statement--v2,.contact-layout--v2{grid-template-columns:1fr;display:grid} .footer--premium .footer-cta{padding:24px} .footer--premium .footer-grid{gap:20px} .agency-form--v2 .form-grid,.about-stat-grid{grid-template-columns:1fr} .about-showcase-visual{min-height:380px} } /* v12 cohesive image-led editorial UI. Keep existing hero animation intact. */ .agency-inner-hero{background:radial-gradient(ellipse at 83% 30%,rgba(92,83,160,.17),transparent 42%),#111322;padding:clamp(126px,12vw,164px) 0 72px;border-bottom:1px solid rgba(255,255,255,.08)} .agency-inner-hero .rw-container{max-width:1210px}.agency-inner-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.058em;max-width:900px;margin:16px 0 22px;font-weight:760} .agency-inner-hero h1 em{font-style:normal;color:#ab9bff}.agency-inner-hero p:not(.agency-eyebrow){color:#c3c6d7;font-size:clamp(15px,1.3vw,19px);line-height:1.75;max-width:700px} .agency-breadcrumb{display:flex;gap:10px;font-size:12px;color:#8d91b1;margin-bottom:42px}.agency-breadcrumb a{color:inherit;text-decoration:none} .agency-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#ae9aff} .agency-service-section{padding-block:clamp(52px,7vw,98px)}.agency-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .agency-service-card{display:block;text-decoration:none;color:inherit;background:#171a2b;border:1px solid rgba(225,221,255,.11);border-radius:24px;overflow:hidden;min-width:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s} .agency-service-card:hover{transform:translateY(-7px);border-color:#a18cff77;box-shadow:0 26px 70px #05050d99} .agency-service-image{height:236px;background:#212538;overflow:hidden}.agency-service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(.94) contrast(1.03)} .agency-service-card:hover img{transform:scale(1.05)}.agency-service-content{padding:25px 26px 28px} .agency-service-index{color:#aca2e8;font-size:11px;letter-spacing:.13em;font-weight:800} .agency-service-card h2{font-size:clamp(23px,2.1vw,31px);letter-spacing:-.05em;line-height:1.18;margin:15px 0 12px;font-weight:760;overflow-wrap:break-word} .agency-service-card p{font-size:14px;line-height:1.75;color:#b9bed1;min-height:73px} .agency-service-more{color:#c6b8ff;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;margin-top:22px}.agency-service-more b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a79bc777;border-radius:50%} .agency-inner-cta{margin-bottom:90px;background:#1a1b2d;border:1px solid #b39bff42;border-radius:24px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px} .agency-inner-cta p{font-size:20px;line-height:1.45;font-weight:670;margin:0;max-width:640px} .svc-page{background:#10111e;overflow:clip}.svc-hero{padding:clamp(108px,8.2vw,132px) 0 76px;background:radial-gradient(ellipse at 88% 50%,#8b7bea1c,transparent 50%),#111322} .svc-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;max-width:1210px} .svc-crumb{margin-bottom:24px}.svc-hero h1{font-size:clamp(42px,4.65vw,72px);line-height:1.08;letter-spacing:-.052em;margin:15px 0 22px} .svc-hero-lead{font-size:clamp(16px,1.45vw,20px);line-height:1.65;color:#ced1e1}.svc-hero-image{border-radius:25px;min-height:355px;box-shadow:0 22px 60px #04050b7a;aspect-ratio:1.36} .svc-hero-image>img{height:100%;min-height:355px;object-fit:cover;filter:saturate(.94)} .svc-image-overlay{background:linear-gradient(0deg,rgba(9,11,22,.65),transparent 36%)} .svc-benefits{max-width:1210px;padding:42px 0 54px;gap:16px}.svc-benefit{border:1px solid #9d96c335;border-radius:18px;background:#181a2a;padding:22px!important}.svc-benefit h2{font-size:18px}.svc-benefit p{font-size:14px} .svc-story{max-width:1210px;padding-block:72px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start} .svc-story-head h2{font-size:clamp(31px,3.6vw,49px);letter-spacing:-.055em}.svc-story-head{position:sticky;top:110px}.svc-story-body{border-left:2px solid #8972ca70;padding-left:35px;font-size:16px;line-height:1.8} .svc-story-body h2,.svc-story-body h3{font-size:22px;margin:12px 0}.svc-story-body p{margin:12px 0}.svc-story-body li{margin:9px 0} .svc-usecases{padding:78px 0;background:#161827}.svc-use{border-radius:20px;padding:28px}.svc-process,.svc-faq{padding-block:75px} .svc-step-grid{gap:12px}.svc-step{background:#181a2a;border:1px solid #9d96c335;padding:25px;border-radius:16px} .svc-step b{margin-bottom:18px}.svc-faq-item summary{font-size:16px;line-height:1.5} .rw-home .rw-service-media img{object-position:center;filter:saturate(.93) contrast(1.04)} .rw-home .rw-about-visual .rw-editorial-visual--about{object-position:center;filter:saturate(.88)} .rw-home .rw-process-art{min-height:530px}.rw-home .rw-process-visual{padding:0} .rw-home .rw-process-visual small{left:28px;bottom:28px;background:#101321c9;padding:12px 16px;border:1px solid #ffffff37;border-radius:99px;letter-spacing:.1em} .rw-home .rw-faq-art{border-radius:20px;padding:0;height:520px}.rw-home .rw-faq-art .rw-editorial-visual{filter:saturate(.9)} .rw-home .rw-faq-art::before{background:linear-gradient(0deg,#090c20ad,transparent 68%);z-index:1} .rw-home .rw-journal-art::before{opacity:0}.rw-home .rw-journal-art{aspect-ratio:1.55} .rw-home .rw-insight-grid{gap:22px;border:0}.rw-home .rw-insight-grid article{border:1px solid #ffffff16;border-radius:20px;padding:28px;min-height:0;background:#171929} .rw-home .rw-insight-image{height:240px;border-radius:13px;filter:saturate(.91)} .rw-home .rw-work-visual{border-radius:18px;overflow:hidden} .rw-home .rw-work-editorial{filter:saturate(.93)} @media(max-width:1000px){.agency-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-hero-layout,.svc-story{grid-template-columns:1fr;gap:30px}.svc-story-head{position:static}.svc-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-benefit:last-child{border:1px solid #9d96c335}.svc-hero{padding-bottom:52px}} @media(max-width:620px){.agency-inner-hero{padding:105px 0 50px}.agency-inner-hero h1{font-size:40px}.agency-service-grid{grid-template-columns:1fr}.agency-service-image{height:220px}.agency-service-card p{min-height:auto}.agency-inner-cta{flex-direction:column;align-items:start;margin-bottom:55px}.svc-benefits{grid-template-columns:1fr;gap:12px}.svc-story-body{padding-left:20px}.svc-hero-image,.svc-hero-image>img{min-height:240px}.rw-home .rw-process-art{min-height:310px}.rw-home .rw-faq-art{height:300px;display:block}.rw-home .rw-insight-image{height:180px}} @media(prefers-reduced-motion:reduce){.agency-service-card,.agency-service-image img{transition:none}.agency-service-card:hover,.agency-service-card:hover img{transform:none}} .agency-about-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:60px;padding-block:80px;align-items:start} .agency-about-layout figure{margin:0;overflow:hidden;border-radius:24px;min-height:500px;background:#232338;box-shadow:0 24px 75px #08091288} .agency-about-layout figure img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block;filter:saturate(.92)} .agency-rich-copy{font-size:16px;color:#cdd1e0;line-height:1.9;max-width:700px}.agency-rich-copy h2{color:#fff;font-size:clamp(26px,2.5vw,36px);letter-spacing:-.04em;line-height:1.23;margin:0 0 18px} .agency-rich-copy h2:not(:first-child){margin-top:40px}.agency-rich-copy p{margin:0 0 18px}.agency-rich-copy ul{margin:0 0 22px;padding-left:24px}.agency-rich-copy li{margin:7px 0} .agency-about-cta{background:#202136;border:1px solid #ad96ff47;border-radius:26px;margin-bottom:76px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px} .agency-about-cta h2{font-size:clamp(24px,2.8vw,35px);line-height:1.19;margin:0;max-width:700px} @media(max-width:850px){.agency-about-layout{grid-template-columns:1fr;gap:28px;padding-block:45px}.agency-about-layout figure,.agency-about-layout figure img{min-height:280px}.agency-about-cta{flex-direction:column;align-items:start}} /* v12 editorial flow: vary the section rhythm rather than repeating device imagery. */ .rw-home .rw-process-layout{display:block}.rw-home .rw-process-art{display:none} .rw-home .rw-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0} .rw-home .rw-process-track{display:none}.rw-home .rw-process-step{display:block;min-width:0;border:1px solid #ffffff21;border-radius:20px;background:#1b1d30;padding:28px;min-height:268px} .rw-home .rw-process-step-num{display:block;margin-bottom:36px;font-size:12px}.rw-home .rw-process-step h3{font-size:clamp(21px,2.1vw,29px);line-height:1.25;min-height:68px} .rw-home .rw-process-step p{font-size:14px;line-height:1.7}.rw-home .rw-process-step-arrow{display:inline-block;margin-top:12px} .rw-home .rw-faq-layout{grid-template-columns:1fr;max-width:1080px;margin-inline:auto} .rw-home .rw-faq-art{display:none}.rw-home .rw-faq-item summary{grid-template-columns:52px 1fr 32px} .rw-home .rw-faq-item{background:#17192a;padding-inline:18px;margin-bottom:10px;border:1px solid #8c81bb2e;border-radius:14px} .rw-home .rw-faq-answer{padding:0 28px 23px 66px} @media(max-width:1050px){.rw-home .rw-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.rw-home .rw-process-steps{grid-template-columns:1fr}.rw-home .rw-process-step{min-height:0;padding:22px}.rw-home .rw-process-step h3{min-height:0}.rw-home .rw-process-step-num{margin-bottom:18px}.rw-home .rw-faq-answer{padding:0 16px 22px 22px}.rw-home .rw-faq-item summary{grid-template-columns:30px 1fr 26px}} /* V13 – unified long-scroll editorial design. Integrated into the existing frontend stylesheet. */ .rw-home{overflow:clip}.v13-section{padding:clamp(65px,7.4vw,114px) 0;position:relative}.v13-paper{background:#f7f8fd;color:#14182a}.v13-paper .v13-eyebrow{color:#7942df}.v13-eyebrow{font-size:11px;font-weight:850;letter-spacing:.19em;color:#b997ff;text-transform:uppercase;margin:0 0 13px}.v13-section-top{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:34px}.v13-section h2{font-size:clamp(32px,4.1vw,57px);line-height:1.08;letter-spacing:-.056em;max-width:780px;margin:0;font-weight:780}.v13-section h2 span{color:#8755ef}.v13-top-side{flex:0 0 350px;max-width:350px}.v13-top-side p,.v13-top-explain{font-size:15px;line-height:1.78;color:#5c637a;margin:0 0 16px}.v13-inline-link{display:inline-flex;gap:12px;align-items:center;color:#6941d7;border-bottom:1px solid #9d77e6;padding-bottom:5px;font-weight:750;font-size:13px}.v13-inline-link:hover{color:#4a22b5}.v13-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v13-service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e9f3;border-radius:19px;overflow:hidden;box-shadow:0 14px 35px rgba(20,20,60,.045);color:#14182a;min-width:0;transition:transform .32s ease,box-shadow .32s ease}.v13-service-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #15164b20}.v13-service-photo{aspect-ratio:1.58;overflow:hidden;background:#e5e7ed}.v13-service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.v13-service-card:hover img{transform:scale(1.055)}.v13-service-copy{position:relative;padding:20px 20px 25px;min-height:188px;display:flex;flex-direction:column}.v13-card-index{font-size:10px;font-weight:780;color:#8f63d8;letter-spacing:.14em;margin:0 0 9px}.v13-service-copy h3{font-size:clamp(18px,1.65vw,24px);line-height:1.2;letter-spacing:-.038em;margin:0 29px 8px 0;font-weight:800}.v13-service-copy p{color:#646b7f;font-size:13px;line-height:1.58;margin:0;max-width:94%}.v13-round-arrow{position:absolute;right:17px;top:20px;width:30px;height:30px;border:1px solid #dcd4f2;border-radius:50%;color:#6c3cdb;display:grid;place-items:center;font-size:16px;transition:transform .3s,background .3s}.v13-service-card:hover .v13-round-arrow{transform:rotate(45deg);background:#efe9ff}.v13-process{color:#fff;background:radial-gradient(circle at 5% 80%,#5b2f9e66,transparent 38%),linear-gradient(115deg,#14142b,#292044 52%,#131629)}.v13-process .v13-top-explain{color:#c0bad2;max-width:340px;flex-shrink:0}.v13-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}.v13-process-step{border:1px solid #ffffff29;border-radius:17px;padding:26px 24px;min-height:230px;background:#ffffff08;position:relative}.v13-process-step:not(:last-child):after{content:'↗';position:absolute;color:#bb9aff;font-size:21px;right:-13px;top:42px;z-index:2}.v13-step-no{font-size:12px;letter-spacing:.08em;color:#bda1ff}.v13-step-icon{display:block;color:#c8aaff;font-size:30px;margin:22px 0 12px}.v13-process-step h3{font-size:22px;margin:0 0 9px;letter-spacing:-.03em}.v13-process-step p{color:#d2cce0;font-size:13px;line-height:1.7;margin:0}.v13-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.v13-project-card{min-width:0;display:block;color:#15172b}.v13-project-photo{aspect-ratio:1.27;position:relative;border-radius:15px;overflow:hidden;background:#e0e3eb}.v13-project-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease}.v13-project-card:hover img{transform:scale(1.055)}.v13-project-jump{position:absolute;right:14px;bottom:14px;background:#fff;color:#5832ce;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.v13-project-title{padding:15px 3px}.v13-project-title h3{font-size:21px;margin:0 0 7px;letter-spacing:-.035em}.v13-project-title p{color:#656b80;font-size:13px;line-height:1.55;margin:0}.v13-project-concept-tag{position:absolute;top:12px;left:12px;border-radius:99px;padding:7px 10px;color:#fff;background:#101427b8;font-size:9px;font-weight:750;letter-spacing:.1em}.v13-disclaimer{font-size:12px;color:#666d81;margin:15px 0 0}.v13-why{background:#0f1425;color:#f7f6ff}.v13-why-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(32px,5vw,90px);align-items:center}.v13-why-visual{position:relative;min-height:540px;border-radius:18px;overflow:hidden;background:#171728}.v13-why-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.v13-why-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101021b9,transparent 58%)}.v13-why-visual>span{position:absolute;z-index:1;bottom:25px;left:30px;font-size:11px;letter-spacing:.2em;color:#fff}.v13-why-text h2 span{color:#ba9cff}.v13-why-lead{font-size:16px;line-height:1.8;color:#c5c9d9;margin:20px 0 30px;max-width:520px}.v13-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 22px;margin-bottom:30px}.v13-benefits>div{display:flex;gap:12px;border-top:1px solid #ffffff23;padding-top:15px}.v13-benefits>div>span{color:#c89dff;font-size:24px}.v13-benefits h3{font-size:16px;margin:0 0 5px;letter-spacing:-.02em}.v13-benefits p{font-size:12px;color:#abb3c8;line-height:1.6;margin:0}.v13-inline-light{color:#d8c5ff;border-color:#906ce4}.v13-inline-light:hover{color:#fff}.v13-sector-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.v13-sector{background:#fff;border:1px solid #e6e6f0;border-radius:15px;text-align:center;padding:23px 10px;min-height:125px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 24px #1416430a}.v13-sector span{font-size:27px;color:#9257fa;line-height:1;margin-bottom:11px}.v13-sector h3{font-size:13px;line-height:1.4;margin:0;letter-spacing:-.02em}.v13-blog{padding-top:30px}.v13-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v13-blog-card{background:#fff;border:1px solid #e8e9f3;border-radius:18px;overflow:hidden;color:#151a2d;display:block;min-width:0}.v13-blog-card>img{height:225px;width:100%;object-fit:cover;display:block}.v13-blog-card-body{padding:24px}.v13-blog-card-body>span{font-size:12px;color:#8156d2}.v13-blog-card h3{font-size:23px;line-height:1.28;letter-spacing:-.04em;margin:12px 0}.v13-blog-card p{font-size:14px;color:#657087;line-height:1.7}.v13-blog-card b{font-size:12px;color:#6b3acf}.v13-empty-editorial{padding:38px;border:1px solid #dddfee;border-radius:18px;background:#fff}.v13-empty-editorial p{color:#5c637a}.v13-voices{background:#171428;color:#fff}.v13-voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.v13-voices-grid blockquote{margin:0;border:1px solid #ffffff20;background:#ffffff07;border-radius:18px;padding:25px}.v13-voices-grid blockquote p{font-size:17px;line-height:1.6}.v13-voices-grid blockquote footer{color:#b6a8da;font-size:12px}.v13-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.v13-faq-grid>div:first-child>p:not(.v13-eyebrow){color:#626981;line-height:1.7;margin:18px 0 25px}.v13-faq-items details{border-bottom:1px solid #dfe2ec;padding:17px 0}.v13-faq-items details:first-child{border-top:1px solid #dfe2ec}.v13-faq-items summary{list-style:none;display:flex;align-items:center;gap:19px;cursor:pointer;font-weight:750;color:#1f2132;font-size:16px}.v13-faq-items summary::-webkit-details-marker{display:none}.v13-faq-items summary>span{font-size:12px;color:#8154d8}.v13-faq-items summary b{margin-left:auto;border:1px solid #d9d9eb;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#7038d6;font-size:16px;font-weight:500}.v13-faq-items details[open] summary b{transform:rotate(45deg);background:#eadfff}.v13-faq-items details>p{color:#636b7d;font-size:14px;line-height:1.8;padding-left:33px;margin:14px 0 0}.v13-final-cta{padding:66px 0;background:radial-gradient(circle at 65% 85%,#9250e2aa,transparent 45%),linear-gradient(115deg,#241b51,#5e31ac 54%,#26215a);color:#fff}.v13-final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.v13-final-inner h2{font-size:clamp(32px,3.5vw,52px);line-height:1.1;letter-spacing:-.05em;margin:8px 0 14px}.v13-final-inner h2 em{color:#e0c6ff;font-style:normal}.v13-final-inner p:not(.v13-eyebrow){color:#e2d9f5;margin:0}.v13-cta-button{border-radius:999px;background:#fff;color:#50229f;white-space:nowrap;padding:17px 23px;font-size:14px;font-weight:800;box-shadow:0 15px 42px #0b0c303d}.v13-cta-button:hover{background:#f2ecff}.rw-home .v13-service-grid .rw-rise,.rw-home .v13-project-grid .rw-rise{transition:transform .45s ease,opacity .6s ease}.footer--premium{margin-top:0}.footer--premium .footer-cta{display:none}.footer--premium .footer-grid{padding-top:40px}.footer--premium .footer-bottom{margin-top:40px} /* One visual system across all inner pages */ .agency-inner-hero{padding-top:clamp(128px,10vw,164px);padding-bottom:74px;background:radial-gradient(ellipse at 82% 20%,#7847b329,transparent 44%),#101426}.agency-inner-hero h1{font-size:clamp(42px,5.3vw,74px);max-width:1020px}.agency-service-section{max-width:1320px;padding-block:80px}.agency-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.agency-service-card{background:#171a2b}.agency-service-image{height:265px}.agency-service-content{padding:27px}.agency-service-card h2{font-size:clamp(22px,2vw,29px)}.agency-service-card p{min-height:0}.svc-hero{padding:clamp(132px,12vw,170px) 0 85px}.svc-hero-layout{max-width:1290px;gap:52px;align-items:center}.svc-hero h1{font-size:clamp(43px,4.8vw,74px)}.svc-benefits,.svc-story,.svc-process,.svc-faq{max-width:1290px}.svc-benefits{padding-top:72px}.svc-story{padding-block:95px}.svc-story-body{color:#d5daee}.svc-usecases{background:#1a2032}.svc-use,.svc-step,.svc-benefit{border-radius:17px}.svc-outro{background:linear-gradient(110deg,#2c245d,#483184)} /* Broader article/portfolio and content pages */ .inner-hero{padding-top:165px;padding-bottom:68px;min-height:0}.inner-hero h1{font-size:clamp(40px,5.3vw,75px);line-height:1.1;max-width:1080px}.inner-hero .lead{max-width:830px}.blog-list{max-width:1280px;margin:auto}.blog-list a{padding:24px 20px;grid-template-columns:180px minmax(0,1fr) 38px;gap:25px;align-items:center}.blog-list h2{font-size:clamp(23px,2.7vw,39px);line-height:1.2}.blog-list-thumb{display:block;width:170px;height:120px;overflow:hidden;border-radius:13px}.blog-list-thumb img{width:100%;height:100%;object-fit:cover}.blog-detail-figure{margin-block:30px 60px}.blog-detail-figure img{width:100%;max-height:650px;object-fit:cover;border-radius:22px}.article-body{font-size:clamp(17px,1.35vw,20px);line-height:1.95;max-width:1050px}.article-body h2{font-size:clamp(26px,2.5vw,38px);line-height:1.22;margin-top:45px}.project-grid{gap:36px;grid-template-columns:repeat(2,1fr)}.project-card:nth-child(even){transform:none}.project-photo{height:clamp(260px,29vw,420px);border-radius:19px}.project-caption h3{font-size:clamp(24px,2.35vw,35px)}.case-cover{min-height:520px;margin-inline:auto;max-width:1300px;border-radius:23px}.contact-hero--v2{min-height:0}.contact-layout--v2{margin-bottom:90px}.contact-panel,.agency-form--v2{box-shadow:0 22px 60px #08081226}.project-start-layout{padding-block:60px 110px}.product-story{max-width:1120px}.faq-layout{gap:45px} @media(max-width:1150px){.v13-service-grid,.v13-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v13-sector-grid{grid-template-columns:repeat(4,1fr)}.v13-why-grid{gap:32px}.v13-why-visual{min-height:480px}} @media(max-width:800px){.v13-section{padding:70px 0}.v13-section-top,.v13-final-inner{flex-direction:column;align-items:flex-start}.v13-top-side,.v13-top-explain{flex-basis:auto;max-width:100%}.v13-process-grid,.v13-benefits,.v13-faq-grid,.v13-why-grid{grid-template-columns:1fr}.v13-process-step:after{display:none}.v13-process-step{min-height:0}.v13-why-visual{min-height:360px}.v13-blog-grid{grid-template-columns:1fr}.v13-blog-card>img{height:300px}.v13-sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v13-faq-grid{gap:30px}.agency-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.v13-service-grid,.v13-project-grid,.v13-sector-grid,.agency-service-grid{grid-template-columns:1fr}.v13-service-photo{aspect-ratio:1.65}.v13-service-copy{min-height:0}.v13-sector{min-height:100px}.v13-section h2{font-size:34px}.v13-process-step{padding:24px}.v13-final-inner h2{font-size:35px}.v13-blog-card>img{height:230px}.v13-why-visual{min-height:300px}.v13-benefits{gap:10px}.blog-list a{grid-template-columns:105px 1fr 20px;gap:12px;padding-inline:0}.blog-list-thumb{width:105px;height:94px}.blog-list h2{font-size:19px}.case-cover{min-height:280px;border-radius:0}.inner-hero{padding-top:125px}.footer--premium .footer-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.v13-service-card,.v13-service-card img,.v13-project-card img{transition:none}.v13-service-card:hover,.v13-project-card:hover img,.v13-service-card:hover img{transform:none}} /* V13 inner-page editorial layouts */ .v13-inner-header+.v13-paper{color:#15182c}.v13-inner-header .agency-breadcrumb{margin-bottom:35px}.v13-service-index,.v13-portfolio-page,.v13-blog-list-page{padding-block:75px 110px}.v13-inner-dark-cta{color:#fff;background:linear-gradient(135deg,#241c4c,#54368b);padding:72px 0}.v13-inner-dark-cta .rw-container{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.v13-inner-dark-cta h2{font-size:clamp(29px,3.6vw,50px);line-height:1.12;letter-spacing:-.05em;max-width:780px;margin:0}.v13-inner-dark-cta .v13-eyebrow{flex-basis:100%;margin:0}.v13-about-portrait{height:clamp(330px,44vw,620px);overflow:hidden;border-radius:25px}.v13-about-portrait>img{width:100%;height:100%;display:block;object-fit:cover}.v13-about-editorial,.v13-case-layout,.v13-article-layout{display:grid;grid-template-columns:.38fr .62fr;gap:clamp(30px,6vw,110px);padding-block:65px}.v13-about-editorial>aside h2,.v13-case-layout aside h2{font-size:clamp(28px,3.2vw,45px);line-height:1.13;letter-spacing:-.045em;margin:7px 0 20px}.v13-about-editorial aside h2 span{color:#8755ef}.v13-about-editorial aside p:not(.v13-eyebrow),.v13-article-layout aside p:not(.v13-eyebrow){color:#636a7f;line-height:1.8}.v13-readable-copy{font-size:clamp(16px,1.2vw,19px);line-height:1.93;color:#535a6b;min-width:0}.v13-readable-copy h2{font-size:clamp(26px,2.4vw,34px);line-height:1.18;letter-spacing:-.035em;color:#14182d;margin:30px 0 15px}.v13-readable-copy h2:first-child{margin-top:0}.v13-readable-copy h3{font-size:23px;color:#14182d;margin:25px 0 12px}.v13-readable-copy p{margin:0 0 19px}.v13-readable-copy ul{padding-left:22px;margin:0 0 22px}.v13-readable-copy li{padding-left:5px;margin:8px 0}.v13-case-visual,.v13-article-image{margin:0;border-radius:23px;overflow:hidden;max-height:690px;background:#e9eaf2}.v13-case-visual img,.v13-article-image img{width:100%;max-height:690px;height:auto;object-fit:cover;display:block}.v13-article-image{height:clamp(300px,38vw,580px)}.v13-article-image img{height:100%}.v13-case-layout aside h2{font-size:29px}.v13-article-layout aside{align-self:start;position:sticky;top:115px}.v13-article-layout aside p:not(.v13-eyebrow){max-width:260px}.v13-blog-detail{padding-bottom:110px}.v13-portfolio-page .v13-empty-editorial{max-width:850px}.v13-portfolio-page .v13-empty-editorial h2{font-size:35px} /* Make detailed service pages alternate editorial light and dark sections. */ .svc-page .svc-story{background:transparent}.svc-page .svc-benefits{margin-top:20px}.svc-page .svc-usecases{background:#f7f8fd;color:#171a2b}.svc-page .svc-usecases .svc-section-head h2{color:#171a2b}.svc-page .svc-usecases .svc-kicker{color:#8350dc}.svc-page .svc-usecases .svc-use{background:#fff;border:1px solid #e4e6f0;color:#15172c;box-shadow:0 10px 28px #0b0e2312}.svc-page .svc-usecases .svc-use h3{color:#14182b}.svc-page .svc-usecases .svc-use p{color:#5b637a}.svc-page .svc-usecases .svc-use>span{color:#8055d8}.svc-page .svc-faq{max-width:1170px;padding-block:90px}.svc-page .svc-faq-item{border-bottom:1px solid #ffffff26}.svc-page .svc-process{padding-block:105px}.svc-page .svc-story-body{border-color:#8b72da}.svc-page .svc-outro{padding-block:78px}.svc-page .svc-outro-layout{gap:40px} @media(max-width:800px){.v13-about-editorial,.v13-case-layout,.v13-article-layout{grid-template-columns:1fr;gap:24px;padding-block:43px}.v13-article-layout aside{position:static}.v13-about-portrait{height:340px}.v13-blog-detail{padding-bottom:75px}} @media(max-width:560px){.v13-inner-dark-cta h2{font-size:32px}.v13-inner-dark-cta .v13-cta-button{width:100%;text-align:center}.v13-article-image{height:260px}.v13-about-portrait{height:255px}} /* Complementary editorial pages, forms and knowledge areas */ .v13-faq-page .v13-faq-items details{background:transparent}.v13-faq-answer{padding:9px 8px 4px 33px;color:#535d71;font-size:14px;line-height:1.8}.v13-faq-answer p{margin:7px 0 14px}.v13-standard-page .v13-article-layout{padding-top:5px}.v13-standard-page .v13-article-layout aside h2{font-size:clamp(26px,3vw,40px);line-height:1.13;color:#181c2c}.v13-tech-tile img{object-fit:contain;max-height:44px;max-width:50px;margin-bottom:12px}.v13-tech-copy{max-width:880px;margin:65px auto 0}.project-start-layout{max-width:1250px;padding-block:65px 110px;gap:42px}.project-aside{border:1px solid #a48be32e;padding:26px 25px;border-radius:21px;background:#151829;align-self:start}.start-form{max-width:none;margin:0;padding:31px;background:#171a2b;border:1px solid #a48be32e;border-radius:23px;box-shadow:0 25px 65px #070a1466}.steps-meta{margin-bottom:27px}.steps-form fieldset{border-color:#ffffff25}.steps-form legend{font-size:clamp(25px,2.6vw,37px);line-height:1.25}.start-form .choice-grid label span{border-radius:15px;padding:16px 18px}.start-form .choice-grid input:checked+span{background:#5d38b355}.start-form input,.start-form textarea,.start-form select{border-radius:12px}.contact-layout--v2{padding-top:15px} @media(max-width:790px){.project-start-layout{display:block}.project-aside{margin-bottom:22px}.start-form{padding:22px}.v13-technology-page .v13-sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:480px){.v13-technology-page .v13-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V14 — editorial photography; natural colors are kept separate from UI accents. */ .v13-service-photo img, .v13-project-photo img, .v13-blog-card > img, .v13-why-visual img{filter:none;object-position:center} .v13-service-photo,.v13-project-photo,.v13-blog-card>img{background:#e9ebf0} .v14-process-image{position:relative;overflow:hidden;border-radius:18px;margin:0 0 22px;max-height:235px;background:#182033;border:1px solid rgba(255,255,255,.16)} .v14-process-image img{display:block;width:100%;height:235px;object-fit:cover;object-position:center 46%;filter:none} .v14-process-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,13,28,.20),transparent 70%)} .v13-why-visual img{object-position:50% 45%} .v13-blog-card>img{object-position:center} @media(max-width:800px){.v14-process-image,.v14-process-image img{max-height:185px;height:185px}} @media(prefers-reduced-motion:reduce){.v13-service-photo img,.v13-project-photo img{transition:none}} /* V16 premium inner pages — one integrated design system, no new frontend stylesheet. */ .v16-page{--v16-ink:#16192b;--v16-muted:#606982;--v16-paper:#fbfcff;--v16-soft:#f1f3f9;--v16-stroke:#dfe4ef;--v16-brand:#7845df;--v16-deep:#0f1226;color:var(--v16-ink);background:var(--v16-paper);overflow:clip} .v16-page *{min-width:0} .v16-page a,.v16-inner-hero a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .35s ease} .v16-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 77% 48%,rgba(128,96,223,.22),transparent 48%),linear-gradient(115deg,#101322,#171631 66%,#121a35);color:#fff;padding:clamp(126px,10vw,162px) 0 clamp(62px,6.2vw,94px)} .v16-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(110deg,transparent 24%,#000 100%)} .v16-hero .rw-container{position:relative;z-index:1} .v16-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:clamp(26px,3.7vw,52px);font-size:12px;color:#b6b8d1;line-height:1.5} .v16-crumb a:hover{color:#fff}.v16-crumb span[aria-current=page]{color:#efebff} .v16-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(30px,5.3vw,82px);align-items:center} .v16-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--v16-brand);font-size:11px;font-weight:850;letter-spacing:.17em;line-height:1.5;text-transform:uppercase} .v16-kicker-line{display:inline-block;width:30px;height:2px;background:#a882ff;border-radius:2px;flex:0 0 auto} .v16-hero .v16-kicker,.v16-dark .v16-kicker,.v16-final-cta .v16-kicker{color:#c8b6ff} .v16-hero h1{font-size:clamp(41px,5.1vw,77px);font-weight:800;line-height:1.08;letter-spacing:-.065em;margin:23px 0 23px;max-width:830px;overflow-wrap:break-word} .v16-lead{color:#c8c9dd;font-size:clamp(16px,1.45vw,20px);line-height:1.7;margin:0;max-width:660px} .v16-hero-copy{padding-block:20px}.v16-hero-footnote{margin:29px 0 0;color:#989ec5;font-size:12px;letter-spacing:.045em} .v16-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:30px} .v16-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:13px 23px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:780;line-height:1.25;text-decoration:none;cursor:pointer;white-space:normal;text-align:center} .v16-btn span{font-size:20px;font-weight:500}.v16-btn:hover{transform:translateY(-3px)} .v16-btn-primary{background:linear-gradient(110deg,#a263ff,#6e57e9);color:#fff!important;box-shadow:0 15px 35px rgba(102,66,215,.22)} .v16-btn-primary:hover{background:linear-gradient(110deg,#b07cff,#7455db)} .v16-btn-ghost{border-color:#8c81af85;color:#fff!important;background:#ffffff08}.v16-btn-ghost:hover{background:#ffffff16;border-color:#c5b8ff} .v16-btn-light{background:#fff;color:#412391!important;box-shadow:0 18px 34px #100c323e}.v16-btn-light:hover{background:#eee8ff} .v16-hero-figure{position:relative;border-radius:25px;aspect-ratio:1.34;overflow:hidden;margin:0;box-shadow:0 35px 85px #03041188;background:#272538;border:1px solid #fff2} .v16-hero-figure img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .75s cubic-bezier(.2,.8,.2,1)} .v16-hero-figure:hover img{transform:scale(1.035)} .v16-hero-figure::after{position:absolute;inset:55% 0 0;content:"";background:linear-gradient(0deg,#0e101db7,transparent);pointer-events:none} .v16-hero-figure figcaption{position:absolute;z-index:1;bottom:22px;left:25px;right:25px;color:#fff;font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase} .v16-hero-figure figcaption span{color:#a98dff} .v16-inner-hero:not(.v16-inner-hero-image){padding-bottom:70px}.v16-inner-hero:not(.v16-inner-hero-image) .v16-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,.4fr)} .v16-hero-decoration{position:relative;display:grid;place-items:center;min-height:225px;overflow:hidden} .v16-hero-decoration>span{font-size:clamp(120px,18vw,255px);font-weight:900;line-height:1;color:#fff;opacity:.055;transform:rotate(-12deg);letter-spacing:-.1em} .v16-hero-decoration i{position:absolute;inset:12% 8%;border:1px solid #a88eff29;border-radius:50%;transform:rotate(-30deg)}.v16-hero-decoration i:last-child{inset:24% 18%;transform:rotate(35deg)} .v16-feature-strip{background:#17162e;color:#e9e3ff;border-top:1px solid #8b73d52b;border-bottom:1px solid #8b73d52b} .v16-feature-strip-inner{min-height:73px;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,55px);flex-wrap:wrap;padding-block:12px;font-size:12px;font-weight:720;letter-spacing:.03em;text-align:center} .v16-feature-strip i{font-style:normal;color:#9a72ee} .v16-section{padding:clamp(65px,7.7vw,112px) 0} .v16-paper{background:var(--v16-paper);color:var(--v16-ink)}.v16-soft{background:var(--v16-soft);color:var(--v16-ink)}.v16-dark{background:radial-gradient(circle at 100% 0%,#47307d58,transparent 46%),#121528;color:#fff} .v16-section h2{font-size:clamp(29px,3.5vw,53px);font-weight:800;line-height:1.14;letter-spacing:-.055em;margin:14px 0 24px;overflow-wrap:break-word} .v16-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px} .v16-section-head>div{max-width:740px}.v16-section-head>p{color:var(--v16-muted);max-width:355px;margin:0;font-size:15px;line-height:1.76} .v16-dark .v16-section-head>p{color:#babbd2} .v16-split-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,7vw,115px);align-items:start;margin-bottom:clamp(32px,5vw,65px)} .v16-intro-side{border-left:2px solid #a87df0;padding:7px 0 7px 28px} .v16-intro-side p,.v16-editorial-aside p{font-size:clamp(15px,1.3vw,18px);line-height:1.82;color:var(--v16-muted)} .v16-text-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid currentColor;color:#7146c9;font-weight:800;font-size:13px;padding:0 0 7px;line-height:1.5;text-decoration:none} .v16-text-link:hover{color:#4923a0;transform:translateX(3px)}.v16-dark .v16-text-link{color:#d0b9ff} .v16-cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.v16-cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .v16-benefit{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--v16-stroke);background:#fff;padding:clamp(22px,2.6vw,37px);border-radius:18px;min-height:174px;transition:box-shadow .3s,transform .3s} .v16-benefit:hover,.v16-value:hover{box-shadow:0 15px 45px rgba(36,31,82,.08);transform:translateY(-3px)} .v16-num{font-size:11px;letter-spacing:.1em;color:#7949d5;font-weight:850;white-space:nowrap}.v16-benefit .v16-num{padding-top:5px} .v16-benefit h3{font-size:clamp(18px,1.55vw,23px);letter-spacing:-.04em;margin:0 0 11px;line-height:1.25}.v16-benefit p{font-size:14px;color:#626b7f;line-height:1.75;margin:0} .v16-mini-arrow{color:#9d83e4;margin-left:auto;font-size:18px} .v16-editorial-grid{display:grid;grid-template-columns:minmax(240px,.36fr) minmax(0,.64fr);gap:clamp(35px,8vw,120px);align-items:start} .v16-editorial-aside{position:sticky;top:118px}.v16-editorial-aside h2{font-size:clamp(29px,3.3vw,46px)} .v16-editorial-aside>.v16-text-link{margin-top:15px} .v16-richtext{font-size:clamp(16px,1.3vw,18px);line-height:1.94;color:#424c62;overflow-wrap:anywhere} .v16-richtext>:first-child{margin-top:0}.v16-richtext h2{font-size:clamp(25px,2.3vw,34px);color:#171a2b;line-height:1.25;margin:35px 0 16px;letter-spacing:-.045em} .v16-richtext h3{font-size:clamp(21px,1.9vw,27px);color:#171a2b;letter-spacing:-.035em;margin:28px 0 13px} .v16-richtext p{margin:0 0 20px}.v16-richtext ul,.v16-richtext ol{padding-left:25px;margin:0 0 25px}.v16-richtext li{padding-left:5px;margin:8px 0}.v16-richtext a{color:#693fd1;text-decoration:underline} .v16-dark .v16-richtext{color:#d6d6e5}.v16-dark .v16-richtext h2,.v16-dark .v16-richtext h3{color:#fff} .v16-dark-card{border:1px solid #b8a4ea30;border-radius:20px;padding:clamp(24px,3vw,38px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);transition:transform .3s,border-color .3s} .v16-dark-card:hover{transform:translateY(-4px);border-color:#a98de27d}.v16-dark-card>span{color:#bc9cff;font-size:12px;font-weight:790}.v16-dark-card h3{font-size:clamp(21px,2vw,29px);line-height:1.27;letter-spacing:-.04em;margin:39px 0 16px} .v16-dark-card p{color:#c4c2d7;font-size:15px;line-height:1.78;margin:0} .v16-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .v16-timeline article{position:relative;border-top:1px solid #bdc1d4;padding:28px 4px 5px} .v16-timeline article:after{content:"↗";color:#9470d2;position:absolute;top:18px;right:10px}.v16-timeline article:last-child:after{content:""} .v16-step-number{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#f0eafe;color:#7543c9;font-size:15px;font-weight:900;margin-bottom:25px} .v16-timeline h3{font-size:clamp(20px,1.8vw,25px);letter-spacing:-.04em;line-height:1.3;margin:0 0 13px}.v16-timeline p{color:#626c80;font-size:14px;line-height:1.75;margin:0} .v16-accordion-layout{display:grid;grid-template-columns:minmax(240px,.37fr) minmax(0,.63fr);gap:clamp(35px,8vw,110px);align-items:start} .v16-accordion-layout>div:first-child>p{font-size:16px;color:#636e84;line-height:1.8;max-width:380px} .v16-accordion{border-top:1px solid #dbe0ec}.v16-accordion details{border-bottom:1px solid #dbe0ec}.v16-accordion summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;padding:22px 0;line-height:1.5;color:#1c2133;font-size:clamp(15px,1.35vw,18px);font-weight:750} .v16-accordion summary::-webkit-details-marker{display:none}.v16-accordion summary b{display:grid;place-items:center;margin-left:auto;width:34px;height:34px;border:1px solid #c5cce0;border-radius:50%;flex:0 0 auto;font-size:21px;color:#683cca;font-weight:500;transition:transform .2s,background .2s} .v16-accordion details[open] summary b{transform:rotate(45deg);background:#eee8fb}.v16-accordion details>p,.v16-accordion .v16-faq-rich{color:#636b7d;padding:0 45px 22px;font-size:15px;line-height:1.85;margin:0}.v16-faq-rich p{margin:0 0 10px} .v16-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v16-related-card{display:block;border:1px solid var(--v16-stroke);border-radius:20px;overflow:hidden;color:#171a2b;background:#fff;text-decoration:none} .v16-related-card img{display:block;width:100%;aspect-ratio:1.58;object-fit:cover;transition:transform .6s}.v16-related-card:hover img{transform:scale(1.05)} .v16-related-card>div{padding:19px 22px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px} .v16-related-card h3{font-size:clamp(17px,1.7vw,23px);letter-spacing:-.04em;line-height:1.28;margin:0}.v16-related-card span{color:#744ad0;font-size:22px;flex:0 0 auto} .v16-final-cta{padding:clamp(63px,7vw,105px) 0;background:radial-gradient(circle at 73% 80%,#805de587,transparent 48%),linear-gradient(110deg,#1a1738,#44318c 66%,#2c245f);color:#fff} .v16-final-inner{display:flex;justify-content:space-between;align-items:center;gap:45px} .v16-final-inner>div{max-width:810px}.v16-final-inner h2{font-size:clamp(34px,4.2vw,61px);letter-spacing:-.06em;line-height:1.08;margin:17px 0 16px;color:#fff}.v16-final-inner p{font-size:15px;line-height:1.75;color:#d8cef5;margin:0}.v16-final-inner .v16-btn{flex:0 0 auto} .v16-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px} .v16-list-card{border:1px solid var(--v16-stroke);border-radius:21px;overflow:hidden;background:#fff;color:#171a2b;text-decoration:none;box-shadow:0 12px 32px rgba(23,31,64,.025)} .v16-list-photo{position:relative;aspect-ratio:1.6;overflow:hidden;background:#e7e9f1}.v16-list-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s}.v16-list-card:hover img{transform:scale(1.05)} .v16-list-number{position:absolute;top:18px;left:19px;padding:9px 11px;border-radius:100px;background:#111626d8;color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(10px)} .v16-list-copy{padding:26px 25px 30px}.v16-list-copy h3{font-size:clamp(22px,2vw,29px);line-height:1.26;letter-spacing:-.047em;margin:0 0 12px}.v16-list-copy p{font-size:14px;line-height:1.77;color:#5e687d;margin:0 0 23px;min-height:75px} .v16-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 23px} .v16-project-card{display:block;color:#171b2d;text-decoration:none}.v16-project-photo{position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:20px;background:#e8eaf2} .v16-project-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s}.v16-project-card:hover img{transform:scale(1.04)} .v16-project-arrow{position:absolute;right:20px;bottom:19px;background:#fff;color:#4f2aab;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px} .v16-project-copy{padding:20px 4px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.v16-project-copy h3{font-size:clamp(22px,2.4vw,31px);line-height:1.26;margin:11px 0 9px}.v16-project-copy p{font-size:14px;line-height:1.72;color:#646b80;margin:0}.v16-project-copy>.v16-text-link{flex:0 0 auto} .v16-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v16-blog-card{display:block;color:#171a2c;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--v16-stroke);text-decoration:none} .v16-blog-photo{aspect-ratio:1.54;position:relative;overflow:hidden;background:#e7e9f1}.v16-blog-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.v16-blog-card:hover img{transform:scale(1.04)} .v16-blog-photo>span{position:absolute;right:19px;bottom:17px;background:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#6436c0;font-size:21px} .v16-blog-copy{padding:25px 26px 29px}.v16-blog-copy h3{font-size:clamp(20px,2vw,26px);line-height:1.3;letter-spacing:-.04em;margin:14px 0 11px}.v16-blog-copy p{font-size:14px;line-height:1.75;color:#647084;margin:0 0 19px} .v16-article-grid{display:grid;grid-template-columns:minmax(200px,.25fr) minmax(0,.75fr);gap:clamp(32px,7vw,100px)}.v16-article-aside{position:sticky;top:120px}.v16-info-row{display:grid;gap:6px;border-top:1px solid #d9ddeb;padding:17px 0}.v16-info-row small{font-size:12px;color:#737b8e}.v16-info-row strong{font-size:16px;line-height:1.45;color:#1f263a;font-weight:740} .v16-article-aside>.v16-text-link{margin-top:28px}.v16-article-copy{max-width:840px;font-size:clamp(17px,1.37vw,20px);line-height:1.95} .v16-article-bottom{background:#eeeef7;border-top:1px solid #d7dbea;padding:22px 0}.v16-article-bottom .rw-container{display:flex;align-items:center;justify-content:space-between;gap:15px}.v16-article-bottom p{margin:0;font-size:14px;color:#555d72} .v16-case-extra{margin:0;border:1px solid #d8dce8;border-radius:22px;overflow:hidden;background:#e6eaf4;max-height:720px}.v16-case-extra img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain} .v16-empty{padding:65px;border:1px solid #dfe2ec;border-radius:23px;background:linear-gradient(125deg,#fff,#f5f0ff);max-width:960px}.v16-empty>span{font-size:43px;color:#8b5bdc}.v16-empty h2{font-size:clamp(29px,3vw,44px);margin:15px 0 18px}.v16-empty p{font-size:16px;color:#626c84;max-width:660px}.v16-empty .v16-btn{margin-top:13px} .v16-pagination{display:flex;justify-content:center;gap:11px;background:#fbfcff;padding:0 0 48px}.v16-pagination a{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfe4ef;border-radius:14px;color:#55429f;background:#fff;font-weight:800}.v16-pagination a[aria-current=page]{color:#fff;background:#7147d7;border-color:#7147d7} .v16-value{border:1px solid var(--v16-stroke);border-radius:20px;background:#fff;padding:30px;transition:transform .25s,box-shadow .25s}.v16-value>span{color:#7950d9;font-size:12px;font-weight:830}.v16-value h3{font-size:25px;line-height:1.25;margin:25px 0 12px}.v16-value p{color:#626c82;font-size:15px;line-height:1.76;margin:0} .v16-about-specialties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v16-about-specialties a{display:flex;justify-content:space-between;align-items:center;padding:28px 24px;border:1px solid #ffffff22;border-radius:16px;font-weight:750;font-size:clamp(17px,2vw,26px);color:#fff}.v16-about-specialties a:hover{background:#ffffff12;color:#e7d9ff} .v16-tech-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.v16-tech-tile{display:grid;place-items:center;gap:18px;min-height:156px;background:#fff;border:1px solid var(--v16-stroke);border-radius:17px;text-align:center;padding:22px}.v16-tech-tile img{max-width:70px;max-height:70px;object-fit:contain}.v16-tech-tile strong{font-size:15px;color:#1a1f32}.v16-tech-tile>span{font-size:38px;color:#8055d1}.v16-no-data{color:#667084} .v16-contact-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(35px,7vw,100px);align-items:start}.v16-contact-details h2{font-size:clamp(30px,3.5vw,52px)}.v16-contact-details>p{font-size:16px;line-height:1.8;color:#606a7f;margin-bottom:35px} .v16-contact-item{border-top:1px solid #dce1ec;padding:21px 0;display:grid;gap:6px}.v16-contact-item small{color:#7b8093;font-size:12px;letter-spacing:.045em}.v16-contact-item a,.v16-contact-item strong{font-weight:750;font-size:clamp(16px,1.6vw,21px);color:#20263a;line-height:1.5;overflow-wrap:anywhere} .v16-contact-helper{display:flex;align-items:flex-start;gap:17px;border-radius:20px;background:#ece6ff;padding:23px;margin-top:18px}.v16-contact-helper>span{font-size:27px;color:#7a4ad3}.v16-contact-helper h3{font-size:19px;margin:4px 0 9px}.v16-contact-helper p{font-size:14px;color:#59637a;line-height:1.7;margin:0 0 14px} .v16-contact-form{background:#fff;border:1px solid var(--v16-stroke);border-radius:25px;padding:clamp(24px,3.6vw,47px);box-shadow:0 25px 65px rgba(28,30,63,.07);gap:20px} .v16-contact-form h2{font-size:clamp(27px,2.6vw,38px);margin:0 0 9px}.v16-contact-form label{color:#30394e;font-weight:710;font-size:13px} .v16-contact-form input:not([type=checkbox]),.v16-contact-form textarea,.v16-project-wizard .steps-form input:not([type=checkbox]):not([type=radio]),.v16-project-wizard .steps-form textarea,.v16-project-wizard .steps-form select{background:#f8f9fc;color:#1a1e32;border:1px solid #d9dfeb;border-radius:12px} .v16-contact-form input:focus,.v16-contact-form textarea:focus,.v16-project-wizard .steps-form input:focus,.v16-project-wizard .steps-form textarea:focus{outline:2px solid #9371eb;outline-offset:2px} .v16-contact-form .form-grid{grid-template-columns:1fr 1fr;gap:16px}.v16-contact-form .consent{font-size:12px;line-height:1.65;color:#616c82;font-weight:500}.v16-contact-form .consent a{text-decoration:underline;color:#6c40cd} .v16-contact-form .v16-btn{align-self:flex-start}.v16-form-note{color:#748096;font-size:12px;margin:0} .v16-project-wizard{display:grid;grid-template-columns:minmax(225px,.36fr) minmax(0,.64fr);gap:clamp(35px,6vw,90px);align-items:start} .v16-project-wizard .project-aside{top:120px}.v16-project-wizard .project-aside h2{font-size:clamp(29px,3vw,45px);line-height:1.2;color:#191c31} .v16-project-wizard .project-aside .muted{font-size:14px;color:#6d7387;line-height:1.7} .v16-project-wizard .steps-form{background:#fff;border:1px solid var(--v16-stroke);border-radius:23px;padding:clamp(22px,3.6vw,46px);box-shadow:0 25px 65px #1d234410;gap:24px} .v16-project-wizard .steps-form fieldset{margin-bottom:20px;padding:0;border:0} .v16-project-wizard .steps-form legend{font-size:clamp(24px,2.7vw,38px);line-height:1.23;color:#191c31;margin:0 0 27px} .v16-project-wizard .steps-form .steps-meta{border-color:#e0e3ed;color:#7346d0;margin-bottom:20px} .v16-project-wizard .steps-form .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .v16-project-wizard .steps-form .choice-grid label span{border:1px solid #dce1ed;border-radius:13px;color:#262c40;background:#f8f9fc;padding:19px 17px} .v16-project-wizard .steps-form .choice-grid input:checked+span{background:#eee7ff;border-color:#855ddc;color:#4c279a} .v16-project-wizard .steps-form .wizard-back{background:#fff;color:#262a40;border:1px solid #ccd4e5} .v16-project-wizard .steps-form .pill{background:#774ce4;color:#fff;border:0} .v16-project-wizard .steps-form .project-review{color:#242a3b}.v16-project-wizard .steps-form .project-review strong{color:#70798d} .v16-project-wizard .steps-form .consent{color:#2d3547;font-size:13px}.v16-project-wizard .steps-form .consent a{color:#6937c5;text-decoration:underline} .v16-project-wizard .progress-rail{background:#e3e2ee}.v16-project-wizard .progress-rail span{background:#7d4ee5} .v16-page .custom-blocks{background:#fbfcff;color:#182036;padding-top:65px;padding-bottom:85px} .v16-page .custom-block{max-width:1100px;margin:0 auto 35px}.v16-page .custom-block img{max-width:100%;height:auto} @media(max-width:1120px){.v16-service-grid,.v16-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v16-tech-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v16-hero-grid{gap:30px}.v16-final-inner{gap:30px}} @media(max-width:840px){.v16-hero{padding-top:118px;padding-bottom:65px}.v16-hero-grid,.v16-inner-hero:not(.v16-inner-hero-image) .v16-hero-grid,.v16-split-intro,.v16-editorial-grid,.v16-article-grid,.v16-contact-grid,.v16-accordion-layout{grid-template-columns:1fr}.v16-hero-figure{aspect-ratio:1.6}.v16-hero-decoration{display:none}.v16-hero-copy{padding:0}.v16-feature-strip-inner{gap:11px 19px}.v16-feature-strip-inner i{display:none}.v16-feature-strip-inner span{flex:0 1 auto}.v16-editorial-aside,.v16-article-aside{position:static}.v16-cards-3,.v16-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v16-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.v16-final-inner,.v16-section-head{align-items:flex-start;flex-direction:column}.v16-project-wizard{grid-template-columns:1fr}.v16-project-wizard .project-aside{position:static}.v16-article-grid{gap:35px}.v16-article-aside{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:start}.v16-article-aside .v16-info-row{border-top:0}.v16-article-bottom .rw-container{flex-direction:column;align-items:flex-start}.v16-contact-form .form-grid{grid-template-columns:1fr}} @media(max-width:610px){.v16-hero{padding-top:103px;padding-bottom:50px}.v16-hero h1{font-size:clamp(35px,10vw,49px)}.v16-hero-figure{border-radius:17px;aspect-ratio:1.35}.v16-crumb{margin-bottom:26px}.v16-btn{min-height:48px}.v16-feature-strip-inner{font-size:11px}.v16-section{padding:58px 0}.v16-section h2{font-size:clamp(28px,8vw,39px)}.v16-cards-2,.v16-cards-3,.v16-timeline,.v16-service-grid,.v16-project-grid,.v16-blog-grid,.v16-related-grid,.v16-about-specialties{grid-template-columns:1fr}.v16-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v16-tech-tile{min-height:126px;padding:16px}.v16-benefit{padding:22px;min-height:0}.v16-project-copy{align-items:flex-start;flex-direction:column}.v16-project-copy>.v16-text-link{margin-top:8px}.v16-blog-copy{padding:22px}.v16-list-copy p{min-height:0}.v16-final-inner .v16-btn{width:100%}.v16-accordion summary{gap:10px}.v16-accordion details>p,.v16-accordion .v16-faq-rich{padding-left:0;padding-right:0}.v16-accordion summary b{width:30px;height:30px}.v16-contact-form{padding:22px}.v16-project-wizard .steps-form .choice-grid{grid-template-columns:1fr}.v16-empty{padding:35px 24px}.v16-page .custom-blocks{padding-top:40px}.v16-hero-figure figcaption{bottom:12px;left:14px;font-size:10px}} @media(prefers-reduced-motion:reduce){.v16-page a,.v16-inner-hero a,.v16-hero-figure img,.v16-related-card img,.v16-list-photo img,.v16-project-photo img,.v16-blog-photo img{transition:none!important}.v16-hero-figure:hover img,.v16-list-card:hover img,.v16-related-card:hover img,.v16-project-card:hover img,.v16-blog-card:hover img{transform:none!important}} /* V16 independent content container: these pages are outside .rw-home. */ .v16-hero>.rw-container,.v16-page .rw-container,.v16-feature-strip .rw-container{width:100%;max-width:1380px;margin-inline:auto;padding-inline:clamp(22px,4.6vw,74px);box-sizing:border-box} /* V16 form surface adjustment: no dark-on-dark text or doubled layout padding. */ .v16-project-wizard.project-start-layout{width:100%;max-width:none;padding:0} .v16-project-wizard .project-aside{background:#eee9fa;color:#1b2034;border:1px solid #ddd3f0;box-shadow:0 14px 40px #2a1c5b0b} .v16-project-wizard .project-aside .eyebrow{color:#693cc4} .v16-project-wizard .project-aside h2{color:#1b2034} .v16-project-wizard .steps-form .steps-meta{color:#7247d5} /* v17 pre-release: accessible mobile navigation and deterministic two-theme color system */ html,body{max-width:100%;overflow-x:clip} :root{color-scheme:dark;--v17-menu-bg:#101225;--v17-menu-ink:#f6f5ff;--v17-menu-line:#ffffff20;--v17-nav-surface:#101120ed} html[data-theme=light]{color-scheme:light;--v17-menu-bg:#fcfcff;--v17-menu-ink:#161828;--v17-menu-line:#16234620;--v17-nav-surface:#fffffff2} .header{z-index:110;background:var(--v17-nav-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)} .header .brand-logo,.footer--premium .brand-logo{display:block;max-width:205px;max-height:57px;width:auto;height:auto;object-fit:contain} .header .brand,.footer--premium .footer-brand{min-width:0} .header .brand img,.footer--premium .footer-brand img{flex:none} .theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;font-size:19px;line-height:1} html[data-theme=light] .header{color:#181a2f} html[data-theme=dark] .header{color:#f4f3ff} html[data-theme=light] .v16-page .v16-paper,html[data-theme=light] .v13-paper{color:#16192e} html[data-theme=dark] .v16-page .v16-paper,html[data-theme=dark] .v13-paper{color:#18192c} html[data-theme=light] .v16-page .v16-dark,html[data-theme=light] .v16-page .v16-dark *{color:#f6f3ff} html[data-theme=dark] .v16-page .v16-dark,html[data-theme=dark] .v16-page .v16-dark *{color:#f6f3ff} html[data-theme=light] .v16-page a:focus-visible,html[data-theme=dark] .v16-page a:focus-visible,.header button:focus-visible,.header a:focus-visible,.mobile-nav-overlay:focus-visible{outline:3px solid #a478ff;outline-offset:4px} .v17-portfolio-empty{grid-column:1/-1;min-height:250px;padding:45px;border:1px solid #ddd8ed;border-radius:22px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px} .v17-portfolio-empty strong{font-size:clamp(24px,3vw,39px);line-height:1.15;letter-spacing:-.04em}.v17-portfolio-empty p{color:#535972;max-width:570px}.v17-portfolio-action{display:inline-flex;gap:10px;color:#7044cb;font-weight:750} .mobile-nav-top,.mobile-nav-bottom,.mobile-nav-specialties{display:none} .mobile-nav-overlay[hidden]{display:none!important} @media(max-width:900px){ .header{height:74px;min-height:74px;align-items:center;gap:10px;padding-inline:16px} .header.small{height:68px} .header.hidden{transform:none!important} .header .brand-logo{max-width:150px;max-height:45px} .header .brand{font-size:21px;flex-shrink:0;max-width:min(48vw,185px)} .header .brand-symbol{width:38px;height:38px} .nav-actions{gap:10px;margin-left:auto;z-index:114} .nav-actions .language{display:none} .nav-actions .desktop-cta{display:none!important} .nav-actions .icon-button{width:39px;height:39px;display:grid;place-items:center} .menu-button{height:42px;width:44px;min-width:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;z-index:113} .menu-button span{display:block;width:21px;height:2px;background:var(--ink);transition:transform .22s,opacity .22s} .menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)} .menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)} .mobile-nav-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#09091399;backdrop-filter:blur(5px);z-index:106} .nav{position:fixed!important;inset:0 0 0 auto!important;display:flex!important;flex-direction:column;gap:0;align-items:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;width:min(410px,100vw);height:100dvh;max-height:100dvh;min-height:0;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.75,.24,1),visibility .32s;visibility:hidden;opacity:1!important;pointer-events:none;z-index:112;background:var(--v17-menu-bg)!important;color:var(--v17-menu-ink)!important;padding:16px 23px 30px!important;box-shadow:-20px 0 60px #02041452;border-left:1px solid var(--v17-menu-line);border-radius:0;top:0!important;left:auto!important;right:0!important;margin:0!important} .nav.open{transform:translateX(0);visibility:visible;pointer-events:auto} .mobile-nav-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:5px 0 23px;border-bottom:1px solid var(--v17-menu-line);margin-bottom:15px} #nav-close{font-size:28px;width:44px;height:44px;line-height:1;background:transparent;color:var(--v17-menu-ink);border:1px solid var(--v17-menu-line);border-radius:14px;display:grid;place-items:center} .nav>a{display:flex!important;align-items:center;min-height:54px;flex:0 0 auto;padding:13px 2px!important;color:var(--v17-menu-ink)!important;border-bottom:1px solid var(--v17-menu-line);font-size:clamp(17px,4.5vw,23px);font-weight:750;text-decoration:none;letter-spacing:-.03em;transform:none!important;width:100%;line-height:1.3} .nav>a:after{content:'↗';position:static;background:none;height:auto;flex:none;margin-left:auto;font-size:18px;color:#a585ef;transition:none} .mobile-nav-bottom{display:flex;flex-direction:column;gap:15px;padding:24px 0 20px;margin-top:auto} .mobile-nav-bottom>a:first-child{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#a46cf7,#6553dd);padding:16px 19px;border-radius:15px;color:white!important;font-size:15px;font-weight:800;text-decoration:none} .mobile-nav-bottom>a:not(:first-child){color:var(--v17-menu-ink);text-decoration:none;font-weight:650;font-size:13px;padding:6px 2px} body.mobile-menu-open{overflow:hidden!important;touch-action:none} body.mobile-menu-open .nav{touch-action:pan-y} .footer--premium{padding-inline:16px} } @media(max-width:360px){.header .brand{max-width:140px}.nav{padding:12px 18px 26px!important}} @media(prefers-reduced-motion:reduce){.nav{transition:none!important}} /* Official eeDigi SVG: preserve original proportions and color in both themes. */ .header .eedigi-official-logo,.footer--premium .eedigi-official-logo{display:block;width:clamp(145px,13vw,205px);height:auto;max-height:52px;object-fit:contain;filter:none!important;mix-blend-mode:normal!important} @media(max-width:600px){.header .eedigi-official-logo{width:150px}} /* Release editorial polish — original eeDigi identity, accessible light/dark and mobile navigation */ :root{--ee-shadow:0 18px 65px rgba(19,21,57,.12)} html[data-theme=light] .header .brand {background:linear-gradient(145deg,#171b34,#202143);border:1px solid rgba(111,94,239,.2);border-radius:14px;padding:4px 10px;box-shadow:0 7px 24px rgba(27,24,58,.12)} html[data-theme=dark] .header .brand {background:transparent} .header .eedigi-official-logo,.footer--premium .eedigi-official-logo{aspect-ratio:220/52;filter:none!important;transform:none!important} html[data-theme=light] .header .icon-button,html[data-theme=light] .header .menu-button{background:#f4f4fd;color:#171a32;border:1px solid #b5b7d2} html[data-theme=light] .header .menu-button span{background:#171a32} html[data-theme=dark] .header .menu-button{background:#17182d;border-color:#79708b7a} html[data-theme=dark] .header .menu-button span{background:#f6f3ff} html[data-theme=light] .header .nav>a,html[data-theme=light] .header .language{color:#21253a} html[data-theme=dark] .header .nav>a,html[data-theme=dark] .header .language{color:#f3f2fe} html[data-theme=light] .header .desktop-cta{background:#272342;color:#fff} html[data-theme=light] .footer--premium{background:linear-gradient(145deg,#0c1124,#101127);color:#f7f5ff} .footer--premium .footer-contact a{overflow-wrap:anywhere} html[data-theme=light] .footer--premium .footer-grid,html[data-theme=light] .footer--premium .footer-bottom{color:#f3f0ff} html[data-theme=light] .footer--premium .footer-links a{color:#e0dcf7} html[data-theme=light] .footer--premium .footer-contact strong,html[data-theme=light] .footer--premium .footer-contact a{color:#f5f3ff} html[data-theme=light] .footer--premium .footer-badges span{color:#f2eaff} html[data-theme=light] .v16-page .v16-paper .v16-btn,html[data-theme=dark] .v16-page .v16-paper .v16-btn{min-height:44px} /* Light/dark readability for the long-form pages (the editorial paper remains intentionally light). */ html[data-theme=light] .v16-page .v16-soft,html[data-theme=dark] .v16-page .v16-soft {color:#1a1c2d} html[data-theme=light] .v16-page .v16-dark,html[data-theme=dark] .v16-page .v16-dark{background:#17152b} html[data-theme=light] .v16-page .v16-dark .v16-dark-card p{color:#d4c9ec} html[data-theme=light] .v13-paper,html[data-theme=dark] .v13-paper{background:#fbfcff} html[data-theme=light] .v13-paper .v13-eyebrow,html[data-theme=dark] .v13-paper .v13-eyebrow{color:#7648c8} html[data-theme=light] .v13-why,html[data-theme=dark] .v13-why{background:#18152e;color:#f8f5ff} /* Current menu overlays cover the complete viewport, including on fixed headers. */ @media(max-width:900px){ .header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;isolation:auto!important} .header .brand{padding:3px 8px;max-width:190px} .header .eedigi-official-logo{max-height:39px;width:min(160px,45vw)} .nav{overscroll-behavior-y:contain;overscroll-behavior-x:none;scrollbar-width:thin} .mobile-nav-specialties{display:grid;gap:0;padding:23px 2px 18px} .mobile-nav-specialties p{font-size:11px;letter-spacing:.14em;color:#b59af4;margin:0 0 10px;font-weight:800} .mobile-nav-specialties a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;color:var(--v17-menu-ink)!important;font-weight:600;font-size:13px;text-decoration:none;opacity:.9} .mobile-nav-specialties a span{color:#b99cf0} .mobile-nav-bottom{border-top:1px solid var(--v17-menu-line);padding-top:24px;gap:11px} .mobile-nav-bottom a{overflow-wrap:anywhere} html[data-theme=light] .mobile-nav-specialties p{color:#7144b6} .menu-button{touch-action:manipulation} .nav.open{box-shadow:-18px 0 60px #10132b56} body.mobile-menu-open .cookie-consent{z-index:1} } @media(max-width:420px){.header{padding-inline:12px}.nav-actions{gap:7px}.nav{padding:16px 20px 24px!important}.mobile-nav-specialties{padding-top:18px}.nav>a{min-height:49px;font-size:18px}} @media(prefers-reduced-motion:reduce){.nav,.nav *{transition:none!important}} /* V18 — Portfolio expansion and industry icon repairs */ .v13-sector .v18-sector-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border-radius:14px;background:linear-gradient(135deg,#f4edff,#edf1ff);color:#7646d9;flex:none} .v13-sector .v18-sector-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible} .v13-sector{min-height:149px;padding:18px 10px;justify-content:center;transition:transform .22s ease,border-color .22s ease} .v13-sector:hover{transform:translateY(-3px);border-color:#cbb4ef} .v13-project-photo img{object-position:center} .v13-project-grid .v13-project-card{min-width:0} .v16-project-grid img[src*="-mobil.webp"],.v13-project-grid img[src*="-mobil.webp"]{object-fit:contain;background:linear-gradient(135deg,#0c1224,#292250)} .v16-project-grid img[src*="paylasimli-kiralama-sistemi.webp"],.v13-project-grid img[src*="paylasimli-kiralama-sistemi.webp"]{object-fit:contain;background:#f1f5f7} .v13-project-photo:has(.v18-menuflow-fallback),.v16-project-photo:has(.v18-menuflow-fallback){background:linear-gradient(125deg,#171a30,#332258)} .v18-menuflow-fallback{height:100%;display:grid;place-content:center;text-align:center;gap:10px;color:#fff;letter-spacing:-.035em} .v18-menuflow-fallback strong{font-size:clamp(25px,3vw,42px)}.v18-menuflow-fallback small{font-size:12px;color:#d6cdf3;letter-spacing:.12em} @media(max-width:700px){.v13-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v13-sector{min-height:138px}.v13-project-grid{grid-template-columns:1fr 1fr;gap:12px}.v13-project-title h3{font-size:17px}.v13-project-photo{aspect-ratio:1.12}} @media(max-width:400px){.v13-project-grid{grid-template-columns:1fr}.v13-sector h3{font-size:12px}} .v18-portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px;padding:0} .v18-filter-pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:99px;border:1px solid #dce0ee;background:#fff;color:#29304a;font-size:13px;font-weight:750;text-decoration:none;transition:background .2s,border-color .2s,color .2s} .v18-filter-pill:hover{border-color:#bda3ff;background:#f4f0ff;color:#6839cc} .v18-filter-pill.is-active{background:#5225ad;border-color:#5225ad;color:#fff} @media(max-width:600px){.v18-portfolio-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.v18-filter-pill{flex:0 0 auto;font-size:12px;padding:11px 15px}} .v18-inline-icon{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} .v13-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:#ffffff10;border:1px solid #ffffff25;color:#d8bdff} .v18-reason-icon{display:inline-flex;width:34px;height:34px;color:#c89dff;flex:none} .v18-reason-icon .v18-inline-icon{width:26px;height:26px} /* V19 – Distinct product and reference collections; faithful device framing */ .v19-page{color:#121a30;--v19-dark:#0a1224;--v19-accent:#7646da}.v19-section{padding:clamp(52px,6vw,96px) 0}.v19-light{background:linear-gradient(135deg,#fff,#f7f8fe)}.v19-soft{background:#eff2fc}.v19-section-header{margin-bottom:28px}.v19-section-header>p,.v19-kicker{color:#7646da;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.v19-section-header h2{font-size:clamp(28px,3.4vw,50px);max-width:850px;line-height:1.09;letter-spacing:-.04em;margin:8px 0 12px;color:#11182e}.v19-section-header span{display:block;color:#5d6683}.v19-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.v19-filters a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:12px 21px;color:#333e60;background:#fff;border:1px solid #e3e5f0;font-weight:700;transition:background .2s,color .2s}.v19-filters a:hover,.v19-filters a.is-active{background:#171b35;color:white;border-color:#171b35} .v19-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.v19-reference-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:white;border:1px solid #e2e6f2;border-radius:26px;box-shadow:0 16px 50px rgba(24,33,60,.07);overflow:hidden;transition:transform .25s,box-shadow .25s}.v19-reference-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(24,33,60,.13)}.v19-reference-stage{background:linear-gradient(145deg,#e4e8f4,#cfd8e9);min-height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:24px 24px 6px}.v19-reference-card--mobile .v19-reference-stage{background:linear-gradient(135deg,#e8f3f4,#e5e5f8)}.v19-reference-card:nth-child(3n) .v19-reference-stage{background:linear-gradient(135deg,#f0ece6,#dce5ed)}.v19-reference-copy{padding:26px 28px 30px;flex:1}.v19-reference-copy h3,.v19-product-card h3{font-size:clamp(21px,2.2vw,27px);letter-spacing:-.035em;line-height:1.17;margin:10px 0;color:#151e37}.v19-reference-copy p,.v19-product-card p{color:#59657d;line-height:1.65;margin:0 0 18px}.v19-inline-cta{font-weight:750;color:#6a44cb;text-decoration:none;display:inline-block}.v19-reference-card:hover .v19-inline-cta{text-decoration:underline} .v19-device{margin:0;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center}.v19-device--web{padding:20px 6px 0}.v19-monitor{width:min(100%,610px);position:relative;padding-bottom:22px}.v19-monitor-display{border:10px solid #141a26;border-bottom-width:14px;border-radius:16px 16px 6px 6px;background:#111;box-shadow:0 18px 28px rgba(10,21,44,.28);aspect-ratio:16/9;overflow:hidden;display:flex;align-items:stretch}.v19-monitor-display img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.v19-monitor-lip{height:8px;background:linear-gradient(90deg,#697283,#dbe1ed 48%,#596677);border-radius:0 0 10px 10px}.v19-monitor-stem{width:17%;height:39px;background:linear-gradient(90deg,#5b6473,#c1cad4 50%,#545e70);margin:auto}.v19-monitor-foot{width:42%;height:8px;margin:auto;background:linear-gradient(180deg,#bbc3d0,#667080);border-radius:90% 90% 4px 4px;box-shadow:0 8px 11px rgba(15,23,45,.18)} .v19-device--mobile{padding:10px 0;min-height:330px}.v19-phone{position:relative;width:min(40%,182px);min-width:142px;aspect-ratio:0.48;border:5px solid #252b36;background:#12151c;border-radius:29px;padding:5px;box-shadow:14px 16px 30px rgba(16,27,49,.26),inset 0 0 0 1px #b0b6c5}.v19-phone-display{position:absolute;inset:8px 6px;border-radius:20px;overflow:hidden;background:#fff}.v19-phone-display img{display:block;width:100%;height:100%;object-fit:fill}.v19-phone-island{position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);width:26%;height:8px;border-radius:999px;background:#16181f;box-shadow:0 0 0 1px #555a65}.v19-phone-chin{position:absolute;bottom:8px;left:42%;width:16%;height:3px;border-radius:999px;background:#686c78} .v19-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.v19-product-card{display:block;background:white;border:1px solid #e2e6f2;border-radius:24px;overflow:hidden;padding-bottom:25px;text-decoration:none;box-shadow:0 16px 46px rgba(24,33,60,.07);transition:transform .22s}.v19-product-card:hover{transform:translateY(-4px)}.v19-product-art{aspect-ratio:16/9;background:linear-gradient(115deg,#11192e,#2c2460);overflow:hidden;display:grid;place-items:center}.v19-product-art img{display:block;width:100%;height:100%;object-fit:cover}.v19-product-meta,.v19-product-card h3,.v19-product-card p,.v19-product-card>.v19-inline-cta{margin-left:25px;margin-right:25px}.v19-product-meta{display:flex;justify-content:space-between;margin-top:21px;color:#7544cf;font-size:12px;font-weight:800;letter-spacing:.11em}.v19-no-image{color:#fff;font-size:clamp(36px,5vw,70px);font-weight:800;letter-spacing:-.05em}.v19-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:start;gap:clamp(25px,4vw,70px)}.v19-detail-main{min-width:0}.v19-detail-main .v16-richtext{color:#24304a}.v19-detail-main .v16-richtext *{color:inherit}.v19-detail-side{border:1px solid #e1e6f0;border-radius:24px;overflow:hidden;background:white;box-shadow:0 20px 50px rgba(25,32,58,.08)}.v19-detail-device-stage{background:linear-gradient(145deg,#e8eaf2,#cbd6e4);padding:26px 18px 10px;min-height:330px;display:flex;align-items:center}.v19-detail-device-stage .v19-device--mobile .v19-phone{width:190px}.v19-product-hero{aspect-ratio:16/9;background:linear-gradient(145deg,#0c142a,#393265);display:grid;place-items:center}.v19-product-hero img{width:100%;height:100%;object-fit:contain}.v19-side-body{padding:25px}.v19-side-body strong{font-size:21px;letter-spacing:-.02em}.v19-side-body p{color:#55617e;line-height:1.65}.v19-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v19-related-grid a{display:block;background:white;text-decoration:none;color:#13203a;border-radius:18px;overflow:hidden;border:1px solid #e1e5f0;padding-bottom:18px}.v19-related-grid a>div{aspect-ratio:16/9;background:#1c2342;display:grid;place-items:center}.v19-related-grid img{width:100%;height:100%;object-fit:cover}.v19-related-grid h3{font-size:19px;margin:18px 17px 6px}.v19-related-grid p{font-size:14px;line-height:1.5;color:#5d6880;margin:0 17px}.v19-page .v16-final-cta{margin-top:0} @media(max-width:900px){.v19-reference-grid,.v19-product-grid{grid-template-columns:1fr 1fr;gap:16px}.v19-detail-grid{grid-template-columns:1fr}.v19-detail-side{max-width:650px}.v19-related-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.v19-reference-grid,.v19-product-grid,.v19-related-grid{grid-template-columns:1fr}.v19-reference-stage{min-height:290px;padding:14px 14px 0}.v19-device--mobile{min-height:280px}.v19-phone{width:146px;min-width:146px}.v19-reference-copy{padding:22px}.v19-section{padding:50px 0}.v19-filters a{font-size:13px;padding:10px 14px}.v19-monitor-stem{height:26px}.v19-detail-device-stage{min-height:275px}.v19-reference-stage .v19-phone{width:146px}} @media(prefers-reduced-motion:reduce){.v19-reference-card,.v19-product-card{transition:none}} /* V19 reference cards on homepage keep original screenshots in device frames. */ .v13-project-photo.v19-home-device-stage{height:auto;aspect-ratio:1.33;display:flex;justify-content:center;align-items:center;position:relative;padding:14px 11px 0;background:linear-gradient(135deg,#dfe7f2,#d0d7e9);overflow:hidden} .v19-home-device-stage .v19-device--web{padding:0 4px}.v19-home-device-stage .v19-monitor{width:100%;padding-bottom:12px}.v19-home-device-stage .v19-monitor-display{border-width:6px;border-bottom-width:8px;border-radius:11px 11px 4px 4px}.v19-home-device-stage .v19-monitor-stem{height:18px}.v19-home-device-stage .v19-phone{width:92px;min-width:92px;border-radius:21px;border-width:3px;padding:2px}.v19-home-device-stage .v19-phone-display{inset:5px 3px;border-radius:16px}.v19-home-device-stage .v19-phone-island{top:8px;height:5px} .v19-monitor-display img{object-fit:contain;background:#edf0f5}.v19-phone-display img{object-fit:contain;background:#fff} .v19-product-card:has(img[src*="paylasimli-kiralama-sistemi"]) .v19-product-art img{object-fit:contain} @media(max-width:700px){.v13-project-photo.v19-home-device-stage{aspect-ratio:1.35}.v19-home-device-stage .v19-monitor-stem{height:12px}.v19-home-device-stage .v19-phone{min-width:78px;width:78px}} /* V20: shared editorial geometry. V19 scoped rw-container to .rw-home, so new inner pages lost margins. */ .v19-page{width:100%;overflow:clip;background:#fff;color:#151b30} .v19-page .rw-container,.v16-hero>.rw-container,.v16-page .rw-container,.v13-inner-header .rw-container,.v13-portfolio-page .rw-container,.v13-service-index .rw-container,.v16-final-cta .rw-container{ width:100%;max-width:1376px;margin-inline:auto;padding-inline:clamp(20px,5.2vw,82px);box-sizing:border-box; } .v19-page .v19-section{padding-block:clamp(58px,6.5vw,102px)} .v19-page .v19-light{background:linear-gradient(160deg,#fbfcff 0%,#f4f6fc 100%)} .v19-page .v19-soft{background:#eef1f8} .v19-page .v19-section-header{max-width:790px;margin-bottom:34px} .v19-page .v19-section-header h2{font-weight:800;letter-spacing:-.045em;line-height:1.11} .v19-page .v19-filters{gap:11px;margin:0 0 37px} .v19-page .v19-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,33px)} .v19-page .v19-reference-card{min-width:0;border-radius:25px;outline-offset:4px} .v19-page .v19-reference-stage{min-height:clamp(265px,29vw,410px);height:clamp(265px,29vw,410px);padding:clamp(14px,2.7vw,32px) 22px 8px} .v19-page .v19-reference-stage .v19-device{height:100%;margin:0} .v19-page .v19-reference-stage .v19-device--web{padding-top:0} .v19-page .v19-reference-stage .v19-monitor{max-width:530px} .v19-page .v19-reference-stage .v19-phone{width:clamp(115px,13vw,176px);min-width:0} .v19-page .v19-reference-copy{padding:clamp(20px,2.3vw,29px)} .v19-page .v19-reference-copy p{max-width:54ch} .v19-page .v19-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,4.5vw,75px);align-items:start} .v19-page .v19-detail-main{min-width:0;max-width:690px} .v19-page .v19-detail-main .v19-kicker{margin-bottom:17px} .v19-page .v19-detail-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.7;color:#444e68;margin-bottom:32px} .v19-page .v19-detail-main .v16-richtext{font-size:16px;line-height:1.87;color:#35415b;overflow-wrap:anywhere} .v19-page .v19-detail-main .v16-richtext h2{color:#171e33;font-size:clamp(25px,2.3vw,35px);letter-spacing:-.04em;line-height:1.25;margin:34px 0 15px} .v19-page .v19-detail-main .v16-richtext h3{color:#171e33;font-size:clamp(20px,1.7vw,26px);line-height:1.3;margin:27px 0 12px} .v19-page .v19-detail-main .v16-richtext p{margin-bottom:19px} .v19-page .v19-detail-main .v16-richtext ul{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:11px} .v19-page .v19-detail-main .v16-richtext li{position:relative;margin:0;padding:12px 16px 12px 48px;background:#fff;border:1px solid #e3e8f2;border-radius:13px;color:#2d3852;box-shadow:0 6px 22px #1b31500a} .v19-page .v19-detail-main .v16-richtext li:before{content:'✓';display:grid;place-items:center;position:absolute;left:15px;top:12px;width:23px;height:23px;border-radius:7px;background:#eee6ff;color:#6541c5;font-size:14px;font-weight:900} .v19-page .v19-detail-main>.v19-inline-cta{margin-top:22px;padding:13px 0;border-bottom:1px solid #7453bd} .v19-page .v19-detail-side{position:sticky;top:108px;min-width:0;box-shadow:0 24px 75px rgba(27,38,80,.10)} .v19-page .v19-detail-device-stage{height:clamp(360px,37vw,540px);min-height:0;padding:24px 24px 8px;overflow:hidden} .v19-page .v19-detail-device-stage>.v19-device{height:100%} .v19-page .v19-detail-device-stage .v19-phone{width:clamp(175px,18vw,255px);min-width:0;max-height:95%} .v19-page .v19-detail-device-stage .v19-monitor{max-width:650px} .v19-page .v19-side-body{padding:23px 28px 29px} .v19-page .v19-side-body p{margin:12px 0 0} .v19-page .v19-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .v19-page .v19-related-grid a{min-width:0;box-shadow:0 12px 30px #14213b0c} .v19-page .v19-related-grid a>div{height:auto;aspect-ratio:16/10;background:#e1e6f1;padding:14px} .v19-page .v19-related-grid img{object-fit:contain;background:transparent;border-radius:8px} .v19-page .v19-device--mobile{min-height:0} .v19-page .v19-phone{aspect-ratio:0.48;max-height:100%;flex:0 0 auto} .v19-page .v19-phone-display img{object-fit:fill} .v19-page .v19-monitor-display img{object-fit:contain} .v19-page .v19-product-grid{min-width:0} .v19-page .v19-product-card{min-width:0} .v19-page .v19-product-art img{object-fit:contain} @media(max-width:950px){ .v19-page .v19-detail-grid{grid-template-columns:1fr;gap:34px} .v19-page .v19-detail-main{max-width:unset} .v19-page .v19-detail-side{position:static;max-width:740px;width:100%;margin-inline:auto} .v19-page .v19-reference-grid{gap:15px} } @media(max-width:700px){ .v19-page .v19-reference-grid,.v19-page .v19-product-grid,.v19-page .v19-related-grid{grid-template-columns:1fr} .v19-page .v19-reference-stage{height:320px;min-height:320px} .v19-page .v19-detail-device-stage{height:390px;padding:17px 12px 5px} .v19-page .v19-detail-device-stage .v19-phone{width:180px} .v19-page .v19-reference-stage .v19-phone{width:155px} .v19-page .v19-section{padding-block:55px} .v19-page .v19-detail-main .v16-richtext li{padding:12px 14px 12px 46px} .v19-page .v19-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px} .v19-page .v19-filters a{white-space:nowrap;flex:0 0 auto} } /* Menu button regression: old breakpoint was 790px, but V17 drawer starts at 900px. */ @media(max-width:900px){ .header #menu-toggle.menu-button{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 44px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;position:relative!important;z-index:150!important;padding:7px!important;background:#f2f3fb!important;border:1px solid #b6bed5!important;border-radius:12px!important;box-shadow:0 4px 16px #101d3520!important} .header #menu-toggle.menu-button span{width:23px!important;height:3px!important;min-height:3px!important;margin:0!important;display:block!important;border-radius:4px!important;background:#11192b!important;opacity:1!important;transform-origin:center;box-shadow:none!important} .header #menu-toggle.menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)!important} .header #menu-toggle.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)!important} .header #menu-toggle.menu-button:focus-visible{outline:3px solid #9c78ec!important;outline-offset:3px!important} .header .nav-actions{display:flex!important;align-items:center;flex-shrink:0;position:relative;z-index:150} .header .brand{min-width:0} } @media(min-width:901px){.header #menu-toggle.menu-button{display:none!important}} /* Avoid browser-specific styling of interior light surfaces after a dark-theme switch. */ html[data-theme=dark] .v19-page,html[data-theme=light] .v19-page{color:#172037} html[data-theme=dark] .v19-page .v19-light,html[data-theme=light] .v19-page .v19-light{background:linear-gradient(160deg,#fbfcff,#f4f6fc)} html[data-theme=dark] .v19-page .v19-soft,html[data-theme=light] .v19-page .v19-soft{background:#eef1f8} html[data-theme=dark] .v19-page a,html[data-theme=light] .v19-page a{color:inherit} html[data-theme=dark] .v19-page .v19-inline-cta,html[data-theme=light] .v19-page .v19-inline-cta{color:#6237bd} html[data-theme=dark] .v19-page .v19-filters .is-active,html[data-theme=light] .v19-page .v19-filters .is-active{color:#fff} /* v21 — Contact fields: explicit specificity beats the inherited dark .agency-form input rule. */ .v16-page .agency-form.v16-contact-form input:not([type="checkbox"]):not([type="radio"]), .v16-page .agency-form.v16-contact-form textarea{background:#f8f9fc;color:#18243a;border:1px solid #cfd7e6;box-shadow:none;color-scheme:light} .v16-page .agency-form.v16-contact-form input:not([type="checkbox"]):not([type="radio"])::placeholder, .v16-page .agency-form.v16-contact-form textarea::placeholder{color:#68758b;opacity:1} .v16-page .agency-form.v16-contact-form input:not([type="checkbox"]):focus-visible, .v16-page .agency-form.v16-contact-form textarea:focus-visible{outline:3px solid rgba(106,70,215,.27);outline-offset:1px;border-color:#7953db} .v16-contact-form .consent{display:block;color:#4b5770}.v16-contact-form .consent input[type="checkbox"]{width:17px;height:17px;accent-color:#7650d6;vertical-align:middle;margin:0 8px 0 0}.v16-form-note{line-height:1.65} /* Accessible native dialog: consistent in both site themes and on small screens. */ .kvkk-dialog{position:fixed;inset:0;margin:auto;width:min(760px,calc(100% - 32px));max-width:760px;max-height:min(86dvh,850px);padding:0;border:1px solid #dbe2ee;border-radius:22px;background:#fff;color:#172338;box-shadow:0 26px 110px rgba(0,0,0,.32);overflow:hidden;color-scheme:light} .kvkk-dialog::backdrop{background:rgba(9,13,32,.75);backdrop-filter:blur(6px)} .kvkk-dialog[open]{display:flex;flex-direction:column} .kvkk-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 30px 18px;border-bottom:1px solid #e8edf5;flex-shrink:0} .kvkk-dialog-header h2{margin:9px 0 0;color:#172338;font-size:clamp(23px,3.5vw,32px);letter-spacing:-.035em} .kvkk-dialog-close{border:1px solid #dfe4ee;background:#f6f7fb;color:#172338;width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1;flex-shrink:0} .kvkk-dialog-close:hover{background:#ece8ff} .kvkk-dialog-content{padding:25px 30px;overflow-y:auto;overscroll-behavior:contain;min-height:120px;color:#26344b;font-size:14px;line-height:1.85} .kvkk-dialog-content .v16-richtext{color:#26344b;max-width:none}.kvkk-dialog-content .v16-richtext h2,.kvkk-dialog-content .v16-richtext h3{color:#15243c;font-size:clamp(19px,2.5vw,25px);margin:22px 0 13px;letter-spacing:-.02em}.kvkk-dialog-content .v16-richtext p,.kvkk-dialog-content .v16-richtext li{color:#354259;line-height:1.8}.kvkk-dialog-content a{color:#633cbe;text-decoration:underline} .kvkk-dialog-footer{border-top:1px solid #e8edf5;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0;font-size:13px} .kvkk-dialog-footer a{color:#6743be;text-decoration:underline}.kvkk-dialog-done{padding:12px 25px;border:0;border-radius:12px;background:#6849cf;color:#fff;font-weight:700} .kvkk-dialog button:focus-visible,.kvkk-dialog a:focus-visible{outline:3px solid #9776eb;outline-offset:3px} @media(max-width:600px){.kvkk-dialog{max-height:90dvh;width:calc(100% - 20px);border-radius:16px}.kvkk-dialog-header{padding:18px 18px 14px}.kvkk-dialog-content{padding:17px 19px;font-size:13px}.kvkk-dialog-footer{padding:13px 18px}}