:root{--ink:#101828;--muted:#667085;--line:#e5e9f2;--soft:#f5f7fb;--brand:#6575ef;--brand-dark:#5364e8;--navy:#111b33;--green:#17a673;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}button,input{font:inherit}button,a{transition:.25s ease}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 28px;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:1.8px;font-weight:700}.brand b{color:var(--brand)}.brand-mark{width:29px;height:32px;display:inline-block;position:relative;background:var(--brand);clip-path:polygon(50% 0,100% 30%,100% 68%,50% 100%,0 68%,0 30%)}.brand-mark:after{content:"";position:absolute;width:2px;height:22px;background:#fff;left:13px;top:5px}.brand-mark i{position:absolute;height:2px;width:11px;background:#fff;z-index:2;top:15px}.brand-mark i:first-child{left:3px;transform:rotate(29deg)}.brand-mark i:nth-child(2){right:3px;transform:rotate(-29deg)}nav{display:flex;gap:35px;font-size:14px;font-weight:500}nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:20px}.login-link{font-size:14px;font-weight:600}.button{border:0;border-radius:10px;padding:14px 20px;font-weight:700;cursor:pointer}.button-small{padding:11px 18px;background:var(--ink);color:#fff}.button-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px #6575ef38}.button-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:none}.hero{min-height:650px;background:linear-gradient(135deg,#f6f8ff 0%,#fafbff 55%,#f2f4ff 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(380px,500px) minmax(600px,1fr);align-items:center;padding:65px max(28px,calc((100vw - 1240px)/2));gap:55px}.hero-copy{position:relative;z-index:3}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--brand);font-weight:700}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px #6575ef18}.hero h1{font:800 clamp(48px,5vw,72px)/1.04 Manrope,sans-serif;letter-spacing:-3.7px;margin:23px 0}.hero h1 em{font-style:normal;color:var(--brand)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:510px}.hero-actions{display:flex;align-items:center;gap:12px;margin:30px 0}.button-ghost{background:#fff;border:1px solid var(--line);box-shadow:0 3px 10px #18203a0d}.button-ghost:hover{border-color:var(--brand)}.play{color:var(--brand);font-size:11px;margin-right:7px}.chevron{margin-left:6px}.demo-wrap{position:relative}.demo-menu{position:absolute;top:58px;left:0;width:230px;background:#fff;border:1px solid var(--line);padding:7px;border-radius:14px;box-shadow:0 16px 45px #19214224;opacity:0;visibility:hidden;transform:translateY(-5px);z-index:10}.demo-menu.open{opacity:1;visibility:visible;transform:none}.demo-menu button{width:100%;border:0;background:none;padding:10px;display:flex;text-align:left;align-items:center;gap:11px;border-radius:9px;cursor:pointer}.demo-menu button:hover{background:var(--soft)}.demo-menu button>b{width:38px;height:38px;background:#eef0ff;color:var(--brand);display:grid;place-items:center;border-radius:8px;font-size:11px}.demo-menu span{font-weight:600}.demo-menu small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.hero-note{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px}.hero-note b{color:var(--ink)}.avatars{display:flex}.avatars i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d8ddff;color:#3c4ec7;border:2px solid #fff;font-size:8px;margin-left:-6px}.dashboard-preview{height:520px;background:#fff;border-radius:18px;box-shadow:0 35px 80px #23305b2b;position:relative;overflow:visible;transform:perspective(1200px) rotateY(-2deg);border:1px solid #eef0f6;min-width:700px}.preview-top{height:60px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;padding:0 20px;gap:40px}.mini-logo{font-size:10px;font-weight:700;letter-spacing:1px}.mini-logo .brand-mark{width:17px;height:19px;vertical-align:middle;margin-right:4px}.preview-search{background:var(--soft);border-radius:5px;color:#97a0b2;padding:9px 15px;width:220px;font-size:10px}.preview-user{margin-left:auto;width:25px;height:25px;background:#e9ecf4;border-radius:50%}.preview-body{height:calc(100% - 60px);display:grid;grid-template-columns:145px 1fr}.preview-body aside{border-right:1px solid #edf0f5;display:flex;flex-direction:column;padding:25px 12px;gap:9px}.preview-body aside span{padding:11px;border-radius:6px;color:#737d8d;font-size:10px}.preview-body aside .active{background:#eef0ff;color:var(--brand)}.preview-content{background:#f7f8fa;padding:25px}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading small{font-size:7px;color:#929bad}.preview-heading h3{margin:4px 0 17px;font-size:16px}.preview-heading button{border:0;background:var(--brand);color:white;border-radius:5px;padding:8px 12px;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics article{background:#fff;border-radius:9px;padding:14px;box-shadow:0 5px 15px #17223b0a}.metrics small{display:block;color:#8c95a5;font-size:7px}.metrics strong{display:inline-block;font-size:22px;margin-top:9px}.metrics span{font-size:7px;color:#8c95a5;margin-left:7px}.metrics .up{color:var(--green)}.chart-card{background:#fff;border-radius:10px;margin-top:15px;padding:16px;height:220px}.card-title{display:flex;justify-content:space-between;font-size:10px}.card-title small{color:#738099}.chart{height:140px;margin-top:25px;border-bottom:1px solid #e6eaf1;display:flex;align-items:flex-end;gap:17px;padding:0 10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#f0f2f7 35px)}.chart span{width:25px;border-radius:4px 4px 0 0;background:linear-gradient(#8290f6,#6173ed)}.floating-card{position:absolute;right:-20px;bottom:36px;width:160px;padding:15px;background:#111b33;color:#fff;border-radius:13px;box-shadow:0 18px 35px #15203e48}.floating-card>span{font-size:8px;color:#aab2c5}.floating-card strong{display:block;font-size:25px;margin:7px 0}.floating-card div{height:5px;background:#33405a;border-radius:10px}.floating-card div i{display:block;width:87%;height:100%;background:#7b8afa;border-radius:10px}.floating-card small{font-size:7px;color:#6de0b2}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:330px;height:330px;background:#dfe3ff;right:27%;top:-180px}.orb-two{width:180px;height:180px;border:45px solid #eaedff;left:-100px;bottom:-60px}.trust{padding:37px max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.trust p{font-size:10px;letter-spacing:1.5px;color:#98a1b1;font-weight:700}.trust div{display:flex;gap:48px;color:#697386;font-weight:700;font-size:13px}.section{max-width:1240px;margin:auto;padding:110px 28px}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;margin-bottom:55px}.section h2{font:800 clamp(38px,4vw,54px)/1.1 Manrope,sans-serif;letter-spacing:-2.5px;margin:14px 0}.section-intro>p,.workflow-copy>p{color:var(--muted);line-height:1.8;font-size:16px}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-template-rows:300px 300px;gap:18px}.feature{border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}.feature-dark{grid-row:span 2;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.feature-tall{grid-row:span 2}.feature-wide{grid-column:2/3}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef0ff;color:var(--brand);font-size:21px;margin-bottom:24px}.feature small{color:#8a95a8;font-size:9px;letter-spacing:1px;font-weight:700}.feature h3{font:700 24px/1.25 Manrope,sans-serif;margin:12px 0}.feature p{color:#7c8799;line-height:1.65;font-size:14px}.feature a{color:var(--brand);font-size:13px;font-weight:700}.mini-stat{background:#1b2844;border:1px solid #2b3852;border-radius:15px;padding:21px}.mini-stat span{font-size:11px;color:#9ba7bd}.mini-stat b{font-size:35px;display:block;margin:8px 0}.mini-stat i{height:7px;background:#344159;display:block;border-radius:9px}.mini-stat em{width:92%;height:100%;display:block;background:var(--brand);border-radius:9px}.finance-lines{margin-top:38px}.finance-lines span{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}.finance-lines i{width:8px;height:8px;border-radius:50%;background:var(--brand)}.finance-lines span:nth-child(2) i{background:#f7a427}.finance-lines span:nth-child(3) i{background:var(--green)}.finance-lines b{color:var(--ink)}.feature-wide{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.report-ui{align-self:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:9px;color:#687486}.report-ui div{height:65px;background:#fff;margin:8px 0;display:flex;align-items:flex-end;gap:7px;padding:8px}.report-ui i{width:13px;background:var(--brand);height:50%}.report-ui i:nth-child(2){height:75%}.report-ui i:nth-child(3){height:90%}.report-ui b{color:var(--green);float:right}.workflow{max-width:none;background:#f5f7fb;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.workflow-copy .button{margin-top:18px}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:25px;border-bottom:1px solid #dfe3ea;padding:25px 0}.workflow li>span{color:var(--brand);font-weight:700;font-size:12px}.workflow li b{font:700 18px Manrope}.workflow li p{color:var(--muted);margin:7px 0;font-size:14px}.insights{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.insight-card,.cta-card{border-radius:var(--radius);padding:48px}.insight-card{background:#f3f5ff}.quote{font-size:65px;color:var(--brand);line-height:.6}.insight-card blockquote{font:700 27px/1.45 Manrope;margin:25px 0 40px}.insight-card div{display:flex;flex-direction:column;font-size:13px}.insight-card div span{color:var(--muted);margin-top:3px}.cta-card{background:var(--brand);color:#fff}.cta-card>span{font-size:10px;letter-spacing:1.5px}.cta-card h2{font-size:36px}.cta-card p{color:#e1e4ff}.button-light{background:#fff;color:var(--brand);margin-top:15px}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:38px 28px;display:flex;align-items:center;gap:40px;color:var(--muted);font-size:12px}footer p{margin-right:auto}footer>div{display:flex;gap:25px}.modal,.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.modal.open,.video-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:#0d1425c7;backdrop-filter:blur(4px)}.modal-panel{position:relative;background:#fff;border-radius:22px;width:min(700px,calc(100% - 30px));max-height:92vh;overflow:auto;padding:38px;transform:translateY(15px);transition:.25s}.modal.open .modal-panel{transform:none}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f0f2f6;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}.modal-panel h2{font:800 32px Manrope;margin:9px 0 4px}.modal-panel>p{margin:0 0 25px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:12px;font-weight:700;display:block}input{width:100%;border:1px solid #dfe3eb;border-radius:9px;padding:12px 13px;margin-top:7px;outline:none}input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6575ef18}.password-field{position:relative;display:block}.password-field input{padding-right:42px}.show-password{position:absolute;right:7px;top:13px;border:0;background:none;color:#778195;cursor:pointer}.upload-label{margin-top:17px}.upload-label>span:first-child{color:#98a0ad;font-weight:400}.file-drop{margin-top:7px;border:1px dashed #cbd1dd;border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;color:#8992a2;font-weight:400;cursor:pointer}.file-drop input{display:none}.file-drop b{font-size:18px;color:var(--brand)}.terms{display:flex;gap:8px;margin:17px 0;color:var(--muted);font-weight:400}.terms input{width:auto;margin:0;accent-color:var(--brand)}.form-error{color:#d84040;font-size:12px;min-height:16px}.submit-button{width:100%;margin-top:5px}.video-panel{position:relative;width:min(780px,calc(100% - 30px));background:#11192d;border-radius:22px;padding:50px;color:white}.video-panel .modal-close{z-index:2}.video-placeholder{height:390px;background:radial-gradient(circle at center,#29365a,#151e34 70%);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.play-large{display:grid;place-items:center;width:65px;height:65px;background:var(--brand);border-radius:50%;padding-left:5px}.video-placeholder h3{font:700 25px Manrope;margin:20px 0 5px}.video-placeholder p{color:#9ba6bd;font-size:12px}.toast{position:fixed;right:25px;bottom:25px;background:#fff;border-left:4px solid var(--green);box-shadow:0 15px 45px #10182830;padding:17px 22px;border-radius:10px;z-index:150;display:flex;flex-direction:column;opacity:0;transform:translateY(15px);pointer-events:none}.toast.show{opacity:1;transform:none}.toast span{color:var(--muted);font-size:12px;margin-top:3px}
@media(max-width:1050px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:650px}.dashboard-preview{min-width:720px;margin-top:15px}.trust{display:block}.trust div{margin-top:20px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-dark,.feature-tall{grid-row:span 2}.feature-wide{grid-column:auto}.workflow{gap:50px}.insights{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:70px;padding:0 18px}.header-actions{display:none}.menu-toggle{display:block}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:6px}.site-header.nav-open nav{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:18px;box-shadow:0 12px 20px #18203a18}.hero{padding:55px 20px 70px;display:block;min-height:auto}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.demo-wrap,.demo-wrap>.button{width:100%}.demo-menu{width:100%}.hero-note{margin-top:20px}.dashboard-preview{height:330px;min-width:630px;transform:scale(.61);transform-origin:left top;margin-bottom:-120px;margin-top:45px}.floating-card{display:none}.trust{padding:28px 20px}.trust div{gap:20px}.section{padding:75px 20px}.section-intro{display:block}.section-intro>p{margin-top:25px}.feature-grid{display:block}.feature{margin-bottom:15px;min-height:275px}.feature-dark{min-height:440px}.feature-wide{display:block}.report-ui{margin-top:20px}.workflow{display:block}.workflow ol{margin-top:45px}.insights{display:block}.insight-card,.cta-card{padding:30px;margin-bottom:15px}.insight-card blockquote{font-size:21px}.form-grid{grid-template-columns:1fr}.modal-panel{padding:30px 20px}.video-panel{padding:40px 15px 15px}.video-placeholder{height:260px}footer{display:block;text-align:center}footer .brand{justify-content:center}footer p{margin:20px}footer>div{justify-content:center;flex-wrap:wrap}}

/* 2026 live visual system */
:root{--ink:#102a2a;--muted:#627a76;--line:#dce9e5;--soft:#f1f8f5;--brand:#087f70;--brand-dark:#056458;--navy:#092c2b;--green:#15a77c;--coral:#ff7958;--lime:#c8f279}
body{background:#fffdf9}.site-header{background:#fffdf9e8;backdrop-filter:blur(18px);position:sticky;top:0;max-width:none;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid #e4eeea;box-shadow:0 8px 30px #0b4e4210}.button-small{background:var(--coral);box-shadow:0 8px 24px #ff795835}.brand-mark{background:linear-gradient(145deg,var(--brand),#18b690)}.hero{background:radial-gradient(circle at 14% 10%,#e5fff3 0,transparent 28%),radial-gradient(circle at 80% 15%,#fff0df 0,transparent 26%),linear-gradient(145deg,#f8fffb,#fffaf4);min-height:710px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#087f7020 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,#000,transparent 65%);animation:gridDrift 18s linear infinite}.hero h1 em{background:linear-gradient(100deg,var(--brand),#20a77d 48%,var(--coral));-webkit-background-clip:text;color:transparent}.eyebrow span{background:var(--coral);box-shadow:0 0 0 5px #ff795820;animation:pulse 2s infinite}.button-primary{background:linear-gradient(120deg,var(--brand),#10a57f);box-shadow:0 12px 30px #087f7032}.button-primary:hover{background:linear-gradient(120deg,var(--brand-dark),var(--brand))}.button-ghost{border-color:#bdd8d1;color:var(--ink);box-shadow:0 8px 24px #144a3e12}.play{color:var(--coral)}.dashboard-preview{border-color:#cfe3dd;box-shadow:0 38px 100px #0a473738;animation:dashboardFloat 6s ease-in-out infinite}.preview-content{background:#f1f7f4}.preview-body aside .active{background:#dff5ec;color:var(--brand)}.preview-heading button,.chart span{background:linear-gradient(#20b48b,var(--brand))}.metrics article{border:1px solid #e0ece8}.metrics .up{color:var(--green)}.floating-card{background:linear-gradient(145deg,#092c2b,#134d46);box-shadow:0 20px 45px #073f3540;animation:cardFloat 4s ease-in-out infinite}.floating-card div i{background:linear-gradient(90deg,var(--lime),#3ce0ad)}.orb-one{background:#cdeee2}.orb-two{border-color:#ffeadc}.trust{background:#fff;border-color:var(--line)}.trust div span{color:#466b64}.impact-strip{max-width:1184px;margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);border-radius:24px;color:#fff;overflow:hidden;box-shadow:0 25px 60px #0a3d3425}.impact-strip article{padding:30px;text-align:center;border-right:1px solid #ffffff17}.impact-strip article:last-child{border:0}.impact-strip strong{font:800 34px Manrope;display:block;color:var(--lime)}.impact-strip span{font-size:11px;color:#a9c3bd}.feature{background:#fffdf9;transition:transform .35s,box-shadow .35s,border-color .35s}.feature:hover{transform:translateY(-7px);box-shadow:0 24px 55px #0b594b18;border-color:#a8d5c9}.feature-dark{background:radial-gradient(circle at 90% 10%,#1d6257,var(--navy) 44%)}.feature-icon{background:#ddf4ec;color:var(--brand)}.feature-tall:after{content:"";position:absolute;width:160px;height:160px;border:35px solid #f1f8f4;border-radius:50%;right:-80px;top:-70px}.finance-lines i{background:var(--brand)}.workflow{background:linear-gradient(135deg,#eef9f5,#fff8ef)}.workflow li{transition:.3s}.workflow li:hover{transform:translateX(10px);border-color:var(--brand)}.insight-card{background:linear-gradient(145deg,#e8f7f2,#f8fbf4)}.cta-card{background:radial-gradient(circle at 100% 0,#ff9d75,var(--coral) 38%,#f16044)}.button-light{color:#d94e34}.field-hint{display:block;color:#839590;font-weight:400;margin-top:5px}.language-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.language-modal.open{opacity:1;visibility:visible}.language-panel{position:relative;width:min(560px,calc(100% - 30px));padding:42px;background:#fffdf9;border-radius:24px;box-shadow:0 35px 90px #061f1c55;transform:scale(.94) translateY(12px);transition:.3s}.language-modal.open .language-panel{transform:none}.language-panel>.play-large{width:48px;height:48px;font-size:12px;display:inline-grid;margin-right:13px;vertical-align:middle;background:var(--coral)}.language-panel>.kicker{vertical-align:middle}.language-panel h2{font:800 32px Manrope;margin:25px 0 7px}.language-panel>p{color:var(--muted);margin:0 0 25px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-options button{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;text-align:left;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;cursor:pointer}.language-options button:hover{border-color:var(--brand);background:#eff9f5;transform:translateY(-3px);box-shadow:0 12px 25px #0a5b4c17}.language-options button>b{height:48px;border-radius:12px;background:#dff5ed;color:var(--brand);display:grid;place-items:center}.language-options strong,.language-options small{display:block}.language-options small{font-size:10px;color:var(--muted);margin-top:4px}.language-options i{font-style:normal;color:var(--coral)}.video-panel{background:var(--navy)}.video-placeholder{background:radial-gradient(circle at center,#1c5b51,var(--navy) 70%)}.play-large{background:var(--coral)}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.feature-grid .feature{animation:softGlow 5s ease-in-out infinite}.feature-grid .feature:nth-child(2){animation-delay:1s}.feature-grid .feature:nth-child(3){animation-delay:2s}.feature-grid .feature:nth-child(4){animation-delay:3s}
@keyframes dashboardFloat{0%,100%{transform:perspective(1200px) rotateY(-2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-1deg) translateY(-10px)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px #ff795820}50%{box-shadow:0 0 0 11px #ff795808}}@keyframes gridDrift{to{background-position:48px 24px}}@keyframes softGlow{0%,100%{box-shadow:0 0 0 #087f7000}50%{box-shadow:0 12px 34px #087f700c}}
@media(max-width:700px){.impact-strip{margin:35px 20px 0;grid-template-columns:1fr 1fr}.impact-strip article{padding:20px 10px;border-bottom:1px solid #ffffff17}.impact-strip strong{font-size:27px}.language-panel{padding:30px 20px}.language-options{grid-template-columns:1fr}.dashboard-preview{animation:none}.reveal{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Maritime midnight theme */
:root{--ink:#091a2b;--muted:#66768b;--line:#dbe3eb;--soft:#f3f7fa;--brand:#087cc1;--brand-dark:#045886;--navy:#061a2d;--green:#16b8a6;--coral:#ff6b35;--lime:#f6c453}
body{font-family:"Outfit",sans-serif;background:#f8fafc;color:var(--ink)}h1,h2,h3,.brand,.feature h3,.workflow li b,.impact-strip strong{font-family:"Space Grotesk",sans-serif}.site-header{background:#f8fafce8;border-color:#dfe7ee}.brand-mark{background:linear-gradient(145deg,#07a8c7,#0872c9)}.brand b,.kicker,.eyebrow{color:var(--brand)}.button-small{background:linear-gradient(120deg,var(--coral),#ff9657)}.button-primary{background:linear-gradient(120deg,#087cc1,#08a5bd);box-shadow:0 12px 30px #087cc138}.button-primary:hover{background:linear-gradient(120deg,#045d91,#078ca5)}.hero{background:radial-gradient(circle at 12% 18%,#dff8ff 0,transparent 26%),radial-gradient(circle at 84% 8%,#ffeadc 0,transparent 23%),linear-gradient(145deg,#f5fbff,#fff8f3);min-height:735px}.hero:before{background-image:linear-gradient(#087cc111 1px,transparent 1px),linear-gradient(90deg,#087cc111 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to right,#000,transparent 72%)}.hero h1 em{background:linear-gradient(100deg,#087cc1,#06a9b1 50%,#ff6b35);-webkit-background-clip:text;color:transparent}.eyebrow span{background:var(--coral)}.dashboard-preview{border-color:#cbdde9;box-shadow:0 42px 110px #062d4d35}.preview-content{background:#edf3f7}.preview-body aside .active{background:#dceefd;color:#087cc1}.preview-heading button,.chart span{background:linear-gradient(#0eaab3,#087cc1)}.floating-card{background:linear-gradient(145deg,#061a2d,#0b3b58)}.floating-card div i{background:linear-gradient(90deg,#f6c453,#ff8c4b)}.orb-one{background:#d9eefb}.orb-two{border-color:#ffe4d5}.impact-strip{background:linear-gradient(110deg,#061a2d,#083c58);box-shadow:0 25px 60px #061a2d38}.impact-strip strong{color:#f6c453}.feature-icon{background:#dff3fb;color:#087cc1}.feature-dark{background:radial-gradient(circle at 90% 10%,#0d5572,#061a2d 46%)}.workflow{background:linear-gradient(135deg,#eaf6fb,#fff3eb)}.insight-card{background:linear-gradient(145deg,#e2f3fa,#f3f8fc)}.cta-card{background:radial-gradient(circle at 100% 0,#ffad78,#ff6b35 40%,#e94d20)}.language-options button>b{background:#dff3fb;color:#087cc1}.language-options button:hover{border-color:#087cc1;background:#f0f9fc}.video-panel{background:#061a2d}.video-placeholder{background:radial-gradient(circle at center,#104c6b,#061a2d 70%)}
.port-story{height:760px;position:relative;overflow:hidden;background:#061a2d;color:#fff}.port-image{position:absolute;inset:-14% 0;background:url("../images/container-port-hero.png") center/cover no-repeat;will-change:transform;transform:translate3d(0,var(--parallax-y,0),0) scale(1.05)}.port-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041422eb 0%,#061a2da8 38%,#061a2d18 70%),linear-gradient(0deg,#041422c4,transparent 45%)}.port-copy{position:absolute;z-index:2;left:max(28px,calc((100vw - 1184px)/2));top:18%;width:min(510px,calc(100% - 40px));will-change:transform;transform:translate3d(0,var(--parallax-y,0),0)}.port-index{font:600 10px "Space Grotesk";letter-spacing:2px;color:#74dbeb}.port-copy h2{font:700 clamp(44px,5vw,70px)/1.02 "Space Grotesk";letter-spacing:-3px;margin:20px 0}.port-copy p{font-size:17px;line-height:1.7;color:#c2d2de;max-width:480px}.port-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.port-tags span{padding:11px 13px;border:1px solid #ffffff2b;border-radius:8px;background:#061a2d66;backdrop-filter:blur(12px);font-size:10px;color:#b6c7d3}.port-tags b{color:#f6c453;margin-left:6px}.ship-route{position:absolute;z-index:2;right:max(28px,calc((100vw - 1184px)/2));bottom:45px;display:flex;align-items:center;gap:9px;color:#dce9f1;font:600 9px "Space Grotesk";letter-spacing:1px}.ship-route i{width:55px;height:1px;background:#ffffff70;position:relative}.ship-route i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ff6b35;right:0;top:-2px;box-shadow:0 0 14px #ff6b35}.feature{background:#fff}.feature:hover{border-color:#8cc8e0;box-shadow:0 26px 60px #06385218}.reveal{transform:translateY(55px) scale(.985);filter:blur(5px)}.reveal.visible{transform:none;filter:none}.feature-grid .feature{opacity:0;transform:translateY(45px) rotate(.6deg);transition:opacity .65s,transform .75s cubic-bezier(.16,1,.3,1)}.features.visible .feature{opacity:1;transform:none}.features.visible .feature:nth-child(2){transition-delay:.1s}.features.visible .feature:nth-child(3){transition-delay:.2s}.features.visible .feature:nth-child(4){transition-delay:.3s}
@media(max-width:700px){.port-story{height:690px}.port-image{inset:-8%;background-position:62% center}.port-shade{background:linear-gradient(90deg,#041422e8,#061a2d74),linear-gradient(0deg,#041422db,transparent)}.port-copy{top:15%;left:20px}.port-copy h2{font-size:43px;letter-spacing:-2px}.ship-route{left:20px;right:auto;bottom:32px}.ship-route i{width:22px}.port-tags{max-width:330px}.reveal{filter:none}}
.hero h1,.section h2,.modal-panel h2,.insight-card blockquote{font-family:"Space Grotesk",sans-serif}

/* Ship-led hero and staggered scroll choreography */
.scroll-progress{position:fixed;z-index:200;left:0;right:0;top:0;height:3px;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00d4e8,#ff6b35,#f6c453);box-shadow:0 0 12px #00d4e8;will-change:transform}.hero{background:#061a2d;min-height:770px}.hero-ship{position:absolute;z-index:0;inset:-4% 0 -14%;background:url("../images/container-port-hero.png") 62% center/cover no-repeat;will-change:transform;transform:translateZ(0) scale(1.04)}.hero-vignette{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#03111ff7 0%,#04182bd9 34%,#05243c66 61%,#05152230 100%),linear-gradient(0deg,#061a2da8 0%,transparent 45%,#061a2d40 100%)}.hero:before{z-index:2;background-image:linear-gradient(#51dbe40d 1px,transparent 1px),linear-gradient(90deg,#51dbe40d 1px,transparent 1px);mask-image:linear-gradient(to right,#000,transparent 68%)}.hero-copy{z-index:4}.hero h1{color:#fff;text-shadow:0 4px 30px #0006}.hero h1 em{background:linear-gradient(100deg,#55e5f2,#88f1d4 45%,#ff9b61);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#c5d7e2}.hero .eyebrow{color:#6de4e8}.hero .button-ghost{background:#ffffff10;color:#fff;border-color:#ffffff42;backdrop-filter:blur(14px);box-shadow:0 10px 28px #0004}.hero .button-ghost:hover{background:#ffffff20;border-color:#6de4e8}.dashboard-preview{z-index:4;background:#fffffff0;box-shadow:0 44px 110px #0008;border-color:#ffffff75;transform:perspective(1200px) rotateY(-3deg);animation:heroDashboard 6s ease-in-out infinite}.hero-orb{z-index:2;opacity:.18}.orb-one{background:#0ad3d8}.orb-two{border-color:#ff7545}.trust{position:relative;z-index:3}.scroll-item{opacity:0;transform:translateY(52px) scale(.96);filter:blur(7px);transition:opacity .7s var(--enter-delay),transform .85s cubic-bezier(.16,1,.3,1) var(--enter-delay),filter .7s var(--enter-delay)}.scroll-item:nth-child(even){transform:translateY(52px) translateX(28px) scale(.96)}.scroll-item:nth-child(odd){transform:translateY(52px) translateX(-28px) scale(.96)}.scroll-item.in-view{opacity:1;transform:none;filter:none}.workflow li.scroll-item{transform:translateX(75px)}.workflow li.scroll-item.in-view{transform:none}.trust .scroll-item{transform:translateY(20px);filter:none}.trust .scroll-item.in-view{transform:none}.feature-grid .feature.scroll-item{opacity:0;transform:translateY(62px) rotate(1deg) scale(.96)}.feature-grid .feature.scroll-item.in-view{opacity:1;transform:none}.impact-strip article.scroll-item.in-view strong{animation:numberPop .55s cubic-bezier(.16,1.4,.3,1) calc(var(--enter-delay) + 300ms) both}.chart span{transform-origin:bottom;animation:barBreathe 3.2s ease-in-out infinite alternate}.chart span:nth-child(2n){animation-delay:.35s}.floating-card:after{content:"";position:absolute;width:7px;height:7px;background:#41e6b6;border-radius:50%;right:14px;top:14px;box-shadow:0 0 0 0 #41e6b680;animation:livePing 1.8s infinite}
@keyframes heroDashboard{0%,100%{transform:perspective(1200px) rotateY(-3deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-1.5deg) translateY(-13px)}}@keyframes numberPop{from{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes barBreathe{from{transform:scaleY(.82);filter:saturate(.9)}to{transform:scaleY(1.06);filter:saturate(1.25)}}@keyframes livePing{70%{box-shadow:0 0 0 10px #41e6b600}100%{box-shadow:0 0 0 0 #41e6b600}}
@media(max-width:1050px){.hero{min-height:1050px}.hero-ship{background-position:67% center}.hero-vignette{background:linear-gradient(90deg,#03111ff5,#04182bbc 55%,#05243c50),linear-gradient(0deg,#061a2db8,transparent)}}
@media(max-width:700px){.hero{min-height:auto}.hero-ship{inset:0;background-position:69% center}.hero-vignette{background:linear-gradient(90deg,#03111ff2,#04182bbf),linear-gradient(0deg,#061a2dcf,transparent 70%)}.scroll-item,.scroll-item:nth-child(even),.scroll-item:nth-child(odd){transform:translateY(35px);filter:none}.dashboard-preview{animation:none}.hero-copy>p{color:#d7e4ea}}
@media(prefers-reduced-motion:reduce){.scroll-item,.scroll-item:nth-child(even),.scroll-item:nth-child(odd){opacity:1;transform:none;filter:none}.hero-ship{transform:none!important}.scroll-progress{display:none}}

/* Dedicated high-clarity product showcase */
.hero{grid-template-columns:minmax(420px,620px) 1fr}.hero-copy{padding:45px 0}.hero-ship{image-rendering:auto;background-size:cover;background-repeat:no-repeat}.product-stage{max-width:1440px;margin:0 auto;padding:125px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:330px minmax(650px,1fr);align-items:center;gap:70px;background:radial-gradient(circle at 86% 45%,#dff4fc 0,transparent 38%),#f8fafc;overflow:hidden}.product-stage-copy h2{font:700 48px/1.08 "Space Grotesk",sans-serif;letter-spacing:-2.5px;margin:15px 0}.product-stage-copy>p{color:var(--muted);line-height:1.75}.product-points{margin-top:30px;display:flex;flex-direction:column;gap:15px;font-size:13px;font-weight:600}.product-points span{display:flex;align-items:center;gap:12px}.product-points i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dff3fb;color:#087cc1;font-size:9px}.showcase-dashboard{width:100%;min-width:690px;height:550px;transform:none;animation:none;border:1px solid #d2e1ea;box-shadow:0 35px 90px #062e4a28;border-radius:20px;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:visible}.product-stage:not(.visible) .showcase-dashboard{transform:translateX(90px) rotateY(-4deg);opacity:.15}.product-stage.visible .showcase-dashboard{transform:none;opacity:1}.showcase-dashboard:hover{transform:translateY(-6px);box-shadow:0 45px 110px #062e4a32}.showcase-dashboard .preview-body{overflow:hidden;border-radius:0 0 20px 20px}.showcase-dashboard .chart-card{height:245px}.showcase-dashboard .chart{height:165px}.showcase-dashboard .floating-card{right:-25px;bottom:38px}.product-stage .preview-top,.product-stage .preview-body,.product-stage .preview-content,.product-stage .metrics article,.product-stage .chart-card{backface-visibility:hidden;-webkit-font-smoothing:antialiased}.product-stage .preview-search{font-size:11px}.product-stage .preview-heading h3{font-size:18px}.product-stage .metrics small{font-size:8px}.product-stage .metrics strong{font-size:25px}
@media(max-width:1050px){.product-stage{grid-template-columns:1fr;padding:90px 28px}.product-stage-copy{max-width:570px}.showcase-dashboard{max-width:900px}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.product-stage{padding:75px 20px;display:block}.product-stage-copy h2{font-size:40px}.showcase-dashboard{min-width:680px;transform:scale(.48)!important;transform-origin:left top;margin:45px 0 -270px;height:540px}.product-stage:not(.visible) .showcase-dashboard{opacity:.3}.showcase-dashboard .floating-card{display:block}}

/* Continuous background scene and viewport-depth motion */
body{background:#03111f}.global-scene{position:fixed;z-index:-2;inset:0;overflow:hidden;background:#03111f}.global-scene-image{position:absolute;inset:-12% 0;background:url("../images/container-port-hero.png") 62% center/cover no-repeat;transform:scale(1.08);will-change:transform;filter:saturate(1.12) contrast(1.05)}.global-scene-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#03111f3d 0%,#03111f75 25%,#03111fc2 58%,#03111fe8 100%),linear-gradient(90deg,#03111fbd 0%,transparent 62%)}.hero{background:transparent}.hero-ship{display:none}.trust{background:#061a2dc7;color:#d8e8f0;border-color:#ffffff18;backdrop-filter:blur(18px)}.trust p{color:#6f95a9}.trust div span{color:#d0e3ec}.product-stage{max-width:none;background:linear-gradient(180deg,#061a2de8,#08243bd1 72%,#041522e8);color:#fff}.product-stage-copy>p{color:#b5cad5}.product-points i{background:#0e415d;color:#72e4ee}.impact-strip{margin-top:0;border-radius:0;max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));background:#041522e8;box-shadow:none}.impact-strip article:first-child{border-left:1px solid #ffffff17}.features{max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));background:linear-gradient(180deg,#041522e8,#071a28b8 55%,#041522e8);color:#fff}.section-intro>p{color:#a9c0cc}.feature{background:#0a2739c9;border-color:#ffffff21;color:#fff;backdrop-filter:blur(16px)}.feature p{color:#a9c0cc}.feature-dark{background:#061725d9}.feature-tall:after{border-color:#ffffff0b}.finance-lines span{border-color:#ffffff1a;color:#a9c0cc}.finance-lines b{color:#fff}.report-ui{background:#071a29;border-color:#ffffff1c}.workflow{background:linear-gradient(180deg,#041522e8,#0b2940cf,#041522e8);color:#fff}.workflow-copy>p,.workflow li p{color:#aec3ce}.workflow li{border-color:#ffffff20}.insights{max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));background:#041522e8}.insight-card{background:#0b3045d4;color:#fff;backdrop-filter:blur(16px)}.insight-card div span{color:#aec3ce}footer{max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));background:#03111f;color:#8da9b7;border-color:#ffffff18}.depth-card{will-change:transform,opacity;transform:scale(var(--depth-scale,.94));filter:brightness(calc(.82 + var(--depth-light,.5) * .18));transition:transform .12s linear,filter .18s linear,box-shadow .35s}.scroll-item.depth-card{transform:translateY(52px) scale(.92)}.scroll-item.depth-card.in-view{transform:scale(var(--depth-scale,.94))!important}.workflow li.scroll-item.depth-card.in-view{transform:scale(var(--depth-scale,.94))!important}.feature-grid .feature.scroll-item.depth-card.in-view{transform:scale(var(--depth-scale,.94))!important}.product-stage.visible .showcase-dashboard.depth-card{transform:scale(var(--depth-scale,.94))!important}.insight-card.depth-card,.cta-card.depth-card{transform:scale(var(--depth-scale,.94))}.depth-card[style*="--depth-light: 1"]{box-shadow:0 35px 85px #0005}
@media(max-width:700px){.global-scene-image{background-position:68% center}.product-stage,.features,.workflow,.insights{background:#041522e8}.impact-strip{grid-template-columns:1fr 1fr;padding:0 20px}.showcase-dashboard.depth-card{transform:scale(.48)!important}.depth-card{filter:none}.scroll-item.depth-card.in-view{transform:none!important}}

/* Clear background, cinematic card lifecycle, and contact UI */
.global-scene-image{inset:-5% 0;background-position:62% center;filter:saturate(1.35) contrast(1.1) brightness(1.09);transform:scale(1.015)}.global-scene-overlay{background:linear-gradient(180deg,#03111f12 0%,#03111f35 25%,#03111f72 62%,#03111fb0 100%),linear-gradient(90deg,#03111fa5 0%,#03111f3d 38%,transparent 74%)}.hero-vignette{background:linear-gradient(90deg,#03111fda 0%,#04182ba6 32%,#05243c20 65%,transparent 100%),linear-gradient(0deg,#061a2d4a,transparent 55%)}.hero-orb,.orb-one,.orb-two{display:none!important}.depth-card{opacity:var(--depth-opacity,.58);transform:scale(var(--depth-scale,.91));filter:brightness(calc(.88 + var(--depth-light,.5) * .12));transition:transform .16s linear,opacity .18s linear,filter .18s linear,box-shadow .35s}.scroll-item.depth-card{opacity:0;transform:translateY(75px) scale(.82);filter:blur(9px)}.scroll-item.depth-card.in-view{opacity:var(--depth-opacity,.58);filter:brightness(calc(.88 + var(--depth-light,.5) * .12));transform:scale(var(--depth-scale,.91))!important}.feature-grid .feature.scroll-item.depth-card.in-view,.workflow li.scroll-item.depth-card.in-view{opacity:var(--depth-opacity,.58)}.depth-card:hover{--depth-scale:1.015!important;opacity:1!important;filter:brightness(1.05)}.scroll-progress{top:14px;left:50%;right:auto;width:min(430px,48vw);height:7px;padding:2px;background:#ffffff18;border:1px solid #ffffff32;border-radius:20px;transform:translateX(-50%);backdrop-filter:blur(14px);box-shadow:0 8px 28px #03111f3d}.scroll-progress i{border-radius:20px;background:linear-gradient(90deg,#00dff2,#23efb7 46%,#ff8b4a);box-shadow:0 0 16px #00dff299}.scroll-progress span{position:absolute;left:calc(100% + 13px);top:-5px;white-space:nowrap;border:1px solid #ffffff29;border-radius:20px;background:#061a2dcc;color:#9cb7c4;padding:5px 9px;font:600 8px "Space Grotesk",sans-serif;letter-spacing:1px}.scroll-progress b{color:#fff;font-size:9px}.whatsapp-contact{position:fixed;z-index:190;right:24px;bottom:24px;display:flex;align-items:center;gap:11px;background:#0dba67;color:#fff;border-radius:18px;padding:11px 15px 11px 12px;box-shadow:0 15px 40px #041c1359;border:1px solid #ffffff40;transform:translateZ(0);animation:whatsappFloat 3.5s ease-in-out infinite}.whatsapp-contact:hover{background:#08a95b;transform:translateY(-4px) scale(1.02)}.whatsapp-contact svg{width:29px;height:29px;fill:#fff;position:relative;z-index:2}.whatsapp-label{display:flex;flex-direction:column;line-height:1.2}.whatsapp-label b{font-size:11px}.whatsapp-label small{font-size:8px;color:#d8ffea;margin-top:3px}.whatsapp-pulse{position:absolute;width:34px;height:34px;left:9px;border-radius:50%;background:#ffffff22;animation:whatsappPing 2s infinite}@keyframes whatsappFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes whatsappPing{0%{transform:scale(.8);opacity:.8}75%,100%{transform:scale(1.65);opacity:0}}
@media(max-width:700px){.global-scene-image{background-position:70% center}.global-scene-overlay{background:linear-gradient(180deg,#03111f38,#03111f78 62%,#03111fb5)}.scroll-progress{top:9px;width:52vw}.scroll-progress span{display:none}.whatsapp-contact{right:14px;bottom:14px;border-radius:50%;padding:12px}.whatsapp-label{display:none}.whatsapp-pulse{left:10px}.scroll-item.depth-card{filter:none}.scroll-item.depth-card.in-view{opacity:1}.depth-card{opacity:1}}

/* Live gate movement and vertical route progress */
.tracking-feature{display:flex;flex-direction:column}.tracking-feature>p{margin:5px 0 9px}.tracking-feature>a{margin-top:auto}.gate-live{background:#061a2de8;border:1px solid #ffffff1c;border-radius:12px;padding:10px 12px;margin:2px 0 8px;box-shadow:inset 0 1px #ffffff0c}.gate-labels,.gate-status{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#7fa1b2;letter-spacing:.7px}.gate-labels b{color:#46e7ad;font-size:7px;position:relative;padding-left:9px}.gate-labels b:before{content:"";position:absolute;left:0;top:2px;width:5px;height:5px;background:#46e7ad;border-radius:50%;animation:gateLivePulse 1.4s infinite}.gate-route{height:22px;margin:5px 2px;position:relative;display:flex;align-items:center;justify-content:space-between}.gate-route:before{content:"";position:absolute;left:4px;right:4px;height:2px;background:repeating-linear-gradient(90deg,#1f7185 0 8px,transparent 8px 13px)}.gate-point{width:9px;height:9px;border:2px solid #63dbea;background:#08263a;border-radius:2px;z-index:1}.gate-point.end{border-color:#ff8b4a}.moving-container{position:absolute;z-index:2;left:4px;color:#f6c453;font-style:normal;font-size:13px;filter:drop-shadow(0 0 6px #f6c453aa);animation:containerTrack 3.8s cubic-bezier(.4,0,.2,1) infinite}.gate-status strong{color:#f6c453;font-size:7px}.scroll-progress{top:50%;left:auto;right:17px;width:8px;height:210px;padding:2px;transform:translateY(-50%);border-radius:10px;background:#061a2d8c;border-color:#ffffff3d}.scroll-progress i{width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,#00dff2,#23efb7 48%,#ff8b4a);box-shadow:0 0 14px #00dff277}.scroll-progress:before,.scroll-progress:after{content:"";position:absolute;left:50%;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:#fff}.scroll-progress:before{top:-9px;box-shadow:0 0 8px #00dff2}.scroll-progress:after{bottom:-9px;box-shadow:0 0 8px #ff8b4a}.scroll-progress span{left:auto;right:-6px;top:50%;transform:translateY(-50%) rotate(90deg) translateY(-27px);transform-origin:center;background:#061a2de8;padding:5px 10px}.whatsapp-contact{right:43px}@keyframes containerTrack{0%{left:4px;transform:scale(.8);opacity:.3}12%{opacity:1}48%{transform:scale(1.08)}88%{opacity:1}100%{left:calc(100% - 17px);transform:scale(.8);opacity:.25}}@keyframes gateLivePulse{0%,100%{box-shadow:0 0 0 0 #46e7ad80}60%{box-shadow:0 0 0 6px #46e7ad00}}
@media(max-width:700px){.scroll-progress{top:50%;right:7px;width:6px;height:145px;transform:translateY(-50%)}.scroll-progress span{display:none}.whatsapp-contact{right:18px}.tracking-feature{min-height:360px}}

/* Ship-shaped scroll position marker */
.scroll-progress .progress-ship{display:block;position:absolute;z-index:3;left:50%;right:auto;top:0;width:35px;height:25px;padding:0;border:0;border-radius:0;background:none;transform:translate(-50%,-50%);transform-origin:center;filter:drop-shadow(0 5px 7px #0009);transition:top .1s linear;pointer-events:none}.progress-ship svg{display:block;width:100%;height:100%;overflow:visible}.progress-ship .ship-hull{fill:#f6c453}.progress-ship .ship-cabin{fill:#e8f8ff}.progress-ship .ship-box{stroke:#061a2d;stroke-width:.8}.progress-ship .box-1{fill:#ff6b35}.progress-ship .box-2{fill:#00bdd0}.progress-ship .ship-wave{fill:none;stroke:#63e4ef;stroke-width:2;stroke-linecap:round;animation:shipWave 1.4s ease-in-out infinite}.progress-ship svg{animation:shipSail 2.3s ease-in-out infinite}@keyframes shipSail{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}@keyframes shipWave{0%,100%{transform:translateX(-1px)}50%{transform:translateX(2px)}}
@media(max-width:700px){.scroll-progress .progress-ship{display:block;width:29px;height:20px}}

/* Readability and custom scrollbar control */
html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}.scroll-progress{cursor:ns-resize;touch-action:none;user-select:none}.scroll-progress:focus-visible{outline:2px solid #63e4ef;outline-offset:6px}.feature-grid{grid-template-rows:380px 350px}.feature{min-height:0;padding-bottom:32px}.tracking-feature>p{margin-bottom:12px}.tracking-feature .gate-live{flex-shrink:0;margin:5px 0 14px}.tracking-feature>a{display:block;position:relative;z-index:3;color:#5be0ef;padding:5px 0;line-height:1.3}.feature p{line-height:1.6}.feature a{display:inline-block;padding:5px 0;color:#5be0ef}.feature-dark p,.feature-tall p{color:#c0d2db}.showcase-dashboard,.showcase-dashboard:hover{opacity:1!important;filter:none!important;color:#102a2a}.showcase-dashboard:hover{transform:translateY(-4px)!important}.showcase-dashboard .preview-top{background:#fff}.showcase-dashboard .preview-body aside{background:#fff}.showcase-dashboard .preview-content{background:#edf3f7}.showcase-dashboard .preview-heading h3{color:#102a2a;font-size:19px}.showcase-dashboard .preview-heading small{font-size:8px;color:#62768a}.showcase-dashboard .metrics small{font-size:9px;color:#63788a}.showcase-dashboard .metrics strong{color:#102a2a;font-size:27px}.showcase-dashboard .metrics span{font-size:8px}.showcase-dashboard .card-title{font-size:12px;color:#102a2a}.showcase-dashboard .card-title small{font-size:9px}.showcase-dashboard .preview-body aside span{font-size:11px;color:#586c7d}.showcase-dashboard .preview-body aside .active{color:#087cc1}.showcase-dashboard .preview-search{color:#607488;background:#f1f5f8}.showcase-dashboard .floating-card{opacity:1;filter:none}.product-stage.visible .showcase-dashboard{transform:none!important}.product-stage:not(.visible) .showcase-dashboard{filter:none}.insight-card,.cta-card{overflow:visible}.workflow li{padding-right:10px}
@media(max-width:1050px){.feature-grid{grid-template-rows:400px 370px}}
@media(max-width:700px){.feature-grid{display:block}.feature{min-height:330px;overflow:hidden}.tracking-feature{min-height:390px}.showcase-dashboard,.showcase-dashboard:hover,.product-stage.visible .showcase-dashboard{transform:scale(.48)!important}}

/* Scroll-scrubbed choreography inspired by the supplied motion reference */
.motion-section{position:relative;isolation:isolate;clip-path:inset(var(--motion-clip,54px) 0 var(--motion-clip,54px) 0);transition:clip-path .12s linear}.motion-section:before{content:attr(data-motion-title);position:absolute;z-index:-1;left:-2vw;top:4%;font:700 clamp(100px,18vw,270px)/.8 "Space Grotesk",sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #bfe9f018;white-space:nowrap;transform:translate3d(var(--title-shift,0),0,0) scale(calc(.82 + var(--motion-focus,.5) * .18));opacity:calc(.15 + var(--motion-focus,.5) * .65);will-change:transform,opacity;pointer-events:none}.motion-section[data-motion-side="right"]:before{left:auto;right:-2vw}.motion-section .section-intro,.motion-section .product-stage-copy,.motion-section .workflow-copy{transform:translate3d(var(--motion-shift,0),0,0) scale(calc(.9 + var(--motion-focus,.5) * .1));opacity:calc(.28 + var(--motion-focus,.5) * .72);will-change:transform,opacity;transition:transform .12s linear,opacity .12s linear}.motion-section .section-intro>div h2,.motion-section .product-stage-copy h2,.motion-section .workflow-copy h2{transform:scale(calc(.88 + var(--motion-focus,.5) * .12));transform-origin:left center;will-change:transform}.motion-section .feature-grid,.motion-section ol{position:relative;z-index:2}.depth-card{transform-origin:center;transition:transform .1s linear,opacity .13s linear,filter .13s linear,box-shadow .3s}.motion-section .depth-card{box-shadow:0 calc(10px + var(--motion-focus,.5) * 25px) calc(30px + var(--motion-focus,.5) * 50px) #0003}.insights.motion-section .insight-card{transform-origin:right center}.insights.motion-section .cta-card{transform-origin:left center}.product-stage.motion-section .showcase-dashboard{transform-origin:center right}.hero-copy h1{will-change:transform,letter-spacing}.chart-card{transform:translateZ(0)}
@media(max-width:700px){.motion-section{clip-path:none}.motion-section:before{font-size:90px;top:2%;opacity:.18}.motion-section .section-intro,.motion-section .product-stage-copy,.motion-section .workflow-copy{transform:translateY(calc(var(--motion-shift,0px) * .25));opacity:1}.motion-section .section-intro>div h2,.motion-section .product-stage-copy h2,.motion-section .workflow-copy h2{transform:none}.depth-card{opacity:1!important}}
@media(prefers-reduced-motion:reduce){.motion-section{clip-path:none}.motion-section:before{transform:none}.motion-section .section-intro,.motion-section .product-stage-copy,.motion-section .workflow-copy{transform:none;opacity:1}.depth-card{transform:none!important;opacity:1!important}}
.motion-section:before{transform:translate3d(var(--title-shift,0),0,0) scale(var(--motion-scale,.9));opacity:var(--title-opacity,.5)}.motion-section .section-intro,.motion-section .product-stage-copy,.motion-section .workflow-copy{transform:translate3d(var(--motion-shift,0),0,0) scale(var(--copy-scale,.95));opacity:var(--copy-opacity,.7)}.motion-section .section-intro>div h2,.motion-section .product-stage-copy h2,.motion-section .workflow-copy h2{transform:scale(var(--heading-scale,.94))}.motion-section .depth-card{box-shadow:0 28px 70px #0003}

/* Precision polish: overflow, legibility, cursor and minimal contact */
html,body{width:100%;max-width:100%;overflow-x:hidden}main,section,footer{max-width:100%}.motion-section{overflow:hidden}.motion-section:before{color:#80cbd210;-webkit-text-stroke:1.5px #bfe9f05c;opacity:max(.46,var(--title-opacity,.5));text-shadow:0 0 50px #4bc6d51c}.motion-section .section-intro,.motion-section .product-stage-copy,.motion-section .workflow-copy{transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .22s ease-out}.depth-card{transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .2s ease-out,filter .2s ease-out,box-shadow .32s ease}.global-scene-image{transition:transform .18s cubic-bezier(.22,.61,.36,1)}.scroll-progress i{transition:transform .14s cubic-bezier(.22,.61,.36,1)}.scroll-progress .progress-ship{pointer-events:auto;cursor:grab;transition:top .14s cubic-bezier(.22,.61,.36,1),transform .2s}.scroll-progress.dragging,.scroll-progress.dragging .progress-ship{cursor:grabbing}.scroll-progress.dragging .progress-ship{transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0 7px 10px #000b) drop-shadow(0 0 8px #63e4ef)}.whatsapp-contact{right:42px;bottom:24px;width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:16px;background:#15b967;border:1px solid #80e6af;box-shadow:0 10px 24px #001b0e4d;animation:none;backdrop-filter:none;filter:none}.whatsapp-contact:hover{background:#0da95b;transform:translateY(-3px);box-shadow:0 14px 28px #001b0e66}.whatsapp-contact svg{width:27px;height:27px;filter:none}.whatsapp-pulse{display:none}.whatsapp-label{display:flex;position:absolute;right:62px;top:50%;width:max-content;transform:translate(8px,-50%);padding:8px 11px;border:1px solid #ffffff2b;border-radius:9px;background:#061a2df2;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transition:.22s;pointer-events:none}.whatsapp-contact:hover .whatsapp-label{opacity:1;visibility:visible;transform:translate(0,-50%)}.ship-cursor{position:fixed;z-index:9999;left:0;top:0;width:38px;height:25px;pointer-events:none;will-change:transform;filter:drop-shadow(0 4px 5px #0008);transition:opacity .18s}.ship-cursor svg{width:100%;height:100%;overflow:visible}.ship-cursor .cursor-hull{fill:#f6c453}.ship-cursor .cursor-cabin{fill:#f2fbff}.ship-cursor .cursor-box{stroke:#061a2d;stroke-width:.8}.ship-cursor .cursor-box.one{fill:#ff7042}.ship-cursor .cursor-box.two{fill:#02c0d1}.ship-cursor .cursor-wave{fill:none;stroke:#66e5ef;stroke-width:2;stroke-linecap:round;animation:cursorWake .9s ease-in-out infinite}.ship-cursor.cursor-hidden{opacity:0}body{cursor:none}a,button,.scroll-progress{cursor:none}input,textarea,select,[contenteditable="true"]{cursor:auto}@keyframes cursorWake{0%,100%{transform:translateX(-2px);opacity:.45}50%{transform:translateX(2px);opacity:1}}
@media(pointer:coarse){body,a,button,.scroll-progress{cursor:auto}.ship-cursor{display:none}}
@media(max-width:700px){.motion-section:before{color:#80cbd218;-webkit-text-stroke:1px #bfe9f066;opacity:.55}.whatsapp-contact{right:18px;bottom:18px;width:48px;height:48px;border-radius:15px}.whatsapp-label{display:none}}

/* Crisp editorial words, container cursor and complete button feedback */
.motion-section:before{color:transparent;-webkit-text-stroke:1.25px #bdebf0a8;text-shadow:none;filter:none;opacity:.68;transform:translate3d(var(--title-shift,0),0,0);font-weight:600;letter-spacing:-.075em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;backface-visibility:hidden}.container-cursor{width:34px;height:28px;filter:drop-shadow(0 5px 5px #0007)}.container-cursor .container-shadow{fill:#04111c;opacity:.55}.container-cursor .container-body{fill:#ff7443;stroke:#ffe1cc;stroke-width:1}.container-cursor .container-ribs,.container-cursor .container-door{fill:none;stroke:#8f2d14;stroke-width:1;opacity:.75}.container-cursor .container-light{fill:#f6d45a;filter:drop-shadow(0 0 3px #fff09a);animation:containerBlink 1.2s ease-in-out infinite}.container-cursor svg{animation:containerHover 1.8s ease-in-out infinite}@keyframes containerBlink{0%,45%,100%{opacity:.35}50%,85%{opacity:1}}@keyframes containerHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
button,.button{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .25s,color .25s,background .25s}button:not(.modal-close):not(.show-password):after,.button:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff35 45%,transparent 70%);transform:translateX(-130%);transition:transform .55s cubic-bezier(.16,1,.3,1)}button:not(.modal-close):not(.show-password):hover:after,.button:hover:after{transform:translateX(130%)}button:not(.modal-close):not(.show-password):hover,.button:hover{transform:translateY(-3px);box-shadow:0 13px 28px #0018273d}button:not(.modal-close):not(.show-password):active,.button:active{transform:translateY(0) scale(.97);transition-duration:.1s}.button-primary:hover{background:linear-gradient(120deg,#0b95d8,#04b9bd);box-shadow:0 15px 34px #009eb74d}.button-ghost:hover{background:#ffffff20;color:#fff;border-color:#65e5ef;box-shadow:0 12px 30px #00182766}.button-small:hover{background:linear-gradient(120deg,#ff5925,#ff8a48);box-shadow:0 13px 30px #ff643f42}.button-light:hover{background:#fff5ed;color:#bd3d1e}.language-options button:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 15px 32px #002b3c24}.modal-close{transition:transform .25s,background .25s,color .25s}.modal-close:hover{transform:rotate(90deg) scale(1.08);background:#ff7043;color:#fff}.show-password{transition:color .2s,transform .2s}.show-password:hover{color:#087cc1;transform:scale(1.18)}.menu-toggle:hover span{background:#087cc1}.submit-button:hover{letter-spacing:.15px}.whatsapp-contact:hover{transform:translateY(-4px) scale(1.05)}
@media(max-width:700px){.motion-section:before{-webkit-text-stroke:1px #bdebf099;opacity:.6}button:not(.modal-close):not(.show-password):hover,.button:hover{transform:none}}

/* Lossless real-product screenshot sequence */
.screenshot-showcase{position:relative;isolation:isolate;padding:120px max(28px,calc((100vw - 1184px)/2)) 80px;background:linear-gradient(180deg,#041522ed,#082a3ee5 45%,#041522f2);color:#fff;overflow:visible!important;clip-path:none!important}.screenshot-showcase:before{top:2%;font-size:clamp(100px,16vw,240px)}.screenshot-heading{position:relative;z-index:4;max-width:630px;margin-bottom:75px}.screenshot-heading h2{font:700 clamp(42px,5vw,66px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-3px;margin:15px 0}.screenshot-heading p{max-width:570px;color:#b2c8d3;font-size:16px;line-height:1.75}.screenshot-stack{position:relative;z-index:3;max-width:1184px;margin:0 auto;padding-bottom:12vh}.screenshot-card{position:sticky;top:95px;margin:0 0 36vh;border:1px solid #ffffff36;border-radius:18px;background:#eaf1f5;box-shadow:0 35px 90px #0008;overflow:hidden;transform-origin:center top;backface-visibility:hidden;image-rendering:auto}.screenshot-card:nth-child(1){z-index:1}.screenshot-card:nth-child(2){z-index:2;top:110px}.screenshot-card:nth-child(3){z-index:3;top:125px;margin-bottom:8vh}.screenshot-card:before{content:attr(data-screen);position:absolute;z-index:4;right:14px;top:10px;font:600 8px "Space Grotesk",sans-serif;color:#668191;letter-spacing:1px}.screenshot-browser{height:35px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f7fafc;border-bottom:1px solid #d9e3e9}.screenshot-browser span{width:7px;height:7px;border-radius:50%;background:#ff6b55}.screenshot-browser span:nth-child(2){background:#f6c453}.screenshot-browser span:nth-child(3){background:#2ecf87}.screenshot-browser b{margin-left:8px;color:#607686;font-size:9px;font-weight:600;letter-spacing:.2px}.screenshot-card img{display:block;width:100%;height:auto;aspect-ratio:1366/630;object-fit:contain;background:#fff;image-rendering:auto;filter:none;transform:translateZ(0)}.screenshot-card figcaption{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#071c2b;color:#fff}.screenshot-card figcaption strong{font:600 14px "Space Grotesk",sans-serif}.screenshot-card figcaption span{color:#91aeba;font-size:11px}.screenshot-card.scroll-item.depth-card{filter:none}.screenshot-card.scroll-item.depth-card.in-view{filter:none;opacity:var(--depth-opacity,.8)}.screenshot-card:hover{opacity:1!important;filter:none!important;box-shadow:0 42px 110px #000a}.screenshot-card:hover img{filter:none}.screenshot-showcase.motion-section .screenshot-heading{transform:translate3d(var(--motion-shift,0),0,0);opacity:var(--copy-opacity,.8);transition:.2s linear}
@media(max-width:700px){.screenshot-showcase{padding:85px 18px 50px}.screenshot-heading{margin-bottom:45px}.screenshot-heading h2{font-size:42px;letter-spacing:-2px}.screenshot-card,.screenshot-card:nth-child(2),.screenshot-card:nth-child(3){top:82px;margin-bottom:24vh;border-radius:12px}.screenshot-browser{height:28px}.screenshot-card figcaption{display:block;padding:12px 14px}.screenshot-card figcaption span{display:block;margin-top:4px}.screenshot-card.scroll-item.depth-card.in-view{opacity:1}.screenshot-stack{padding-bottom:4vh}}
.screenshot-card img{aspect-ratio:auto}

/* Interactive container cursor replaces the native hand */
@media(pointer:fine){a,a *,button,button *,.button,.button *,.language-options button,.demo-menu button,.scroll-progress,.progress-ship{cursor:none!important}.container-cursor.cursor-action{filter:drop-shadow(0 7px 9px #0009) drop-shadow(0 0 8px #ff9d67)}.container-cursor.cursor-action svg{animation:containerAction .65s cubic-bezier(.16,1,.3,1) infinite alternate}.container-cursor.cursor-action .container-body{fill:#ff9a54;stroke:#fff3e8;stroke-width:1.5}.container-cursor.cursor-action .container-light{animation:containerActionLight .45s ease-in-out infinite alternate}}@keyframes containerAction{from{transform:translateY(0) scale(1) rotate(-2deg)}to{transform:translateY(-5px) scale(1.14) rotate(2deg)}}@keyframes containerActionLight{from{opacity:.35;filter:drop-shadow(0 0 2px #fff09a)}to{opacity:1;filter:drop-shadow(0 0 7px #fff)}}

.demo-video-player{width:100%;max-height:62vh;border-radius:14px;background:#061a2d;display:block;box-shadow:0 18px 45px #00000035}.video-placeholder:has(.demo-video-player){height:auto;padding:0;background:transparent;text-align:left}.video-placeholder:has(.demo-video-player) h3{margin:18px 0 5px}.video-placeholder:has(.demo-video-player) p{margin:0;color:#aeb9cc}



/* Guided dashboard screenshot tour */
.screen-proof{display:flex;align-items:center;width:max-content;gap:8px;margin-bottom:17px;padding:7px 11px;border:1px solid #5de0e95c;border-radius:20px;background:#0b3648;color:#a9f5f3;font:600 9px "Space Grotesk",sans-serif;letter-spacing:1.1px;text-transform:uppercase}.screen-proof i{width:7px;height:7px;border-radius:50%;background:#42e2aa;box-shadow:0 0 0 0 #42e2aa8a;animation:screenProofPulse 1.8s infinite}.screenshot-guide{position:sticky;z-index:20;top:78px;max-width:880px;margin:0 auto 38px;display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border:1px solid #ffffff2b;border-radius:15px;background:#061a2deb;backdrop-filter:blur(16px);box-shadow:0 14px 35px #0005}.screenshot-guide>span{position:relative;display:grid;grid-template-columns:34px 3px 1fr;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;color:#6f8e9d;transition:color .35s,background .35s,transform .35s}.screenshot-guide b{font:700 12px "Space Grotesk",sans-serif}.screenshot-guide i{width:3px;height:29px;border-radius:5px;background:#183b4b;overflow:hidden}.screenshot-guide i:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(#45e4ea,#f6c453);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.16,1,.3,1)}.screenshot-guide em{font-style:normal;font:600 11px "Space Grotesk",sans-serif}.screenshot-guide small{display:block;margin-top:3px;color:#668391;font:400 8px "Outfit",sans-serif}.screenshot-guide>span.active{color:#fff;background:#0c3144;transform:translateY(-1px)}.screenshot-guide>span.active b{color:#f6c453}.screenshot-guide>span.active i:after{transform:scaleY(1)}.screenshot-guide>span.active small{color:#91b3bf}.screenshot-card,.screenshot-card:nth-child(1){top:150px}.screenshot-card:nth-child(2){top:165px}.screenshot-card:nth-child(3){top:180px}.screenshot-card:before{right:14px;top:5px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#087cc1;color:#fff;font-size:9px;box-shadow:0 4px 12px #087cc14d}.screenshot-card figcaption:before{content:"DASHBOARD VIEW " attr(data-screen);font:600 8px "Space Grotesk",sans-serif;letter-spacing:1px;color:#5de0e9;border-right:1px solid #ffffff25;padding-right:16px}.screenshot-card figcaption{min-height:58px}@keyframes screenProofPulse{70%{box-shadow:0 0 0 8px #42e2aa00}100%{box-shadow:0 0 0 0 #42e2aa00}}
@media(max-width:700px){.screenshot-guide{top:68px;margin-bottom:25px;padding:5px;gap:2px}.screenshot-guide>span{grid-template-columns:24px 2px 1fr;gap:5px;padding:7px 5px}.screenshot-guide em{font-size:8px}.screenshot-guide small{display:none}.screenshot-guide i{height:22px}.screenshot-card,.screenshot-card:nth-child(1){top:125px}.screenshot-card:nth-child(2){top:137px}.screenshot-card:nth-child(3){top:149px}.screenshot-card figcaption:before{display:block;border:0;padding:0;margin-bottom:6px}}

/* Keep walkthrough navigation visually attached to its screenshots */
.screenshot-guide{opacity:0;visibility:hidden;transform:translateY(22px) scale(.97);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility .45s}.screenshot-showcase.tour-active .screenshot-guide{opacity:1;visibility:visible;transform:none}.screenshot-stack{margin-top:-8px}.screenshot-showcase.tour-active .screenshot-card:first-child{box-shadow:0 38px 100px #0009,0 -14px 40px #21c9df10}

/* Keep the walkthrough visible above every stacked screenshot */
.screenshot-showcase.tour-active .screenshot-guide{position:fixed;left:50%;right:auto;top:78px;width:min(880px,calc(100vw - 110px));margin:0;transform:translateX(-50%);z-index:180}.screenshot-showcase.tour-active .screenshot-stack{margin-top:63px}.screenshot-showcase.tour-active .screenshot-card,.screenshot-showcase.tour-active .screenshot-card:nth-child(1){top:158px}.screenshot-showcase.tour-active .screenshot-card:nth-child(2){top:173px}.screenshot-showcase.tour-active .screenshot-card:nth-child(3){top:188px}
@media(max-width:700px){.screenshot-showcase.tour-active .screenshot-guide{top:68px;width:calc(100vw - 32px)}.screenshot-showcase.tour-active .screenshot-stack{margin-top:52px}.screenshot-showcase.tour-active .screenshot-card,.screenshot-showcase.tour-active .screenshot-card:nth-child(1){top:128px}.screenshot-showcase.tour-active .screenshot-card:nth-child(2){top:140px}.screenshot-showcase.tour-active .screenshot-card:nth-child(3){top:152px}}

/* Each dashboard screenshot carries its own walkthrough bar */
.screenshot-card .per-card-guide{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:none;margin:0;padding:8px;border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:#061a2d;box-shadow:none;opacity:1;visibility:visible;transform:none;backdrop-filter:none}.screenshot-card:before{display:none}.screenshot-card .per-card-guide>span{opacity:.58}.screenshot-card .per-card-guide>span.active{opacity:1;background:#0d3c51}.screenshot-card .per-card-guide>span.active b{animation:activeScreenNumber 1.6s ease-in-out infinite}.screenshot-card .screenshot-browser{position:relative;z-index:2}.screenshot-card .per-card-guide+.screenshot-browser{border-top:1px solid #102d3d}@keyframes activeScreenNumber{0%,100%{transform:scale(1)}50%{transform:scale(1.15);color:#fff}}
@media(max-width:700px){.screenshot-card .per-card-guide{display:grid;top:auto;width:100%;padding:5px}.screenshot-card .per-card-guide>span{padding:6px 4px}}

/* Keep every visible card fully readable during depth animation */
.feature{background:#09283bf2;border-color:#ffffff35}.feature-dark{background:#061725fa}.feature p{color:#c7d8e0}.feature small{color:#8fb1bf}.feature h3{color:#fff}.feature-tall .finance-lines span{color:#b9ced7}.depth-card{filter:brightness(calc(.96 + var(--depth-light,.7) * .04))}.scroll-item.depth-card.in-view{filter:brightness(calc(.96 + var(--depth-light,.7) * .04));opacity:var(--depth-opacity,.92)}.feature-grid .feature.scroll-item.depth-card.in-view,.workflow li.scroll-item.depth-card.in-view{opacity:var(--depth-opacity,.92)}.feature-grid .feature.depth-card:hover{opacity:1!important;filter:brightness(1.04)}

/* Preserve the custom container cursor throughout registration */
@media(pointer:fine){input,textarea,select,label,label *,form,form *,[contenteditable="true"],.file-drop,.file-drop *,input[type="checkbox"],.modal-panel,.modal-panel *{cursor:none!important}}

/* Official container leasing logo */
.brand-logo{display:block;width:38px;height:38px;border-radius:10px;object-fit:contain;box-shadow:0 7px 18px #061a2d25}.mini-brand-logo{width:19px;height:19px;border-radius:4px;vertical-align:middle;margin-right:5px}.mini-logo{display:flex;align-items:center}.brand:hover .brand-logo{transform:translateY(-2px) rotate(-2deg);box-shadow:0 10px 24px #087cc13d}.brand-logo{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}

/* Footer return control */
.back-to-top{position:relative;z-index:5;width:max-content;margin:-16px auto 34px;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 17px;border:1px solid #ffffff2d;border-radius:30px;background:#08263a;color:#b9d0da;font:600 10px "Space Grotesk",sans-serif;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 12px 28px #0005;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,color .3s,background .3s}.back-to-top i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#08a9bd,#087cc1);color:#fff;font:normal 18px "Space Grotesk",sans-serif;transition:transform .35s cubic-bezier(.16,1,.3,1)}.back-to-top:hover{transform:translateY(-5px);border-color:#54dce8;color:#fff;background:#0b3045}.back-to-top:hover i{transform:translateY(-3px) rotate(360deg);box-shadow:0 0 18px #17cfdd66}.back-to-top:active{transform:translateY(-1px) scale(.97)}

/* Compact free-trial modal: no inner scrollbar on standard screens */
#trial-modal .modal-panel{max-height:calc(100vh - 34px);overflow:hidden;padding:30px 38px 32px;width:min(700px,calc(100% - 30px))}
#trial-modal .modal-panel h2{font-size:30px;line-height:1.05;margin:8px 0 4px}
#trial-modal .modal-panel>p{margin:0 0 20px}
#trial-modal .form-grid{gap:14px 16px}
#trial-modal label{font-size:11px}
#trial-modal input{height:41px;margin-top:6px;padding:10px 13px}
#trial-modal .field-hint{font-size:10px;margin-top:4px}
#trial-modal .show-password{top:10px}
#trial-modal .upload-label{margin-top:14px}
#trial-modal .file-drop{min-height:48px;padding:10px 12px}
#trial-modal .terms{align-items:center;margin:14px 0}
#trial-modal .terms input{height:auto}
#trial-modal .form-error{min-height:14px}
#trial-modal .submit-button{height:46px;margin-top:4px;padding:12px 20px}
@media(max-height:700px){#trial-modal .modal-panel{padding:24px 34px 26px}#trial-modal .modal-panel h2{font-size:28px}#trial-modal .modal-panel>p{margin-bottom:15px}#trial-modal .form-grid{gap:11px 14px}#trial-modal input{height:38px;padding:8px 12px}#trial-modal .file-drop{min-height:42px;padding:8px 12px}#trial-modal .terms{margin:11px 0}#trial-modal .submit-button{height:42px}}
@media(max-width:700px){#trial-modal .modal-panel{max-height:calc(100vh - 24px);overflow:auto;padding:28px 20px}}