/*
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: 2.4
Text Domain: vinesh-goorah
*/

:root{--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}*{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,#06100e,#071310 45%,#050c0a);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:#0b1a17;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),#137a68);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%,#8fffe8 46%,#29a587 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:#9db3ae;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,#10231f,#08100e)}.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:#789089;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:#07110f;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:#78908a}.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:#050b09}.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:#96aaa5;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:#637a74;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:#07110f;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,#06100f 0%,#07110f 48%,#0d1e1a 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:#0cae8e;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,#74ffe6 0%,#16d4b2 55%,#1e9d88 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 #2df1ca;border-radius:50%;display:grid;place-items:center;color:#2df1ca;box-shadow:0 0 30px rgba(45,241,202,.12);transition:.25s}.play-link:hover .play-orb{background:#2df1ca;color:#06100e;transform:scale(1.07)}.play-link b,.play-link small{display:block}.play-link small{color:#809993;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:#0b1816;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:#57716b}.code-top em{font-style:normal;font-size:10px;color:#6d8b84;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:#183b34}.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:#53d7bd;margin-bottom:20px}.code-screen strong{font:800 48px/1.02 'Manrope';letter-spacing:-.04em}.code-screen strong span{color:#33e5c2}.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,#25c6a7 30%,#183b34 30%)}.screen-bars i:nth-child(2){background:linear-gradient(90deg,#25c6a7 58%,#183b34 58%)}.screen-bars i:nth-child(3){background:linear-gradient(90deg,#25c6a7 74%,#183b34 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:#62f7da;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:#8ba19c;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:#37e8c4}.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:#07110f}.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 #28d7b4;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#35edc9}.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 #1c2926;border-radius:16px 16px 6px 6px;background:#06100e;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,#07120f,#0f2822);position:relative}.mini-site small{letter-spacing:.25em;color:#6be3cc}.mini-site b{display:block;font:800 42px/1 'Manrope';margin-top:30px}.mini-site b span{color:#2fe2be}.mini-site i{display:block;width:60%;height:7px;background:#173b33;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(#344540,#15211e);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 #1c2926;border-radius:28px;background:linear-gradient(180deg,#07120f,#0c2923);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:#182520;border-radius:10px}.phone small{color:#72938c}.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:#0f4036;border:1px solid rgba(62,235,199,.17)}.scene-note{position:absolute;right:5px;top:35px;font:italic 23px/1.2 Georgia;color:#93aaa4;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:#38e4c0}.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,#0a1b18,#0a1715);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,#2ce7c1,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:#081411;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:#26d5b2}.about-values em{margin-top:auto;font:italic 20px Georgia;color:#829b95;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,#32e5c1,#189e84);color:#04100d;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:#081512;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,#15362e,#081411)}.project-meta{padding:20px}.project-meta>span{font-size:11px;color:#33dfbc}.project-meta h3{font:700 18px/1.2 'Manrope';margin:8px 0}.project-meta p{font-size:13px;color:#94aaa4;margin:0}.dashboard-mock{position:absolute;inset:45px 34px 26px;border:6px solid #263b36;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(#2ecfaf 30%,#dae6e3 30%)}.phone-stack i{position:absolute;width:100px;height:190px;border-radius:22px;border:7px solid #1c302b;background:linear-gradient(#0e362e,#07110f);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 #1c302b;border-radius:7px;background:linear-gradient(135deg,#102d27,#0a1714);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:#091713}.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,#08221c,#07110f 55%,#0d231e)}.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:#06110f;--v3-panel:#081815;--v3-teal:#28e1bd;--v3-teal2:#12a889;--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:#78908a}.lang-switch button{border:0;background:transparent;color:#7e938e;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,#06100e 0%,#071411 54%,#081612 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,#10231f,#07120f);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:#6f8983;font-size:10px}.code-bar i{width:7px;height:7px;border-radius:50%;background:#2ce2be}.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,#091916,#0d2721)}.code-pane small{letter-spacing:.32em;color:#89a29c}.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,#2ee2bd,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:#dffaf4;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,#06110f 0%,#071512 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 #152622;background:#08100e}.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,#0b1714,#0e2922)}.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:#2de4bf;font-weight:800;background:#0b211c}.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:#2be4bf;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:#2be4bf;top:-4px;left:50%;box-shadow:0 0 14px #2be4bf}.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:#05100e}.floating-wa{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1ed7af;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:#081411}.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:#38e7c2;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:#a9c9c1;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 #152521;border-radius:14px;background:#07110f;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:#13231f;padding:8px;display:flex;gap:5px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#477069}.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,#0d1e1a,#08110f)}.web-ui>span{display:block;width:35%;height:7px;background:#35ddba;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%,#27caa8 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 #162a25;background:#0a1714;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,#10251f 0 18px,#0a1714 18px 35px)}
.hse-window{width:94%;min-height:390px;border:8px solid #192a26;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:#0d2a25;padding:24px 18px;display:flex;flex-direction:column;gap:17px}.hse-window aside b{color:#47e5c4;font:800 20px Manrope;margin-bottom:16px}.hse-window aside i{height:8px;border-radius:6px;background:#31524b}.hse-window main{padding:24px;color:#18302b}.hse-window main header{display:flex;justify-content:space-between;font-weight:800}.hse-window main header small{color:#78928c}.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:#1f6f5f}.hse-kpis small{display:block;font-size:9px;color:#78928c}.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:#8faaa4;letter-spacing:.06em}.restaurant-stage{min-height:500px}.restaurant-shot{position:absolute;width:67%;height:360px;border:7px solid #162722;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:#9db3ae;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,#0a1916,#102a24);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:#809993;font-size:12px}.work-jump-link svg{width:28px;height:28px;fill:none;stroke:#2df1ca;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:#32e7c1}.social-rail a:nth-child(2):hover{color:#06100e;background:#32e7c1}

.web-monitor{overflow:hidden}.web-monitor .device-screen{height:calc(100% - 26px);overflow:hidden;background:#08110f}.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:#0b1513;border:8px solid #172824;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:#101614}.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:#263530}

.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 #162521;border-radius:16px;background:#07110f;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:#5d7972}
.desktop-screen{height:calc(100% - 28px);overflow:hidden;background:#07110f}
.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,#263731,#111b18);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,#33433e,#131d1a);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,#263632,#101916);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:#52645f;z-index:2}
.tablet-screen{height:100%;overflow:hidden;border-radius:10px;background:#07110f}
.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,#283834,#0e1714);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:#0b1210;z-index:3}
.phone-screen{height:100%;overflow:hidden;border-radius:17px;background:#07110f}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:52% 3%;display:block}
.social-rail .rail-whatsapp{color:#22e07f;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:#062015;background:#25d366;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 #162722;border-radius:18px;overflow:hidden;background:#07110f;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,#0b1a17,#09221c)}
.bp-nav{height:9px;width:52%;border-radius:8px;background:linear-gradient(90deg,#31dbb6 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:#38dfbd;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:#9fc7be;box-shadow:0 18px 40px rgba(0,0,0,.3)}.bp-chip b{display:block;color:#4df0ce;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 #1a2b27;border-radius:14px;background:#06100e;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(#263a34,#111a17);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:#18231f;left:50%;bottom:-7px;transform:translateX(-50%)}
.soft-tablet{position:absolute;right:2%;top:126px;width:180px;height:235px;padding:9px;background:#162520;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:#172620;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:#081512;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,#263833,#0f1816);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,#283934,#0f1816);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:#10211d;background:linear-gradient(180deg,#f7faf9,#edf4f1)}.booking-app-ui.dark{background:linear-gradient(150deg,#101e1b,#0a1513);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:#28a789}
.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,#29a587,#52f1d2);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:#10251f;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,#29a587,#42d9b8);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:#16231f;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:#789089;font-size:10px}.proj-device-bar i{width:6px;height:6px;border-radius:50%;background:#4b625c}.proj-device-bar span{margin-left:6px}.proj-screen{overflow:hidden;background:#06100e}.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 #1a2421;border-top-width:2px}.proj-monitor-neck{width:16%;height:32px;margin:auto;background:linear-gradient(#1c2723,#111915)}.proj-monitor-base{width:38%;height:10px;margin:auto;background:#26332e;border-radius:50%}.proj-web-tablet{width:22%;padding:7px;border-radius:18px;background:#202b27;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:#202b27;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:#71817d;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:#263632;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:#263632;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:#17211e;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:#51635d}
.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 #1a2421;border-top-width:2px;background:#06100e;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(#202c28,#111915);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:#16231f;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:#7f948e}.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 #19231f;background:#06100e;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(#202d28,#0f1714);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,#27332f,#121a17);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:#0d1412}.printer-ticket{position:absolute;left:34px;right:34px;top:50px;padding:18px 14px;background:#f5f2e9;color:#19211e;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:#101a19;display:grid;place-items:center;font:400 20px/1 Manrope;color:#fff;z-index:2;box-shadow:0 0 0 5px #07110f;transition:.25s ease}
.resume-acc-toggle:hover .resume-symbol{border-color:var(--accent2);color:var(--accent2);box-shadow:0 0 0 5px #07110f,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:#baffef}.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:#9db3ae;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:#0b1210;
}
.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:#0a1210!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:#07100e;border:7px solid #25332f;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:#020604;top:0;left:50%;transform:translateX(-50%);z-index:3}
.app-lp-screen{height:100%;padding:64px 23px 24px;background:linear-gradient(180deg,#0b221d,#07110e);color:#fff}
.app-lp-screen small{display:block;color:#4ee4c2;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:#27d7b5;color:#04251e;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:#2ad9b4;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:#4be0be;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:#3de0bc;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:#45dfbd;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:#3ee0bd;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:#39ddba;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,#37e1bd,#169f83);flex:0 0 auto}
.app-lp-notification small{display:block;color:#42dcba;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:#46dfbd;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:#3cddba;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:#3adebb;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:#08130f;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:#42dfbd;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:#29d7b3;color:#04251e;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:#70817c;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:#6f807b;font-size:9px}.rest-lp-order b{font-size:12px}
.rest-lp-ticket{position:absolute;right:0;bottom:38px;width:185px;background:#f2eee5;color:#191d1a;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:#2bd8b5;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:#3fdfbd;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:#45dfbd;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:#3ee0bd;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:#9cafaa;font-size:11px;letter-spacing:.12em}.room-head small{color:#3fddbb}.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:#778781;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:#0b1713;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:#3edebc}.printer i{display:block;width:46px;height:6px;border-radius:99px;background:#273a34;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,#0b1c17,#07110e);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:#42debb}.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:#83938e;white-space:nowrap}.menu-tabs span.active{border-color:rgba(53,219,186,.24);color:#43dfbd}.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:#3ddcba;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:#42ddbb;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:#3cddba;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:#3adebb;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}}