/*
Theme Name: Vinesh Goorah Portfolio
Theme URI: https://www.vineshgoorah.it/
Author: Vinesh Goorah
Description: Tema portfolio custom, compatibile con Elementor, basato sul design V5.
Version: 6.1
Text Domain: vinesh-goorah
*/

:root{--bg:#040d13;--bg2:#06121b;--panel:#07151e;--panel2:#0a1a27;--text:#f4f8f7;--muted:#668fd3;--line:rgba(255,255,255,.1);--accent:#1b84c0;--accent2:#35c1ff;--shadow:0 20px 70px rgba(0,0,0,.35);--radius:26px;--container:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 10%,rgba(41,165,135,.11),transparent 28%),linear-gradient(180deg,#040d13,#050f16 45%,#030a0e);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(41,165,135,.12),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity .2s}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;background:linear-gradient(180deg,rgba(5,13,11,.92),rgba(5,13,11,.55),transparent);backdrop-filter:blur(12px);transition:.3s}.site-header.scrolled{background:rgba(5,13,11,.92);border-bottom:1px solid var(--line)}.nav-wrap{height:86px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center}.brand-logo{width:245px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.main-nav>a,.nav-dropdown-btn{font:600 14px/1 'DM Sans';color:#d8e4e1;background:none;border:0;cursor:pointer;padding:14px 0;position:relative}.main-nav>a:after,.main-nav>a.active:after{content:"";position:absolute;height:2px;background:var(--accent2);left:0;right:100%;bottom:5px;transition:.25s}.main-nav>a:hover:after,.main-nav>a.active:after{right:0}.nav-dropdown{position:relative}.nav-dropdown-btn span{color:var(--accent2)}.nav-dropdown-menu{position:absolute;top:44px;left:-18px;width:230px;padding:12px;background:#07151e;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:10px;color:#cddbd8;font-size:14px}.nav-dropdown-menu a:hover{background:rgba(41,165,135,.12);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:1px solid rgba(82,241,210,.45);background:linear-gradient(135deg,var(--accent),#0c628e);color:#fff;border-radius:999px;font-weight:700;box-shadow:0 12px 35px rgba(41,165,135,.2);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(41,165,135,.3)}.btn-outline{background:transparent;box-shadow:none}.btn-small{padding:12px 18px;font-size:14px}.nav-toggle{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px}.nav-toggle span{display:block;height:2px;background:#fff;margin:7px 0}.eyebrow{letter-spacing:.33em;text-transform:uppercase;color:var(--accent2);font-size:12px;font-weight:700}.hero{min-height:100vh;display:grid;align-items:center;position:relative;padding:130px 0 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -12% -22% 38%;height:70%;background:radial-gradient(circle,rgba(41,165,135,.18),transparent 65%);filter:blur(10px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;z-index:1}.hero-copy h1{font-family:'Manrope',sans-serif;font-size:clamp(56px,7vw,104px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px;max-width:790px}.hero-copy h1 .gradient{background:linear-gradient(90deg,#fff 5%,#5dccff 46%,#1b84c0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:20px;color:#b9cbc7;max-width:660px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{position:relative;min-height:650px}.hero-visual:before{content:"";position:absolute;inset:8% 2% 4% 10%;border:1px solid rgba(82,241,210,.16);border-radius:50% 50% 44% 56%/50% 42% 58% 50%;filter:drop-shadow(0 0 30px rgba(41,165,135,.16))}.hero-image{height:650px;width:100%;object-fit:cover;object-position:center 12%;border-radius:36px;filter:saturate(.9) contrast(1.03);box-shadow:var(--shadow);position:relative;z-index:2}.floating-card{position:absolute;z-index:4;background:rgba(7,17,15,.82);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);padding:16px 18px;border-radius:18px;box-shadow:var(--shadow)}.floating-card.top{right:-15px;top:60px}.floating-card.bottom{left:-25px;bottom:40px}.floating-card strong{display:block;font-family:'Manrope';font-size:24px}.floating-card span{font-size:13px;color:var(--muted)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.stat{padding-right:18px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;color:var(--accent2);font:800 28px/1 'Manrope'}.stat span{color:#9eb0ac;font-size:13px}.section{padding:110px 0}.section-tight{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-head h2,.page-hero h1{font:800 clamp(38px,5vw,68px)/1.02 'Manrope';letter-spacing:-.04em;margin:10px 0}.section-head p{max-width:560px;color:var(--muted);margin:0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.glass-card{position:relative;background:linear-gradient(155deg,rgba(16,38,33,.86),rgba(7,17,15,.9));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px;overflow:hidden;transition:.35s}.service-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(82,241,210,.16),transparent 70%);right:-70px;top:-70px}.service-card:hover,.glass-card:hover{transform:translateY(-8px);border-color:rgba(82,241,210,.32)}.service-icon{font-size:30px;margin-bottom:50px;color:var(--accent2)}.service-card h3,.glass-card h3{font:700 22px/1.2 'Manrope';margin:0 0 12px}.service-card p,.glass-card p{color:var(--muted);margin:0 0 22px}.text-link{color:var(--accent2);font-weight:700;font-size:14px}.tech-marquee{overflow:hidden;border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.marquee-track{display:flex;width:max-content;gap:46px;padding:20px 0;animation:marquee 24s linear infinite}.marquee-track span{font:700 17px 'Manrope';color:#668fd3;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-list{display:grid;gap:14px}.feature-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.feature-item i{width:30px;height:30px;border-radius:50%;background:rgba(41,165,135,.16);display:grid;place-items:center;color:var(--accent2);font-style:normal}.feature-item strong{display:block}.feature-item span{color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project-card{min-height:420px;border-radius:32px;padding:32px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#0a1c29,#050d13)}.project-card.small{min-height:200px}.project-card .tag{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(41,165,135,.13);color:var(--accent2);font-size:12px;margin-bottom:20px}.project-card h3{font:800 34px/1.05 'Manrope';margin:0 0 12px}.project-card p{max-width:500px;color:var(--muted)}.project-orb{position:absolute;width:260px;height:260px;border:1px solid rgba(82,241,210,.2);border-radius:42%;right:-70px;bottom:-80px;transform:rotate(22deg);box-shadow:inset 0 0 90px rgba(41,165,135,.08)}.stack{display:grid;gap:20px}.cta-band{padding:54px;border-radius:34px;background:linear-gradient(120deg,rgba(41,165,135,.22),rgba(11,26,23,.9) 52%,rgba(82,241,210,.08));border:1px solid rgba(82,241,210,.18);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font:800 clamp(34px,4vw,58px)/1 'Manrope';margin:0}.page-hero{padding:160px 0 70px;position:relative}.page-hero p{max-width:760px;font-size:19px;color:var(--muted)}.breadcrumbs{color:#4e73a9;font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process{counter-reset:step}.process-item{padding:26px;border-top:1px solid var(--line);position:relative}.process-item:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--accent2);font:700 13px 'Manrope';margin-bottom:28px}.process-item h3{font:700 22px 'Manrope';margin:0 0 8px}.process-item p{color:var(--muted);margin:0}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.timeline-item time{color:var(--accent2);font-weight:700}.timeline-item h3{margin:0 0 8px}.timeline-item p{color:var(--muted);margin:0}.skills-cloud{display:flex;flex-wrap:wrap;gap:10px}.skills-cloud span{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c8d6d3}.case-list{display:grid;gap:24px}.case{display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.case .case-num{font:800 46px 'Manrope';color:rgba(255,255,255,.12)}.case h3{font:700 28px 'Manrope';margin:0 0 7px}.case p{margin:0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-card{padding:28px;border-radius:24px;background:var(--panel);border:1px solid var(--line)}.contact-list{display:grid;gap:14px;margin-top:28px}.contact-list a,.contact-list span{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:#d4e1de}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#b8c9c5}.field input,.field textarea,.field select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#050e14;color:#fff;outline:none;font:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:12px;color:#4e73a9}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;background:rgba(41,165,135,.14);border:1px solid rgba(82,241,210,.2)}.site-footer{border-top:1px solid var(--line);padding:60px 0 24px;background:#03090d}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr .8fr;gap:40px}.footer-logo{width:230px;margin-bottom:18px}.footer-grid p{color:var(--muted);max-width:380px}.footer-grid h4{font-family:'Manrope';margin:0 0 14px}.footer-grid a,.footer-grid span{display:block;color:#6288c8;margin:8px 0;font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;color:#40628f;font-size:12px}.floating-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;z-index:90;box-shadow:0 10px 35px rgba(41,165,135,.35)}.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.65,.3,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.desktop-cta{display:none}.main-nav{gap:18px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:auto}.hero-image{height:620px}.grid-4{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.container{width:min(100% - 26px,var(--container))}.nav-wrap{height:74px}.brand-logo{width:190px}.nav-toggle{display:block}.main-nav{position:fixed;inset:74px 13px auto 13px;background:#050e14;border:1px solid var(--line);border-radius:20px;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown-btn{padding:13px 8px;text-align:left}.nav-dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;width:100%;box-shadow:none;margin-top:4px}.nav-dropdown.open .nav-dropdown-menu{display:block}.hero{padding-top:105px}.hero-grid{gap:24px}.hero-copy h1{font-size:clamp(48px,16vw,72px)}.hero-copy p{font-size:17px}.hero-stats{grid-template-columns:1fr 1fr}.hero-visual{min-height:460px}.hero-image{height:460px;border-radius:24px}.floating-card.top{right:8px;top:20px}.floating-card.bottom{left:8px;bottom:18px}.section{padding:80px 0}.section-head{display:block}.grid-4,.content-grid{grid-template-columns:1fr}.cta-band{padding:30px;display:block}.cta-band .btn{margin-top:22px}.timeline-item{grid-template-columns:1fr;gap:6px}.case{grid-template-columns:1fr}.case .case-num{font-size:30px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span+span{margin-top:6px}.cursor-glow{display:none}}

/* ===== HOME V2 — cinematic / 2026 ===== */
.home-hero{position:relative;min-height:760px;padding:130px 0 58px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;background:radial-gradient(circle at 78% 42%,rgba(27,107,95,.22),transparent 28%),linear-gradient(115deg,#040d13 0%,#050e14 48%,#081823 100%)}
.hero-grid-bg{position:absolute;inset:0;z-index:-4;opacity:.24;background-image:linear-gradient(rgba(82,241,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(82,241,210,.05) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 70%)}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(80px);z-index:-3;opacity:.38;animation:auroraFloat 8s ease-in-out infinite alternate}.hero-aurora-a{width:520px;height:520px;background:#088bca;right:4%;top:8%}.hero-aurora-b{width:360px;height:360px;background:#183f57;right:30%;bottom:-16%}.hero-lines{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero-lines span{position:absolute;width:1px;height:42%;background:linear-gradient(transparent,rgba(82,241,210,.22),transparent);transform:rotate(34deg);animation:lineDrift 7s ease-in-out infinite alternate}.hero-lines span:nth-child(1){right:17%;top:2%}.hero-lines span:nth-child(2){right:31%;top:26%;animation-delay:-2s}.hero-lines span:nth-child(3){right:8%;top:43%;animation-delay:-4s}.hero-lines span:nth-child(4){right:42%;top:1%;animation-delay:-1s}@keyframes auroraFloat{to{transform:translate(30px,-20px) scale(1.12)}}@keyframes lineDrift{to{transform:translateY(38px) rotate(34deg)}}
.home-hero-wrap{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:34px;min-height:585px}.home-hero-copy{position:relative;z-index:2}.hero-eyebrow{letter-spacing:.42em;font-size:12px}.home-hero h1{font:800 clamp(60px,6.4vw,104px)/.93 'Manrope';letter-spacing:-.055em;margin:18px 0 24px;max-width:790px}.hero-accent,.accent-text,.display-title span{background:linear-gradient(90deg,#4bccff 0%,#0eaaf7 55%,#147eb7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:650px;font-size:20px;color:#c3d1ce;margin:0 0 30px}.play-link{display:flex;align-items:center;gap:12px;color:#fff}.play-orb{width:52px;height:52px;border:2px solid #1dc1ff;border-radius:50%;display:grid;place-items:center;color:#1dc1ff;box-shadow:0 0 30px rgba(45,241,202,.12);transition:.25s}.play-link:hover .play-orb{background:#1dc1ff;color:#040d13;transform:scale(1.07)}.play-link b,.play-link small{display:block}.play-link small{color:#537ab4;font-size:12px}.hero-stats-home{max-width:640px}.hero-digital-stage{position:relative;min-height:570px;perspective:1100px}.stage-halo{position:absolute;width:520px;height:520px;border-radius:50%;right:-40px;top:30px;background:radial-gradient(circle,rgba(58,249,210,.2),rgba(18,76,68,.06) 43%,transparent 70%);animation:pulseHalo 4s ease-in-out infinite}@keyframes pulseHalo{50%{transform:scale(1.07);opacity:.75}}.stage-ring{position:absolute;border:1px solid rgba(82,241,210,.14);border-radius:50%;right:18px;top:80px;width:430px;height:430px;animation:spinSlow 18s linear infinite}.ring-two{right:70px;top:131px;width:325px;height:325px;animation-direction:reverse;animation-duration:13s;border-style:dashed}@keyframes spinSlow{to{transform:rotate(360deg)}}
.code-window{position:absolute;width:min(510px,90%);height:340px;right:30px;top:115px;border-radius:24px;border:1px solid rgba(82,241,210,.3);overflow:hidden;background:rgba(7,18,16,.92);box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 55px rgba(28,205,170,.11);transform:rotateY(-10deg) rotateX(4deg);backdrop-filter:blur(18px)}.code-top{height:42px;background:#07131c;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:7px}.code-top span{width:8px;height:8px;border-radius:50%;background:#395a85}.code-top em{font-style:normal;font-size:10px;color:#476fa3;margin-left:auto}.code-body{display:grid;grid-template-columns:55px 1fr;height:calc(100% - 42px)}.code-nav{padding:20px 13px;border-right:1px solid var(--line);display:grid;align-content:start;gap:14px}.code-nav i{height:5px;border-radius:9px;background:#102f45}.code-screen{padding:38px;position:relative;background:radial-gradient(circle at 75% 40%,rgba(28,211,173,.12),transparent 31%)}.screen-label{font-size:10px;letter-spacing:.3em;color:#36acfb;margin-bottom:20px}.code-screen strong{font:800 48px/1.02 'Manrope';letter-spacing:-.04em}.code-screen strong span{color:#21b7ff}.screen-bars{position:absolute;left:38px;right:38px;bottom:30px;display:grid;gap:8px}.screen-bars i{height:5px;border-radius:6px;background:linear-gradient(90deg,#189ee7 30%,#102f45 30%)}.screen-bars i:nth-child(2){background:linear-gradient(90deg,#189ee7 58%,#102f45 58%)}.screen-bars i:nth-child(3){background:linear-gradient(90deg,#189ee7 74%,#102f45 74%)}
.floating-tech{position:absolute;z-index:6;width:58px;height:58px;border:1px solid rgba(82,241,210,.24);background:rgba(7,18,16,.8);backdrop-filter:blur(10px);border-radius:16px;display:grid;place-items:center;font:800 13px 'Manrope';color:#40c6ff;box-shadow:0 20px 50px rgba(0,0,0,.22);animation:floatBadge 4.8s ease-in-out infinite}.tech-1{right:8px;top:70px}.tech-2{right:455px;top:150px;animation-delay:-1s}.tech-3{right:65px;top:455px;animation-delay:-2s}.tech-4{right:420px;top:410px;animation-delay:-3s}@keyframes floatBadge{50%{transform:translateY(-12px) rotate(2deg)}}.quote-panel{position:absolute;right:-12px;bottom:25px;width:205px;padding:24px;border-radius:20px;background:rgba(5,15,13,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.quote-panel .quote-mark{font:800 34px Georgia;color:#fff}.quote-panel strong{display:block;font:600 17px/1.25 'Manrope';margin-bottom:18px}.quote-panel small{letter-spacing:.22em;color:#5a81bd;font-size:8px}.social-rail{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:10;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(4,14,12,.76);backdrop-filter:blur(12px);padding:8px;display:grid;gap:4px}.social-rail a{width:38px;height:42px;display:grid;place-items:center;border-radius:12px;color:#c4d5d1;font-weight:800}.social-rail a:hover{background:rgba(40,238,199,.12);color:#24baff}.scroll-cue{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:7;font-size:9px;letter-spacing:.17em;color:#bcc9c6;display:grid;justify-items:center;gap:4px}.scroll-cue span{width:29px;height:40px;border:1px solid rgba(255,255,255,.6);border-radius:20px;display:grid;place-items:center;animation:scrollBounce 1.5s ease-in-out infinite}@keyframes scrollBounce{50%{transform:translateY(6px)}}
.home-tech{background:#050e14}.home-tech .marquee-track{padding:23px 0}.home-tech .marquee-track span{font-size:15px;color:#a9b7b3}.home-intro{position:relative;overflow:hidden}.intro-grid{align-items:center}.display-title{font:800 clamp(42px,4.8vw,68px)/1.02 'Manrope';letter-spacing:-.045em;margin:12px 0 20px}.section-copy{color:var(--muted);max-width:590px}.check-list{display:grid;gap:12px;margin:26px 0 30px}.check-list span{position:relative;padding-left:30px;color:#c1cfcc}.check-list span:before{content:'✓';position:absolute;left:0;width:19px;height:19px;border:1px solid #1aacfa;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#22beff}.device-scene{position:relative;min-height:510px;perspective:1100px}.laptop{position:absolute;width:470px;height:310px;right:90px;top:90px;transform:rotateY(-12deg) rotateX(7deg) rotateZ(2deg)}.laptop-screen{height:270px;border:9px solid #122130;border-radius:16px 16px 6px 6px;background:#040d13;box-shadow:0 25px 80px rgba(0,0,0,.44),0 0 40px rgba(42,227,190,.12);overflow:hidden}.mini-site{height:100%;padding:30px;background:linear-gradient(130deg,#050e15,#0a202f);position:relative}.mini-site small{letter-spacing:.25em;color:#46b6ff}.mini-site b{display:block;font:800 42px/1 'Manrope';margin-top:30px}.mini-site b span{color:#1fb5ff}.mini-site i{display:block;width:60%;height:7px;background:#0f2f45;margin-top:14px;border-radius:8px}.mini-site i:nth-last-child(2){width:42%}.mini-site i:last-child{width:76%}.laptop-base{height:18px;margin:-1px -35px 0;background:linear-gradient(#223751,#0e1a27);border-radius:2px 2px 20px 20px;transform:perspective(80px) rotateX(35deg)}.phone{position:absolute;width:135px;height:280px;right:10px;bottom:40px;border:8px solid #122130;border-radius:28px;background:linear-gradient(180deg,#050e15,#082130);box-shadow:0 25px 70px rgba(0,0,0,.5),0 0 30px rgba(42,227,190,.1);padding:35px 16px 18px;text-align:left;transform:rotate(7deg)}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:52px;height:10px;background:#101e2b;border-radius:10px}.phone small{color:#4a76ad}.phone b{display:block;font:700 21px/1.05 'Manrope';margin-top:8px}.phone-ui{display:grid;gap:9px;margin-top:25px}.phone-ui i{height:35px;border-radius:8px;background:#0a334b;border:1px solid rgba(62,235,199,.17)}.scene-note{position:absolute;right:5px;top:35px;font:italic 23px/1.2 Georgia;color:#6088c8;transform:rotate(-8deg)}.result-chip{position:absolute;left:70px;bottom:4px;padding:13px 17px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,23,19,.83);display:flex;gap:11px;align-items:center;color:#24b6ff}.result-chip span{color:#d5e0de;font-size:12px;line-height:1.25}.services-section{background:linear-gradient(180deg,transparent,rgba(4,18,15,.45),transparent)}.services-section .section-head h2,.project-showcase .section-head h2{font:800 clamp(38px,4vw,58px)/1.05 'Manrope';margin:10px 0}.services-wow .service-card{min-height:265px;border-radius:14px;padding:28px;background:linear-gradient(145deg,#071620,#07121b);transform-style:preserve-3d}.services-wow .service-icon{margin-bottom:36px}.services-wow .service-card:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#1db9ff,transparent);transform:scaleX(0);transition:.35s}.services-wow .service-card:hover:after{transform:scaleX(1)}
.about-home{position:relative}.about-home-grid{display:grid;grid-template-columns:1fr .72fr .5fr;gap:28px;align-items:center}.about-copy p{max-width:590px;color:#a9bbb6;margin-bottom:28px}.about-portrait{height:455px;border-radius:18px;overflow:hidden;border:1px solid rgba(77,240,206,.22);box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 35px rgba(41,165,135,.12);transform-style:preserve-3d}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.about-values{min-height:455px;border:1px solid var(--line);border-radius:18px;background:#051017;padding:28px;display:flex;flex-direction:column}.about-values h3{font:700 25px/1.1 'Manrope';margin:0 0 28px}.about-values span{padding:13px 0 13px 28px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;color:#a9bbb6;font-size:13px}.about-values span:before{content:'◎';position:absolute;left:0;color:#19aaf8}.about-values em{margin-top:auto;font:italic 20px Georgia;color:#557cb6;transform:rotate(-6deg)}
.project-filters{display:flex;gap:8px;flex-wrap:wrap}.project-filters button{border:1px solid var(--line);background:transparent;color:#c7d5d1;border-radius:999px;padding:8px 16px}.project-filters button.active{background:linear-gradient(135deg,#21b7ff,#107eb8);color:#030d13;border-color:transparent}.project-cards-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-visual-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#051118;transition:.35s;transform-style:preserve-3d}.project-art{height:235px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 35%,rgba(40,227,188,.22),transparent 32%),linear-gradient(135deg,#0e2b3f,#051017)}.project-meta{padding:20px}.project-meta>span{font-size:11px;color:#21b2ff}.project-meta h3{font:700 18px/1.2 'Manrope';margin:8px 0}.project-meta p{font-size:13px;color:#6088c8;margin:0}.dashboard-mock{position:absolute;inset:45px 34px 26px;border:6px solid #192f45;border-radius:12px;background:#eff5f3;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:perspective(500px) rotateX(7deg)}.dashboard-mock i{height:20px;border-radius:3px;background:#c8d8d4}.dashboard-mock b{height:80px;border-radius:4px;background:linear-gradient(#1ea6f1 30%,#dae6e3 30%)}.phone-stack i{position:absolute;width:100px;height:190px;border-radius:22px;border:7px solid #122638;background:linear-gradient(#092b3f,#050e14);left:50%;top:50%;box-shadow:0 20px 40px rgba(0,0,0,.35)}.phone-stack i:nth-child(1){transform:translate(-105%,-48%) rotate(-14deg)}.phone-stack i:nth-child(2){transform:translate(-50%,-55%)}.phone-stack i:nth-child(3){transform:translate(5%,-48%) rotate(14deg)}.screen-stack i{position:absolute;width:210px;height:130px;border:7px solid #122638;border-radius:7px;background:linear-gradient(135deg,#0a2435,#07121b);box-shadow:0 20px 40px rgba(0,0,0,.3)}.screen-stack i:nth-child(1){left:38px;top:62px;transform:rotate(-8deg)}.screen-stack i:nth-child(2){right:30px;top:35px;transform:rotate(7deg)}.screen-stack i:nth-child(3){left:50%;bottom:20px;transform:translateX(-50%)}
.testimonial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.testimonial-grid h2{font:800 38px/1.08 'Manrope';margin:9px 0}.testimonial-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:30px;background:#06121b}.testimonial-card p{font-size:17px;color:#d0dcd9}.stars{color:#ffd75a;letter-spacing:.1em;margin-top:7px}.mega-cta{position:relative;overflow:hidden;text-align:center;border-radius:34px;padding:70px 30px;border:1px solid rgba(43,229,192,.25);background:linear-gradient(135deg,#051b28,#050e14 55%,#081c29)}.mega-cta h2{font:800 clamp(38px,4vw,58px)/1 'Manrope';margin:12px 0}.mega-cta p{color:#a8bbb6}.cta-wave{position:absolute;left:-130px;top:-100px;width:360px;height:360px;border-radius:45% 55% 46% 54%;border:40px solid rgba(40,222,185,.08);transform:rotate(35deg);animation:spinSlow 22s linear infinite}.cta-script{position:absolute;right:60px;top:55px;font:italic 25px/1.25 Georgia;color:#a8bbb6;transform:rotate(-9deg)}
.tilt-card{will-change:transform;transition:transform .18s ease,box-shadow .25s ease}.spotlight-on{position:relative;overflow:hidden}.spotlight-on:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(72,255,218,.10),transparent 50%);opacity:0;transition:.25s}.spotlight-on:hover:before{opacity:1}
@media(max-width:1100px){.home-hero-wrap{grid-template-columns:1fr}.home-hero{padding-top:125px}.hero-digital-stage{min-height:500px}.home-hero h1{max-width:900px}.about-home-grid{grid-template-columns:1fr 1fr}.about-values{grid-column:1/-1;min-height:auto}.project-cards-modern{grid-template-columns:1fr 1fr}.project-visual-card:last-child{grid-column:1/-1}.social-rail{display:none}.intro-grid{grid-template-columns:1fr}.device-scene{margin-top:20px}.testimonial-grid{grid-template-columns:1fr}.cta-script{display:none}}
@media(max-width:760px){.home-hero{min-height:auto;padding:105px 0 70px}.home-hero-wrap{min-height:auto}.home-hero h1{font-size:clamp(47px,15vw,72px)}.hero-lead{font-size:17px}.hero-digital-stage{min-height:390px;margin-top:10px}.code-window{right:5%;top:70px;width:90%;height:260px}.code-screen{padding:24px}.code-screen strong{font-size:34px}.stage-ring{width:300px;height:300px;right:5%;top:50px}.ring-two{width:220px;height:220px;right:16%;top:90px}.floating-tech{width:45px;height:45px;border-radius:12px}.tech-2,.tech-4{left:0;right:auto}.quote-panel{display:none}.scroll-cue{display:none}.hero-stats-home{grid-template-columns:1fr 1fr}.device-scene{min-height:410px}.laptop{width:82%;right:15%;height:245px}.laptop-screen{height:215px}.mini-site b{font-size:32px}.phone{width:105px;height:220px;right:0}.scene-note{display:none}.result-chip{left:12px}.about-home-grid{grid-template-columns:1fr}.about-portrait{height:420px}.about-values{grid-column:auto}.project-cards-modern{grid-template-columns:1fr}.project-visual-card:last-child{grid-column:auto}.project-filters{margin-top:15px}.mega-cta{padding:55px 20px}}

/* =========================
   V3 — reference-driven UI
   ========================= */
:root{--v3-bg:#040e14;--v3-panel:#05131c;--v3-teal:#1ab4ff;--v3-teal2:#0c86c3;--v3-line:rgba(52,232,195,.18)}
.header-actions{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;align-items:center;gap:7px;font-size:12px;color:#4e73a9}.lang-switch button{border:0;background:transparent;color:#5276ad;padding:4px;cursor:pointer;font:600 11px/1 Manrope;letter-spacing:.08em}.lang-switch button.active,.lang-switch button:hover{color:#fff}.brand-logo{width:235px;max-height:58px}.footer-logo{width:220px;max-height:60px}
.hero-v3{min-height:780px;background:radial-gradient(circle at 72% 30%,rgba(19,123,100,.15),transparent 28%),linear-gradient(90deg,#040d13 0%,#051017 54%,#05121a 100%);overflow:hidden}.hero-v3-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;min-height:740px;align-items:center;position:relative;z-index:2}.hero-v3 .home-hero-copy{padding-top:56px}.hero-v3 h1{font:800 clamp(64px,6vw,98px)/.97 Manrope;margin:20px 0 24px;letter-spacing:-.055em;max-width:900px}.hero-v3-art{height:610px;position:relative;perspective:1200px}.hero-code-card{position:absolute;left:7%;top:110px;width:76%;height:345px;border:1px solid rgba(80,246,210,.28);background:linear-gradient(145deg,#0a1c29,#050e15);border-radius:20px;box-shadow:0 40px 90px rgba(0,0,0,.38),0 0 60px rgba(31,222,182,.10);transform:rotateY(-9deg) rotateX(4deg);overflow:hidden}.code-bar{height:38px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:7px;padding:0 14px;color:#486ea1;font-size:10px}.code-bar i{width:7px;height:7px;border-radius:50%;background:#1db5ff}.code-bar i:nth-child(2){background:#f0c65d}.code-bar i:nth-child(3){background:#ee6d6d}.code-bar span{margin-left:auto;letter-spacing:.14em}.code-pane{position:relative;height:calc(100% - 38px);padding:48px;background:radial-gradient(circle at 70% 30%,rgba(44,226,190,.16),transparent 35%),linear-gradient(150deg,#06141d,#081f2d)}.code-pane small{letter-spacing:.32em;color:#5982bf}.code-pane strong{display:block;margin-top:30px;font:800 42px/.95 Manrope;color:#f7fbfa}.code-pane em{font-style:normal;color:var(--v3-teal)}.code-line{display:block;height:6px;border-radius:999px;background:linear-gradient(90deg,#1eb5ff,rgba(46,226,189,.06));margin-top:18px}.code-line.l1{width:68%}.code-line.l2{width:48%}.code-line.l3{width:58%}.hero-orbit{position:absolute;border:1px solid rgba(52,237,199,.17);border-radius:50%;animation:orbitPulse 7s ease-in-out infinite}.orbit-a{width:500px;height:500px;right:0;top:35px}.orbit-b{width:375px;height:375px;right:62px;top:98px;animation-delay:-2.5s}.hero-badge{position:absolute;width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:rgba(7,25,21,.8);border:1px solid rgba(61,235,200,.25);box-shadow:0 15px 35px rgba(0,0,0,.25),0 0 25px rgba(34,211,175,.08);font:700 12px Manrope;color:#91c8ff;animation:badgeFloat 5s ease-in-out infinite}.badge-1{left:0;top:80px}.badge-2{right:1%;top:130px;animation-delay:-1.2s}.badge-3{left:1%;bottom:115px;animation-delay:-2.2s}.badge-4{right:8%;bottom:90px;animation-delay:-3.2s}.hero-v3 .quote-panel{right:0;bottom:3px;top:auto;width:220px}.hero-v3 .quote-panel strong{font-size:17px}.hero-v3 .social-rail{right:24px}
.v3-intro{background:linear-gradient(180deg,#040e14 0%,#051118 100%)}.device-scene-v3{min-height:520px;perspective:1600px}.device-floor{position:absolute;left:10%;right:0;bottom:32px;height:85px;background:radial-gradient(ellipse,rgba(33,228,187,.18),transparent 62%);filter:blur(18px)}.laptop-v3{width:74%;height:330px;right:18%;top:40px;transform-style:preserve-3d;filter:drop-shadow(0 40px 35px rgba(0,0,0,.45))}.laptop-v3 .laptop-screen{height:285px;border:7px solid #0e1e2c;background:#050d13}.laptop-v3 .laptop-base{height:16px}.mini-site{height:100%;padding:30px;background:radial-gradient(circle at 70% 30%,rgba(39,224,186,.18),transparent 30%),linear-gradient(145deg,#07121b,#092130)}.mini-site small{letter-spacing:.23em}.mini-site b{display:block;font:800 46px/.94 Manrope;margin-top:35px}.mini-site b span{color:var(--v3-teal)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:27px}.mini-grid i{height:38px;border:1px solid rgba(77,235,204,.17);border-radius:5px;background:rgba(255,255,255,.03)}.phone-v3{right:1%;top:165px;width:135px;height:286px;transform-style:preserve-3d;box-shadow:0 35px 55px rgba(0,0,0,.45),0 0 30px rgba(42,222,187,.12)}.phone-v3 .app-orb{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:46px;height:46px;border-radius:14px;border:1px solid rgba(61,241,203,.25);display:grid;place-items:center;color:#1db6ff;font-weight:800;background:#071a26}.auto-spin-3d{animation:deviceTurn 12s cubic-bezier(.65,0,.35,1) infinite;transform-origin:center center}.phone-delay{animation-delay:-4.5s}.auto-spin-3d:hover{animation-duration:3.2s}.scene-note{right:-8px;top:28px}.result-chip{bottom:33px;left:37%}
.v3-services .service-card{overflow:visible;position:relative}.service-icon-wrap{width:74px;height:74px;display:grid;place-items:center;position:relative;margin-bottom:34px;transform-style:preserve-3d}.service-icon-wrap svg{width:38px;height:38px;fill:none;stroke:#1cb6ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(43,228,191,.23));transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s}.service-orbit{position:absolute;inset:0;border:1px dashed rgba(53,233,198,.32);border-radius:50%;animation:iconOrbit 8s linear infinite}.service-orbit:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#1cb6ff;top:-4px;left:50%;box-shadow:0 0 14px #1cb6ff}.service-card:hover .service-icon-wrap svg{transform:rotateY(360deg) rotateZ(8deg) scale(1.16);filter:drop-shadow(0 0 17px rgba(43,228,191,.48))}.service-card:hover .service-orbit{animation-duration:1.7s}.v3-services .service-card:nth-child(2) .service-orbit{animation-direction:reverse;animation-duration:7s}.v3-services .service-card:nth-child(3) .service-orbit{animation-duration:9s}.v3-services .service-card:nth-child(4) .service-orbit{animation-direction:reverse;animation-duration:6s}
.v3-footer{border-top:1px solid rgba(46,229,191,.11);background:#030d13}.floating-wa{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#14acfa;box-shadow:0 0 0 7px rgba(30,215,175,.08),0 10px 30px rgba(0,0,0,.3)}.floating-wa svg{width:28px;height:28px;fill:#fff}
@keyframes deviceTurn{0%,12%{transform:rotateY(-10deg) rotateX(4deg) translateY(0)}38%{transform:rotateY(5deg) rotateX(2deg) translateY(-8px)}50%{transform:rotateY(0deg) rotateX(0deg) translateY(-10px)}62%{transform:rotateY(-5deg) rotateX(2deg) translateY(-8px)}88%,100%{transform:rotateY(-10deg) rotateX(4deg) translateY(0)}}
@keyframes badgeFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-14px,0) rotate(4deg)}}
@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.05);opacity:1}}
@keyframes iconOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.header-actions .desktop-cta{display:none}.hero-v3-grid{grid-template-columns:1fr}.hero-v3-art{height:500px}.hero-code-card{left:8%;width:78%}.hero-v3 .quote-panel{right:8%}.brand-logo{width:205px}.device-scene-v3{margin-top:50px}}
@media(max-width:760px){.brand-logo{width:175px}.header-actions{margin-left:auto}.lang-switch{margin-right:8px}.hero-v3{min-height:auto}.hero-v3-grid{min-height:auto}.hero-v3 .home-hero-copy{padding-top:24px}.hero-v3 h1{font-size:clamp(48px,14vw,69px)}.hero-v3-art{height:390px}.hero-code-card{top:54px;left:4%;width:88%;height:260px}.code-pane{padding:24px}.code-pane strong{font-size:32px}.orbit-a{width:320px;height:320px}.orbit-b{width:240px;height:240px}.hero-badge{width:48px;height:48px;border-radius:13px;font-size:9px}.badge-1{top:28px}.badge-2{top:65px}.hero-v3 .quote-panel{display:none}.device-scene-v3{min-height:430px}.laptop-v3{width:82%;height:250px;right:16%}.laptop-v3 .laptop-screen{height:220px}.mini-site b{font-size:31px}.phone-v3{width:103px;height:220px;top:145px}.service-icon-wrap{width:62px;height:62px}}
/* V4 corrections */
.brand-logo{width:235px;height:66px;object-fit:cover;object-position:left top;border-radius:0;mix-blend-mode:screen}.footer-logo{width:220px;height:66px;object-fit:cover;object-position:left top;mix-blend-mode:screen}.v3-services .service-card{overflow:hidden}.v3-services .service-card:hover{overflow:visible;z-index:5}.service-icon-wrap{margin-left:4px}.about-portrait{height:auto;min-height:455px;background:#051017}.about-portrait img{width:100%;height:auto;min-height:455px;object-fit:contain;object-position:center top}
.featured-work{padding-bottom:0}.work-story{position:relative;padding:90px 0;border-top:1px solid rgba(255,255,255,.075);overflow:hidden}.work-story:before{content:'';position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(41,225,187,.12),transparent 67%);right:-180px;top:-120px;pointer-events:none}.work-story:nth-of-type(even):before{right:auto;left:-180px}.work-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;min-height:470px}.work-grid.reverse{grid-template-columns:1.18fr .82fr}.work-grid.reverse .work-copy{order:2}.work-grid.reverse .work-visual{order:1}.work-copy{position:relative;z-index:2}.work-index{display:block;color:#24b9ff;font:700 11px/1 Manrope;letter-spacing:.27em;margin-bottom:20px}.work-copy h3{font:800 clamp(38px,4.7vw,66px)/.98 Manrope;letter-spacing:-.045em;margin:0 0 22px}.work-copy p{max-width:560px;color:#a9bbb6;font-size:17px}.work-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.work-tags span{padding:7px 11px;border:1px solid rgba(65,229,196,.18);border-radius:999px;color:#6ea1ec;background:rgba(25,105,88,.08);font-size:11px}.work-visual{position:relative;min-height:440px;perspective:1400px;display:grid;place-items:center}.web-devices{transform-style:preserve-3d}.web-monitor{width:78%;height:330px;border:9px solid #0e1e2b;border-radius:14px;background:#050e14;box-shadow:0 35px 70px rgba(0,0,0,.5),0 0 35px rgba(39,220,184,.13);overflow:hidden}.browser-bar{height:26px;background:#0c1c29;padding:8px;display:flex;gap:5px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#2e5a83}.web-ui{height:calc(100% - 26px);padding:30px;background:radial-gradient(circle at 70% 20%,rgba(44,228,191,.2),transparent 30%),linear-gradient(135deg,#081823,#050e14)}.web-ui>span{display:block;width:35%;height:7px;background:#22b1ff;border-radius:9px}.web-ui>b{display:block;width:62%;height:72px;margin:28px 0;background:linear-gradient(180deg,#edf8f5 0 20%,transparent 20% 36%,#19a2eb 36% 58%,transparent 58%);opacity:.9}.web-ui>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.web-ui>div i{height:92px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03)}.web-tablet,.web-phone{position:absolute;border:7px solid #0e2231;background:#07121b;box-shadow:0 25px 45px rgba(0,0,0,.45)}.web-tablet{width:190px;height:250px;right:0;bottom:15px;border-radius:14px;transform:rotateY(-15deg) rotateZ(4deg)}.web-phone{width:92px;height:190px;right:18%;bottom:-8px;border-radius:19px;transform:translateZ(60px) rotateY(-8deg) rotateZ(-3deg)}.web-tablet div,.web-phone div{height:100%;background:linear-gradient(160deg,rgba(45,220,185,.2),transparent 38%),repeating-linear-gradient(180deg,#0a1e2b 0 18px,#07121b 18px 35px)}
.hse-window{width:94%;min-height:390px;border:8px solid #102231;border-radius:14px;background:#eef3f2;display:grid;grid-template-columns:150px 1fr;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,.48),0 0 35px rgba(43,228,191,.12)}.hse-window aside{background:#082231;padding:24px 18px;display:flex;flex-direction:column;gap:17px}.hse-window aside b{color:#2eb7ff;font:800 20px Manrope;margin-bottom:16px}.hse-window aside i{height:8px;border-radius:6px;background:#204260}.hse-window main{padding:24px;color:#102638}.hse-window main header{display:flex;justify-content:space-between;font-weight:800}.hse-window main header small{color:#4e75ac}.hse-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.hse-kpis b{padding:17px;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.06);font-size:23px;color:#145981}.hse-kpis small{display:block;font-size:9px;color:#4e75ac}.hse-table{display:grid;gap:10px}.hse-table span{height:30px;border-radius:5px;background:linear-gradient(90deg,#d9e4e1 0 45%,#f0a75e 45% 57%,#d9e4e1 57%)}
.brochure-stage{padding:25px}.brochure-card{width:94%;height:390px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 70px rgba(0,0,0,.45),0 0 40px rgba(43,228,191,.1);transform:rotateY(-5deg) rotateX(2deg)}.brochure-card img{width:100%;height:100%;object-fit:cover}.source-chip{position:absolute;bottom:5px;right:10px;padding:8px 12px;border-radius:999px;background:rgba(7,19,16,.9);border:1px solid rgba(65,229,196,.18);font-size:10px;color:#5d88c8;letter-spacing:.06em}.restaurant-stage{min-height:500px}.restaurant-shot{position:absolute;width:67%;height:360px;border:7px solid #0e1f2e;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 35px 70px rgba(0,0,0,.5)}.restaurant-shot img{width:100%;height:100%;object-fit:cover;object-position:center}.shot-a{left:4%;top:35px;transform:rotateY(8deg) rotateZ(-3deg)}.shot-b{right:1%;bottom:25px;transform:rotateY(-9deg) rotateZ(4deg)}.restaurant-stage .source-chip{bottom:0;left:10%;right:auto}
@media(max-width:1000px){.work-grid,.work-grid.reverse{grid-template-columns:1fr;gap:25px}.work-grid.reverse .work-copy,.work-grid.reverse .work-visual{order:initial}.work-visual{min-height:400px}.restaurant-stage{min-height:480px}.about-portrait img{min-height:0}}
@media(max-width:700px){.work-story{padding:65px 0}.work-copy h3{font-size:42px}.work-visual{min-height:330px}.web-monitor{width:88%;height:250px}.web-tablet{width:125px;height:180px}.web-phone{width:70px;height:145px}.hse-window{grid-template-columns:90px 1fr;min-height:300px}.hse-window aside{padding:16px 10px}.hse-window main{padding:14px}.hse-kpis b{padding:10px;font-size:16px}.brochure-card{height:300px}.restaurant-stage{min-height:390px}.restaurant-shot{height:280px;width:75%}.brand-logo{width:180px;height:54px}.footer-logo{height:60px}}

/* ===== V5 polish & detailed pages ===== */
.brand-logo,.footer-logo{width:250px;height:auto;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}.footer-logo{width:220px}
.grid-4,.content-grid,.work-grid,.service-card,.service-icon-wrap,.featured-work,.work-story,.work-visual{overflow:visible}.tilt-card{transform-style:preserve-3d;will-change:transform}.service-card{overflow:visible}.service-card:before{pointer-events:none;border-radius:inherit}.service-icon-wrap{position:relative;z-index:3;transform-style:preserve-3d;isolation:isolate}.service-icon-wrap svg{overflow:visible;transform:translateZ(28px)}
.tech-marquee{overflow:hidden}.marquee-track{display:flex;gap:0;width:max-content;animation:marquee-v5 32s linear infinite;will-change:transform}.marquee-group{display:flex;flex:none;align-items:center;gap:46px;padding-right:46px}.marquee-group span{font:700 17px 'Manrope';color:#668fd3;white-space:nowrap}@keyframes marquee-v5{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brochure-stage-full{min-height:560px;display:flex;align-items:center;justify-content:center;gap:22px;padding:22px;overflow:visible}.brochure-page{background:#111;border:1px solid rgba(82,241,210,.22);border-radius:20px;padding:8px;box-shadow:0 25px 70px rgba(0,0,0,.35);overflow:visible;transform-style:preserve-3d}.brochure-page img{display:block;width:100%;height:auto;object-fit:contain;border-radius:13px}.brochure-stage-full .brochure-page{width:46%;max-width:430px}.booking-page-a{transform:rotateY(7deg) rotateZ(-1deg)}.booking-page-b{transform:translateY(25px) rotateY(-7deg) rotateZ(1deg)}
.about-portrait{overflow:hidden}.about-portrait img{width:100%;height:auto!important;object-fit:contain!important;object-position:center!important;max-height:none!important}
.detail-hero{padding-bottom:90px}.detail-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:58px;align-items:center}.detail-hero-media{position:relative;min-height:520px;display:grid;place-items:center}.detail-hero-media:before{content:"";position:absolute;inset:8%;background:radial-gradient(circle,rgba(41,165,135,.28),transparent 65%);filter:blur(35px)}.detail-hero-media img{position:relative;z-index:1;max-height:590px;width:100%;object-fit:contain;border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.42)}.accent-text{color:var(--accent2)}
.service-detail-grid .glass-card{min-height:215px}.service-detail-grid .glass-card:after{content:"";position:absolute;inset:auto 18px 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);opacity:.45;transform:scaleX(.25);transition:.35s}.service-detail-grid .glass-card:hover:after{transform:scaleX(1)}
.media-story{position:relative}.media-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.media-stack{position:relative;min-height:600px;display:grid;place-items:center}.media-main{width:100%;max-height:620px;object-fit:contain;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow)}.media-float{position:absolute;right:-18px;bottom:44px;background:rgba(7,17,15,.9);border:1px solid rgba(82,241,210,.3);border-radius:18px;padding:15px 18px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.media-float span{display:block;color:var(--accent2);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.media-float strong{display:block;margin-top:5px}
.app-hero-pages{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;gap:18px;perspective:1200px}.app-hero-pages .brochure-page{width:48%;max-width:390px}.app-hero-pages .brochure-page:first-child{transform:rotateY(8deg) translateY(-10px)}.app-hero-pages .brochure-page:last-child{transform:rotateY(-8deg) translateY(25px)}
.brochure-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.brochure-gallery figure,.image-detail-grid figure{margin:0;background:linear-gradient(155deg,rgba(16,38,33,.86),rgba(7,17,15,.9));border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}.brochure-gallery img,.image-detail-grid img{width:100%;height:auto;object-fit:contain;border-radius:16px}.brochure-gallery figcaption,.image-detail-grid figcaption{padding:13px 8px 6px;color:var(--muted);font-size:14px}
.software-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding:54px 0;border-top:1px solid var(--line)}.software-showcase.reverse .software-image{order:2}.software-showcase.reverse .software-copy{order:1}.software-image{position:relative;padding:20px}.software-image:before{content:"";position:absolute;inset:15%;background:rgba(41,165,135,.25);filter:blur(55px)}.software-image img{position:relative;z-index:1;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:24px;border:1px solid rgba(82,241,210,.25);box-shadow:0 30px 80px rgba(0,0,0,.4)}.software-copy h3{font:800 clamp(32px,4vw,50px)/1.05 'Manrope';margin:0 0 16px}.software-copy p{color:var(--muted);font-size:18px}.image-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.it-visual{position:relative;min-height:520px;display:grid;place-items:center;perspective:1000px}.server-stack{width:min(460px,85%);display:grid;gap:14px;transform:rotateY(-10deg) rotateX(4deg);filter:drop-shadow(0 35px 60px rgba(0,0,0,.45))}.server-stack span{height:78px;border-radius:14px;border:1px solid rgba(82,241,210,.35);background:linear-gradient(100deg,#07141d,#0a2231);position:relative;box-shadow:inset 0 0 25px rgba(41,165,135,.08)}.server-stack span:before{content:"";position:absolute;left:22px;top:31px;width:12px;height:12px;border-radius:50%;background:var(--accent2);box-shadow:25px 0 0 var(--accent),50px 0 0 rgba(255,255,255,.25)}.it-console{position:absolute;right:2%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;background:rgba(5,13,11,.86);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px)}.it-console i{font-style:normal;padding:9px 11px;border-radius:10px;background:rgba(41,165,135,.1);color:var(--accent2);font-size:12px}.it-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.it-flow div{padding:24px 16px;border-radius:20px;background:var(--panel);border:1px solid var(--line);text-align:center}.it-flow b{display:block;color:var(--accent2);font-size:26px}.it-flow span{color:#dbe7e4}
.project-detail-list .container{display:grid;gap:90px}.project-detail{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.project-detail.reverse .project-detail-media{order:2}.project-detail.reverse .project-detail-copy{order:1}.project-detail-media{min-height:520px;display:grid;place-items:center;position:relative;padding:18px;border-radius:30px;background:linear-gradient(155deg,rgba(16,38,33,.72),rgba(7,17,15,.86));border:1px solid var(--line);overflow:hidden}.project-detail-media>img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:20px}.project-detail-copy h2{font:800 clamp(38px,5vw,64px)/1 'Manrope';margin:12px 0 18px}.project-detail-copy>p{font-size:18px;color:var(--muted)}.project-facts{display:grid;gap:10px;margin:25px 0 28px}.project-facts span{display:flex;gap:13px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted)}.project-facts b{min-width:90px;color:#fff}.booking-project-media{grid-template-columns:1fr 1fr;gap:12px;overflow:visible}.booking-project-media img{max-height:none!important;object-fit:contain!important}.booking-project-media img:first-child{transform:rotate(-1.5deg)}.booking-project-media img:last-child{transform:rotate(1.5deg) translateY(18px)}.restaurant-project-media{grid-template-columns:1fr 1fr;gap:14px;overflow:visible}.restaurant-project-media img{max-height:500px!important;object-fit:contain!important}.hse-media{overflow:visible}.hse-project{width:100%;max-width:780px;min-height:420px;transform:none!important}
@media(max-width:980px){.detail-hero-grid,.media-story-grid,.software-showcase,.project-detail{grid-template-columns:1fr}.project-detail.reverse .project-detail-media,.software-showcase.reverse .software-image{order:0}.project-detail.reverse .project-detail-copy,.software-showcase.reverse .software-copy{order:0}.detail-hero-media{min-height:0}.app-hero-pages{min-height:0}.brochure-stage-full{min-height:0}.media-stack{min-height:0}.it-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.brand-logo{width:190px}.footer-logo{width:190px}.marquee-group{gap:30px;padding-right:30px}.brochure-stage-full,.app-hero-pages{display:grid;grid-template-columns:1fr;gap:18px}.brochure-stage-full .brochure-page,.app-hero-pages .brochure-page{width:100%;max-width:none;transform:none!important}.brochure-gallery,.image-detail-grid,.booking-project-media,.restaurant-project-media{grid-template-columns:1fr}.project-detail-media{min-height:0;padding:10px}.project-detail-list .container{gap:60px}.it-flow{grid-template-columns:1fr 1fr}.media-float{position:static;margin-top:12px}.about-portrait img{width:100%;height:auto!important}}


/* ===== V5 correzioni richieste 07-09-2026 ===== */
.work-jump-link{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;min-height:52px;padding:2px 2px 2px 0}.work-jump-link b,.work-jump-link small{display:block}.work-jump-link small{margin-top:3px;color:#537ab4;font-size:12px}.work-jump-link svg{width:28px;height:28px;fill:none;stroke:#1dc1ff;stroke-width:1.8;transition:.25s}.work-jump-link:hover svg{transform:translateX(6px)}
.social-rail a svg{width:18px;height:18px;fill:currentColor}.social-rail a:nth-child(2){color:#21b9ff}.social-rail a:nth-child(2):hover{color:#040d13;background:#21b9ff}

.web-monitor{overflow:hidden}.web-monitor .device-screen{height:calc(100% - 26px);overflow:hidden;background:#050e14}.web-monitor .device-screen img{width:100%;height:100%;object-fit:cover;object-position:center 4%;display:block}.web-tablet,.web-phone{overflow:hidden;padding:0}.web-tablet .device-screen,.web-phone .device-screen{width:100%;height:100%;overflow:hidden;border-radius:inherit}.web-tablet img,.web-phone img{width:100%;height:100%;object-fit:cover;display:block}.web-tablet img{object-position:center 17%}.web-phone img{object-position:48% 10%}.web-tablet:after,.web-phone:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}

.booking-devices{min-height:500px;display:flex;align-items:center;justify-content:center;gap:28px;perspective:1400px}.booking-tablet,.booking-phone{position:relative;background:#071119;border:8px solid #0f202f;box-shadow:0 35px 70px rgba(0,0,0,.48),0 0 30px rgba(43,228,191,.1);overflow:hidden}.booking-tablet{width:66%;height:355px;border-radius:22px;transform:rotateY(8deg) rotateZ(-1deg)}.booking-phone{width:150px;height:320px;border-radius:28px;transform:translateY(28px) rotateY(-10deg) rotateZ(2deg)}.booking-screen{width:100%;height:100%;overflow:hidden;background:#0a121a}.booking-screen img{width:100%;height:100%;object-fit:cover;display:block}.booking-tablet .booking-screen img{object-position:center}.booking-phone .booking-screen img{object-position:58% center;transform:scale(1.15)}.booking-notch{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:54px;height:7px;border-radius:999px;background:#192a3e}

.restaurant-workstation{min-height:500px}.restaurant-workstation-card{width:96%;max-width:760px;border-radius:20px;overflow:hidden;border:1px solid rgba(82,241,210,.22);box-shadow:0 35px 80px rgba(0,0,0,.45),0 0 45px rgba(43,228,191,.09)}.restaurant-workstation-card img{display:block;width:100%;height:auto;object-fit:cover}

.about-home-grid{grid-template-columns:1fr .68fr .5fr}.about-portrait{height:405px!important;min-height:405px!important;overflow:hidden}.about-portrait img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center 7%!important;max-height:none!important}

@media(max-width:1000px){.booking-devices{min-height:430px}.booking-tablet{width:72%;height:315px}.booking-phone{width:135px;height:285px}.about-portrait{height:390px!important;min-height:390px!important}}
@media(max-width:700px){.booking-devices{min-height:360px;gap:12px}.booking-tablet{width:72%;height:235px;border-width:6px}.booking-phone{width:94px;height:205px;border-width:5px}.restaurant-workstation{min-height:330px}.about-portrait{height:360px!important;min-height:360px!important}.work-jump-link{margin-top:2px}}

/* === V5 correzioni mirate: Siti Web + WhatsApp rail === */
.web-devices-real{min-height:470px;display:block;position:relative;perspective:1500px}
.desktop-device{position:absolute;left:3%;top:35px;width:72%;height:355px;transform-style:preserve-3d;filter:drop-shadow(0 34px 42px rgba(0,0,0,.48))}
.desktop-bezel{height:315px;border:10px solid #0e1e2b;border-radius:16px;background:#050e14;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 38px rgba(41,225,187,.10)}
.desktop-device .browser-bar{height:28px}.desktop-device .browser-bar span{margin-left:auto;font-size:9px;letter-spacing:.12em;color:#3c618e}
.desktop-screen{height:calc(100% - 28px);overflow:hidden;background:#050e14}
.desktop-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.desktop-neck{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:54px;height:34px;background:linear-gradient(180deg,#192c40,#0b1620);clip-path:polygon(30% 0,70% 0,84% 100%,16% 100%)}
.desktop-foot{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:150px;height:13px;border-radius:50% 50% 8px 8px;background:linear-gradient(180deg,#21364f,#0c1722);box-shadow:0 9px 18px rgba(0,0,0,.32)}
.tablet-device{position:absolute;right:4%;top:128px;width:210px;height:270px;padding:10px;border-radius:18px;background:linear-gradient(145deg,#192b3f,#0a141d);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 48px rgba(0,0,0,.46),0 0 24px rgba(38,214,178,.08);transform:rotateY(-10deg) rotateZ(2deg)}
.tablet-camera{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#355076;z-index:2}
.tablet-screen{height:100%;overflow:hidden;border-radius:10px;background:#050e14}
.tablet-screen img{width:100%;height:100%;object-fit:cover;object-position:50% 4%;display:block}
.phone-device{position:absolute;right:25%;bottom:8px;width:105px;height:216px;padding:7px;border-radius:24px;background:linear-gradient(145deg,#1a2d42,#09121b);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 25px rgba(44,224,186,.10);transform:translateZ(55px) rotateY(-6deg) rotateZ(-3deg);z-index:5}
.phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:34px;height:5px;border-radius:6px;background:#070e15;z-index:3}
.phone-screen{height:100%;overflow:hidden;border-radius:17px;background:#050e14}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:52% 3%;display:block}
.social-rail .rail-whatsapp{color:#16b3ff;background:rgba(34,224,127,.08);box-shadow:inset 0 0 0 1px rgba(34,224,127,.13)}
.social-rail .rail-whatsapp svg{width:21px;height:21px;fill:currentColor}
.social-rail .rail-whatsapp:hover{color:#041a25;background:#18a9ee;box-shadow:0 0 26px rgba(37,211,102,.30)}
@media(max-width:1100px){.web-devices-real{min-height:430px}.desktop-device{left:2%;width:75%;height:325px}.desktop-bezel{height:285px}.tablet-device{right:1%;width:185px;height:245px}.phone-device{right:22%;width:92px;height:190px}}
@media(max-width:760px){.web-devices-real{min-height:360px;margin-top:20px}.desktop-device{left:0;top:28px;width:78%;height:260px}.desktop-bezel{height:228px;border-width:7px}.desktop-foot{width:110px}.tablet-device{right:0;top:95px;width:130px;height:190px;padding:7px}.phone-device{right:22%;bottom:0;width:72px;height:150px;padding:5px}.phone-speaker{top:5px;width:24px;height:4px}}

/* === V5 correzioni 3: dinamica pagine interne + device reali === */
.motion-reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.motion-reveal.motion-visible{opacity:1;transform:none}
.motion-stage{position:relative;transform-style:preserve-3d;perspective:1400px}
.motion-device{will-change:transform,filter}
.motion-device-a{animation:vgFloatA 7.2s ease-in-out infinite}
.motion-device-b{animation:vgFloatB 8.4s ease-in-out infinite -1.4s}
.motion-device-c{animation:vgFloatC 6.8s ease-in-out infinite -2.2s}
@keyframes vgFloatA{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes vgFloatB{0%,100%{translate:0 0}50%{translate:0 11px}}
@keyframes vgFloatC{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.motion-device-a,.motion-device-b,.motion-device-c,.floating-wa{animation:none!important}.motion-reveal{opacity:1;transform:none}}

/* Home 01/WEB: now it visibly moves without altering the V5 layout */
.work-web .web-devices-real{filter:drop-shadow(0 30px 55px rgba(0,0,0,.30))}
.work-web .desktop-device{animation:vgFloatA 7.5s ease-in-out infinite}
.work-web .tablet-device{animation:vgTabletFloat 8.2s ease-in-out infinite -1.4s}
.work-web .phone-device{animation:vgPhoneFloat 6.7s ease-in-out infinite -2.1s}
@keyframes vgTabletFloat{0%,100%{transform:rotateY(-10deg) rotateZ(2deg) translateY(0)}50%{transform:rotateY(-7deg) rotateZ(1deg) translateY(-14px)}}
@keyframes vgPhoneFloat{0%,100%{transform:translateZ(55px) rotateY(-6deg) rotateZ(-3deg) translateY(0)}50%{transform:translateZ(65px) rotateY(-2deg) rotateZ(-1deg) translateY(12px)}}

/* Reusable responsive web device composition on projects + web service page */
.reusable-web-devices{width:100%;min-height:430px}
.project-detail-media.web-devices-real{background:linear-gradient(155deg,rgba(14,35,30,.82),rgba(6,16,14,.94));border:1px solid rgba(82,241,210,.10);border-radius:26px;padding:12px;overflow:visible}
.compact-web-devices{min-height:410px!important;width:100%}
.compact-web-devices .desktop-device{width:70%;height:315px;left:2%;top:30px}
.compact-web-devices .desktop-bezel{height:276px}
.compact-web-devices .tablet-device{width:175px;height:235px;right:0;top:105px}
.compact-web-devices .phone-device{width:86px;height:180px;right:22%;bottom:4px}

/* Unique visual for the Web Development approach section (not the same showcase image) */
.web-blueprint-scene{min-height:470px;display:grid;place-items:center;overflow:visible}
.web-blueprint-scene:before{content:"";position:absolute;inset:8% 4%;background:radial-gradient(circle at 50% 45%,rgba(46,226,190,.14),transparent 54%);filter:blur(8px)}
.bp-grid-lines{position:absolute;inset:6% 3%;border-radius:28px;opacity:.2;background-image:linear-gradient(rgba(79,229,198,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(79,229,198,.14) 1px,transparent 1px);background-size:34px 34px;transform:perspective(700px) rotateX(62deg) translateY(48px)}
.blueprint-browser{position:relative;z-index:2;width:76%;height:330px;border:8px solid #0e1f2e;border-radius:18px;overflow:hidden;background:#050e14;box-shadow:0 34px 70px rgba(0,0,0,.45),0 0 38px rgba(47,228,191,.11)}
.blueprint-content{height:calc(100% - 26px);padding:24px;background:linear-gradient(145deg,#07151e,#061b28)}
.bp-nav{height:9px;width:52%;border-radius:8px;background:linear-gradient(90deg,#20afff 0 20%,rgba(255,255,255,.18) 20% 55%,transparent 55%)}
.bp-hero{margin-top:32px;height:105px;border:1px solid rgba(72,231,198,.17);border-radius:12px;padding:20px;display:grid;gap:12px;background:rgba(255,255,255,.025)}
.bp-hero span{height:10px;width:45%;background:#24b2ff;border-radius:8px}.bp-hero b{height:30px;width:72%;background:linear-gradient(90deg,rgba(255,255,255,.85) 0 54%,transparent 54%)}
.bp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.bp-cards i{height:70px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.bp-chip{position:absolute;z-index:3;padding:13px 16px;border:1px solid rgba(74,236,203,.25);border-radius:14px;background:rgba(5,17,14,.92);backdrop-filter:blur(12px);font:700 10px Manrope;letter-spacing:.14em;color:#679fea;box-shadow:0 18px 40px rgba(0,0,0,.3)}.bp-chip b{display:block;color:#32c0ff;font-size:22px;letter-spacing:0}.chip-seo{left:1%;top:72px}.chip-speed{right:0;bottom:70px}

/* Restaurant software: real desktop/tablet/mobile frames + full uncropped screenshots */
.software-device-scene{min-height:410px;width:100%;overflow:visible}
.soft-desktop{position:absolute;left:2%;top:45px;width:72%;height:290px}
.soft-desktop-screen{height:245px;padding:8px;border:8px solid #112232;border-radius:14px;background:#040d13;box-shadow:0 30px 60px rgba(0,0,0,.46),0 0 30px rgba(41,225,187,.10)}
.soft-desktop-screen img,.soft-tablet img,.soft-phone img{width:100%;height:100%;object-fit:contain;background:#f5f5f3}
.soft-stand{width:110px;height:30px;margin:auto;background:linear-gradient(#192e44,#0b151e);clip-path:polygon(38% 0,62% 0,76% 100%,24% 100%);position:relative}.soft-stand:after{content:"";position:absolute;width:155px;height:10px;border-radius:50%;background:#101c29;left:50%;bottom:-7px;transform:translateX(-50%)}
.soft-tablet{position:absolute;right:2%;top:126px;width:180px;height:235px;padding:9px;background:#0e1e2b;border:1px solid rgba(255,255,255,.13);border-radius:18px;box-shadow:0 25px 48px rgba(0,0,0,.44);transform:rotateZ(2deg)}
.soft-phone{position:absolute;right:25%;bottom:0;width:85px;height:175px;padding:6px;background:#0f1e2c;border:1px solid rgba(255,255,255,.13);border-radius:20px;box-shadow:0 24px 45px rgba(0,0,0,.48);transform:rotateZ(-4deg);z-index:4}
.full-software-shot{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:18px;background:#fff}
.software-image{overflow:hidden;background:#051118;border-radius:22px;padding:12px}.software-image img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.software-image:hover img{transform:scale(1.018)}

/* App hero: tablet + phone are real HTML device frames, no brochure pages in the device mockup */
.booking-ui-scene{min-height:400px;overflow:visible}
.booking-ui-tablet{position:absolute;left:8%;top:38px;width:66%;height:305px;padding:10px;border-radius:20px;background:linear-gradient(145deg,#192d42,#0a131c);border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 70px rgba(0,0,0,.46),0 0 32px rgba(41,225,187,.09)}
.booking-ui-phone{position:absolute;right:3%;top:105px;width:142px;height:285px;padding:7px;border-radius:27px;background:linear-gradient(145deg,#1a2e43,#0a131c);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 55px rgba(0,0,0,.5);z-index:5}
.booking-ui-screen{height:100%;overflow:hidden;border-radius:12px;background:#f8fbfa}.booking-ui-phone .booking-ui-screen{border-radius:20px}
.booking-app-ui{height:100%;padding:18px;color:#0a1a27;background:linear-gradient(180deg,#f7faf9,#edf4f1)}.booking-app-ui.dark{background:linear-gradient(150deg,#0a1823,#071119);color:#e9f7f3}
.app-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(20,50,43,.15)}.booking-app-ui.dark .app-top{border-color:rgba(255,255,255,.09)}.app-top b{font:800 20px Manrope}.app-top span{font-size:11px;color:#1a86c2}
.app-calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.app-calendar i{height:42px;border-radius:8px;background:rgba(41,165,135,.09);border:1px solid rgba(41,165,135,.10)}.app-calendar i.on{background:linear-gradient(135deg,#1b84c0,#35c1ff);box-shadow:0 8px 18px rgba(41,165,135,.22)}
.app-row{display:grid;gap:8px;margin-top:18px}.app-row span{height:16px;border-radius:10px;background:rgba(255,255,255,.08)}
.service-pill{margin:24px 0 16px;padding:12px;border-radius:13px;background:#0a1e2b;color:#fff;font-size:12px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-grid i{font-style:normal;font-size:10px;text-align:center;padding:8px 4px;border-radius:10px;border:1px solid rgba(41,165,135,.18);background:#fff}.confirm-pill{margin-top:18px;padding:10px;border-radius:999px;text-align:center;background:linear-gradient(135deg,#1b84c0,#2baefd);color:#fff;font-weight:700;font-size:11px}

/* CTA buttons: keep text and arrow on one line, animate consistently on every service/about page */
.cta-band .btn,.hero-actions .btn{white-space:nowrap;min-width:max-content;line-height:1.1}
.cta-band{position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-100px;border:28px solid rgba(70,236,200,.06);animation:ctaOrbit 12s linear infinite;pointer-events:none}@keyframes ctaOrbit{to{transform:rotate(360deg)}}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:120;width:58px!important;height:58px!important;animation:waPulse 2.8s ease-in-out infinite}.floating-wa svg{width:30px!important;height:30px!important;display:block}.floating-wa:hover{transform:translateY(-4px) scale(1.04);animation:none}@keyframes waPulse{0%,100%{box-shadow:0 0 0 7px rgba(30,215,175,.08),0 10px 30px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 14px rgba(30,215,175,0),0 16px 36px rgba(0,0,0,.36)}}

/* Internal page motion polish */
.detail-hero .reveal.visible,.page-hero .reveal.visible{animation:heroSettle .75s cubic-bezier(.2,.8,.2,1) both}@keyframes heroSettle{from{filter:blur(5px);transform:translateY(24px)}to{filter:none;transform:none}}
.glass-card.motion-visible,.timeline-item.motion-visible,.feature-item.motion-visible{transition-delay:var(--motion-delay,0ms)}
.project-detail-media img.motion-media{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s}.project-detail-media:hover img.motion-media{transform:scale(1.025);filter:saturate(1.05)}

@media(max-width:900px){.compact-web-devices,.software-device-scene,.booking-ui-scene{min-height:360px}.soft-desktop{width:76%}.soft-tablet{width:145px;height:205px}.soft-phone{right:22%;width:72px;height:150px}.booking-ui-tablet{left:2%;width:72%;height:270px}.booking-ui-phone{width:115px;height:245px}.web-blueprint-scene{min-height:400px}.blueprint-browser{width:86%;height:290px}}
@media(max-width:680px){.compact-web-devices{min-height:330px!important}.compact-web-devices .desktop-device{width:78%;height:240px}.compact-web-devices .desktop-bezel{height:210px}.compact-web-devices .tablet-device{width:120px;height:175px;top:105px}.compact-web-devices .phone-device{width:65px;height:135px}.software-device-scene{min-height:330px}.soft-desktop{width:78%;height:230px}.soft-desktop-screen{height:195px;border-width:6px}.soft-tablet{width:110px;height:160px;top:110px}.soft-phone{width:60px;height:125px}.booking-ui-scene{min-height:330px}.booking-ui-tablet{width:73%;height:220px}.booking-ui-phone{width:92px;height:195px;top:110px}.web-blueprint-scene{min-height:330px}.blueprint-browser{width:94%;height:245px;border-width:6px}.bp-chip{display:none}}

/* V5 correzioni 4 — project-specific visuals, about resume, software scenes */
.project-web-visual,.project-hse-visual,.project-booking-visual,.project-restaurant-visual{min-height:500px;overflow:hidden!important}
.project-web-visual{display:flex;align-items:flex-end;justify-content:center;gap:18px;padding:34px 28px 26px!important}
.proj-web-desktop{width:62%;position:relative;flex:0 0 auto}.proj-device-bar{height:28px;background:#0e1c29;border:1px solid rgba(255,255,255,.09);border-bottom:0;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:6px;padding:0 10px;color:#4e73a9;font-size:10px}.proj-device-bar i{width:6px;height:6px;border-radius:50%;background:#314e73}.proj-device-bar span{margin-left:6px}.proj-screen{overflow:hidden;background:#040d13}.proj-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.proj-web-desktop .proj-screen{aspect-ratio:16/9;border:8px solid #111d2a;border-top-width:2px}.proj-monitor-neck{width:16%;height:32px;margin:auto;background:linear-gradient(#121f2e,#0b141d)}.proj-monitor-base{width:38%;height:10px;margin:auto;background:#19293c;border-radius:50%}.proj-web-tablet{width:22%;padding:7px;border-radius:18px;background:#152232;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.proj-web-tablet .proj-screen{aspect-ratio:3/4;border-radius:11px}.proj-web-phone{width:12%;padding:5px;border-radius:22px;background:#152232;border:1px solid rgba(255,255,255,.12);flex:0 0 auto;position:relative}.proj-web-phone .proj-screen{aspect-ratio:9/18.5;border-radius:17px}.proj-phone-speaker{width:30%;height:4px;border-radius:10px;background:#496798;margin:1px auto 4px}
.project-hse-visual{display:grid!important;place-items:center}.proj-hse-browser{width:82%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}.proj-hse-browser .hse-window{border-radius:0 0 18px 18px}.proj-hse-chip{position:absolute!important;right:7%;bottom:10%;width:190px;padding:16px;border-radius:16px;background:rgba(8,22,18,.92);border:1px solid rgba(82,241,210,.18);box-shadow:0 20px 45px rgba(0,0,0,.32)}.proj-hse-chip b,.proj-hse-chip span{display:block}.proj-hse-chip span{color:var(--muted);font-size:12px;margin-top:4px}
.project-booking-visual{display:flex!important;align-items:center;justify-content:center;gap:26px}.proj-booking-tablet{width:62%;height:330px;padding:10px;border-radius:22px;background:#192b3f;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 65px rgba(0,0,0,.35)}.proj-booking-phone{width:140px;height:285px;padding:7px;border-radius:28px;background:#192b3f;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 55px rgba(0,0,0,.4)}
.project-restaurant-visual{display:grid!important;place-items:center}.proj-rest-workstation{width:88%}.proj-rest-workstation img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 55px rgba(0,0,0,.38))}.proj-rest-ticket{position:absolute!important;right:6%;bottom:9%;width:170px;padding:14px 16px;border-radius:14px;background:#f2f0e9;color:#0f1a27;transform:rotate(2deg);box-shadow:0 18px 40px rgba(0,0,0,.34)}.proj-rest-ticket b,.proj-rest-ticket span,.proj-rest-ticket i{display:block}.proj-rest-ticket span,.proj-rest-ticket i{font-size:11px;margin-top:3px}.proj-rest-ticket i{font-style:normal;color:#354f74}
.about-photo-frame{max-width:470px;margin-inline:auto;padding:0;background:transparent;border:0;overflow:visible}.about-photo-frame img{box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(82,241,210,.13)}.about-live-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.about-live-facts span{min-width:130px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;color:var(--muted);background:rgba(255,255,255,.02)}.about-live-facts b{display:block;color:var(--accent2);font:800 20px/1.1 Manrope}.resume-original .section-head{align-items:flex-end}.resume-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resume-panel{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(16,38,33,.54),rgba(7,17,15,.72))}.resume-panel>h3{font:800 28px Manrope;margin:0 0 18px}.resume-panel article{padding:20px 0;border-top:1px solid var(--line)}.resume-panel h4{font:700 19px Manrope;margin:0 0 4px}.resume-panel strong,.resume-panel time{display:block;color:var(--accent2);font-size:13px;margin:4px 0}.resume-panel p{color:var(--muted);margin:8px 0 0}
.software-command-scene{min-height:430px;position:relative;overflow:visible}.soft-command-monitor{position:absolute;left:4%;top:45px;width:68%;filter:drop-shadow(0 34px 70px rgba(0,0,0,.42))}.soft-command-screen{height:270px;border:9px solid #111d2a;border-top-width:2px;background:#040d13;overflow:hidden}.soft-command-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.soft-command-stand{width:34%;height:38px;margin:auto;background:linear-gradient(#152334,#0b141d);clip-path:polygon(40% 0,60% 0,72% 100%,28% 100%)}.soft-command-panel{position:absolute!important;right:2%;top:92px;width:175px;padding:18px;border-radius:18px;background:rgba(8,22,18,.94);border:1px solid rgba(82,241,210,.18);box-shadow:0 25px 50px rgba(0,0,0,.34)}.soft-command-panel b,.soft-command-panel span,.soft-command-panel em{display:block}.soft-command-panel span{color:var(--muted);font-size:12px}.soft-command-panel em{font-style:normal;color:var(--accent2);margin-top:8px}.soft-command-printer{position:absolute!important;right:8%;bottom:40px;width:145px;padding:14px;border-radius:14px;background:#0e1c29;border:1px solid var(--line)}.soft-command-printer span,.soft-command-printer b{display:block}.soft-command-printer span{font-size:10px;letter-spacing:.2em;color:#5376ae}.soft-command-printer i{position:absolute;right:12px;top:18px;color:var(--accent2);font-style:normal}
.software-scene{min-height:430px;display:grid;place-items:center;position:relative}.scene-monitor{width:82%;position:relative}.scene-screen{aspect-ratio:16/10;border:10px solid #101c29;background:#040d13;overflow:hidden;border-radius:14px}.scene-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.scene-stand{width:36%;height:36px;background:linear-gradient(#152435,#0a121b);margin:auto;clip-path:polygon(40% 0,60% 0,74% 100%,26% 100%)}.scene-status{position:absolute;right:4%;bottom:14%;padding:13px 16px;border-radius:14px;background:rgba(7,18,15,.94);border:1px solid rgba(82,241,210,.2)}.scene-status b,.scene-status span{display:block}.scene-status span{font-size:12px;color:var(--muted)}.print-scene{grid-template-columns:.8fr 1.2fr;gap:22px}.scene-printer{width:220px;height:230px;border-radius:22px;background:linear-gradient(145deg,#19293c,#0c151e);position:relative;box-shadow:0 28px 55px rgba(0,0,0,.35)}.printer-top{position:absolute;left:22px;right:22px;top:25px;height:28px;border-radius:8px;background:#081017}.printer-ticket{position:absolute;left:34px;right:34px;top:50px;padding:18px 14px;background:#f5f2e9;color:#101a27;box-shadow:0 10px 25px rgba(0,0,0,.25)}.printer-ticket b,.printer-ticket span{display:block}.printer-ticket span{font-size:11px;margin-top:6px;border-bottom:1px dashed #aeb8b3;padding-bottom:4px}.scene-queue{width:100%;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.queue-head{font:700 18px Manrope;margin-bottom:12px}.queue-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.queue-row i{width:8px;height:8px;border-radius:50%;background:var(--accent2)}.queue-row b{font-size:12px;color:var(--accent2)}.scene-queue img{margin-top:14px;width:100%;max-height:170px;object-fit:cover;object-position:top;border-radius:12px;opacity:.88}
@media(max-width:900px){.project-web-visual{min-height:420px;gap:10px}.proj-web-desktop{width:65%}.proj-web-tablet{width:21%}.proj-web-phone{width:12%}.resume-columns{grid-template-columns:1fr}.software-command-scene{min-height:380px}.print-scene{grid-template-columns:1fr}.scene-printer{margin:auto}}
@media(max-width:680px){.project-web-visual{min-height:auto;display:grid!important;grid-template-columns:1fr 120px 72px;align-items:end}.proj-web-desktop{width:100%}.proj-web-tablet,.proj-web-phone{width:100%}.project-hse-visual,.project-booking-visual,.project-restaurant-visual{min-height:360px}.proj-booking-tablet{width:68%;height:230px}.proj-booking-phone{width:92px;height:195px}.about-photo-frame{max-width:360px}.soft-command-monitor{width:78%;left:0}.soft-command-panel{right:0;width:140px}.soft-command-printer{right:4%;bottom:10px}.software-scene{min-height:350px}.print-scene{display:grid!important}.scene-queue{padding:14px}}

/* V5 correzioni 5 — Resume / La mia Storia, replica strutturale del riferimento */
.resume-story{padding-top:88px;padding-bottom:100px;overflow:hidden}
.resume-story .container{max-width:1180px}
.resume-story-head{text-align:center;margin-bottom:62px}
.resume-word{display:block;font:800 clamp(38px,4vw,58px)/1 Georgia,serif;letter-spacing:.035em;color:#f5f5f1}
.resume-sub{margin-top:13px;font:700 25px/1.1 Georgia,serif;color:#f5f5f1}.resume-sub span{font:800 12px/1 Manrope;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-right:10px}
.resume-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.resume-accordion-column>h3{font:700 21px/1.2 Georgia,serif;margin:0 0 28px;padding-left:22px}
.resume-rail{position:relative;border-top:1px solid rgba(255,255,255,.55)}
.resume-rail:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.55)}
.resume-acc{position:relative;border-bottom:1px solid rgba(255,255,255,.55);padding:0 28px 0 22px}
.resume-acc-toggle{appearance:none;border:0;background:none;color:inherit;width:100%;min-height:66px;padding:0;text-align:left;cursor:pointer;font:700 17px/1.25 Georgia,serif;display:flex;align-items:center;justify-content:space-between;gap:20px}
.resume-symbol{position:absolute;right:-18px;top:32px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#0a151f;display:grid;place-items:center;font:400 20px/1 Manrope;color:#fff;z-index:2;box-shadow:0 0 0 5px #050e14;transition:.25s ease}
.resume-acc-toggle:hover .resume-symbol{border-color:var(--accent2);color:var(--accent2);box-shadow:0 0 0 5px #050e14,0 0 24px rgba(49,231,196,.16)}
.resume-acc-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease,padding .38s ease;padding:0}.resume-acc-body>*{overflow:hidden}
.resume-acc.is-open .resume-acc-body{grid-template-rows:1fr;opacity:1;padding:0 0 24px}
.resume-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.resume-title-row h4{font:700 25px/1.25 Georgia,serif;margin:0}.resume-title-row strong{font:800 11px/1.2 Manrope;text-transform:uppercase;color:#fff;white-space:nowrap;margin-top:8px}
.resume-acc-body p{color:var(--muted);font-size:14px;line-height:1.75;margin:18px 0 0;max-width:94%}
@media(max-width:900px){.resume-story-grid{grid-template-columns:1fr;gap:54px}.resume-story-head{margin-bottom:44px}.resume-accordion-column>h3{padding-left:14px}.resume-acc{padding-left:14px}.resume-title-row{grid-template-columns:1fr}.resume-title-row strong{white-space:normal;margin-top:0}.resume-rail:after{right:2px}.resume-symbol{right:-16px}}


/* V5 correzioni 6a — fix effettivo spazi Resume e visual Siti Web */
.about-photo-frame{max-width:500px}
.about-photo-frame img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center top!important}

/* Accordion: le righe chiuse hanno solo l'altezza del titolo, senza spazio fantasma. */
.resume-story-grid{align-items:start}
.resume-acc{padding-top:0!important;padding-bottom:0!important}
.resume-acc-toggle{min-height:44px!important;height:44px!important;padding:0!important}
.resume-acc:not(.is-open) .resume-acc-body{display:none!important;padding:0!important;margin:0!important}
.resume-acc.is-open .resume-acc-body{display:grid!important;grid-template-rows:1fr!important;opacity:1!important;padding:2px 0 16px!important}
.resume-symbol{top:22px!important;width:30px!important;height:30px!important;right:-15px!important;font-size:17px!important}
.resume-acc-body p{margin-top:10px!important;line-height:1.58!important}
.resume-title-row h4{font-size:23px}

/* Progetti / Siti Web: dispositivi centrati verticalmente e ingranditi, niente fascia vuota sopra. */
.project-web-visual{min-height:350px!important;height:350px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 18px!important;gap:12px!important}
.project-web-visual .proj-web-desktop{width:68%!important}
.project-web-visual .proj-web-tablet{width:21%!important}
.project-web-visual .proj-web-phone{width:11%!important}

@media(max-width:900px){
  .resume-acc-toggle{min-height:42px!important;height:42px!important}
  .resume-symbol{top:21px!important}
  .project-web-visual{min-height:320px!important;height:320px!important}
}
@media(max-width:680px){
  .about-photo-frame{max-width:430px}
  .project-web-visual{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 120px 72px!important;align-items:center!important}
  .project-web-visual .proj-web-desktop,.project-web-visual .proj-web-tablet,.project-web-visual .proj-web-phone{width:100%!important}
}

/* V5 correzioni 6b — respiro controllato Resume + Siti Web */
/* Resume: compromesso tra 6 (troppo largo) e 6a (troppo compresso). */
.resume-acc-toggle{min-height:54px!important;height:54px!important;padding:0 2px!important}
.resume-symbol{top:27px!important;width:32px!important;height:32px!important;right:-16px!important;font-size:18px!important}
.resume-acc.is-open .resume-acc-body{padding:4px 0 20px!important}
.resume-acc-body p{margin-top:13px!important;line-height:1.65!important}
.resume-title-row{gap:24px!important}
.resume-title-row h4{font-size:24px!important}

/* Progetti > Siti Web: un po' più di aria attorno ai device, senza tornare al vuoto eccessivo. */
.project-web-visual{min-height:390px!important;height:390px!important;padding:28px 24px!important;gap:16px!important}
.project-web-visual .proj-web-desktop{width:64%!important}
.project-web-visual .proj-web-tablet{width:21%!important}
.project-web-visual .proj-web-phone{width:11%!important}

@media(max-width:900px){
  .resume-acc-toggle{min-height:50px!important;height:50px!important}
  .resume-symbol{top:25px!important}
  .project-web-visual{min-height:350px!important;height:350px!important;padding:22px 18px!important}
}
@media(max-width:680px){
  .resume-acc-toggle{min-height:48px!important;height:48px!important}
  .resume-symbol{top:24px!important}
  .project-web-visual{height:auto!important;min-height:0!important;padding:20px 14px!important}
}

/* AVG brand — exact monogram from original logo + responsive HTML wordmark */
.brand-avg{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.brand-avg .avg-symbol{width:72px;height:54px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 9px rgba(82,241,210,.11))}
.avg-wordmark{display:flex;flex-direction:column;line-height:1;white-space:nowrap}
.avg-wordmark strong{font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;letter-spacing:.16em;color:#fff}
.avg-wordmark strong em{font-style:normal;color:var(--accent2)}
.avg-wordmark small{margin-top:7px;font:700 8px/1 'Manrope',sans-serif;letter-spacing:.22em;color:#d9e5e2}
.footer-brand-avg{margin-bottom:18px}
.footer-brand-avg .avg-symbol{width:68px;height:52px}
.footer-brand-avg .avg-wordmark strong{font-size:17px}
.footer-brand-avg .avg-wordmark small{font-size:7px}
.footer-brand-wrap p{color:var(--muted);max-width:380px}
@media(max-width:760px){
  .brand-avg{gap:8px}
  .brand-avg .avg-symbol{width:54px;height:42px}
  .avg-wordmark strong{font-size:13px;letter-spacing:.12em}
  .avg-wordmark small{font-size:6px;letter-spacing:.15em;margin-top:5px}
}

/* Footer logo V7a — single image, preserves proportions */
.footer-logo-link{display:inline-block;margin-bottom:18px;line-height:0}
.footer-logo-full{display:block;width:min(100%,330px);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(82,241,210,.08))}
@media(max-width:680px){.footer-logo-full{width:280px;max-width:100%}}

/* Functional WordPress contact form feedback */
.vg-form-message{margin:0 0 18px;padding:14px 16px;border-radius:12px;font-weight:700;font-size:14px}.vg-form-message.success{background:rgba(41,165,135,.14);border:1px solid rgba(82,241,210,.3);color:#79ccff}.vg-form-message.error{background:rgba(255,90,90,.10);border:1px solid rgba(255,120,120,.25);color:#ffd0d0}
/* Elementor seed wrappers must not add extra spacing around V5 sections */
.elementor-widget-html>.elementor-widget-container{margin:0;padding:0}.elementor-widget-shortcode>.elementor-widget-container{margin:0;padding:0}

/* === v1.4 — header cleanup + responsive corrections from mobile review === */
/* Language switch: only one desktop instance; the second one lives only inside the mobile menu. */
.mobile-lang-switch{display:none;align-items:center;gap:10px;margin-top:14px;padding:14px 8px 4px;border-top:1px solid var(--line)}
.mobile-lang-switch button,.lang-switch button{appearance:none;border:0;background:transparent;color:#668fd3;font:700 12px/1 Manrope;letter-spacing:.08em;cursor:pointer;padding:4px 2px}
.mobile-lang-switch button.active,.lang-switch button.active{color:#fff}
.lang-switch{display:flex;align-items:center;gap:8px;white-space:nowrap}

/* Prevent Elementor wrappers and custom grids from creating horizontal overflow. */
.elementor,.elementor-section,.elementor-container,.elementor-widget-wrap,.elementor-widget,.elementor-widget-container,
.about-home-grid,.project-detail,.project-detail-media,.resume-story-grid,.detail-hero-grid,.work-grid{min-width:0;max-width:100%}

@media(max-width:760px){
  .site-header{background:rgba(5,13,11,.96);border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-wrap{height:74px;gap:10px;position:relative}
  .brand-avg{min-width:0!important;max-width:calc(100% - 58px)!important;overflow:hidden}
  .brand-avg .avg-symbol{width:48px;height:38px}
  .avg-wordmark{min-width:0}
  .avg-wordmark strong{font-size:12px;letter-spacing:.095em}
  .avg-wordmark small{font-size:5.5px;letter-spacing:.11em;margin-top:4px}

  .header-actions{display:none!important}
  .nav-toggle{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 42px;margin-left:auto!important;position:relative;z-index:10003}
  .nav-toggle span{width:100%;transition:.25s}
  .main-nav{z-index:10002;max-height:calc(100vh - 94px);overflow:auto}
  .main-nav.open{display:flex!important}
  .mobile-lang-switch{display:flex!important}

  /* Mobile typography/spacing */
  .page-hero{padding:118px 0 48px!important}
  .page-hero h1,.project-detail-copy h2{font-size:clamp(40px,11vw,54px)!important;line-height:1.02!important}
  .page-hero p,.project-detail-copy>p{font-size:17px!important;line-height:1.65}
  .section{padding:68px 0}
  .section-tight{padding:54px 0}

  /* Home about: force a true one-column layout. This removes the right-hand overflow visible on mobile. */
  .about-home-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;width:100%!important}
  .about-copy,.about-portrait,.about-values{grid-column:1!important;width:100%!important;max-width:100%!important;transform:none!important}
  .about-portrait{height:auto!important;min-height:0!important;overflow:hidden!important}
  .about-portrait img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center top!important}
  .about-values{min-height:0!important;padding:22px!important}

  /* Projects: no oversized empty stage and no device spilling outside the card. */
  .project-detail-list .container{gap:54px!important}
  .project-detail{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .project-detail-media{width:100%!important;min-height:0!important;padding:16px!important;overflow:hidden!important;border-radius:22px!important}
  .project-web-visual{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:260px!important;height:260px!important;padding:16px 10px!important}
  .project-web-visual .proj-web-desktop{width:68%!important}
  .project-web-visual .proj-web-tablet{width:20%!important}
  .project-web-visual .proj-web-phone{width:10%!important}
  .project-booking-visual{min-height:300px!important;gap:12px!important;padding:18px 10px!important}
  .proj-booking-tablet{width:66%!important;height:220px!important;padding:7px!important;border-radius:18px!important}
  .proj-booking-phone{width:88px!important;height:190px!important;padding:5px!important;border-radius:22px!important}
  .project-hse-visual,.project-restaurant-visual{min-height:300px!important}
  .proj-hse-browser{width:96%!important}
  .proj-hse-chip{right:10px!important;bottom:10px!important;width:150px!important;padding:11px!important}
  .proj-rest-workstation{width:96%!important}
  .proj-rest-ticket{right:10px!important;bottom:10px!important;width:140px!important;padding:10px!important}

  /* Resume: keep controls inside viewport and give rows enough air without large gaps. */
  .resume-story{padding-top:58px!important;padding-bottom:70px!important}
  .resume-story-head{margin-bottom:34px!important}
  .resume-story-grid{grid-template-columns:minmax(0,1fr)!important;gap:42px!important}
  .resume-accordion-column>h3{padding-left:0!important;margin-bottom:20px!important;font-size:26px!important}
  .resume-rail{margin-right:14px}
  .resume-rail:after{right:0!important}
  .resume-acc{padding-left:0!important;padding-right:24px!important}
  .resume-acc-toggle{height:auto!important;min-height:56px!important;padding:8px 0!important;font-size:17px!important}
  .resume-symbol{right:-16px!important;top:28px!important;width:32px!important;height:32px!important}
  .resume-title-row h4{font-size:23px!important;line-height:1.25!important}
  .resume-acc-body p{max-width:100%!important;font-size:14px!important}

  /* Footer: compact, one logo, no accidental overflow. */
  .site-footer{padding-top:42px!important}
  .footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  .footer-logo-full{width:260px!important;max-width:100%!important}
  .footer-bottom{margin-top:30px!important}
  .floating-wa{right:18px!important;bottom:18px!important}
}

@media(max-width:420px){
  .container{width:calc(100% - 32px)!important}
  .avg-wordmark strong{font-size:11px}
  .avg-wordmark small{font-size:5px}
  .project-web-visual{height:230px!important;min-height:230px!important}
  .project-booking-visual{min-height:270px!important}
  .proj-booking-tablet{height:195px!important}
  .proj-booking-phone{width:78px!important;height:170px!important}
  .page-hero h1,.project-detail-copy h2{font-size:42px!important}
}

/* === v1.6 — safe mobile overflow fix (keeps all images/device scenes visible) === */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

@media(max-width:760px){
  #page,.site,.site-main,main,
  .elementor,.elementor-section-wrap,.elementor-section,.elementor-top-section,
  .elementor-container,.elementor-column,.elementor-column-wrap,
  .elementor-widget-wrap,.elementor-widget,.elementor-widget-container,
  .elementor-element,.e-con,.e-con-inner{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Keep content responsive without clipping project/about images. */
  .container,.split,.content-grid,.detail-hero-grid,.work-grid,
  .about-home-grid,.resume-story-grid,.project-detail,
  .project-detail-media,.footer-grid{
    min-width:0!important;
    max-width:100%!important;
  }

  /* The resume rail/button was one of the elements able to exceed viewport width. */
  .resume-rail{margin-right:8px!important;max-width:100%!important}
  .resume-symbol{right:-8px!important}
  .resume-acc{padding-right:20px!important}

  /* Decorative/device stages stay inside their cards, but the actual images are not globally clipped. */
  .project-web-visual,.project-hse-visual,.project-booking-visual,.project-restaurant-visual,
  .compact-web-devices,.software-device-scene,.booking-ui-scene,.web-blueprint-scene,
  .software-command-scene,.software-scene{
    max-width:100%!important;
  }

  .floating-wa{right:16px!important}
}



/* === v1.8 — visual + responsive fixes from live screenshots === */

/* Booking project: brochure screenshots must remain fully visible inside the devices. */
.work-booking .booking-screen{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#070e15;
}
.work-booking .booking-screen img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.work-booking .booking-tablet,
.work-booking .booking-phone{
  overflow:hidden!important;
}
.work-booking .booking-devices{
  max-width:720px;
  margin-inline:auto;
}

/* Mobile: remove 3D distortion from the intro devices and keep every element inside viewport. */
@media(max-width:760px){
  .home-intro,
  .device-scene,
  .device-scene-v3{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .device-scene-v3{
    min-height:345px!important;
    margin-top:24px!important;
    perspective:none!important;
  }

  .device-scene-v3 .laptop-v3{
    width:78%!important;
    height:218px!important;
    left:0!important;
    right:auto!important;
    top:34px!important;
    transform:none!important;
    animation:none!important;
    filter:drop-shadow(0 22px 28px rgba(0,0,0,.38))!important;
  }

  .device-scene-v3 .laptop-v3 .laptop-screen{
    height:190px!important;
    border-width:6px!important;
  }

  .device-scene-v3 .mini-site{
    padding:18px!important;
  }

  .device-scene-v3 .mini-site small{
    font-size:8px!important;
    letter-spacing:.15em!important;
  }

  .device-scene-v3 .mini-site b{
    font-size:28px!important;
    margin-top:22px!important;
    line-height:.95!important;
  }

  .device-scene-v3 .mini-grid{
    margin-top:18px!important;
    gap:6px!important;
  }

  .device-scene-v3 .mini-grid i{
    height:26px!important;
  }

  .device-scene-v3 .phone-v3{
    width:88px!important;
    height:185px!important;
    right:3px!important;
    left:auto!important;
    top:112px!important;
    bottom:auto!important;
    padding:31px 10px 12px!important;
    border-width:6px!important;
    transform:none!important;
    animation:none!important;
  }

  .device-scene-v3 .phone-v3 small{
    font-size:8px!important;
  }

  .device-scene-v3 .phone-v3 b{
    font-size:15px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere;
  }

  .device-scene-v3 .phone-ui{
    gap:6px!important;
    margin-top:14px!important;
  }

  .device-scene-v3 .phone-ui i{
    height:22px!important;
  }

  .device-scene-v3 .phone-v3 .app-orb{
    width:34px!important;
    height:34px!important;
    bottom:28px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }

  .device-scene-v3 .result-chip{
    left:34%!important;
    bottom:12px!important;
    padding:9px 11px!important;
    gap:7px!important;
    max-width:135px!important;
  }

  .device-scene-v3 .result-chip span{
    font-size:9px!important;
  }

  /* Booking featured project: keep the mockup compact and readable on phones. */
  .work-booking .work-visual.booking-devices{
    min-height:285px!important;
    height:auto!important;
    padding:14px 0!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .work-booking .booking-tablet{
    width:70%!important;
    height:205px!important;
    border-width:5px!important;
    border-radius:16px!important;
    transform:none!important;
  }

  .work-booking .booking-phone{
    width:82px!important;
    height:175px!important;
    border-width:5px!important;
    border-radius:21px!important;
    transform:none!important;
  }

  .work-booking .booking-notch{
    width:34px!important;
    height:5px!important;
    top:6px!important;
  }

  /* Generic safety for mobile visual sections. */
  .work-visual,
  .project-detail-media,
  .booking-devices,
  .restaurant-stage,
  .web-devices-real,
  .hse-window{
    max-width:100%!important;
  }
}

@media(max-width:390px){
  .device-scene-v3{
    min-height:315px!important;
  }
  .device-scene-v3 .laptop-v3{
    width:76%!important;
    height:198px!important;
  }
  .device-scene-v3 .laptop-v3 .laptop-screen{
    height:172px!important;
  }
  .device-scene-v3 .mini-site b{
    font-size:24px!important;
  }
  .device-scene-v3 .phone-v3{
    width:78px!important;
    height:166px!important;
    top:108px!important;
  }
  .device-scene-v3 .phone-v3 b{
    font-size:13px!important;
  }
  .work-booking .booking-tablet{
    height:185px!important;
  }
  .work-booking .booking-phone{
    width:74px!important;
    height:160px!important;
  }
}


/* === v2.0 definitive responsive/visual corrections === */
html, body { max-width:100%; overflow-x:clip; }

/* Booking visual: always show the whole screenshots, never crop/zoom them. */
.booking-devices{overflow:hidden!important;}
.booking-screen{display:flex!important;align-items:center!important;justify-content:center!important;background:#070e15!important;overflow:hidden!important;}
.booking-screen img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;}
.booking-tablet,.booking-phone{overflow:hidden!important;}

/* Desktop booking proportions: remove excessive empty stage without changing the section layout. */
@media (min-width:761px){
  .work-booking .booking-devices{min-height:390px!important;gap:24px!important;}
  .work-booking .booking-tablet{width:68%!important;height:330px!important;transform:none!important;}
  .work-booking .booking-phone{width:140px!important;height:300px!important;transform:none!important;}
}

/* Mobile intro visual: no 3D rotation, no element leaves the viewport. */
@media (max-width:760px){
  .home-intro,.intro-grid,.device-scene,.device-scene-v3{max-width:100%!important;overflow:hidden!important;}
  .device-scene-v3{position:relative!important;width:100%!important;min-height:320px!important;height:320px!important;margin:22px 0 0!important;perspective:none!important;}
  .device-scene-v3 .device-floor{left:4%!important;right:4%!important;bottom:8px!important;}

  .device-scene-v3 .laptop-v3{
    position:absolute!important;
    width:76%!important;
    height:205px!important;
    left:0!important;right:auto!important;top:28px!important;
    transform:none!important;animation:none!important;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.36))!important;
  }
  .device-scene-v3 .laptop-v3 .laptop-screen{height:180px!important;border-width:6px!important;border-radius:13px 13px 5px 5px!important;}
  .device-scene-v3 .laptop-v3 .laptop-base{height:13px!important;margin-left:-16px!important;margin-right:-16px!important;}
  .device-scene-v3 .mini-site{padding:16px!important;}
  .device-scene-v3 .mini-site small{font-size:7px!important;letter-spacing:.14em!important;}
  .device-scene-v3 .mini-site b{font-size:24px!important;line-height:.95!important;margin-top:18px!important;}
  .device-scene-v3 .mini-grid{gap:5px!important;margin-top:16px!important;}
  .device-scene-v3 .mini-grid i{height:22px!important;}

  .device-scene-v3 .phone-v3{
    position:absolute!important;
    width:82px!important;height:170px!important;
    right:2px!important;left:auto!important;top:104px!important;bottom:auto!important;
    padding:28px 9px 10px!important;border-width:5px!important;border-radius:22px!important;
    transform:none!important;animation:none!important;
    z-index:4!important;
  }
  .device-scene-v3 .phone-v3 .phone-notch{top:6px!important;width:30px!important;height:6px!important;}
  .device-scene-v3 .phone-v3 small{font-size:7px!important;line-height:1.1!important;}
  .device-scene-v3 .phone-v3 b{font-size:13px!important;line-height:1.05!important;margin-top:5px!important;overflow-wrap:anywhere!important;}
  .device-scene-v3 .phone-ui{gap:5px!important;margin-top:11px!important;}
  .device-scene-v3 .phone-ui i{height:18px!important;border-radius:5px!important;}
  .device-scene-v3 .phone-v3 .app-orb{width:30px!important;height:30px!important;bottom:20px!important;border-radius:9px!important;font-size:9px!important;}
  .device-scene-v3 .scene-note{display:none!important;}
  .device-scene-v3 .result-chip{left:24%!important;right:auto!important;bottom:6px!important;max-width:118px!important;padding:7px 9px!important;gap:5px!important;z-index:5!important;}
  .device-scene-v3 .result-chip span{font-size:8px!important;line-height:1.15!important;}

  /* Booking project mobile: compact, centered and fully readable. */
  .work-booking .work-visual.booking-devices{min-height:245px!important;height:245px!important;padding:8px 0!important;gap:8px!important;overflow:hidden!important;}
  .work-booking .booking-tablet{width:68%!important;height:190px!important;border-width:5px!important;border-radius:15px!important;transform:none!important;}
  .work-booking .booking-phone{width:72px!important;height:155px!important;border-width:5px!important;border-radius:19px!important;transform:none!important;}
  .work-booking .booking-notch{top:5px!important;width:28px!important;height:4px!important;}

  /* Project cards and resume cannot create horizontal scroll. */
  .work-grid,.work-visual,.project-web-visual,.project-hse-visual,.project-booking-visual,.project-restaurant-visual,
  .resume-grid,.resume-column,.resume-acc,.software-scene,.software-command-scene,.booking-ui-scene,.web-blueprint-scene{
    min-width:0!important;max-width:100%!important;
  }
  .floating-wa{right:14px!important;}
}

@media (max-width:390px){
  .device-scene-v3{height:300px!important;min-height:300px!important;}
  .device-scene-v3 .laptop-v3{width:74%!important;height:188px!important;}
  .device-scene-v3 .laptop-v3 .laptop-screen{height:164px!important;}
  .device-scene-v3 .mini-site b{font-size:21px!important;}
  .device-scene-v3 .phone-v3{width:74px!important;height:156px!important;top:100px!important;}
  .device-scene-v3 .phone-v3 b{font-size:12px!important;}
  .work-booking .booking-tablet{height:172px!important;}
  .work-booking .booking-phone{width:66px!important;height:145px!important;}
}


/* === v2.2 — smartphone mantenuto e corretto in entrambi i visual === */

/* APP DI BOOKING: tablet + smartphone restano entrambi visibili. */
body .work-booking .booking-devices{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  overflow:visible!important;
  perspective:none!important;
}
body .work-booking .booking-tablet,
body .work-booking .booking-phone{
  flex:0 0 auto!important;
  transform:none!important;
  overflow:hidden!important;
}
body .work-booking .booking-tablet{
  width:68%!important;
  height:330px!important;
}
body .work-booking .booking-phone{
  width:148px!important;
  height:300px!important;
  border-radius:28px!important;
}
body .work-booking .booking-tablet .booking-screen img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
/* Sul telefono mostriamo la parte destra della brochure, dove c'è il visual mobile,
   invece di comprimere l'intera pagina orizzontale. */
body .work-booking .booking-phone .booking-screen img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:92% 68%!important;
  transform:none!important;
}

/* MOBILE: il mockup laptop + smartphone resta completo ma senza testo spezzato
   e senza uscire dalla viewport. */
@media (max-width:760px){
  body .device-scene-v3{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:330px!important;
    min-height:330px!important;
    margin:22px 0 0!important;
    overflow:hidden!important;
    perspective:none!important;
  }

  body .device-scene-v3 .laptop-v3{
    position:absolute!important;
    width:74%!important;
    height:210px!important;
    left:2%!important;
    right:auto!important;
    top:30px!important;
    transform:none!important;
    animation:none!important;
  }
  body .device-scene-v3 .laptop-v3 .laptop-screen{
    height:184px!important;
  }

  body .device-scene-v3 .phone-v3{
    display:block!important;
    position:absolute!important;
    width:96px!important;
    height:194px!important;
    right:1%!important;
    left:auto!important;
    top:86px!important;
    bottom:auto!important;
    padding:30px 10px 12px!important;
    border-width:5px!important;
    border-radius:24px!important;
    transform:none!important;
    animation:none!important;
    z-index:6!important;
    overflow:hidden!important;
  }
  body .device-scene-v3 .phone-v3 small{
    display:block!important;
    font-size:7px!important;
    line-height:1.15!important;
    margin-bottom:6px!important;
    white-space:normal!important;
  }
  body .device-scene-v3 .phone-v3 b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    margin:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body .device-scene-v3 .phone-ui{
    margin-top:10px!important;
    gap:5px!important;
  }
  body .device-scene-v3 .phone-ui i{
    height:20px!important;
  }
  body .device-scene-v3 .phone-v3 .app-orb{
    width:31px!important;
    height:31px!important;
    bottom:20px!important;
  }

  /* APP DI BOOKING su telefono: entrambi i device visibili e proporzionati. */
  body .work-booking .work-visual.booking-devices{
    width:100%!important;
    max-width:100%!important;
    min-height:260px!important;
    height:260px!important;
    padding:10px 0!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body .work-booking .booking-tablet{
    width:69%!important;
    height:200px!important;
    border-width:5px!important;
    border-radius:15px!important;
  }
  body .work-booking .booking-phone{
    display:block!important;
    width:82px!important;
    height:178px!important;
    border-width:5px!important;
    border-radius:20px!important;
  }
  body .work-booking .booking-phone .booking-screen img{
    object-fit:cover!important;
    object-position:92% 68%!important;
  }
}

@media (max-width:390px){
  body .device-scene-v3{
    height:305px!important;
    min-height:305px!important;
  }
  body .device-scene-v3 .laptop-v3{
    width:73%!important;
    height:195px!important;
    top:28px!important;
  }
  body .device-scene-v3 .laptop-v3 .laptop-screen{
    height:170px!important;
  }
  body .device-scene-v3 .phone-v3{
    width:88px!important;
    height:180px!important;
    top:82px!important;
    padding:28px 9px 10px!important;
  }
  body .device-scene-v3 .phone-v3 b{
    font-size:10px!important;
  }
  body .work-booking .work-visual.booking-devices{
    height:235px!important;
    min-height:235px!important;
    gap:7px!important;
  }
  body .work-booking .booking-tablet{
    width:68%!important;
    height:180px!important;
  }
  body .work-booking .booking-phone{
    width:74px!important;
    height:160px!important;
  }
}

/* =========================================================
   APP BOOKING LANDING — v2.3
   ========================================================= */
.app-booking-landing{overflow:hidden}
.app-lp-hero{position:relative;padding:150px 0 90px;min-height:780px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));background:radial-gradient(circle at 80% 35%,rgba(37,215,181,.12),transparent 34%)}
.app-lp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.app-lp-copy h1{font:800 clamp(54px,5.2vw,86px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0 28px}
.app-lp-lead{max-width:720px;font-size:19px;line-height:1.75;color:var(--muted,#9aa7a3)}
.app-lp-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.app-lp-badges span,.app-lp-sector-grid span{border:1px solid rgba(50,220,186,.18);background:rgba(10,34,29,.58);border-radius:999px;padding:9px 13px;font-size:12px;color:#b9c8c4}
.app-lp-device-stage{position:relative;min-height:560px}
.app-lp-glow{position:absolute;inset:18% 10%;background:rgba(30,221,178,.15);filter:blur(80px);border-radius:50%}
.app-lp-phone{position:absolute;background:#050d13;border:7px solid #18293c;border-radius:42px;box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden}
.app-lp-phone-back{width:250px;height:510px;left:5%;top:52px;transform:rotate(-7deg)}
.app-lp-phone-front{width:285px;height:570px;right:8%;top:0;z-index:2;transform:rotate(4deg)}
.app-lp-notch{position:absolute;width:84px;height:20px;border-radius:0 0 14px 14px;background:#010507;top:0;left:50%;transform:translateX(-50%);z-index:3}
.app-lp-screen{height:100%;padding:64px 23px 24px;background:linear-gradient(180deg,#071b28,#050e14);color:#fff}
.app-lp-screen small{display:block;color:#33b6ff;letter-spacing:.22em;font-weight:700;font-size:10px;margin-bottom:12px}
.app-lp-screen strong{display:block;font:700 23px/1.16 Manrope;margin-bottom:24px}
.app-lp-choice{padding:15px 14px;border:1px solid rgba(65,229,194,.2);border-radius:14px;margin:10px 0;color:#c4d0cd;font-size:12px;display:flex;justify-content:space-between}
.app-lp-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.app-lp-times i{font-style:normal;font-size:11px;text-align:center;padding:10px;border-radius:9px;background:rgba(45,216,181,.08);border:1px solid rgba(45,216,181,.16)}
.app-lp-confirm{margin-top:20px;background:#19acfa;color:#031e2b;text-align:center;padding:13px;border-radius:999px;font-weight:800;font-size:12px}
.app-lp-agenda strong{font-size:28px}
.agenda-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}
.agenda-grid i{height:40px;border:1px solid rgba(49,217,183,.12);background:rgba(44,185,155,.06);border-radius:10px}
.agenda-grid i.on{background:#1baefc;box-shadow:0 0 24px rgba(42,217,180,.28)}
.agenda-row{display:grid;gap:8px}.agenda-row span{height:10px;border-radius:99px;background:rgba(255,255,255,.08)}
.app-lp-float{position:absolute;z-index:5;width:190px;padding:14px 16px;border:1px solid rgba(53,219,186,.2);border-radius:16px;background:rgba(4,15,12,.86);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.24)}
.app-lp-float b{display:block;font-size:12px;color:#31b3ff;margin-bottom:4px}.app-lp-float span{font-size:10px;line-height:1.4;color:#a9b7b3}
.app-lp-float-a{right:0;top:70px}.app-lp-float-b{left:0;bottom:35px}
.app-lp-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.app-lp-intro-copy>p{font-size:18px;line-height:1.8;color:var(--muted,#98a6a2);max-width:650px}
.app-lp-sector-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.app-lp-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.app-lp-num{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(47,224,187,.25);border-radius:50%;color:#28b3ff;font:700 12px Manrope;margin-bottom:25px}
.app-lp-problem-grid .glass-card{min-height:300px;padding:32px}.app-lp-problem-grid h3{font:700 22px/1.2 Manrope}.app-lp-problem-grid p{color:#9facaa;line-height:1.65}
.app-lp-feature-list{border-top:1px solid rgba(255,255,255,.09)}
.app-lp-feature{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.app-lp-feature-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(55,224,188,.2);display:grid;place-items:center;color:#2db2ff;background:rgba(31,181,151,.06);font:700 12px Manrope}
.app-lp-feature h3{font:700 28px/1.15 Manrope;margin:0 0 8px}.app-lp-feature p{margin:0;max-width:830px;color:#9eaca8;line-height:1.75}
.app-lp-flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden}
.app-lp-flow-step{padding:34px 24px;min-height:190px;border-right:1px solid rgba(255,255,255,.08);background:rgba(7,22,18,.45)}
.app-lp-flow-step:last-child{border-right:0}.app-lp-flow-step b{display:block;color:#28b3ff;font-size:12px;margin-bottom:50px}.app-lp-flow-step span{font:600 17px/1.35 Manrope}
.app-lp-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.app-lp-role-card{padding:36px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(10,31,26,.75),rgba(4,14,11,.7))}
.app-lp-role-card>span{color:#25b1ff;font:700 10px/1 Manrope;letter-spacing:.2em}.app-lp-role-card h3{font:700 30px/1.1 Manrope;margin:17px 0}.app-lp-role-card p{color:#9daaa6;line-height:1.6}
.app-lp-role-card ul{list-style:none;padding:0;margin:26px 0 0}.app-lp-role-card li{padding:12px 0;border-top:1px solid rgba(255,255,255,.07);color:#c4cecb;font-size:13px}
.app-lp-showcase-grid,.app-lp-waiting-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.app-lp-brochure-frame{padding:18px;border:1px solid rgba(62,225,190,.16);border-radius:26px;background:rgba(4,18,14,.72);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.app-lp-brochure-frame img{display:block;width:100%;border-radius:16px}
.app-lp-checks{margin-top:28px}
.app-lp-notification-stack{min-height:360px;position:relative}
.app-lp-notification{position:absolute;left:0;right:10%;top:40px;display:flex;gap:16px;padding:22px;border:1px solid rgba(54,226,190,.18);border-radius:20px;background:rgba(8,30,25,.85);box-shadow:0 25px 65px rgba(0,0,0,.35)}
.app-lp-notification.second{left:12%;right:0;top:180px}
.app-lp-notification i{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#24b4ff,#0e7fb9);flex:0 0 auto}
.app-lp-notification small{display:block;color:#2bb0ff;font:700 9px Manrope;letter-spacing:.16em;margin-bottom:7px}.app-lp-notification strong{display:block;font:600 16px Manrope}.app-lp-notification span{display:block;color:#9ba9a5;font-size:12px;margin-top:5px}
.app-lp-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.app-lp-platform-card{display:flex;gap:20px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,24,20,.55)}
.app-lp-platform-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(55,223,188,.2);color:#2eb2ff;font:800 11px Manrope;flex:0 0 auto}
.app-lp-platform-card h3{margin:3px 0 8px;font:700 20px Manrope}.app-lp-platform-card p{margin:0;color:#99a6a2;line-height:1.55;font-size:13px}
.app-lp-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}
.app-lp-process-grid article{padding:34px;min-height:235px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.app-lp-process-grid b{color:#27b1ff;font-size:11px}.app-lp-process-grid h3{font:700 24px Manrope;margin:34px 0 10px}.app-lp-process-grid p{color:#9ca9a5;line-height:1.6;margin:0}
.app-lp-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}
.app-lp-faq-list details{border-top:1px solid rgba(255,255,255,.1);padding:24px 0}.app-lp-faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.app-lp-faq-list summary{cursor:pointer;list-style:none;font:600 19px/1.35 Manrope;display:flex;justify-content:space-between;gap:20px}
.app-lp-faq-list summary:after{content:'+';color:#26b2ff;font-size:25px}.app-lp-faq-list details[open] summary:after{content:'−'}
.app-lp-faq-list p{color:#9ba8a4;line-height:1.7;max-width:760px}
.app-lp-final-card{padding:60px;border:1px solid rgba(52,224,187,.18);border-radius:30px;background:radial-gradient(circle at 80% 40%,rgba(39,215,181,.12),transparent 32%),rgba(7,24,20,.7);display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end}
.app-lp-final-card h2{font:800 clamp(38px,4vw,62px)/1.02 Manrope;letter-spacing:-.04em;margin:15px 0}.app-lp-final-card p{max-width:720px;color:#9eaba7;line-height:1.7}
.app-lp-final-actions{display:flex;flex-direction:column;gap:12px;min-width:250px}

@media(max-width:980px){
 .app-lp-hero-grid,.app-lp-intro-grid,.app-lp-showcase-grid,.app-lp-waiting-grid,.app-lp-faq-grid{grid-template-columns:1fr}
 .app-lp-device-stage{min-height:610px;max-width:600px;width:100%;margin:0 auto}
 .app-lp-problem-grid{grid-template-columns:1fr 1fr}.app-lp-flow-grid{grid-template-columns:1fr 1fr}.app-lp-flow-step{border-bottom:1px solid rgba(255,255,255,.08)}
 .app-lp-role-grid,.app-lp-platform-grid,.app-lp-process-grid{grid-template-columns:1fr 1fr}
 .app-lp-final-card{grid-template-columns:1fr}.app-lp-final-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:620px){
 .app-lp-hero{padding:120px 0 60px;min-height:auto}
 .app-lp-copy h1{font-size:48px}.app-lp-lead{font-size:16px}
 .app-lp-device-stage{min-height:460px}
 .app-lp-phone-back{width:180px;height:370px;left:0;top:50px;border-width:5px;border-radius:30px}
 .app-lp-phone-front{width:205px;height:420px;right:0;border-width:5px;border-radius:32px}
 .app-lp-screen{padding:48px 16px 16px}.app-lp-screen strong{font-size:17px}.app-lp-choice{padding:10px;font-size:10px}.app-lp-times i{padding:7px 3px;font-size:9px}
 .app-lp-float{width:145px;padding:10px}.app-lp-float-a{right:2px;top:20px}.app-lp-float-b{left:2px;bottom:8px}
 .app-lp-problem-grid,.app-lp-role-grid,.app-lp-platform-grid,.app-lp-process-grid{grid-template-columns:1fr}
 .app-lp-feature{grid-template-columns:58px 1fr;gap:18px}.app-lp-feature h3{font-size:22px}
 .app-lp-flow-grid{grid-template-columns:1fr}.app-lp-flow-step{min-height:auto;border-right:0;padding:24px}.app-lp-flow-step b{margin-bottom:15px}
 .app-lp-notification-stack{min-height:330px}.app-lp-notification{right:0}.app-lp-notification.second{left:8%;top:175px}
 .app-lp-final-card{padding:34px 24px}.app-lp-final-actions{flex-direction:column;min-width:0}
}

/* =========================================================
   RESTAURANT SOFTWARE LANDING — v2.4
   ========================================================= */
.restaurant-software-landing{overflow:hidden}
.rest-lp-hero{position:relative;padding:150px 0 90px;min-height:790px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 82% 35%,rgba(39,213,176,.11),transparent 35%)}
.rest-lp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.rest-lp-copy h1{font:800 clamp(54px,5vw,84px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0 28px}
.rest-lp-lead{max-width:730px;font-size:19px;line-height:1.75;color:#9ca9a5}
.rest-lp-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.rest-lp-badges span,.rest-lp-story-points span{border:1px solid rgba(51,220,185,.18);background:rgba(10,34,29,.58);border-radius:999px;padding:9px 13px;font-size:12px;color:#b9c8c4}
.rest-lp-stage{position:relative;min-height:560px}.rest-lp-glow{position:absolute;inset:20% 10%;background:rgba(33,210,172,.14);filter:blur(90px);border-radius:50%}
.rest-lp-monitor{position:absolute;left:4%;right:6%;top:35px;border:1px solid rgba(63,225,191,.18);border-radius:24px;background:#050f16;box-shadow:0 35px 90px rgba(0,0,0,.45);overflow:hidden}
.rest-lp-monitor-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;color:#aab8b4}.rest-lp-monitor-top small{color:#2bb2ff;letter-spacing:.17em}
.rest-lp-dashboard{display:grid;grid-template-columns:64px 1fr;min-height:355px}.rest-lp-sidebar{border-right:1px solid rgba(255,255,255,.06);padding:18px 12px}.rest-lp-sidebar b{width:34px;height:34px;border-radius:11px;background:#1bacfa;color:#031e2b;display:grid;place-items:center}.rest-lp-sidebar i{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.08);margin:19px 3px}
.rest-lp-main{padding:26px}.rest-lp-title{font:700 21px Manrope}.rest-lp-title small{display:block;font:400 10px Manrope;color:#496798;margin-top:5px}
.rest-lp-tables{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.rest-lp-tables span{height:58px;border-radius:13px;border:1px solid rgba(255,255,255,.07);display:grid;place-items:center;color:#83928e;font:700 12px Manrope;background:rgba(255,255,255,.02)}.rest-lp-tables span.busy{background:rgba(227,76,74,.15);border-color:rgba(227,76,74,.28);color:#ff8b86}
.rest-lp-order{margin-top:22px;display:grid;grid-template-columns:1.4fr 1fr .7fr;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.rest-lp-order div{padding:13px;border-right:1px solid rgba(255,255,255,.07)}.rest-lp-order div:last-child{border:0}.rest-lp-order small{display:block;color:#486697;font-size:9px}.rest-lp-order b{font-size:12px}
.rest-lp-ticket{position:absolute;right:0;bottom:38px;width:185px;background:#f2eee5;color:#101722;padding:18px 18px 24px;box-shadow:0 22px 45px rgba(0,0,0,.35);transform:rotate(4deg)}.rest-lp-ticket small{display:block;letter-spacing:.16em;font-size:9px}.rest-lp-ticket b{display:block;margin:7px 0 15px}.rest-lp-ticket span{display:block;border-top:1px dashed #999;padding:7px 0 0;margin-top:7px;font-size:10px}
.rest-lp-status{position:absolute;left:0;bottom:18px;display:flex;gap:12px;padding:14px 16px;border:1px solid rgba(53,219,186,.18);border-radius:15px;background:rgba(5,18,14,.9)}.rest-lp-status i{width:32px;height:32px;border-radius:10px;background:#1cadfb;box-shadow:0 0 24px rgba(43,216,181,.3)}.rest-lp-status b{display:block;font-size:11px}.rest-lp-status span{font-size:9px;color:#8fa09b}
.rest-lp-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.rest-lp-story-copy p{font-size:18px;line-height:1.8;color:#9daaa6}.rest-lp-story-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.rest-lp-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rest-lp-problem-grid .glass-card{padding:32px;min-height:300px}.rest-lp-num{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(50,221,185,.23);border-radius:50%;color:#29b2ff;font:700 12px Manrope;margin-bottom:25px}.rest-lp-problem-grid h3{font:700 22px Manrope}.rest-lp-problem-grid p{color:#9eaba7;line-height:1.65}
.rest-lp-feature-list{border-top:1px solid rgba(255,255,255,.09)}.rest-lp-feature{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.09)}.rest-lp-feature-icon{width:58px;height:58px;border-radius:18px;border:1px solid rgba(54,224,188,.2);display:grid;place-items:center;color:#2db2ff;background:rgba(31,181,151,.06);font:700 12px Manrope}.rest-lp-feature h3{font:700 28px/1.15 Manrope;margin:0 0 8px}.rest-lp-feature p{margin:0;max-width:900px;color:#9eaca8;line-height:1.75}
.rest-lp-flow-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden}.rest-lp-flow-step{padding:34px 24px;min-height:190px;border-right:1px solid rgba(255,255,255,.08);background:rgba(7,22,18,.45)}.rest-lp-flow-step:last-child{border-right:0}.rest-lp-flow-step b{display:block;color:#28b3ff;font-size:12px;margin-bottom:50px}.rest-lp-flow-step span{font:600 17px/1.35 Manrope}
.rest-lp-tables-grid,.rest-lp-print-grid,.rest-lp-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.rest-lp-room-map{padding:24px;border:1px solid rgba(57,224,189,.16);border-radius:24px;background:rgba(5,18,14,.75)}.room-head{display:flex;justify-content:space-between;color:#658cce;font-size:11px;letter-spacing:.12em}.room-head small{color:#29b1ff}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.table{min-height:90px;border:1px solid rgba(255,255,255,.07);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.02)}.table.busy{background:rgba(223,76,72,.1);border-color:rgba(223,76,72,.24)}.table b{font:700 20px Manrope}.table small{font-size:9px;color:#4d6c9f;margin-top:4px}.table.busy b{color:#ff8c86}
.rest-lp-printers{position:relative;min-height:430px}.printer{position:absolute;width:230px;min-height:245px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#07121b;box-shadow:0 30px 70px rgba(0,0,0,.35)}.printer:after{content:'';position:absolute;left:25px;right:25px;bottom:-46px;height:80px;background:#efebe1;clip-path:polygon(0 0,100% 0,100% 82%,94% 88%,88% 82%,82% 88%,76% 82%,70% 88%,64% 82%,58% 88%,52% 82%,46% 88%,40% 82%,34% 88%,28% 82%,22% 88%,16% 82%,10% 88%,4% 82%,0 88%)}.printer span{font-size:9px;letter-spacing:.17em;color:#28b2ff}.printer i{display:block;width:46px;height:6px;border-radius:99px;background:#192e44;margin:18px 0}.printer b{display:block;font:700 18px Manrope}.printer small{display:block;color:#92a19c;line-height:1.6;margin-top:14px}.printer-a{left:0;top:50px;transform:rotate(-5deg)}.printer-b{left:36%;top:0;z-index:2}.printer-c{right:0;top:80px;transform:rotate(5deg)}
.rest-lp-menu-device{padding:28px;border:1px solid rgba(55,223,188,.16);border-radius:28px;background:linear-gradient(180deg,#071621,#050e14);box-shadow:0 30px 80px rgba(0,0,0,.3)}.menu-device-head,.menu-item{display:flex;justify-content:space-between;align-items:center}.menu-device-head small{color:#2bb2ff}.menu-tabs{display:flex;gap:8px;overflow:auto;margin:24px 0}.menu-tabs span{padding:9px 12px;border:1px solid rgba(255,255,255,.07);border-radius:99px;font-size:10px;color:#5576ad;white-space:nowrap}.menu-tabs span.active{border-color:rgba(53,219,186,.24);color:#2cb2ff}.menu-item{padding:17px 0;border-top:1px solid rgba(255,255,255,.07)}.menu-item b{display:block;font:600 16px Manrope}.menu-item small{color:#82918c;font-size:10px}.menu-item>span{color:#28b0ff;font-weight:700}.menu-filter{margin-top:20px;padding:16px;border-radius:16px;background:rgba(41,208,173,.06);border:1px solid rgba(41,208,173,.13)}.menu-filter b{display:block;font-size:11px;margin-bottom:10px}.menu-filter span{display:inline-block;padding:7px 9px;border-radius:99px;background:rgba(255,255,255,.05);font-size:9px;margin-right:5px}
.rest-lp-history-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.rest-lp-history-grid article{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,24,20,.5)}.rest-lp-history-grid small{display:block;color:#2bb1ff;letter-spacing:.15em;font-size:9px}.rest-lp-history-grid b{display:block;font:700 30px Manrope;margin:18px 0 5px}.rest-lp-history-grid span{font-size:11px;color:#87958f}
.rest-lp-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}.rest-lp-process-grid article{padding:34px;min-height:235px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.rest-lp-process-grid b{color:#27b1ff;font-size:11px}.rest-lp-process-grid h3{font:700 24px Manrope;margin:34px 0 10px}.rest-lp-process-grid p{color:#9ca9a5;line-height:1.6;margin:0}
.rest-lp-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.rest-lp-faq-list details{border-top:1px solid rgba(255,255,255,.1);padding:24px 0}.rest-lp-faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.rest-lp-faq-list summary{cursor:pointer;list-style:none;font:600 19px/1.35 Manrope;display:flex;justify-content:space-between;gap:20px}.rest-lp-faq-list summary:after{content:'+';color:#26b2ff;font-size:25px}.rest-lp-faq-list details[open] summary:after{content:'−'}.rest-lp-faq-list p{color:#9ba8a4;line-height:1.7}
.rest-lp-final-card{padding:60px;border:1px solid rgba(52,224,187,.18);border-radius:30px;background:radial-gradient(circle at 80% 40%,rgba(39,215,181,.12),transparent 32%),rgba(7,24,20,.7);display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end}.rest-lp-final-card h2{font:800 clamp(38px,4vw,62px)/1.02 Manrope;letter-spacing:-.04em;margin:15px 0}.rest-lp-final-card p{max-width:720px;color:#9eaba7;line-height:1.7}.rest-lp-final-actions{display:flex;flex-direction:column;gap:12px;min-width:250px}
@media(max-width:980px){.rest-lp-hero-grid,.rest-lp-story-grid,.rest-lp-tables-grid,.rest-lp-print-grid,.rest-lp-menu-grid,.rest-lp-faq-grid{grid-template-columns:1fr}.rest-lp-stage{min-height:570px;max-width:650px;width:100%;margin:0 auto}.rest-lp-problem-grid{grid-template-columns:1fr 1fr}.rest-lp-flow-grid{grid-template-columns:1fr 1fr}.rest-lp-history-grid,.rest-lp-process-grid{grid-template-columns:1fr 1fr}.rest-lp-final-card{grid-template-columns:1fr}.rest-lp-final-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:620px){.rest-lp-hero{padding:120px 0 60px;min-height:auto}.rest-lp-copy h1{font-size:47px}.rest-lp-lead{font-size:16px}.rest-lp-stage{min-height:465px}.rest-lp-monitor{left:0;right:0;top:20px}.rest-lp-dashboard{grid-template-columns:45px 1fr;min-height:305px}.rest-lp-main{padding:18px}.rest-lp-tables{gap:7px}.rest-lp-tables span{height:44px}.rest-lp-ticket{width:135px;right:3px;bottom:10px;padding:12px}.rest-lp-status{left:2px;bottom:0;max-width:180px}.rest-lp-problem-grid,.rest-lp-history-grid,.rest-lp-process-grid{grid-template-columns:1fr}.rest-lp-feature{grid-template-columns:58px 1fr;gap:18px}.rest-lp-feature h3{font-size:22px}.rest-lp-flow-grid{grid-template-columns:1fr}.rest-lp-flow-step{min-height:auto;border-right:0;padding:24px}.rest-lp-flow-step b{margin-bottom:15px}.room-grid{grid-template-columns:1fr 1fr}.rest-lp-printers{min-height:580px}.printer{width:185px}.printer-a{left:0}.printer-b{left:auto;right:0;top:95px}.printer-c{left:15%;right:auto;top:290px}.rest-lp-final-card{padding:34px 24px}.rest-lp-final-actions{flex-direction:column;min-width:0}}

/* Editable media: keep screenshots fully visible inside existing mockups. */
.vg-booking-editable-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#050e14}

/* v4.4 - editable real images inside App Development hero device frames */
.booking-ui-screen{overflow:hidden}
.booking-ui-screen .vg-editable-device-screen{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;margin:0}
.booking-ui-phone .booking-ui-screen .vg-editable-device-screen{object-fit:cover}

/* v4.5 - editable project device screens */
.vg-hse-custom-screen{display:block!important;overflow:hidden!important;background:#050e14!important}
.vg-hse-custom-screen img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;border:0!important}
.project-booking-visual .proj-booking-tablet,.project-booking-visual .proj-booking-phone{position:relative!important;overflow:hidden!important;box-sizing:border-box!important}
.project-booking-visual .proj-booking-tablet .booking-ui-screen{position:absolute!important;inset:10px!important;width:auto!important;height:auto!important;border-radius:12px!important;overflow:hidden!important}
.project-booking-visual .proj-booking-phone .booking-ui-screen{position:absolute!important;left:7px!important;right:7px!important;top:25px!important;bottom:7px!important;width:auto!important;height:auto!important;border-radius:20px!important;overflow:hidden!important}
.project-booking-visual .booking-ui-screen .vg-booking-editable-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;margin:0!important;border:0!important}
@media(max-width:680px){.project-booking-visual .proj-booking-tablet .booking-ui-screen{inset:7px!important}.project-booking-visual .proj-booking-phone .booking-ui-screen{left:5px!important;right:5px!important;top:20px!important;bottom:5px!important}}
\n\n/* v4.6 — unified editable-device media rules. Keep real screenshots inside their frames. */
body .work-booking .booking-devices{align-items:center!important;justify-content:center!important;gap:22px!important;overflow:visible!important}
body .work-booking .booking-tablet{width:min(62%,520px)!important;height:auto!important;aspect-ratio:1.413364/1!important;overflow:hidden!important;box-sizing:border-box!important}
body .work-booking .booking-phone{width:148px!important;height:auto!important;aspect-ratio:281/592!important;overflow:hidden!important;box-sizing:border-box!important}
body .work-booking .booking-screen{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#050e14!important}
body .work-booking .booking-screen img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;border:0!important}

/* Projects booking devices: tablet follows brochure aspect ratio; phone follows a real mobile screenshot. */
body .project-booking-visual .proj-booking-tablet{width:min(64%,520px)!important;height:auto!important;aspect-ratio:1.413364/1!important;padding:8px!important;overflow:hidden!important;box-sizing:border-box!important}
body .project-booking-visual .proj-booking-phone{width:140px!important;height:auto!important;aspect-ratio:281/592!important;padding:6px!important;overflow:hidden!important;box-sizing:border-box!important}
body .project-booking-visual .proj-booking-tablet .booking-ui-screen{position:absolute!important;inset:8px!important;border-radius:12px!important;overflow:hidden!important}
body .project-booking-visual .proj-booking-phone .booking-ui-screen{position:absolute!important;left:6px!important;right:6px!important;top:22px!important;bottom:6px!important;border-radius:18px!important;overflow:hidden!important}
body .project-booking-visual .booking-ui-screen img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important}

/* App Development hero devices */
body .booking-ui-tablet .booking-ui-screen,body .booking-ui-phone .booking-ui-screen{overflow:hidden!important}
body .booking-ui-tablet .booking-ui-screen img,body .booking-ui-phone .booking-ui-screen img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important}

/* Web Development: each device has its own editable screenshot. */
body .web-devices-real .device-screen{overflow:hidden!important;background:#050e14!important}
body .web-devices-real .device-screen img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:top center!important;margin:0!important;transform:none!important}

/* HSE custom screenshot and restaurant screenshots never escape their visual cards. */
body .vg-hse-custom-screen,body .proj-rest-workstation,body .restaurant-workstation-card,body .soft-command-screen,body .scene-screen{overflow:hidden!important}
body .vg-hse-custom-screen img,body .proj-rest-workstation img,body .restaurant-workstation-card img,body .soft-command-screen img,body .scene-screen img{display:block!important;max-width:100%!important;object-position:center!important}

@media(max-width:700px){
 body .work-booking .booking-tablet{width:68%!important}
 body .work-booking .booking-phone{width:92px!important}
 body .project-booking-visual .proj-booking-tablet{width:68%!important}
 body .project-booking-visual .proj-booking-phone{width:92px!important}
}


/* === v4.7 — FIX DEFINITIVO FRAME / SCREEN FILL ===
   I frame mantengono le dimensioni del design originale.
   Le immagini riempiono SEMPRE l'area schermo, senza spazi, bande o trasparenze.
*/

/* HOME — App di Booking: non ridimensionare il frame in base all'immagine */
body .work-booking .booking-devices{
  overflow:visible!important;
  gap:28px!important;
}
body .work-booking .booking-tablet{
  width:66%!important;
  height:355px!important;
  aspect-ratio:auto!important;
  border:8px solid #0f202f!important;
  padding:0!important;
  border-radius:22px!important;
  background:#071119!important;
  box-sizing:border-box!important;
}
body .work-booking .booking-phone{
  width:150px!important;
  height:320px!important;
  aspect-ratio:auto!important;
  border:8px solid #0f202f!important;
  padding:0!important;
  border-radius:28px!important;
  background:#071119!important;
  box-sizing:border-box!important;
}
body .work-booking .booking-screen{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#050e14!important;
}
body .work-booking .booking-screen img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#050e14!important;
}
body .work-booking .booking-phone .booking-screen img{
  object-position:center top!important;
}

/* PROGETTI — App di Booking: frame originali + immagine piena nello schermo */
body .project-booking-visual .proj-booking-tablet{
  width:62%!important;
  height:330px!important;
  aspect-ratio:auto!important;
  padding:10px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body .project-booking-visual .proj-booking-phone{
  width:140px!important;
  height:285px!important;
  aspect-ratio:auto!important;
  padding:7px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body .project-booking-visual .proj-booking-tablet .booking-ui-screen{
  position:absolute!important;
  inset:10px!important;
  width:auto!important;
  height:auto!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#050e14!important;
}
body .project-booking-visual .proj-booking-phone .booking-ui-screen{
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  top:25px!important;
  bottom:7px!important;
  width:auto!important;
  height:auto!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#050e14!important;
}
body .project-booking-visual .booking-ui-screen img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#050e14!important;
}
body .project-booking-visual .proj-booking-phone .booking-ui-screen img{
  object-position:center top!important;
}

/* SVILUPPO APP — stessa regola: il device non cambia misura, cambia solo lo screenshot */
body .booking-ui-tablet{
  width:66%!important;
  height:305px!important;
  aspect-ratio:auto!important;
}
body .booking-ui-phone{
  width:142px!important;
  height:285px!important;
  aspect-ratio:auto!important;
}
body .booking-ui-tablet .booking-ui-screen,
body .booking-ui-phone .booking-ui-screen{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#050e14!important;
}
body .booking-ui-tablet .booking-ui-screen img,
body .booking-ui-phone .booking-ui-screen img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#050e14!important;
}
body .booking-ui-phone .booking-ui-screen img{
  object-position:center top!important;
}

/* Tablet */
@media(max-width:1000px) and (min-width:701px){
  body .work-booking .booking-tablet{width:72%!important;height:315px!important}
  body .work-booking .booking-phone{width:135px!important;height:285px!important}
}

/* Mobile: mantieni le proporzioni visive già previste dal tema, ma riempi sempre lo schermo */
@media(max-width:700px){
  body .work-booking .booking-devices{gap:12px!important;overflow:visible!important}
  body .work-booking .booking-tablet{width:72%!important;height:235px!important;border-width:6px!important}
  body .work-booking .booking-phone{width:94px!important;height:205px!important;border-width:5px!important}
  body .project-booking-visual .proj-booking-tablet{width:68%!important;height:230px!important;padding:7px!important}
  body .project-booking-visual .proj-booking-phone{width:92px!important;height:195px!important;padding:5px!important}
  body .project-booking-visual .proj-booking-tablet .booking-ui-screen{inset:7px!important}
  body .project-booking-visual .proj-booking-phone .booking-ui-screen{left:5px!important;right:5px!important;top:20px!important;bottom:5px!important}
  body .booking-ui-tablet{width:73%!important;height:220px!important}
  body .booking-ui-phone{width:92px!important;height:195px!important}
}

/* =========================================================
   V4.8 — Hover cleanup
   Remove cursor-following glow/spotlight. Keep the 3D tilt and
   normal border/translate hover interactions without light blobs.
   ========================================================= */
.cursor-glow{display:none!important;opacity:0!important;visibility:hidden!important}
.spotlight-on:before,
.service-card.spotlight-on:before{display:none!important;content:none!important;background:none!important;opacity:0!important}
.service-card:hover{box-shadow:none}

/* Dynamic portfolio */
.vgp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.vgp-card{overflow:hidden;border:1px solid rgba(100,180,160,.22);border-radius:19px;background:#071a27;color:#fff}.vgp-cover{display:block;aspect-ratio:1.4;overflow:hidden;background:#0a2435}.vgp-cover img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.vgp-cover:hover img{transform:scale(1.045)}.vgp-noimage{display:grid;place-items:center;height:100%;padding:30px;color:#76b1ff;font-size:25px;font-weight:800}.vgp-card-body{padding:25px}.vgp-card-body small{color:#25adfb;text-transform:uppercase;letter-spacing:.12em}.vgp-card-body h2{font-size:24px;margin:12px 0}.vgp-card-body h2 a{color:inherit}.vgp-card-body p{color:#b9ccc7;line-height:1.7}.vgp-link{display:inline-block;margin-top:12px;color:#24b0ff;font-weight:700}.vgp-hero .vgp-back{display:block;margin-bottom:30px;color:#26afff}.vgp-single{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px}.vgp-featured img{width:100%;height:auto;border-radius:20px}.vgp-content,.vgp-detail{line-height:1.8}.vgp-detail{padding:22px 0;border-top:1px solid rgba(120,180,160,.2)}.vgp-sidebar{padding:27px;background:#071a27;border-radius:18px;height:max-content}.vgp-sidebar p{margin:22px 0}.vgp-sidebar strong{color:#23abf8}.vgp-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.vgp-gallery img{width:100%;height:auto;border-radius:12px}@media(max-width:900px){.vgp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vgp-single{grid-template-columns:1fr}}@media(max-width:600px){.vgp-grid,.vgp-gallery{grid-template-columns:1fr}}

/* v5.3 Case History homepage - screenshot completi senza crop */
.vg-case-home{padding:105px 0;background:#041620;color:#fff}.vg-case-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.vg-case-head h2{font-size:clamp(32px,4vw,56px);line-height:1.12;margin:12px 0}.vg-case-head p{max-width:620px;color:#bdccc8}.vg-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.vg-case-card{border:1px solid #1d3a55;border-radius:22px;overflow:hidden;background:#082130}.vg-case-card a{color:inherit;text-decoration:none;display:block}.vg-case-media{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#0a2536;padding:18px;overflow:hidden}.vg-case-screenshot{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;border-radius:9px}.vg-case-noimage{width:100%;height:100%;border:1px dashed #3b6999;border-radius:10px;display:grid;place-items:center;color:#70a0eb;text-align:center;padding:20px}.vg-case-info{padding:24px}.vg-case-info small{color:#2dabf9}.vg-case-info h3{font-size:25px;margin:10px 0 20px}.vg-case-info span{color:#48b7ff}.vg-case-empty{grid-column:1/-1;color:#b4c9c2}@media(max-width:760px){.vg-case-home{padding:70px 0}.vg-case-head{display:block}.vg-case-grid{grid-template-columns:1fr}.vg-case-media{padding:12px}}

/* v5.4 — Authentic portfolio screenshots: no stretched or clipped image content */
.vg-case-media,.vgp-cover{background:#081a27;overflow:hidden}
.vg-case-media img,.vgp-cover img{width:100%;height:auto;aspect-ratio:1200/780;object-fit:contain;display:block}
.vgp-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;align-items:start}
.vgp-gallery-link{display:flex;flex-direction:column;align-items:center;gap:10px;background:#0c1e2b;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;color:#8bc6ff;text-decoration:none}
.vgp-gallery-link img{width:100%;height:auto;max-height:700px;object-fit:contain;border-radius:9px}
.vgp-gallery-link span{font-size:13px;opacity:.8}
.vgp-featured img{width:100%;height:auto;object-fit:contain}
@media(max-width:650px){.vgp-gallery{grid-template-columns:1fr}.vgp-gallery-link{padding:10px}}


/* v5.7: applied to the stylesheet actually loaded by WordPress */
@media(min-width:851px){body .vg-case-home .vg-case-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}body .vg-case-home .vg-case-card{width:auto!important;min-width:0!important;grid-column:auto!important}}
@media(min-width:601px) and (max-width:850px){body .vg-case-home .vg-case-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body .vg-case-home .vg-case-grid{display:grid!important;grid-template-columns:1fr!important}}
body .vgp-grid .vgp-card{display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important}
body .vgp-grid .vgp-card .vgp-cover{display:block!important;height:210px!important;max-height:210px!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;padding:0!important;margin:0!important;flex:none!important}
body .vgp-grid .vgp-card .vgp-cover img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:top center!important;margin:0!important}
body .vgp-grid .vgp-card .vgp-card-body{padding:12px 18px 20px!important;margin:0!important;flex:1!important}
body .vgp-grid .vgp-card .vgp-card-body h2{margin:5px 0 8px!important}
.vg57-hero{padding:165px 0 65px;background:radial-gradient(circle at 80% 15%,rgba(41,165,135,.17),transparent 40%)}
.vg57-hero .container{max-width:1120px}.vg57-kicker{display:block;margin:22px 0;color:#35c1ff;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.vg57-hero h1{font:800 clamp(40px,5vw,74px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;max-width:970px;margin:10px 0 20px}.vg57-lead{max-width:760px;color:#b8cbc6;font-size:19px;line-height:1.75}
.vg57-main{padding:0 0 100px}.vg57-cover{background:#0a1b28;border:1px solid rgba(82,241,210,.18);border-radius:24px;overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.22);margin-bottom:48px}.vg57-cover img{width:100%;height:auto;max-height:690px;object-fit:cover;object-position:top;display:block}
.vg57-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:65px;align-items:start}.vg57-section{padding:0 0 32px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.vg57-section h2{font:800 clamp(24px,3vw,34px)/1.2 Manrope;margin:0 0 18px}.vg57-section p{color:#b7c9c4;line-height:1.85;font-size:16px}
.vg57-aside{background:#081621;border:1px solid rgba(82,241,210,.16);border-radius:22px;padding:25px;position:sticky;top:110px}.vg57-aside h2{font:800 20px Manrope;margin:0 0 18px}.vg57-fact{border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.vg57-fact small{display:block;color:#4c87c6;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.vg57-fact strong{display:block;margin-top:5px;line-height:1.55;font-size:14px;overflow-wrap:anywhere}
.vg57-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vg57-gallery a{background:#091a25;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:block}.vg57-gallery img{width:100%;height:260px;object-fit:cover;object-position:top;display:block}.vg57-gallery span{display:block;padding:12px 15px;color:#76b7ff;font-size:13px}
@media(max-width:850px){.vg57-layout{grid-template-columns:1fr;gap:20px}.vg57-aside{position:static}}@media(max-width:540px){.vg57-hero{padding-top:120px}.vg57-gallery{grid-template-columns:1fr}}


/* v5.8 editorial case study */
.vg58-page{background:#04121b;color:#f4f9f6;overflow:hidden}.vg58-page .container{max-width:1200px}.vg58-hero{position:relative;background:radial-gradient(ellipse at 77% 42%,#0e3248 0%,#061924 43%,#04121b 75%);padding:145px 0 100px}.vg58-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:65px;align-items:center;min-height:530px}.vg58-back{display:inline-block;color:#6b9ee7!important;text-decoration:none;font-size:14px;margin-bottom:64px}.vg58-label,.vg58-eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#37affe}.vg58-label{display:flex;align-items:center;gap:12px}.vg58-label span{width:23px;height:2px;background:#37affe}.vg58-label em{font-style:normal;color:#4072a6}.vg58-hero h1{font-size:clamp(48px,5.6vw,88px);line-height:1.05;letter-spacing:-.055em;margin:22px 0 25px;overflow-wrap:anywhere}.vg58-dot{color:#33b3ff}.vg58-intro{color:#72a1ec;font-size:18px;line-height:1.85;max-width:540px}.vg58-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:37px}.vg58-primary{display:inline-flex;align-items:center;gap:22px;background:#33b3ff;color:#051e2c!important;padding:17px 24px;border-radius:9px;font-weight:800;text-decoration:none}.vg58-primary span{font-size:23px}.vg58-secondary{color:#78a8f7!important;font-weight:700;text-decoration:none}.vg58-hero-art{position:relative;padding:40px 0 30px}.vg58-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(79,224,172,.18);transform:scale(.94)}.vg58-orbit:after{content:'';position:absolute;inset:42px;border:1px dashed rgba(79,224,172,.15);border-radius:50%}.vg58-browser{position:relative;background:#0a2130;border:1px solid rgba(169,234,208,.3);border-radius:17px;overflow:hidden;box-shadow:0 42px 110px #0008;transform:perspective(1100px) rotateY(-7deg) rotateX(2deg)}.vg58-browser-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 17px;background:#0a1f2d;border-bottom:1px solid #183d58}.vg58-browser-top i{width:9px;height:9px;background:#2b5d87;border-radius:50%}.vg58-browser-top span{font-size:11px;color:#5a8ccd;margin-left:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vg58-browser img{display:block;width:100%;height:385px;object-fit:cover;object-position:top}.vg58-summary{background:#082231;border-top:1px solid #133a53;border-bottom:1px solid #133a53}.vg58-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:31px 0}.vg58-summary-grid>div{padding:5px 30px;border-right:1px solid #1c405d}.vg58-summary-grid>div:first-child{padding-left:0}.vg58-summary-grid>div:last-child{border:0}.vg58-summary-grid span,.vg58-summary-grid strong{display:block}.vg58-summary-grid span{color:#4490d2;font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:9px}.vg58-summary-grid strong{font-size:16px;line-height:1.45}.vg58-overview{padding:125px 0}.vg58-overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.vg58-section-heading h2,.vg58-showcase h2,.vg58-bottom h2{font-size:clamp(34px,4.2vw,60px);line-height:1.12;letter-spacing:-.045em;margin:18px 0}.vg58-section-heading h2 em{font-style:normal;color:#36affe}.vg58-prose{color:#bfd0c8;font-size:17px;line-height:1.9}.vg58-prose>p:first-child{margin-top:0}.vg58-mini{margin-top:30px;padding-top:27px;border-top:1px solid #1b3852}.vg58-mini span{color:#38adfa;letter-spacing:.14em;font-size:12px;font-weight:800}.vg58-mini p{margin:10px 0 0}.vg58-showcase{padding:105px 0 120px;background:#071d2a}.vg58-showcase-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:45px}.vg58-showcase-head p{max-width:310px;color:#6593d8;line-height:1.8}.vg58-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.vg58-shot{display:block;min-width:0;background:#0c2739;border:1px solid #1d425f;border-radius:16px;overflow:hidden;text-decoration:none!important;color:#fff!important;transition:transform .25s,border-color .25s}.vg58-shot:hover{transform:translateY(-5px);border-color:#39acf9}.vg58-shot-image{height:340px;overflow:hidden;background:#081a26;padding:12px}.vg58-shot-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.vg58-shot-featured{grid-column:span 2}.vg58-shot-featured .vg58-shot-image{height:520px}.vg58-shot-caption{display:flex;justify-content:space-between;gap:15px;padding:18px 21px;border-top:1px solid #1d425f;font-size:12px}.vg58-shot-caption span{color:#5c91d4;letter-spacing:.13em}.vg58-shot-caption strong{color:#3db5ff}.vg58-gallery-app{grid-template-columns:repeat(3,minmax(0,1fr))}.vg58-gallery-app .vg58-shot-featured{grid-column:span 1}.vg58-gallery-app .vg58-shot-image,.vg58-gallery-app .vg58-shot-featured .vg58-shot-image{height:440px}.vg58-bottom{padding:110px 0}.vg58-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.vg58-bottom p{color:#6ea0eb;line-height:1.8}.vg58-next{background:linear-gradient(125deg,#0e3147,#082333);padding:45px;border:1px solid #22567c;border-radius:18px}.vg58-next>span{font-size:11px;color:#49a9f5;letter-spacing:.15em;font-weight:800}.vg58-next h3{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:20px 0 27px}.vg58-next a{color:#39b6ff!important;font-weight:800;text-decoration:none}.vg58-next a span{font-size:22px}
@media(max-width:950px){.vg58-hero-grid{grid-template-columns:1fr;gap:20px}.vg58-hero-art{max-width:690px;width:100%;margin:auto}.vg58-back{margin-bottom:45px}.vg58-overview-grid{gap:45px}.vg58-gallery-app{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.vg58-hero{padding:110px 0 65px}.vg58-hero-grid{min-height:0}.vg58-hero h1{font-size:clamp(39px,10vw,62px)}.vg58-browser{transform:none}.vg58-browser img{height:280px}.vg58-summary-grid{grid-template-columns:1fr;gap:15px}.vg58-summary-grid>div{border-right:0;border-bottom:1px solid #1c405d;padding:10px 0 18px}.vg58-summary-grid>div:last-child{border:0}.vg58-overview{padding:70px 0}.vg58-overview-grid,.vg58-bottom-grid{grid-template-columns:1fr;gap:28px}.vg58-showcase{padding:70px 0}.vg58-showcase-head{display:block}.vg58-gallery,.vg58-gallery-app{grid-template-columns:1fr}.vg58-shot-featured{grid-column:span 1}.vg58-shot-image,.vg58-shot-featured .vg58-shot-image,.vg58-gallery-app .vg58-shot-image,.vg58-gallery-app .vg58-shot-featured .vg58-shot-image{height:300px}.vg58-bottom{padding:70px 0}.vg58-next{padding:28px}}

/* v5.9 category filters */
.vg59-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.vg59-filters a{display:inline-flex;padding:10px 20px;border-radius:999px;border:1px solid rgba(78,215,180,.25);color:#76aafa;text-decoration:none;font-size:14px;font-weight:700;transition:.2s}.vg59-filters a:hover,.vg59-filters a.active{background:#1b84c0;border-color:#1b84c0;color:#041722}

/* v6.1: Remove the excess vertical space between page intro and category filters.
   Scoped only to the Progetti page to avoid regressions elsewhere. */
.vg61-projects-page>.page-hero{padding-bottom:18px!important;}
.vg61-projects-page>.page-hero .container>p:last-child{margin-bottom:0!important;}
.vg61-projects-page>.section{padding-top:22px!important;}
.vg61-projects-page .vg59-filters{margin-top:0!important;margin-bottom:22px!important;}
@media(max-width:650px){.vg61-projects-page>.page-hero{padding-bottom:12px!important}.vg61-projects-page>.section{padding-top:16px!important;}}

:root{--bg:#081a31;--bg2:#102943;--panel:#102b47;--panel2:#163753;--accent:#087ca8;--accent2:#52d7ef;--muted:#adbed1;--text:#f3f8ff;--container:1240px}body{background:#081a31;font-family:Arial,sans-serif}h1,h2,h3{font-family:Arial,sans-serif!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}.proto-header{position:sticky;top:0;z-index:100;background:#081a31ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20}.proto-nav{height:90px;display:flex;align-items:center;gap:32px}.proto-nav>a:first-child{margin-right:auto}.proto-nav img{width:210px;max-height:65px;object-fit:contain}.proto-nav nav{display:flex;gap:26px}.proto-nav nav a{font-size:14px;padding:12px 0}.proto-nav nav a[aria-current]{color:#52d7ef;border-bottom:2px solid}.proto-nav .btn{font-size:13px;padding:12px 20px}#menu{display:none;background:none;border:1px solid #7da8c7;color:white;border-radius:8px;font-size:25px}.proto-footer{padding:70px 0 25px;background:#061326;color:#acbdd0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.proto-footer a{display:block}.proto-footer h3{color:white;font-size:15px}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:25px;border-top:1px solid #ffffff20;font-size:12px}.btn{background:#087fa6;border-color:#52d7ef;color:#fff!important}.btn-outline{background:transparent;color:inherit!important}.reveal{opacity:1!important;transform:none!important;visibility:visible!important}.hero-v3{background:radial-gradient(ellipse at 80% 35%,#165c7c66,transparent 55%),#081a31!important;padding-top:75px!important;min-height:760px!important}.hero-accent,.accent-text{color:#52d7ef!important}.hero-code-card{background:#102d4d!important;border-color:#3687a3!important}.hero-code-card em{color:#52d7ef!important}.hero-v3-art{animation:floatArt 7s ease-in-out infinite}.hero-aurora{background:#23b4db30!important}.hero-badge,.quote-panel{background:#123450!important;border-color:#438aa4!important}.tech-marquee{background:#112b46!important}.home-intro,.home-about,.vg58-overview{background:white!important;color:#102943!important}.home-services,.home-projects,.vg58-showcase{background:#eaf4fa!important;color:#102943!important}.home-intro p,.home-about p,.vg58-prose,.vg58-showcase-head p,.home-projects p{color:#486078!important}.home-intro .eyebrow,.home-about .eyebrow,.home-projects .eyebrow,.home-services .eyebrow,.vg58-eyebrow,.vg58-mini span{color:#087ca8!important}.home-intro .accent-text,.home-about .accent-text,.home-services .accent-text{color:#087ca8!important}.home-intro .check-list span{color:#244561!important}.services-wow>a,.vg-case-card{background:white!important;border-color:#d2e4f0!important;color:#102943!important;box-shadow:0 12px 35px #1539570a!important}.services-wow p,.vg-case-info small{color:#486078!important}.vg58-page,.vg58-hero{background:#081a31!important}.vg58-summary{background:#143551!important;border-color:#37617d!important}.vg58-bottom{background:#fff!important;color:#102943!important}.vg58-bottom p{color:#486078!important}.vg58-next{background:#102e4a!important;color:white!important;border-color:#367596!important}.vg58-shot{background:#102e4a!important}.vg58-browser-top{background:#102943!important}.vg58-browser{background:#102943!important}.vg58-section-heading h2 em{color:#087ca8!important}.vg58-orbit{border-color:#28c8ef55!important}.vg58-shot-featured .vg58-shot-image{height:600px}.proto-intro{padding:90px 0;background:radial-gradient(ellipse at 95% 20%,#15577c88,transparent 60%),#081a31}.proto-intro h1{font-size:clamp(42px,5.5vw,78px);line-height:1.05;letter-spacing:-.045em;max-width:1000px;margin:25px 0}.proto-intro p{max-width:680px;color:#b8cadc;font-size:18px}.proto-light{background:#edf5fa;color:#102943;padding:75px 0 100px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters button,#reset{border:1px solid #a6c0d4;background:transparent;color:#102943;padding:12px 22px;border-radius:30px}.filters button[aria-pressed=true]{background:#102943;color:#fff}.filters label{margin-left:auto}.filters input{margin-left:10px;width:220px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{background:white;border:1px solid #d0e3f0;border-radius:15px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #10294320}.project-image{height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 4s}.project-card:hover img{object-position:bottom}.project-info{padding:26px}.project-info h2{font-size:23px;line-height:1.2}.project-info small{color:#087ca8;font-size:10px;letter-spacing:.12em}.project-info span{font-weight:bold;color:#087ca8}.service-list>a{display:flex;align-items:center;gap:40px;padding:35px 0;border-bottom:1px solid #bcd4e5}.service-list h2{margin:0;font-size:34px}.service-list>a>b{margin-left:auto;font-size:40px;color:#087ca8}.service-list>a:hover{color:#087ca8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{font-size:40px;line-height:1.15}.contact-grid form{display:grid;gap:20px}.contact-grid label{display:grid;gap:8px;font-size:14px;font-weight:bold}input,textarea,select{padding:13px;border:1px solid #9ebbd0;border-radius:6px;background:#fff;color:#102943;width:100%}.check{display:flex!important;align-items:center;gap:10px!important}.check input{width:18px;height:18px}.contact-grid button{justify-self:start}.contact-grid form p{font-size:13px}.proto-intro details{border-bottom:1px solid #436077;padding:22px 0}.proto-intro summary{cursor:pointer;font-size:22px}dialog{border:1px solid #5ebcda;border-radius:12px;background:#081a31;color:white;width:min(1100px,94vw);max-height:94vh;padding:45px 20px 20px}dialog::backdrop{background:#020d1eea}dialog img{margin:auto;max-height:76vh;object-fit:contain}dialog button{position:absolute;right:12px;top:6px;font-size:28px;background:none;border:0;color:white}.proto-footer a:hover{color:#52d7ef}[hidden]{display:none!important}@keyframes floatArt{50%{transform:translateY(-14px)}}@media(max-width:1000px){.nav-cta{display:none!important}.proto-nav{gap:15px}.proto-nav nav{gap:15px}.project-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}}@media(max-width:700px){.proto-nav{height:76px}.proto-nav img{width:170px}#menu{display:block}.proto-nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:#102943;flex-direction:column}.proto-nav nav.open{display:flex}.footer-grid,.project-grid,.contact-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom a{margin-top:15px}.proto-intro{padding:60px 0}.proto-light{padding:45px 0}.filters label{margin:10px 0;width:100%}.filters input{width:100%;margin:8px 0}.service-list>a{gap:18px}.service-list h2{font-size:25px}.hero-v3{min-height:auto!important;padding-top:40px!important}.hero-v3-art{animation:none}.vg58-shot-featured .vg58-shot-image{height:350px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html,body{max-width:100%;overflow-x:hidden}.services-section,.vg-case-home{background:#eaf4fa!important;color:#102943!important}.services-section h2,.vg-case-home h2,.vg-case-home h3{color:#102943!important}.services-section .accent-text{color:#087ca8!important}.services-section .eyebrow,.vg-case-home .eyebrow{color:#087ca8!important}.vg-case-home p,.services-section p{color:#486078!important}.vg-case-media{background:#dcebf5!important}.about-home{background:white!important;color:#102943!important}.about-home p{color:#486078!important}.about-home h2 span{color:#102943!important}.about-home h2 span:last-child{color:#087ca8!important}.about-home .eyebrow{color:#087ca8!important}.about-values{background:#102943!important;color:white!important}.home-intro h2 span{color:#102943!important}.home-intro h2 span:last-child{color:#087ca8!important}.hero-code-card strong{font-family:Arial,sans-serif!important}.social-rail{display:none!important}.services-wow .text-link,.vg-case-info span{color:#087ca8!important}.vg-case-media img{opacity:1!important;visibility:visible!important}
.services-section .text-link,.vg-case-home .text-link{color:#087ca8!important}.services-section .eyebrow,.vg-case-home .eyebrow{color:#087ca8!important}

/* Revision 02: a light editorial system for the internal pages. */
:root{--v2-ink:#142d49;--v2-muted:#536b80;--v2-blue:#087a9b;--v2-pale:#edf5f9;--v2-line:#ccdfe9;--v2-cyan:#49d7ea}html{scroll-padding-top:110px}.v2,.v2-showcase{--text:var(--v2-ink);--muted:var(--v2-muted);--line:var(--v2-line);background:#fff;color:var(--v2-ink)}.v2 *,.v2-showcase *,.v2-footer *{box-sizing:border-box}.v2 h1,.v2 h2,.v2 h3,.v2-showcase h2,.v2-showcase h3{color:var(--v2-ink);font-family:Arial,sans-serif!important;letter-spacing:-.045em}.v2 h1{font-size:clamp(44px,5.8vw,84px);line-height:1.05;font-weight:750;margin:0}.v2 h2,.v2-showcase h2{font-size:clamp(32px,3.8vw,52px);line-height:1.1;margin:16px 0 25px}.v2 h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}.v2 p,.v2-showcase p{color:var(--v2-muted);line-height:1.8}.v2 em,.v2-showcase em{font-style:normal;color:var(--v2-blue)}.v2-label{display:block;color:var(--v2-blue);font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase}.v2-crumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--v2-muted);font-size:12px;padding-bottom:50px}.v2-crumb a:hover{text-decoration:underline}.v2-page-top{padding:35px 0 65px;border-bottom:1px solid var(--v2-line);background:#fff}.v2-heading-row{display:grid;grid-template-columns:1.45fr .8fr;gap:90px;align-items:end}.v2-heading-row p{font-size:17px;margin:0 0 5px;max-width:400px}.v2-section{padding:100px 0;background:#fff}.v2-pale{background:var(--v2-pale)!important}.v2-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.v2-section-head h2{margin-bottom:0}.v2-section-head>p{max-width:350px;margin:0 0 4px;font-size:15px}.v2-section-head .v2-textlink{margin-bottom:5px}.v2-action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap;color:var(--v2-ink);font-weight:700;font-size:14px;border-bottom:1px solid var(--v2-blue);padding:12px 0;transition:gap .2s}.v2-action span{font-size:23px;color:var(--v2-blue)}.v2-action:hover{gap:35px;color:var(--v2-blue)}.v2-textlink{color:var(--v2-blue);font-size:14px;font-weight:700}.v2-textlink:hover{text-decoration:underline}.v2-two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px}.v2-showcase{background:#edf5f9;padding:95px 0 90px}.v2-showcase-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:60px;align-items:start}.v2-showcase-tabs{border-top:1px solid #b7cfdc}.v2-showcase-tabs button{width:100%;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid #b7cfdc;background:transparent;color:#506b80;font-size:14px;font-weight:650;padding:25px 12px;text-align:left;transition:background .2s}.v2-showcase-tabs button>span{font-size:10px;color:#5c7990}.v2-showcase-tabs button>b{margin-left:auto;color:#087a9b;font-size:19px}.v2-showcase-tabs button[aria-selected=true]{color:#142d49;background:#d9edf5;box-shadow:inset 3px 0 #087a9b}.v2-showcase-tabs button:hover{background:#e2eff6}.v2-showcase-image{height:360px;background:#d5eaf3;padding:28px 35px;overflow:hidden;border-radius:10px}.v2-showcase-image>img{height:100%;width:100%;object-fit:contain;object-position:top center;filter:drop-shadow(0 12px 12px #173a531a)}.v2-showcase-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.03em;color:#58788e;margin:13px 0 24px}.v2-showcase-copy{display:flex;align-items:end;gap:35px;justify-content:space-between}.v2-showcase-copy h3{font-size:27px;margin:0 0 12px;line-height:1.15;letter-spacing:-.03em}.v2-showcase-copy p{font-size:14px;margin:0;max-width:540px}.v2-hse-demo{padding:20px 25px;background:white;max-width:600px;margin:auto;border:1px solid #bfd7e4;box-shadow:0 12px 30px #1539570d}.v2-hse-demo>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#5b778b;border-bottom:1px solid #d5e4ed;padding-bottom:14px}.v2-hse-demo b{color:#087a9b}.v2-hse-demo h3{font-size:27px;margin:20px 0}.v2-hse-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v2-hse-areas span{display:grid;place-items:center;padding:26px 5px;background:#edf5f9;color:#27526e;font-size:11px;border-top:3px solid #69bdd0}.v2-hse-demo>p{font-size:11px;margin-bottom:0}.v2-footer{background:#102b46;color:#fff;padding:65px 0 22px;border-top:4px solid #47ccdf}.v2-footer-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-bottom:60px}.v2-footer .v2-label{color:#91c9d9}.v2-footer h2{font:700 clamp(48px,5.5vw,76px)/1.1 Arial,sans-serif;letter-spacing:-.055em;margin:20px 0 0}.v2-footer h2 span{color:#47ccdf}.v2-email{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #68849a;padding-bottom:16px;font-size:clamp(19px,2.1vw,28px);letter-spacing:-.025em}.v2-email>span{font-size:32px;color:#49d7ea}.v2-footer p{color:#c0d0de;font-size:14px;line-height:1.75;margin:18px 0}.v2-footer .v2-textlink{color:#83e2ee}.v2-footer-links{padding:35px 0;border-top:1px solid #3b5670;display:flex;gap:45px;align-items:center}.v2-footer-links img{width:190px}.v2-footer-links nav{margin-left:auto;display:flex;gap:25px;font-size:13px}.v2-footer-links>a:last-child{font-size:13px;color:#c9dce9}.v2-footer a:hover{color:#83e2ee}.v2-footer-bottom{border-top:1px solid #3b5670;padding-top:23px;display:flex;justify-content:space-between;gap:20px;color:#aac0d1;font-size:10px;letter-spacing:.025em}.v2-service-catalog{padding:0 0 65px}.v2-service-row{display:grid;grid-template-columns:65px minmax(0,1fr) 320px;gap:40px;align-items:center;border-bottom:1px solid var(--v2-line);padding:50px 0}.v2-index{align-self:start;padding-top:12px;font-size:13px;color:#63849a}.v2-service-row h2{margin:0 0 16px;font-size:38px}.v2-service-row h2 span{font-size:25px;color:var(--v2-blue);display:inline-block;transition:transform .2s}.v2-service-row:hover h2 span{transform:translate(5px,-5px)}.v2-service-row p{max-width:620px;font-size:15px;margin:0 0 24px}.v2-service-thumb{height:200px;overflow:hidden;background:#e3eff5;border-radius:8px;padding:16px;display:block}.v2-service-thumb>img{width:100%;height:100%;object-fit:contain}.v2-step-list details{border-top:1px solid var(--v2-line);padding:25px 0}.v2-step-list details:last-child{border-bottom:1px solid var(--v2-line)}.v2-step-list summary{cursor:pointer;font-size:22px;letter-spacing:-.025em}.v2-step-list summary span{font-size:11px;color:#64849a;margin-right:20px}.v2-step-list p{margin:18px 0 0 38px;font-size:15px}.v2-service-heading{max-width:1080px}.v2-service-heading .v2-label{margin-bottom:22px}.v2-service-heading h1{max-width:1080px}.v2-heading-bottom{display:flex;justify-content:space-between;gap:90px;align-items:end;margin-top:35px}.v2-heading-bottom p{font-size:17px;max-width:690px;margin:0}.v2-service-canvas{background:linear-gradient(#fff 20%,#edf5f9 20%);padding:0 0 30px}.v2-canvas-image{height:470px;background:#dcebf3;display:grid;place-items:center;padding:35px 7%;border-radius:10px;overflow:hidden}.v2-canvas-image>img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 15px 20px #12365318)}.v2-image-note{display:flex;justify-content:space-between;font-size:10px;color:#58778c;letter-spacing:.05em;margin-top:18px}.v2-it-map{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(700px,100%);position:relative}.v2-it-map span{padding:35px 25px;border:1px solid #b2cfdc;color:#30546f;background:#edf6fa;font-size:14px}.v2-it-map b{grid-column:1/-1;grid-row:2;text-align:center;font-size:38px;letter-spacing:-.05em;line-height:1;color:#087a9b;padding:15px}.v2-service-thumb .v2-it-map{gap:5px;grid-template-columns:1fr 1fr}.v2-service-thumb .v2-it-map b{grid-row:1;font-size:20px;padding:5px}.v2-service-thumb .v2-it-map span{font-size:9px;padding:9px}.v2-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.v2-sticky{position:sticky;top:130px}.v2-feature-list>article{display:grid;grid-template-columns:30px 1fr;gap:20px;border-top:1px solid var(--v2-line);padding:27px 0}.v2-feature-list>article:last-child{border-bottom:1px solid var(--v2-line)}.v2-feature-list>article>span{font-size:11px;color:#7893a5;margin-top:5px}.v2-feature-list h3{margin:0 0 12px;font-size:23px}.v2-feature-list p{margin:0;font-size:15px}.v2-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.v2-related-grid>a{min-width:0}.v2-related-grid img{width:100%;height:240px;object-fit:cover;object-position:top;border:12px solid #dcebf3;border-radius:6px;transition:transform .25s}.v2-related-grid>a:hover img{transform:translateY(-6px)}.v2-related-grid>a>span{display:block;font-size:15px;font-weight:700;padding-top:20px;color:var(--v2-ink)}.v2 .v2-detail-shot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;border:0!important;border-radius:0;background:transparent!important;color:var(--v2-ink)!important;padding:0;box-shadow:none}.v2-detail-shot img{max-height:580px;object-fit:contain;width:100%}.v2-detail-shot>span{font-size:13px;color:var(--v2-blue)}.v2-service-nav{background:#f7fafc;border-top:1px solid var(--v2-line);padding:30px 0}.v2-service-nav>.container{display:flex;justify-content:space-between;gap:25px;font-size:14px}.v2-portfolio{padding:30px 0 90px;background:white}.v2-portfolio-bar{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--v2-line)}.v2-portfolio-bar .filters{gap:8px}.v2-portfolio-bar .filters button{padding:10px 20px;font-size:13px;border-radius:4px}.v2-search{font-size:10px;color:var(--v2-muted);display:grid;gap:7px;min-width:260px}.v2-search input{border:0;border-bottom:1px solid #acc8da;border-radius:0;padding:10px 0;font-size:14px;background:transparent}.v2-portfolio #results{font-size:11px;text-align:right;margin:15px 0 0}.v2 .v2-project-row{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:55px 0;border:0;border-bottom:1px solid var(--v2-line);border-radius:0;background:transparent;box-shadow:none;transform:none}.v2 .v2-project-row:nth-child(even){grid-template-columns:1fr 1.2fr}.v2-project-row:nth-child(even) .v2-project-photo{order:2}.v2 .v2-project-row:hover{transform:none;box-shadow:none}.v2-project-photo{display:block;position:relative;background:#e2eef5;padding:30px 30px 0;border-radius:7px;overflow:hidden;height:350px}.v2-project-photo>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;box-shadow:0 15px 30px #1539571a;transition:transform .5s}.v2-project-photo:hover img{transform:translateY(-12px)}.v2-project-photo>span{position:absolute;bottom:20px;right:20px;background:#fff;color:#102943;box-shadow:0 3px 20px #142d4920;padding:12px 18px;font-size:12px;border-radius:4px}.v2-project-description h2{font-size:36px;margin:20px 0}.v2-project-description p{font-size:15px}.v2-tech{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.v2-tech span{font-size:10px;color:#527489;border:1px solid #c8dee9;padding:5px 9px}.v2-case-top{background:#f1f7fa;padding:35px 0 55px}.v2-case-heading h1{font-size:clamp(43px,5.7vw,80px);max-width:1080px;margin:25px 0 40px}.v2-case-heading h1>span{color:#087a9b}.v2-case-meta{display:flex;justify-content:space-between;align-items:start;gap:30px;font-size:12px;color:#4d6b81;padding:22px 0;border-top:1px solid #c2d9e5}.v2-case-meta>span:nth-child(2){max-width:400px}.v2-case-meta>a{color:#087a9b;white-space:nowrap}.v2-case-hero-image{height:450px;padding:30px 40px 0;background:#d5e8f2;border-radius:7px;overflow:hidden}.v2-case-hero-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px;box-shadow:0 15px 40px #254a681a}.v2-case-prose>.v2-lead{font-size:23px;line-height:1.6;margin:0 0 40px;color:#24435b}.v2-case-prose>div{border-top:1px solid var(--v2-line);padding:20px 0}.v2-case-prose h3{font-size:17px;margin:5px 0 12px}.v2-case-prose>div>p{font-size:15px;margin:0}.v2-case-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:start}.v2 .v2-case-gallery .vg58-shot{border:0!important;background:#fff!important;color:var(--v2-ink)!important;border-radius:7px;box-shadow:0 10px 40px #183a4e08}.v2 .v2-case-gallery .vg58-shot:hover{transform:translateY(-4px);box-shadow:0 18px 40px #183a4e15}.v2-long-preview{height:620px;overflow:auto;scrollbar-width:thin;scrollbar-color:#80acc0 #dcebf3;padding:20px;background:#dfedf4}.v2-long-preview img{width:100%;height:auto}.v2-case-gallery .vg58-shot>span{display:flex;justify-content:space-between;font-size:11px;padding:18px 22px}.v2-case-gallery .vg58-shot>span>b{color:var(--v2-blue)}.v2-gallery-side>.vg58-shot{display:block;padding-top:20px}.v2-gallery-side>.vg58-shot>img{width:100%;height:240px;object-fit:contain;padding:0 20px}.v2-project-note{padding:35px 0}.v2-project-note h3{font-size:28px}.v2-project-note p,.v2-project-note a{font-size:13px}.v2-project-note a{color:var(--v2-blue)}.v2-next-project{border-top:1px solid var(--v2-line);background:#fff}.v2-next-project>a{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 0}.v2-next-project h2{font-size:34px;margin-bottom:0}.v2-next-project>a>span{color:var(--v2-blue);font-size:65px;transition:transform .2s}.v2-next-project>a:hover>span{transform:translate(5px,-5px)}.v2-contact{padding:35px 0 100px;background:linear-gradient(90deg,#fff 50%,#edf5f9 50%)}.v2-contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.v2-contact h1{font-size:clamp(43px,5.3vw,74px);margin:25px 0}.v2-contact-left>p{max-width:380px;font-size:17px}.v2-contact-direct{margin-top:60px;display:grid;gap:10px}.v2-contact-direct>span{font-size:10px;color:#698699;letter-spacing:.12em;margin-top:15px}.v2-contact-direct>a{font-size:22px;letter-spacing:-.03em;color:#163a56}.v2-contact-form{padding:0 0 0 10px}.v2-contact-form h2{font-size:32px;margin:0 0 20px}.v2-demo-note{font-size:12px!important;border-left:2px solid #43a8c2;padding-left:15px;margin-bottom:30px}.v2-contact-form form{display:grid;gap:22px}.v2-contact-form label{display:grid;gap:8px;font-size:12px;color:#2a4c63;font-weight:600}.v2-contact-form input,.v2-contact-form textarea,.v2-contact-form select{border:1px solid #b9d2e0;background:#fff;border-radius:4px;font-size:15px;font-weight:400;padding:13px;resize:vertical}.v2-contact-form .btn{border-radius:5px;justify-self:start;padding:14px 22px;font-size:13px;background:#087a9b;border-color:#087a9b;box-shadow:none}.v2-contact-form .check{font-weight:400;font-size:11px}.v2-contact-form form>p{font-size:12px;margin:0}.v2-about .page-hero{min-height:0;padding-bottom:65px}.v2-about-index{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#84dce9}.v2-about-index a{border-bottom:1px solid #3a748e;padding-bottom:7px}.v2-about .resume-story{background:#edf5f9;color:#142d49}.v2-about .resume-story h3,.v2-about .resume-story h4,.v2-about .resume-kicker,.v2-about .resume-acc-toggle{color:#142d49!important}.v2-about .resume-story p{color:#536b80!important}.v2-about .resume-acc{background:transparent!important;border-color:#c3d9e5!important}.v2-about .resume-acc-body{max-height:none!important;height:auto!important;opacity:1!important;overflow:visible!important;display:none;padding:0 0 25px!important}.v2-about .resume-acc.is-open .resume-acc-body{display:block}.v2-about .resume-title-row strong{color:#087a9b!important}.v2-about .resume-symbol{color:#087a9b!important}.v2-about .resume-word{color:#bfd7e5!important}.v2-about .resume-sub{color:#142d49!important}.v2-about .resume-sub span{color:#087a9b!important}.v2-about .about-live-facts{border-color:#3c6683}.v2-about .v2-section{color:#142d49}.v2-about .v2-section h2,.v2-about .v2-section h3{color:#142d49!important}.v2-method article{border-top:1px solid #c3d9e5;padding:20px 0}.v2-method article>span{font-size:10px;color:#6e91a7}.v2-method h3{font-size:23px;margin:10px 0}.v2-method p{font-size:14px;margin:0}.v2-management .proto-intro{background:#fff;color:#142d49;border-bottom:1px solid #ccdfe9;padding:70px 0}.v2-management .proto-intro h1{color:#142d49;font-size:65px}.v2-management .proto-intro p{color:#536b80}.v2-management .proto-light{background:#edf5f9}.v2-management h2{font-size:35px}.v2-management input,.v2-management select{border-radius:4px}.v2-management .btn{border-radius:5px;box-shadow:none}.v2-management #reset{border-radius:5px;font-size:13px}.v2 :focus-visible,.v2-showcase :focus-visible,.v2-footer :focus-visible{outline:3px solid #1698bc;outline-offset:5px}.v2 [hidden],.v2-showcase [hidden]{display:none!important}
@media(min-width:1600px){.v2-showcase-image{height:410px}}
@media(max-width:1100px){.v2-showcase-layout{grid-template-columns:225px minmax(0,1fr);gap:35px}.v2-heading-row,.v2-heading-bottom{gap:40px}.v2-service-row{grid-template-columns:35px 1fr 250px;gap:25px}.v2-detail-grid,.v2-two-col{gap:55px}.v2 .v2-project-row{gap:45px}.v2-footer-links{gap:25px}.v2-footer-links nav{gap:15px}.v2-footer-links>a:last-child{display:none}.v2-contact-layout{gap:65px}.v2-showcase-copy{display:block}.v2-showcase-copy .v2-action{margin-top:15px}.v2-service-heading h1{font-size:64px}}
@media(max-width:760px){.v2 h1{font-size:44px}.v2 h2,.v2-showcase h2{font-size:34px}.v2-page-top{padding:25px 0 40px}.v2-crumb{padding-bottom:30px;font-size:10px;gap:8px}.v2-heading-row,.v2-heading-bottom{display:block}.v2-heading-row p,.v2-heading-bottom p{font-size:15px;margin-top:25px}.v2-heading-bottom>.v2-action{margin-top:20px}.v2-section{padding:60px 0}.v2-section-head{display:block;margin-bottom:30px}.v2-section-head>p{margin-top:22px;font-size:13px}.v2-showcase{padding:60px 0}.v2-showcase-layout{display:block}.v2-showcase-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px}.v2-showcase-tabs button{padding:16px 10px;font-size:12px;gap:8px}.v2-showcase-tabs button>b{font-size:15px}.v2-showcase-image{height:260px;padding:20px}.v2-showcase-copy h3{font-size:26px}.v2-showcase-copy p{font-size:13px}.v2-showcase-caption{font-size:9px}.v2-hse-demo{padding:15px}.v2-hse-demo h3{font-size:23px;margin:15px 0}.v2-hse-areas{grid-template-columns:1fr 1fr;gap:5px}.v2-hse-areas span{padding:12px 5px;font-size:9px}.v2-hse-demo>p{font-size:8px;margin:10px 0 0}.v2-service-row{grid-template-columns:25px 1fr;gap:15px;padding:35px 0}.v2-service-row h2{font-size:29px}.v2-service-row p{font-size:14px}.v2-service-thumb{grid-column:2;height:200px}.v2-two-col,.v2-detail-grid{grid-template-columns:1fr;gap:35px}.v2-service-heading h1{font-size:43px}.v2-canvas-image{height:280px;padding:20px;border-radius:6px}.v2-image-note{font-size:8px;gap:20px}.v2-it-map span{padding:15px 10px;font-size:10px}.v2-it-map b{font-size:25px;padding:8px}.v2-sticky{position:static}.v2-feature-list>article{padding:22px 0;grid-template-columns:20px 1fr;gap:15px}.v2-feature-list h3{font-size:22px}.v2-feature-list p{font-size:14px}.v2-related-grid{grid-template-columns:1fr;gap:30px}.v2-related-grid img{height:260px}.v2 .v2-detail-shot{grid-template-columns:1fr;gap:20px}.v2-portfolio-bar{display:block}.v2-search{margin-top:25px;min-width:0}.v2-portfolio-bar .filters{flex-wrap:wrap}.v2-portfolio-bar .filters button{padding:9px 15px;font-size:12px}.v2 .v2-project-row,.v2 .v2-project-row:nth-child(even){grid-template-columns:1fr;gap:25px;padding:35px 0}.v2-project-row:nth-child(even) .v2-project-photo{order:0}.v2-project-photo{height:270px;padding:20px 20px 0}.v2-project-description h2{font-size:31px;margin:15px 0}.v2-project-description p{font-size:14px}.v2-case-top{padding:25px 0 30px}.v2-case-heading h1{font-size:44px;margin:25px 0}.v2-case-meta{flex-direction:column;gap:12px;font-size:10px;padding:18px 0}.v2-case-hero-image{height:260px;padding:20px 20px 0}.v2-case-prose>.v2-lead{font-size:20px;margin-bottom:25px}.v2-case-gallery{grid-template-columns:1fr;gap:25px}.v2-long-preview{height:420px;padding:12px}.v2-gallery-side>.vg58-shot>img{height:210px}.v2-next-project>a{padding:40px 0}.v2-next-project h2{font-size:28px}.v2-next-project>a>span{font-size:40px}.v2-contact{background:#fff;padding:25px 0 0}.v2-contact-layout{grid-template-columns:1fr;gap:40px}.v2-contact h1{font-size:47px}.v2-contact-direct{margin-top:30px}.v2-contact-direct>a{font-size:21px}.v2-contact-form{margin:0 -20px;padding:35px 20px 50px;background:#edf5f9}.v2-contact-form h2{font-size:30px}.v2-footer{padding:50px 0 25px}.v2-footer-top{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.v2-footer h2{font-size:60px;margin-top:15px}.v2-email{font-size:20px}.v2-footer-links{flex-direction:column;align-items:start;gap:25px;padding:30px 0}.v2-footer-links nav{margin:0;gap:18px;flex-wrap:wrap;font-size:12px}.v2-footer-bottom{display:flex;flex-direction:column;gap:13px}.v2-about-index{gap:14px;font-size:11px}.v2-about .page-hero h1{font-size:48px}.v2-about .resume-title-row{display:block}.v2-about .resume-title-row strong{display:block;margin-top:8px}.v2-management .proto-intro h1{font-size:43px}.v2-management .proto-intro{padding:50px 0}.v2-service-nav>.container{font-size:12px}.v2-method h3{font-size:23px}}
.v2-about .motion-reveal{opacity:1!important;transform:none!important;visibility:visible!important}.v2-about .resume-acc-toggle,.v2-about .resume-title-row h4,.v2-about .resume-word,.v2-about .resume-sub,.v2-about .about-live-facts b{font-family:Arial,sans-serif!important}.v2-about .resume-symbol{background:#edf5f9!important;border-color:#92b5c8!important;box-shadow:none!important}.v2-about .timeline-item{opacity:1!important;transform:none!important}.v2-about .timeline-item h3{font-size:22px}.v2-about .timeline-item time{font-size:14px}.v2-about .timeline-item p{font-size:15px;line-height:1.8}.v2-about .about-live-facts b{margin-bottom:8px}.v2-about .resume-word{letter-spacing:-.04em!important}
@media(prefers-reduced-motion:reduce){.v2 *, .v2-showcase *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Photographic visual slots: preserve the full panorama, without inner padding. */
.v3-visual{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;filter:none!important;transform:none!important}
.v2-showcase-image{height:auto!important;aspect-ratio:1672/941;padding:0!important;border-radius:9px;background:#dcecf4;overflow:hidden}.v2-showcase-image>.v3-visual{width:100%;height:100%;object-fit:contain}.v2-showcase-layout{grid-template-columns:245px minmax(0,1fr);gap:40px}.v2-showcase-tabs button{padding:22px 10px}.v2-showcase-copy{align-items:start;gap:25px}.v2-showcase-copy h3{font-size:29px;max-width:600px}.v2-showcase-copy>.v2-action{margin-top:0;font-size:12px;gap:14px}.v2-showcase-caption{font-size:10px}.v2-canvas-image{height:auto!important;aspect-ratio:1672/941;padding:0!important;border-radius:9px}.v2-canvas-image>.v3-visual{height:100%;object-fit:contain}.v2-case-hero-image{height:auto!important;aspect-ratio:1672/941;padding:0!important;border-radius:9px;background:#dfedf4}.v2-case-hero-image>.v3-visual{height:100%;object-fit:contain;border-radius:0;box-shadow:none}.v3-asset-note{font-size:11px!important;color:#577489!important;line-height:1.7;margin:16px 0 0!important}.v3-asset-note a{color:#087a9b;text-decoration:underline}.v3-project-scene:nth-of-type(even){background:#edf5f9}.v2 .v3-full-scene{display:block;position:relative;border:0!important;border-radius:9px;overflow:hidden;background:transparent!important;box-shadow:none;transform:none!important;color:#142d49!important}.v3-full-scene>.v3-visual{width:100%;height:auto;object-fit:contain}.v3-full-scene>span{position:absolute;bottom:22px;right:22px;padding:13px 20px;color:#142d49;background:#fff;border-radius:5px;font-size:12px;box-shadow:0 5px 20px #142d4920}.v3-full-scene:hover>span{background:#e4f7fc;color:#087a9b}.v2 .v2-service-thumb:has(.v3-visual){padding:0;height:auto;aspect-ratio:1672/941;background:#dcecf4}.v2 .v2-service-thumb>.v3-visual{height:100%;object-fit:contain}.v2 .v2-project-photo{height:auto;aspect-ratio:1672/941;padding:0}.v2 .v2-project-photo>.v3-visual{height:100%;object-fit:contain;border-radius:0;box-shadow:none;transform:none}.v2-related-grid .v3-visual{height:auto;aspect-ratio:1672/941;border:0;border-radius:6px;object-fit:contain;transform:none}.vg-case-media:has(.v3-visual){padding:0;aspect-ratio:1672/941;background:#dcecf4!important}.vg-case-media>.v3-visual{height:100%!important;aspect-ratio:1672/941!important;object-fit:contain!important;border-radius:0}.vg-case-grid{align-items:start}.v2-service-canvas .v2-image-note{margin-top:15px}
@media(max-width:1100px){.v2-showcase-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}.v2-showcase-tabs button{font-size:12px;padding:19px 8px}.v2-showcase-copy{display:block}.v2-showcase-copy>.v2-action{margin-top:12px}}
@media(max-width:760px){.v2-showcase-layout{display:block}.v2-showcase-tabs{grid-template-columns:1fr 1fr}.v2-showcase-tabs button{padding:14px 7px;font-size:11px;gap:7px;min-height:50px}.v2-showcase-copy h3{font-size:25px}.v2-showcase-image{border-radius:6px}.v2-showcase-caption{font-size:8px;gap:12px;margin:12px 0 20px}.v2-case-hero-image,.v2-canvas-image{border-radius:6px}.v3-full-scene>span{bottom:10px;right:10px;font-size:9px;padding:8px 12px}.v3-asset-note{font-size:9px!important}.v2 .v2-project-photo{height:auto}.v2 .v2-service-thumb{height:auto}.v2-related-grid .v3-visual{height:auto}.v3-project-scene .v2-section-head>p{font-size:14px}}

/* Exactly four editorial projects, matching the supplied order and copy. */
.v2-showcase-tabs .v4-tab-label{display:grid;gap:10px;color:inherit;flex:1}.v4-tab-label small{font-size:10px;letter-spacing:.1em;color:#53778d}.v4-tab-label strong{font-size:15px;line-height:1.4;letter-spacing:-.015em;color:#17364f}.v2-showcase-tabs button{padding:24px 12px;min-height:106px}.v2-showcase-copy .v2-label{margin:0 0 10px}.v2-showcase-copy>.v2-action{margin-top:20px}
@media(max-width:760px){.v2-showcase-tabs button{padding:15px 9px;min-height:112px;align-items:start}.v4-tab-label strong{font-size:12px;line-height:1.4}.v4-tab-label small{font-size:8px}.v2-showcase-tabs .v4-tab-label{gap:9px}.v2-showcase-tabs button>b{margin-top:20px}.v2-showcase-copy>.v2-action{margin-top:15px}}

/* Light profile page, aligned with the other internal pages. */
.v2-about{--text:#142d49;--muted:#536b80;--line:#ccdfe9;--accent:#087a9b;--accent2:#087a9b;background:#fff;color:#142d49}.v2-about .page-hero{background:#edf5f9;padding:55px 0 60px;border-bottom:1px solid #d1e2ec}.v2-about .page-hero h1,.v2-about h2,.v2-about h3,.v2-about h4{color:#142d49}.v2-about .page-hero p,.v2-about p{color:#536b80}.v2-about .eyebrow{color:#087a9b}.v2-about .breadcrumbs{color:#627c8d}.v2-about .section:not(.resume-story):not(.v2-pale){background:#fff}.v2-about .v2-about-index{color:#087a9b}.v2-about .v2-about-index a{border-color:#91bbce}.v2-about .skills-cloud span{background:#edf5f9;color:#34566e;border-color:#c5dce8}.v2-about .about-live-facts span{background:#edf5f9;color:#536b80;border-color:#c5dce8}.v2-about .about-live-facts b{color:#087a9b}.v2-about .about-photo-frame img{border-color:#d1e2ec;box-shadow:0 20px 45px #142d4915}.v2-about .timeline-item{border-color:#ccdfe9}.v2-about .timeline-item time{color:#087a9b}.v2-about .timeline-item p{color:#536b80}.v2-about .section-head p{color:#536b80}.v2-about .resume-story{background:#edf5f9}.v2-about .v2-pale{background:#edf5f9!important}.v2-about .resume-rail{border-color:#b9d2e0}.v2-about .resume-story-head{margin-bottom:45px}.v2 .v5-mockup-shot{display:block}.v2 .v5-mockup-shot>.v3-visual{width:100%;height:auto}.v2 .v5-source-shot>img{height:360px;max-height:none;object-fit:contain}.v2 .v5-source-shot{padding-top:20px}.filters button:focus-visible{outline:3px solid #1698bc;outline-offset:4px}
@media(max-width:760px){.v2-about .page-hero{padding:35px 0 40px}.v2-about .page-hero p{font-size:16px}.v2-about .section-tight{padding:50px 0}.v2 .v5-source-shot>img{height:300px}.v2-about .resume-story-head{margin-bottom:30px}}

/* Preserve the exact original logo artwork; enlarge its visible area and shift teal to cyan. */
.proto-nav{height:96px;gap:26px}.proto-nav>a:first-child{display:block;flex:0 0 282px;width:282px;height:84px;overflow:hidden;margin-right:auto}.proto-nav>a:first-child img{width:420px!important;max-width:none!important;max-height:none!important;height:auto!important;object-fit:contain;filter:hue-rotate(24deg) saturate(1.15) brightness(1.08)}.v2-footer-links>a:first-child{width:282px;flex:0 0 282px;overflow:hidden;display:block}.v2-footer-links>a:first-child img{width:420px!important;max-width:none!important;height:auto;filter:hue-rotate(24deg) saturate(1.15) brightness(1.08)}
/* Light screens and silver frames in the existing laptop and phone scene. */
body .home-intro .device-scene-v3 .laptop-v3{filter:drop-shadow(0 18px 20px #14395722)!important}body .home-intro .device-scene-v3 .laptop-screen{background:#f4f9fc!important;border-color:#a8bdcc!important;box-shadow:0 0 0 1px #ccdce7!important}body .home-intro .device-scene-v3 .mini-site{background:radial-gradient(circle at 90% 10%,#bceff5,transparent 55%),linear-gradient(145deg,#fff,#e7f3fa)!important;color:#142d49!important}body .home-intro .device-scene-v3 .mini-site small{color:#087a9b!important;font-family:Arial,sans-serif}body .home-intro .device-scene-v3 .mini-site b{color:#142d49!important;font-family:Arial,sans-serif!important}body .home-intro .device-scene-v3 .mini-site b span{color:#087a9b!important}body .home-intro .device-scene-v3 .mini-grid i{background:#d4eaf5!important;border-color:#a9d1e2!important}body .home-intro .device-scene-v3 .mini-grid i:nth-child(2n){background:#b6e5ef!important}body .home-intro .device-scene-v3 .laptop-base{background:linear-gradient(#ecf1f5,#b7c8d4)!important;border-color:#a5becf!important;box-shadow:0 8px 13px #16395515!important}body .home-intro .device-scene-v3 .phone-v3{background:linear-gradient(160deg,#fff,#e0f0f8)!important;border-color:#a5bccd!important;color:#142d49!important;box-shadow:0 16px 25px #14395722!important}body .home-intro .device-scene-v3 .phone-notch{background:#a5bccd!important}body .home-intro .device-scene-v3 .phone-v3 small{color:#087a9b!important}body .home-intro .device-scene-v3 .phone-v3 b{color:#142d49!important;font-family:Arial,sans-serif!important}body .home-intro .device-scene-v3 .phone-ui i{background:#c9e7f4!important;border-color:#a9cddd!important}body .home-intro .device-scene-v3 .app-orb{background:#d1eef7!important;border-color:#9acbde!important;color:#087a9b!important}body .home-intro .device-scene-v3 .device-floor{background:radial-gradient(ellipse,#b7dce966,transparent 65%)!important;filter:blur(15px)!important}body .home-intro .device-scene-v3 .result-chip{background:#e9f5fa!important;color:#087a9b!important;border-color:#bad8e7!important;box-shadow:0 5px 18px #14395710!important}body .home-intro .device-scene-v3 .result-chip span{color:#345c75!important}body .home-intro .device-scene-v3 .scene-note{color:#367894!important}
@media(max-width:1100px){.proto-nav .nav-cta{display:none!important}.proto-nav{gap:20px}.proto-nav nav{gap:22px}}
@media(max-width:700px){.proto-nav{height:82px;gap:16px}.proto-nav>a:first-child{flex-basis:235px;width:235px;height:70px}.proto-nav>a:first-child img{width:350px!important}.proto-nav nav{top:82px}.v2-footer-links>a:first-child{width:250px;flex-basis:auto}.v2-footer-links>a:first-child img{width:375px!important}.proto-nav #menu{flex-shrink:0}}
@media(max-width:360px){.proto-nav>a:first-child{width:205px;flex-basis:205px;height:64px}.proto-nav>a:first-child img{width:310px!important}}

.proto-nav>a:first-child{flex-basis:300px;width:300px}.v2-footer-links>a:first-child{width:300px;flex-basis:300px}@media(max-width:700px){.proto-nav>a:first-child{flex-basis:245px;width:245px}.v2-footer-links>a:first-child{width:260px;flex-basis:auto}}@media(max-width:360px){.proto-nav>a:first-child{width:220px;flex-basis:220px}}

/* Original CTA and footer structure, restyled to the current blue/cyan system. */
.v7-cta-section{padding:75px 0;background:#edf5f9;color:#fff}.v7-cta-section .mega-cta{border-radius:24px;padding:65px 40px;border:1px solid #277b99;background:radial-gradient(ellipse at 90% 20%,#1c769355,transparent 60%),linear-gradient(115deg,#102d49,#123e5a);box-shadow:0 15px 40px #14395710}.v7-cta-section .eyebrow{color:#8fe8f3;position:relative}.v7-cta-section h2{color:#fff;font-family:Arial,sans-serif!important;letter-spacing:-.045em;position:relative;margin:20px 0;font-size:clamp(34px,3.7vw,52px);line-height:1.1}.v7-cta-section p{color:#cfdfeb;position:relative;font-size:16px;margin:0 0 28px}.v7-cta-section .btn{position:relative;background:#087fa6;border-color:#6ee3f0;box-shadow:none;padding:14px 25px}.v7-cta-section .cta-wave{border-color:#64ddef12}.v7-cta-section .cta-script{color:#94c5d6;right:40px;top:45px;font-size:23px;opacity:.8}.v7-footer{background:#081a31!important;color:#fff;border-top:1px solid #23435b;padding:60px 0 25px}.v7-footer .footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr;gap:45px}.v7-footer .footer-grid h4{color:white;font-family:Arial,sans-serif;font-size:15px;margin:4px 0 20px}.v7-footer .footer-grid a,.v7-footer .footer-grid span{color:#b8cddd;font-size:13px;line-height:1.7}.v7-footer .footer-grid p{color:#b8cddd;font-size:14px;line-height:1.8;max-width:320px;margin:5px 0 0}.v7-footer .footer-grid a:hover{color:#66deed}.v7-footer .footer-logo-link{display:block;width:285px;max-width:100%;height:84px;overflow:hidden;margin:0 0 10px;line-height:0}.v7-footer .footer-logo-full{width:420px!important;max-width:none!important;height:auto;filter:hue-rotate(24deg) saturate(1.15) brightness(1.08)}.v7-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;border-color:#29475d;padding-top:24px;color:#9ab5c8;font-size:11px}.v7-footer .footer-bottom a:hover{color:#66deed}.v7-footer .v7-demo-link{font-size:10px;color:#9ab5c8;white-space:nowrap}
.hero-v3 .social-rail{display:grid!important;position:absolute;right:-70px;top:50%;transform:translateY(-50%);z-index:10;border:1px solid #40647d;background:#102c48cf;border-radius:16px;padding:7px;gap:4px;box-shadow:0 8px 25px #06132622}.hero-v3 .social-rail a{width:38px;height:42px;display:grid;place-items:center;border-radius:10px;color:#e4f0f9;background:transparent;box-shadow:none}.hero-v3 .social-rail svg{width:19px;height:19px;fill:currentColor}.hero-v3 .social-rail .rail-whatsapp{color:#68ddeb;background:#23536e44;box-shadow:none}.hero-v3 .social-rail a:hover{color:#081a31;background:#62dbea}.hero-v3 .social-rail a:focus-visible{outline:3px solid #62dbea;outline-offset:3px}
@media(max-width:1350px) and (min-width:1101px){.hero-v3 .social-rail{right:-8px;top:auto;bottom:10px;transform:none;display:flex!important;gap:5px}.hero-v3 .quote-panel{bottom:75px}}
@media(max-width:1100px){.hero-v3 .social-rail{display:flex!important;position:static;width:max-content;transform:none;margin:22px 0 0;padding:6px;gap:8px}.v7-cta-section .cta-script{display:none}.v7-footer .footer-grid{grid-template-columns:1.3fr .8fr;gap:35px 60px}.v7-footer .footer-bottom{justify-content:start}}
@media(max-width:760px){.v7-cta-section{padding:45px 0}.v7-cta-section .mega-cta{padding:45px 22px;border-radius:18px}.v7-cta-section h2{font-size:36px;margin:18px 0}.v7-cta-section p{font-size:14px;line-height:1.8}.v7-cta-section .eyebrow{font-size:9px}.v7-footer{padding:40px 0 25px!important}.v7-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 22px!important}.v7-footer .footer-brand-wrap{grid-column:1/-1}.v7-footer .footer-grid>div:last-child{grid-column:1/-1}.v7-footer .footer-grid h4{font-size:14px;margin-bottom:14px}.v7-footer .footer-grid a,.v7-footer .footer-grid span{font-size:12px}.v7-footer .footer-logo-link{width:260px;height:75px}.v7-footer .footer-logo-full{width:385px!important}.v7-footer .footer-bottom{display:flex;flex-direction:column;align-items:start;gap:15px;font-size:10px;line-height:1.8}.hero-v3 .social-rail{margin-top:22px}.hero-v3 .social-rail a{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.v7-cta-section .cta-wave{animation:none!important}}
.hero-v3 .home-hero-copy{position:static!important}

.hero-v3{position:relative}.hero-v3>.social-rail{position:absolute;display:grid!important;right:24px;top:50%;bottom:auto;left:auto;transform:translateY(-50%);margin:0;gap:4px;padding:7px}
@media(min-width:1101px){.hero-v3 .hero-v3-grid{width:min(1240px,calc(100% - 180px))}}
@media(max-width:1100px){.hero-v3>.social-rail{position:relative;display:flex!important;top:auto;right:auto;bottom:auto;left:auto;transform:none;width:max-content;margin:20px 20px 28px auto;gap:8px;padding:6px}}

.v9-origin-controls{display:flex;gap:25px;border-bottom:1px solid #ccdfe9;margin:0 0 30px;padding:0 0 20px;flex-wrap:wrap}.v9-origin-controls button{background:none;border:0;border-bottom:2px solid transparent;color:#58788f;font-size:15px;padding:12px 0;cursor:pointer}.v9-origin-controls button[aria-pressed=true]{color:#142d49;border-bottom-color:#087a9b;font-weight:700}.v9-origin-controls button:hover{color:#087a9b}.v9-origin-controls button:focus-visible{outline:3px solid #1698bc;outline-offset:4px}.v9-group-heading{padding:45px 0 10px}.v9-group-heading h2{display:flex;align-items:center;gap:18px;font-size:35px;margin:16px 0 0}.v9-group-heading h2>span{font-size:12px;font-weight:600;letter-spacing:0;padding:8px 11px;background:#edf5f9;border-radius:50%;color:#54768c}.v9-project-group+.v9-project-group{margin-top:50px;border-top:2px solid #c5dce9}.v9-origin-badge{display:inline-block;font-size:10px;color:#087a9b;border:1px solid #b8d9e7;background:#edf7fb;border-radius:30px;padding:6px 12px;letter-spacing:.025em}.v9-no-preview{height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#e9f3f8;color:#173b56;border:1px solid #c9dfeb}.v9-no-preview>span{font-size:10px;letter-spacing:.22em}.v9-no-preview>strong{font-size:50px;letter-spacing:-.05em}.v9-no-preview>small{font-size:11px;color:#5d7f94}.v2-case-hero-image>.v9-no-preview{height:100%}.v9-screenshot>img{height:370px!important;object-fit:contain!important;object-position:top}.v9-group-heading .v2-label{color:#087a9b}.v9-project-group[hidden]{display:none!important}
@media(max-width:760px){.v9-origin-controls{gap:5px 20px;margin-bottom:25px}.v9-origin-controls button{font-size:12px;padding:10px 0}.v9-group-heading{padding-top:28px}.v9-group-heading h2{font-size:27px;gap:12px}.v9-project-group+.v9-project-group{margin-top:35px}.v9-origin-badge{font-size:9px}.v9-screenshot>img{height:280px!important}.v9-no-preview>strong{font-size:37px}.v9-no-preview{min-height:180px}}

/* Two palettes, one layout and one set of content. No image inversion. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:76px;padding:9px 12px;border:1px solid #42708a;border-radius:25px;background:#15334e;color:#e7f4fc;font:600 12px/1 Arial,sans-serif;cursor:pointer;flex-shrink:0;white-space:nowrap}.theme-toggle:hover{border-color:#6adced;background:#214661}.theme-toggle:focus-visible{outline:3px solid #62dbea;outline-offset:4px}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .theme-sun{display:none}.proto-nav nav{gap:22px}html[data-theme=dark] .theme-toggle .theme-sun{display:block}html[data-theme=dark] .theme-toggle .theme-moon{display:none}
@media(max-width:1100px){.proto-nav nav{gap:17px}.theme-toggle{min-width:70px;padding:9px 10px}}
@media(max-width:850px) and (min-width:701px){.proto-nav nav{gap:12px}.proto-nav nav a{font-size:12px}.theme-toggle{min-width:63px;padding:9px 8px;font-size:11px}.proto-nav>a:first-child{width:260px;flex-basis:260px}.proto-nav>a:first-child img{width:385px!important}}
@media(max-width:700px){.proto-nav nav .theme-toggle{align-self:flex-start;margin-top:12px;padding:11px 16px;min-width:90px}.proto-nav nav{gap:15px}}
html[data-theme=dark]{color-scheme:dark;--night:#06100e;--night2:#091714;--night-panel:#10251e;--night-line:#2b4b40;--night-text:#f2f8f5;--night-muted:#b0c5bc;--night-accent:#52f1d2;--bg:#06100e;--bg2:#091714;--panel:#0b1a17;--panel2:#0f211d;--text:#f2f8f5;--muted:#b0c5bc;--accent:#29a587;--accent2:#52f1d2;--line:#2b4b40;--v2-ink:#f2f8f5;--v2-muted:#b0c5bc;--v2-blue:#52f1d2;--v2-pale:#091714;--v2-line:#2b4b40;--v2-cyan:#52f1d2}
html[data-theme=dark] body{background:#06100e!important;color:#f2f8f5}
html[data-theme=dark] .v2,html[data-theme=dark] .v2-about,html[data-theme=dark] .v2-showcase{--text:#f2f8f5;--muted:#b0c5bc;--line:#2b4b40;--accent:#29a587;--accent2:#52f1d2;--v2-ink:#f2f8f5;--v2-muted:#b0c5bc;--v2-blue:#52f1d2;--v2-pale:#091714;--v2-line:#2b4b40;color:#f2f8f5}
html[data-theme=dark] .proto-header{background:#06100ef2;border-color:#29473c}
html[data-theme=dark] #navigation a[aria-current]{color:#52f1d2;border-color:#52f1d2}
html[data-theme=dark] .proto-nav>a:first-child img,html[data-theme=dark] .v7-footer .footer-logo-full{filter:none!important}
html[data-theme=dark] .theme-toggle{background:#10291f;border-color:#487564;color:#e7f9f1}
html[data-theme=dark] .theme-toggle:hover{border-color:#52f1d2;background:#1b3a2e}
html[data-theme=dark] .theme-toggle:focus-visible{outline-color:#52f1d2}
html[data-theme=dark] #menu{border-color:#79aa97}
html[data-theme=dark] .btn{background:#19866f!important;color:#fff!important;border-color:#6ae2c8!important;box-shadow:none!important}
html[data-theme=dark] .btn:hover{background:#12705e!important}
html[data-theme=dark] .btn-outline{background:transparent!important;color:#b9f3e4!important;border-color:#548d79!important}
html[data-theme=dark] .hero-v3{background:radial-gradient(ellipse at 80% 35%,#1c685044,transparent 55%),#06100e!important}
html[data-theme=dark] .hero-accent,html[data-theme=dark] .accent-text{color:#52f1d2!important}
html[data-theme=dark] .hero-code-card{background:#0d281e!important;border-color:#3b8068!important}
html[data-theme=dark] .code-bar{background:#0b211a;color:#87b6a3;border-color:#345447}
html[data-theme=dark] .code-pane{background:radial-gradient(circle at 70% 30%,#3ad3a72b,transparent 45%),linear-gradient(150deg,#091b14,#103024)}
html[data-theme=dark] .code-pane small,html[data-theme=dark] .quote-panel small{color:#9bc9b5}
html[data-theme=dark] .hero-code-card em{color:#52f1d2!important}
html[data-theme=dark] .code-line{background:linear-gradient(90deg,#52f1d2,#52f1d215)}
html[data-theme=dark] .hero-badge,html[data-theme=dark] .quote-panel{background:#102e22!important;border-color:#4a816c!important;color:#a9e8d2}
html[data-theme=dark] .hero-aurora{background:#29a58720!important}
html[data-theme=dark] .hero-orbit{border-color:#51d9ae29}
html[data-theme=dark] .home-hero-copy p,html[data-theme=dark] .hero-stats .stat span{color:#b0c5bc}
html[data-theme=dark] .hero-v3 .social-rail{background:#0d291fed;border-color:#497761}
html[data-theme=dark] .hero-v3 .social-rail a{color:#e2f5eb;background:transparent}
html[data-theme=dark] .hero-v3 .social-rail .rail-whatsapp{color:#52f1d2;background:#1e4b3766}
html[data-theme=dark] .hero-v3 .social-rail a:hover{background:#52f1d2;color:#06100e}
html[data-theme=dark] .work-jump-link span small,html[data-theme=dark] .work-jump-link svg{color:#9bc9b5;stroke:#52f1d2}
html[data-theme=dark] .tech-marquee{background:#0b2018!important;border-color:#294a3d}
html[data-theme=dark] .marquee-track span{color:#b0c5bc}
html[data-theme=dark] .v2,html[data-theme=dark] .v2-section,html[data-theme=dark] .v2-service-catalog,html[data-theme=dark] .v2-portfolio,html[data-theme=dark] .v2-next-project,html[data-theme=dark] .v2-page-top,html[data-theme=dark] .home-intro,html[data-theme=dark] .about-home,html[data-theme=dark] .v2-about,html[data-theme=dark] .v2-about .section:not(.resume-story):not(.v2-pale){background:#06100e!important;color:#f2f8f5!important;border-color:#2b4b40}
html[data-theme=dark] .v2-pale,html[data-theme=dark] .v2-showcase,html[data-theme=dark] .services-section,html[data-theme=dark] .vg-case-home,html[data-theme=dark] .v2-case-top,html[data-theme=dark] .v2-service-canvas,html[data-theme=dark] .v2-service-nav,html[data-theme=dark] .v2-about .page-hero,html[data-theme=dark] .v2-about .resume-story,html[data-theme=dark] .v2-about .v2-pale,html[data-theme=dark] .v3-project-scene:nth-of-type(even){background:#091714!important;color:#f2f8f5!important;border-color:#2b4b40}
html[data-theme=dark] .v2 h1,html[data-theme=dark] .v2 h2,html[data-theme=dark] .v2 h3,html[data-theme=dark] .v2 h4,html[data-theme=dark] .v2-about h1,html[data-theme=dark] .v2-about h2,html[data-theme=dark] .v2-about h3,html[data-theme=dark] .v2-about h4,html[data-theme=dark] .v2-showcase h2,html[data-theme=dark] .v2-showcase h3,html[data-theme=dark] .services-section h2,html[data-theme=dark] .services-section h3,html[data-theme=dark] .vg-case-home h2,html[data-theme=dark] .vg-case-home h3,html[data-theme=dark] .about-home h2 span,html[data-theme=dark] .home-intro h2 span{color:#f2f8f5!important}
html[data-theme=dark] .home-intro h2 span:last-child,html[data-theme=dark] .about-home h2 span:last-child,html[data-theme=dark] .v2 em,html[data-theme=dark] .v2-showcase em{color:#52f1d2!important}
html[data-theme=dark] .v2 p,html[data-theme=dark] .v2-about p,html[data-theme=dark] .v2-showcase p,html[data-theme=dark] .home-intro p,html[data-theme=dark] .about-home p,html[data-theme=dark] .vg-case-home p,html[data-theme=dark] .services-section p{color:#b0c5bc!important}
html[data-theme=dark] .v2-label,html[data-theme=dark] .eyebrow,html[data-theme=dark] .v2-textlink,html[data-theme=dark] .v2-action,html[data-theme=dark] .v2-action span,html[data-theme=dark] .v2-project-note a,html[data-theme=dark] .v2-service-row h2 span,html[data-theme=dark] .v2-next-project>a>span,html[data-theme=dark] .vg-case-info span,html[data-theme=dark] .services-section .text-link,html[data-theme=dark] .vg-case-home .text-link,html[data-theme=dark] .v9-group-heading .v2-label{color:#52f1d2!important}
html[data-theme=dark] .v2-crumb,html[data-theme=dark] .v2-case-meta,html[data-theme=dark] .v2-index,html[data-theme=dark] .v2-image-note,html[data-theme=dark] .v2-showcase-caption,html[data-theme=dark] .v2-search,html[data-theme=dark] .v3-asset-note,html[data-theme=dark] .v2-about .breadcrumbs,html[data-theme=dark] .vg-case-info small{color:#a6c4b5!important}
html[data-theme=dark] .v2-action,html[data-theme=dark] .v2-step-list details,html[data-theme=dark] .v2-service-row,html[data-theme=dark] .v2-feature-list>article,html[data-theme=dark] .v2-case-prose>div,html[data-theme=dark] .v2-case-meta,html[data-theme=dark] .v2-portfolio-bar,html[data-theme=dark] .v2 .v2-project-row,html[data-theme=dark] .v9-project-group+.v9-project-group,html[data-theme=dark] .v9-origin-controls,html[data-theme=dark] .v2-method article{border-color:#2b4b40!important}
html[data-theme=dark] .services-wow>a,html[data-theme=dark] .vg-case-card{background:#10251e!important;color:#f2f8f5!important;border-color:#2b4b40!important;box-shadow:0 12px 30px #00000015!important}
html[data-theme=dark] .service-icon-wrap{background:#16362a;border-color:#3a6855;color:#52f1d2}
html[data-theme=dark] .home-intro .check-list span{color:#c4dacf!important}
html[data-theme=dark] .about-values{background:#10251e!important;border-color:#2b4b40!important}
html[data-theme=dark] .about-values span{color:#c0d8cb}
html[data-theme=dark] .about-values em{color:#b2e8d4}
html[data-theme=dark] .v2-showcase-tabs,html[data-theme=dark] .v2-showcase-tabs button{border-color:#2b4b40}
html[data-theme=dark] .v2-showcase-tabs button{color:#b0c5bc}
html[data-theme=dark] .v2-showcase-tabs button[aria-selected=true]{color:#f2f8f5;background:#153d30;box-shadow:inset 3px 0 #52f1d2}
html[data-theme=dark] .v2-showcase-tabs button:hover{background:#113025}
html[data-theme=dark] .v4-tab-label small,html[data-theme=dark] .v2-showcase-tabs button>b{color:#9fe5cb}
html[data-theme=dark] .v4-tab-label strong{color:#f2f8f5}
html[data-theme=dark] .v2-showcase-image,html[data-theme=dark] .v2-canvas-image,html[data-theme=dark] .v2-case-hero-image,html[data-theme=dark] .v2-project-photo,html[data-theme=dark] .vg-case-media,html[data-theme=dark] .v2-service-thumb{background:#10251e!important}
html[data-theme=dark] .v2 .v2-case-gallery .vg58-shot,html[data-theme=dark] .v2 .v2-detail-shot{background:#10251e!important;color:#f2f8f5!important;border-color:#2b4b40!important;box-shadow:none}
html[data-theme=dark] .v2-case-gallery .vg58-shot>span>b,html[data-theme=dark] .v2-detail-shot>span{color:#52f1d2}
html[data-theme=dark] .v2-long-preview{background:#132e23;scrollbar-color:#518c73 #10251e}
html[data-theme=dark] .v2-project-photo>span,html[data-theme=dark] .v3-full-scene>span{background:#10251e;color:#d5f6e8;box-shadow:0 5px 20px #0003}
html[data-theme=dark] .v2-related-grid>a>span{color:#e2f3ea}
html[data-theme=dark] .filters button,html[data-theme=dark] #reset{background:transparent;color:#bed9cc;border-color:#487a64}
html[data-theme=dark] .filters button[aria-pressed=true]{background:#52f1d2;color:#06100e;border-color:#52f1d2}
html[data-theme=dark] .v9-origin-controls button{color:#b0c5bc}
html[data-theme=dark] .v9-origin-controls button[aria-pressed=true]{color:#52f1d2;border-color:#52f1d2}
html[data-theme=dark] .v9-origin-badge,html[data-theme=dark] .v2-tech span,html[data-theme=dark] .v9-group-heading h2>span{background:#123528;color:#b0ead3;border-color:#396b54}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0d2118!important;color:#eff8f3!important;border-color:#487461!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a6c0b3;opacity:1}
html[data-theme=dark] .v2-contact{background:linear-gradient(90deg,#06100e 50%,#091714 50%)!important}
html[data-theme=dark] .v2-contact-form{background:#091714;color:#f2f8f5}
html[data-theme=dark] .v2-contact-form label,html[data-theme=dark] .v2-contact-direct>a{color:#d0e9dc}
html[data-theme=dark] .v2-contact-direct>span{color:#a3c4b3}
html[data-theme=dark] .v2-demo-note{border-color:#52f1d2}
html[data-theme=dark] .v2-contact-form .btn{background:#19866f!important}
html[data-theme=dark] .v2-about .skills-cloud span,html[data-theme=dark] .v2-about .about-live-facts span{background:#10251e;color:#c3ddcf;border-color:#2b4b40}
html[data-theme=dark] .v2-about .about-live-facts b,html[data-theme=dark] .v2-about .timeline-item time,html[data-theme=dark] .v2-about-index a{color:#52f1d2}
html[data-theme=dark] .v2-about .about-photo-frame img{border-color:#2b4b40;box-shadow:0 20px 40px #0003}
html[data-theme=dark] .v2-about .timeline-item,html[data-theme=dark] .v2-about-index a{border-color:#2b4b40}
html[data-theme=dark] .v2-about .resume-story h3,html[data-theme=dark] .v2-about .resume-story h4,html[data-theme=dark] .v2-about .resume-kicker,html[data-theme=dark] .v2-about .resume-acc-toggle,html[data-theme=dark] .v2-about .resume-sub{color:#e8f5ed!important}
html[data-theme=dark] .v2-about .resume-story p{color:#b0c5bc!important}
html[data-theme=dark] .v2-about .resume-acc,html[data-theme=dark] .v2-about .resume-rail{border-color:#2b4b40!important}
html[data-theme=dark] .v2-about .resume-title-row strong,html[data-theme=dark] .v2-about .resume-sub span{color:#52f1d2!important}
html[data-theme=dark] .v2-about .resume-symbol{background:#10251e!important;color:#9ce2c5!important;border-color:#487461!important}
html[data-theme=dark] .v2-about .resume-word{color:#315c48!important}
html[data-theme=dark] .v2-management .proto-intro{background:#06100e;color:#f2f8f5;border-color:#2b4b40}
html[data-theme=dark] .v2-management .proto-intro h1{color:#f2f8f5}
html[data-theme=dark] .v2-management .proto-intro p{color:#b0c5bc}
html[data-theme=dark] .v2-management .proto-light{background:#091714}
html[data-theme=dark] .v2-it-map span{background:#10251e;color:#d0eadb;border-color:#2b4b40}
html[data-theme=dark] .v2-it-map b{color:#52f1d2}
html[data-theme=dark] .v7-cta-section{background:#091714;color:white}
html[data-theme=dark] .v7-cta-section .mega-cta{background:radial-gradient(ellipse at 90% 20%,#297b5144,transparent 60%),linear-gradient(115deg,#103426,#0a2219);border-color:#397b5c;box-shadow:none}
html[data-theme=dark] .v7-cta-section .eyebrow{color:#8de9cb}
html[data-theme=dark] .v7-cta-section h2{color:#f4fcf8}
html[data-theme=dark] .v7-cta-section p{color:#c2ddce}
html[data-theme=dark] .v7-cta-section .cta-wave{border-color:#64dfb012}
html[data-theme=dark] .v7-cta-section .cta-script{color:#9accb3}
html[data-theme=dark] .v7-footer{background:#050d09!important;border-color:#244535;color:#f2f8f5}
html[data-theme=dark] .v7-footer .footer-grid p,html[data-theme=dark] .v7-footer .footer-grid a,html[data-theme=dark] .v7-footer .footer-grid span{color:#b8d2c3}
html[data-theme=dark] .v7-footer .footer-grid h4{color:#f2f8f5}
html[data-theme=dark] .v7-footer .footer-grid a:hover{color:#52f1d2}
html[data-theme=dark] .v7-footer .footer-bottom{color:#a4c2b1;border-color:#244535}
html[data-theme=dark] .v7-footer .v7-demo-link{color:#a4c2b1}
html[data-theme=dark] #lightbox{background:#081b12;border-color:#6adcb8;color:#f2f8f5}
html[data-theme=dark] #lightbox::backdrop{background:#010b06eb}
html[data-theme=dark] :focus-visible{outline-color:#52f1d2!important}
/* The intro is drawn in CSS, so its screens follow the palette. Image files stay untouched. */
html[data-theme=dark] body .home-intro .device-scene-v3 .laptop-screen{background:#0d241a!important;border-color:#497462!important;box-shadow:0 0 0 1px #6b9581!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .mini-site{background:radial-gradient(circle at 90% 10%,#1c674a,transparent 55%),linear-gradient(145deg,#0a2117,#103a2a)!important;color:#eef9f2!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .mini-site small,html[data-theme=dark] body .home-intro .device-scene-v3 .mini-site b span{color:#74e8c8!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .mini-site b{color:#eef9f2!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .mini-grid i{background:#275942!important;border-color:#4e8a6d!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .mini-grid i:nth-child(2n){background:#327555!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .laptop-base{background:linear-gradient(#91ac9d,#4f7661)!important;border-color:#70917f!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .phone-v3{background:linear-gradient(160deg,#123425,#0b2218)!important;border-color:#537c66!important;color:#eef9f2!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .phone-notch{background:#537c66!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .phone-v3 small{color:#74e8c8!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .phone-v3 b{color:#eef9f2!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .phone-ui i{background:#275942!important;border-color:#4e8a6d!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .app-orb{background:#22563e!important;border-color:#5d9d7b!important;color:#a0f4d8!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .result-chip{background:#143e2b!important;color:#74e8c8!important;border-color:#4b8265!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .result-chip span{color:#c6e6d5!important}
html[data-theme=dark] body .home-intro .device-scene-v3 .scene-note{color:#a4dbbe!important}
@media(max-width:700px){html[data-theme=dark] .proto-nav nav{background:#0b2419}}
@media(max-width:760px){html[data-theme=dark] .v2-contact{background:#06100e!important}}

.services-dropdown{position:relative}.services-toggle{font:inherit;font-weight:600;font-size:14px;color:inherit;border:0;background:transparent;padding:14px 0;cursor:pointer;display:flex;gap:7px;align-items:center}.services-toggle[aria-expanded=true],.services-toggle.active{color:#62dbea}.services-submenu{position:absolute;top:100%;left:-20px;width:252px;padding:12px;background:#102d46;border:1px solid #41627b;border-radius:14px;box-shadow:0 18px 45px #0005;z-index:200;display:grid;gap:3px}.services-submenu[hidden]{display:none!important}.proto-nav nav .services-submenu a{padding:12px!important;display:block!important;font-size:13px!important;color:#eaf7ff;border-radius:7px;border:0!important;white-space:normal}.proto-nav nav .services-submenu a:hover,.proto-nav nav .services-submenu a:focus-visible{background:#214b65;color:#70e8f5}.services-toggle:focus-visible{outline:2px solid #62dbea;outline-offset:5px}.service-overview{padding:65px 0 90px}.service-overview>.container{max-width:1000px}.service-overview h2{font-size:clamp(32px,5vw,54px);margin:14px 0}.service-overview>.container>p{margin-bottom:38px}.service-overview details{border-top:1px solid #bed3de}.service-overview details:last-child{border-bottom:1px solid #bed3de}.service-overview summary{display:flex;align-items:center;gap:28px;cursor:pointer;padding:28px 0;list-style:none}.service-overview summary::-webkit-details-marker{display:none}.service-overview summary span{font-size:12px;color:#137a98}.service-overview summary strong{font-size:clamp(21px,3vw,32px)}.service-overview summary b{margin-left:auto;font-size:28px;font-weight:400}.service-overview details[open] summary b{transform:rotate(45deg)}.service-overview details>div{padding:0 0 30px 46px}.service-overview details p{margin:0 0 22px}
/* One continuous background, copied from the original theme. Sections have no separate fill. */
html[data-theme=dark] body{background:radial-gradient(circle at 85% 10%,rgba(41,165,135,.11),transparent 28%),linear-gradient(180deg,#06100e,#071310 45%,#050c0a)!important}
html[data-theme=dark] body main,html[data-theme=dark] body section,html[data-theme=dark] body .v7-footer,html[data-theme=dark] body .tech-strip,html[data-theme=dark] body .stack-marquee{background:transparent!important;background-image:none!important}
html[data-theme=dark] .proto-header{background:#06100eed!important}
html[data-theme=dark] .services-submenu{background:#0b1a17;border-color:#2b4b40}
html[data-theme=dark] .services-toggle.active,html[data-theme=dark] .services-toggle[aria-expanded=true]{color:#52f1d2}
html[data-theme=dark] .proto-nav nav .services-submenu a{color:#e5f5ee}
html[data-theme=dark] .proto-nav nav .services-submenu a:hover,html[data-theme=dark] .proto-nav nav .services-submenu a:focus-visible{background:#17382e;color:#52f1d2}
html[data-theme=dark] .service-overview details{border-color:#2b4b40}
html[data-theme=dark] .service-overview summary span{color:#52f1d2}
html[data-theme=dark] .service-icon,html[data-theme=dark] .service-card .icon,html[data-theme=dark] .v2-service-icon{background:transparent!important;color:#52f1d2!important;border-color:#52f1d233!important;box-shadow:none!important}
html[data-theme=dark] .service-card:hover{background:#123027!important;border-color:#52f1d2!important}
@media(max-width:850px) and (min-width:701px){.services-toggle{font-size:12px}}
@media(max-width:700px){.services-dropdown{width:100%}.services-toggle{width:100%;justify-content:space-between;padding:0;font-size:15px}.services-submenu{position:static;width:100%;margin-top:12px;padding:8px;box-shadow:none}.service-overview{padding:40px 0 65px}.service-overview summary{gap:16px}.service-overview details>div{padding-left:30px}}
html[data-theme=dark] body .tech-marquee{background:transparent!important}
html[data-theme=dark] body .service-icon-wrap{background:transparent!important;box-shadow:none!important;border-color:#52f1d233!important;color:#52f1d2!important}
html[data-theme=dark] body .service-icon-wrap svg{color:#52f1d2!important;stroke:#52f1d2!important}
html[data-theme=dark] body .service-card:before{background:radial-gradient(circle at 50% 0%,#29a58722,transparent 70%)!important}
html[data-theme=dark][data-theme=dark][data-theme=dark] body main[class],html[data-theme=dark][data-theme=dark][data-theme=dark] body section[class],html[data-theme=dark][data-theme=dark][data-theme=dark] body footer[class]{background:transparent!important;background-image:none!important}

.original-service{--bg: #06100e; --bg2: #091714; --panel: #0b1a17; --panel2: #0f211d; --text: #f4f8f7; --muted: #9db3ae; --line: rgba(255,255,255,.1); --accent: #29a587; --accent2: #52f1d2; --shadow: 0 20px 70px rgba(0,0,0,.35); --radius: 26px; --container: 1240px;}
.original-service *{box-sizing: border-box;}
.original-service{scroll-behavior: smooth;}
.original-service{margin: 0px; background: radial-gradient(circle at 85% 10%, rgba(41, 165, 135, 0.11), transparent 28%), linear-gradient(rgb(6, 16, 14), rgb(7, 19, 16) 45%, rgb(5, 12, 10)); color: var(--text); font-family: "DM Sans", sans-serif; line-height: 1.6; overflow-x: hidden;}
.original-service a{color: inherit; text-decoration: none;}
.original-service img{max-width: 100%; display: block;}
.original-service .container{width: min(var(--container),calc(100% - 40px)); margin: auto;}
.original-service .page-noise{position: fixed; inset: 0px; pointer-events: none; z-index: 1000; opacity: 0.035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");}
.original-service .cursor-glow{position: fixed; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(41, 165, 135, 0.12), transparent 68%); pointer-events: none; z-index: 0; transform: translate(-50%, -50%); transition: opacity 0.2s;}
.original-service .site-header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; background: linear-gradient(rgba(5, 13, 11, 0.92), rgba(5, 13, 11, 0.55), transparent); backdrop-filter: blur(12px); transition: 0.3s;}
.original-service .site-header.scrolled{background: rgba(5, 13, 11, 0.92); border-bottom: 1px solid var(--line);}
.original-service .nav-wrap{height: 86px; display: flex; align-items: center; gap: 34px;}
.original-service .brand{display: flex; align-items: center;}
.original-service .brand-logo{width: 245px;}
.original-service .main-nav{margin-left: auto; display: flex; align-items: center; gap: 28px;}
.original-service .main-nav > a,.original-service .nav-dropdown-btn{font: 600 14px / 1 "DM Sans"; color: rgb(216, 228, 225); background: none; border: 0px; cursor: pointer; padding: 14px 0px; position: relative;}
.original-service .main-nav > a::after,.original-service .main-nav > a.active::after{content: ""; position: absolute; height: 2px; background: var(--accent2); left: 0px; right: 100%; bottom: 5px; transition: 0.25s;}
.original-service .main-nav > a:hover::after,.original-service .main-nav > a.active::after{right: 0px;}
.original-service .nav-dropdown{position: relative;}
.original-service .nav-dropdown-btn span{color: var(--accent2);}
.original-service .nav-dropdown-menu{position: absolute; top: 44px; left: -18px; width: 230px; padding: 12px; background: rgb(11, 26, 23); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(8px); transition: 0.2s;}
.original-service .nav-dropdown:hover .nav-dropdown-menu{opacity: 1; visibility: visible; transform: none;}
.original-service .nav-dropdown-menu a{display: block; padding: 10px 12px; border-radius: 10px; color: rgb(205, 219, 216); font-size: 14px;}
.original-service .nav-dropdown-menu a:hover{background: rgba(41, 165, 135, 0.12); color: rgb(255, 255, 255);}
.original-service .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 22px; border: 1px solid rgba(82, 241, 210, 0.45); background: linear-gradient(135deg,var(--accent),#137a68); color: rgb(255, 255, 255); border-radius: 999px; font-weight: 700; box-shadow: rgba(41, 165, 135, 0.2) 0px 12px 35px; transition: 0.25s;}
.original-service .btn:hover{transform: translateY(-2px); box-shadow: rgba(41, 165, 135, 0.3) 0px 18px 50px;}
.original-service .btn-outline{background: transparent; box-shadow: none;}
.original-service .btn-small{padding: 12px 18px; font-size: 14px;}
.original-service .nav-toggle{display: none; margin-left: auto; background: none; border: 0px; width: 42px; height: 42px;}
.original-service .nav-toggle span{display: block; height: 2px; background: rgb(255, 255, 255); margin: 7px 0px;}
.original-service .eyebrow{letter-spacing: 0.33em; text-transform: uppercase; color: var(--accent2); font-size: 12px; font-weight: 700;}
.original-service .hero{min-height: 100vh; display: grid; align-items: center; position: relative; padding: 130px 0px 70px; overflow: hidden;}
.original-service .hero::before{content: ""; position: absolute; inset: auto -12% -22% 38%; height: 70%; background: radial-gradient(circle, rgba(41, 165, 135, 0.18), transparent 65%); filter: blur(10px);}
.original-service .hero-grid{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; align-items: center; position: relative; z-index: 1;}
.original-service .hero-copy h1{font-family: Manrope, sans-serif; font-size: clamp(56px, 7vw, 104px); line-height: 0.94; letter-spacing: -0.055em; margin: 18px 0px 24px; max-width: 790px;}
.original-service .hero-copy h1 .gradient{background: linear-gradient(90deg, rgb(255, 255, 255) 5%, rgb(143, 255, 232) 46%, rgb(41, 165, 135) 100%) text; color: transparent;}
.original-service .hero-copy p{font-size: 20px; color: rgb(185, 203, 199); max-width: 660px; margin: 0px 0px 30px;}
.original-service .hero-actions{display: flex; gap: 14px; flex-wrap: wrap;}
.original-service .hero-visual{position: relative; min-height: 650px;}
.original-service .hero-visual::before{content: ""; position: absolute; inset: 8% 2% 4% 10%; border: 1px solid rgba(82, 241, 210, 0.16); border-radius: 50% 50% 44% 56% / 50% 42% 58% 50%; filter: drop-shadow(rgba(41, 165, 135, 0.16) 0px 0px 30px);}
.original-service .hero-image{height: 650px; width: 100%; object-fit: cover; object-position: center 12%; border-radius: 36px; filter: saturate(0.9) contrast(1.03); box-shadow: var(--shadow); position: relative; z-index: 2;}
.original-service .floating-card{position: absolute; z-index: 4; background: rgba(7, 17, 15, 0.82); border: 1px solid rgba(255, 255, 255, 0.13); backdrop-filter: blur(14px); padding: 16px 18px; border-radius: 18px; box-shadow: var(--shadow);}
.original-service .floating-card.top{right: -15px; top: 60px;}
.original-service .floating-card.bottom{left: -25px; bottom: 40px;}
.original-service .floating-card strong{display: block; font-family: Manrope; font-size: 24px;}
.original-service .floating-card span{font-size: 13px; color: var(--muted);}
.original-service .hero-stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 38px;}
.original-service .stat{padding-right: 18px; border-right: 1px solid var(--line);}
.original-service .stat:last-child{border: 0px;}
.original-service .stat b{display: block; color: var(--accent2); font: 800 28px / 1 Manrope;}
.original-service .stat span{color: rgb(158, 176, 172); font-size: 13px;}
.original-service .section{padding: 110px 0px;}
.original-service .section-tight{padding: 70px 0px;}
.original-service .section-head{display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 42px;}
.original-service .section-head h2,.original-service .page-hero h1{font: 800 clamp(38px, 5vw, 68px) / 1.02 Manrope; letter-spacing: -0.04em; margin: 10px 0px;}
.original-service .section-head p{max-width: 560px; color: var(--muted); margin: 0px;}
.original-service .grid-4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.original-service .service-card,.original-service .glass-card{position: relative; background: linear-gradient(155deg, rgba(16, 38, 33, 0.86), rgba(7, 17, 15, 0.9)); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius); padding: 28px; overflow: hidden; transition: 0.35s;}
.original-service .service-card::before{content: ""; position: absolute; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle, rgba(82, 241, 210, 0.16), transparent 70%); right: -70px; top: -70px;}
.original-service .service-card:hover,.original-service .glass-card:hover{transform: translateY(-8px); border-color: rgba(82, 241, 210, 0.32);}
.original-service .service-icon{font-size: 30px; margin-bottom: 50px; color: var(--accent2);}
.original-service .service-card h3,.original-service .glass-card h3{font: 700 22px / 1.2 Manrope; margin: 0px 0px 12px;}
.original-service .service-card p,.original-service .glass-card p{color: var(--muted); margin: 0px 0px 22px;}
.original-service .text-link{color: var(--accent2); font-weight: 700; font-size: 14px;}
.original-service .tech-marquee{overflow: hidden; border-block: 1px solid var(--line); background: rgba(255, 255, 255, 0.02);}
.original-service .marquee-track{display: flex; width: max-content; gap: 46px; padding: 20px 0px; animation: 24s linear 0s infinite normal none running marquee;}
.original-service .marquee-track span{font: 700 17px Manrope; color: rgb(157, 179, 174); white-space: nowrap;}
@keyframes marquee { 
  100% { transform: translateX(-50%); }
}
.original-service .split{display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;}
.original-service .feature-list{display: grid; gap: 14px;}
.original-service .feature-item{display: flex; gap: 14px; padding: 16px 0px; border-bottom: 1px solid var(--line);}
.original-service .feature-item i{width: 30px; height: 30px; border-radius: 50%; background: rgba(41, 165, 135, 0.16); display: grid; place-items: center; color: var(--accent2); font-style: normal;}
.original-service .feature-item strong{display: block;}
.original-service .feature-item span{color: var(--muted); font-size: 14px;}
.original-service .project-grid{display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 20px;}
.original-service .project-card{min-height: 420px; border-radius: 32px; padding: 32px; position: relative; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(160deg, rgb(16, 35, 31), rgb(8, 16, 14));}
.original-service .project-card.small{min-height: 200px;}
.original-service .project-card .tag{display: inline-block; padding: 7px 11px; border-radius: 999px; background: rgba(41, 165, 135, 0.13); color: var(--accent2); font-size: 12px; margin-bottom: 20px;}
.original-service .project-card h3{font: 800 34px / 1.05 Manrope; margin: 0px 0px 12px;}
.original-service .project-card p{max-width: 500px; color: var(--muted);}
.original-service .project-orb{position: absolute; width: 260px; height: 260px; border: 1px solid rgba(82, 241, 210, 0.2); border-radius: 42%; right: -70px; bottom: -80px; transform: rotate(22deg); box-shadow: rgba(41, 165, 135, 0.08) 0px 0px 90px inset;}
.original-service .stack{display: grid; gap: 20px;}
.original-service .cta-band{padding: 54px; border-radius: 34px; background: linear-gradient(120deg, rgba(41, 165, 135, 0.22), rgba(11, 26, 23, 0.9) 52%, rgba(82, 241, 210, 0.08)); border: 1px solid rgba(82, 241, 210, 0.18); display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.original-service .cta-band h2{font: 800 clamp(34px, 4vw, 58px) / 1 Manrope; margin: 0px;}
.original-service .page-hero{padding: 160px 0px 70px; position: relative;}
.original-service .page-hero p{max-width: 760px; font-size: 19px; color: var(--muted);}
.original-service .breadcrumbs{color: rgb(120, 144, 137); font-size: 13px;}
.original-service .content-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.original-service .process{counter-reset: step 0;}
.original-service .process-item{padding: 26px; border-top: 1px solid var(--line); position: relative;}
.original-service .process-item::before{counter-increment: step 1; content: "0" counter(step); display: block; color: var(--accent2); font: 700 13px Manrope; margin-bottom: 28px;}
.original-service .process-item h3{font: 700 22px Manrope; margin: 0px 0px 8px;}
.original-service .process-item p{color: var(--muted); margin: 0px;}
.original-service .timeline{display: grid; gap: 0px;}
.original-service .timeline-item{display: grid; grid-template-columns: 180px 1fr; gap: 28px; padding: 28px 0px; border-top: 1px solid var(--line);}
.original-service .timeline-item time{color: var(--accent2); font-weight: 700;}
.original-service .timeline-item h3{margin: 0px 0px 8px;}
.original-service .timeline-item p{color: var(--muted); margin: 0px;}
.original-service .skills-cloud{display: flex; flex-wrap: wrap; gap: 10px;}
.original-service .skills-cloud span{padding: 10px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.024); color: rgb(200, 214, 211);}
.original-service .case-list{display: grid; gap: 24px;}
.original-service .case{display: grid; grid-template-columns: 180px 1fr auto; gap: 28px; align-items: center; padding: 26px 0px; border-top: 1px solid var(--line);}
.original-service .case .case-num{font: 800 46px Manrope; color: rgba(255, 255, 255, 0.12);}
.original-service .case h3{font: 700 28px Manrope; margin: 0px 0px 7px;}
.original-service .case p{margin: 0px; color: var(--muted);}
.original-service .contact-grid{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 40px;}
.original-service .contact-card{padding: 28px; border-radius: 24px; background: var(--panel); border: 1px solid var(--line);}
.original-service .contact-list{display: grid; gap: 14px; margin-top: 28px;}
.original-service .contact-list a,.original-service .contact-list span{display: block; padding: 14px 0px; border-bottom: 1px solid var(--line); color: rgb(212, 225, 222);}
.original-service .contact-form{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.original-service .field{display: grid; gap: 8px;}
.original-service .field.full{grid-column: 1 / -1;}
.original-service .field label{font-size: 13px; color: rgb(184, 201, 197);}
.original-service .field input,.original-service .field textarea,.original-service .field select{width: 100%; padding: 14px 15px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgb(7, 17, 15); color: rgb(255, 255, 255); outline: none; font: inherit;}
.original-service .field input:focus,.original-service .field textarea:focus,.original-service .field select:focus{border-color: var(--accent);}
.original-service .field textarea{min-height: 150px; resize: vertical;}
.original-service .form-note{font-size: 12px; color: rgb(120, 144, 138);}
.original-service .alert{padding: 12px 14px; border-radius: 12px; margin-bottom: 16px; background: rgba(41, 165, 135, 0.14); border: 1px solid rgba(82, 241, 210, 0.2);}
.original-service .site-footer{border-top: 1px solid var(--line); padding: 60px 0px 24px; background: rgb(5, 11, 9);}
.original-service .footer-grid{display: grid; grid-template-columns: 1.3fr 0.8fr 1fr 0.8fr; gap: 40px;}
.original-service .footer-logo{width: 230px; margin-bottom: 18px;}
.original-service .footer-grid p{color: var(--muted); max-width: 380px;}
.original-service .footer-grid h4{font-family: Manrope; margin: 0px 0px 14px;}
.original-service .footer-grid a,.original-service .footer-grid span{display: block; color: rgb(150, 170, 165); margin: 8px 0px; font-size: 14px;}
.original-service .footer-grid a:hover{color: rgb(255, 255, 255);}
.original-service .footer-bottom{border-top: 1px solid var(--line); margin-top: 40px; padding-top: 20px; display: flex; justify-content: space-between; color: rgb(99, 122, 116); font-size: 12px;}
.original-service .floating-wa{position: fixed; right: 22px; bottom: 22px; width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: rgb(255, 255, 255); font-weight: 800; z-index: 90; box-shadow: rgba(41, 165, 135, 0.35) 0px 10px 35px;}
.original-service .reveal{opacity: 0; transform: translateY(28px); transition: 0.7s cubic-bezier(0.2, 0.65, 0.3, 1);}
.original-service .reveal.visible{opacity: 1; transform: none;}
@media (max-width: 1050px){.original-service .desktop-cta{display: none;}
.original-service .main-nav{gap: 18px;}
.original-service .hero-grid,.original-service .split,.original-service .contact-grid{grid-template-columns: 1fr;}
.original-service .hero-visual{min-height: auto;}
.original-service .hero-image{height: 620px;}
.original-service .grid-4{grid-template-columns: repeat(2, 1fr);}
.original-service .project-grid{grid-template-columns: 1fr;}
.original-service .content-grid{grid-template-columns: 1fr 1fr;}
.original-service .footer-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 760px){.original-service .container{width: min(100% - 26px,var(--container));}
.original-service .nav-wrap{height: 74px;}
.original-service .brand-logo{width: 190px;}
.original-service .nav-toggle{display: block;}
.original-service .main-nav{position: fixed; inset: 74px 13px auto; background: rgb(7, 17, 15); border: 1px solid var(--line); border-radius: 20px; padding: 20px; display: none; flex-direction: column; align-items: stretch; gap: 0px; box-shadow: var(--shadow);}
.original-service .main-nav.open{display: flex;}
.original-service .main-nav > a,.original-service .nav-dropdown-btn{padding: 13px 8px; text-align: left;}
.original-service .nav-dropdown-menu{position: static; display: none; opacity: 1; visibility: visible; transform: none; width: 100%; box-shadow: none; margin-top: 4px;}
.original-service .nav-dropdown.open .nav-dropdown-menu{display: block;}
.original-service .hero{padding-top: 105px;}
.original-service .hero-grid{gap: 24px;}
.original-service .hero-copy h1{font-size: clamp(48px, 16vw, 72px);}
.original-service .hero-copy p{font-size: 17px;}
.original-service .hero-stats{grid-template-columns: 1fr 1fr;}
.original-service .hero-visual{min-height: 460px;}
.original-service .hero-image{height: 460px; border-radius: 24px;}
.original-service .floating-card.top{right: 8px; top: 20px;}
.original-service .floating-card.bottom{left: 8px; bottom: 18px;}
.original-service .section{padding: 80px 0px;}
.original-service .section-head{display: block;}
.original-service .grid-4,.original-service .content-grid{grid-template-columns: 1fr;}
.original-service .cta-band{padding: 30px; display: block;}
.original-service .cta-band .btn{margin-top: 22px;}
.original-service .timeline-item{grid-template-columns: 1fr; gap: 6px;}
.original-service .case{grid-template-columns: 1fr;}
.original-service .case .case-num{font-size: 30px;}
.original-service .contact-form{grid-template-columns: 1fr;}
.original-service .field.full{grid-column: auto;}
.original-service .footer-grid{grid-template-columns: 1fr;}
.original-service .footer-bottom{display: block;}
.original-service .footer-bottom span + span{margin-top: 6px;}
.original-service .cursor-glow{display: none;}}
.original-service .home-hero{position: relative; min-height: 760px; padding: 130px 0px 58px; overflow: hidden; border-bottom: 1px solid var(--line); isolation: isolate; background: radial-gradient(circle at 78% 42%, rgba(27, 107, 95, 0.22), transparent 28%), linear-gradient(115deg, rgb(6, 16, 15) 0%, rgb(7, 17, 15) 48%, rgb(13, 30, 26) 100%);}
.original-service .hero-grid-bg{position: absolute; inset: 0px; z-index: -4; opacity: 0.24; background-image: linear-gradient(rgba(82, 241, 210, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 241, 210, 0.05) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to right, rgb(0, 0, 0), transparent 70%);}
.original-service .hero-aurora{position: absolute; border-radius: 50%; filter: blur(80px); z-index: -3; opacity: 0.38; animation: 8s ease-in-out 0s infinite alternate none running auroraFloat;}
.original-service .hero-aurora-a{width: 520px; height: 520px; background: rgb(12, 174, 142); right: 4%; top: 8%;}
.original-service .hero-aurora-b{width: 360px; height: 360px; background: rgb(24, 63, 87); right: 30%; bottom: -16%;}
.original-service .hero-lines{position: absolute; inset: 0px; z-index: -2; pointer-events: none;}
.original-service .hero-lines span{position: absolute; width: 1px; height: 42%; background: linear-gradient(transparent, rgba(82, 241, 210, 0.22), transparent); transform: rotate(34deg); animation: 7s ease-in-out 0s infinite alternate none running lineDrift;}
.original-service .hero-lines span:nth-child(1){right: 17%; top: 2%;}
.original-service .hero-lines span:nth-child(2){right: 31%; top: 26%; animation-delay: -2s;}
.original-service .hero-lines span:nth-child(3){right: 8%; top: 43%; animation-delay: -4s;}
.original-service .hero-lines span:nth-child(4){right: 42%; top: 1%; animation-delay: -1s;}
@keyframes auroraFloat { 
  100% { transform: translate(30px, -20px) scale(1.12); }
}
@keyframes lineDrift { 
  100% { transform: translateY(38px) rotate(34deg); }
}
.original-service .home-hero-wrap{display: grid; grid-template-columns: 1.03fr 0.97fr; align-items: center; gap: 34px; min-height: 585px;}
.original-service .home-hero-copy{position: relative; z-index: 2;}
.original-service .hero-eyebrow{letter-spacing: 0.42em; font-size: 12px;}
.original-service .home-hero h1{font: 800 clamp(60px, 6.4vw, 104px) / 0.93 Manrope; letter-spacing: -0.055em; margin: 18px 0px 24px; max-width: 790px;}
.original-service .hero-accent,.original-service .accent-text,.original-service .display-title span{background: linear-gradient(90deg, rgb(116, 255, 230) 0%, rgb(22, 212, 178) 55%, rgb(30, 157, 136) 100%) text; color: transparent;}
.original-service .hero-lead{max-width: 650px; font-size: 20px; color: rgb(195, 209, 206); margin: 0px 0px 30px;}
.original-service .play-link{display: flex; align-items: center; gap: 12px; color: rgb(255, 255, 255);}
.original-service .play-orb{width: 52px; height: 52px; border: 2px solid rgb(45, 241, 202); border-radius: 50%; display: grid; place-items: center; color: rgb(45, 241, 202); box-shadow: rgba(45, 241, 202, 0.12) 0px 0px 30px; transition: 0.25s;}
.original-service .play-link:hover .play-orb{background: rgb(45, 241, 202); color: rgb(6, 16, 14); transform: scale(1.07);}
.original-service .play-link b,.original-service .play-link small{display: block;}
.original-service .play-link small{color: rgb(128, 153, 147); font-size: 12px;}
.original-service .hero-stats-home{max-width: 640px;}
.original-service .hero-digital-stage{position: relative; min-height: 570px; perspective: 1100px;}
.original-service .stage-halo{position: absolute; width: 520px; height: 520px; border-radius: 50%; right: -40px; top: 30px; background: radial-gradient(circle, rgba(58, 249, 210, 0.2), rgba(18, 76, 68, 0.06) 43%, transparent 70%); animation: 4s ease-in-out 0s infinite normal none running pulseHalo;}
@keyframes pulseHalo { 
  50% { transform: scale(1.07); opacity: 0.75; }
}
.original-service .stage-ring{position: absolute; border: 1px solid rgba(82, 241, 210, 0.14); border-radius: 50%; right: 18px; top: 80px; width: 430px; height: 430px; animation: 18s linear 0s infinite normal none running spinSlow;}
.original-service .ring-two{right: 70px; top: 131px; width: 325px; height: 325px; animation-direction: reverse; animation-duration: 13s; border-style: dashed;}
@keyframes spinSlow { 
  100% { transform: rotate(360deg); }
}
.original-service .code-window{position: absolute; width: min(510px, 90%); height: 340px; right: 30px; top: 115px; border-radius: 24px; border: 1px solid rgba(82, 241, 210, 0.3); overflow: hidden; background: rgba(7, 18, 16, 0.92); box-shadow: rgba(0, 0, 0, 0.5) 0px 35px 90px, rgba(28, 205, 170, 0.11) 0px 0px 55px; transform: rotateY(-10deg) rotateX(4deg); backdrop-filter: blur(18px);}
.original-service .code-top{height: 42px; background: rgb(11, 24, 22); border-bottom: 1px solid var(--line); display: flex; align-items: center; padding: 0px 15px; gap: 7px;}
.original-service .code-top span{width: 8px; height: 8px; border-radius: 50%; background: rgb(87, 113, 107);}
.original-service .code-top em{font-style: normal; font-size: 10px; color: rgb(109, 139, 132); margin-left: auto;}
.original-service .code-body{display: grid; grid-template-columns: 55px 1fr; height: calc(100% - 42px);}
.original-service .code-nav{padding: 20px 13px; border-right: 1px solid var(--line); display: grid; align-content: start; gap: 14px;}
.original-service .code-nav i{height: 5px; border-radius: 9px; background: rgb(24, 59, 52);}
.original-service .code-screen{padding: 38px; position: relative; background: radial-gradient(circle at 75% 40%, rgba(28, 211, 173, 0.12), transparent 31%);}
.original-service .screen-label{font-size: 10px; letter-spacing: 0.3em; color: rgb(83, 215, 189); margin-bottom: 20px;}
.original-service .code-screen strong{font: 800 48px / 1.02 Manrope; letter-spacing: -0.04em;}
.original-service .code-screen strong span{color: rgb(51, 229, 194);}
.original-service .screen-bars{position: absolute; left: 38px; right: 38px; bottom: 30px; display: grid; gap: 8px;}
.original-service .screen-bars i{height: 5px; border-radius: 6px; background: linear-gradient(90deg, rgb(37, 198, 167) 30%, rgb(24, 59, 52) 30%);}
.original-service .screen-bars i:nth-child(2){background: linear-gradient(90deg, rgb(37, 198, 167) 58%, rgb(24, 59, 52) 58%);}
.original-service .screen-bars i:nth-child(3){background: linear-gradient(90deg, rgb(37, 198, 167) 74%, rgb(24, 59, 52) 74%);}
.original-service .floating-tech{position: absolute; z-index: 6; width: 58px; height: 58px; border: 1px solid rgba(82, 241, 210, 0.24); background: rgba(7, 18, 16, 0.8); backdrop-filter: blur(10px); border-radius: 16px; display: grid; place-items: center; font: 800 13px Manrope; color: rgb(98, 247, 218); box-shadow: rgba(0, 0, 0, 0.22) 0px 20px 50px; animation: 4.8s ease-in-out 0s infinite normal none running floatBadge;}
.original-service .tech-1{right: 8px; top: 70px;}
.original-service .tech-2{right: 455px; top: 150px; animation-delay: -1s;}
.original-service .tech-3{right: 65px; top: 455px; animation-delay: -2s;}
.original-service .tech-4{right: 420px; top: 410px; animation-delay: -3s;}
@keyframes floatBadge { 
  50% { transform: translateY(-12px) rotate(2deg); }
}
.original-service .quote-panel{position: absolute; right: -12px; bottom: 25px; width: 205px; padding: 24px; border-radius: 20px; background: rgba(5, 15, 13, 0.76); border: 1px solid rgba(255, 255, 255, 0.12); backdrop-filter: blur(18px); box-shadow: var(--shadow);}
.original-service .quote-panel .quote-mark{font: 800 34px Georgia; color: rgb(255, 255, 255);}
.original-service .quote-panel strong{display: block; font: 600 17px / 1.25 Manrope; margin-bottom: 18px;}
.original-service .quote-panel small{letter-spacing: 0.22em; color: rgb(139, 161, 156); font-size: 8px;}
.original-service .social-rail{position: absolute; right: 24px; top: 50%; transform: translateY(-50%); z-index: 10; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgba(4, 14, 12, 0.76); backdrop-filter: blur(12px); padding: 8px; display: grid; gap: 4px;}
.original-service .social-rail a{width: 38px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: rgb(196, 213, 209); font-weight: 800;}
.original-service .social-rail a:hover{background: rgba(40, 238, 199, 0.12); color: rgb(55, 232, 196);}
.original-service .scroll-cue{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 7; font-size: 9px; letter-spacing: 0.17em; color: rgb(188, 201, 198); display: grid; justify-items: center; gap: 4px;}
.original-service .scroll-cue span{width: 29px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 20px; display: grid; place-items: center; animation: 1.5s ease-in-out 0s infinite normal none running scrollBounce;}
@keyframes scrollBounce { 
  50% { transform: translateY(6px); }
}
.original-service .home-tech{background: rgb(7, 17, 15);}
.original-service .home-tech .marquee-track{padding: 23px 0px;}
.original-service .home-tech .marquee-track span{font-size: 15px; color: rgb(169, 183, 179);}
.original-service .home-intro{position: relative; overflow: hidden;}
.original-service .intro-grid{align-items: center;}
.original-service .display-title{font: 800 clamp(42px, 4.8vw, 68px) / 1.02 Manrope; letter-spacing: -0.045em; margin: 12px 0px 20px;}
.original-service .section-copy{color: var(--muted); max-width: 590px;}
.original-service .check-list{display: grid; gap: 12px; margin: 26px 0px 30px;}
.original-service .check-list span{position: relative; padding-left: 30px; color: rgb(193, 207, 204);}
.original-service .check-list span::before{content: "✓"; position: absolute; left: 0px; width: 19px; height: 19px; border: 1px solid rgb(40, 215, 180); border-radius: 50%; display: grid; place-items: center; font-size: 11px; color: rgb(53, 237, 201);}
.original-service .device-scene{position: relative; min-height: 510px; perspective: 1100px;}
.original-service .laptop{position: absolute; width: 470px; height: 310px; right: 90px; top: 90px; transform: rotateY(-12deg) rotateX(7deg) rotateZ(2deg);}
.original-service .laptop-screen{height: 270px; border: 9px solid rgb(28, 41, 38); border-radius: 16px 16px 6px 6px; background: rgb(6, 16, 14); box-shadow: rgba(0, 0, 0, 0.44) 0px 25px 80px, rgba(42, 227, 190, 0.12) 0px 0px 40px; overflow: hidden;}
.original-service .mini-site{height: 100%; padding: 30px; background: linear-gradient(130deg, rgb(7, 18, 15), rgb(15, 40, 34)); position: relative;}
.original-service .mini-site small{letter-spacing: 0.25em; color: rgb(107, 227, 204);}
.original-service .mini-site b{display: block; font: 800 42px / 1 Manrope; margin-top: 30px;}
.original-service .mini-site b span{color: rgb(47, 226, 190);}
.original-service .mini-site i{display: block; width: 60%; height: 7px; background: rgb(23, 59, 51); margin-top: 14px; border-radius: 8px;}
.original-service .mini-site i:nth-last-child(2){width: 42%;}
.original-service .mini-site i:last-child{width: 76%;}
.original-service .laptop-base{height: 18px; margin: -1px -35px 0px; background: linear-gradient(rgb(52, 69, 64), rgb(21, 33, 30)); border-radius: 2px 2px 20px 20px; transform: perspective(80px) rotateX(35deg);}
.original-service .phone{position: absolute; width: 135px; height: 280px; right: 10px; bottom: 40px; border: 8px solid rgb(28, 41, 38); border-radius: 28px; background: linear-gradient(rgb(7, 18, 15), rgb(12, 41, 35)); box-shadow: rgba(0, 0, 0, 0.5) 0px 25px 70px, rgba(42, 227, 190, 0.1) 0px 0px 30px; padding: 35px 16px 18px; text-align: left; transform: rotate(7deg);}
.original-service .phone-notch{position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 52px; height: 10px; background: rgb(24, 37, 32); border-radius: 10px;}
.original-service .phone small{color: rgb(114, 147, 140);}
.original-service .phone b{display: block; font: 700 21px / 1.05 Manrope; margin-top: 8px;}
.original-service .phone-ui{display: grid; gap: 9px; margin-top: 25px;}
.original-service .phone-ui i{height: 35px; border-radius: 8px; background: rgb(15, 64, 54); border: 1px solid rgba(62, 235, 199, 0.17);}
.original-service .scene-note{position: absolute; right: 5px; top: 35px; font: italic 23px / 1.2 Georgia; color: rgb(147, 170, 164); transform: rotate(-8deg);}
.original-service .result-chip{position: absolute; left: 70px; bottom: 4px; padding: 13px 17px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; background: rgba(8, 23, 19, 0.83); display: flex; gap: 11px; align-items: center; color: rgb(56, 228, 192);}
.original-service .result-chip span{color: rgb(213, 224, 222); font-size: 12px; line-height: 1.25;}
.original-service .services-section{background: linear-gradient(transparent, rgba(4, 18, 15, 0.45), transparent);}
.original-service .services-section .section-head h2,.original-service .project-showcase .section-head h2{font: 800 clamp(38px, 4vw, 58px) / 1.05 Manrope; margin: 10px 0px;}
.original-service .services-wow .service-card{min-height: 265px; border-radius: 14px; padding: 28px; background: linear-gradient(145deg, rgb(10, 27, 24), rgb(10, 23, 21)); transform-style: preserve-3d;}
.original-service .services-wow .service-icon{margin-bottom: 36px;}
.original-service .services-wow .service-card::after{content: ""; position: absolute; inset: auto 0px 0px; height: 2px; background: linear-gradient(90deg, transparent, rgb(44, 231, 193), transparent); transform: scaleX(0); transition: 0.35s;}
.original-service .services-wow .service-card:hover::after{transform: scaleX(1);}
.original-service .about-home{position: relative;}
.original-service .about-home-grid{display: grid; grid-template-columns: 1fr 0.72fr 0.5fr; gap: 28px; align-items: center;}
.original-service .about-copy p{max-width: 590px; color: rgb(169, 187, 182); margin-bottom: 28px;}
.original-service .about-portrait{height: 455px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(77, 240, 206, 0.22); box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 80px, rgba(41, 165, 135, 0.12) 0px 0px 35px; transform-style: preserve-3d;}
.original-service .about-portrait img{width: 100%; height: 100%; object-fit: cover; object-position: center 18%;}
.original-service .about-values{min-height: 455px; border: 1px solid var(--line); border-radius: 18px; background: rgb(8, 20, 17); padding: 28px; display: flex; flex-direction: column;}
.original-service .about-values h3{font: 700 25px / 1.1 Manrope; margin: 0px 0px 28px;}
.original-service .about-values span{padding: 13px 0px 13px 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); position: relative; color: rgb(169, 187, 182); font-size: 13px;}
.original-service .about-values span::before{content: "◎"; position: absolute; left: 0px; color: rgb(38, 213, 178);}
.original-service .about-values em{margin-top: auto; font: italic 20px Georgia; color: rgb(130, 155, 149); transform: rotate(-6deg);}
.original-service .project-filters{display: flex; gap: 8px; flex-wrap: wrap;}
.original-service .project-filters button{border: 1px solid var(--line); background: transparent; color: rgb(199, 213, 209); border-radius: 999px; padding: 8px 16px;}
.original-service .project-filters button.active{background: linear-gradient(135deg, rgb(50, 229, 193), rgb(24, 158, 132)); color: rgb(4, 16, 13); border-color: transparent;}
.original-service .project-cards-modern{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.original-service .project-visual-card{border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgb(8, 21, 18); transition: 0.35s; transform-style: preserve-3d;}
.original-service .project-art{height: 235px; position: relative; overflow: hidden; background: radial-gradient(circle at 65% 35%, rgba(40, 227, 188, 0.22), transparent 32%), linear-gradient(135deg, rgb(21, 54, 46), rgb(8, 20, 17));}
.original-service .project-meta{padding: 20px;}
.original-service .project-meta > span{font-size: 11px; color: rgb(51, 223, 188);}
.original-service .project-meta h3{font: 700 18px / 1.2 Manrope; margin: 8px 0px;}
.original-service .project-meta p{font-size: 13px; color: rgb(148, 170, 164); margin: 0px;}
.original-service .dashboard-mock{position: absolute; inset: 45px 34px 26px; border: 6px solid rgb(38, 59, 54); border-radius: 12px; background: rgb(239, 245, 243); padding: 14px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; transform: perspective(500px) rotateX(7deg);}
.original-service .dashboard-mock i{height: 20px; border-radius: 3px; background: rgb(200, 216, 212);}
.original-service .dashboard-mock b{height: 80px; border-radius: 4px; background: linear-gradient(rgb(46, 207, 175) 30%, rgb(218, 230, 227) 30%);}
.original-service .phone-stack i{position: absolute; width: 100px; height: 190px; border-radius: 22px; border: 7px solid rgb(28, 48, 43); background: linear-gradient(rgb(14, 54, 46), rgb(7, 17, 15)); left: 50%; top: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 40px;}
.original-service .phone-stack i:nth-child(1){transform: translate(-105%, -48%) rotate(-14deg);}
.original-service .phone-stack i:nth-child(2){transform: translate(-50%, -55%);}
.original-service .phone-stack i:nth-child(3){transform: translate(5%, -48%) rotate(14deg);}
.original-service .screen-stack i{position: absolute; width: 210px; height: 130px; border: 7px solid rgb(28, 48, 43); border-radius: 7px; background: linear-gradient(135deg, rgb(16, 45, 39), rgb(10, 23, 20)); box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 40px;}
.original-service .screen-stack i:nth-child(1){left: 38px; top: 62px; transform: rotate(-8deg);}
.original-service .screen-stack i:nth-child(2){right: 30px; top: 35px; transform: rotate(7deg);}
.original-service .screen-stack i:nth-child(3){left: 50%; bottom: 20px; transform: translateX(-50%);}
.original-service .testimonial-grid{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 45px; align-items: center;}
.original-service .testimonial-grid h2{font: 800 38px / 1.08 Manrope; margin: 9px 0px;}
.original-service .testimonial-card{position: relative; border: 1px solid var(--line); border-radius: 18px; padding: 30px; background: rgb(9, 23, 19);}
.original-service .testimonial-card p{font-size: 17px; color: rgb(208, 220, 217);}
.original-service .stars{color: rgb(255, 215, 90); letter-spacing: 0.1em; margin-top: 7px;}
.original-service .mega-cta{position: relative; overflow: hidden; text-align: center; border-radius: 34px; padding: 70px 30px; border: 1px solid rgba(43, 229, 192, 0.25); background: linear-gradient(135deg, rgb(8, 34, 28), rgb(7, 17, 15) 55%, rgb(13, 35, 30));}
.original-service .mega-cta h2{font: 800 clamp(38px, 4vw, 58px) / 1 Manrope; margin: 12px 0px;}
.original-service .mega-cta p{color: rgb(168, 187, 182);}
.original-service .cta-wave{position: absolute; left: -130px; top: -100px; width: 360px; height: 360px; border-radius: 45% 55% 46% 54%; border: 40px solid rgba(40, 222, 185, 0.08); transform: rotate(35deg); animation: 22s linear 0s infinite normal none running spinSlow;}
.original-service .cta-script{position: absolute; right: 60px; top: 55px; font: italic 25px / 1.25 Georgia; color: rgb(168, 187, 182); transform: rotate(-9deg);}
.original-service .tilt-card{will-change: transform; transition: transform 0.18s, box-shadow 0.25s;}
.original-service .spotlight-on{position: relative; overflow: hidden;}
.original-service .spotlight-on::before{content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(72,255,218,.10),transparent 50%); opacity: 0; transition: 0.25s;}
.original-service .spotlight-on:hover::before{opacity: 1;}
@media (max-width: 1100px){.original-service .home-hero-wrap{grid-template-columns: 1fr;}
.original-service .home-hero{padding-top: 125px;}
.original-service .hero-digital-stage{min-height: 500px;}
.original-service .home-hero h1{max-width: 900px;}
.original-service .about-home-grid{grid-template-columns: 1fr 1fr;}
.original-service .about-values{grid-column: 1 / -1; min-height: auto;}
.original-service .project-cards-modern{grid-template-columns: 1fr 1fr;}
.original-service .project-visual-card:last-child{grid-column: 1 / -1;}
.original-service .social-rail{display: none;}
.original-service .intro-grid{grid-template-columns: 1fr;}
.original-service .device-scene{margin-top: 20px;}
.original-service .testimonial-grid{grid-template-columns: 1fr;}
.original-service .cta-script{display: none;}}
@media (max-width: 760px){.original-service .home-hero{min-height: auto; padding: 105px 0px 70px;}
.original-service .home-hero-wrap{min-height: auto;}
.original-service .home-hero h1{font-size: clamp(47px, 15vw, 72px);}
.original-service .hero-lead{font-size: 17px;}
.original-service .hero-digital-stage{min-height: 390px; margin-top: 10px;}
.original-service .code-window{right: 5%; top: 70px; width: 90%; height: 260px;}
.original-service .code-screen{padding: 24px;}
.original-service .code-screen strong{font-size: 34px;}
.original-service .stage-ring{width: 300px; height: 300px; right: 5%; top: 50px;}
.original-service .ring-two{width: 220px; height: 220px; right: 16%; top: 90px;}
.original-service .floating-tech{width: 45px; height: 45px; border-radius: 12px;}
.original-service .tech-2,.original-service .tech-4{left: 0px; right: auto;}
.original-service .quote-panel{display: none;}
.original-service .scroll-cue{display: none;}
.original-service .hero-stats-home{grid-template-columns: 1fr 1fr;}
.original-service .device-scene{min-height: 410px;}
.original-service .laptop{width: 82%; right: 15%; height: 245px;}
.original-service .laptop-screen{height: 215px;}
.original-service .mini-site b{font-size: 32px;}
.original-service .phone{width: 105px; height: 220px; right: 0px;}
.original-service .scene-note{display: none;}
.original-service .result-chip{left: 12px;}
.original-service .about-home-grid{grid-template-columns: 1fr;}
.original-service .about-portrait{height: 420px;}
.original-service .about-values{grid-column: auto;}
.original-service .project-cards-modern{grid-template-columns: 1fr;}
.original-service .project-visual-card:last-child{grid-column: auto;}
.original-service .project-filters{margin-top: 15px;}
.original-service .mega-cta{padding: 55px 20px;}}
.original-service{--v3-bg: #06110f; --v3-panel: #081815; --v3-teal: #28e1bd; --v3-teal2: #12a889; --v3-line: rgba(52,232,195,.18);}
.original-service .header-actions{display: flex; align-items: center; gap: 16px;}
.original-service .lang-switch{display: flex; align-items: center; gap: 7px; font-size: 12px; color: rgb(120, 144, 138);}
.original-service .lang-switch button{border: 0px; background: transparent; color: rgb(126, 147, 142); padding: 4px; cursor: pointer; font: 600 11px / 1 Manrope; letter-spacing: 0.08em;}
.original-service .lang-switch button.active,.original-service .lang-switch button:hover{color: rgb(255, 255, 255);}
.original-service .brand-logo{width: 235px; max-height: 58px;}
.original-service .footer-logo{width: 220px; max-height: 60px;}
.original-service .hero-v3{min-height: 780px; background: radial-gradient(circle at 72% 30%, rgba(19, 123, 100, 0.15), transparent 28%), linear-gradient(90deg, rgb(6, 16, 14) 0%, rgb(7, 20, 17) 54%, rgb(8, 22, 18) 100%); overflow: hidden;}
.original-service .hero-v3-grid{display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 40px; min-height: 740px; align-items: center; position: relative; z-index: 2;}
.original-service .hero-v3 .home-hero-copy{padding-top: 56px;}
.original-service .hero-v3 h1{font: 800 clamp(64px, 6vw, 98px) / 0.97 Manrope; margin: 20px 0px 24px; letter-spacing: -0.055em; max-width: 900px;}
.original-service .hero-v3-art{height: 610px; position: relative; perspective: 1200px;}
.original-service .hero-code-card{position: absolute; left: 7%; top: 110px; width: 76%; height: 345px; border: 1px solid rgba(80, 246, 210, 0.28); background: linear-gradient(145deg, rgb(16, 35, 31), rgb(7, 18, 15)); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.38) 0px 40px 90px, rgba(31, 222, 182, 0.1) 0px 0px 60px; transform: rotateY(-9deg) rotateX(4deg); overflow: hidden;}
.original-service .code-bar{height: 38px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); display: flex; align-items: center; gap: 7px; padding: 0px 14px; color: rgb(111, 137, 131); font-size: 10px;}
.original-service .code-bar i{width: 7px; height: 7px; border-radius: 50%; background: rgb(44, 226, 190);}
.original-service .code-bar i:nth-child(2){background: rgb(240, 198, 93);}
.original-service .code-bar i:nth-child(3){background: rgb(238, 109, 109);}
.original-service .code-bar span{margin-left: auto; letter-spacing: 0.14em;}
.original-service .code-pane{position: relative; height: calc(100% - 38px); padding: 48px; background: radial-gradient(circle at 70% 30%, rgba(44, 226, 190, 0.16), transparent 35%), linear-gradient(150deg, rgb(9, 25, 22), rgb(13, 39, 33));}
.original-service .code-pane small{letter-spacing: 0.32em; color: rgb(137, 162, 156);}
.original-service .code-pane strong{display: block; margin-top: 30px; font: 800 42px / 0.95 Manrope; color: rgb(247, 251, 250);}
.original-service .code-pane em{font-style: normal; color: var(--v3-teal);}
.original-service .code-line{display: block; height: 6px; border-radius: 999px; background: linear-gradient(90deg, rgb(46, 226, 189), rgba(46, 226, 189, 0.06)); margin-top: 18px;}
.original-service .code-line.l1{width: 68%;}
.original-service .code-line.l2{width: 48%;}
.original-service .code-line.l3{width: 58%;}
.original-service .hero-orbit{position: absolute; border: 1px solid rgba(52, 237, 199, 0.17); border-radius: 50%; animation: 7s ease-in-out 0s infinite normal none running orbitPulse;}
.original-service .orbit-a{width: 500px; height: 500px; right: 0px; top: 35px;}
.original-service .orbit-b{width: 375px; height: 375px; right: 62px; top: 98px; animation-delay: -2.5s;}
.original-service .hero-badge{position: absolute; width: 62px; height: 62px; border-radius: 17px; display: grid; place-items: center; background: rgba(7, 25, 21, 0.8); border: 1px solid rgba(61, 235, 200, 0.25); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 35px, rgba(34, 211, 175, 0.08) 0px 0px 25px; font: 700 12px Manrope; color: rgb(223, 250, 244); animation: 5s ease-in-out 0s infinite normal none running badgeFloat;}
.original-service .badge-1{left: 0px; top: 80px;}
.original-service .badge-2{right: 1%; top: 130px; animation-delay: -1.2s;}
.original-service .badge-3{left: 1%; bottom: 115px; animation-delay: -2.2s;}
.original-service .badge-4{right: 8%; bottom: 90px; animation-delay: -3.2s;}
.original-service .hero-v3 .quote-panel{right: 0px; bottom: 3px; top: auto; width: 220px;}
.original-service .hero-v3 .quote-panel strong{font-size: 17px;}
.original-service .hero-v3 .social-rail{right: 24px;}
.original-service .v3-intro{background: linear-gradient(rgb(6, 17, 15) 0%, rgb(7, 21, 18) 100%);}
.original-service .device-scene-v3{min-height: 520px; perspective: 1600px;}
.original-service .device-floor{position: absolute; left: 10%; right: 0px; bottom: 32px; height: 85px; background: radial-gradient(rgba(33, 228, 187, 0.18), transparent 62%); filter: blur(18px);}
.original-service .laptop-v3{width: 74%; height: 330px; right: 18%; top: 40px; transform-style: preserve-3d; filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 40px 35px);}
.original-service .laptop-v3 .laptop-screen{height: 285px; border: 7px solid rgb(21, 38, 34); background: rgb(8, 16, 14);}
.original-service .laptop-v3 .laptop-base{height: 16px;}
.original-service .mini-site{height: 100%; padding: 30px; background: radial-gradient(circle at 70% 30%, rgba(39, 224, 186, 0.18), transparent 30%), linear-gradient(145deg, rgb(11, 23, 20), rgb(14, 41, 34));}
.original-service .mini-site small{letter-spacing: 0.23em;}
.original-service .mini-site b{display: block; font: 800 46px / 0.94 Manrope; margin-top: 35px;}
.original-service .mini-site b span{color: var(--v3-teal);}
.original-service .mini-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 27px;}
.original-service .mini-grid i{height: 38px; border: 1px solid rgba(77, 235, 204, 0.17); border-radius: 5px; background: rgba(255, 255, 255, 0.03);}
.original-service .phone-v3{right: 1%; top: 165px; width: 135px; height: 286px; transform-style: preserve-3d; box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 55px, rgba(42, 222, 187, 0.12) 0px 0px 30px;}
.original-service .phone-v3 .app-orb{position: absolute; left: 50%; bottom: 48px; transform: translateX(-50%); width: 46px; height: 46px; border-radius: 14px; border: 1px solid rgba(61, 241, 203, 0.25); display: grid; place-items: center; color: rgb(45, 228, 191); font-weight: 800; background: rgb(11, 33, 28);}
.original-service .auto-spin-3d{animation: 12s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running deviceTurn; transform-origin: center center;}
.original-service .phone-delay{animation-delay: -4.5s;}
.original-service .auto-spin-3d:hover{animation-duration: 3.2s;}
.original-service .scene-note{right: -8px; top: 28px;}
.original-service .result-chip{bottom: 33px; left: 37%;}
.original-service .v3-services .service-card{overflow: visible; position: relative;}
.original-service .service-icon-wrap{width: 74px; height: 74px; display: grid; place-items: center; position: relative; margin-bottom: 34px; transform-style: preserve-3d;}
.original-service .service-icon-wrap svg{width: 38px; height: 38px; fill: none; stroke: rgb(43, 228, 191); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(43, 228, 191, 0.23) 0px 0px 9px); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.35s;}
.original-service .service-orbit{position: absolute; inset: 0px; border: 1px dashed rgba(53, 233, 198, 0.32); border-radius: 50%; animation: 8s linear 0s infinite normal none running iconOrbit;}
.original-service .service-orbit::after{content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgb(43, 228, 191); top: -4px; left: 50%; box-shadow: rgb(43, 228, 191) 0px 0px 14px;}
.original-service .service-card:hover .service-icon-wrap svg{transform: rotateY(360deg) rotateZ(8deg) scale(1.16); filter: drop-shadow(rgba(43, 228, 191, 0.48) 0px 0px 17px);}
.original-service .service-card:hover .service-orbit{animation-duration: 1.7s;}
.original-service .v3-services .service-card:nth-child(2) .service-orbit{animation-direction: reverse; animation-duration: 7s;}
.original-service .v3-services .service-card:nth-child(3) .service-orbit{animation-duration: 9s;}
.original-service .v3-services .service-card:nth-child(4) .service-orbit{animation-direction: reverse; animation-duration: 6s;}
.original-service .v3-footer{border-top: 1px solid rgba(46, 229, 191, 0.11); background: rgb(5, 16, 14);}
.original-service .floating-wa{display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: rgb(30, 215, 175); box-shadow: rgba(30, 215, 175, 0.08) 0px 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 10px 30px;}
.original-service .floating-wa svg{width: 28px; height: 28px; fill: rgb(255, 255, 255);}
@keyframes deviceTurn { 
  0%, 12% { transform: rotateY(-10deg) rotateX(4deg) translateY(0px); }
  38% { transform: rotateY(5deg) rotateX(2deg) translateY(-8px); }
  50% { transform: rotateY(0deg) rotateX(0deg) translateY(-10px); }
  62% { transform: rotateY(-5deg) rotateX(2deg) translateY(-8px); }
  88%, 100% { transform: rotateY(-10deg) rotateX(4deg) translateY(0px); }
}
@keyframes badgeFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(0deg); }
  50% { transform: translate3d(0px, -14px, 0px) rotate(4deg); }
}
@keyframes orbitPulse { 
  0%, 100% { transform: scale(1); opacity: 0.55; }
  50% { transform: scale(1.05); opacity: 1; }
}
@keyframes iconOrbit { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 1100px){.original-service .header-actions .desktop-cta{display: none;}
.original-service .hero-v3-grid{grid-template-columns: 1fr;}
.original-service .hero-v3-art{height: 500px;}
.original-service .hero-code-card{left: 8%; width: 78%;}
.original-service .hero-v3 .quote-panel{right: 8%;}
.original-service .brand-logo{width: 205px;}
.original-service .device-scene-v3{margin-top: 50px;}}
@media (max-width: 760px){.original-service .brand-logo{width: 175px;}
.original-service .header-actions{margin-left: auto;}
.original-service .lang-switch{margin-right: 8px;}
.original-service .hero-v3{min-height: auto;}
.original-service .hero-v3-grid{min-height: auto;}
.original-service .hero-v3 .home-hero-copy{padding-top: 24px;}
.original-service .hero-v3 h1{font-size: clamp(48px, 14vw, 69px);}
.original-service .hero-v3-art{height: 390px;}
.original-service .hero-code-card{top: 54px; left: 4%; width: 88%; height: 260px;}
.original-service .code-pane{padding: 24px;}
.original-service .code-pane strong{font-size: 32px;}
.original-service .orbit-a{width: 320px; height: 320px;}
.original-service .orbit-b{width: 240px; height: 240px;}
.original-service .hero-badge{width: 48px; height: 48px; border-radius: 13px; font-size: 9px;}
.original-service .badge-1{top: 28px;}
.original-service .badge-2{top: 65px;}
.original-service .hero-v3 .quote-panel{display: none;}
.original-service .device-scene-v3{min-height: 430px;}
.original-service .laptop-v3{width: 82%; height: 250px; right: 16%;}
.original-service .laptop-v3 .laptop-screen{height: 220px;}
.original-service .mini-site b{font-size: 31px;}
.original-service .phone-v3{width: 103px; height: 220px; top: 145px;}
.original-service .service-icon-wrap{width: 62px; height: 62px;}}
.original-service .brand-logo{width: 235px; height: 66px; object-fit: cover; object-position: left top; border-radius: 0px; mix-blend-mode: screen;}
.original-service .footer-logo{width: 220px; height: 66px; object-fit: cover; object-position: left top; mix-blend-mode: screen;}
.original-service .v3-services .service-card{overflow: hidden;}
.original-service .v3-services .service-card:hover{overflow: visible; z-index: 5;}
.original-service .service-icon-wrap{margin-left: 4px;}
.original-service .about-portrait{height: auto; min-height: 455px; background: rgb(8, 20, 17);}
.original-service .about-portrait img{width: 100%; height: auto; min-height: 455px; object-fit: contain; object-position: center top;}
.original-service .featured-work{padding-bottom: 0px;}
.original-service .work-story{position: relative; padding: 90px 0px; border-top: 1px solid rgba(255, 255, 255, 0.075); overflow: hidden;}
.original-service .work-story::before{content: ""; position: absolute; width: 540px; height: 540px; border-radius: 50%; background: radial-gradient(circle, rgba(41, 225, 187, 0.12), transparent 67%); right: -180px; top: -120px; pointer-events: none;}
.original-service .work-story:nth-of-type(2n)::before{right: auto; left: -180px;}
.original-service .work-grid{display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 70px; align-items: center; min-height: 470px;}
.original-service .work-grid.reverse{grid-template-columns: 1.18fr 0.82fr;}
.original-service .work-grid.reverse .work-copy{order: 2;}
.original-service .work-grid.reverse .work-visual{order: 1;}
.original-service .work-copy{position: relative; z-index: 2;}
.original-service .work-index{display: block; color: rgb(56, 231, 194); font: 700 11px / 1 Manrope; letter-spacing: 0.27em; margin-bottom: 20px;}
.original-service .work-copy h3{font: 800 clamp(38px, 4.7vw, 66px) / 0.98 Manrope; letter-spacing: -0.045em; margin: 0px 0px 22px;}
.original-service .work-copy p{max-width: 560px; color: rgb(169, 187, 182); font-size: 17px;}
.original-service .work-tags{display: flex; gap: 8px; flex-wrap: wrap; margin: 24px 0px;}
.original-service .work-tags span{padding: 7px 11px; border: 1px solid rgba(65, 229, 196, 0.18); border-radius: 999px; color: rgb(169, 201, 193); background: rgba(25, 105, 88, 0.08); font-size: 11px;}
.original-service .work-visual{position: relative; min-height: 440px; perspective: 1400px; display: grid; place-items: center;}
.original-service .web-devices{transform-style: preserve-3d;}
.original-service .web-monitor{width: 78%; height: 330px; border: 9px solid rgb(21, 37, 33); border-radius: 14px; background: rgb(7, 17, 15); box-shadow: rgba(0, 0, 0, 0.5) 0px 35px 70px, rgba(39, 220, 184, 0.13) 0px 0px 35px; overflow: hidden;}
.original-service .browser-bar{height: 26px; background: rgb(19, 35, 31); padding: 8px; display: flex; gap: 5px;}
.original-service .browser-bar i{width: 7px; height: 7px; border-radius: 50%; background: rgb(71, 112, 105);}
.original-service .web-ui{height: calc(100% - 26px); padding: 30px; background: radial-gradient(circle at 70% 20%, rgba(44, 228, 191, 0.2), transparent 30%), linear-gradient(135deg, rgb(13, 30, 26), rgb(8, 17, 15));}
.original-service .web-ui > span{display: block; width: 35%; height: 7px; background: rgb(53, 221, 186); border-radius: 9px;}
.original-service .web-ui > b{display: block; width: 62%; height: 72px; margin: 28px 0px; background: linear-gradient(rgb(237, 248, 245) 0px, rgb(237, 248, 245) 20%, transparent 20%, transparent 36%, rgb(39, 202, 168) 36%, rgb(39, 202, 168) 58%, transparent 58%); opacity: 0.9;}
.original-service .web-ui > div{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.original-service .web-ui > div i{height: 92px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: rgba(255, 255, 255, 0.03);}
.original-service .web-tablet,.original-service .web-phone{position: absolute; border: 7px solid rgb(22, 42, 37); background: rgb(10, 23, 20); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 45px;}
.original-service .web-tablet{width: 190px; height: 250px; right: 0px; bottom: 15px; border-radius: 14px; transform: rotateY(-15deg) rotateZ(4deg);}
.original-service .web-phone{width: 92px; height: 190px; right: 18%; bottom: -8px; border-radius: 19px; transform: translateZ(60px) rotateY(-8deg) rotateZ(-3deg);}
.original-service .web-tablet div,.original-service .web-phone div{height: 100%; background: linear-gradient(160deg, rgba(45, 220, 185, 0.2), transparent 38%), repeating-linear-gradient(rgb(16, 37, 31) 0px, rgb(16, 37, 31) 18px, rgb(10, 23, 20) 18px, rgb(10, 23, 20) 35px);}
.original-service .hse-window{width: 94%; min-height: 390px; border: 8px solid rgb(25, 42, 38); border-radius: 14px; background: rgb(238, 243, 242); display: grid; grid-template-columns: 150px 1fr; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.48) 0px 35px 70px, rgba(43, 228, 191, 0.12) 0px 0px 35px;}
.original-service .hse-window aside{background: rgb(13, 42, 37); padding: 24px 18px; display: flex; flex-direction: column; gap: 17px;}
.original-service .hse-window aside b{color: rgb(71, 229, 196); font: 800 20px Manrope; margin-bottom: 16px;}
.original-service .hse-window aside i{height: 8px; border-radius: 6px; background: rgb(49, 82, 75);}
.original-service .hse-window main{padding: 24px; color: rgb(24, 48, 43);}
.original-service .hse-window main header{display: flex; justify-content: space-between; font-weight: 800;}
.original-service .hse-window main header small{color: rgb(120, 146, 140);}
.original-service .hse-kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 25px 0px;}
.original-service .hse-kpis b{padding: 17px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 18px; font-size: 23px; color: rgb(31, 111, 95);}
.original-service .hse-kpis small{display: block; font-size: 9px; color: rgb(120, 146, 140);}
.original-service .hse-table{display: grid; gap: 10px;}
.original-service .hse-table span{height: 30px; border-radius: 5px; background: linear-gradient(90deg, rgb(217, 228, 225) 0px, rgb(217, 228, 225) 45%, rgb(240, 167, 94) 45%, rgb(240, 167, 94) 57%, rgb(217, 228, 225) 57%);}
.original-service .brochure-stage{padding: 25px;}
.original-service .brochure-card{width: 94%; height: 390px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 70px, rgba(43, 228, 191, 0.1) 0px 0px 40px; transform: rotateY(-5deg) rotateX(2deg);}
.original-service .brochure-card img{width: 100%; height: 100%; object-fit: cover;}
.original-service .source-chip{position: absolute; bottom: 5px; right: 10px; padding: 8px 12px; border-radius: 999px; background: rgba(7, 19, 16, 0.9); border: 1px solid rgba(65, 229, 196, 0.18); font-size: 10px; color: rgb(143, 170, 164); letter-spacing: 0.06em;}
.original-service .restaurant-stage{min-height: 500px;}
.original-service .restaurant-shot{position: absolute; width: 67%; height: 360px; border: 7px solid rgb(22, 39, 34); border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 35px 70px;}
.original-service .restaurant-shot img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.original-service .shot-a{left: 4%; top: 35px; transform: rotateY(8deg) rotateZ(-3deg);}
.original-service .shot-b{right: 1%; bottom: 25px; transform: rotateY(-9deg) rotateZ(4deg);}
.original-service .restaurant-stage .source-chip{bottom: 0px; left: 10%; right: auto;}
@media (max-width: 1000px){.original-service .work-grid,.original-service .work-grid.reverse{grid-template-columns: 1fr; gap: 25px;}
.original-service .work-grid.reverse .work-copy,.original-service .work-grid.reverse .work-visual{order: initial;}
.original-service .work-visual{min-height: 400px;}
.original-service .restaurant-stage{min-height: 480px;}
.original-service .about-portrait img{min-height: 0px;}}
@media (max-width: 700px){.original-service .work-story{padding: 65px 0px;}
.original-service .work-copy h3{font-size: 42px;}
.original-service .work-visual{min-height: 330px;}
.original-service .web-monitor{width: 88%; height: 250px;}
.original-service .web-tablet{width: 125px; height: 180px;}
.original-service .web-phone{width: 70px; height: 145px;}
.original-service .hse-window{grid-template-columns: 90px 1fr; min-height: 300px;}
.original-service .hse-window aside{padding: 16px 10px;}
.original-service .hse-window main{padding: 14px;}
.original-service .hse-kpis b{padding: 10px; font-size: 16px;}
.original-service .brochure-card{height: 300px;}
.original-service .restaurant-stage{min-height: 390px;}
.original-service .restaurant-shot{height: 280px; width: 75%;}
.original-service .brand-logo{width: 180px; height: 54px;}
.original-service .footer-logo{height: 60px;}}
.original-service .brand-logo,.original-service .footer-logo{width: 250px; height: auto; object-fit: contain; background: transparent !important; border: 0px !important; box-shadow: none !important;}
.original-service .footer-logo{width: 220px;}
.original-service .grid-4,.original-service .content-grid,.original-service .work-grid,.original-service .service-card,.original-service .service-icon-wrap,.original-service .featured-work,.original-service .work-story,.original-service .work-visual{overflow: visible;}
.original-service .tilt-card{transform-style: preserve-3d; will-change: transform;}
.original-service .service-card{overflow: visible;}
.original-service .service-card::before{pointer-events: none; border-radius: inherit;}
.original-service .service-icon-wrap{position: relative; z-index: 3; transform-style: preserve-3d; isolation: isolate;}
.original-service .service-icon-wrap svg{overflow: visible; transform: translateZ(28px);}
.original-service .tech-marquee{overflow: hidden;}
.original-service .marquee-track{display: flex; gap: 0px; width: max-content; animation: 32s linear 0s infinite normal none running marquee-v5; will-change: transform;}
.original-service .marquee-group{display: flex; flex: 0 0 auto; align-items: center; gap: 46px; padding-right: 46px;}
.original-service .marquee-group span{font: 700 17px Manrope; color: rgb(157, 179, 174); white-space: nowrap;}
@keyframes marquee-v5 { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.original-service .brochure-stage-full{min-height: 560px; display: flex; align-items: center; justify-content: center; gap: 22px; padding: 22px; overflow: visible;}
.original-service .brochure-page{background: rgb(17, 17, 17); border: 1px solid rgba(82, 241, 210, 0.22); border-radius: 20px; padding: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 70px; overflow: visible; transform-style: preserve-3d;}
.original-service .brochure-page img{display: block; width: 100%; height: auto; object-fit: contain; border-radius: 13px;}
.original-service .brochure-stage-full .brochure-page{width: 46%; max-width: 430px;}
.original-service .booking-page-a{transform: rotateY(7deg) rotateZ(-1deg);}
.original-service .booking-page-b{transform: translateY(25px) rotateY(-7deg) rotateZ(1deg);}
.original-service .about-portrait{overflow: hidden;}
.original-service .about-portrait img{width: 100%; height: auto !important; object-fit: contain !important; object-position: center center !important; max-height: none !important;}
.original-service .detail-hero{padding-bottom: 90px;}
.original-service .detail-hero-grid{display: grid; grid-template-columns: 1fr 0.92fr; gap: 58px; align-items: center;}
.original-service .detail-hero-media{position: relative; min-height: 520px; display: grid; place-items: center;}
.original-service .detail-hero-media::before{content: ""; position: absolute; inset: 8%; background: radial-gradient(circle, rgba(41, 165, 135, 0.28), transparent 65%); filter: blur(35px);}
.original-service .detail-hero-media img{position: relative; z-index: 1; max-height: 590px; width: 100%; object-fit: contain; border-radius: 28px; border: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 80px;}
.original-service .accent-text{color: var(--accent2);}
.original-service .service-detail-grid .glass-card{min-height: 215px;}
.original-service .service-detail-grid .glass-card::after{content: ""; position: absolute; inset: auto 18px 0px; height: 2px; background: linear-gradient(90deg,transparent,var(--accent2),transparent); opacity: 0.45; transform: scaleX(0.25); transition: 0.35s;}
.original-service .service-detail-grid .glass-card:hover::after{transform: scaleX(1);}
.original-service .media-story{position: relative;}
.original-service .media-story-grid{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 58px; align-items: center;}
.original-service .media-stack{position: relative; min-height: 600px; display: grid; place-items: center;}
.original-service .media-main{width: 100%; max-height: 620px; object-fit: contain; border-radius: 28px; border: 1px solid var(--line); box-shadow: var(--shadow);}
.original-service .media-float{position: absolute; right: -18px; bottom: 44px; background: rgba(7, 17, 15, 0.9); border: 1px solid rgba(82, 241, 210, 0.3); border-radius: 18px; padding: 15px 18px; backdrop-filter: blur(16px); box-shadow: var(--shadow);}
.original-service .media-float span{display: block; color: var(--accent2); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;}
.original-service .media-float strong{display: block; margin-top: 5px;}
.original-service .app-hero-pages{position: relative; min-height: 560px; display: flex; align-items: center; justify-content: center; gap: 18px; perspective: 1200px;}
.original-service .app-hero-pages .brochure-page{width: 48%; max-width: 390px;}
.original-service .app-hero-pages .brochure-page:first-child{transform: rotateY(8deg) translateY(-10px);}
.original-service .app-hero-pages .brochure-page:last-child{transform: rotateY(-8deg) translateY(25px);}
.original-service .brochure-gallery{display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start;}
.original-service .brochure-gallery figure,.original-service .image-detail-grid figure{margin: 0px; background: linear-gradient(155deg, rgba(16, 38, 33, 0.86), rgba(7, 17, 15, 0.9)); border: 1px solid var(--line); border-radius: 24px; padding: 12px; box-shadow: var(--shadow);}
.original-service .brochure-gallery img,.original-service .image-detail-grid img{width: 100%; height: auto; object-fit: contain; border-radius: 16px;}
.original-service .brochure-gallery figcaption,.original-service .image-detail-grid figcaption{padding: 13px 8px 6px; color: var(--muted); font-size: 14px;}
.original-service .software-showcase{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 55px; align-items: center; padding: 54px 0px; border-top: 1px solid var(--line);}
.original-service .software-showcase.reverse .software-image{order: 2;}
.original-service .software-showcase.reverse .software-copy{order: 1;}
.original-service .software-image{position: relative; padding: 20px;}
.original-service .software-image::before{content: ""; position: absolute; inset: 15%; background: rgba(41, 165, 135, 0.25); filter: blur(55px);}
.original-service .software-image img{position: relative; z-index: 1; width: 100%; height: auto; max-height: 560px; object-fit: contain; border-radius: 24px; border: 1px solid rgba(82, 241, 210, 0.25); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px;}
.original-service .software-copy h3{font: 800 clamp(32px, 4vw, 50px) / 1.05 Manrope; margin: 0px 0px 16px;}
.original-service .software-copy p{color: var(--muted); font-size: 18px;}
.original-service .image-detail-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px;}
.original-service .it-visual{position: relative; min-height: 520px; display: grid; place-items: center; perspective: 1000px;}
.original-service .server-stack{width: min(460px, 85%); display: grid; gap: 14px; transform: rotateY(-10deg) rotateX(4deg); filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 35px 60px);}
.original-service .server-stack span{height: 78px; border-radius: 14px; border: 1px solid rgba(82, 241, 210, 0.35); background: linear-gradient(100deg, rgb(10, 25, 22), rgb(16, 42, 36)); position: relative; box-shadow: rgba(41, 165, 135, 0.08) 0px 0px 25px inset;}
.original-service .server-stack span::before{content: ""; position: absolute; left: 22px; top: 31px; width: 12px; height: 12px; border-radius: 50%; background: var(--accent2); box-shadow: 25px 0 0 var(--accent),50px 0 0 rgba(255,255,255,.25);}
.original-service .it-console{position: absolute; right: 2%; bottom: 5%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 14px; background: rgba(5, 13, 11, 0.86); border: 1px solid var(--line); border-radius: 18px; backdrop-filter: blur(14px);}
.original-service .it-console i{font-style: normal; padding: 9px 11px; border-radius: 10px; background: rgba(41, 165, 135, 0.1); color: var(--accent2); font-size: 12px;}
.original-service .it-flow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
.original-service .it-flow div{padding: 24px 16px; border-radius: 20px; background: var(--panel); border: 1px solid var(--line); text-align: center;}
.original-service .it-flow b{display: block; color: var(--accent2); font-size: 26px;}
.original-service .it-flow span{color: rgb(219, 231, 228);}
.original-service .project-detail-list .container{display: grid; gap: 90px;}
.original-service .project-detail{display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 56px; align-items: center;}
.original-service .project-detail.reverse .project-detail-media{order: 2;}
.original-service .project-detail.reverse .project-detail-copy{order: 1;}
.original-service .project-detail-media{min-height: 520px; display: grid; place-items: center; position: relative; padding: 18px; border-radius: 30px; background: linear-gradient(155deg, rgba(16, 38, 33, 0.72), rgba(7, 17, 15, 0.86)); border: 1px solid var(--line); overflow: hidden;}
.original-service .project-detail-media > img{width: 100%; height: auto; max-height: 620px; object-fit: contain; border-radius: 20px;}
.original-service .project-detail-copy h2{font: 800 clamp(38px, 5vw, 64px) / 1 Manrope; margin: 12px 0px 18px;}
.original-service .project-detail-copy > p{font-size: 18px; color: var(--muted);}
.original-service .project-facts{display: grid; gap: 10px; margin: 25px 0px 28px;}
.original-service .project-facts span{display: flex; gap: 13px; padding-bottom: 10px; border-bottom: 1px solid var(--line); color: var(--muted);}
.original-service .project-facts b{min-width: 90px; color: rgb(255, 255, 255);}
.original-service .booking-project-media{grid-template-columns: 1fr 1fr; gap: 12px; overflow: visible;}
.original-service .booking-project-media img{max-height: none !important; object-fit: contain !important;}
.original-service .booking-project-media img:first-child{transform: rotate(-1.5deg);}
.original-service .booking-project-media img:last-child{transform: rotate(1.5deg) translateY(18px);}
.original-service .restaurant-project-media{grid-template-columns: 1fr 1fr; gap: 14px; overflow: visible;}
.original-service .restaurant-project-media img{max-height: 500px !important; object-fit: contain !important;}
.original-service .hse-media{overflow: visible;}
.original-service .hse-project{width: 100%; max-width: 780px; min-height: 420px; transform: none !important;}
@media (max-width: 980px){.original-service .detail-hero-grid,.original-service .media-story-grid,.original-service .software-showcase,.original-service .project-detail{grid-template-columns: 1fr;}
.original-service .project-detail.reverse .project-detail-media,.original-service .software-showcase.reverse .software-image{order: 0;}
.original-service .project-detail.reverse .project-detail-copy,.original-service .software-showcase.reverse .software-copy{order: 0;}
.original-service .detail-hero-media{min-height: 0px;}
.original-service .app-hero-pages{min-height: 0px;}
.original-service .brochure-stage-full{min-height: 0px;}
.original-service .media-stack{min-height: 0px;}
.original-service .it-flow{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 680px){.original-service .brand-logo{width: 190px;}
.original-service .footer-logo{width: 190px;}
.original-service .marquee-group{gap: 30px; padding-right: 30px;}
.original-service .brochure-stage-full,.original-service .app-hero-pages{display: grid; grid-template-columns: 1fr; gap: 18px;}
.original-service .brochure-stage-full .brochure-page,.original-service .app-hero-pages .brochure-page{width: 100%; max-width: none; transform: none !important;}
.original-service .brochure-gallery,.original-service .image-detail-grid,.original-service .booking-project-media,.original-service .restaurant-project-media{grid-template-columns: 1fr;}
.original-service .project-detail-media{min-height: 0px; padding: 10px;}
.original-service .project-detail-list .container{gap: 60px;}
.original-service .it-flow{grid-template-columns: 1fr 1fr;}
.original-service .media-float{position: static; margin-top: 12px;}
.original-service .about-portrait img{width: 100%; height: auto !important;}}
.original-service .work-jump-link{display: flex; align-items: center; gap: 14px; color: rgb(255, 255, 255); text-decoration: none; min-height: 52px; padding: 2px 2px 2px 0px;}
.original-service .work-jump-link b,.original-service .work-jump-link small{display: block;}
.original-service .work-jump-link small{margin-top: 3px; color: rgb(128, 153, 147); font-size: 12px;}
.original-service .work-jump-link svg{width: 28px; height: 28px; fill: none; stroke: rgb(45, 241, 202); stroke-width: 1.8; transition: 0.25s;}
.original-service .work-jump-link:hover svg{transform: translateX(6px);}
.original-service .social-rail a svg{width: 18px; height: 18px; fill: currentcolor;}
.original-service .social-rail a:nth-child(2){color: rgb(50, 231, 193);}
.original-service .social-rail a:nth-child(2):hover{color: rgb(6, 16, 14); background: rgb(50, 231, 193);}
.original-service .web-monitor{overflow: hidden;}
.original-service .web-monitor .device-screen{height: calc(100% - 26px); overflow: hidden; background: rgb(8, 17, 15);}
.original-service .web-monitor .device-screen img{width: 100%; height: 100%; object-fit: cover; object-position: center 4%; display: block;}
.original-service .web-tablet,.original-service .web-phone{overflow: hidden; padding: 0px;}
.original-service .web-tablet .device-screen,.original-service .web-phone .device-screen{width: 100%; height: 100%; overflow: hidden; border-radius: inherit;}
.original-service .web-tablet img,.original-service .web-phone img{width: 100%; height: 100%; object-fit: cover; display: block;}
.original-service .web-tablet img{object-position: center 17%;}
.original-service .web-phone img{object-position: 48% 10%;}
.original-service .web-tablet::after,.original-service .web-phone::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset; pointer-events: none;}
.original-service .booking-devices{min-height: 500px; display: flex; align-items: center; justify-content: center; gap: 28px; perspective: 1400px;}
.original-service .booking-tablet,.original-service .booking-phone{position: relative; background: rgb(11, 21, 19); border: 8px solid rgb(23, 40, 36); box-shadow: rgba(0, 0, 0, 0.48) 0px 35px 70px, rgba(43, 228, 191, 0.1) 0px 0px 30px; overflow: hidden;}
.original-service .booking-tablet{width: 66%; height: 355px; border-radius: 22px; transform: rotateY(8deg) rotateZ(-1deg);}
.original-service .booking-phone{width: 150px; height: 320px; border-radius: 28px; transform: translateY(28px) rotateY(-10deg) rotateZ(2deg);}
.original-service .booking-screen{width: 100%; height: 100%; overflow: hidden; background: rgb(16, 22, 20);}
.original-service .booking-screen img{width: 100%; height: 100%; object-fit: cover; display: block;}
.original-service .booking-tablet .booking-screen img{object-position: center center;}
.original-service .booking-phone .booking-screen img{object-position: 58% center; transform: scale(1.15);}
.original-service .booking-notch{position: absolute; z-index: 3; top: 8px; left: 50%; transform: translateX(-50%); width: 54px; height: 7px; border-radius: 999px; background: rgb(38, 53, 48);}
.original-service .restaurant-workstation{min-height: 500px;}
.original-service .restaurant-workstation-card{width: 96%; max-width: 760px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(82, 241, 210, 0.22); box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 80px, rgba(43, 228, 191, 0.09) 0px 0px 45px;}
.original-service .restaurant-workstation-card img{display: block; width: 100%; height: auto; object-fit: cover;}
.original-service .about-home-grid{grid-template-columns: 1fr 0.68fr 0.5fr;}
.original-service .about-portrait{overflow: hidden; height: 405px !important; min-height: 405px !important;}
.original-service .about-portrait img{width: 100% !important; height: 100% !important; min-height: 0px !important; object-fit: cover !important; object-position: center 7% !important; max-height: none !important;}
@media (max-width: 1000px){.original-service .booking-devices{min-height: 430px;}
.original-service .booking-tablet{width: 72%; height: 315px;}
.original-service .booking-phone{width: 135px; height: 285px;}
.original-service .about-portrait{height: 390px !important; min-height: 390px !important;}}
@media (max-width: 700px){.original-service .booking-devices{min-height: 360px; gap: 12px;}
.original-service .booking-tablet{width: 72%; height: 235px; border-width: 6px;}
.original-service .booking-phone{width: 94px; height: 205px; border-width: 5px;}
.original-service .restaurant-workstation{min-height: 330px;}
.original-service .about-portrait{height: 360px !important; min-height: 360px !important;}
.original-service .work-jump-link{margin-top: 2px;}}
.original-service .web-devices-real{min-height: 470px; display: block; position: relative; perspective: 1500px;}
.original-service .desktop-device{position: absolute; left: 3%; top: 35px; width: 72%; height: 355px; transform-style: preserve-3d; filter: drop-shadow(rgba(0, 0, 0, 0.48) 0px 34px 42px);}
.original-service .desktop-bezel{height: 315px; border: 10px solid rgb(22, 37, 33); border-radius: 16px; background: rgb(7, 17, 15); overflow: hidden; box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px, rgba(41, 225, 187, 0.1) 0px 0px 38px;}
.original-service .desktop-device .browser-bar{height: 28px;}
.original-service .desktop-device .browser-bar span{margin-left: auto; font-size: 9px; letter-spacing: 0.12em; color: rgb(93, 121, 114);}
.original-service .desktop-screen{height: calc(100% - 28px); overflow: hidden; background: rgb(7, 17, 15);}
.original-service .desktop-screen img{width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}
.original-service .desktop-neck{position: absolute; left: 50%; bottom: 11px; transform: translateX(-50%); width: 54px; height: 34px; background: linear-gradient(rgb(38, 55, 49), rgb(17, 27, 24)); clip-path: polygon(30% 0px, 70% 0px, 84% 100%, 16% 100%);}
.original-service .desktop-foot{position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 150px; height: 13px; border-radius: 50% 50% 8px 8px; background: linear-gradient(rgb(51, 67, 62), rgb(19, 29, 26)); box-shadow: rgba(0, 0, 0, 0.32) 0px 9px 18px;}
.original-service .tablet-device{position: absolute; right: 4%; top: 128px; width: 210px; height: 270px; padding: 10px; border-radius: 18px; background: linear-gradient(145deg, rgb(38, 54, 50), rgb(16, 25, 22)); border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: rgba(0, 0, 0, 0.46) 0px 24px 48px, rgba(38, 214, 178, 0.08) 0px 0px 24px; transform: rotateY(-10deg) rotateZ(2deg);}
.original-service .tablet-camera{position: absolute; left: 50%; top: 4px; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: rgb(82, 100, 95); z-index: 2;}
.original-service .tablet-screen{height: 100%; overflow: hidden; border-radius: 10px; background: rgb(7, 17, 15);}
.original-service .tablet-screen img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 4%; display: block;}
.original-service .phone-device{position: absolute; right: 25%; bottom: 8px; width: 105px; height: 216px; padding: 7px; border-radius: 24px; background: linear-gradient(145deg, rgb(40, 56, 52), rgb(14, 23, 20)); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 50px, rgba(44, 224, 186, 0.1) 0px 0px 25px; transform: translateZ(55px) rotateY(-6deg) rotateZ(-3deg); z-index: 5;}
.original-service .phone-speaker{position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 34px; height: 5px; border-radius: 6px; background: rgb(11, 18, 16); z-index: 3;}
.original-service .phone-screen{height: 100%; overflow: hidden; border-radius: 17px; background: rgb(7, 17, 15);}
.original-service .phone-screen img{width: 100%; height: 100%; object-fit: cover; object-position: 52% 3%; display: block;}
.original-service .social-rail .rail-whatsapp{color: rgb(34, 224, 127); background: rgba(34, 224, 127, 0.08); box-shadow: rgba(34, 224, 127, 0.13) 0px 0px 0px 1px inset;}
.original-service .social-rail .rail-whatsapp svg{width: 21px; height: 21px; fill: currentcolor;}
.original-service .social-rail .rail-whatsapp:hover{color: rgb(6, 32, 21); background: rgb(37, 211, 102); box-shadow: rgba(37, 211, 102, 0.3) 0px 0px 26px;}
@media (max-width: 1100px){.original-service .web-devices-real{min-height: 430px;}
.original-service .desktop-device{left: 2%; width: 75%; height: 325px;}
.original-service .desktop-bezel{height: 285px;}
.original-service .tablet-device{right: 1%; width: 185px; height: 245px;}
.original-service .phone-device{right: 22%; width: 92px; height: 190px;}}
@media (max-width: 760px){.original-service .web-devices-real{min-height: 360px; margin-top: 20px;}
.original-service .desktop-device{left: 0px; top: 28px; width: 78%; height: 260px;}
.original-service .desktop-bezel{height: 228px; border-width: 7px;}
.original-service .desktop-foot{width: 110px;}
.original-service .tablet-device{right: 0px; top: 95px; width: 130px; height: 190px; padding: 7px;}
.original-service .phone-device{right: 22%; bottom: 0px; width: 72px; height: 150px; padding: 5px;}
.original-service .phone-speaker{top: 5px; width: 24px; height: 4px;}}
.original-service .motion-reveal{opacity: 0; transform: translateY(34px) scale(0.985); transition: opacity 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1);}
.original-service .motion-reveal.motion-visible{opacity: 1; transform: none;}
.original-service .motion-stage{position: relative; transform-style: preserve-3d; perspective: 1400px;}
.original-service .motion-device{will-change: transform, filter;}
.original-service .motion-device-a{animation: 7.2s ease-in-out 0s infinite normal none running vgFloatA;}
.original-service .motion-device-b{animation: 8.4s ease-in-out -1.4s infinite normal none running vgFloatB;}
.original-service .motion-device-c{animation: 6.8s ease-in-out -2.2s infinite normal none running vgFloatC;}
@keyframes vgFloatA { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -13px; }
}
@keyframes vgFloatB { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px 11px; }
}
@keyframes vgFloatC { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -9px; }
}
@media (prefers-reduced-motion: reduce){.original-service .motion-device-a,.original-service .motion-device-b,.original-service .motion-device-c,.original-service .floating-wa{animation: auto ease 0s 1 normal none running none !important;}
.original-service .motion-reveal{opacity: 1; transform: none;}}
.original-service .work-web .web-devices-real{filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 30px 55px);}
.original-service .work-web .desktop-device{animation: 7.5s ease-in-out 0s infinite normal none running vgFloatA;}
.original-service .work-web .tablet-device{animation: 8.2s ease-in-out -1.4s infinite normal none running vgTabletFloat;}
.original-service .work-web .phone-device{animation: 6.7s ease-in-out -2.1s infinite normal none running vgPhoneFloat;}
@keyframes vgTabletFloat { 
  0%, 100% { transform: rotateY(-10deg) rotateZ(2deg) translateY(0px); }
  50% { transform: rotateY(-7deg) rotateZ(1deg) translateY(-14px); }
}
@keyframes vgPhoneFloat { 
  0%, 100% { transform: translateZ(55px) rotateY(-6deg) rotateZ(-3deg) translateY(0px); }
  50% { transform: translateZ(65px) rotateY(-2deg) rotateZ(-1deg) translateY(12px); }
}
.original-service .reusable-web-devices{width: 100%; min-height: 430px;}
.original-service .project-detail-media.web-devices-real{background: linear-gradient(155deg, rgba(14, 35, 30, 0.82), rgba(6, 16, 14, 0.94)); border: 1px solid rgba(82, 241, 210, 0.1); border-radius: 26px; padding: 12px; overflow: visible;}
.original-service .compact-web-devices{width: 100%; min-height: 410px !important;}
.original-service .compact-web-devices .desktop-device{width: 70%; height: 315px; left: 2%; top: 30px;}
.original-service .compact-web-devices .desktop-bezel{height: 276px;}
.original-service .compact-web-devices .tablet-device{width: 175px; height: 235px; right: 0px; top: 105px;}
.original-service .compact-web-devices .phone-device{width: 86px; height: 180px; right: 22%; bottom: 4px;}
.original-service .web-blueprint-scene{min-height: 470px; display: grid; place-items: center; overflow: visible;}
.original-service .web-blueprint-scene::before{content: ""; position: absolute; inset: 8% 4%; background: radial-gradient(circle at 50% 45%, rgba(46, 226, 190, 0.14), transparent 54%); filter: blur(8px);}
.original-service .bp-grid-lines{position: absolute; inset: 6% 3%; border-radius: 28px; opacity: 0.2; background-image: linear-gradient(rgba(79, 229, 198, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(79, 229, 198, 0.14) 1px, transparent 1px); background-size: 34px 34px; transform: perspective(700px) rotateX(62deg) translateY(48px);}
.original-service .blueprint-browser{position: relative; z-index: 2; width: 76%; height: 330px; border: 8px solid rgb(22, 39, 34); border-radius: 18px; overflow: hidden; background: rgb(7, 17, 15); box-shadow: rgba(0, 0, 0, 0.45) 0px 34px 70px, rgba(47, 228, 191, 0.11) 0px 0px 38px;}
.original-service .blueprint-content{height: calc(100% - 26px); padding: 24px; background: linear-gradient(145deg, rgb(11, 26, 23), rgb(9, 34, 28));}
.original-service .bp-nav{height: 9px; width: 52%; border-radius: 8px; background: linear-gradient(90deg, rgb(49, 219, 182) 0px, rgb(49, 219, 182) 20%, rgba(255, 255, 255, 0.18) 20%, rgba(255, 255, 255, 0.18) 55%, transparent 55%);}
.original-service .bp-hero{margin-top: 32px; height: 105px; border: 1px solid rgba(72, 231, 198, 0.17); border-radius: 12px; padding: 20px; display: grid; gap: 12px; background: rgba(255, 255, 255, 0.024);}
.original-service .bp-hero span{height: 10px; width: 45%; background: rgb(56, 223, 189); border-radius: 8px;}
.original-service .bp-hero b{height: 30px; width: 72%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0px, rgba(255, 255, 255, 0.85) 54%, transparent 54%);}
.original-service .bp-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px;}
.original-service .bp-cards i{height: 70px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.024);}
.original-service .bp-chip{position: absolute; z-index: 3; padding: 13px 16px; border: 1px solid rgba(74, 236, 203, 0.25); border-radius: 14px; background: rgba(5, 17, 14, 0.92); backdrop-filter: blur(12px); font: 700 10px Manrope; letter-spacing: 0.14em; color: rgb(159, 199, 190); box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 40px;}
.original-service .bp-chip b{display: block; color: rgb(77, 240, 206); font-size: 22px; letter-spacing: 0px;}
.original-service .chip-seo{left: 1%; top: 72px;}
.original-service .chip-speed{right: 0px; bottom: 70px;}
.original-service .software-device-scene{min-height: 410px; width: 100%; overflow: visible;}
.original-service .soft-desktop{position: absolute; left: 2%; top: 45px; width: 72%; height: 290px;}
.original-service .soft-desktop-screen{height: 245px; padding: 8px; border: 8px solid rgb(26, 43, 39); border-radius: 14px; background: rgb(6, 16, 14); box-shadow: rgba(0, 0, 0, 0.46) 0px 30px 60px, rgba(41, 225, 187, 0.1) 0px 0px 30px;}
.original-service .soft-desktop-screen img,.original-service .soft-tablet img,.original-service .soft-phone img{width: 100%; height: 100%; object-fit: contain; background: rgb(245, 245, 243);}
.original-service .soft-stand{width: 110px; height: 30px; margin: auto; background: linear-gradient(rgb(38, 58, 52), rgb(17, 26, 23)); clip-path: polygon(38% 0px, 62% 0px, 76% 100%, 24% 100%); position: relative;}
.original-service .soft-stand::after{content: ""; position: absolute; width: 155px; height: 10px; border-radius: 50%; background: rgb(24, 35, 31); left: 50%; bottom: -7px; transform: translateX(-50%);}
.original-service .soft-tablet{position: absolute; right: 2%; top: 126px; width: 180px; height: 235px; padding: 9px; background: rgb(22, 37, 32); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.44) 0px 25px 48px; transform: rotateZ(2deg);}
.original-service .soft-phone{position: absolute; right: 25%; bottom: 0px; width: 85px; height: 175px; padding: 6px; background: rgb(23, 38, 32); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 45px; transform: rotateZ(-4deg); z-index: 4;}
.original-service .full-software-shot{display: block; width: 100%; border-radius: 18px; background: rgb(255, 255, 255); height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center center !important;}
.original-service .software-image{overflow: hidden; background: rgb(8, 21, 18); border-radius: 22px; padding: 12px;}
.original-service .software-image img{transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1);}
.original-service .software-image:hover img{transform: scale(1.018);}
.original-service .booking-ui-scene{min-height: 400px; overflow: visible;}
.original-service .booking-ui-tablet{position: absolute; left: 8%; top: 38px; width: 66%; height: 305px; padding: 10px; border-radius: 20px; background: linear-gradient(145deg, rgb(38, 56, 51), rgb(15, 24, 22)); border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: rgba(0, 0, 0, 0.46) 0px 34px 70px, rgba(41, 225, 187, 0.09) 0px 0px 32px;}
.original-service .booking-ui-phone{position: absolute; right: 3%; top: 105px; width: 142px; height: 285px; padding: 7px; border-radius: 27px; background: linear-gradient(145deg, rgb(40, 57, 52), rgb(15, 24, 22)); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: rgba(0, 0, 0, 0.5) 0px 28px 55px; z-index: 5;}
.original-service .booking-ui-screen{height: 100%; overflow: hidden; border-radius: 12px; background: rgb(248, 251, 250);}
.original-service .booking-ui-phone .booking-ui-screen{border-radius: 20px;}
.original-service .booking-app-ui{height: 100%; padding: 18px; color: rgb(16, 33, 29); background: linear-gradient(rgb(247, 250, 249), rgb(237, 244, 241));}
.original-service .booking-app-ui.dark{background: linear-gradient(150deg, rgb(16, 30, 27), rgb(10, 21, 19)); color: rgb(233, 247, 243);}
.original-service .app-top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(20, 50, 43, 0.15);}
.original-service .booking-app-ui.dark .app-top{border-color: rgba(255, 255, 255, 0.09);}
.original-service .app-top b{font: 800 20px Manrope;}
.original-service .app-top span{font-size: 11px; color: rgb(40, 167, 137);}
.original-service .app-calendar{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 20px;}
.original-service .app-calendar i{height: 42px; border-radius: 8px; background: rgba(41, 165, 135, 0.09); border: 1px solid rgba(41, 165, 135, 0.1);}
.original-service .app-calendar i.on{background: linear-gradient(135deg, rgb(41, 165, 135), rgb(82, 241, 210)); box-shadow: rgba(41, 165, 135, 0.22) 0px 8px 18px;}
.original-service .app-row{display: grid; gap: 8px; margin-top: 18px;}
.original-service .app-row span{height: 16px; border-radius: 10px; background: rgba(255, 255, 255, 0.08);}
.original-service .service-pill{margin: 24px 0px 16px; padding: 12px; border-radius: 13px; background: rgb(16, 37, 31); color: rgb(255, 255, 255); font-size: 12px;}
.original-service .time-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.original-service .time-grid i{font-style: normal; font-size: 10px; text-align: center; padding: 8px 4px; border-radius: 10px; border: 1px solid rgba(41, 165, 135, 0.18); background: rgb(255, 255, 255);}
.original-service .confirm-pill{margin-top: 18px; padding: 10px; border-radius: 999px; text-align: center; background: linear-gradient(135deg, rgb(41, 165, 135), rgb(66, 217, 184)); color: rgb(255, 255, 255); font-weight: 700; font-size: 11px;}
.original-service .cta-band .btn,.original-service .hero-actions .btn{white-space: nowrap; min-width: max-content; line-height: 1.1;}
.original-service .cta-band{position: relative; overflow: hidden;}
.original-service .cta-band::after{content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; right: -80px; top: -100px; border: 28px solid rgba(70, 236, 200, 0.06); animation: 12s linear 0s infinite normal none running ctaOrbit; pointer-events: none;}
@keyframes ctaOrbit { 
  100% { transform: rotate(360deg); }
}
.original-service .floating-wa{position: fixed; right: 22px; bottom: 22px; z-index: 120; animation: 2.8s ease-in-out 0s infinite normal none running waPulse; width: 58px !important; height: 58px !important;}
.original-service .floating-wa svg{display: block; width: 30px !important; height: 30px !important;}
.original-service .floating-wa:hover{transform: translateY(-4px) scale(1.04); animation: auto ease 0s 1 normal none running none;}
@keyframes waPulse { 
  0%, 100% { box-shadow: rgba(30, 215, 175, 0.08) 0px 0px 0px 7px, rgba(0, 0, 0, 0.3) 0px 10px 30px; }
  50% { box-shadow: rgba(30, 215, 175, 0) 0px 0px 0px 14px, rgba(0, 0, 0, 0.36) 0px 16px 36px; }
}
.original-service .detail-hero .reveal.visible,.original-service .page-hero .reveal.visible{animation: 0.75s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running heroSettle;}
@keyframes heroSettle { 
  0% { filter: blur(5px); transform: translateY(24px); }
  100% { filter: none; transform: none; }
}
.original-service .glass-card.motion-visible,.original-service .timeline-item.motion-visible,.original-service .feature-item.motion-visible{transition-delay: var(--motion-delay,0ms);}
.original-service .project-detail-media img.motion-media{transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s;}
.original-service .project-detail-media:hover img.motion-media{transform: scale(1.025); filter: saturate(1.05);}
@media (max-width: 900px){.original-service .compact-web-devices,.original-service .software-device-scene,.original-service .booking-ui-scene{min-height: 360px;}
.original-service .soft-desktop{width: 76%;}
.original-service .soft-tablet{width: 145px; height: 205px;}
.original-service .soft-phone{right: 22%; width: 72px; height: 150px;}
.original-service .booking-ui-tablet{left: 2%; width: 72%; height: 270px;}
.original-service .booking-ui-phone{width: 115px; height: 245px;}
.original-service .web-blueprint-scene{min-height: 400px;}
.original-service .blueprint-browser{width: 86%; height: 290px;}}
@media (max-width: 680px){.original-service .compact-web-devices{min-height: 330px !important;}
.original-service .compact-web-devices .desktop-device{width: 78%; height: 240px;}
.original-service .compact-web-devices .desktop-bezel{height: 210px;}
.original-service .compact-web-devices .tablet-device{width: 120px; height: 175px; top: 105px;}
.original-service .compact-web-devices .phone-device{width: 65px; height: 135px;}
.original-service .software-device-scene{min-height: 330px;}
.original-service .soft-desktop{width: 78%; height: 230px;}
.original-service .soft-desktop-screen{height: 195px; border-width: 6px;}
.original-service .soft-tablet{width: 110px; height: 160px; top: 110px;}
.original-service .soft-phone{width: 60px; height: 125px;}
.original-service .booking-ui-scene{min-height: 330px;}
.original-service .booking-ui-tablet{width: 73%; height: 220px;}
.original-service .booking-ui-phone{width: 92px; height: 195px; top: 110px;}
.original-service .web-blueprint-scene{min-height: 330px;}
.original-service .blueprint-browser{width: 94%; height: 245px; border-width: 6px;}
.original-service .bp-chip{display: none;}}
.original-service .project-web-visual,.original-service .project-hse-visual,.original-service .project-booking-visual,.original-service .project-restaurant-visual{min-height: 500px; overflow: hidden !important;}
.original-service .project-web-visual{display: flex; align-items: flex-end; justify-content: center; gap: 18px; padding: 34px 28px 26px !important;}
.original-service .proj-web-desktop{width: 62%; position: relative; flex: 0 0 auto;}
.original-service .proj-device-bar{height: 28px; background: rgb(22, 35, 31); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(255, 255, 255, 0.09) rgba(255, 255, 255, 0.09) currentcolor; border-image: none; border-radius: 14px 14px 0px 0px; display: flex; align-items: center; gap: 6px; padding: 0px 10px; color: rgb(120, 144, 137); font-size: 10px;}
.original-service .proj-device-bar i{width: 6px; height: 6px; border-radius: 50%; background: rgb(75, 98, 92);}
.original-service .proj-device-bar span{margin-left: 6px;}
.original-service .proj-screen{overflow: hidden; background: rgb(6, 16, 14);}
.original-service .proj-screen img{width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}
.original-service .proj-web-desktop .proj-screen{aspect-ratio: 16 / 9; border-width: 2px 8px 8px; border-style: solid; border-color: rgb(26, 36, 33); border-image: none;}
.original-service .proj-monitor-neck{width: 16%; height: 32px; margin: auto; background: linear-gradient(rgb(28, 39, 35), rgb(17, 25, 21));}
.original-service .proj-monitor-base{width: 38%; height: 10px; margin: auto; background: rgb(38, 51, 46); border-radius: 50%;}
.original-service .proj-web-tablet{width: 22%; padding: 7px; border-radius: 18px; background: rgb(32, 43, 39); border: 1px solid rgba(255, 255, 255, 0.12); flex: 0 0 auto;}
.original-service .proj-web-tablet .proj-screen{aspect-ratio: 3 / 4; border-radius: 11px;}
.original-service .proj-web-phone{width: 12%; padding: 5px; border-radius: 22px; background: rgb(32, 43, 39); border: 1px solid rgba(255, 255, 255, 0.12); flex: 0 0 auto; position: relative;}
.original-service .proj-web-phone .proj-screen{aspect-ratio: 9 / 18.5; border-radius: 17px;}
.original-service .proj-phone-speaker{width: 30%; height: 4px; border-radius: 10px; background: rgb(113, 129, 125); margin: 1px auto 4px;}
.original-service .project-hse-visual{place-items: center; display: grid !important;}
.original-service .proj-hse-browser{width: 82%; filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 30px 60px);}
.original-service .proj-hse-browser .hse-window{border-radius: 0px 0px 18px 18px;}
.original-service .proj-hse-chip{right: 7%; bottom: 10%; width: 190px; padding: 16px; border-radius: 16px; background: rgba(8, 22, 18, 0.92); border: 1px solid rgba(82, 241, 210, 0.18); box-shadow: rgba(0, 0, 0, 0.32) 0px 20px 45px; position: absolute !important;}
.original-service .proj-hse-chip b,.original-service .proj-hse-chip span{display: block;}
.original-service .proj-hse-chip span{color: var(--muted); font-size: 12px; margin-top: 4px;}
.original-service .project-booking-visual{align-items: center; justify-content: center; gap: 26px; display: flex !important;}
.original-service .proj-booking-tablet{width: 62%; height: 330px; padding: 10px; border-radius: 22px; background: rgb(38, 54, 50); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 65px;}
.original-service .proj-booking-phone{width: 140px; height: 285px; padding: 7px; border-radius: 28px; background: rgb(38, 54, 50); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 55px;}
.original-service .project-restaurant-visual{place-items: center; display: grid !important;}
.original-service .proj-rest-workstation{width: 88%;}
.original-service .proj-rest-workstation img{width: 100%; height: auto; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.38) 0px 28px 55px);}
.original-service .proj-rest-ticket{right: 6%; bottom: 9%; width: 170px; padding: 14px 16px; border-radius: 14px; background: rgb(242, 240, 233); color: rgb(23, 33, 30); transform: rotate(2deg); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 40px; position: absolute !important;}
.original-service .proj-rest-ticket b,.original-service .proj-rest-ticket span,.original-service .proj-rest-ticket i{display: block;}
.original-service .proj-rest-ticket span,.original-service .proj-rest-ticket i{font-size: 11px; margin-top: 3px;}
.original-service .proj-rest-ticket i{font-style: normal; color: rgb(81, 99, 93);}
.original-service .about-photo-frame{max-width: 470px; margin-inline: auto; padding: 0px; background: transparent; border: 0px; overflow: visible;}
.original-service .about-photo-frame img{box-shadow: rgba(0, 0, 0, 0.28) 0px 30px 80px; border: 1px solid rgba(82, 241, 210, 0.13);}
.original-service .about-live-facts{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px;}
.original-service .about-live-facts span{min-width: 130px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; color: var(--muted); background: rgba(255, 255, 255, 0.02);}
.original-service .about-live-facts b{display: block; color: var(--accent2); font: 800 20px / 1.1 Manrope;}
.original-service .resume-original .section-head{align-items: flex-end;}
.original-service .resume-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.original-service .resume-panel{padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(155deg, rgba(16, 38, 33, 0.54), rgba(7, 17, 15, 0.72));}
.original-service .resume-panel > h3{font: 800 28px Manrope; margin: 0px 0px 18px;}
.original-service .resume-panel article{padding: 20px 0px; border-top: 1px solid var(--line);}
.original-service .resume-panel h4{font: 700 19px Manrope; margin: 0px 0px 4px;}
.original-service .resume-panel strong,.original-service .resume-panel time{display: block; color: var(--accent2); font-size: 13px; margin: 4px 0px;}
.original-service .resume-panel p{color: var(--muted); margin: 8px 0px 0px;}
.original-service .software-command-scene{min-height: 430px; position: relative; overflow: visible;}
.original-service .soft-command-monitor{position: absolute; left: 4%; top: 45px; width: 68%; filter: drop-shadow(rgba(0, 0, 0, 0.42) 0px 34px 70px);}
.original-service .soft-command-screen{height: 270px; border-width: 2px 9px 9px; border-style: solid; border-color: rgb(26, 36, 33); border-image: none; background: rgb(6, 16, 14); overflow: hidden;}
.original-service .soft-command-screen img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.original-service .soft-command-stand{width: 34%; height: 38px; margin: auto; background: linear-gradient(rgb(32, 44, 40), rgb(17, 25, 21)); clip-path: polygon(40% 0px, 60% 0px, 72% 100%, 28% 100%);}
.original-service .soft-command-panel{right: 2%; top: 92px; width: 175px; padding: 18px; border-radius: 18px; background: rgba(8, 22, 18, 0.94); border: 1px solid rgba(82, 241, 210, 0.18); box-shadow: rgba(0, 0, 0, 0.34) 0px 25px 50px; position: absolute !important;}
.original-service .soft-command-panel b,.original-service .soft-command-panel span,.original-service .soft-command-panel em{display: block;}
.original-service .soft-command-panel span{color: var(--muted); font-size: 12px;}
.original-service .soft-command-panel em{font-style: normal; color: var(--accent2); margin-top: 8px;}
.original-service .soft-command-printer{right: 8%; bottom: 40px; width: 145px; padding: 14px; border-radius: 14px; background: rgb(22, 35, 31); border: 1px solid var(--line); position: absolute !important;}
.original-service .soft-command-printer span,.original-service .soft-command-printer b{display: block;}
.original-service .soft-command-printer span{font-size: 10px; letter-spacing: 0.2em; color: rgb(127, 148, 142);}
.original-service .soft-command-printer i{position: absolute; right: 12px; top: 18px; color: var(--accent2); font-style: normal;}
.original-service .software-scene{min-height: 430px; display: grid; place-items: center; position: relative;}
.original-service .scene-monitor{width: 82%; position: relative;}
.original-service .scene-screen{aspect-ratio: 16 / 10; border: 10px solid rgb(25, 35, 31); background: rgb(6, 16, 14); overflow: hidden; border-radius: 14px;}
.original-service .scene-screen img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.original-service .scene-stand{width: 36%; height: 36px; background: linear-gradient(rgb(32, 45, 40), rgb(15, 23, 20)); margin: auto; clip-path: polygon(40% 0px, 60% 0px, 74% 100%, 26% 100%);}
.original-service .scene-status{position: absolute; right: 4%; bottom: 14%; padding: 13px 16px; border-radius: 14px; background: rgba(7, 18, 15, 0.94); border: 1px solid rgba(82, 241, 210, 0.2);}
.original-service .scene-status b,.original-service .scene-status span{display: block;}
.original-service .scene-status span{font-size: 12px; color: var(--muted);}
.original-service .print-scene{grid-template-columns: 0.8fr 1.2fr; gap: 22px;}
.original-service .scene-printer{width: 220px; height: 230px; border-radius: 22px; background: linear-gradient(145deg, rgb(39, 51, 47), rgb(18, 26, 23)); position: relative; box-shadow: rgba(0, 0, 0, 0.35) 0px 28px 55px;}
.original-service .printer-top{position: absolute; left: 22px; right: 22px; top: 25px; height: 28px; border-radius: 8px; background: rgb(13, 20, 18);}
.original-service .printer-ticket{position: absolute; left: 34px; right: 34px; top: 50px; padding: 18px 14px; background: rgb(245, 242, 233); color: rgb(25, 33, 30); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 25px;}
.original-service .printer-ticket b,.original-service .printer-ticket span{display: block;}
.original-service .printer-ticket span{font-size: 11px; margin-top: 6px; border-bottom: 1px dashed rgb(174, 184, 179); padding-bottom: 4px;}
.original-service .scene-queue{width: 100%; padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255, 255, 255, 0.024);}
.original-service .queue-head{font: 700 18px Manrope; margin-bottom: 12px;}
.original-service .queue-row{display: grid; grid-template-columns: 12px 1fr auto; gap: 10px; align-items: center; padding: 10px 0px; border-top: 1px solid var(--line);}
.original-service .queue-row i{width: 8px; height: 8px; border-radius: 50%; background: var(--accent2);}
.original-service .queue-row b{font-size: 12px; color: var(--accent2);}
.original-service .scene-queue img{margin-top: 14px; width: 100%; max-height: 170px; object-fit: cover; object-position: center top; border-radius: 12px; opacity: 0.88;}
@media (max-width: 900px){.original-service .project-web-visual{min-height: 420px; gap: 10px;}
.original-service .proj-web-desktop{width: 65%;}
.original-service .proj-web-tablet{width: 21%;}
.original-service .proj-web-phone{width: 12%;}
.original-service .resume-columns{grid-template-columns: 1fr;}
.original-service .software-command-scene{min-height: 380px;}
.original-service .print-scene{grid-template-columns: 1fr;}
.original-service .scene-printer{margin: auto;}}
@media (max-width: 680px){.original-service .project-web-visual{min-height: auto; grid-template-columns: 1fr 120px 72px; align-items: end; display: grid !important;}
.original-service .proj-web-desktop{width: 100%;}
.original-service .proj-web-tablet,.original-service .proj-web-phone{width: 100%;}
.original-service .project-hse-visual,.original-service .project-booking-visual,.original-service .project-restaurant-visual{min-height: 360px;}
.original-service .proj-booking-tablet{width: 68%; height: 230px;}
.original-service .proj-booking-phone{width: 92px; height: 195px;}
.original-service .about-photo-frame{max-width: 360px;}
.original-service .soft-command-monitor{width: 78%; left: 0px;}
.original-service .soft-command-panel{right: 0px; width: 140px;}
.original-service .soft-command-printer{right: 4%; bottom: 10px;}
.original-service .software-scene{min-height: 350px;}
.original-service .print-scene{display: grid !important;}
.original-service .scene-queue{padding: 14px;}}
.original-service .resume-story{padding-top: 88px; padding-bottom: 100px; overflow: hidden;}
.original-service .resume-story .container{max-width: 1180px;}
.original-service .resume-story-head{text-align: center; margin-bottom: 62px;}
.original-service .resume-word{display: block; font: 800 clamp(38px, 4vw, 58px) / 1 Georgia, serif; letter-spacing: 0.035em; color: rgb(245, 245, 241);}
.original-service .resume-sub{margin-top: 13px; font: 700 25px / 1.1 Georgia, serif; color: rgb(245, 245, 241);}
.original-service .resume-sub span{font: 800 12px / 1 Manrope; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent2); margin-right: 10px;}
.original-service .resume-story-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 64px;}
.original-service .resume-accordion-column > h3{font: 700 21px / 1.2 Georgia, serif; margin: 0px 0px 28px; padding-left: 22px;}
.original-service .resume-rail{position: relative; border-top: 1px solid rgba(255, 255, 255, 0.55);}
.original-service .resume-rail::after{content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.55);}
.original-service .resume-acc{position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.55); padding: 0px 28px 0px 22px;}
.original-service .resume-acc-toggle{appearance: none; border: 0px; background: none; color: inherit; width: 100%; min-height: 66px; padding: 0px; text-align: left; cursor: pointer; font: 700 17px / 1.25 Georgia, serif; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.original-service .resume-symbol{position: absolute; right: -18px; top: 32px; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); background: rgb(16, 26, 25); display: grid; place-items: center; font: 400 20px / 1 Manrope; color: rgb(255, 255, 255); z-index: 2; box-shadow: rgb(7, 17, 15) 0px 0px 0px 5px; transition: 0.25s;}
.original-service .resume-acc-toggle:hover .resume-symbol{border-color: var(--accent2); color: var(--accent2); box-shadow: rgb(7, 17, 15) 0px 0px 0px 5px, rgba(49, 231, 196, 0.16) 0px 0px 24px;}
.original-service .resume-acc-body{display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.38s, opacity 0.28s, padding 0.38s; padding: 0px;}
.original-service .resume-acc-body > *{overflow: hidden;}
.original-service .resume-acc.is-open .resume-acc-body{grid-template-rows: 1fr; opacity: 1; padding: 0px 0px 24px;}
.original-service .resume-title-row{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 20px; align-items: start;}
.original-service .resume-title-row h4{font: 700 25px / 1.25 Georgia, serif; margin: 0px;}
.original-service .resume-title-row strong{font: 800 11px / 1.2 Manrope; text-transform: uppercase; color: rgb(255, 255, 255); white-space: nowrap; margin-top: 8px;}
.original-service .resume-acc-body p{color: var(--muted); font-size: 14px; line-height: 1.75; margin: 18px 0px 0px; max-width: 94%;}
@media (max-width: 900px){.original-service .resume-story-grid{grid-template-columns: 1fr; gap: 54px;}
.original-service .resume-story-head{margin-bottom: 44px;}
.original-service .resume-accordion-column > h3{padding-left: 14px;}
.original-service .resume-acc{padding-left: 14px;}
.original-service .resume-title-row{grid-template-columns: 1fr;}
.original-service .resume-title-row strong{white-space: normal; margin-top: 0px;}
.original-service .resume-rail::after{right: 2px;}
.original-service .resume-symbol{right: -16px;}}
.original-service .about-photo-frame{max-width: 500px;}
.original-service .about-photo-frame img{display: block; width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center top !important;}
.original-service .resume-story-grid{align-items: start;}
.original-service .resume-acc{padding-top: 0px !important; padding-bottom: 0px !important;}
.original-service .resume-acc-toggle{min-height: 44px !important; height: 44px !important; padding: 0px !important;}
.original-service .resume-acc:not(.is-open) .resume-acc-body{display: none !important; padding: 0px !important; margin: 0px !important;}
.original-service .resume-acc.is-open .resume-acc-body{display: grid !important; grid-template-rows: 1fr !important; opacity: 1 !important; padding: 2px 0px 16px !important;}
.original-service .resume-symbol{top: 22px !important; width: 30px !important; height: 30px !important; right: -15px !important; font-size: 17px !important;}
.original-service .resume-acc-body p{margin-top: 10px !important; line-height: 1.58 !important;}
.original-service .resume-title-row h4{font-size: 23px;}
.original-service .project-web-visual{min-height: 350px !important; height: 350px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px 18px !important; gap: 12px !important;}
.original-service .project-web-visual .proj-web-desktop{width: 68% !important;}
.original-service .project-web-visual .proj-web-tablet{width: 21% !important;}
.original-service .project-web-visual .proj-web-phone{width: 11% !important;}
@media (max-width: 900px){.original-service .resume-acc-toggle{min-height: 42px !important; height: 42px !important;}
.original-service .resume-symbol{top: 21px !important;}
.original-service .project-web-visual{min-height: 320px !important; height: 320px !important;}}
@media (max-width: 680px){.original-service .about-photo-frame{max-width: 430px;}
.original-service .project-web-visual{height: auto !important; min-height: 0px !important; display: grid !important; grid-template-columns: 1fr 120px 72px !important; align-items: center !important;}
.original-service .project-web-visual .proj-web-desktop,.original-service .project-web-visual .proj-web-tablet,.original-service .project-web-visual .proj-web-phone{width: 100% !important;}}
.original-service .resume-acc-toggle{min-height: 54px !important; height: 54px !important; padding: 0px 2px !important;}
.original-service .resume-symbol{top: 27px !important; width: 32px !important; height: 32px !important; right: -16px !important; font-size: 18px !important;}
.original-service .resume-acc.is-open .resume-acc-body{padding: 4px 0px 20px !important;}
.original-service .resume-acc-body p{margin-top: 13px !important; line-height: 1.65 !important;}
.original-service .resume-title-row{gap: 24px !important;}
.original-service .resume-title-row h4{font-size: 24px !important;}
.original-service .project-web-visual{min-height: 390px !important; height: 390px !important; padding: 28px 24px !important; gap: 16px !important;}
.original-service .project-web-visual .proj-web-desktop{width: 64% !important;}
.original-service .project-web-visual .proj-web-tablet{width: 21% !important;}
.original-service .project-web-visual .proj-web-phone{width: 11% !important;}
@media (max-width: 900px){.original-service .resume-acc-toggle{min-height: 50px !important; height: 50px !important;}
.original-service .resume-symbol{top: 25px !important;}
.original-service .project-web-visual{min-height: 350px !important; height: 350px !important; padding: 22px 18px !important;}}
@media (max-width: 680px){.original-service .resume-acc-toggle{min-height: 48px !important; height: 48px !important;}
.original-service .resume-symbol{top: 24px !important;}
.original-service .project-web-visual{height: auto !important; min-height: 0px !important; padding: 20px 14px !important;}}
.original-service .brand-avg{display: inline-flex; align-items: center; gap: 12px; min-width: max-content;}
.original-service .brand-avg .avg-symbol{width: 72px; height: 54px; object-fit: contain; flex: 0 0 auto; filter: drop-shadow(rgba(82, 241, 210, 0.11) 0px 0px 9px);}
.original-service .avg-wordmark{display: flex; flex-direction: column; line-height: 1; white-space: nowrap;}
.original-service .avg-wordmark strong{font-family: Manrope, sans-serif; font-weight: 800; font-size: 18px; letter-spacing: 0.16em; color: rgb(255, 255, 255);}
.original-service .avg-wordmark strong em{font-style: normal; color: var(--accent2);}
.original-service .avg-wordmark small{margin-top: 7px; font: 700 8px / 1 Manrope, sans-serif; letter-spacing: 0.22em; color: rgb(217, 229, 226);}
.original-service .footer-brand-avg{margin-bottom: 18px;}
.original-service .footer-brand-avg .avg-symbol{width: 68px; height: 52px;}
.original-service .footer-brand-avg .avg-wordmark strong{font-size: 17px;}
.original-service .footer-brand-avg .avg-wordmark small{font-size: 7px;}
.original-service .footer-brand-wrap p{color: var(--muted); max-width: 380px;}
@media (max-width: 760px){.original-service .brand-avg{gap: 8px;}
.original-service .brand-avg .avg-symbol{width: 54px; height: 42px;}
.original-service .avg-wordmark strong{font-size: 13px; letter-spacing: 0.12em;}
.original-service .avg-wordmark small{font-size: 6px; letter-spacing: 0.15em; margin-top: 5px;}}
.original-service .footer-logo-link{display: inline-block; margin-bottom: 18px; line-height: 0;}
.original-service .footer-logo-full{display: block; width: min(100%, 330px); height: auto; object-fit: contain; object-position: left center; filter: drop-shadow(rgba(82, 241, 210, 0.08) 0px 0px 10px);}
@media (max-width: 680px){.original-service .footer-logo-full{width: 280px; max-width: 100%;}}
.original-service .vg-form-message{margin: 0px 0px 18px; padding: 14px 16px; border-radius: 12px; font-weight: 700; font-size: 14px;}
.original-service .vg-form-message.success{background: rgba(41, 165, 135, 0.14); border: 1px solid rgba(82, 241, 210, 0.3); color: rgb(186, 255, 239);}
.original-service .vg-form-message.error{background: rgba(255, 90, 90, 0.1); border: 1px solid rgba(255, 120, 120, 0.25); color: rgb(255, 208, 208);}
.original-service .elementor-widget-html > .elementor-widget-container{margin: 0px; padding: 0px;}
.original-service .elementor-widget-shortcode > .elementor-widget-container{margin: 0px; padding: 0px;}
.original-service .mobile-lang-switch{display: none; align-items: center; gap: 10px; margin-top: 14px; padding: 14px 8px 4px; border-top: 1px solid var(--line);}
.original-service .mobile-lang-switch button,.original-service .lang-switch button{appearance: none; border: 0px; background: transparent; color: rgb(157, 179, 174); font: 700 12px / 1 Manrope; letter-spacing: 0.08em; cursor: pointer; padding: 4px 2px;}
.original-service .mobile-lang-switch button.active,.original-service .lang-switch button.active{color: rgb(255, 255, 255);}
.original-service .lang-switch{display: flex; align-items: center; gap: 8px; white-space: nowrap;}
.original-service .elementor,.original-service .elementor-section,.original-service .elementor-container,.original-service .elementor-widget-wrap,.original-service .elementor-widget,.original-service .elementor-widget-container,.original-service .about-home-grid,.original-service .project-detail,.original-service .project-detail-media,.original-service .resume-story-grid,.original-service .detail-hero-grid,.original-service .work-grid{min-width: 0px; max-width: 100%;}
@media (max-width: 760px){.original-service .site-header{background: rgba(5, 13, 11, 0.96); border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .nav-wrap{height: 74px; gap: 10px; position: relative;}
.original-service .brand-avg{overflow: hidden; min-width: 0px !important; max-width: calc(100% - 58px) !important;}
.original-service .brand-avg .avg-symbol{width: 48px; height: 38px;}
.original-service .avg-wordmark{min-width: 0px;}
.original-service .avg-wordmark strong{font-size: 12px; letter-spacing: 0.095em;}
.original-service .avg-wordmark small{font-size: 5.5px; letter-spacing: 0.11em; margin-top: 4px;}
.original-service .header-actions{display: none !important;}
.original-service .nav-toggle{flex: 0 0 42px; position: relative; z-index: 10003; display: block !important; visibility: visible !important; opacity: 1 !important; margin-left: auto !important;}
.original-service .nav-toggle span{width: 100%; transition: 0.25s;}
.original-service .main-nav{z-index: 10002; max-height: calc(-94px + 100vh); overflow: auto;}
.original-service .main-nav.open{display: flex !important;}
.original-service .mobile-lang-switch{display: flex !important;}
.original-service .page-hero{padding: 118px 0px 48px !important;}
.original-service .page-hero h1,.original-service .project-detail-copy h2{font-size: clamp(40px, 11vw, 54px) !important; line-height: 1.02 !important;}
.original-service .page-hero p,.original-service .project-detail-copy > p{line-height: 1.65; font-size: 17px !important;}
.original-service .section{padding: 68px 0px;}
.original-service .section-tight{padding: 54px 0px;}
.original-service .about-home-grid{display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; gap: 28px !important; width: 100% !important;}
.original-service .about-copy,.original-service .about-portrait,.original-service .about-values{grid-column: 1 !important; width: 100% !important; max-width: 100% !important; transform: none !important;}
.original-service .about-portrait{height: auto !important; min-height: 0px !important; overflow: hidden !important;}
.original-service .about-portrait img{width: 100% !important; height: auto !important; min-height: 0px !important; object-fit: contain !important; object-position: center top !important;}
.original-service .about-values{min-height: 0px !important; padding: 22px !important;}
.original-service .project-detail-list .container{gap: 54px !important;}
.original-service .project-detail{grid-template-columns: minmax(0px, 1fr) !important; gap: 28px !important;}
.original-service .project-detail-media{width: 100% !important; min-height: 0px !important; padding: 16px !important; overflow: hidden !important; border-radius: 22px !important;}
.original-service .project-web-visual{display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 260px !important; height: 260px !important; padding: 16px 10px !important;}
.original-service .project-web-visual .proj-web-desktop{width: 68% !important;}
.original-service .project-web-visual .proj-web-tablet{width: 20% !important;}
.original-service .project-web-visual .proj-web-phone{width: 10% !important;}
.original-service .project-booking-visual{min-height: 300px !important; gap: 12px !important; padding: 18px 10px !important;}
.original-service .proj-booking-tablet{width: 66% !important; height: 220px !important; padding: 7px !important; border-radius: 18px !important;}
.original-service .proj-booking-phone{width: 88px !important; height: 190px !important; padding: 5px !important; border-radius: 22px !important;}
.original-service .project-hse-visual,.original-service .project-restaurant-visual{min-height: 300px !important;}
.original-service .proj-hse-browser{width: 96% !important;}
.original-service .proj-hse-chip{right: 10px !important; bottom: 10px !important; width: 150px !important; padding: 11px !important;}
.original-service .proj-rest-workstation{width: 96% !important;}
.original-service .proj-rest-ticket{right: 10px !important; bottom: 10px !important; width: 140px !important; padding: 10px !important;}
.original-service .resume-story{padding-top: 58px !important; padding-bottom: 70px !important;}
.original-service .resume-story-head{margin-bottom: 34px !important;}
.original-service .resume-story-grid{grid-template-columns: minmax(0px, 1fr) !important; gap: 42px !important;}
.original-service .resume-accordion-column > h3{padding-left: 0px !important; margin-bottom: 20px !important; font-size: 26px !important;}
.original-service .resume-rail{margin-right: 14px;}
.original-service .resume-rail::after{right: 0px !important;}
.original-service .resume-acc{padding-left: 0px !important; padding-right: 24px !important;}
.original-service .resume-acc-toggle{height: auto !important; min-height: 56px !important; padding: 8px 0px !important; font-size: 17px !important;}
.original-service .resume-symbol{right: -16px !important; top: 28px !important; width: 32px !important; height: 32px !important;}
.original-service .resume-title-row h4{font-size: 23px !important; line-height: 1.25 !important;}
.original-service .resume-acc-body p{max-width: 100% !important; font-size: 14px !important;}
.original-service .site-footer{padding-top: 42px !important;}
.original-service .footer-grid{grid-template-columns: minmax(0px, 1fr) !important; gap: 30px !important;}
.original-service .footer-logo-full{width: 260px !important; max-width: 100% !important;}
.original-service .footer-bottom{margin-top: 30px !important;}
.original-service .floating-wa{right: 18px !important; bottom: 18px !important;}}
@media (max-width: 420px){.original-service .container{width: calc(100% - 32px) !important;}
.original-service .avg-wordmark strong{font-size: 11px;}
.original-service .avg-wordmark small{font-size: 5px;}
.original-service .project-web-visual{height: 230px !important; min-height: 230px !important;}
.original-service .project-booking-visual{min-height: 270px !important;}
.original-service .proj-booking-tablet{height: 195px !important;}
.original-service .proj-booking-phone{width: 78px !important; height: 170px !important;}
.original-service .page-hero h1,.original-service .project-detail-copy h2{font-size: 42px !important;}}
.original-service,.original-service{width: 100%; max-width: 100%; overflow-x: hidden;}
@media (max-width: 760px){.original-service #page,.original-service .site,.original-service .site-main,.original-service main,.original-service .elementor,.original-service .elementor-section-wrap,.original-service .elementor-section,.original-service .elementor-top-section,.original-service .elementor-container,.original-service .elementor-column,.original-service .elementor-column-wrap,.original-service .elementor-widget-wrap,.original-service .elementor-widget,.original-service .elementor-widget-container,.original-service .elementor-element,.original-service .e-con,.original-service .e-con-inner{min-width: 0px !important; max-width: 100% !important;}
.original-service .container,.original-service .split,.original-service .content-grid,.original-service .detail-hero-grid,.original-service .work-grid,.original-service .about-home-grid,.original-service .resume-story-grid,.original-service .project-detail,.original-service .project-detail-media,.original-service .footer-grid{min-width: 0px !important; max-width: 100% !important;}
.original-service .resume-rail{margin-right: 8px !important; max-width: 100% !important;}
.original-service .resume-symbol{right: -8px !important;}
.original-service .resume-acc{padding-right: 20px !important;}
.original-service .project-web-visual,.original-service .project-hse-visual,.original-service .project-booking-visual,.original-service .project-restaurant-visual,.original-service .compact-web-devices,.original-service .software-device-scene,.original-service .booking-ui-scene,.original-service .web-blueprint-scene,.original-service .software-command-scene,.original-service .software-scene{max-width: 100% !important;}
.original-service .floating-wa{right: 16px !important;}}
.original-service .work-booking .booking-screen{display: flex; align-items: center; justify-content: center; background: rgb(11, 18, 16);}
.original-service .work-booking .booking-screen img{width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; transform: none !important;}
.original-service .work-booking .booking-tablet,.original-service .work-booking .booking-phone{overflow: hidden !important;}
.original-service .work-booking .booking-devices{max-width: 720px; margin-inline: auto;}
@media (max-width: 760px){.original-service .home-intro,.original-service .device-scene,.original-service .device-scene-v3{width: 100% !important; max-width: 100% !important; overflow: hidden !important;}
.original-service .device-scene-v3{min-height: 345px !important; margin-top: 24px !important; perspective: none !important;}
.original-service .device-scene-v3 .laptop-v3{width: 78% !important; height: 218px !important; left: 0px !important; right: auto !important; top: 34px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; filter: drop-shadow(rgba(0, 0, 0, 0.38) 0px 22px 28px) !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 190px !important; border-width: 6px !important;}
.original-service .device-scene-v3 .mini-site{padding: 18px !important;}
.original-service .device-scene-v3 .mini-site small{font-size: 8px !important; letter-spacing: 0.15em !important;}
.original-service .device-scene-v3 .mini-site b{font-size: 28px !important; margin-top: 22px !important; line-height: 0.95 !important;}
.original-service .device-scene-v3 .mini-grid{margin-top: 18px !important; gap: 6px !important;}
.original-service .device-scene-v3 .mini-grid i{height: 26px !important;}
.original-service .device-scene-v3 .phone-v3{width: 88px !important; height: 185px !important; inset: 112px 3px auto auto !important; padding: 31px 10px 12px !important; border-width: 6px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important;}
.original-service .device-scene-v3 .phone-v3 small{font-size: 8px !important;}
.original-service .device-scene-v3 .phone-v3 b{overflow-wrap: anywhere; font-size: 15px !important; line-height: 1.05 !important;}
.original-service .device-scene-v3 .phone-ui{gap: 6px !important; margin-top: 14px !important;}
.original-service .device-scene-v3 .phone-ui i{height: 22px !important;}
.original-service .device-scene-v3 .phone-v3 .app-orb{width: 34px !important; height: 34px !important; bottom: 28px !important; border-radius: 10px !important; font-size: 11px !important;}
.original-service .device-scene-v3 .result-chip{left: 34% !important; bottom: 12px !important; padding: 9px 11px !important; gap: 7px !important; max-width: 135px !important;}
.original-service .device-scene-v3 .result-chip span{font-size: 9px !important;}
.original-service .work-booking .work-visual.booking-devices{min-height: 285px !important; height: auto !important; padding: 14px 0px !important; gap: 10px !important; overflow: hidden !important;}
.original-service .work-booking .booking-tablet{width: 70% !important; height: 205px !important; border-width: 5px !important; border-radius: 16px !important; transform: none !important;}
.original-service .work-booking .booking-phone{width: 82px !important; height: 175px !important; border-width: 5px !important; border-radius: 21px !important; transform: none !important;}
.original-service .work-booking .booking-notch{width: 34px !important; height: 5px !important; top: 6px !important;}
.original-service .work-visual,.original-service .project-detail-media,.original-service .booking-devices,.original-service .restaurant-stage,.original-service .web-devices-real,.original-service .hse-window{max-width: 100% !important;}}
@media (max-width: 390px){.original-service .device-scene-v3{min-height: 315px !important;}
.original-service .device-scene-v3 .laptop-v3{width: 76% !important; height: 198px !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 172px !important;}
.original-service .device-scene-v3 .mini-site b{font-size: 24px !important;}
.original-service .device-scene-v3 .phone-v3{width: 78px !important; height: 166px !important; top: 108px !important;}
.original-service .device-scene-v3 .phone-v3 b{font-size: 13px !important;}
.original-service .work-booking .booking-tablet{height: 185px !important;}
.original-service .work-booking .booking-phone{width: 74px !important; height: 160px !important;}}
.original-service,.original-service{max-width: 100%; overflow-x: clip;}
.original-service .booking-devices{overflow: hidden !important;}
.original-service .booking-screen{display: flex !important; align-items: center !important; justify-content: center !important; background: rgb(10, 18, 16) !important; overflow: hidden !important;}
.original-service .booking-screen img{width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: contain !important; object-position: center center !important; transform: none !important;}
.original-service .booking-tablet,.original-service .booking-phone{overflow: hidden !important;}
@media (min-width: 761px){.original-service .work-booking .booking-devices{min-height: 390px !important; gap: 24px !important;}
.original-service .work-booking .booking-tablet{width: 68% !important; height: 330px !important; transform: none !important;}
.original-service .work-booking .booking-phone{width: 140px !important; height: 300px !important; transform: none !important;}}
@media (max-width: 760px){.original-service .home-intro,.original-service .intro-grid,.original-service .device-scene,.original-service .device-scene-v3{max-width: 100% !important; overflow: hidden !important;}
.original-service .device-scene-v3{position: relative !important; width: 100% !important; min-height: 320px !important; height: 320px !important; margin: 22px 0px 0px !important; perspective: none !important;}
.original-service .device-scene-v3 .device-floor{left: 4% !important; right: 4% !important; bottom: 8px !important;}
.original-service .device-scene-v3 .laptop-v3{position: absolute !important; width: 76% !important; height: 205px !important; left: 0px !important; right: auto !important; top: 28px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; filter: drop-shadow(rgba(0, 0, 0, 0.36) 0px 18px 24px) !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 180px !important; border-width: 6px !important; border-radius: 13px 13px 5px 5px !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-base{height: 13px !important; margin-left: -16px !important; margin-right: -16px !important;}
.original-service .device-scene-v3 .mini-site{padding: 16px !important;}
.original-service .device-scene-v3 .mini-site small{font-size: 7px !important; letter-spacing: 0.14em !important;}
.original-service .device-scene-v3 .mini-site b{font-size: 24px !important; line-height: 0.95 !important; margin-top: 18px !important;}
.original-service .device-scene-v3 .mini-grid{gap: 5px !important; margin-top: 16px !important;}
.original-service .device-scene-v3 .mini-grid i{height: 22px !important;}
.original-service .device-scene-v3 .phone-v3{position: absolute !important; width: 82px !important; height: 170px !important; inset: 104px 2px auto auto !important; padding: 28px 9px 10px !important; border-width: 5px !important; border-radius: 22px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; z-index: 4 !important;}
.original-service .device-scene-v3 .phone-v3 .phone-notch{top: 6px !important; width: 30px !important; height: 6px !important;}
.original-service .device-scene-v3 .phone-v3 small{font-size: 7px !important; line-height: 1.1 !important;}
.original-service .device-scene-v3 .phone-v3 b{font-size: 13px !important; line-height: 1.05 !important; margin-top: 5px !important; overflow-wrap: anywhere !important;}
.original-service .device-scene-v3 .phone-ui{gap: 5px !important; margin-top: 11px !important;}
.original-service .device-scene-v3 .phone-ui i{height: 18px !important; border-radius: 5px !important;}
.original-service .device-scene-v3 .phone-v3 .app-orb{width: 30px !important; height: 30px !important; bottom: 20px !important; border-radius: 9px !important; font-size: 9px !important;}
.original-service .device-scene-v3 .scene-note{display: none !important;}
.original-service .device-scene-v3 .result-chip{left: 24% !important; right: auto !important; bottom: 6px !important; max-width: 118px !important; padding: 7px 9px !important; gap: 5px !important; z-index: 5 !important;}
.original-service .device-scene-v3 .result-chip span{font-size: 8px !important; line-height: 1.15 !important;}
.original-service .work-booking .work-visual.booking-devices{min-height: 245px !important; height: 245px !important; padding: 8px 0px !important; gap: 8px !important; overflow: hidden !important;}
.original-service .work-booking .booking-tablet{width: 68% !important; height: 190px !important; border-width: 5px !important; border-radius: 15px !important; transform: none !important;}
.original-service .work-booking .booking-phone{width: 72px !important; height: 155px !important; border-width: 5px !important; border-radius: 19px !important; transform: none !important;}
.original-service .work-booking .booking-notch{top: 5px !important; width: 28px !important; height: 4px !important;}
.original-service .work-grid,.original-service .work-visual,.original-service .project-web-visual,.original-service .project-hse-visual,.original-service .project-booking-visual,.original-service .project-restaurant-visual,.original-service .resume-grid,.original-service .resume-column,.original-service .resume-acc,.original-service .software-scene,.original-service .software-command-scene,.original-service .booking-ui-scene,.original-service .web-blueprint-scene{min-width: 0px !important; max-width: 100% !important;}
.original-service .floating-wa{right: 14px !important;}}
@media (max-width: 390px){.original-service .device-scene-v3{height: 300px !important; min-height: 300px !important;}
.original-service .device-scene-v3 .laptop-v3{width: 74% !important; height: 188px !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 164px !important;}
.original-service .device-scene-v3 .mini-site b{font-size: 21px !important;}
.original-service .device-scene-v3 .phone-v3{width: 74px !important; height: 156px !important; top: 100px !important;}
.original-service .device-scene-v3 .phone-v3 b{font-size: 12px !important;}
.original-service .work-booking .booking-tablet{height: 172px !important;}
.original-service .work-booking .booking-phone{width: 66px !important; height: 145px !important;}}
.original-service .work-booking .booking-devices{display: flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; overflow: visible !important; perspective: none !important;}
.original-service .work-booking .booking-tablet,.original-service .work-booking .booking-phone{flex: 0 0 auto !important; transform: none !important; overflow: hidden !important;}
.original-service .work-booking .booking-tablet{width: 68% !important; height: 330px !important;}
.original-service .work-booking .booking-phone{width: 148px !important; height: 300px !important; border-radius: 28px !important;}
.original-service .work-booking .booking-tablet .booking-screen img{object-fit: contain !important; object-position: center center !important; transform: none !important;}
.original-service .work-booking .booking-phone .booking-screen img{width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 92% 68% !important; transform: none !important;}
@media (max-width: 760px){.original-service .device-scene-v3{position: relative !important; width: 100% !important; max-width: 100% !important; height: 330px !important; min-height: 330px !important; margin: 22px 0px 0px !important; overflow: hidden !important; perspective: none !important;}
.original-service .device-scene-v3 .laptop-v3{position: absolute !important; width: 74% !important; height: 210px !important; left: 2% !important; right: auto !important; top: 30px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 184px !important;}
.original-service .device-scene-v3 .phone-v3{display: block !important; position: absolute !important; width: 96px !important; height: 194px !important; inset: 86px 1% auto auto !important; padding: 30px 10px 12px !important; border-width: 5px !important; border-radius: 24px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; z-index: 6 !important; overflow: hidden !important;}
.original-service .device-scene-v3 .phone-v3 small{display: block !important; font-size: 7px !important; line-height: 1.15 !important; margin-bottom: 6px !important; white-space: normal !important;}
.original-service .device-scene-v3 .phone-v3 b{display: block !important; width: 100% !important; max-width: 100% !important; font-size: 11px !important; line-height: 1.12 !important; letter-spacing: -0.02em !important; margin: 0px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important;}
.original-service .device-scene-v3 .phone-ui{margin-top: 10px !important; gap: 5px !important;}
.original-service .device-scene-v3 .phone-ui i{height: 20px !important;}
.original-service .device-scene-v3 .phone-v3 .app-orb{width: 31px !important; height: 31px !important; bottom: 20px !important;}
.original-service .work-booking .work-visual.booking-devices{width: 100% !important; max-width: 100% !important; min-height: 260px !important; height: 260px !important; padding: 10px 0px !important; gap: 10px !important; overflow: hidden !important;}
.original-service .work-booking .booking-tablet{width: 69% !important; height: 200px !important; border-width: 5px !important; border-radius: 15px !important;}
.original-service .work-booking .booking-phone{display: block !important; width: 82px !important; height: 178px !important; border-width: 5px !important; border-radius: 20px !important;}
.original-service .work-booking .booking-phone .booking-screen img{object-fit: cover !important; object-position: 92% 68% !important;}}
@media (max-width: 390px){.original-service .device-scene-v3{height: 305px !important; min-height: 305px !important;}
.original-service .device-scene-v3 .laptop-v3{width: 73% !important; height: 195px !important; top: 28px !important;}
.original-service .device-scene-v3 .laptop-v3 .laptop-screen{height: 170px !important;}
.original-service .device-scene-v3 .phone-v3{width: 88px !important; height: 180px !important; top: 82px !important; padding: 28px 9px 10px !important;}
.original-service .device-scene-v3 .phone-v3 b{font-size: 10px !important;}
.original-service .work-booking .work-visual.booking-devices{height: 235px !important; min-height: 235px !important; gap: 7px !important;}
.original-service .work-booking .booking-tablet{width: 68% !important; height: 180px !important;}
.original-service .work-booking .booking-phone{width: 74px !important; height: 160px !important;}}
.original-service .app-booking-landing{overflow: hidden;}
.original-service .app-lp-hero{position: relative; padding: 150px 0px 90px; min-height: 780px; border-bottom: 1px solid var(--line,rgba(255,255,255,.08)); background: radial-gradient(circle at 80% 35%, rgba(37, 215, 181, 0.12), transparent 34%);}
.original-service .app-lp-hero-grid{display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 70px; align-items: center;}
.original-service .app-lp-copy h1{font: 800 clamp(54px, 5.2vw, 86px) / 0.98 Manrope, sans-serif; letter-spacing: -0.055em; margin: 20px 0px 28px;}
.original-service .app-lp-lead{max-width: 720px; font-size: 19px; line-height: 1.75; color: var(--muted,#9aa7a3);}
.original-service .app-lp-badges{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px;}
.original-service .app-lp-badges span,.original-service .app-lp-sector-grid span{border: 1px solid rgba(50, 220, 186, 0.18); background: rgba(10, 34, 29, 0.58); border-radius: 999px; padding: 9px 13px; font-size: 12px; color: rgb(185, 200, 196);}
.original-service .app-lp-device-stage{position: relative; min-height: 560px;}
.original-service .app-lp-glow{position: absolute; inset: 18% 10%; background: rgba(30, 221, 178, 0.15); filter: blur(80px); border-radius: 50%;}
.original-service .app-lp-phone{position: absolute; background: rgb(7, 16, 14); border: 7px solid rgb(37, 51, 47); border-radius: 42px; box-shadow: rgba(0, 0, 0, 0.5) 0px 40px 90px; overflow: hidden;}
.original-service .app-lp-phone-back{width: 250px; height: 510px; left: 5%; top: 52px; transform: rotate(-7deg);}
.original-service .app-lp-phone-front{width: 285px; height: 570px; right: 8%; top: 0px; z-index: 2; transform: rotate(4deg);}
.original-service .app-lp-notch{position: absolute; width: 84px; height: 20px; border-radius: 0px 0px 14px 14px; background: rgb(2, 6, 4); top: 0px; left: 50%; transform: translateX(-50%); z-index: 3;}
.original-service .app-lp-screen{height: 100%; padding: 64px 23px 24px; background: linear-gradient(rgb(11, 34, 29), rgb(7, 17, 14)); color: rgb(255, 255, 255);}
.original-service .app-lp-screen small{display: block; color: rgb(78, 228, 194); letter-spacing: 0.22em; font-weight: 700; font-size: 10px; margin-bottom: 12px;}
.original-service .app-lp-screen strong{display: block; font: 700 23px / 1.16 Manrope; margin-bottom: 24px;}
.original-service .app-lp-choice{padding: 15px 14px; border: 1px solid rgba(65, 229, 194, 0.2); border-radius: 14px; margin: 10px 0px; color: rgb(196, 208, 205); font-size: 12px; display: flex; justify-content: space-between;}
.original-service .app-lp-times{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px;}
.original-service .app-lp-times i{font-style: normal; font-size: 11px; text-align: center; padding: 10px; border-radius: 9px; background: rgba(45, 216, 181, 0.08); border: 1px solid rgba(45, 216, 181, 0.16);}
.original-service .app-lp-confirm{margin-top: 20px; background: rgb(39, 215, 181); color: rgb(4, 37, 30); text-align: center; padding: 13px; border-radius: 999px; font-weight: 800; font-size: 12px;}
.original-service .app-lp-agenda strong{font-size: 28px;}
.original-service .agenda-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 24px 0px;}
.original-service .agenda-grid i{height: 40px; border: 1px solid rgba(49, 217, 183, 0.12); background: rgba(44, 185, 155, 0.06); border-radius: 10px;}
.original-service .agenda-grid i.on{background: rgb(42, 217, 180); box-shadow: rgba(42, 217, 180, 0.28) 0px 0px 24px;}
.original-service .agenda-row{display: grid; gap: 8px;}
.original-service .agenda-row span{height: 10px; border-radius: 99px; background: rgba(255, 255, 255, 0.08);}
.original-service .app-lp-float{position: absolute; z-index: 5; width: 190px; padding: 14px 16px; border: 1px solid rgba(53, 219, 186, 0.2); border-radius: 16px; background: rgba(4, 15, 12, 0.86); backdrop-filter: blur(14px); box-shadow: rgba(0, 0, 0, 0.24) 0px 20px 50px;}
.original-service .app-lp-float b{display: block; font-size: 12px; color: rgb(75, 224, 190); margin-bottom: 4px;}
.original-service .app-lp-float span{font-size: 10px; line-height: 1.4; color: rgb(169, 183, 179);}
.original-service .app-lp-float-a{right: 0px; top: 70px;}
.original-service .app-lp-float-b{left: 0px; bottom: 35px;}
.original-service .app-lp-intro-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;}
.original-service .app-lp-intro-copy > p{font-size: 18px; line-height: 1.8; color: var(--muted,#98a6a2); max-width: 650px;}
.original-service .app-lp-sector-grid{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
.original-service .app-lp-problem-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.original-service .app-lp-num{display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(47, 224, 187, 0.25); border-radius: 50%; color: rgb(61, 224, 188); font: 700 12px Manrope; margin-bottom: 25px;}
.original-service .app-lp-problem-grid .glass-card{min-height: 300px; padding: 32px;}
.original-service .app-lp-problem-grid h3{font: 700 22px / 1.2 Manrope;}
.original-service .app-lp-problem-grid p{color: rgb(159, 172, 170); line-height: 1.65;}
.original-service .app-lp-feature-list{border-top: 1px solid rgba(255, 255, 255, 0.09);}
.original-service .app-lp-feature{display: grid; grid-template-columns: 90px 1fr; gap: 30px; padding: 34px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.original-service .app-lp-feature-icon{width: 58px; height: 58px; border-radius: 18px; border: 1px solid rgba(55, 224, 188, 0.2); display: grid; place-items: center; color: rgb(69, 223, 189); background: rgba(31, 181, 151, 0.06); font: 700 12px Manrope;}
.original-service .app-lp-feature h3{font: 700 28px / 1.15 Manrope; margin: 0px 0px 8px;}
.original-service .app-lp-feature p{margin: 0px; max-width: 830px; color: rgb(158, 172, 168); line-height: 1.75;}
.original-service .app-lp-flow-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; overflow: hidden;}
.original-service .app-lp-flow-step{padding: 34px 24px; min-height: 190px; border-right: 1px solid rgba(255, 255, 255, 0.08); background: rgba(7, 22, 18, 0.45);}
.original-service .app-lp-flow-step:last-child{border-right: 0px;}
.original-service .app-lp-flow-step b{display: block; color: rgb(62, 224, 189); font-size: 12px; margin-bottom: 50px;}
.original-service .app-lp-flow-step span{font: 600 17px / 1.35 Manrope;}
.original-service .app-lp-role-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.original-service .app-lp-role-card{padding: 36px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 24px; background: linear-gradient(145deg, rgba(10, 31, 26, 0.75), rgba(4, 14, 11, 0.7));}
.original-service .app-lp-role-card > span{color: rgb(57, 221, 186); font: 700 10px / 1 Manrope; letter-spacing: 0.2em;}
.original-service .app-lp-role-card h3{font: 700 30px / 1.1 Manrope; margin: 17px 0px;}
.original-service .app-lp-role-card p{color: rgb(157, 170, 166); line-height: 1.6;}
.original-service .app-lp-role-card ul{list-style: none; padding: 0px; margin: 26px 0px 0px;}
.original-service .app-lp-role-card li{padding: 12px 0px; border-top: 1px solid rgba(255, 255, 255, 0.07); color: rgb(196, 206, 203); font-size: 13px;}
.original-service .app-lp-showcase-grid,.original-service .app-lp-waiting-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center;}
.original-service .app-lp-brochure-frame{padding: 18px; border: 1px solid rgba(62, 225, 190, 0.16); border-radius: 26px; background: rgba(4, 18, 14, 0.72); box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 80px;}
.original-service .app-lp-brochure-frame img{display: block; width: 100%; border-radius: 16px;}
.original-service .app-lp-checks{margin-top: 28px;}
.original-service .app-lp-notification-stack{min-height: 360px; position: relative;}
.original-service .app-lp-notification{position: absolute; left: 0px; right: 10%; top: 40px; display: flex; gap: 16px; padding: 22px; border: 1px solid rgba(54, 226, 190, 0.18); border-radius: 20px; background: rgba(8, 30, 25, 0.85); box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 65px;}
.original-service .app-lp-notification.second{left: 12%; right: 0px; top: 180px;}
.original-service .app-lp-notification i{width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(145deg, rgb(55, 225, 189), rgb(22, 159, 131)); flex: 0 0 auto;}
.original-service .app-lp-notification small{display: block; color: rgb(66, 220, 186); font: 700 9px Manrope; letter-spacing: 0.16em; margin-bottom: 7px;}
.original-service .app-lp-notification strong{display: block; font: 600 16px Manrope;}
.original-service .app-lp-notification span{display: block; color: rgb(155, 169, 165); font-size: 12px; margin-top: 5px;}
.original-service .app-lp-platform-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.original-service .app-lp-platform-card{display: flex; gap: 20px; padding: 28px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; background: rgba(7, 24, 20, 0.55);}
.original-service .app-lp-platform-icon{width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; border: 1px solid rgba(55, 223, 188, 0.2); color: rgb(70, 223, 189); font: 800 11px Manrope; flex: 0 0 auto;}
.original-service .app-lp-platform-card h3{margin: 3px 0px 8px; font: 700 20px Manrope;}
.original-service .app-lp-platform-card p{margin: 0px; color: rgb(153, 166, 162); line-height: 1.55; font-size: 13px;}
.original-service .app-lp-process-grid{display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.08); border-left: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .app-lp-process-grid article{padding: 34px; min-height: 235px; border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .app-lp-process-grid b{color: rgb(60, 221, 186); font-size: 11px;}
.original-service .app-lp-process-grid h3{font: 700 24px Manrope; margin: 34px 0px 10px;}
.original-service .app-lp-process-grid p{color: rgb(156, 169, 165); line-height: 1.6; margin: 0px;}
.original-service .app-lp-faq-grid{display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 80px; align-items: start;}
.original-service .app-lp-faq-list details{border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 24px 0px;}
.original-service .app-lp-faq-list details:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.original-service .app-lp-faq-list summary{cursor: pointer; list-style: none; font: 600 19px / 1.35 Manrope; display: flex; justify-content: space-between; gap: 20px;}
.original-service .app-lp-faq-list summary::after{content: "+"; color: rgb(58, 222, 187); font-size: 25px;}
.original-service .app-lp-faq-list details[open] summary::after{content: "−";}
.original-service .app-lp-faq-list p{color: rgb(155, 168, 164); line-height: 1.7; max-width: 760px;}
.original-service .app-lp-final-card{padding: 60px; border: 1px solid rgba(52, 224, 187, 0.18); border-radius: 30px; background: radial-gradient(circle at 80% 40%, rgba(39, 215, 181, 0.12), transparent 32%), rgba(7, 24, 20, 0.7); display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: end;}
.original-service .app-lp-final-card h2{font: 800 clamp(38px, 4vw, 62px) / 1.02 Manrope; letter-spacing: -0.04em; margin: 15px 0px;}
.original-service .app-lp-final-card p{max-width: 720px; color: rgb(158, 171, 167); line-height: 1.7;}
.original-service .app-lp-final-actions{display: flex; flex-direction: column; gap: 12px; min-width: 250px;}
@media (max-width: 980px){.original-service .app-lp-hero-grid,.original-service .app-lp-intro-grid,.original-service .app-lp-showcase-grid,.original-service .app-lp-waiting-grid,.original-service .app-lp-faq-grid{grid-template-columns: 1fr;}
.original-service .app-lp-device-stage{min-height: 610px; max-width: 600px; width: 100%; margin: 0px auto;}
.original-service .app-lp-problem-grid{grid-template-columns: 1fr 1fr;}
.original-service .app-lp-flow-grid{grid-template-columns: 1fr 1fr;}
.original-service .app-lp-flow-step{border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .app-lp-role-grid,.original-service .app-lp-platform-grid,.original-service .app-lp-process-grid{grid-template-columns: 1fr 1fr;}
.original-service .app-lp-final-card{grid-template-columns: 1fr;}
.original-service .app-lp-final-actions{flex-flow: wrap;}}
@media (max-width: 620px){.original-service .app-lp-hero{padding: 120px 0px 60px; min-height: auto;}
.original-service .app-lp-copy h1{font-size: 48px;}
.original-service .app-lp-lead{font-size: 16px;}
.original-service .app-lp-device-stage{min-height: 460px;}
.original-service .app-lp-phone-back{width: 180px; height: 370px; left: 0px; top: 50px; border-width: 5px; border-radius: 30px;}
.original-service .app-lp-phone-front{width: 205px; height: 420px; right: 0px; border-width: 5px; border-radius: 32px;}
.original-service .app-lp-screen{padding: 48px 16px 16px;}
.original-service .app-lp-screen strong{font-size: 17px;}
.original-service .app-lp-choice{padding: 10px; font-size: 10px;}
.original-service .app-lp-times i{padding: 7px 3px; font-size: 9px;}
.original-service .app-lp-float{width: 145px; padding: 10px;}
.original-service .app-lp-float-a{right: 2px; top: 20px;}
.original-service .app-lp-float-b{left: 2px; bottom: 8px;}
.original-service .app-lp-problem-grid,.original-service .app-lp-role-grid,.original-service .app-lp-platform-grid,.original-service .app-lp-process-grid{grid-template-columns: 1fr;}
.original-service .app-lp-feature{grid-template-columns: 58px 1fr; gap: 18px;}
.original-service .app-lp-feature h3{font-size: 22px;}
.original-service .app-lp-flow-grid{grid-template-columns: 1fr;}
.original-service .app-lp-flow-step{min-height: auto; border-right: 0px; padding: 24px;}
.original-service .app-lp-flow-step b{margin-bottom: 15px;}
.original-service .app-lp-notification-stack{min-height: 330px;}
.original-service .app-lp-notification{right: 0px;}
.original-service .app-lp-notification.second{left: 8%; top: 175px;}
.original-service .app-lp-final-card{padding: 34px 24px;}
.original-service .app-lp-final-actions{flex-direction: column; min-width: 0px;}}
.original-service .restaurant-software-landing{overflow: hidden;}
.original-service .rest-lp-hero{position: relative; padding: 150px 0px 90px; min-height: 790px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: radial-gradient(circle at 82% 35%, rgba(39, 213, 176, 0.11), transparent 35%);}
.original-service .rest-lp-hero-grid{display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 70px; align-items: center;}
.original-service .rest-lp-copy h1{font: 800 clamp(54px, 5vw, 84px) / 0.98 Manrope, sans-serif; letter-spacing: -0.055em; margin: 20px 0px 28px;}
.original-service .rest-lp-lead{max-width: 730px; font-size: 19px; line-height: 1.75; color: rgb(156, 169, 165);}
.original-service .rest-lp-badges{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px;}
.original-service .rest-lp-badges span,.original-service .rest-lp-story-points span{border: 1px solid rgba(51, 220, 185, 0.18); background: rgba(10, 34, 29, 0.58); border-radius: 999px; padding: 9px 13px; font-size: 12px; color: rgb(185, 200, 196);}
.original-service .rest-lp-stage{position: relative; min-height: 560px;}
.original-service .rest-lp-glow{position: absolute; inset: 20% 10%; background: rgba(33, 210, 172, 0.14); filter: blur(90px); border-radius: 50%;}
.original-service .rest-lp-monitor{position: absolute; left: 4%; right: 6%; top: 35px; border: 1px solid rgba(63, 225, 191, 0.18); border-radius: 24px; background: rgb(8, 19, 15); box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 90px; overflow: hidden;}
.original-service .rest-lp-monitor-top{height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); font-size: 11px; color: rgb(170, 184, 180);}
.original-service .rest-lp-monitor-top small{color: rgb(66, 223, 189); letter-spacing: 0.17em;}
.original-service .rest-lp-dashboard{display: grid; grid-template-columns: 64px 1fr; min-height: 355px;}
.original-service .rest-lp-sidebar{border-right: 1px solid rgba(255, 255, 255, 0.06); padding: 18px 12px;}
.original-service .rest-lp-sidebar b{width: 34px; height: 34px; border-radius: 11px; background: rgb(41, 215, 179); color: rgb(4, 37, 30); display: grid; place-items: center;}
.original-service .rest-lp-sidebar i{display: block; height: 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.08); margin: 19px 3px;}
.original-service .rest-lp-main{padding: 26px;}
.original-service .rest-lp-title{font: 700 21px Manrope;}
.original-service .rest-lp-title small{display: block; font: 400 10px Manrope; color: rgb(112, 129, 124); margin-top: 5px;}
.original-service .rest-lp-tables{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 24px;}
.original-service .rest-lp-tables span{height: 58px; border-radius: 13px; border: 1px solid rgba(255, 255, 255, 0.07); display: grid; place-items: center; color: rgb(131, 146, 142); font: 700 12px Manrope; background: rgba(255, 255, 255, 0.02);}
.original-service .rest-lp-tables span.busy{background: rgba(227, 76, 74, 0.15); border-color: rgba(227, 76, 74, 0.28); color: rgb(255, 139, 134);}
.original-service .rest-lp-order{margin-top: 22px; display: grid; grid-template-columns: 1.4fr 1fr 0.7fr; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px; overflow: hidden;}
.original-service .rest-lp-order div{padding: 13px; border-right: 1px solid rgba(255, 255, 255, 0.07);}
.original-service .rest-lp-order div:last-child{border: 0px;}
.original-service .rest-lp-order small{display: block; color: rgb(111, 128, 123); font-size: 9px;}
.original-service .rest-lp-order b{font-size: 12px;}
.original-service .rest-lp-ticket{position: absolute; right: 0px; bottom: 38px; width: 185px; background: rgb(242, 238, 229); color: rgb(25, 29, 26); padding: 18px 18px 24px; box-shadow: rgba(0, 0, 0, 0.35) 0px 22px 45px; transform: rotate(4deg);}
.original-service .rest-lp-ticket small{display: block; letter-spacing: 0.16em; font-size: 9px;}
.original-service .rest-lp-ticket b{display: block; margin: 7px 0px 15px;}
.original-service .rest-lp-ticket span{display: block; border-top: 1px dashed rgb(153, 153, 153); padding: 7px 0px 0px; margin-top: 7px; font-size: 10px;}
.original-service .rest-lp-status{position: absolute; left: 0px; bottom: 18px; display: flex; gap: 12px; padding: 14px 16px; border: 1px solid rgba(53, 219, 186, 0.18); border-radius: 15px; background: rgba(5, 18, 14, 0.9);}
.original-service .rest-lp-status i{width: 32px; height: 32px; border-radius: 10px; background: rgb(43, 216, 181); box-shadow: rgba(43, 216, 181, 0.3) 0px 0px 24px;}
.original-service .rest-lp-status b{display: block; font-size: 11px;}
.original-service .rest-lp-status span{font-size: 9px; color: rgb(143, 160, 155);}
.original-service .rest-lp-story-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 80px;}
.original-service .rest-lp-story-copy p{font-size: 18px; line-height: 1.8; color: rgb(157, 170, 166);}
.original-service .rest-lp-story-points{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
.original-service .rest-lp-problem-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
.original-service .rest-lp-problem-grid .glass-card{padding: 32px; min-height: 300px;}
.original-service .rest-lp-num{display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(50, 221, 185, 0.23); border-radius: 50%; color: rgb(63, 223, 189); font: 700 12px Manrope; margin-bottom: 25px;}
.original-service .rest-lp-problem-grid h3{font: 700 22px Manrope;}
.original-service .rest-lp-problem-grid p{color: rgb(158, 171, 167); line-height: 1.65;}
.original-service .rest-lp-feature-list{border-top: 1px solid rgba(255, 255, 255, 0.09);}
.original-service .rest-lp-feature{display: grid; grid-template-columns: 90px 1fr; gap: 30px; padding: 34px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.original-service .rest-lp-feature-icon{width: 58px; height: 58px; border-radius: 18px; border: 1px solid rgba(54, 224, 188, 0.2); display: grid; place-items: center; color: rgb(69, 223, 189); background: rgba(31, 181, 151, 0.06); font: 700 12px Manrope;}
.original-service .rest-lp-feature h3{font: 700 28px / 1.15 Manrope; margin: 0px 0px 8px;}
.original-service .rest-lp-feature p{margin: 0px; max-width: 900px; color: rgb(158, 172, 168); line-height: 1.75;}
.original-service .rest-lp-flow-grid{display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; overflow: hidden;}
.original-service .rest-lp-flow-step{padding: 34px 24px; min-height: 190px; border-right: 1px solid rgba(255, 255, 255, 0.08); background: rgba(7, 22, 18, 0.45);}
.original-service .rest-lp-flow-step:last-child{border-right: 0px;}
.original-service .rest-lp-flow-step b{display: block; color: rgb(62, 224, 189); font-size: 12px; margin-bottom: 50px;}
.original-service .rest-lp-flow-step span{font: 600 17px / 1.35 Manrope;}
.original-service .rest-lp-tables-grid,.original-service .rest-lp-print-grid,.original-service .rest-lp-menu-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center;}
.original-service .rest-lp-room-map{padding: 24px; border: 1px solid rgba(57, 224, 189, 0.16); border-radius: 24px; background: rgba(5, 18, 14, 0.75);}
.original-service .room-head{display: flex; justify-content: space-between; color: rgb(156, 175, 170); font-size: 11px; letter-spacing: 0.12em;}
.original-service .room-head small{color: rgb(63, 221, 187);}
.original-service .room-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 22px;}
.original-service .table{min-height: 90px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.02);}
.original-service .table.busy{background: rgba(223, 76, 72, 0.1); border-color: rgba(223, 76, 72, 0.24);}
.original-service .table b{font: 700 20px Manrope;}
.original-service .table small{font-size: 9px; color: rgb(119, 135, 129); margin-top: 4px;}
.original-service .table.busy b{color: rgb(255, 140, 134);}
.original-service .rest-lp-printers{position: relative; min-height: 430px;}
.original-service .printer{position: absolute; width: 230px; min-height: 245px; padding: 22px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgb(11, 23, 19); box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 70px;}
.original-service .printer::after{content: ""; position: absolute; left: 25px; right: 25px; bottom: -46px; height: 80px; background: rgb(239, 235, 225); clip-path: polygon(0px 0px, 100% 0px, 100% 82%, 94% 88%, 88% 82%, 82% 88%, 76% 82%, 70% 88%, 64% 82%, 58% 88%, 52% 82%, 46% 88%, 40% 82%, 34% 88%, 28% 82%, 22% 88%, 16% 82%, 10% 88%, 4% 82%, 0px 88%);}
.original-service .printer span{font-size: 9px; letter-spacing: 0.17em; color: rgb(62, 222, 188);}
.original-service .printer i{display: block; width: 46px; height: 6px; border-radius: 99px; background: rgb(39, 58, 52); margin: 18px 0px;}
.original-service .printer b{display: block; font: 700 18px Manrope;}
.original-service .printer small{display: block; color: rgb(146, 161, 156); line-height: 1.6; margin-top: 14px;}
.original-service .printer-a{left: 0px; top: 50px; transform: rotate(-5deg);}
.original-service .printer-b{left: 36%; top: 0px; z-index: 2;}
.original-service .printer-c{right: 0px; top: 80px; transform: rotate(5deg);}
.original-service .rest-lp-menu-device{padding: 28px; border: 1px solid rgba(55, 223, 188, 0.16); border-radius: 28px; background: linear-gradient(rgb(11, 28, 23), rgb(7, 17, 14)); box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 80px;}
.original-service .menu-device-head,.original-service .menu-item{display: flex; justify-content: space-between; align-items: center;}
.original-service .menu-device-head small{color: rgb(66, 222, 187);}
.original-service .menu-tabs{display: flex; gap: 8px; overflow: auto; margin: 24px 0px;}
.original-service .menu-tabs span{padding: 9px 12px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 99px; font-size: 10px; color: rgb(131, 147, 142); white-space: nowrap;}
.original-service .menu-tabs span.active{border-color: rgba(53, 219, 186, 0.24); color: rgb(67, 223, 189);}
.original-service .menu-item{padding: 17px 0px; border-top: 1px solid rgba(255, 255, 255, 0.07);}
.original-service .menu-item b{display: block; font: 600 16px Manrope;}
.original-service .menu-item small{color: rgb(130, 145, 140); font-size: 10px;}
.original-service .menu-item > span{color: rgb(61, 220, 186); font-weight: 700;}
.original-service .menu-filter{margin-top: 20px; padding: 16px; border-radius: 16px; background: rgba(41, 208, 173, 0.06); border: 1px solid rgba(41, 208, 173, 0.13);}
.original-service .menu-filter b{display: block; font-size: 11px; margin-bottom: 10px;}
.original-service .menu-filter span{display: inline-block; padding: 7px 9px; border-radius: 99px; background: rgba(255, 255, 255, 0.05); font-size: 9px; margin-right: 5px;}
.original-service .rest-lp-history-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.original-service .rest-lp-history-grid article{padding: 28px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; background: rgba(7, 24, 20, 0.5);}
.original-service .rest-lp-history-grid small{display: block; color: rgb(66, 221, 187); letter-spacing: 0.15em; font-size: 9px;}
.original-service .rest-lp-history-grid b{display: block; font: 700 30px Manrope; margin: 18px 0px 5px;}
.original-service .rest-lp-history-grid span{font-size: 11px; color: rgb(135, 149, 143);}
.original-service .rest-lp-process-grid{display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.08); border-left: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .rest-lp-process-grid article{padding: 34px; min-height: 235px; border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.original-service .rest-lp-process-grid b{color: rgb(60, 221, 186); font-size: 11px;}
.original-service .rest-lp-process-grid h3{font: 700 24px Manrope; margin: 34px 0px 10px;}
.original-service .rest-lp-process-grid p{color: rgb(156, 169, 165); line-height: 1.6; margin: 0px;}
.original-service .rest-lp-faq-grid{display: grid; grid-template-columns: 0.75fr 1.25fr; gap: 80px;}
.original-service .rest-lp-faq-list details{border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 24px 0px;}
.original-service .rest-lp-faq-list details:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.original-service .rest-lp-faq-list summary{cursor: pointer; list-style: none; font: 600 19px / 1.35 Manrope; display: flex; justify-content: space-between; gap: 20px;}
.original-service .rest-lp-faq-list summary::after{content: "+"; color: rgb(58, 222, 187); font-size: 25px;}
.original-service .rest-lp-faq-list details[open] summary::after{content: "−";}
.original-service .rest-lp-faq-list p{color: rgb(155, 168, 164); line-height: 1.7;}
.original-service .rest-lp-final-card{padding: 60px; border: 1px solid rgba(52, 224, 187, 0.18); border-radius: 30px; background: radial-gradient(circle at 80% 40%, rgba(39, 215, 181, 0.12), transparent 32%), rgba(7, 24, 20, 0.7); display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: end;}
.original-service .rest-lp-final-card h2{font: 800 clamp(38px, 4vw, 62px) / 1.02 Manrope; letter-spacing: -0.04em; margin: 15px 0px;}
.original-service .rest-lp-final-card p{max-width: 720px; color: rgb(158, 171, 167); line-height: 1.7;}
.original-service .rest-lp-final-actions{display: flex; flex-direction: column; gap: 12px; min-width: 250px;}
@media (max-width: 980px){.original-service .rest-lp-hero-grid,.original-service .rest-lp-story-grid,.original-service .rest-lp-tables-grid,.original-service .rest-lp-print-grid,.original-service .rest-lp-menu-grid,.original-service .rest-lp-faq-grid{grid-template-columns: 1fr;}
.original-service .rest-lp-stage{min-height: 570px; max-width: 650px; width: 100%; margin: 0px auto;}
.original-service .rest-lp-problem-grid{grid-template-columns: 1fr 1fr;}
.original-service .rest-lp-flow-grid{grid-template-columns: 1fr 1fr;}
.original-service .rest-lp-history-grid,.original-service .rest-lp-process-grid{grid-template-columns: 1fr 1fr;}
.original-service .rest-lp-final-card{grid-template-columns: 1fr;}
.original-service .rest-lp-final-actions{flex-flow: wrap;}}
@media (max-width: 620px){.original-service .rest-lp-hero{padding: 120px 0px 60px; min-height: auto;}
.original-service .rest-lp-copy h1{font-size: 47px;}
.original-service .rest-lp-lead{font-size: 16px;}
.original-service .rest-lp-stage{min-height: 465px;}
.original-service .rest-lp-monitor{left: 0px; right: 0px; top: 20px;}
.original-service .rest-lp-dashboard{grid-template-columns: 45px 1fr; min-height: 305px;}
.original-service .rest-lp-main{padding: 18px;}
.original-service .rest-lp-tables{gap: 7px;}
.original-service .rest-lp-tables span{height: 44px;}
.original-service .rest-lp-ticket{width: 135px; right: 3px; bottom: 10px; padding: 12px;}
.original-service .rest-lp-status{left: 2px; bottom: 0px; max-width: 180px;}
.original-service .rest-lp-problem-grid,.original-service .rest-lp-history-grid,.original-service .rest-lp-process-grid{grid-template-columns: 1fr;}
.original-service .rest-lp-feature{grid-template-columns: 58px 1fr; gap: 18px;}
.original-service .rest-lp-feature h3{font-size: 22px;}
.original-service .rest-lp-flow-grid{grid-template-columns: 1fr;}
.original-service .rest-lp-flow-step{min-height: auto; border-right: 0px; padding: 24px;}
.original-service .rest-lp-flow-step b{margin-bottom: 15px;}
.original-service .room-grid{grid-template-columns: 1fr 1fr;}
.original-service .rest-lp-printers{min-height: 580px;}
.original-service .printer{width: 185px;}
.original-service .printer-a{left: 0px;}
.original-service .printer-b{left: auto; right: 0px; top: 95px;}
.original-service .printer-c{left: 15%; right: auto; top: 290px;}
.original-service .rest-lp-final-card{padding: 34px 24px;}
.original-service .rest-lp-final-actions{flex-direction: column; min-width: 0px;}}
.original-service .vg-booking-editable-img{background: rgb(7, 17, 14); width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; display: block !important;}
.original-service .booking-ui-screen{overflow: hidden;}
.original-service .booking-ui-screen .vg-editable-device-screen{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; border: 0px; margin: 0px;}
.original-service .booking-ui-phone .booking-ui-screen .vg-editable-device-screen{object-fit: cover;}
.original-service .vg-hse-custom-screen{display: block !important; overflow: hidden !important; background: rgb(7, 17, 14) !important;}
.original-service .vg-hse-custom-screen img{display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; margin: 0px !important; border: 0px !important;}
.original-service .project-booking-visual .proj-booking-tablet,.original-service .project-booking-visual .proj-booking-phone{position: relative !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .project-booking-visual .proj-booking-tablet .booking-ui-screen{position: absolute !important; inset: 10px !important; width: auto !important; height: auto !important; border-radius: 12px !important; overflow: hidden !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen{position: absolute !important; inset: 25px 7px 7px !important; width: auto !important; height: auto !important; border-radius: 20px !important; overflow: hidden !important;}
.original-service .project-booking-visual .booking-ui-screen .vg-booking-editable-img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; margin: 0px !important; border: 0px !important;}
@media (max-width: 680px){.original-service .project-booking-visual .proj-booking-tablet .booking-ui-screen{inset: 7px !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen{inset: 20px 5px 5px !important;}}
.original-service nn body .work-booking .booking-devices{align-items: center !important; justify-content: center !important; gap: 22px !important; overflow: visible !important;}
.original-service .work-booking .booking-tablet{width: min(62%, 520px) !important; height: auto !important; aspect-ratio: 1.41336 / 1 !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .work-booking .booking-phone{width: 148px !important; height: auto !important; aspect-ratio: 281 / 592 !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .work-booking .booking-screen{position: absolute !important; inset: 0px !important; width: auto !important; height: auto !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgb(8, 17, 14) !important;}
.original-service .work-booking .booking-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; margin: 0px !important; border: 0px !important;}
.original-service .project-booking-visual .proj-booking-tablet{width: min(64%, 520px) !important; height: auto !important; aspect-ratio: 1.41336 / 1 !important; padding: 8px !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .project-booking-visual .proj-booking-phone{width: 140px !important; height: auto !important; aspect-ratio: 281 / 592 !important; padding: 6px !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .project-booking-visual .proj-booking-tablet .booking-ui-screen{position: absolute !important; inset: 8px !important; border-radius: 12px !important; overflow: hidden !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen{position: absolute !important; inset: 22px 6px 6px !important; border-radius: 18px !important; overflow: hidden !important;}
.original-service .project-booking-visual .booking-ui-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; margin: 0px !important;}
.original-service .booking-ui-tablet .booking-ui-screen,.original-service .booking-ui-phone .booking-ui-screen{overflow: hidden !important;}
.original-service .booking-ui-tablet .booking-ui-screen img,.original-service .booking-ui-phone .booking-ui-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; margin: 0px !important;}
.original-service .web-devices-real .device-screen{overflow: hidden !important; background: rgb(7, 17, 14) !important;}
.original-service .web-devices-real .device-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; margin: 0px !important; transform: none !important;}
.original-service .vg-hse-custom-screen,.original-service .proj-rest-workstation,.original-service .restaurant-workstation-card,.original-service .soft-command-screen,.original-service .scene-screen{overflow: hidden !important;}
.original-service .vg-hse-custom-screen img,.original-service .proj-rest-workstation img,.original-service .restaurant-workstation-card img,.original-service .soft-command-screen img,.original-service .scene-screen img{display: block !important; max-width: 100% !important; object-position: center center !important;}
@media (max-width: 700px){.original-service .work-booking .booking-tablet{width: 68% !important;}
.original-service .work-booking .booking-phone{width: 92px !important;}
.original-service .project-booking-visual .proj-booking-tablet{width: 68% !important;}
.original-service .project-booking-visual .proj-booking-phone{width: 92px !important;}}
.original-service .work-booking .booking-devices{overflow: visible !important; gap: 28px !important;}
.original-service .work-booking .booking-tablet{width: 66% !important; height: 355px !important; aspect-ratio: auto !important; border: 8px solid rgb(23, 40, 36) !important; padding: 0px !important; border-radius: 22px !important; background: rgb(11, 21, 19) !important; box-sizing: border-box !important;}
.original-service .work-booking .booking-phone{width: 150px !important; height: 320px !important; aspect-ratio: auto !important; border: 8px solid rgb(23, 40, 36) !important; padding: 0px !important; border-radius: 28px !important; background: rgb(11, 21, 19) !important; box-sizing: border-box !important;}
.original-service .work-booking .booking-screen{position: relative !important; inset: auto !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: inherit !important; background: rgb(7, 17, 14) !important;}
.original-service .work-booking .booking-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; transform: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: rgb(7, 17, 14) !important;}
.original-service .work-booking .booking-phone .booking-screen img{object-position: center top !important;}
.original-service .project-booking-visual .proj-booking-tablet{width: 62% !important; height: 330px !important; aspect-ratio: auto !important; padding: 10px !important; border-radius: 22px !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .project-booking-visual .proj-booking-phone{width: 140px !important; height: 285px !important; aspect-ratio: auto !important; padding: 7px !important; border-radius: 28px !important; overflow: hidden !important; box-sizing: border-box !important;}
.original-service .project-booking-visual .proj-booking-tablet .booking-ui-screen{position: absolute !important; inset: 10px !important; width: auto !important; height: auto !important; border-radius: 12px !important; overflow: hidden !important; background: rgb(7, 17, 14) !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen{position: absolute !important; inset: 25px 7px 7px !important; width: auto !important; height: auto !important; border-radius: 20px !important; overflow: hidden !important; background: rgb(7, 17, 14) !important;}
.original-service .project-booking-visual .booking-ui-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; transform: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: rgb(7, 17, 14) !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen img{object-position: center top !important;}
.original-service .booking-ui-tablet{width: 66% !important; height: 305px !important; aspect-ratio: auto !important;}
.original-service .booking-ui-phone{width: 142px !important; height: 285px !important; aspect-ratio: auto !important;}
.original-service .booking-ui-tablet .booking-ui-screen,.original-service .booking-ui-phone .booking-ui-screen{width: 100% !important; height: 100% !important; overflow: hidden !important; background: rgb(7, 17, 14) !important;}
.original-service .booking-ui-tablet .booking-ui-screen img,.original-service .booking-ui-phone .booking-ui-screen img{display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; transform: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: rgb(7, 17, 14) !important;}
.original-service .booking-ui-phone .booking-ui-screen img{object-position: center top !important;}
@media (max-width: 1000px) and (min-width: 701px){.original-service .work-booking .booking-tablet{width: 72% !important; height: 315px !important;}
.original-service .work-booking .booking-phone{width: 135px !important; height: 285px !important;}}
@media (max-width: 700px){.original-service .work-booking .booking-devices{gap: 12px !important; overflow: visible !important;}
.original-service .work-booking .booking-tablet{width: 72% !important; height: 235px !important; border-width: 6px !important;}
.original-service .work-booking .booking-phone{width: 94px !important; height: 205px !important; border-width: 5px !important;}
.original-service .project-booking-visual .proj-booking-tablet{width: 68% !important; height: 230px !important; padding: 7px !important;}
.original-service .project-booking-visual .proj-booking-phone{width: 92px !important; height: 195px !important; padding: 5px !important;}
.original-service .project-booking-visual .proj-booking-tablet .booking-ui-screen{inset: 7px !important;}
.original-service .project-booking-visual .proj-booking-phone .booking-ui-screen{inset: 20px 5px 5px !important;}
.original-service .booking-ui-tablet{width: 73% !important; height: 220px !important;}
.original-service .booking-ui-phone{width: 92px !important; height: 195px !important;}}
.original-service .cursor-glow{display: none !important; opacity: 0 !important; visibility: hidden !important;}
.original-service .spotlight-on::before,.original-service .service-card.spotlight-on::before{display: none !important; content: none !important; background: none !important; opacity: 0 !important;}
.original-service .service-card:hover{box-shadow: none;}
.original-service .vgp-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px;}
.original-service .vgp-card{overflow: hidden; border: 1px solid rgba(100, 180, 160, 0.22); border-radius: 19px; background: rgb(11, 33, 29); color: rgb(255, 255, 255);}
.original-service .vgp-cover{display: block; aspect-ratio: 1.4 / 1; overflow: hidden; background: rgb(16, 45, 39);}
.original-service .vgp-cover img{height: 100%; width: 100%; object-fit: cover; transition: transform 0.4s;}
.original-service .vgp-cover:hover img{transform: scale(1.045);}
.original-service .vgp-noimage{display: grid; place-items: center; height: 100%; padding: 30px; color: rgb(182, 221, 211); font-size: 25px; font-weight: 800;}
.original-service .vgp-card-body{padding: 25px;}
.original-service .vgp-card-body small{color: rgb(57, 216, 176); text-transform: uppercase; letter-spacing: 0.12em;}
.original-service .vgp-card-body h2{font-size: 24px; margin: 12px 0px;}
.original-service .vgp-card-body h2 a{color: inherit;}
.original-service .vgp-card-body p{color: rgb(185, 204, 199); line-height: 1.7;}
.original-service .vgp-link{display: inline-block; margin-top: 12px; color: rgb(55, 220, 179); font-weight: 700;}
.original-service .vgp-hero .vgp-back{display: block; margin-bottom: 30px; color: rgb(59, 219, 182);}
.original-service .vgp-single{display: grid; grid-template-columns: minmax(0px, 1fr) 280px; gap: 55px;}
.original-service .vgp-featured img{width: 100%; height: auto; border-radius: 20px;}
.original-service .vgp-content,.original-service .vgp-detail{line-height: 1.8;}
.original-service .vgp-detail{padding: 22px 0px; border-top: 1px solid rgba(120, 180, 160, 0.2);}
.original-service .vgp-sidebar{padding: 27px; background: rgb(11, 33, 29); border-radius: 18px; height: max-content;}
.original-service .vgp-sidebar p{margin: 22px 0px;}
.original-service .vgp-sidebar strong{color: rgb(54, 214, 172);}
.original-service .vgp-gallery{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 15px;}
.original-service .vgp-gallery img{width: 100%; height: auto; border-radius: 12px;}
@media (max-width: 900px){.original-service .vgp-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.original-service .vgp-single{grid-template-columns: 1fr;}}
@media (max-width: 600px){.original-service .vgp-grid,.original-service .vgp-gallery{grid-template-columns: 1fr;}}
.original-service .vg-case-home{padding: 105px 0px; background: rgb(6, 27, 24); color: rgb(255, 255, 255);}
.original-service .vg-case-head{display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 35px;}
.original-service .vg-case-head h2{font-size: clamp(32px, 4vw, 56px); line-height: 1.12; margin: 12px 0px;}
.original-service .vg-case-head p{max-width: 620px; color: rgb(189, 204, 200);}
.original-service .vg-case-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 26px;}
.original-service .vg-case-card{border: 1px solid rgb(44, 73, 65); border-radius: 22px; overflow: hidden; background: rgb(13, 41, 36);}
.original-service .vg-case-card a{color: inherit; text-decoration: none; display: block;}
.original-service .vg-case-media{aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: center; background: rgb(16, 46, 41); padding: 18px; overflow: hidden;}
.original-service .vg-case-screenshot{display: block; width: 100%; height: 100%; border-radius: 9px; object-fit: contain !important; object-position: center center !important; filter: none !important; transform: none !important;}
.original-service .vg-case-noimage{width: 100%; height: 100%; border: 1px dashed rgb(91, 131, 119); border-radius: 10px; display: grid; place-items: center; color: rgb(172, 200, 191); text-align: center; padding: 20px;}
.original-service .vg-case-info{padding: 24px;}
.original-service .vg-case-info small{color: rgb(69, 214, 176);}
.original-service .vg-case-info h3{font-size: 25px; margin: 10px 0px 20px;}
.original-service .vg-case-info span{color: rgb(111, 229, 197);}
.original-service .vg-case-empty{grid-column: 1 / -1; color: rgb(180, 201, 194);}
@media (max-width: 760px){.original-service .vg-case-home{padding: 70px 0px;}
.original-service .vg-case-head{display: block;}
.original-service .vg-case-grid{grid-template-columns: 1fr;}
.original-service .vg-case-media{padding: 12px;}}
.original-service .vg-case-media,.original-service .vgp-cover{background: rgb(12, 33, 29); overflow: hidden;}
.original-service .vg-case-media img,.original-service .vgp-cover img{width: 100%; height: auto; aspect-ratio: 1200 / 780; object-fit: contain; display: block;}
.original-service .vgp-gallery{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 22px; align-items: start;}
.original-service .vgp-gallery-link{display: flex; flex-direction: column; align-items: center; gap: 10px; background: rgb(18, 37, 32); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; padding: 16px; color: rgb(214, 248, 239); text-decoration: none;}
.original-service .vgp-gallery-link img{width: 100%; height: auto; max-height: 700px; object-fit: contain; border-radius: 9px;}
.original-service .vgp-gallery-link span{font-size: 13px; opacity: 0.8;}
.original-service .vgp-featured img{width: 100%; height: auto; object-fit: contain;}
@media (max-width: 650px){.original-service .vgp-gallery{grid-template-columns: 1fr;}
.original-service .vgp-gallery-link{padding: 10px;}}
@media (min-width: 851px){.original-service .vg-case-home .vg-case-grid{display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 20px !important;}
.original-service .vg-case-home .vg-case-card{width: auto !important; min-width: 0px !important; grid-column: auto !important;}}
@media (min-width: 601px) and (max-width: 850px){.original-service .vg-case-home .vg-case-grid{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}}
@media (max-width: 600px){.original-service .vg-case-home .vg-case-grid{display: grid !important; grid-template-columns: 1fr !important;}}
.original-service .vgp-grid .vgp-card{display: flex !important; flex-direction: column !important; gap: 0px !important; overflow: hidden !important;}
.original-service .vgp-grid .vgp-card .vgp-cover{display: block !important; height: 210px !important; max-height: 210px !important; min-height: 0px !important; aspect-ratio: auto !important; overflow: hidden !important; padding: 0px !important; margin: 0px !important; flex: 0 0 auto !important;}
.original-service .vgp-grid .vgp-card .vgp-cover img{display: block !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center top !important; margin: 0px !important;}
.original-service .vgp-grid .vgp-card .vgp-card-body{padding: 12px 18px 20px !important; margin: 0px !important; flex: 1 1 0% !important;}
.original-service .vgp-grid .vgp-card .vgp-card-body h2{margin: 5px 0px 8px !important;}
.original-service .vg57-hero{padding: 165px 0px 65px; background: radial-gradient(circle at 80% 15%, rgba(41, 165, 135, 0.17), transparent 40%);}
.original-service .vg57-hero .container{max-width: 1120px;}
.original-service .vg57-kicker{display: block; margin: 22px 0px; color: rgb(82, 241, 210); font-size: 12px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase;}
.original-service .vg57-hero h1{font: 800 clamp(40px, 5vw, 74px) / 1.08 Manrope, sans-serif; letter-spacing: -0.04em; max-width: 970px; margin: 10px 0px 20px;}
.original-service .vg57-lead{max-width: 760px; color: rgb(184, 203, 198); font-size: 19px; line-height: 1.75;}
.original-service .vg57-main{padding: 0px 0px 100px;}
.original-service .vg57-cover{background: rgb(16, 34, 30); border: 1px solid rgba(82, 241, 210, 0.18); border-radius: 24px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 30px 75px; margin-bottom: 48px;}
.original-service .vg57-cover img{width: 100%; height: auto; max-height: 690px; object-fit: cover; object-position: center top; display: block;}
.original-service .vg57-layout{display: grid; grid-template-columns: minmax(0px, 1fr) 290px; gap: 65px; align-items: start;}
.original-service .vg57-section{padding: 0px 0px 32px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.original-service .vg57-section h2{font: 800 clamp(24px, 3vw, 34px) / 1.2 Manrope; margin: 0px 0px 18px;}
.original-service .vg57-section p{color: rgb(183, 201, 196); line-height: 1.85; font-size: 16px;}
.original-service .vg57-aside{background: rgb(12, 28, 24); border: 1px solid rgba(82, 241, 210, 0.16); border-radius: 22px; padding: 25px; position: sticky; top: 110px;}
.original-service .vg57-aside h2{font: 800 20px Manrope; margin: 0px 0px 18px;}
.original-service .vg57-fact{border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 14px 0px;}
.original-service .vg57-fact small{display: block; color: rgb(117, 169, 155); text-transform: uppercase; letter-spacing: 0.1em; font-size: 10px; font-weight: 700;}
.original-service .vg57-fact strong{display: block; margin-top: 5px; line-height: 1.55; font-size: 14px; overflow-wrap: anywhere;}
.original-service .vg57-gallery{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}
.original-service .vg57-gallery a{background: rgb(14, 32, 28); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; overflow: hidden; display: block;}
.original-service .vg57-gallery img{width: 100%; height: 260px; object-fit: cover; object-position: center top; display: block;}
.original-service .vg57-gallery span{display: block; padding: 12px 15px; color: rgb(182, 229, 217); font-size: 13px;}
@media (max-width: 850px){.original-service .vg57-layout{grid-template-columns: 1fr; gap: 20px;}
.original-service .vg57-aside{position: static;}}
@media (max-width: 540px){.original-service .vg57-hero{padding-top: 120px;}
.original-service .vg57-gallery{grid-template-columns: 1fr;}}
.original-service .vg58-page{background: rgb(6, 23, 19); color: rgb(244, 249, 246); overflow: hidden;}
.original-service .vg58-page .container{max-width: 1200px;}
.original-service .vg58-hero{position: relative; background: radial-gradient(at 77% 42%, rgb(21, 62, 50) 0%, rgb(9, 31, 25) 43%, rgb(6, 23, 19) 75%); padding: 145px 0px 100px;}
.original-service .vg58-hero-grid{display: grid; grid-template-columns: 1fr 1.07fr; gap: 65px; align-items: center; min-height: 530px;}
.original-service .vg58-back{display: inline-block; text-decoration: none; font-size: 14px; margin-bottom: 64px; color: rgb(165, 197, 184) !important;}
.original-service .vg58-label,.original-service .vg58-eyebrow{font-size: 12px; letter-spacing: 0.18em; font-weight: 800; color: rgb(84, 219, 175);}
.original-service .vg58-label{display: flex; align-items: center; gap: 12px;}
.original-service .vg58-label span{width: 23px; height: 2px; background: rgb(84, 219, 175);}
.original-service .vg58-label em{font-style: normal; color: rgb(98, 142, 126);}
.original-service .vg58-hero h1{font-size: clamp(48px, 5.6vw, 88px); line-height: 1.05; letter-spacing: -0.055em; margin: 22px 0px 25px; overflow-wrap: anywhere;}
.original-service .vg58-dot{color: rgb(79, 224, 172);}
.original-service .vg58-intro{color: rgb(176, 201, 190); font-size: 18px; line-height: 1.85; max-width: 540px;}
.original-service .vg58-hero-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 37px;}
.original-service .vg58-primary{display: inline-flex; align-items: center; gap: 22px; background: rgb(79, 224, 172); padding: 17px 24px; border-radius: 9px; font-weight: 800; text-decoration: none; color: rgb(8, 38, 28) !important;}
.original-service .vg58-primary span{font-size: 23px;}
.original-service .vg58-secondary{font-weight: 700; text-decoration: none; color: rgb(184, 210, 198) !important;}
.original-service .vg58-hero-art{position: relative; padding: 40px 0px 30px;}
.original-service .vg58-orbit{position: absolute; inset: 0px; border-radius: 50%; border: 1px solid rgba(79, 224, 172, 0.18); transform: scale(0.94);}
.original-service .vg58-orbit::after{content: ""; position: absolute; inset: 42px; border: 1px dashed rgba(79, 224, 172, 0.15); border-radius: 50%;}
.original-service .vg58-browser{position: relative; background: rgb(16, 41, 33); border: 1px solid rgba(169, 234, 208, 0.3); border-radius: 17px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.533) 0px 42px 110px; transform: perspective(1100px) rotateY(-7deg) rotateX(2deg);}
.original-service .vg58-browser-top{height: 42px; display: flex; align-items: center; gap: 6px; padding: 0px 17px; background: rgb(16, 39, 31); border-bottom: 1px solid rgb(37, 76, 61);}
.original-service .vg58-browser-top i{width: 9px; height: 9px; background: rgb(66, 116, 97); border-radius: 50%;}
.original-service .vg58-browser-top span{font-size: 11px; color: rgb(139, 175, 159); margin-left: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.original-service .vg58-browser img{display: block; width: 100%; height: 385px; object-fit: cover; object-position: center top;}
.original-service .vg58-summary{background: rgb(13, 42, 33); border-top: 1px solid rgb(29, 72, 56); border-bottom: 1px solid rgb(29, 72, 56);}
.original-service .vg58-summary-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); padding: 31px 0px;}
.original-service .vg58-summary-grid > div{padding: 5px 30px; border-right: 1px solid rgb(43, 80, 66);}
.original-service .vg58-summary-grid > div:first-child{padding-left: 0px;}
.original-service .vg58-summary-grid > div:last-child{border: 0px;}
.original-service .vg58-summary-grid span,.original-service .vg58-summary-grid strong{display: block;}
.original-service .vg58-summary-grid span{color: rgb(104, 180, 154); font-size: 11px; letter-spacing: 0.13em; font-weight: 800; margin-bottom: 9px;}
.original-service .vg58-summary-grid strong{font-size: 16px; line-height: 1.45;}
.original-service .vg58-overview{padding: 125px 0px;}
.original-service .vg58-overview-grid{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 100px;}
.original-service .vg58-section-heading h2,.original-service .vg58-showcase h2,.original-service .vg58-bottom h2{font-size: clamp(34px, 4.2vw, 60px); line-height: 1.12; letter-spacing: -0.045em; margin: 18px 0px;}
.original-service .vg58-section-heading h2 em{font-style: normal; color: rgb(83, 219, 173);}
.original-service .vg58-prose{color: rgb(191, 208, 200); font-size: 17px; line-height: 1.9;}
.original-service .vg58-prose > p:first-child{margin-top: 0px;}
.original-service .vg58-mini{margin-top: 30px; padding-top: 27px; border-top: 1px solid rgb(42, 70, 59);}
.original-service .vg58-mini span{color: rgb(86, 216, 170); letter-spacing: 0.14em; font-size: 12px; font-weight: 800;}
.original-service .vg58-mini p{margin: 10px 0px 0px;}
.original-service .vg58-showcase{padding: 105px 0px 120px; background: rgb(11, 36, 28);}
.original-service .vg58-showcase-head{display: flex; justify-content: space-between; gap: 35px; align-items: end; margin-bottom: 45px;}
.original-service .vg58-showcase-head p{max-width: 310px; color: rgb(156, 184, 170); line-height: 1.8;}
.original-service .vg58-gallery{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}
.original-service .vg58-shot{display: block; min-width: 0px; background: rgb(18, 49, 38); border: 1px solid rgb(44, 82, 67); border-radius: 16px; overflow: hidden; transition: transform 0.25s, border-color 0.25s; text-decoration: none !important; color: rgb(255, 255, 255) !important;}
.original-service .vg58-shot:hover{transform: translateY(-5px); border-color: rgb(87, 215, 171);}
.original-service .vg58-shot-image{height: 340px; overflow: hidden; background: rgb(12, 33, 27); padding: 12px;}
.original-service .vg58-shot-image img{display: block; width: 100%; height: 100%; object-fit: contain; object-position: center top;}
.original-service .vg58-shot-featured{grid-column: span 2;}
.original-service .vg58-shot-featured .vg58-shot-image{height: 520px;}
.original-service .vg58-shot-caption{display: flex; justify-content: space-between; gap: 15px; padding: 18px 21px; border-top: 1px solid rgb(44, 82, 67); font-size: 12px;}
.original-service .vg58-shot-caption span{color: rgb(141, 181, 164); letter-spacing: 0.13em;}
.original-service .vg58-shot-caption strong{color: rgb(94, 226, 179);}
.original-service .vg58-gallery-app{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.original-service .vg58-gallery-app .vg58-shot-featured{grid-column: span 1;}
.original-service .vg58-gallery-app .vg58-shot-image,.original-service .vg58-gallery-app .vg58-shot-featured .vg58-shot-image{height: 440px;}
.original-service .vg58-bottom{padding: 110px 0px;}
.original-service .vg58-bottom-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center;}
.original-service .vg58-bottom p{color: rgb(169, 200, 185); line-height: 1.8;}
.original-service .vg58-next{background: linear-gradient(125deg, rgb(21, 61, 48), rgb(12, 44, 34)); padding: 45px; border: 1px solid rgb(53, 107, 83); border-radius: 18px;}
.original-service .vg58-next > span{font-size: 11px; color: rgb(112, 211, 169); letter-spacing: 0.15em; font-weight: 800;}
.original-service .vg58-next h3{font-size: clamp(26px, 3vw, 38px); line-height: 1.2; margin: 20px 0px 27px;}
.original-service .vg58-next a{font-weight: 800; text-decoration: none; color: rgb(88, 227, 179) !important;}
.original-service .vg58-next a span{font-size: 22px;}
@media (max-width: 950px){.original-service .vg58-hero-grid{grid-template-columns: 1fr; gap: 20px;}
.original-service .vg58-hero-art{max-width: 690px; width: 100%; margin: auto;}
.original-service .vg58-back{margin-bottom: 45px;}
.original-service .vg58-overview-grid{gap: 45px;}
.original-service .vg58-gallery-app{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (max-width: 650px){.original-service .vg58-hero{padding: 110px 0px 65px;}
.original-service .vg58-hero-grid{min-height: 0px;}
.original-service .vg58-hero h1{font-size: clamp(39px, 10vw, 62px);}
.original-service .vg58-browser{transform: none;}
.original-service .vg58-browser img{height: 280px;}
.original-service .vg58-summary-grid{grid-template-columns: 1fr; gap: 15px;}
.original-service .vg58-summary-grid > div{border-right: 0px; border-bottom: 1px solid rgb(43, 80, 66); padding: 10px 0px 18px;}
.original-service .vg58-summary-grid > div:last-child{border: 0px;}
.original-service .vg58-overview{padding: 70px 0px;}
.original-service .vg58-overview-grid,.original-service .vg58-bottom-grid{grid-template-columns: 1fr; gap: 28px;}
.original-service .vg58-showcase{padding: 70px 0px;}
.original-service .vg58-showcase-head{display: block;}
.original-service .vg58-gallery,.original-service .vg58-gallery-app{grid-template-columns: 1fr;}
.original-service .vg58-shot-featured{grid-column: span 1;}
.original-service .vg58-shot-image,.original-service .vg58-shot-featured .vg58-shot-image,.original-service .vg58-gallery-app .vg58-shot-image,.original-service .vg58-gallery-app .vg58-shot-featured .vg58-shot-image{height: 300px;}
.original-service .vg58-bottom{padding: 70px 0px;}
.original-service .vg58-next{padding: 28px;}}
.original-service .vg59-filters{display: flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 30px;}
.original-service .vg59-filters a{display: inline-flex; padding: 10px 20px; border-radius: 999px; border: 1px solid rgba(78, 215, 180, 0.25); color: rgb(182, 213, 204); text-decoration: none; font-size: 14px; font-weight: 700; transition: 0.2s;}
.original-service .vg59-filters a:hover,.original-service .vg59-filters a.active{background: rgb(41, 165, 135); border-color: rgb(41, 165, 135); color: rgb(6, 29, 23);}
.original-service .vg61-projects-page > .page-hero{padding-bottom: 18px !important;}
.original-service .vg61-projects-page > .page-hero .container > p:last-child{margin-bottom: 0px !important;}
.original-service .vg61-projects-page > .section{padding-top: 22px !important;}
.original-service .vg61-projects-page .vg59-filters{margin-top: 0px !important; margin-bottom: 22px !important;}
@media (max-width: 650px){.original-service .vg61-projects-page > .page-hero{padding-bottom: 12px !important;}
.original-service .vg61-projects-page > .section{padding-top: 16px !important;}}
/* Restore original page-wide gradient and grain, without new green section fills. */
html[data-theme=dark] body{background:radial-gradient(circle at 85% 10%,rgba(41,165,135,.11),transparent 28%),linear-gradient(180deg,#06100e,#071310 45%,#050c0a)!important}
.original-page-noise{display:none}html[data-theme=dark] .original-page-noise{display:block;position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
html[data-theme=dark] .hero-aurora{display:none}
html[data-theme=dark] .hero-code-card{background:rgba(7,18,16,.92)!important}
html[data-theme=dark] .hero-badge,html[data-theme=dark] .quote-panel,html[data-theme=dark] .about-values,html[data-theme=dark] .services-wow>a,html[data-theme=dark] .vg-case-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important}
html[data-theme=dark] .v7-cta-section .mega-cta{background:linear-gradient(120deg,rgba(41,165,135,.14),rgba(41,165,135,.03))!important}
.original-service{--text:#15334e;--muted:#526c7d;--accent:#0781a3;--accent2:#0781a3;--line:#bfd5df;--panel:#fff;--bg:#fff;color:var(--text);background:#fff!important}
.original-service .reveal{opacity:1!important;transform:none!important}
.original-service .detail-hero{padding-top:65px}
.original-service .glass-card{background:#f0f7fa;border-color:#cedfe8}
.original-service .btn{color:#fff;background:#087c9b;border-color:#087c9b}
.original-service .btn-outline{background:transparent;color:#087c9b}
.original-service .eyebrow,.original-service .accent-text{color:var(--accent2)}
.original-service .cta-band{background:#eaf5fa}
.original-service .it-console i{color:#15334e;background:#eaf5fa}
html[data-theme=dark] .original-service{--text:#f4f8f7;--muted:#9db3ae;--accent:#29a587;--accent2:#52f1d2;--line:rgba(255,255,255,.1);--panel:#0b1a17;--bg:#06100e;color:var(--text);background:transparent!important}
html[data-theme=dark] .original-service .glass-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:var(--line)}
html[data-theme=dark] .original-service .cta-band{background:linear-gradient(120deg,rgba(41,165,135,.14),rgba(41,165,135,.03))}
html[data-theme=dark] .original-service .it-console i{color:#52f1d2;background:#0b1a17}
.original-service .motion-reveal,.original-service .motion-stage{opacity:1!important;visibility:visible!important}
@media(max-width:760px){.original-service .detail-hero{padding-top:40px}.original-service .detail-hero-grid{grid-template-columns:1fr}.original-service .detail-hero h1{font-size:clamp(38px,10vw,58px)}}
.original-service .detail-hero .visible{animation:none!important;filter:none!important}
.original-service .it-flow span{color:var(--text)}
.original-service p,.original-service .breadcrumbs{color:var(--muted)}
.original-service .display-title,.original-service h1,.original-service h2,.original-service h3{color:var(--text)}

/* Light illustrations: silver-blue surfaces, dark ink, modest separation from page. */
html[data-theme=light] .original-service{--bg:#edf3f6;--panel:#e2ecf1;background:#edf3f6!important}
html[data-theme=light] .original-service .glass-card{background:#e7eff3;border-color:#c4d4de}
html[data-theme=light] body .home-intro{background:#edf3f6!important}
html[data-theme=light] body .home-intro .device-scene-v3 .mini-site{background:linear-gradient(145deg,#e1edf2,#cbdfe8)!important}
html[data-theme=light] body .home-intro .device-scene-v3 .laptop-screen{background:#d4e3eb!important;border-color:#99b1c2!important}
html[data-theme=light] body .home-intro .device-scene-v3 .phone-v3{background:linear-gradient(150deg,#e3edf2,#cbdfe8)!important;border-color:#9bb4c5!important}
html[data-theme=light] .original-service :is(.desktop-bezel,.tablet-device,.phone-device,.booking-ui-tablet,.booking-ui-phone,.soft-command-monitor,.scene-monitor,.blueprint-browser){background:linear-gradient(145deg,#c7d5df,#91a8b8)!important;border-color:#9eb3c1!important;box-shadow:0 20px 38px #26465b24!important}
html[data-theme=light] .original-service :is(.desktop-device,.server-stack){filter:drop-shadow(0 20px 28px #26465b20)!important}
html[data-theme=light] .original-service :is(.device-screen,.desktop-screen,.tablet-screen,.phone-screen,.soft-command-screen,.scene-screen){background:#d8e5ec!important}
html[data-theme=light] .original-service :is(.desktop-neck,.desktop-foot,.scene-stand,.soft-command-stand){background:linear-gradient(#b4c7d3,#7d99ac)!important}
html[data-theme=light] .original-service :is(.browser-bar,.proj-device-bar){background:#c6d9e4!important;border-color:#9eb9ca!important;color:#35576c!important}
html[data-theme=light] .original-service :is(.browser-bar,.proj-device-bar) span{color:#35576c!important}
html[data-theme=light] .original-service :is(.blueprint-content,.soft-command-panel,.soft-command-printer,.scene-printer,.scene-queue,.it-console){background:linear-gradient(145deg,#e1ebf1,#c9dce7)!important;color:#193e56!important;border-color:#9fb9c9!important;box-shadow:0 14px 30px #26465b1c!important}
html[data-theme=light] .original-service .bp-hero{background:#ccdee9!important;border-color:#9dbdce!important}
html[data-theme=light] .original-service .bp-hero b{background:linear-gradient(90deg,#365971 54%,transparent 54%)!important}
html[data-theme=light] .original-service .bp-hero span{background:#168bad!important}
html[data-theme=light] .original-service .bp-nav{background:linear-gradient(90deg,#168bad 20%,#9db9ca 20%,#9db9ca 55%,transparent 55%)!important}
html[data-theme=light] .original-service .bp-cards i{background:#bcd3e0!important;border-color:#9db9ca!important}
html[data-theme=light] .original-service .bp-chip{background:#dce9f0!important;color:#375d73!important;border-color:#9ebaca!important;box-shadow:0 12px 25px #26465b22!important}
html[data-theme=light] .original-service .bp-chip b{color:#087b9a!important}
html[data-theme=light] .original-service .server-stack span{background:linear-gradient(110deg,#cbdde7,#adc7d7)!important;border-color:#8baec3!important;box-shadow:inset 0 0 20px #fff3!important}
html[data-theme=light] .original-service .server-stack span:before{background:#098dab!important;box-shadow:25px 0 0 #44a7bc,50px 0 0 #7c9eb3!important}
html[data-theme=light] .original-service .it-console i{background:#bfd5e2!important;color:#244e68!important}
html[data-theme=light] .original-service :is(.soft-command-panel,.soft-command-printer,.scene-status,.scene-queue) :is(b,strong,span,small){color:#254e68!important}
html[data-theme=light] .original-service .scene-status{background:#d7e8ef!important;color:#254e68!important;border-color:#9dbaca!important}
html[data-theme=light] .original-service .it-flow div{background:#dce8ee!important;border-color:#b5cbd8!important}
html[data-theme=light] .original-service .software-image:before,html[data-theme=light] .original-service .detail-hero-media:before{background:radial-gradient(circle,#83b9ce35,transparent 68%)!important}
html[data-theme=light] .original-service .image-detail-grid img{background:#dce8ef!important;border-color:#a9c0cf!important;box-shadow:0 12px 28px #26465b1c!important}
html[data-theme=light] .original-service .accent-text{color:#087f9f!important}
html[data-theme=light] body .original-service .software-image.software-scene{background:linear-gradient(145deg,#dce8ef,#c5d8e3)!important;border-color:#a8bfce!important;box-shadow:0 18px 35px #26465b1a!important}
html[data-theme=light] .original-service :is(.image-detail-grid,.brochure-gallery) figure{background:#dce7ed!important;border-color:#acc1ce!important;box-shadow:0 12px 25px #26465b1a!important}
html[data-theme=light] .original-service :is(.image-detail-grid,.brochure-gallery) figcaption{color:#3a5b70!important}
html[data-theme=light] .original-service .scene-monitor .scene-screen{border-color:#a4bdcc!important}
html[data-theme=light] .original-service .printer-top{background:#93acbd!important}

/* Only the software service: no filled panels behind the device illustrations. */
html[data-theme=light] body.software-page .original-service .software-image.software-scene,
html[data-theme=light] body.software-page .original-service .software-command-scene,
html[data-theme=light] body.software-page .original-service .scene-monitor{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme=light] body.software-page .original-service .software-image.software-scene:before,
html[data-theme=light] body.software-page .original-service .software-command-scene:before{display:none!important}
body.software-page .original-service .table-scene{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:0;padding:28px 20px}
body.software-page .original-service .table-scene .scene-status{position:static;inset:auto;align-self:center;max-width:100%;margin:0;text-align:center}

/* The monitor wrapper has no fill: only the screen bezel and stand are solid. */
html[data-theme=light] body.software-page .original-service .software-command-scene .soft-command-monitor{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 18px 26px #26465b25)!important}
html[data-theme=light] body.software-page .original-service .software-command-scene .soft-command-screen{border-color:#9eb3c1!important}
body .vg-motion-stage{transform:perspective(1400px) rotateX(var(--vg-rx,0deg)) rotateY(var(--vg-ry,0deg))!important;transition:transform .5s ease-out}
body .vg-tilt{rotate:var(--vg-tilt,0deg);transition:rotate .45s ease-out}
body .vg-float-a{animation:vg16FloatA 7.2s ease-in-out infinite!important}
body .vg-float-b{animation:vg16FloatB 8.4s ease-in-out infinite -1.4s!important}
body .vg-float-c{animation:vg16FloatA 6.8s ease-in-out infinite -2.2s!important}
@keyframes vg16FloatA{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes vg16FloatB{0%,100%{translate:0 0}50%{translate:0 8px}}
body .vg-reveal-pending{opacity:0!important}
@media(prefers-reduced-motion:reduce){body .vg-float-a,body .vg-float-b,body .vg-float-c{animation:none!important;translate:none!important}body .vg-motion-stage{transform:none!important;transition:none}body .vg-tilt{rotate:none;transition:none}body .vg-reveal-pending{opacity:1!important}}
body .vg-reveal-pending.vg-reveal-pending{opacity:0!important}
@media(prefers-reduced-motion:reduce){body .vg-reveal-pending.vg-reveal-pending{opacity:1!important}}
body .vg-reveal-pending.vg-reveal-pending{transition:none!important}

/* Legible software feature labels in both palettes. */
html[data-theme=light] body.software-page .original-service .work-tags span{color:#264c63!important;background:#dce8ef!important;border:1px solid #abc3d2!important;opacity:1!important;font-weight:600}
html[data-theme=dark] body.software-page .original-service .work-tags span{color:#c6f3e5!important;background:#13372c!important;border:1px solid #426f5d!important;opacity:1!important;font-weight:600}
/* Float within normal flow, keeping space below the monitor. */
body.software-page .original-service .table-scene{gap:26px}

/* One colour for the vertical and horizontal résumé rules. */
html[data-theme=light] .v2-about .resume-story{--resume-rule:#c3d9e5}
html[data-theme=dark] .v2-about .resume-story{--resume-rule:#2b4b40}
body .v2-about .resume-story .resume-rail,body .v2-about .resume-story .resume-acc{border-color:var(--resume-rule)!important}
body .v2-about .resume-story .resume-rail:after{background:var(--resume-rule)!important}
/* Preserve the full original artwork, allowing for its transparent right padding. */
body .v7-footer .footer-logo-link{width:300px;max-width:100%;height:auto;aspect-ratio:300/82;overflow:hidden;display:block}
body .v7-footer .footer-logo-full{width:140%!important;max-width:none!important;height:auto!important;object-fit:contain;object-position:left top;display:block}
@media(max-width:760px){body .v7-footer .footer-logo-link{width:285px;aspect-ratio:300/82}}

.proto-nav>.theme-toggle{margin-left:0;order:5}
@media(max-width:1100px){.proto-nav{gap:20px}}
@media(max-width:700px){.proto-nav{gap:10px}.proto-nav>#menu{margin-left:auto;flex-shrink:0;order:3}.proto-nav>.theme-toggle{min-width:36px;width:36px;height:36px;min-height:36px;padding:8px;flex-shrink:0}.proto-nav>.theme-toggle .theme-toggle-label{display:none}.proto-nav>a:first-child{width:220px!important;flex-basis:220px!important;min-width:0;flex-shrink:1;margin-right:0}.proto-nav>a:first-child img{width:320px!important;max-width:none!important}}
@media(max-width:360px){.proto-nav>a:first-child{width:190px!important;flex-basis:190px!important}.proto-nav>a:first-child img{width:277px!important}.proto-nav{gap:7px}}

.vg8-style-ed67faded9{border-radius:22px;width:100%;height:auto;object-fit:contain;object-position:center top}
.vg8-style-ba8657a5ff{font:800 48px/1.05 Manrope;margin:10px 0 18px}
.vg8-style-eac7694072{color:var(--muted)}
.vg8-style-66d8b59122{margin-top:24px}
/* Native WordPress wrappers: preserve the approved v19 spacing. */
.wp-site-blocks{padding:0!important}.wp-site-blocks>*,.wp-block-post-content,.wp-block-template-part{margin-block:0!important}
.wp-block-group,.wp-block-query,.wp-block-post-template{box-sizing:border-box}
:where(.wp-block-group>*,.wp-block-vg-element>*){margin-block-start:0}
.wp-block-post-content>.wp-block-group{margin:0}.wp-block-post-content:focus{outline:none}
.wp-block-query .wp-block-post-template{list-style:none;padding:0;margin:0;display:block}
.wp-block-query .wp-block-post-template>li{list-style:none;margin:0;padding:0}
.v2-project-list .wp-block-query{width:100%}
/* Core Query Loop wraps each article in .wp-block-post. Alternate the native
   post items, rather than each article (which is always its parent's first). */
@media(min-width:761px){
 .v2 .wp-block-post:nth-child(even) .v2-project-row{grid-template-columns:1fr 1.2fr}
 .v2 .wp-block-post:nth-child(even) .v2-project-photo{order:2}
}
.wp-block-post-template>li:has(>.project-card[hidden]){display:none}
.wp-block-heading{box-sizing:border-box}.wp-block-vg-text{box-sizing:border-box}
.wp-block-vg-contact-form>div{display:contents}
body.admin-bar .proto-header{top:32px}@media(max-width:782px){body.admin-bar .proto-header{top:46px}}

/* Device screens own the clipping radius. A generic image radius leaves
   empty corners inside the bezel, especially on narrow phone displays. */
body :is(.device-screen,.booking-screen,.booking-ui-screen,.proj-screen,.soft-command-screen,.scene-screen,.soft-desktop-screen,.vg-hse-custom-screen){overflow:hidden}
body :is(.device-screen,.booking-screen,.booking-ui-screen,.proj-screen,.soft-command-screen,.scene-screen,.soft-desktop-screen,.vg-hse-custom-screen) img{border-radius:0!important;display:block}
body .scene-screen img{border-radius:4px!important}

/* Light service cards: stronger hierarchy, same layout. */

html[data-theme=light] .services-section .service-card{border-color:#b8d1e0!important;box-shadow:0 12px 30px rgba(24,59,83,.08)!important;transition:border-color .25s,box-shadow .25s,translate .25s}
html[data-theme=light] .services-section .service-icon-wrap{border-radius:50%;background:#e0eff6;border:1px solid #b9d8e6}
html[data-theme=light] .services-section .service-icon-wrap svg{width:42px;height:42px;stroke:#12647d!important;stroke-width:2.3;filter:none!important}
html[data-theme=light] .services-section .service-orbit{border-color:#8dbdd1!important}
html[data-theme=light] .services-section .service-card p{color:#3c566d!important}
html[data-theme=light] .services-section .service-card:hover,html[data-theme=light] .services-section .service-card:focus-visible{border-color:#159ac0!important;box-shadow:0 16px 36px rgba(24,84,112,.13)!important;translate:0 -5px}
@media(prefers-reduced-motion:reduce){html[data-theme=light] .services-section .service-card{transition:none;translate:none}}

/* Match the dropdown trigger's box and baseline to the adjacent menu links. */
body .proto-nav nav>a,body .proto-nav .services-toggle{display:inline-flex;align-items:center;line-height:1.6;padding:12px 0;border:0;border-bottom:2px solid transparent;box-sizing:border-box}
body .proto-nav nav>a[aria-current]{border-bottom-color:currentColor}
body .proto-nav .services-toggle>span{line-height:inherit}
body .proto-nav .services-toggle>span[aria-hidden]{display:block;font-size:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:3px}
body .social-rail a svg,body .theme-toggle svg{display:block;margin:0;flex-shrink:0}

/* Gentle section rhythm on the homepage. */

html[data-theme=light] body .home-intro{background:#f5f8fa!important}
html[data-theme=light] body .services-section{background:#eaf2f7!important}
html[data-theme=light] body .v2-showcase{background:#f4f7fa!important}
html[data-theme=light] body .vg-case-home{background:#e9f2f8!important}
html[data-theme=light] body .about-home{background:#ffffff!important}
html[data-theme=light] body :is(.services-section,.v2-showcase,.vg-case-home,.about-home){border-top:1px solid rgba(33,78,108,.09)}

html[data-theme=dark] body :is(.services-section,.v2-showcase,.vg-case-home,.about-home){border-top:1px solid rgba(142,199,184,.08)}

html[data-theme=light] body .v2-showcase-tabs small{color:#3e6178!important}

/* Semantic footer headings keep their approved appearance. */
body .v7-footer .footer-grid h3.vg-footer-heading{color:#fff;font:700 15px/1.6 Arial,sans-serif;letter-spacing:normal;margin:4px 0 20px}
html[data-theme=dark] body .v7-footer .footer-grid h3.vg-footer-heading{color:#f2f8f5}
@media(max-width:760px){body .v7-footer .footer-grid h3.vg-footer-heading{font-size:14px;margin-bottom:14px}}

html[data-theme=light] body .v2-showcase-caption span{color:#3e6178!important}
html[data-theme=light] body .vg-case-head :is(.eyebrow,.text-link){color:#086881!important}

/* Give the dark form panel and project search room around their contents. */
html[data-theme=dark] body .v2-contact-form{padding:32px;min-width:0}
html[data-theme=dark] body .v2-search input{padding-inline:14px;box-sizing:border-box;min-width:0;width:100%}
@media(max-width:760px){html[data-theme=dark] body .v2-contact-form{margin-inline:0;padding:28px 22px 34px}}
/* Keep consent preferences clear of the WhatsApp control, in both colour modes. */
html body button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float][data-iub-enabled]{left:0!important;right:auto!important;bottom:0!important;top:auto!important}
/* The site already has its own legal links; suppress only the duplicate legal bar.
   Consent banner, its branding and floating preferences control remain visible. */
html body #iub-legal-footer{display:none!important}