@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--bg:#040a17;--panel:#071326;--text:#f7f9ff;--muted:#a6b6cf;--blue:#03b7ff;--gold:#ffd428;--orange:#ff8b12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,5vw,86px);background:#050b19ed;backdrop-filter:blur(16px);border-bottom:1px solid #1b2d46}.brand img{display:block;width:172px;height:75px;object-fit:cover;object-position:center}.nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,38px);font-weight:700;font-size:14px}.nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta,.btn-primary{background:linear-gradient(110deg,#ffe536,#ff9c0b);color:#07101d!important;border:0}.nav-cta{padding:12px 20px;border-radius:99px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.section{padding:90px clamp(22px,6vw,100px);scroll-margin-top:100px}.hero{min-height:610px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;position:relative;background:radial-gradient(ellipse at 72% 50%,#063d71 0%,#06162c 34%,#040a17 72%);overflow:hidden}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--orange));box-shadow:0 0 28px var(--blue)}.hero-copy{position:relative;z-index:3;max-width:710px}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:800;color:#ffd846}.eyebrow span{display:inline-block;width:42px;height:2px;background:var(--gold);vertical-align:middle;margin-left:8px}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(45px,5.1vw,86px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 22px;font-weight:900}h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#ffe933,#ff9e13);color:transparent;background-clip:text}.lead{font-size:clamp(16px,1.5vw,21px);color:#d3dceb;max-width:570px;line-height:1.7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:99px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 26px #0089f04d}.btn-outline{border:1px solid var(--blue);box-shadow:inset 0 0 12px #0089f04d,0 0 14px #0089f044}.globe-stage{position:relative;width:min(43vw,530px);height:min(43vw,530px);margin:auto}.globe{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 28% 25%,#16c7ff66,transparent 30%),radial-gradient(circle at 70% 70%,#008cff55,transparent 45%),radial-gradient(circle at 40% 35%,#105eaa,#05172d 65%);border:2px solid #0bb7ff;box-shadow:0 0 40px #00aeff9c,inset 0 0 70px #007bff77;overflow:hidden}.globe-grid{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 42px,#4dd6ff50 43px 44px,transparent 45px 70px),repeating-linear-gradient(90deg,transparent 0 50px,#5fe2ff44 51px 52px,transparent 53px 82px);transform:rotate(-18deg)}.globe-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 35%,#2de8ff80,transparent 36%)}.orbit{position:absolute;left:0;top:25%;width:100%;height:55%;border:5px solid #ffb21e;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 18px #ff9e18}.orbit-two{border-color:#00bdff;border-width:2px;transform:rotate(26deg);opacity:.8}.spark{position:absolute;width:9px;height:9px;background:#ffe47c;border-radius:50%;box-shadow:0 0 18px 6px #ffad1e}.s1{left:17%;top:39%}.s2{right:18%;top:52%}.s3{left:58%;bottom:17%}.section-heading{text-align:center;margin:0 auto 44px;max-width:760px}.section-heading h2,h2{font-size:clamp(36px,4vw,58px);line-height:1.1;margin:12px 0}.section-heading>p:last-child{color:var(--muted);font-size:17px}.services{background:linear-gradient(180deg,#051022,#030914)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid #14578d;border-radius:18px;background:linear-gradient(145deg,#0a1d34,#050d1b);padding:30px 23px;min-height:275px;transition:transform .2s}.service-card:hover,.work-card:hover{transform:translateY(-5px)}.service-card.gold{border-color:#b78319}.service-icon{font-size:44px;font-weight:800;color:var(--blue)}.service-card.gold .service-icon{color:var(--gold)}.service-card h3{font-size:21px;line-height:1.18}.service-card p,.about-copy p,.work-card p,.contact-copy p{color:var(--muted);line-height:1.7}.about{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:linear-gradient(120deg,#061d35,#06101f)}.about-art{min-height:360px;border:1px solid #4b6a8b;border-radius:22px;background:radial-gradient(circle at 60% 45%,#0c78b5,#061323 65%);display:grid;place-items:center;overflow:hidden;position:relative}.about-art:after{content:'';position:absolute;width:130%;height:130%;border:2px solid #ffb51d;border-radius:50%;transform:rotate(-35deg) scaleY(.45);box-shadow:0 0 24px #ffae18}.art-inner{text-align:center;position:relative;z-index:2}.art-label{font-size:10px;letter-spacing:.28em;color:#a9dffb}.art-inner strong{display:block;font:900 clamp(42px,6vw,88px) Outfit;letter-spacing:-.06em;color:#ffb31c}.art-inner strong span{color:#00bdff}.art-line{width:100px;height:3px;background:#ffd72e;margin:auto}.art-inner p{letter-spacing:.2em;font-size:11px}.about-copy p{font-size:17px}.values{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-weight:800;color:var(--gold)}.work{background:#040b17}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{overflow:hidden;border:1px solid #1a385c;border-radius:17px;background:#0b192c;transition:transform .2s}.work-art{height:190px;display:grid;place-items:center;background:radial-gradient(circle,#0864a2,#061326 70%)}.work-art.identity{background:radial-gradient(circle,#a96610,#091427 70%)}.work-art.media{background:radial-gradient(circle,#056b91,#061326 70%)}.work-art span{font-size:84px;color:#ffd02c;text-shadow:0 0 25px #ffab29}.work-card h3,.work-card p{margin-left:23px;margin-right:23px}.work-card p{margin-bottom:25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:linear-gradient(130deg,#082546,#040b17 70%)}.contact-copy .note{font-size:13px;color:#8197b3;margin-top:40px}.contact-form{display:grid;gap:10px;padding:30px;background:#07182b;border:1px solid #1e5377;border-radius:18px}.contact-form label{font-weight:700;font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#030c1a;border:1px solid #294663;border-radius:9px;padding:13px;color:white;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#00b7ff}.contact-form .btn{margin-top:8px}.form-status{font-size:13px;color:#ffdf65;margin:0}.footer{padding:55px clamp(22px,6vw,100px) 22px;background:#020710;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}.footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:12px}.footer-logo{font:900 31px Outfit;color:#ffbe22}.footer-logo small{display:block;font-size:10px;letter-spacing:.35em;color:#fff}.footer p,.footer span,.footer a:not(.footer-logo){color:#9fb0c7;font-size:14px}.footer strong{margin-bottom:8px}.footer-bottom{grid-column:1/-1;border-top:1px solid #21334a;padding-top:24px;color:#9fb0c7;font-size:13px;display:flex;justify-content:space-between}.footer-bottom em{color:#ffca28}@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;min-height:720px}.hero-copy{max-width:700px}.globe-stage{position:absolute;right:-70px;bottom:-120px;opacity:.45;width:470px;height:470px}.hero-copy{padding-bottom:150px}.nav{gap:15px}.brand img{width:125px;height:55px}}@media(max-width:680px){.site-header{padding:10px 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#071326;flex-direction:column;align-items:stretch;padding:24px;gap:20px;border-bottom:1px solid #264365}.nav.open{display:flex}.brand img{width:132px;height:60px}.section{padding:68px 22px}.hero{min-height:630px}.hero-copy{padding-bottom:100px}.globe-stage{width:360px;height:360px;right:-140px;bottom:-70px;opacity:.35}.service-grid,.work-grid,.about,.contact{grid-template-columns:1fr}.service-card{min-height:220px}.about-art{min-height:270px}.footer{grid-template-columns:1fr 1fr;gap:30px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ROMOVA official social accounts */
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.social-links a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;text-decoration:none;background:rgba(255,255,255,.05);transition:background .2s,transform .2s}
.social-links a:hover,.social-links a:focus-visible{background:rgba(255,181,44,.15);transform:translateY(-2px)}
.social-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#f7b52c;color:#0a1528;font-weight:800;font-size:18px}

.contact-phone a { display:inline-flex; align-items:center; font-weight:700; text-decoration:underline; text-underline-offset:4px; }

/* V5: compact contact/social utility bar and floating branded contact prompt */
.top-contact-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px clamp(20px,5vw,86px);background:#e9edf5;color:#142447;font-size:13px;font-weight:700}
.top-contact-left,.top-contact-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.top-contact-bar a:hover{color:#b16a00}
.top-contact-btn{padding:9px 16px;background:#ffb52c;color:#091426!important;border-radius:6px}
.translate-menu{position:relative}
.translate-menu summary{cursor:pointer;list-style:none;padding:9px 13px;border-radius:6px;background:#d3d9e4}
.translate-menu summary::-webkit-details-marker{display:none}
.translate-options{position:absolute;z-index:45;top:calc(100% + 7px);right:0;min-width:175px;display:flex;flex-direction:column;padding:7px;background:#f5f7fb;border:1px solid #c6cddd;box-shadow:0 10px 24px #0004;border-radius:9px}
.translate-options a{padding:10px;border-radius:6px}
.translate-options a:hover{background:#dfe8f7}
.floating-help{position:fixed;z-index:40;bottom:28px;right:24px;display:flex;align-items:center;gap:9px;filter:drop-shadow(0 8px 18px #0008)}
.help-bubble{position:relative;background:#fff;color:#142447;font-size:15px;font-weight:800;padding:14px 19px;border-radius:18px;white-space:nowrap}
.help-bubble:after{content:'';position:absolute;right:-6px;top:50%;width:13px;height:13px;transform:translateY(-50%) rotate(45deg);background:#fff}
.help-logo{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;border:3px solid #ffc341;background:#050b19;overflow:hidden}
.help-logo img{width:100%;height:100%;object-fit:contain}
.floating-help:hover .help-bubble,.floating-help:focus-visible .help-bubble{background:#ffdb7a}
@media(max-width:760px){.top-contact-bar{padding:9px 16px;gap:8px;flex-direction:column;align-items:stretch;font-size:12px}.top-contact-left,.top-contact-right{gap:10px;justify-content:center}.floating-help{right:12px;bottom:14px;gap:6px}.help-logo{width:58px;height:58px}.help-bubble{font-size:12px;padding:11px 12px}}

/* V6: real social media icons and redesigned ROMOVA contact footer */
.top-social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#142447!important;transition:background .2s,transform .2s}
.top-social-icon:hover,.top-social-icon:focus-visible{background:#d7dfef;transform:translateY(-2px)}
.top-social-icon svg{width:22px;height:22px}
.footer-v6{display:block;padding:0;background:linear-gradient(120deg,#07132c,#101e41 58%,#08142d);border-top:1px solid rgba(255,190,59,.25)}
.footer-v6-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,7vw,100px);max-width:1240px;margin:auto;padding:clamp(40px,6vw,90px) 26px}
.footer-v6-brand,.footer-v6-contact{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-v6-logo{width:min(280px,100%);max-height:155px;object-fit:contain;object-position:left center;border-radius:10px}
.footer-v6 h2{font-size:clamp(25px,3vw,42px);line-height:1.15;letter-spacing:-.03em;color:#fff;margin:0}
.footer-v6 p{color:#c6d3e8;margin:0;line-height:1.7}
.footer-v6-socials{display:flex;gap:12px;margin-top:10px}
.footer-v6-socials a{display:grid;place-items:center;width:48px;height:48px;background:#1a315a;color:#fff;border:1px solid #395079;border-radius:50%;transition:background .2s,transform .2s}
.footer-v6-socials a:hover,.footer-v6-socials a:focus-visible{background:#dba431;color:#07132c;transform:translateY(-3px)}
.footer-v6-socials svg,.footer-contact-row svg{width:23px;height:23px;flex-shrink:0}
.footer-v6 .footer-eyebrow{color:#f5b832;font-size:12px;letter-spacing:.16em;font-weight:800}
.footer-v6-contact>p:not(.footer-eyebrow){max-width:470px}
.footer-contact-row{display:flex;align-items:center;gap:14px;color:#f6f9ff;text-decoration:none;font-size:clamp(15px,1.5vw,19px);overflow-wrap:anywhere}
.footer-contact-row:hover{color:#ffbf48}
.footer-v6-cta{display:inline-flex;align-items:center;justify-content:center;background:#f5b832;color:#08152c;text-decoration:none;padding:15px 27px;border-radius:10px;font-weight:800;margin-top:12px;transition:transform .2s,background .2s}
.footer-v6-cta:hover{background:#ffcf64;transform:translateY(-2px)}
.footer-v6-bottom{border-top:1px solid #2c3c5b;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(26px,calc((100vw - 1188px)/2));font-size:12px}
.footer-v6-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.footer-v6-bottom a{color:#c6d3e8;text-decoration:none}
.footer-v6-bottom a:hover{color:#ffbf48}
@media(max-width:700px){.footer-v6-main{grid-template-columns:1fr;gap:42px;padding:44px 22px}.footer-v6-bottom{flex-direction:column;align-items:flex-start;padding:22px}.footer-v6-logo{max-height:120px}.footer-v6-socials a{width:44px;height:44px}}

/* V7: organized left-side contact details, focused right-side call to action */
.footer-v6-main{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,6vw,92px);align-items:center}
.footer-v6-brand{padding:10px 0;gap:17px}
.footer-v6-brand h2{font-size:clamp(26px,2.7vw,38px)}
.footer-left-intro{max-width:440px;margin-bottom:7px!important}
.footer-v6-brand .footer-contact-row{padding:10px 0;min-height:44px}
.footer-v6-brand .footer-contact-row svg{color:#f5b832}
.footer-v6-brand .footer-v6-socials{margin-top:5px}
.footer-v6-contact{background:linear-gradient(135deg,rgba(21,52,91,.8),rgba(9,27,56,.9));border:1px solid rgba(255,199,81,.22);border-radius:22px;padding:clamp(28px,4vw,52px);box-shadow:0 18px 55px rgba(0,0,0,.16);gap:20px}
.footer-v6-contact h2{font-size:clamp(31px,3.5vw,48px)}
.footer-v6-contact .footer-v6-cta{margin-top:8px}
@media(max-width:700px){.footer-v6-main{grid-template-columns:1fr;gap:34px}.footer-v6-contact{padding:30px 24px}.footer-v6-brand{padding:0}}

/* V8: simplified footer, phone and email icons */
.footer-minimal{padding-top:24px}
.contact-copy .contact-detail-icon{display:inline-flex;align-items:center;justify-content:center;
 width:34px;height:34px;margin-right:9px;border:1px solid rgba(247,181,44,.5);
 border-radius:9px;color:#f7b52c;font-size:20px;vertical-align:middle}
.contact-copy .contact-phone a,.contact-copy a[href^="mailto:"]{display:inline-flex;align-items:center;gap:3px}