.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:45px 0 0}.service-card{grid-column:span 2;position:relative;background:linear-gradient(140deg,#192129,#11171c);border:1px solid var(--ii-line,#334149);border-radius:12px;padding:28px 28px 48px;min-height:280px;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:border-color .25s,transform .15s;isolation:isolate}.service-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#8be7e210,transparent 65%);pointer-events:none;z-index:-1}.service-card:hover,.service-card:focus-within{border-color:#8be7e27a}.service-card h3{font-size:1.35rem;letter-spacing:-.03em;margin:30px 0 15px;font-weight:500}.service-card h3 a{text-decoration:none}.service-card h3 a:after{content:"";position:absolute;inset:0}.service-card p{font-size:.9rem;line-height:1.8;max-width:430px;margin:0}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-code{font:10px var(--ii-mono,monospace);color:var(--ii-muted,#a5b0b7)}.service-symbol{font:25px var(--ii-mono,monospace);color:var(--ii-cyan,#8be7e2);height:33px;line-height:33px}.card-arrow{position:absolute;right:25px;bottom:20px;font-size:20px;color:var(--ii-cyan,#8be7e2)}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3;min-height:240px}.service-card-foto-video{background:radial-gradient(ellipse at 95% 5%,#b7a2ff16,transparent 60%),#131a20}.service-card-automatizari-ai .service-symbol{color:var(--ii-violet,#b7a2ff)}.service-card-pluginuri-wordpress .service-symbol{color:var(--ii-blue,#6b9fff)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;margin:35px 0}.project-card{min-width:0}.project-image{position:relative;display:block;aspect-ratio:1.36;overflow:hidden;border-radius:12px;background:#1b252d}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image:hover img{transform:scale(1.035)}.project-open{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0b0e11a8;border:1px solid #dff8ff33;color:#eef2f3}.demo-badge{position:absolute;bottom:15px;left:15px;border:1px solid #d3eef144;border-radius:4px;background:#0b1119bb;color:#e4f1f5;padding:5px 7px;font:8px var(--ii-mono,monospace);letter-spacing:.1em}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font:10px var(--ii-mono,monospace);color:var(--ii-muted,#a5b0b7);text-transform:uppercase;letter-spacing:.05em}.project-meta span:last-child{font-size:18px;color:var(--ii-cyan,#8be7e2)}.project-card h3{font-size:1.35rem;margin:11px 0 9px}.project-card h3 a{text-decoration:none}.project-card p{font-size:.87rem;line-height:1.7;margin-top:0}.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.portfolio-filters button,.experience-controls button{border:1px solid var(--ii-line,#334149);background:transparent;color:var(--ii-muted,#a5b0b7);padding:10px 15px;border-radius:7px;font-size:.8rem;min-height:44px}.portfolio-filters button[aria-pressed=true]{background:var(--ii-cyan,#8be7e2);border-color:var(--ii-cyan,#8be7e2);color:var(--ii-ink,#0b0e11)}.project-card[hidden]{display:none!important}
.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}.journal-card{border-top:1px solid var(--ii-line,#334149);padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}.journal-card .eyebrow{font-size:.62rem}.journal-card h3{font-size:1.25rem;margin:20px 0 15px;line-height:1.35}.journal-card h3 a{text-decoration:none}.journal-card p{font-size:.9rem;line-height:1.75;margin:0 0 22px}.journal-card .text-link{margin-top:auto;font-size:.82rem;text-decoration:none;color:var(--ii-cyan,#8be7e2)}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:.9rem}.contact-details a{text-decoration:none}.contact-details small{font-size:.75rem;color:var(--ii-muted,#a5b0b7)}.experience-controls{display:flex;gap:8px;flex-wrap:wrap}.experience-controls button{font-size:.65rem;padding:7px 9px;border-color:transparent}.experience-controls button:hover{border-color:var(--ii-line,#334149);color:var(--ii-cyan,#8be7e2)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin:50px 0}.contact-aside h2{font-size:2.4rem!important}.contact-aside p{max-width:370px}.contact-aside .contact-details{margin-top:35px}.ii-contact-form,.ii-contact-offline{padding:32px;border:1px solid var(--ii-line,#334149);background:var(--ii-surface,#14191f);border-radius:14px}.ii-contact-offline h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:.8rem;color:var(--ii-paper,#eef2f3)}.form-grid input,.form-grid textarea,.form-grid select{width:100%;display:block;margin-top:9px;background:#0c1218;color:#eef2f3;border:1px solid #4c5964;border-radius:7px;padding:12px;font-size:.93rem;min-height:46px}.form-grid textarea{resize:vertical;min-height:140px}.form-grid textarea::placeholder{color:#8e9aa5;font-size:.85rem}.form-grid select{color-scheme:dark}.privacy-check{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--ii-muted,#a5b0b7);margin:24px 0 12px}.privacy-check input{margin-top:4px;accent-color:var(--ii-cyan,#8be7e2);width:18px;height:18px;flex-shrink:0}.privacy-check a{color:var(--ii-paper,#eef2f3)}.form-note{font-size:.73rem;line-height:1.7}.ii-submit{background:var(--ii-cyan,#8be7e2);color:var(--ii-ink,#0b0e11);border:0;border-radius:7px;padding:15px 22px;font-size:.9rem;font-weight:600;margin-top:10px;min-height:48px}.ii-submit span{margin-left:18px}.ii-submit:disabled{opacity:.65;cursor:wait}.ii-form-status{font-size:.9rem;margin:18px 0 0;line-height:1.7}.ii-form-status:empty{margin:0}.ii-form-status[data-state=success]{color:var(--ii-cyan,#8be7e2)}.ii-form-status[data-state=error]{color:#ffb7ad}.ii-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo-notice{font:10px var(--ii-mono,monospace);letter-spacing:.05em;color:var(--ii-cyan,#8be7e2);border-left:2px solid var(--ii-cyan,#8be7e2);padding:12px 16px;background:#8be7e208}
.ii-demo-gallery{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin:35px 0}.ii-demo-gallery a{display:block;overflow:hidden;border-radius:12px;background:#18222b}.ii-demo-gallery a:first-child{grid-row:span 2}.ii-demo-gallery img{width:100%;height:100%;object-fit:cover;display:block}.ii-demo-gallery .variation-1 img{filter:hue-rotate(40deg);transform:scale(1.2)}.ii-demo-gallery .variation-2 img{filter:hue-rotate(-35deg);transform:scale(1.15) rotate(5deg)}.ii-lightbox{padding:0;border:1px solid #536570;background:#0b0e11;color:#fff;border-radius:12px;max-width:92vw;max-height:90vh;overflow:auto}.ii-lightbox::backdrop{background:#020609e8;backdrop-filter:blur(8px)}.ii-lightbox img{display:block;max-height:78vh;width:auto;max-width:88vw;object-fit:contain}.ii-lightbox button{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #60717d;background:#101820ef;color:#fff;border-radius:50%;font-size:23px}.ii-lightbox figcaption{padding:10px 20px;font-size:.8rem;color:#b7c8d3}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{clip:auto!important;clip-path:none;background:#eee;color:#111;padding:15px;width:auto;height:auto;z-index:100000}.ii-empty{padding:30px;border:1px solid #44525c;border-radius:10px}.ii-no-sounds [data-ii-sound]{display:none}.ii-no-effects .project-image img{transition:none}.editor-styles-wrapper .service-card h3 a:after{display:none}
@media(max-width:1100px){.service-card{padding:24px 24px 45px}.service-card h3{font-size:1.2rem}.service-card p{font-size:.85rem}.contact-layout{gap:30px}.ii-contact-form{padding:24px}}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 1;min-height:270px}.service-card:last-child{grid-column:1/-1;min-height:235px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.latest-grid{gap:25px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-aside .contact-details{margin-top:20px}}
@media(max-width:700px){.service-grid{margin-top:30px;gap:12px}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){padding:22px;min-height:280px}.service-card h3{font-size:1.15rem;margin-top:22px}.service-card p{font-size:.83rem;line-height:1.75;margin-bottom:25px}.service-symbol{font-size:22px}.portfolio-grid{grid-template-columns:1fr;gap:28px}.project-image{aspect-ratio:1.45}.project-card h3{font-size:1.4rem}.project-card p{font-size:.9rem}.latest-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.journal-card h3{font-size:1.35rem}.ii-contact-form{padding:22px}.form-grid{grid-template-columns:1fr;gap:18px}.ii-demo-gallery{grid-template-columns:1fr 1fr;gap:10px}.ii-demo-gallery a:first-child{grid-row:auto;grid-column:1/-1}.portfolio-filters{gap:7px}.portfolio-filters button{padding:9px 11px;font-size:.72rem}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){min-height:235px}.service-card h3{font-size:1.4rem}.service-card p{font-size:.9rem;max-width:90%}.ii-contact-form{padding:18px}.contact-aside h2{font-size:2rem!important}}
@media(prefers-reduced-motion:reduce){.service-card{transform:none!important}.project-image img{transition:none}}

/* Contact and navigation modules use the active dark/light palette. */
.ii-footer-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,90px);padding:60px 0 64px;margin:0 0 36px;border-bottom:1px solid var(--ii-line,#334149)}
.ii-footer-intro{padding-top:10px;min-width:0}.ii-footer-intro h2{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.12;letter-spacing:-.035em;margin:22px 0}.ii-footer-intro>p:not(.eyebrow){font-size:.94rem;line-height:1.8;max-width:420px;color:var(--ii-muted,#aaaead)}.ii-footer-intro .text-link{display:inline-block;margin-top:18px;font-size:.86rem;color:var(--ii-cyan,#d4af37);text-underline-offset:5px}
.ii-contact-compact{min-width:0}.ii-contact-compact .form-grid{gap:16px}.ii-contact-compact .form-grid textarea{min-height:112px}.ii-contact-compact .privacy-check{margin-top:19px}.ii-contact-compact .form-note{margin:8px 0}.ii-contact-compact .ii-submit{width:100%;display:flex;justify-content:space-between;align-items:center}.ii-contact-form input,.ii-contact-form select,.ii-contact-form textarea{box-sizing:border-box}.ii-form-status[data-state=info]{color:var(--ii-muted,#aaaead)}
.ii-breadcrumbs{margin:0 0 32px;font:12px/1.6 var(--ii-mono,monospace);color:var(--ii-muted,#aaaead)}.ii-breadcrumbs ol{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 12px;list-style:none;margin:0;padding:0}.ii-breadcrumbs li{display:flex;align-items:baseline;gap:12px;min-width:0;overflow-wrap:anywhere}.ii-breadcrumbs li+li:before{content:"/";color:var(--ii-muted,#aaaead);opacity:.7}.ii-breadcrumbs a{color:var(--ii-cyan,#d4af37);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:30px}.ii-breadcrumbs [aria-current=page]{color:var(--ii-paper,#eef2f3)}
.ii-contact-form :is(input,textarea,select,button,a):focus-visible,.ii-breadcrumbs a:focus-visible{outline:2px solid var(--ii-cyan,#d4af37);outline-offset:4px}.ii-contact-form input:invalid:not(:placeholder-shown):focus{border-color:var(--ii-cyan,#d4af37)}
html[data-ii-theme=light] .ii-form-status[data-state=error]{color:#9c2921}
.preview-notice{pointer-events:none}
@media(max-width:900px){.ii-footer-contact{grid-template-columns:1fr;gap:25px;padding-top:35px}.ii-footer-intro h2{max-width:600px}.ii-footer-intro>p:not(.eyebrow){max-width:600px}}
@media(max-width:430px){.ii-footer-contact{padding-bottom:32px}.ii-breadcrumbs{font-size:11px;margin-bottom:24px}.ii-contact-compact .form-grid{gap:15px}}
