@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101323;--panel:#171c30;--panel2:#1c2238;--text:#f4f5fb;--muted:#a8afc4;--cyan:#35c5d7;--purple:#a95ac0;--line:rgba(255,255,255,.12);--grad:linear-gradient(110deg,#b65bbf 0%,#5c8cde 52%,#29c7d4 100%);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(16,19,35,.88);backdrop-filter:blur(18px)}.brand img{width:170px;height:auto;display:block}.nav{display:flex;gap:32px}.nav a,.header-actions{font-size:13px;color:#c5cadd}.nav a:hover,.footer a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:18px}.lang-btn{border:0;background:none;color:#d8dced;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 22px;border:0;border-radius:4px;background:var(--grad);color:#fff;font-weight:700;font-size:13px;letter-spacing:.01em;cursor:pointer;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.1)}.button-small{padding:12px 15px;font-size:12px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:680px;max-width:var(--max);margin:auto;padding:115px 30px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;right:-120px;top:0;background:radial-gradient(circle,rgba(69,110,198,.17),transparent 68%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#9ca8c6}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:9px;box-shadow:0 0 12px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(48px,6vw,76px);margin:26px 0}.hero h1 em,.section h2 em,.manifesto h2 em,.contact h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:17px;line-height:1.8;color:#b4bbce;max-width:510px}.hero-ctas{display:flex;align-items:center;gap:27px;margin-top:34px}.text-link{font-size:12px;color:#d4d9e8}.hero-proof{display:flex;gap:35px;margin-top:76px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font:800 24px Manrope;background:var(--grad);-webkit-background-clip:text;color:transparent}.hero-proof span{font-size:10px;color:#9da6bd}.hero-art{height:480px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(89,162,211,.24);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:410px;height:280px}.orbit-two{width:500px;height:370px;transform:rotate(35deg);border-color:rgba(171,94,194,.25)}.orbit-core{width:220px;height:220px;border:1px solid rgba(63,197,214,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,rgba(67,102,167,.3),rgba(16,19,35,.8) 68%);box-shadow:0 0 90px rgba(51,155,206,.15)}.orbit-core img{width:150px}.orbit-core span{font-size:8px;letter-spacing:.3em;color:#aebbd7;margin-top:12px}.float-card{position:absolute;background:rgba(29,35,58,.9);border:1px solid rgba(100,178,213,.25);padding:13px 17px;border-radius:8px;box-shadow:0 15px 50px #090c18;font-size:10px;min-width:150px}.float-card b,.float-card small{display:block}.float-card b{letter-spacing:.12em;margin:4px 0}.float-card small{color:#8f9ab3;font-size:9px}.mini-icon{color:var(--cyan);font-size:19px}.card-a{top:40px;left:12px}.card-b{right:-3px;top:180px}.card-c{left:10px;bottom:52px}.spark{position:absolute;color:var(--cyan);font-size:25px}.spark-a{top:80px;right:70px}.spark-b{bottom:60px;right:50px;color:var(--purple)}.scroll-note{position:absolute;bottom:25px;left:30px;font-size:9px;letter-spacing:.2em;color:#77829f}.scroll-note span{color:var(--cyan);margin-left:12px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 5vw;display:flex;align-items:center;justify-content:center;gap:55px;color:#8791ab}.trust-strip>p{font-size:9px;letter-spacing:.2em;margin:0}.trust-items{display:flex;align-items:center;gap:24px;font:700 11px Manrope;letter-spacing:.15em;color:#c1c7d8}.trust-items i{height:4px;width:4px;border-radius:50%;background:var(--cyan)}.section{max-width:var(--max);margin:auto;padding:115px 30px}.section-kicker{font-size:10px;letter-spacing:.18em;color:#7985a3;font-weight:700}.section-kicker span{color:#c4c9d9}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:55px}.section h2,.manifesto h2,.contact h2{font-size:clamp(42px,5vw,64px);margin:0}.large-copy{font-size:20px;line-height:1.7;color:#e3e6f0}.muted{color:var(--muted);font-size:14px;line-height:1.9}.under-link{display:inline-flex;gap:25px;margin-top:22px;padding-bottom:9px;border-bottom:1px solid #3fc2d2;font-size:12px}.under-link span{color:var(--cyan)}.services-section{padding-top:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin:48px 0 55px}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:290px;padding:28px;background:var(--panel);border:1px solid var(--line);position:relative;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(53,197,215,.6)}.service-card.featured{background:linear-gradient(145deg,#292341,#19253b 75%);border-color:rgba(177,91,193,.45)}.service-no{position:absolute;top:25px;right:25px;font-size:10px;color:#7e8ba8}.service-symbol{font-size:32px;color:var(--cyan);margin:22px 0 27px}.service-card h3{font:700 19px Manrope;letter-spacing:-.03em;margin-bottom:12px}.service-card p{font-size:12px;color:#aab2c7;line-height:1.8;max-width:290px}.service-card>a{position:absolute;bottom:23px;right:25px;color:var(--cyan);font-size:20px}.manifesto{background:linear-gradient(120deg,#1c1b32,#141c32);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-inner{max-width:var(--max);margin:auto;padding:100px 30px}.manifesto h2{margin:45px 0 18px}.manifesto-inner>p{max-width:480px;color:var(--muted);font-size:14px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.steps>div{border-top:1px solid rgba(76,196,214,.55);padding-top:20px}.steps b{font:800 28px Manrope;color:#49c3d2}.steps h3{font:700 18px Manrope;margin:14px 0 8px}.steps p{font-size:12px;color:#9ea8c0;line-height:1.7}.portfolio{padding-bottom:120px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.work-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 13px Manrope;letter-spacing:.22em}.work-one .work-art{background:radial-gradient(circle at 50% 40%,#31547c,#151b31 65%)}.art-screen{border:18px solid #252b42;box-shadow:inset 0 0 0 1px #5b83a7}.art-screen>span{z-index:2;font-size:26px;letter-spacing:.1em}.screen-lines{position:absolute;inset:20% 10%;border:1px solid rgba(84,213,225,.45);transform:skewY(-12deg);box-shadow:0 0 40px rgba(54,193,214,.25)}.work-two .work-art{background:radial-gradient(circle at 65% 30%,#8c4e9e,#23213d 68%)}.social-orb{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid #e0a9e9;display:grid;place-items:center;font-size:42px;color:#fff;box-shadow:0 0 70px #bd61c7}.art-social>span{position:absolute;top:25px;left:25px}.work-three .work-art{background:radial-gradient(circle at 50% 45%,#1c777e,#14243c 72%)}.motion-cube{font-size:100px;color:#a5e5e5;text-shadow:0 0 40px #3ac4d3;transform:rotate(-15deg)}.art-motion>span{position:absolute;top:25px;left:25px}.work-four .work-art{background:radial-gradient(circle at 50% 45%,#51406e,#171b32 70%)}.hospitality-bars{font-size:65px;color:#d3a4dc;letter-spacing:10px;text-shadow:0 0 40px #a95ac0}.art-hospitality>span{position:absolute;top:25px;left:25px}.work-meta{padding:22px 25px}.work-meta>span{font-size:9px;letter-spacing:.17em;color:var(--cyan)}.work-meta h3{font:800 20px Manrope;margin:8px 0}.work-meta p{font-size:12px;color:#aab2c7;margin:0}.portfolio-note{font-size:10px;color:#77839e;margin-top:18px}.cta-band{background:var(--grad);padding:68px max(5vw,30px);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band .eyebrow{color:rgba(255,255,255,.7)}.cta-band h2{font:800 clamp(28px,4vw,44px) Manrope;letter-spacing:-.04em;line-height:1.15;margin:15px 0 0}.button-light{background:#fff;color:#171b30;white-space:nowrap}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:55px}.contact-details{display:flex;flex-direction:column;gap:13px;margin-top:35px;font-size:13px}.contact-details a{color:#e3e7f2}.contact-details a:hover{color:var(--cyan)}.contact-details span{font-size:11px;color:#8e99b2;margin-top:8px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c2c9d9}.contact-form input,.contact-form textarea,.contact-form select{background:#191f33;border:1px solid var(--line);border-radius:3px;padding:14px;color:#fff;outline:none;font-size:12px;width:100%}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f7b96}.contact-form select option{background:#191f33}.full{grid-column:1/-1}.contact-form .button{width:100%}.form-note{font-size:10px;color:#7e8aa4;margin:0}.footer{border-top:1px solid var(--line);padding:42px max(5vw,30px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer .brand img{width:145px}.footer>p{font-size:12px;color:#9ea8c0;margin:0}.footer>div{display:flex;justify-content:flex-end;gap:22px;font-size:11px;color:#aab3c7}.footer small{grid-column:1/-1;color:#66718d;font-size:9px;margin-top:15px}.rtl{direction:rtl;font-family:'DM Sans',sans-serif}.rtl .nav{direction:rtl}.rtl .hero-copy,.rtl .section,.rtl .manifesto-inner,.rtl .contact-grid{text-align:right}.rtl .section-heading{flex-direction:row-reverse}.rtl .service-no{right:auto;left:25px}.rtl .service-card>a{right:auto;left:25px}.rtl .scroll-note{left:auto;right:30px}.rtl .float-card{text-align:right}.rtl .card-a{left:auto;right:12px}.rtl .card-c{left:auto;right:10px}.rtl .card-b{right:auto;left:-3px}.rtl .contact-form{text-align:right}.rtl .footer{direction:rtl}.rtl .footer>div{justify-content:flex-start}
@media(max-width:900px){.nav{gap:16px}.nav a{font-size:11px}.header-actions .button{display:none}.hero{grid-template-columns:1fr;padding-top:85px}.hero-art{height:390px;margin-top:25px}.hero-copy{position:relative;z-index:2}.trust-strip{flex-direction:column;gap:15px}.intro-grid{gap:45px}.contact-grid{gap:40px}.steps{gap:16px}}
@media(max-width:650px){.site-header{height:72px;padding:0 20px}.brand img{width:140px}.menu-toggle{display:block;order:3}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#14192b;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.header-actions{margin-left:auto;margin-right:15px}.lang-btn{font-size:11px}.hero{padding:75px 22px 65px;min-height:auto}.hero h1{font-size:49px}.hero-lead{font-size:15px}.hero-ctas{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{gap:20px;margin-top:50px}.hero-proof strong{font-size:20px}.hero-proof span{font-size:9px}.hero-art{height:320px;transform:scale(.82);margin:-5px -35px}.orbit-one{width:340px;height:230px}.orbit-two{width:390px;height:300px}.orbit-core{width:180px;height:180px}.float-card{min-width:130px;padding:10px}.card-a{left:0}.card-b{right:-3px}.card-c{left:0}.scroll-note{left:22px}.trust-strip{padding:22px 15px}.trust-strip>p{text-align:center;line-height:1.7}.trust-items{gap:12px;font-size:9px}.section{padding:78px 22px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.section h2,.manifesto h2,.contact h2{font-size:44px}.large-copy{font-size:17px}.services-section{padding-top:30px}.section-heading{display:block;margin:35px 0}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-symbol{margin:8px 0 18px}.manifesto-inner{padding:75px 22px}.steps{grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:45px}.work-grid{grid-template-columns:1fr}.work-art{height:220px}.cta-band{padding:55px 22px;display:block}.cta-band .button{margin-top:28px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.footer{grid-template-columns:1fr;gap:15px;padding:35px 22px}.footer>div{justify-content:flex-start;flex-wrap:wrap}.footer small{grid-column:auto}.rtl .scroll-note{right:22px}.rtl .hero-ctas{align-items:flex-start}.rtl .section-heading{display:block}.rtl .footer>div{justify-content:flex-start}}

/* ONDIMA 2026 — Creative Marketing UX refresh */
:root{--bg:#1d3549;--panel:#233f55;--line:rgba(255,199,35,.22);--cyan:#ffc323;--purple:#ffc323;--muted:#c0ccd5;--grad:linear-gradient(120deg,#ffc323,#f4a900)}
html{scroll-behavior:smooth}body{background:#1d3549;color:#f7f8fa}
.site-header{height:88px;padding:0 clamp(22px,4vw,64px);background:#1d3549;border-bottom:1px solid rgba(255,255,255,.06)}
.brand img{width:166px;filter:brightness(0) invert(1)}.nav a{color:#d2dce3;font-size:12px}.nav a:hover,.nav a:focus{color:#ffc323}
.header-actions{gap:14px}.lang-btn{border:1px solid #ffc323;color:#ffc323;border-radius:999px;padding:10px 17px}
.button{background:#ffc323;color:#1d3549;border:1px solid #ffc323;border-radius:999px;box-shadow:none}.button:hover{background:#ffd34e;color:#1d3549;transform:translateY(-2px)}
.button-small{padding:11px 20px}.menu-toggle{color:#ffc323;border:1px solid #ffc323;border-radius:50%;width:42px;height:42px}
.hero{max-width:1500px;min-height:660px;padding:100px clamp(24px,5vw,76px) 78px;grid-template-columns:.9fr 1.1fr;gap:3vw;background:#1d3549;overflow:hidden}
.hero-glow{background:radial-gradient(circle,rgba(255,195,35,.12),transparent 65%);width:700px;height:700px;right:-150px;top:-70px}
.eyebrow{color:#ffc323;letter-spacing:.16em}.eyebrow span{background:#ffc323;box-shadow:0 0 16px #ffc323}
.hero h1,.hero-title{font-size:clamp(64px,8.2vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:900;color:#f8f9fb}
.hero-title span{color:#ffc323}.hero-title em{color:#fff;font-style:normal}
.hero-lead{max-width:440px;color:#c0ccd5;font-size:14px;line-height:1.9}.hero-ctas{gap:24px;margin-top:32px}
.text-link{color:#f5f7f9;border-bottom:1px solid rgba(255,195,35,.7)}
.hero-proof{gap:30px;margin-top:65px}.hero-proof>div{border-left:2px solid #ffc323;padding-left:13px}
.hero-proof strong{color:#ffc323;font-size:25px}.hero-proof span{color:#b8c7d1}
.hero-art.hero-showcase{height:475px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.showcase-blob{position:absolute;z-index:-2;width:min(88%,570px);height:390px;background:#ffc323;border-radius:44% 56% 58% 42% / 46% 42% 58% 54%;transform:rotate(-10deg);box-shadow:0 25px 90px rgba(255,195,35,.16)}
.showcase-orbit{position:absolute;z-index:-1;width:94%;height:82%;border:1px solid rgba(255,255,255,.85);border-radius:48% 52% 43% 57% / 55% 42% 58% 45%;transform:rotate(8deg)}
.showcase-panel{width:min(82%,470px);min-height:340px;background:#f4f4ef;color:#1d3549;border-radius:20px;padding:17px;box-shadow:0 28px 70px rgba(3,15,25,.3);transform:rotate(-3deg)}
.showcase-top{display:flex;justify-content:space-between;color:#53697a;font:700 9px Manrope,sans-serif;letter-spacing:.12em}
.showcase-window{margin-top:22px;min-height:245px;background:linear-gradient(145deg,#213d52,#10283c);border-radius:13px;padding:20px 22px;color:#fff;position:relative;overflow:hidden}
.showcase-window:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,195,35,.65);border-radius:50%;right:-40px;top:30px;box-shadow:0 0 0 18px rgba(255,195,35,.06),0 0 0 38px rgba(255,195,35,.04)}
.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ffc323}
.window-kicker{margin-top:27px;color:#ffc323;font-size:9px;letter-spacing:.2em}
.window-word{font:900 clamp(35px,5vw,58px)/.9 Manrope,sans-serif;letter-spacing:-.07em;margin-top:13px;position:relative;z-index:1}.window-word b{color:#ffc323}
.window-bottom{position:absolute;bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;color:#b9c9d4;font:700 8px Manrope;letter-spacing:.12em}
.showcase-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 3px 0}
.showcase-caption b{font:800 13px Manrope}.showcase-caption span{font-size:9px;color:#718493}
.float-chip{position:absolute;background:#1b3549;color:#ffc323;border:1px solid #ffc323;border-radius:999px;padding:12px 16px;font:800 10px Manrope;letter-spacing:.08em;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.chip-one{top:50px;left:1%}.chip-two{right:-1%;top:47%}.chip-three{bottom:20px;left:7%}
.scroll-note{color:#aab9c4}.scroll-note span{color:#ffc323}
.trust-strip{background:#172e41;border-color:rgba(255,255,255,.08);color:#aebdc8}.trust-items{color:#f3f5f6}.trust-items i{background:#ffc323}
.section{padding-top:112px;padding-bottom:112px}.section-kicker{color:#ffc323}.section-kicker span{color:#d7e0e5}
.section h2,.manifesto h2,.contact h2{color:#f8f9fa}.section h2 em,.manifesto h2 em,.contact h2 em{color:#ffc323}
.large-copy{color:#f0f3f4}.muted,.section-heading>p{color:#b8c7d1}.under-link{border-color:#ffc323}.under-link span{color:#ffc323}
.service-card{background:#203b50;border-color:rgba(255,255,255,.1);border-radius:14px}.service-card:hover{border-color:#ffc323}
.service-card.featured{background:linear-gradient(145deg,#29475d,#172f43);border-color:rgba(255,195,35,.55)}
.service-symbol,.service-card>a,.service-no{color:#ffc323}
.manifesto{background:#172e41;border-color:rgba(255,255,255,.08)}.steps>div{border-color:rgba(255,195,35,.65)}.steps b{color:#ffc323}
.work-card{background:#203b50;border-color:rgba(255,255,255,.1);border-radius:14px}.work-meta>span{color:#ffc323}
.cta-band{background:#ffc323;color:#1d3549}.cta-band .eyebrow,.cta-band h2{color:#1d3549}.button-light{background:#1d3549;color:#ffc323;border-color:#1d3549}
.contact-details a{color:#f4f6f7}.contact-details a:hover{color:#ffc323}
.contact-form input,.contact-form textarea,.contact-form select{background:#172e41;border-color:rgba(255,255,255,.15);border-radius:8px}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#ffc323}
.footer{background:#172e41;border-color:rgba(255,255,255,.1)}.footer .brand img{filter:brightness(0) invert(1)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:82px}.hero-art.hero-showcase{height:410px}.header-actions .button{display:inline-flex}}
@media(max-width:650px){.site-header{background:#1d3549}.nav{background:#172e41}.hero{padding:76px 22px 65px}.hero-title{font-size:clamp(58px,15vw,82px)}
.hero-art.hero-showcase{height:340px;transform:none;margin:8px -12px 0}.showcase-panel{width:82%;min-height:270px;padding:12px}
.showcase-window{min-height:190px;padding:15px}.window-kicker{margin-top:18px}.window-bottom{left:15px;right:15px}.showcase-blob{height:270px}
.float-chip{font-size:8px;padding:9px 11px}.chip-one{top:12px}.chip-two{right:-4px}.chip-three{bottom:2px}
.hero-proof{gap:13px}.hero-proof strong{font-size:20px}.hero-proof span{font-size:8px}.header-actions{margin-left:auto}.lang-btn{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}