.hero h1{font-size:clamp(2.3rem,4.7vw,4.4rem)!important;line-height:1.08!important;letter-spacing:-.045em!important}.landing-example{display:block!important;position:relative;min-width:0;padding:26px;border:1px solid #365879;border-radius:20px;background:#101f33;color:#edf5ff;box-shadow:0 24px 70px #0003;text-align:left;transform:none!important}.landing-example-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#9ecaff;font-size:11px;letter-spacing:.07em}.landing-example-top small{color:#b2c4d9;letter-spacing:0}.landing-example-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.landing-example-heading h2{font-size:24px!important;color:#edf5ff!important;margin:0}.landing-example-heading label{display:grid;gap:6px;font-size:12px;color:#bdd0e6}.landing-example select{padding:9px 10px;border:1px solid #567493;border-radius:8px;background:#182e49;color:#fff;font:inherit;max-width:100%}.landing-example select:focus-visible{outline:3px solid #83c7ff;outline-offset:3px}.landing-example-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-example-metrics>div{padding:15px 12px;background:#1b314d;border:1px solid #365271;border-radius:12px}.landing-example-metrics span{display:block;font-size:12px;color:#b9cde3}.landing-example-metrics strong{display:block;margin-top:9px;font-size:clamp(15px,2vw,23px);overflow-wrap:anywhere}.landing-example-chart{margin-top:24px;padding:20px 16px 10px;border:1px solid #365271;border-radius:12px;background:#14263d}.landing-example-chart h3{font-size:14px;color:#edf5ff;margin:0 0 14px}.landing-example-chart h3 small{float:right;font-size:11px;color:#b9cde3}.landing-example-bars{height:190px;display:flex;gap:12px;align-items:stretch}.landing-example-bars>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.landing-example-bars span,.landing-example-bars small{font-size:12px;color:#ccdef1}.landing-example-bars i{display:block;width:70%;min-height:4px;background:linear-gradient(#7dc9ff,#3287eb);border-radius:5px 5px 0 0}.landing-how{display:block!important;padding-top:64px;padding-bottom:54px;color:#dceafb}.landing-how h2{font-size:clamp(25px,3vw,36px);text-align:center;color:inherit;letter-spacing:-.03em}.landing-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.landing-how article{padding:24px;border:1px solid #365271;border-radius:14px;background:#101f33;color:#edf5ff}.landing-how article>span{color:#8ec7ff;font-size:13px;font-weight:800}.landing-how h3{font-size:19px;margin:14px 0 10px}.landing-how p{color:#bacde1;line-height:1.65;font-size:14px}.landing-how-note{text-align:center}.hero .hero-grid{align-items:center}.hero .hero-dashboard-steps{display:none!important}@media(max-width:720px){.landing-example{padding:18px;margin-top:24px}.landing-example-heading{gap:12px}.landing-example-heading h2{font-size:20px!important}.landing-example-metrics{gap:7px}.landing-example-metrics>div{padding:12px 8px}.landing-how-grid{grid-template-columns:1fr;gap:12px}.landing-how{padding-top:42px;padding-bottom:32px}.landing-example-bars{height:160px}.landing-example-top{font-size:10px}}
.landing-how{background:#071321;border-radius:20px;padding-left:24px;padding-right:24px}.landing-example-bars>div{height:100%}
/* Unified public landing composition. Workspace styling remains scoped separately. */
body:has(main>.hero){background:#050d1b}
body:has(main>.hero)>header{background:#07101f!important;border-bottom:1px solid #23344d!important;backdrop-filter:blur(18px)}
body:has(main>.hero)>header .nav-login,body:has(main>.hero)>header .language-control{color:#dbeaff!important}
body:has(main>.hero)>header .language-select{background:#10223a;color:#edf5ff;border-color:#38506d}
body:has(main>.hero)>header .menu-button{background:#12243b;color:#e9f5ff;border-color:#38506d}
main>.hero{padding:76px 0 44px!important;isolation:isolate;background:#050d1b!important;overflow:hidden}
main>.hero::before{content:''!important;position:absolute!important;inset:-25%!important;width:auto!important;height:auto!important;background:radial-gradient(ellipse at 25% 30%,#227cf246,transparent 43%),radial-gradient(ellipse at 80% 65%,#32bee52b,transparent 40%)!important;filter:blur(35px);animation:landing-aurora 14s ease-in-out infinite alternate!important;opacity:1!important;z-index:-1;pointer-events:none}
main>.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#67bbff0c 40%,#92d9ff2b 49%,#67bbff0b 57%,transparent 73%)!important;transform:translateX(-95%);animation:landing-light-pass 11s ease-in-out infinite!important;opacity:.7!important;pointer-events:none;z-index:-1}
main>.hero>.hero-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:38px!important;width:min(1120px,calc(100% - 48px))!important;margin:auto!important}
.hero-content{width:100%!important;max-width:900px!important;text-align:center!important;margin:0 auto!important}
.hero .eyebrow{display:inline-block!important;color:#97caff!important;letter-spacing:.13em!important}
.hero h1{max-width:900px!important;margin:22px auto!important;font-size:clamp(2.3rem,5vw,4.5rem)!important;line-height:1.09!important;letter-spacing:-.045em!important;color:#f0f6ff!important;text-align:center!important;text-wrap:balance}
.hero-copy{max-width:650px!important;margin:0 auto!important;color:#b9cce4!important;font-size:17px!important;line-height:1.7!important;text-align:center!important;text-wrap:pretty}
.hero-actions{justify-content:center!important;margin:26px 0 14px!important}.hero .trial-note{margin:12px auto 0!important;color:#adc6e1!important;text-align:center!important}.hero .trial-note::before{display:none!important}
.hero .hero-trial-panel{display:none!important}.hero .hero-bottom{display:none!important}
.hero .landing-example{width:100%!important;max-width:980px!important;margin:0!important;padding:28px!important;box-sizing:border-box!important;background:linear-gradient(145deg,#142943,#0b1c31)!important;border-color:#3a5b7d!important;box-shadow:0 0 70px #3e9aff15,0 24px 80px #0005!important}
.landing-example-top{color:#aad6ff!important}.landing-example-heading{margin:20px 0!important}.landing-example-bars{height:190px!important}.landing-example-metrics strong{font-size:clamp(20px,3vw,30px)!important}
main>.landing-how{box-sizing:border-box;width:min(1120px,calc(100% - 48px))!important;margin:0 auto!important;padding:44px 0!important;background:transparent!important;border-radius:0!important;color:#edf5ff!important}
.landing-how h2{max-width:700px;margin:0 auto!important;line-height:1.2;text-wrap:balance;font-size:clamp(25px,3vw,34px)!important}.landing-how-grid{gap:18px;margin-top:26px}.landing-how article{padding:24px!important;background:#0d1c30!important;border-color:#2b4563!important}.landing-how article h3{color:#edf5ff!important}.landing-how p{color:#b9cce4!important}.landing-how-note{margin:22px 0 0!important}
main>#planos{box-sizing:border-box;background:#071322!important;color:#edf5ff!important;width:100%!important;max-width:none!important;margin:0!important;padding:48px max(24px,calc((100% - 1120px)/2))!important;border-top:1px solid #233b57}
#planos .pricing-header{max-width:780px!important;margin:0 auto 28px!important;text-align:center!important}#planos .pricing-header h2{color:#f0f6ff!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.2!important;text-wrap:balance}#planos .pricing-header p{color:#c1d3e9!important}
#planos .plans{gap:22px!important}#planos .plan{background:#102139!important;border:1px solid #365271!important;padding:28px!important;color:#edf5ff!important;box-shadow:none!important}#planos .plan h3,#planos .price{color:#f4f8ff!important}#planos .plan-description,#planos .setup,#planos .price small{color:#bdd0e7!important}#planos .plan-level{color:#8dc8ff!important}#planos .plan .button{background:#237de2!important;color:white!important;border:1px solid #68b6ff!important;box-shadow:none!important}#planos .plan .button:hover{background:#328ff5!important}
body:has(main>.hero)>footer{background:#050d1b!important;color:#c0d1e8!important;border-top:1px solid #233b57!important}body:has(main>.hero)>footer a{color:#c0d1e8!important}
@keyframes landing-aurora{from{transform:translate(-5%,-3%) rotate(-7deg)}to{transform:translate(7%,5%) rotate(9deg)}}
@keyframes landing-light-pass{0%,12%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(max-width:720px){main>.hero{padding:40px 0 28px!important}.hero>.hero-grid{width:calc(100% - 32px)!important;gap:26px!important}.hero h1{font-size:clamp(32px,7vw,46px)!important;margin:18px auto!important}.hero-copy{font-size:15px!important}.hero-actions{margin-top:22px!important}.hero .landing-example{padding:18px!important;border-radius:16px!important}.landing-example-heading{align-items:center!important}.landing-example-heading h2{font-size:21px!important}.landing-example-top{gap:6px!important}.landing-example-metrics strong{font-size:clamp(16px,3.8vw,24px)!important}.landing-example-bars{height:150px!important}.landing-example-chart{padding:16px 12px 10px!important;margin-top:16px!important}.landing-example-bars{gap:7px!important}main>.landing-how{width:calc(100% - 32px)!important;padding:30px 0!important}.landing-how-grid{gap:10px!important;margin-top:20px!important}.landing-how article{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:18px!important}.landing-how article>span{grid-row:1/3;margin-top:3px}.landing-how h3{margin:0 0 5px!important}.landing-how article p{margin:0!important;font-size:14px!important}main>#planos{padding:32px 16px!important}#planos .plan{padding:22px!important}#planos .pricing-header{margin-bottom:22px!important}}
@media(prefers-reduced-motion:reduce){main>.hero::before,main>.hero::after{animation:none!important}main>.hero::after{transform:none!important;opacity:.2!important}}
.landing-motion-toggle{display:block;margin:16px 0 0 auto;padding:5px 0;color:#b9d8f6;background:transparent;border:0;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.landing-motion-toggle:focus-visible{outline:2px solid #8dc8ff;outline-offset:4px}.hero.landing-lights-paused::before,.hero.landing-lights-paused::after{animation-play-state:paused!important}
/* Dashboard showcase: luminous frame, animated data and responsive hover. */
.hero .landing-example{isolation:isolate;position:relative;overflow:hidden!important;border-color:#579dd8!important;box-shadow:0 0 0 1px #83caff24,0 0 45px #328fff30,0 30px 90px #0006!important;animation:showcase-arrive .9s ease-out both,showcase-glow 5s ease-in-out 1s infinite alternate}
.landing-example::before{content:'';position:absolute;z-index:-1;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg,#32b8ff30 65deg,transparent 115deg,transparent 200deg,#7069ff25 270deg,transparent 330deg);animation:showcase-orbit 18s linear infinite;pointer-events:none}
.landing-example::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#8dddff09 43%,#c6f1ff23 49%,#8dddff08 55%,transparent 68%);transform:translateX(-110%);animation:showcase-scan 8s ease-in-out 2s infinite}
.landing-example-top>span{display:flex;align-items:center;gap:9px}.landing-example-top>span::before{content:'';width:7px;height:7px;border-radius:50%;background:#70e6ff;box-shadow:0 0 12px #62deff;animation:showcase-pulse 2.5s ease-in-out infinite}
.landing-example-heading h2{background:linear-gradient(105deg,#fff,#93d5ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.landing-example-metrics>div{position:relative;overflow:hidden;background:linear-gradient(145deg,#22456b,#132d49)!important;border-color:#5284b1!important;box-shadow:inset 0 1px 0 #bddfff26,0 10px 25px #0002;transition:transform .25s ease,box-shadow .25s ease;animation:showcase-arrive .65s ease-out both}
.landing-example-metrics>div:nth-child(2){animation-delay:.12s}.landing-example-metrics>div:nth-child(3){animation-delay:.24s}
.landing-example-metrics>div::before{content:'';position:absolute;top:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,#77d7ff,transparent);box-shadow:0 0 14px #60c7ff}
.landing-example-metrics strong{text-shadow:0 0 22px #7bcaff35}
.landing-example-chart{position:relative;background:linear-gradient(180deg,#142e4b,#0c1d33)!important;border-color:#3d6e98!important;box-shadow:inset 0 1px 0 #9ed5ff15}
.landing-example-bars{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#78b7ed13 calc(25% - 1px),#78b7ed13 25%);border-bottom:1px solid #6babdc3d}
.landing-example-bars i{position:relative;transform-origin:bottom;background:linear-gradient(to top,#2365d4,#339df1 55%,#95e5ff)!important;box-shadow:0 0 20px #349eff36,inset 1px 0 0 #c4efff50;animation:showcase-bar-in .9s cubic-bezier(.2,.7,.2,1) both,showcase-bar-shimmer 4s ease-in-out 1s infinite alternate;transition:filter .2s ease,box-shadow .2s ease}
.landing-example-bars>div:nth-child(2) i{animation-delay:.1s,1.2s}.landing-example-bars>div:nth-child(3) i{animation-delay:.2s,1.4s}.landing-example-bars>div:nth-child(4) i{animation-delay:.3s,1.6s}.landing-example-bars>div:nth-child(5) i{animation-delay:.4s,1.8s}.landing-example-bars>div:nth-child(6) i{animation-delay:.5s,2s}
.landing-example-bars i::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:#bef3ff;border-radius:5px;box-shadow:0 0 12px #8fe8ff}
.landing-example-bars>div:hover i{filter:brightness(1.25);box-shadow:0 0 30px #55c4ff70}.landing-example-bars>div:hover span{color:#fff;text-shadow:0 0 12px #70d2ff}
@media(hover:hover){.landing-example-metrics>div:hover{transform:translateY(-4px);box-shadow:0 12px 28px #188fff25;border-color:#90d4ff!important}}
@keyframes showcase-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes showcase-glow{from{box-shadow:0 0 0 1px #83caff24,0 0 35px #328fff25,0 30px 90px #0006}to{box-shadow:0 0 0 1px #83caff45,0 0 65px #328fff45,0 30px 90px #0006}}
@keyframes showcase-orbit{to{transform:rotate(360deg)}}
@keyframes showcase-scan{0%,15%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@keyframes showcase-pulse{50%{opacity:.55;box-shadow:0 0 20px #62deff}}
@keyframes showcase-bar-in{from{transform:scaleY(.04);opacity:.3}to{transform:scaleY(1);opacity:1}}
@keyframes showcase-bar-shimmer{from{filter:brightness(1)}to{filter:brightness(1.18)}}
.hero.landing-lights-paused .landing-example,.hero.landing-lights-paused .landing-example::before,.hero.landing-lights-paused .landing-example::after,.hero.landing-lights-paused .landing-example *,.hero.landing-lights-paused .landing-example *::before,.hero.landing-lights-paused .landing-example *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero .landing-example,.landing-example::before,.landing-example::after,.landing-example *,.landing-example *::before,.landing-example *::after{animation:none!important}.landing-example::after{display:none}}
.landing-example-metrics .landing-metric-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border:1px solid #6acbff65;border-radius:10px;background:linear-gradient(145deg,#3c9ff735,#5de2ff12);color:#94e1ff;box-shadow:0 0 18px #39afff18}.landing-metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-example-metrics>div:nth-child(2) .landing-metric-icon{color:#a9d4ff}.landing-example-metrics>div:nth-child(3) .landing-metric-icon{color:#a9e9ef}
/* Each month finishes its first load before the next month begins. */
.landing-example-bars>div:nth-child(n) i{animation:showcase-month-load .6s cubic-bezier(.16,.65,.25,1) var(--month-delay) both,showcase-bar-shimmer 4s ease-in-out calc(var(--month-delay) + .6s) infinite alternate}
.landing-month-value{animation:showcase-month-value .3s ease-out calc(var(--month-delay) + .3s) both}
@keyframes showcase-month-load{from{transform:scaleY(0);opacity:.15}to{transform:scaleY(1);opacity:1}}
@keyframes showcase-month-value{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.landing-example-metrics .landing-metric-icon{width:29px;height:29px;margin-bottom:9px}.landing-metric-icon svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.landing-example-bars>div:nth-child(n) i,.landing-month-value{animation:none!important}}
.landing-example:not(.landing-data-visible) .landing-example-bars i,.landing-example:not(.landing-data-visible) .landing-month-value{animation-play-state:paused!important}
main>.seo-guides{display:block!important;max-width:1120px;margin:0 auto;padding:28px 24px 44px;color:#ecf5ff;text-align:center}.seo-guides h2{color:#ecf5ff;font-size:clamp(25px,3vw,34px)}.seo-guides>p{max-width:720px;margin:18px auto;color:#bed0e7;line-height:1.7}.seo-guides nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.seo-guides a{padding:22px;border:1px solid #365271;border-radius:14px;background:#102139;color:#b6deff;text-decoration:none;text-align:left}.seo-guides a strong,.seo-guides a span{display:block}.seo-guides a span{color:#bdcfe5;font-size:14px;margin-top:8px}.seo-guides a:hover{border-color:#88caff}.seo-guides a:focus-visible{outline:3px solid #88caff;outline-offset:4px}@media(max-width:650px){.seo-guides nav{grid-template-columns:1fr}}