@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#101411;--paper:#eeeae1;--text:#f2eee5;--muted:#a7ada5;--accent:#c6b38a;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{height:102px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:13px;line-height:1.3;letter-spacing:2.5px;font-size:19px}.brand img{width:53px;height:53px;border-radius:50%}.brand small{display:block;font-size:7px;letter-spacing:1.6px;margin-top:6px}nav{display:flex;gap:32px;font-size:12px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{font-size:12px;border-bottom:1px solid #b1a384;padding:12px 0}.nav-cta span{margin-left:28px}.hero{position:relative;min-height:720px;padding:88px 5.6% 80px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#253025 0,transparent 52%)}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;margin:0 0 28px;color:var(--accent)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.04}h1{font-size:clamp(58px,6.2vw,96px);letter-spacing:-2.5px;margin-bottom:28px}em{font-weight:400;color:var(--accent)}.lead{font-size:19px;line-height:1.6;margin-bottom:18px}.intro{font-size:13px;color:var(--muted);max-width:430px;margin-bottom:32px}.button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;padding:17px 23px;font-size:12px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.cream{color:#161c16;background:var(--paper)}.cream:hover{background:#d5c8ad;transform:translateY(-2px)}.text-link{display:inline-block;font-size:11px;margin-left:23px}.text-link span{margin-left:10px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.main-logo{width:81%;max-width:450px;z-index:1;border-radius:50%;box-shadow:0 35px 70px #0008}.orbit{position:absolute;width:107%;aspect-ratio:1;border:1px solid #b4ba9b20;border-radius:50%;transform:rotate(-35deg) scaleY(.82)}.orbit.two{width:125%;transform:rotate(45deg) scaleY(.72)}.art-caption{position:absolute;top:0;right:0;font-size:9px;letter-spacing:3px;color:#adb29e}.art-note{position:absolute;bottom:-10px;right:5%;border-top:1px solid #7d8c704d;padding-top:16px;display:flex;gap:24px;font-size:10px;color:var(--muted)}.art-note>span{color:var(--accent)}.hero-bottom{position:absolute;bottom:24px;left:5.6%;right:5.6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted)}section:not(.hero){padding:100px 7.5%}.light{background:var(--paper);color:#202820}.light .eyebrow{color:#6a6958}.light em{color:#72735f}h2{font-size:clamp(42px,4.1vw,62px);letter-spacing:-1px;margin-bottom:25px}.approach{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.approach-text{padding-top:42px;color:#666b62;font-size:14px}.large{color:#293028;font-size:22px;line-height:1.5}.under-link{display:flex;justify-content:space-between;border-bottom:1px solid #a5a797;padding:18px 0;color:#343e32;font-size:12px;max-width:280px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.section-head>p{font-size:13px;color:var(--muted);max-width:340px;margin-bottom:30px}.service-list article{border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 1.15fr .7fr;align-items:center;gap:25px;padding:35px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.number{color:var(--accent);font-size:11px}.service-list h3{font-size:32px;margin:0}.service-list p{font-size:12px;color:var(--muted);margin:0}.service-tag{font-size:8px;letter-spacing:1.5px;text-align:right;color:var(--accent)}section.dashboard{padding-top:0}.showcase{border:1px solid #777c614f;background:#171c17}.showcase-top{display:flex;justify-content:space-between;gap:20px;padding:19px 28px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.4px}.showcase-top a{color:var(--accent);letter-spacing:.4px}.dashboard-cover{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding:58px;background:radial-gradient(ellipse at right bottom,#313a28,transparent 70%)}.dashboard-cover h3{font-size:48px}.dashboard-cover p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:390px}.dashboard-index{padding-top:20px}.dashboard-index>span{font-size:9px;letter-spacing:2px;color:var(--accent)}.dashboard-index p{border-bottom:1px solid var(--line);padding:19px 0;margin:0;display:flex;align-items:center;gap:20px}.dashboard-index p span{margin-left:auto}.dashboard-index b{font-size:9px;color:var(--accent);font-weight:400}.dashboard-caption{display:flex;justify-content:space-between;gap:45px;margin-top:20px}.dashboard-caption>span{font-size:8px;letter-spacing:1.5px}.dashboard-caption p{max-width:500px;color:var(--muted);font-size:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps article{border-top:1px solid #a8ac9f;padding-top:22px}.steps span{font-size:10px;color:#72735f}.steps h3{font-size:30px;margin:24px 0 15px}.steps p{font-size:12px;color:#666b62}.next{text-align:center;background:radial-gradient(ellipse at center bottom,#303c2a,transparent 75%)}.next p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:30px}.next h2{font-size:clamp(48px,5vw,76px)}footer{padding:30px 5.6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:10px;color:var(--muted);margin:0}footer .brand{font-size:15px}footer .brand small{font-size:6px;letter-spacing:1px}.embed-note{padding:12px 20px;font-size:11px;color:var(--muted);margin:0}.embed-note a{text-decoration:underline}iframe{display:block;width:100%;height:780px;background:#fff;border:0}.skip{position:fixed;top:-100px;background:var(--paper);color:#000;padding:12px;z-index:99}.skip:focus{top:0}[hidden]{display:none!important}@media(min-width:1600px){header,.hero,footer{padding-left:max(6%,calc((100% - 1450px)/2));padding-right:max(6%,calc((100% - 1450px)/2))}}@media(max-width:950px){header{height:85px}nav{gap:18px}.nav-cta{display:none}.hero{padding-top:65px;min-height:660px}.hero-art{align-self:center}.art-caption{top:-45px;font-size:7px}.art-note{bottom:-75px}.text-link{margin:20px 0 0;display:block}.service-list article{grid-template-columns:30px 1fr 1.2fr}.service-tag{display:none}.dashboard-cover{gap:30px;padding:35px}.dashboard-cover h3{font-size:39px}.steps{gap:20px}.steps h3{font-size:26px}}@media(max-width:600px){header{padding:0 6%;gap:12px}.brand{font-size:16px;gap:9px}.brand img{width:43px;height:43px}nav a:not(:last-child){display:none}nav{font-size:11px}.hero{grid-template-columns:1fr;padding:48px 7% 65px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:24px}h1{font-size:58px;letter-spacing:-1.6px}.lead{font-size:17px}.hero-art{height:300px;margin-top:40px}.main-logo{width:245px}.orbit{width:280px}.orbit.two{width:320px}.art-caption,.art-note{display:none}.hero-bottom{font-size:6px;letter-spacing:1px;left:7%;right:7%}section:not(.hero){padding:65px 7%}.approach{grid-template-columns:1fr;gap:0}.approach-text{padding-top:12px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px}.service-list article{grid-template-columns:25px 1fr;gap:14px;padding:28px 0}.service-list p{grid-column:2}.service-list h3{font-size:30px}.dashboard-cover{grid-template-columns:1fr;padding:29px 23px;gap:25px}.dashboard-cover h3{font-size:39px}.showcase-top{padding:16px;font-size:7px;letter-spacing:.7px}.showcase-top a{white-space:nowrap}.dashboard-caption{display:block}.dashboard-caption p{margin-top:12px}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.steps h3{font-size:28px}.next h2{font-size:47px}.next p br{display:none}footer{flex-wrap:wrap;padding:28px 7%}footer p{display:none}footer>a:last-child{font-size:9px}iframe{height:650px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.dashboard-preview{text-align:center;max-height:410px;overflow:hidden}.dashboard-preview img{width:235px;border:1px solid #7d8063;border-radius:18px;box-shadow:0 20px 60px #0007}.external-note{font-size:10px!important;margin-top:14px}@media(max-width:600px){.dashboard-preview{max-height:360px}.dashboard-preview img{width:230px}}

.contact-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.contact-call{border-color:var(--accent);color:var(--text)}.contact-call:hover{background:#ffffff0d}.next .contact-email{margin:22px 0 0;font-size:13px}.contact-email a{border-bottom:1px solid #c6b38a66;padding-bottom:4px}.footer-contacts{display:flex;gap:25px;font-size:11px;color:var(--muted)}@media(max-width:600px){.contact-actions{flex-direction:column;align-items:stretch}.footer-contacts{width:100%;gap:20px;flex-wrap:wrap}}

/* Sculptural brand and desktop product presentation */
.hero{background:radial-gradient(ellipse at 78% 48%,#29352755,transparent 48%)}
.hero-art{perspective:1100px;isolation:isolate;min-height:500px}
.sculpture-glow{position:absolute;width:90%;height:80%;background:radial-gradient(ellipse,#6a765433,transparent 67%);filter:blur(28px);z-index:-1}
.sculpture-stage{position:relative;width:100%;text-align:center;transform:rotate(-3deg);transition:transform .8s ease}
.hero-art:hover .sculpture-stage{transform:rotate(0deg) translateY(-7px)}
.hero-art .main-logo{width:100%;max-width:510px;border-radius:0;box-shadow:none;filter:drop-shadow(20px 32px 15px #0008);position:relative;z-index:2}
.sculpture-shadow{position:absolute;bottom:67px;left:16%;width:75%;height:28px;border-radius:50%;background:#0009;filter:blur(15px);transform:rotate(3deg)}
.sculpture-signature{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;letter-spacing:3px;color:#cfc4aa;line-height:1.6;margin-top:-24px;position:relative;z-index:3;transform:rotate(3deg)}
.sculpture-signature span{display:block;font-size:12px;letter-spacing:2.5px}
.hero-art .art-caption{top:0}.hero-art .art-note{bottom:-22px;right:8%}
.dashboard .section-head{margin-bottom:42px}.showcase{background:radial-gradient(ellipse at 75% 70%,#35433288,transparent 65%),#131914;border-color:#c6b38a35;overflow:hidden}
.dashboard-cover{grid-template-columns:.8fr 1.5fr;gap:38px;align-items:center;padding:65px 35px 45px 45px;background:none}
.dashboard-cover h3{font-size:42px}.dashboard-cover .button{gap:20px;font-size:11px;padding:15px 18px}.dashboard-cover p:not(.eyebrow){font-size:12px}
.dashboard-preview{max-height:none!important;overflow:visible!important;min-width:0;perspective:1400px;padding:18px 0 0}
.monitor{display:block;position:relative;transform:rotateY(-9deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .65s ease;padding-bottom:18px}
.monitor:hover{transform:rotateY(-2deg) rotateX(1deg) translateY(-5px)}
.monitor-frame{position:relative;background:linear-gradient(135deg,#6c7067,#252a25 18%,#111510 65%,#606357);padding:13px 9px 0;border:1px solid #7d8171;border-radius:14px;box-shadow:6px 6px 0 #343a30,10px 11px 0 #151b15,18px 28px 55px #0009;z-index:2}
.monitor-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;background:#050805;border:1px solid #4e5748;border-radius:50%}
.monitor-screen{overflow:hidden;aspect-ratio:1280 / 675;border:1px solid #000;border-radius:4px;background:#170b0c}
.dashboard-preview .monitor-screen img{display:block;width:100%;border:0;border-radius:0;box-shadow:none;margin-top:-3.5%;height:auto}
.monitor-chin{height:27px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:6px;letter-spacing:2px;color:#c2c5b6}.monitor-chin span{font-size:5px;color:#7c8575}
.monitor-neck{width:17%;height:47px;background:linear-gradient(90deg,#1c221b,#6e7462 46%,#3b4433 65%,#1d231c);margin:-2px auto 0;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.monitor-foot{width:37%;height:15px;margin:0 auto;background:linear-gradient(170deg,#8a8c79,#363d31 45%,#141b14);border-radius:50% 50% 15% 15%;box-shadow:0 18px 20px #0008;border-bottom:2px solid #10160f}
.screen-action{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);padding:12px 18px;white-space:nowrap;background:#ece7d9;color:#182018;border:1px solid #fff7;box-shadow:0 4px 25px #0008;font-size:8px;letter-spacing:1.5px;opacity:0;transition:opacity .2s}.screen-action b{margin-left:15px}.monitor:hover .screen-action,.monitor:focus-visible .screen-action{opacity:1}
.dashboard-cover .preview-label{font-size:8px!important;letter-spacing:2px;color:#a7ad99!important;max-width:none!important;margin:18px 0 0}
@media(min-width:1400px){.dashboard-cover{grid-template-columns:.7fr 1.6fr;padding:65px 55px}.hero-art .main-logo{max-width:560px}}
@media(max-width:950px){.hero-art{min-height:380px}.sculpture-signature{font-size:12px;letter-spacing:2px}.sculpture-signature span{font-size:9px}.dashboard-cover{grid-template-columns:1fr;padding:35px}.dashboard-cover>div:first-child{max-width:540px}.dashboard-preview{max-width:720px;width:100%;margin:auto}.dashboard-cover h3{font-size:45px}.hero-art .art-note{bottom:-50px}}
@media(max-width:600px){.hero-art{min-height:320px;height:auto;margin-top:22px}.hero-art .main-logo{width:90%;max-width:350px}.sculpture-signature{margin-top:-17px;font-size:12px}.sculpture-signature span{font-size:9px}.sculpture-shadow{bottom:40px;height:20px}.dashboard-cover{padding:32px 20px 25px;gap:22px}.dashboard-cover h3{font-size:38px}.monitor{transform:rotateY(-5deg) rotateX(3deg)}.monitor-frame{padding:9px 5px 0;border-radius:9px;box-shadow:3px 4px 0 #343a30,6px 7px 0 #151b15,9px 17px 25px #0008}.monitor-chin{font-size:5px;height:21px;letter-spacing:1px}.monitor-chin span{display:none}.monitor-neck{height:30px}.monitor-foot{height:10px}.screen-action{display:none}.dashboard-cover .preview-label{font-size:6px!important;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.sculpture-stage,.monitor{transition:none}.hero-art:hover .sculpture-stage,.monitor:hover{transform:none}}

/* Original brand artwork, animated without altering its composition */
.original-logo-stage{position:relative;width:100%;max-width:480px;padding:30px 10px 48px;perspective:1200px}
.logo-float{animation:logoFloat 8s ease-in-out infinite;transform-style:preserve-3d}
.logo-tilt{position:relative;transform:rotateX(var(--rx,3deg)) rotateY(var(--ry,-5deg));transition:transform .5s ease-out;transform-style:preserve-3d;border-radius:50%;box-shadow:3px 5px 0 #6f716b,6px 9px 0 #282c27,10px 15px 0 #0a0d0a,20px 35px 45px #0008}
.original-logo{display:block;width:100%;height:auto;border-radius:50%;user-select:none}
.logo-light{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at var(--lx,28%) var(--ly,22%),#ffffff18,transparent 52%);box-shadow:inset 0 0 0 1px #ffffff28}
.logo-ground-shadow{position:absolute;bottom:25px;left:13%;width:76%;height:23px;border-radius:50%;background:#0009;filter:blur(13px);animation:logoShadow 8s ease-in-out infinite}
.logo-motion-toggle{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);background:transparent;border:0;border-bottom:1px solid #a7ada544;color:var(--muted);padding:5px 0;font-size:9px;letter-spacing:1px;white-space:nowrap}
.hero-art .art-note{display:none}
.original-logo-stage.is-paused .logo-float,.original-logo-stage.is-paused .logo-ground-shadow{animation-play-state:paused}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotateZ(-1deg)}50%{transform:translateY(-12px) rotateZ(1deg)}}
@keyframes logoShadow{0%,100%{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.9);opacity:.35}}
@media(max-width:600px){.original-logo-stage{max-width:320px;padding:20px 12px 44px}.hero-art{min-height:350px}.logo-tilt{box-shadow:2px 4px 0 #6f716b,4px 7px 0 #282c27,7px 10px 0 #0a0d0a,12px 25px 30px #0008}.logo-motion-toggle{bottom:0}}
@media(prefers-reduced-motion:reduce){.logo-float,.logo-ground-shadow{animation:none}.logo-tilt{transform:none;transition:none}.logo-motion-toggle{display:none}}

.original-logo-stage{max-width:560px;padding:30px 0 50px}.logo-tilt{border-radius:0;box-shadow:none;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.original-logo{border-radius:0;filter:url('#clean-alpha');width:100%}.sculpture-glow{display:none}.logo-float{animation:integratedFloat 9s ease-in-out infinite}@keyframes integratedFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:600px){.original-logo-stage{max-width:380px;padding:20px 0 40px}.logo-tilt{box-shadow:none}.hero-art{min-height:260px}}@media(prefers-reduced-motion:reduce){.logo-float{animation:none}}

/* Volumetric white mark: twelve depth planes and continuous perspective */
.original-logo-stage{perspective:900px;max-width:600px;padding:40px 0 60px}
.logo-float{transform-style:preserve-3d;animation:brandLevitate 6s ease-in-out infinite}
.logo-tilt{transform-style:preserve-3d;transition:transform .22s ease-out}
.logo-rotor{position:relative;transform-style:preserve-3d;animation:brandTurn 10s ease-in-out infinite}
.logo-depth-layer{position:absolute;inset:0;width:100%;height:auto;filter:url('#clean-alpha') brightness(var(--shade));transform:translateZ(var(--depth));pointer-events:none;user-select:none;backface-visibility:hidden}
.original-logo{position:relative;transform:translateZ(1px);filter:url('#clean-alpha') drop-shadow(1px 1px 0 #b1b5ae);backface-visibility:hidden}
.original-logo-stage.is-paused .logo-rotor{animation-play-state:paused}
.hero-art{overflow:visible}.hero-art::before{content:'';position:absolute;inset:5% -12%;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#73846a24,transparent 65%);pointer-events:none;animation:brandLight 10s ease-in-out infinite}
@keyframes brandTurn{0%,100%{transform:rotateY(-20deg) rotateX(9deg) rotateZ(-2deg)}50%{transform:rotateY(22deg) rotateX(-7deg) rotateZ(2deg)}}
@keyframes brandLevitate{0%,100%{transform:translateY(8px)}50%{transform:translateY(-15px)}}
@keyframes brandLight{0%,100%{opacity:.5;transform:translateX(-25px)}50%{opacity:1;transform:translateX(25px)}}
@media(max-width:600px){.original-logo-stage{max-width:380px;padding:35px 0 55px;perspective:700px}.hero-art{min-height:290px}}
@media(prefers-reduced-motion:reduce){.logo-float,.logo-rotor,.hero-art::before{animation:none}.logo-rotor{transform:rotateY(-12deg) rotateX(4deg)}}

/* Crisp original letterform with live, resolution-independent caption */
.sharp-brand{width:100%;padding:5px 25px 20px;transform-style:preserve-3d}
.fm-letterform{position:relative;width:53%;aspect-ratio:360 / 380;margin:0 auto 25px;transform-style:preserve-3d}
.fm-crop{display:block;position:relative;width:100%;height:100%;overflow:hidden;filter:url('#original-white')}
.fm-crop img{position:absolute;max-width:none;width:333.333333%;height:auto;left:-116.666667%;top:-75%;user-select:none}
.fm-front,.fm-side{position:absolute;inset:0;display:block}.fm-front{transform:translateZ(1px)}
.fm-side{transform:translateZ(var(--z));opacity:var(--tone)}
.fm-brand-rule{height:2px;width:100%;background:#e8e9e5;margin:0 auto 21px;box-shadow:1px 2px 0 #788075,2px 3px 0 #323d31}
.fm-brand-caption{text-align:center;font-family:Georgia,'Times New Roman',serif;color:#f1f1ed;font-weight:400;letter-spacing:2px;font-size:clamp(16px,1.8vw,26px);line-height:1.35;text-shadow:1px 1px 0 #798274,2px 2px 0 #303c2c;-webkit-font-smoothing:antialiased}
.fm-brand-caption>span{display:block;white-space:nowrap}.fm-brand-caption .ampersand{font-size:.85em;line-height:1.35}
.logo-rotor{animation:brandTurn 7s ease-in-out infinite}.logo-float{animation:brandLevitate 4.5s ease-in-out infinite}
@keyframes brandTurn{0%,100%{transform:rotateY(-27deg) rotateX(10deg) rotateZ(-3deg)}50%{transform:rotateY(27deg) rotateX(-9deg) rotateZ(3deg)}}
@keyframes brandLevitate{0%,100%{transform:translateY(12px)}50%{transform:translateY(-18px)}}
@media(max-width:600px){.sharp-brand{padding:5px 12px 15px}.fm-letterform{width:58%;margin-bottom:18px}.fm-brand-caption{font-size:clamp(10px,3.3vw,19px);letter-spacing:.7px}.fm-brand-rule{margin-bottom:15px;height:1px}.original-logo-stage{padding-bottom:55px}.hero-art{min-height:340px}}
@media(prefers-reduced-motion:reduce){.logo-rotor,.logo-float{animation:none}}

.monitor-screen{position:relative}.demo-brand-header{position:absolute;z-index:3;top:0;left:0;right:0;height:10.7%;display:flex;align-items:center;gap:1.5%;padding:0 2.5%;background:#170b0c;color:#f4e7c6;text-align:left;container-type:inline-size}
.lume-mark{display:inline-flex;position:relative;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #d0b874;border-radius:6px;font:20px Georgia,serif;color:#e9d5a5;background:#332318;flex-shrink:0}.lume-mark>span{font-size:9px;margin-top:-11px;margin-left:1px}.lume-name{font:12px Georgia,serif;letter-spacing:2px;line-height:1.1}.lume-name small{display:block;font:5px Arial,sans-serif;letter-spacing:1px;margin-top:3px}.demo-months{font-size:6px;letter-spacing:0;color:#d4c8b6;margin-left:auto;white-space:nowrap}.demo-months b{color:#e5cf88}
.dashboard-preview{position:relative;padding-right:35px!important;padding-bottom:16px!important}.phone-demo{position:absolute;z-index:4;right:-5px;bottom:50px;width:25%;max-width:165px;background:linear-gradient(140deg,#74786c,#171d17 20%,#111611 80%,#616858);border:1px solid #8c9182;padding:13px 5px 15px;border-radius:22px;box-shadow:5px 7px 0 #131a13,12px 22px 35px #0009;transform:rotateY(-9deg) rotateZ(3deg);transition:transform .4s}
.phone-demo:hover{transform:rotateY(0) rotateZ(0) translateY(-6px)}.phone-screen{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:319 / 600;background:#170b0c}.dashboard-preview .phone-screen img{width:100%;height:auto;border:0;border-radius:0;box-shadow:none;display:block;margin-top:-12.85%}.phone-brand{position:absolute;left:0;right:0;top:0;height:10.8%;background:#170b0c;display:flex;align-items:center;gap:6px;padding:4px 7px;text-align:left;color:#e9d5a5}.phone-brand .lume-mark{width:20px;height:20px;font-size:16px}.phone-brand .lume-mark>span{font-size:7px}.phone-brand .lume-name{font-size:9px;letter-spacing:1px}.phone-brand .lume-name small{font-size:4px;letter-spacing:.3px}.phone-speaker{position:absolute;top:5px;left:38%;width:24%;height:3px;border-radius:5px;background:#050805}.phone-home{height:3px;width:30%;position:absolute;bottom:6px;left:35%;background:#90978a;border-radius:5px}
@media(max-width:600px){.dashboard-preview{padding-right:30px!important;padding-bottom:45px!important}.phone-demo{right:-4px;bottom:45px;width:29%;padding:10px 3px 12px;border-radius:13px}.phone-screen{border-radius:7px}.demo-brand-header .lume-mark{width:14px;height:14px;font-size:11px;border-radius:3px}.demo-brand-header .lume-mark>span{font-size:5px;margin-top:-5px}.demo-brand-header .lume-name{font-size:7px;letter-spacing:.5px}.demo-brand-header .lume-name small{font-size:3px;letter-spacing:.2px}.demo-months{font-size:3px}.phone-brand{padding:2px 3px;gap:3px}.phone-brand .lume-mark{width:14px;height:14px;font-size:11px}.phone-brand .lume-name{font-size:6px}.phone-brand .lume-name small{font-size:3px}.phone-brand .lume-mark>span{font-size:5px;margin-top:-5px}.dashboard-cover .preview-label{margin-top:50px}}

.live-charts{background:linear-gradient(135deg,#182119,#101411)}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.chart-toolbar label{font-size:12px;color:var(--muted)}.chart-toolbar select{margin-left:15px;padding:10px 25px 10px 12px;background:#243024;border:1px solid #67715d;color:var(--text);font:inherit}.chart-toolbar button{background:transparent;border:1px solid #65715b;padding:10px 15px;color:var(--text);font-size:11px}.chart-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:24px}.chart-kpis>div{padding:24px;border-right:1px solid var(--line)}.chart-kpis>div:last-child{border:0}.chart-kpis span{display:block;color:var(--muted);font-size:8px;letter-spacing:1.5px}.chart-kpis strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;font-weight:500;margin-top:7px;white-space:nowrap}.chart-kpis .negative{color:#f09c94}.live-chart-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.chart-panel{padding:28px;background:#ffffff03;border:1px solid var(--line);min-width:0}.chart-heading h3{font-size:30px;margin-bottom:9px}.chart-heading>span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}#monthly-chart{margin-top:25px}#monthly-chart svg{display:block;width:100%;height:auto}.chart-bar{transition:y .45s,height .45s;cursor:default}.chart-bar:hover{filter:brightness(1.2)}.chart-legend{display:flex;justify-content:center;gap:25px;font-size:10px;color:var(--muted);margin-bottom:0}.chart-legend i{background:#c6b38a}.chart-legend .cost-dot{background:#708c7c}.cost-visual{display:flex;align-items:center;gap:24px;margin-top:38px}.donut{position:relative;border-radius:50%;width:165px;aspect-ratio:1;flex-shrink:0;transition:background .4s}.donut>div{position:absolute;inset:21px;border-radius:50%;background:#18211a;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font:25px 'Cormorant Garamond',Georgia,serif}.donut span{font-size:9px;color:var(--muted)}#cost-legend{flex:1;font-size:10px}#cost-legend p{display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;margin-bottom:12px}#cost-legend i{width:6px;height:6px;margin:0}#cost-legend small{display:block;color:var(--muted);font-size:9px}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:25px;padding:32px;border:1px solid #c6b38a44}.scenario h3{font-size:34px;margin-bottom:12px}.scenario p{font-size:12px;color:var(--muted)}.scenario .eyebrow{font-size:8px;margin-bottom:16px}.scenario-inputs label{display:flex;justify-content:space-between;font-size:12px}.scenario-inputs output{color:var(--accent);font-weight:600}.scenario-inputs input{width:100%;accent-color:#c6b38a;margin:15px 0 22px;cursor:pointer}.scenario-inputs #scenario-delta{color:var(--text);margin-bottom:0}.chart-method{margin-top:25px;font-size:11px;color:var(--muted)}.chart-method summary{cursor:pointer;color:var(--text);padding:10px 0}.chart-method p{max-width:900px}.chart-method table{border-collapse:collapse;width:100%;margin-top:20px;font-size:10px}.chart-method th,.chart-method td{border-bottom:1px solid var(--line);text-align:right;padding:10px 6px}.chart-method th:first-child,.chart-method td:first-child{text-align:left}#chart-data-table{overflow:auto}@media(max-width:1050px){.live-chart-grid{grid-template-columns:1fr}.cost-visual{justify-content:center}.chart-kpis strong{font-size:31px}.chart-kpis>div{padding:18px}.scenario{gap:30px}}@media(max-width:600px){.chart-toolbar{align-items:flex-start}.chart-toolbar label{display:flex;flex-direction:column;gap:8px}.chart-toolbar select{margin:0}.chart-toolbar button{font-size:9px}.chart-kpis{grid-template-columns:1fr 1fr}.chart-kpis>div{border-bottom:1px solid var(--line)}.chart-kpis strong{font-size:30px}.chart-panel{padding:20px}.scenario{grid-template-columns:1fr;padding:23px;gap:20px}.cost-visual{gap:18px}.donut{width:125px}.donut>div{inset:16px}.donut strong{font-size:20px}#cost-legend{font-size:9px}.chart-heading h3{font-size:28px}}@media(prefers-reduced-motion:reduce){.chart-bar,.donut{transition:none}}

.profile-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.profile-copy p{color:var(--muted);font-size:14px}.profile-copy .large{font-size:24px;color:var(--text)}.profile-copy .under-link{color:var(--text)}.profile-signature{font-family:Georgia,serif;letter-spacing:3px;font-size:22px;margin-top:35px}.profile-signature span{display:block;font:9px Manrope,Arial,sans-serif;letter-spacing:2px;line-height:1.8;color:var(--accent);margin-top:12px}.deliverables .section-head>p{color:#646d5e}.deliver-grid,.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 60px;margin-top:45px}.deliver-grid article{border-top:1px solid #a9ad9c;padding-top:22px}.deliver-grid article>span,.question-grid article>span{font-size:9px;letter-spacing:2px;color:#7c7d62}.deliver-grid h3,.question-grid h3{font-size:34px;margin:20px 0 15px}.deliver-grid p{color:#616958;font-size:13px}.scope-note{font-size:11px;color:var(--muted);margin:30px 0 0;max-width:800px}.light .scope-note{color:#616958}.question-grid article{padding:28px;border:1px solid var(--line)}.question-grid article>span{color:var(--accent)}.question-grid article p{font-size:13px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid #aab19f;padding:20px 0}.faq-list summary{cursor:pointer;font-size:15px}.faq-list p{font-size:13px;color:#626b5c;margin:16px 0 0}.whatsapp-link{display:inline-block;font-size:13px;color:var(--accent);padding:22px 0 4px;border-bottom:1px solid #788167}.contact-form{max-width:760px;margin:55px auto 0;padding:35px;text-align:left;border:1px solid var(--line);background:#10181055}.contact-form h3{font-size:32px}.contact-form label{display:block;font-size:11px;color:var(--muted)}.contact-form input,.contact-form textarea{display:block;width:100%;margin:8px 0 18px;padding:12px;background:#182218;color:var(--text);border:1px solid #5a6850;font:14px Manrope,Arial,sans-serif;border-radius:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.next .contact-form p{font-size:10px;margin-bottom:20px}.contact-form #form-status{display:block;font-size:11px;margin-top:15px;color:var(--muted)}.contact-dock{position:fixed;right:25px;bottom:25px;z-index:50}.contact-dock>button{background:var(--paper);color:#1a2519;padding:15px 22px;border:1px solid #afba9e;box-shadow:0 7px 30px #0006;font-size:12px;min-width:155px}.contact-dock button span{margin-left:25px}#quick-contacts{position:absolute;bottom:62px;right:0;width:235px;padding:10px;background:#1b261b;border:1px solid #6a795d;box-shadow:0 10px 40px #0008}#quick-contacts a{display:block;padding:12px;font-size:12px}#quick-contacts a:hover{background:#ffffff0a}.live-device{position:relative;overflow:hidden;container-type:inline-size}.live-device iframe{display:block;border:0;max-width:none;transform-origin:top left;pointer-events:none;background:#131b15}.phone-screen.live-device{aspect-ratio:319 / 600}.monitor-screen.live-device{aspect-ratio:1280 / 675}.monitor-screen.live-device iframe{width:1280px;height:675px}.phone-screen.live-device iframe{width:319px;height:600px}
@media(max-width:700px){.profile-section,.faq-section{grid-template-columns:1fr;gap:25px}.deliver-grid,.question-grid{grid-template-columns:1fr;gap:22px}.deliver-grid h3,.question-grid h3{font-size:30px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.contact-dock{bottom:15px;right:15px}.contact-dock>button{padding:12px 16px;min-width:130px}.contact-dock>button span{margin-left:15px}footer{padding-bottom:90px}}

/* Accesso portale clienti (area autenticata MFA su app.fmservice.it) — aggiunto
   senza toccare il resto del sito di Francesco, resta visibile anche da mobile
   perche' e' un'azione diversa dal CTA commerciale "Parliamone". */
.nav-login{font-size:11px;letter-spacing:.3px;padding:9px 18px;border:1px solid var(--accent);border-radius:999px;color:var(--text);white-space:nowrap;transition:background .2s,color .2s}
.nav-login:hover{background:var(--accent);color:#161c16}
@media(max-width:600px){.nav-login{padding:7px 13px;font-size:10px}}