@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b2d;--slate:#172640;--blue:#3f6fb6;--blue-dark:#315b98;--gold:#f3b547;--canvas:#f4f7f9;--line:#d8e0ea;--ink:#182238;--muted:#66748a;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;line-height:1.15}h1{font-size:clamp(3rem,5.2vw,5.5rem);letter-spacing:-.065em}h2{font-size:clamp(2.4rem,4.5vw,4.5rem);letter-spacing:-.055em}h3{letter-spacing:-.025em}p{line-height:1.7}.wrap{width:min(100% - 56px,1280px);margin-inline:auto}.section{padding:116px 0}.section-tag{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--blue-dark);margin-bottom:28px}.section-tag.light{color:var(--gold)}.skip-link{position:fixed;left:16px;top:-60px;z-index:50;background:var(--navy);color:white;padding:10px 16px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header{height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf1;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:184px;flex:none}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;color:#465770;margin-left:auto}.site-nav>a:not(.nav-cta):hover{color:var(--blue-dark)}.nav-cta{background:var(--navy);color:white;padding:12px 18px;border-radius:8px;white-space:nowrap}.nav-cta:hover{background:var(--blue-dark)}.header-actions{display:flex;align-items:center;gap:10px;flex:none}.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:66px;height:42px;padding:0 12px;border:1px solid #c9d9e8;border-radius:999px;background:linear-gradient(180deg,#fff 0%,#f2f7fb 100%);color:var(--navy);box-shadow:0 4px 14px rgba(31,59,91,.08);font:800 12px Manrope,sans-serif;letter-spacing:.08em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s,border-color .2s,color .2s,background .2s,box-shadow .2s}.language-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-code{min-width:20px;text-align:center}.language-toggle:hover{transform:translateY(-1px);border-color:var(--blue);color:var(--blue-dark);background:#f4f8fc;box-shadow:0 7px 18px rgba(49,91,152,.13)}.language-toggle:active{transform:translateY(0);box-shadow:0 2px 8px rgba(31,59,91,.1)}.menu-toggle{display:none}
.hero{background:linear-gradient(105deg,#f8fbfd 0%,#f4f7fa 55%,#eaf1f8 100%);overflow:hidden}.hero-grid{min-height:695px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:4%;padding-block:72px 76px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;color:var(--blue-dark);font-weight:800;font-size:12px;letter-spacing:.18em;margin-bottom:25px}.eyebrow-line{width:28px;height:2px;background:var(--gold)}.hero h1{margin:0 0 25px;max-width:720px}.hero h1 em,.roles-section h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:18px;color:#516078;max-width:580px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:13px 22px;border-radius:9px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 24px rgba(49,91,152,.18)}.button-primary:hover{background:var(--blue-dark)}.button-text{color:var(--navy);padding-inline:8px}.button-text:hover{color:var(--blue)}.trial-note{font-size:13px;color:#718096;margin:18px 0 0}.hero-footer{display:flex;justify-content:space-between;padding:21px 0;border-top:1px solid #dce6ee;color:#8190a3;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em}
.hero-visual{position:relative;min-width:0;background:var(--navy);border:9px solid #23354f;border-radius:20px;box-shadow:0 45px 70px rgba(22,42,73,.18),0 8px 18px rgba(22,42,73,.12);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.hero-visual:before{content:'';position:absolute;z-index:-1;width:50%;height:64%;right:-12%;top:-13%;border:1px solid #aec7df;border-radius:50%}.hero-visual:after{content:'';position:absolute;z-index:-1;width:160px;height:160px;right:-6%;bottom:-8%;background:radial-gradient(circle,var(--gold) 1px,transparent 1px);background-size:14px 14px;opacity:.4}.hero-visual-top{height:38px;display:flex;align-items:center;justify-content:space-between;color:#98aac4;font:700 9px Manrope,sans-serif;letter-spacing:.16em;padding:0 17px;border-bottom:1px solid #2d405e}.signal{display:flex;gap:5px}.signal i{display:block;width:7px;height:7px;border-radius:50%;background:#57708e}.signal i:first-child{background:var(--gold)}.hero-visual-status{color:#d6e2ee;letter-spacing:0}.hero-visual-body{display:grid;grid-template-columns:56px 1fr;background:#f5f8fb;min-height:430px}.visual-sidebar{background:#e9f0f7;border-right:1px solid #d7e2ef;display:flex;align-items:center;flex-direction:column;gap:18px;padding:20px 0}.visual-sidebar img{width:27px;height:30px;object-fit:contain;margin-bottom:15px}.visual-sidebar-item{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;color:#8396ae;font-size:17px}.visual-sidebar-item.active{background:#d6e5f7;color:var(--blue-dark)}.visual-main{padding:34px 33px 18px;min-width:0}.visual-kicker{color:var(--blue);font:800 10px Manrope,sans-serif;letter-spacing:.16em;margin-bottom:10px}.visual-title{font:800 clamp(20px,2.1vw,32px)/1.22 Manrope,sans-serif;letter-spacing:-.045em;margin-bottom:25px;color:var(--navy)}.visual-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visual-card{position:relative;min-height:116px;background:white;border:1px solid #dfe6ef;border-radius:10px;padding:14px 15px;box-shadow:0 5px 10px rgba(23,38,64,.03)}.visual-card span,.visual-card small,.visual-card strong{display:block}.visual-card span{color:#6c84a1;font:800 9px Manrope,sans-serif;letter-spacing:.1em}.visual-card strong{font:800 15px Manrope,sans-serif;margin:14px 0 2px;color:var(--navy)}.visual-card small{color:#74849a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-card b{position:absolute;right:14px;top:12px;color:#d7e0eb;font:800 12px Manrope,sans-serif}.visual-card-blue{border-top:3px solid var(--blue)}.visual-card-gold{border-top:3px solid var(--gold)}.visual-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:22px;color:#8b9bb0;font-size:9px;font-weight:700}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78b0a0;margin-right:4px}
.intro{background:white;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:end}.intro h2{margin-bottom:0}.intro h2 span{color:var(--blue)}.intro-grid>p{font-size:18px;color:#57667a;max-width:465px;margin-bottom:4px}.workspace-section{background:linear-gradient(#edf3f8,#f5f8fb)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading h2{max-width:760px;margin:0}.section-heading>p{color:#69788d;max-width:335px;margin:0 0 5px;font-size:15px}.role-switch{display:flex;gap:6px;background:#e1eaf3;width:max-content;max-width:100%;padding:6px;border-radius:11px;margin-bottom:18px}.role-tab{border:0;background:transparent;color:#66778e;border-radius:7px;padding:10px 19px;font:800 13px Manrope,sans-serif;white-space:nowrap}.role-tab:hover{color:var(--navy)}.role-tab.is-active{background:var(--navy);color:white;box-shadow:0 4px 12px rgba(21,36,60,.14)}.product-frame{border:1px solid #cbd8e6;border-radius:16px;overflow:hidden;box-shadow:0 28px 70px rgba(33,64,106,.12);background:#f5f8fb}.product-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px;background:#f9fbfd;border-bottom:1px solid #dce5ef}.product-logo{display:flex;align-items:center;gap:9px}.product-logo img{width:31px;height:34px;object-fit:contain}.product-logo strong,.product-logo small{display:block;line-height:1.05}.product-logo strong{font:800 16px Manrope,sans-serif;color:var(--navy);letter-spacing:.04em}.product-logo small{font:700 8px Manrope,sans-serif;color:#6e7f95}.product-workspace{font:800 10px Manrope,sans-serif;letter-spacing:.12em;color:#70839c}.product-dot{display:inline-block;width:7px;height:7px;background:#7ba59b;border-radius:50%;margin-left:6px}.product-account{font:700 11px Manrope,sans-serif;color:#65778e;border:1px solid #d8e1eb;padding:6px 10px;border-radius:20px}.product-body{display:grid;grid-template-columns:65px 1fr;min-height:560px}.product-rail{background:#edf3f8;border-right:1px solid #dde7f1;padding:30px 12px;display:flex;align-items:center;flex-direction:column;gap:21px;color:#899bb0;font-size:20px}.product-rail span{display:grid;place-items:center;width:34px;height:34px}.product-rail .rail-active{background:#dae7f5;color:var(--blue-dark);border-radius:8px}.product-content{padding:34px 42px 42px;min-width:0;background-image:linear-gradient(rgba(63,111,182,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(63,111,182,.025) 1px,transparent 1px);background-size:24px 24px}.product-overline{color:var(--blue-dark);font:800 10px Manrope,sans-serif;letter-spacing:.14em;margin-bottom:8px}.product-welcome{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.product-welcome h3{font-size:clamp(23px,2.5vw,32px);color:var(--navy);margin:0 0 7px}.product-welcome p{font-size:13px;color:#76859a;margin:0}.product-role-badge{font:800 10px Manrope,sans-serif;color:var(--blue-dark);background:#e5eef8;border:1px solid #cbdced;padding:8px 12px;border-radius:20px;white-space:nowrap}.preview-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.preview-tool{min-width:0;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:16px;background:white;border:1px solid #dce5ee;border-top:3px solid var(--blue);border-radius:10px;box-shadow:0 5px 10px rgba(40,65,95,.03)}.preview-tool:nth-child(2),.preview-tool:nth-child(6){border-top-color:var(--gold)}.preview-tool:nth-child(4),.preview-tool:nth-child(8){border-top-color:#8aaac5}.tool-glyph{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#e7f0fa;color:var(--blue-dark);font:800 10px Manrope,sans-serif}.preview-tool h4{margin:11px 0 4px;font-size:13px;color:var(--navy)}.preview-tool p{margin:0;color:#8190a2;font-size:10px;line-height:1.45}.tool-chevron{position:absolute;top:18px;right:16px;color:#a1b1c3;font-size:13px}.preview-disclaimer{font-size:12px;color:#8695a8;margin:14px 0 0;text-align:right}.owner-preview{min-height:365px}.owner-preview[hidden],.preview-tools[hidden]{display:none!important}.owner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.owner-stats>div,.owner-panels>div{background:white;border:1px solid #dce5ee;border-radius:10px;padding:20px}.owner-stats span,.owner-stats strong,.owner-stats small{display:block}.owner-stats span,.owner-panel-kicker{font:800 10px Manrope,sans-serif;color:var(--blue-dark);letter-spacing:.1em}.owner-stats strong{font:800 33px Manrope,sans-serif;color:var(--navy);margin:5px 0}.owner-stats small{color:#8794a6;font-size:10px}.owner-panels{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.owner-panels h4{font-size:17px;margin:12px 0 14px}.owner-panels p{font-size:12px;color:#718197}.progress-line{display:grid;grid-template-columns:142px 1fr;align-items:center;gap:12px;margin:13px 0;font-size:11px;color:#63748b}.progress-line i{height:7px;background:#edf2f6;border-radius:10px;overflow:hidden}.progress-line b{display:block;height:100%;background:var(--blue);border-radius:10px}.owner-mini-tag{display:inline-block;background:#edf3f8;border-radius:20px;padding:5px 10px;color:#6e8198;font-size:10px;font-weight:700}
.tools-section{background:#fff}.tools-heading{margin-bottom:48px}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:286px;padding:29px 27px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.feature-card:hover{background:#f4f8fc}.feature-no{font:800 11px Manrope,sans-serif;color:var(--blue);letter-spacing:.13em;margin-bottom:37px}.feature-card h3{font-size:20px;color:var(--navy);margin-bottom:12px}.feature-card p{font-size:14px;color:#6c7b8e;margin-bottom:24px}.feature-keyword{margin-top:auto;color:#a3afbd;font:800 10px Manrope,sans-serif;letter-spacing:.1em}
.roles-section{background:var(--navy);color:white;position:relative;overflow:hidden}.roles-section:before{content:'';position:absolute;right:-13%;top:-35%;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.022),0 0 0 160px rgba(255,255,255,.018)}.roles-section h2{position:relative;margin-bottom:70px}.roles-section h2 em{color:var(--gold)}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a4b63;border:1px solid #3a4b63;position:relative}.roles-grid article{background:#172640;padding:34px;min-height:330px;display:flex;flex-direction:column}.role-index{color:var(--gold);font:800 12px Manrope,sans-serif;letter-spacing:.14em;margin-bottom:54px}.roles-grid h3{font-size:25px;margin-bottom:15px}.roles-grid p{font-size:15px;color:#b1c0d2;max-width:330px}.roles-grid article>span{display:block;margin-top:auto;color:#7593ba;font:800 10px Manrope,sans-serif;letter-spacing:.08em}
.flow-section{background:#f3f7fa}.flow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}.flow-grid h2{margin-bottom:20px}.flow-lead{color:#6a7a90;max-width:450px;font-size:17px;margin-bottom:25px}.flow-list{list-style:none;padding:0;margin:0;border-top:1px solid #d6e0eb}.flow-list li{display:grid;grid-template-columns:65px 1fr;gap:18px;border-bottom:1px solid #d6e0eb;padding:26px 0}.flow-list li>span{color:var(--blue);font:800 15px Manrope,sans-serif}.flow-list h3{font-size:18px;margin-bottom:7px}.flow-list p{font-size:14px;color:#718197;margin:0;max-width:490px}.details-section{background:white;padding:75px 0}.details-section .wrap{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:22px;align-items:center}.details-main h2{font-size:clamp(2rem,2.9vw,3rem);margin:0;max-width:430px}.details-main .section-tag{margin-bottom:15px}.detail-item{border-left:1px solid #dce4ee;min-height:110px;padding-left:22px}.detail-item strong{display:block;color:var(--blue-dark);font:800 12px Manrope,sans-serif;letter-spacing:.1em;margin-bottom:12px}.detail-item span{display:block;color:#6d7d91;font-size:14px;line-height:1.55}
.final-cta{background:#203554;color:white}.final-cta-inner{display:flex;align-items:center;gap:34px;padding-block:64px;position:relative}.final-cta-inner>img{width:100px;height:106px;object-fit:contain;filter:brightness(0) invert(1);opacity:.14;flex:none}.final-cta h2{font-size:clamp(2.2rem,3.3vw,3.6rem);margin:0 0 8px}.final-cta p:not(.section-tag){color:#aec1d5;margin:0}.final-cta .section-tag{margin-bottom:13px}.button-light{background:white;color:var(--navy);margin-left:auto;white-space:nowrap}.button-light:hover{background:#e8f0f8}.site-footer{background:#f9fbfd;padding:58px 0 25px;border-top:1px solid #e1e8ef}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:30px}.footer-inner img{width:175px;height:auto}.footer-inner p{font-size:13px;color:#8996a7;margin:8px 0}.footer-links{display:flex;align-items:flex-start;gap:23px;font-size:13px;font-weight:700;color:#62728a}.footer-links a:hover{color:var(--blue-dark)}.footer-inner small{grid-column:1/-1;border-top:1px solid #e2e9f1;padding-top:23px;color:#9ca9b8;font-size:12px}
@media(max-width:1100px){.site-nav{gap:16px}.hero-grid{grid-template-columns:1fr 1fr;gap:18px}.hero-visual{transform:none}.preview-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.product-body{min-height:auto}.roles-grid article{padding:25px}.feature-card{padding:24px 20px}.details-section .wrap{grid-template-columns:repeat(3,1fr)}.details-main{grid-column:1/-1}.detail-item:first-of-type{border-left:0;padding-left:0}}@media(max-width:800px){.wrap{width:min(100% - 36px,1280px)}.site-header{height:72px}.header-inner{gap:12px}.brand{width:150px}.header-actions{gap:8px;margin-left:auto}.language-toggle{position:relative;z-index:2;min-width:68px;height:42px;padding-inline:12px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;box-shadow:0 14px 22px rgba(20,40,70,.13);padding:16px 18px 20px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:11px 8px}.site-nav .nav-cta{text-align:center;margin-top:8px}.menu-toggle{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #d9e3ed;background:white;border-radius:10px;width:43px;height:42px;padding:9px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-toggle span{display:block;height:2px;width:100%;background:var(--navy)}.hero-grid{grid-template-columns:1fr;padding-block:66px 60px;gap:52px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(3.3rem,9vw,5rem)}.hero-visual{width:min(100%,680px);margin:auto}.intro-grid,.flow-grid{grid-template-columns:1fr;gap:28px}.intro-grid>p{margin:0;max-width:650px}.section{padding:85px 0}.section-heading{display:block}.section-heading>p{max-width:650px;margin-top:20px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-grid{grid-template-columns:1fr}.roles-grid article{min-height:230px}.role-index{margin-bottom:25px}.roles-section h2{margin-bottom:45px}.final-cta-inner{flex-wrap:wrap}.button-light{margin-left:0}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(max-width:560px){h1{font-size:3rem}.hero h1{font-size:clamp(2.9rem,12vw,3.9rem)}.hero-lead{font-size:16px}.language-toggle{min-width:66px;padding-inline:10px}.hero-visual{border-width:5px}.hero-visual-body{grid-template-columns:42px 1fr;min-height:330px}.visual-sidebar{padding:14px 0;gap:9px}.visual-sidebar img{width:21px;height:23px;margin-bottom:5px}.visual-sidebar-item{font-size:13px;width:25px;height:25px}.visual-main{padding:19px 15px 12px}.visual-title{font-size:18px;margin-bottom:12px}.visual-cards{gap:6px}.visual-card{min-height:92px;padding:8px}.visual-card span{font-size:7px}.visual-card strong{font-size:11px;margin:9px 0 1px}.visual-card small{font-size:7px}.visual-card b{font-size:8px;right:8px;top:8px}.visual-bottom{margin-top:12px;font-size:7px}.hero-footer{display:block;font-size:9px}.hero-footer span{display:block}.hero-footer span+span{margin-top:5px}.section{padding:68px 0}.section-tag{margin-bottom:20px}.role-switch{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.role-tab{font-size:10px;padding:9px 4px}.product-topbar{padding-inline:12px;height:56px}.product-logo img{width:24px;height:26px}.product-logo strong{font-size:12px}.product-logo small{font-size:7px}.product-workspace{display:none}.product-account{font-size:9px}.product-body{grid-template-columns:38px 1fr}.product-rail{padding:20px 3px;gap:12px;font-size:15px}.product-rail span{width:29px;height:29px}.product-content{padding:22px 12px}.product-welcome{display:block}.product-welcome h3{font-size:21px}.product-welcome p{font-size:11px}.product-role-badge{display:inline-block;margin-top:10px;font-size:9px}.preview-tools{gap:8px}.preview-tool{min-height:140px;padding:10px}.preview-tool h4{font-size:11px}.preview-tool p{font-size:9px}.tool-chevron{top:11px;right:10px}.owner-stats{grid-template-columns:1fr;gap:7px}.owner-stats>div{padding:10px}.owner-stats strong{font-size:23px}.owner-panels{grid-template-columns:1fr;gap:8px}.owner-panels>div{padding:13px}.progress-line{grid-template-columns:100px 1fr;font-size:9px}.tools-grid{grid-template-columns:1fr}.feature-card{min-height:225px}.feature-no{margin-bottom:25px}.details-section .wrap{grid-template-columns:1fr}.details-main{grid-column:auto}.detail-item{min-height:0;padding-left:0;border-left:0;border-top:1px solid #dce4ee;padding-top:18px}.final-cta-inner>img{display:none}.final-cta-inner{padding-block:50px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-inner{gap:24px}}

/* Shared ATLAS architectural stage for the public hero. */
.hero{
  background-color:var(--navy);
  background-image:linear-gradient(100deg,rgba(8,20,40,.96) 0%,rgba(13,33,62,.88) 48%,rgba(15,28,48,.56) 100%),url('assets/atlas-stage-background.jpg');
  background-size:cover;
  background-position:center 48%;
  color:#fff;
}
.hero .eyebrow{color:#f5c45d}
.hero h1{color:#fff;text-shadow:0 4px 22px rgba(4,12,26,.2)}
.hero h1 em{color:#9fc5ff}
.hero-lead{color:#d8e6f4}
.hero .button-primary{border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 28px rgba(4,12,26,.28)}
.hero .button-text{color:#fff}
.hero .button-text:hover{color:#9fc5ff}
.hero .trial-note,.hero-footer{color:#bdccdc}
.hero-footer{border-top-color:rgba(255,255,255,.18)}
@media(max-width:800px){.hero{background-position:62% center;background-image:linear-gradient(110deg,rgba(8,20,40,.97),rgba(13,33,62,.85)),url('assets/atlas-stage-background.jpg')}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}}
section[id]{scroll-margin-top:86px}
@media(max-width:800px){section[id]{scroll-margin-top:72px}}

/* 2026-10-27: new ATLAS services and direct Invoice Manager connection. */
.preview-tool-ai{border-top-color:#e1b454;background:linear-gradient(145deg,#fffaf0,#fff)}
.preview-tool-ai .tool-glyph{background:#fff0c9;color:#7d5b13}
.preview-tool-inventory{border-top-color:#3e87b7;background:linear-gradient(145deg,#eef7fc,#fff)}
.preview-tool-inventory .tool-glyph{background:#deeff9;color:#1d638f}
.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card-ai{background:linear-gradient(145deg,#edf8f8,#fffaf0);position:relative}
.feature-card-ai:hover{background:linear-gradient(145deg,#e4f4f4,#fff5de)}
.feature-card-inventory{background:linear-gradient(145deg,#edf6fc,#fff);position:relative}
.feature-card-inventory:hover{background:linear-gradient(145deg,#e4f1fa,#f9fcff)}
.feature-card-inventory a{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:-8px 0 22px;color:var(--blue-dark);font:800 12px Manrope,sans-serif;border-bottom:1px solid currentColor}
.feature-card-ai a{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:-8px 0 22px;color:var(--blue-dark);font:800 12px Manrope,sans-serif;border-bottom:1px solid currentColor}
.invoice-showcase{background:linear-gradient(118deg,#153c45 0%,#126d75 58%,#0d8791 100%);color:#fff;overflow:hidden;position:relative}
.invoice-showcase:after{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-160px;bottom:-310px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.02)}
.invoice-showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center;position:relative;z-index:1}
.invoice-showcase-copy h2{color:#fff;margin-bottom:22px}
.invoice-showcase-copy>p:not(.section-tag){color:#d4e9e9;font-size:17px;max-width:570px}
.invoice-showcase-copy ul{list-style:none;padding:0;margin:28px 0 30px;display:grid;gap:12px}
.invoice-showcase-copy li{display:flex;align-items:flex-start;gap:10px;color:#eaf5f5;font-size:14px}
.invoice-showcase-copy li:before{content:'✓';display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:rgba(255,255,255,.13);color:#f2c86d;font-weight:900}
.invoice-showcase-copy .button-light{display:inline-flex;margin:0}
.invoice-showcase-visual{background:#f7fbfc;color:var(--navy);border:1px solid rgba(255,255,255,.38);border-radius:18px;box-shadow:0 28px 60px rgba(3,27,33,.25);overflow:hidden}
.invoice-demo-head{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:24px 27px;background:#fff;border-bottom:1px solid #dce9ea}
.invoice-demo-head span{grid-column:1/-1;color:#0d8791;font:800 9px Manrope,sans-serif;letter-spacing:.16em}
.invoice-demo-head strong{font:800 22px Manrope,sans-serif}
.invoice-demo-head small{align-self:center;color:#66838a;font-weight:700}
.invoice-showcase-visual ol{list-style:none;margin:0;padding:17px 27px 24px}
.invoice-showcase-visual li{display:grid;grid-template-columns:45px 1fr;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #dce9ea}
.invoice-showcase-visual li:last-child{border-bottom:0}
.invoice-showcase-visual li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e7f4f4;color:#0d777f;font:800 11px Manrope,sans-serif}
.invoice-showcase-visual strong,.invoice-showcase-visual small{display:block}
.invoice-showcase-visual strong{font:800 15px Manrope,sans-serif;margin-bottom:4px}.invoice-showcase-visual small{color:#6f858b;font-size:11px}
@media(max-width:800px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-showcase-grid{grid-template-columns:1fr;gap:48px}.invoice-showcase-visual{max-width:680px;width:100%}}
@media(max-width:560px){.tools-grid{grid-template-columns:1fr}.invoice-demo-head{grid-template-columns:1fr;padding:20px}.invoice-demo-head small{margin-top:5px}.invoice-showcase-visual ol{padding-inline:20px}}

/* 2026-11-01: cinematic marketing experience and live product motion. */
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 86px)}
.hero-cinema{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cinema-orbit{position:absolute;border:1px solid rgba(159,197,255,.2);border-radius:50%;filter:drop-shadow(0 0 24px rgba(93,146,219,.12));animation:cinema-orbit 22s linear infinite}
.cinema-orbit:before,.cinema-orbit:after{content:'';position:absolute;border-radius:50%;background:#f3b547;box-shadow:0 0 24px rgba(243,181,71,.7)}
.cinema-orbit-one{width:620px;height:620px;right:-120px;top:-220px}
.cinema-orbit-one:before{width:8px;height:8px;left:70px;top:420px}
.cinema-orbit-two{width:420px;height:420px;left:36%;bottom:-310px;animation-duration:28s;animation-direction:reverse}
.cinema-orbit-two:after{width:6px;height:6px;right:38px;top:130px;background:#8fc5ff;box-shadow:0 0 22px rgba(143,197,255,.75)}
.cinema-beam{position:absolute;width:48vw;height:130vh;right:4%;top:-35%;background:linear-gradient(90deg,transparent,rgba(91,147,215,.11),transparent);transform:rotate(20deg);filter:blur(18px);animation:cinema-beam 9s ease-in-out infinite alternate}
.cinema-noise{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.hero-visual{animation:hero-float 7s ease-in-out infinite;will-change:transform}
.hero-visual:hover{animation-play-state:paused}
.visual-scan{position:absolute;z-index:4;left:0;right:0;top:38px;height:80px;background:linear-gradient(180deg,transparent,rgba(118,191,255,.14),transparent);mix-blend-mode:screen;pointer-events:none;animation:visual-scan 5.8s ease-in-out infinite}
.visual-card{overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.visual-card:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.78) 48%,transparent 72%);transform:translateX(-140%);animation:card-glint 8s ease-in-out infinite}
.visual-card:nth-child(2):after{animation-delay:1.3s}.visual-card:nth-child(3):after{animation-delay:2.6s}.visual-card:nth-child(4):after{animation-delay:3.9s}
.visual-card:hover{transform:translateY(-4px);border-color:#b9cee5;box-shadow:0 14px 24px rgba(23,38,64,.12)}
.pulse,.product-dot,.motion-screen-bar b i{animation:status-pulse 2s ease-in-out infinite}
.ops-marquee{overflow:hidden;background:#f3b547;color:#14233a;border-block:1px solid rgba(255,255,255,.28);white-space:nowrap}
.ops-marquee-track{display:flex;align-items:center;width:max-content;min-width:200%;height:48px;animation:ops-marquee 30s linear infinite}
.ops-marquee span{font:800 10px Manrope,sans-serif;letter-spacing:.16em;padding-inline:24px}.ops-marquee i{width:5px;height:5px;border-radius:50%;background:#315b98;flex:none}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1)}
[data-reveal].is-revealed{opacity:1;transform:none}
[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal-delay="3"]{transition-delay:.3s}
.motion-stage{position:relative;overflow:hidden;background:#0d192a;color:#fff}
.motion-stage:before{content:'';position:absolute;width:760px;height:760px;right:-290px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(63,111,182,.24),transparent 68%)}
.motion-stage:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(144,181,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(144,181,225,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.motion-stage .wrap{position:relative;z-index:1}.motion-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:end;margin-bottom:48px}.motion-heading h2{margin:0;color:#fff}.motion-heading h2 em{font-style:normal;color:#8fc5ff}.motion-heading>p{margin:0 0 7px;color:#aebfd3;font-size:17px;max-width:470px}
.motion-player{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid rgba(153,188,228,.2);border-radius:24px;overflow:hidden;background:rgba(17,33,54,.72);box-shadow:0 42px 90px rgba(0,0,0,.34)}
.motion-tabs{display:flex;flex-direction:column;background:rgba(9,20,35,.76);border-right:1px solid rgba(153,188,228,.16)}
.motion-tab{position:relative;display:grid;grid-template-columns:35px 1fr;text-align:left;gap:4px 12px;min-height:108px;padding:23px 18px;border:0;border-bottom:1px solid rgba(153,188,228,.13);background:transparent;color:#7f94ad;transition:background .3s,color .3s}
.motion-tab:last-child{border-bottom:0}.motion-tab>span{grid-row:1/3;color:#526a86;font:800 10px Manrope,sans-serif;letter-spacing:.1em;padding-top:3px}.motion-tab strong{color:#c4d1df;font:800 14px Manrope,sans-serif}.motion-tab small{font-size:10px;color:#6f849d}.motion-tab:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#f3b547;transform:scaleY(0);transition:transform .3s}.motion-tab:hover,.motion-tab.is-active{background:rgba(63,111,182,.16);color:#fff}.motion-tab.is-active:before{transform:scaleY(1)}.motion-tab.is-active strong{color:#fff}.motion-tab.is-active small{color:#9fc5f0}
.motion-screen{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(140deg,#f8fbfd 0%,#e9f0f7 100%);color:#14233a}
.motion-screen-bar{height:48px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #d4dfeb;background:#fff;color:#6c7e94;font:800 9px Manrope,sans-serif;letter-spacing:.12em}.motion-screen-bar>b{display:flex;align-items:center;gap:7px;color:#3f7d70;font-size:8px}.motion-screen-bar>b i{width:6px;height:6px;border-radius:50%;background:#5da58f}.motion-dots{display:flex;gap:5px}.motion-dots i{width:7px;height:7px;border-radius:50%;background:#ccd8e4}.motion-dots i:first-child{background:#f3b547}.motion-dots i:nth-child(2){background:#7eb4d6}
.motion-scenes{position:relative;min-height:468px}.motion-scene{position:absolute;inset:0;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:6%;padding:44px 46px;overflow:hidden}.motion-scene[hidden]{display:none}.motion-scene.is-active{animation:scene-enter .65s cubic-bezier(.2,.75,.2,1) both}.scene-copy>span{display:block;margin-bottom:13px;color:#315b98;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.scene-copy h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.045em;margin:0 0 15px;max-width:420px}.scene-copy p{font-size:14px;color:#697b91;max-width:370px;margin:0}
.purchase-board,.inventory-board,.invoice-motion-board,.overview-board{min-width:0;background:rgba(255,255,255,.95);border:1px solid #d4e0ec;border-radius:15px;box-shadow:0 24px 50px rgba(38,69,105,.16)}
.purchase-board{padding:15px}.purchase-head,.purchase-row{display:grid;grid-template-columns:10px 1.25fr 1fr .55fr;gap:10px;align-items:center}.purchase-head{padding:6px 10px 10px;color:#8393a6;font:800 8px Manrope,sans-serif;letter-spacing:.08em}.purchase-head span:first-child{grid-column:2}.purchase-row{padding:13px 10px;border-top:1px solid #e4eaf1;font-size:11px;opacity:0;animation:row-enter .5s ease forwards}.purchase-row:nth-child(2){animation-delay:.2s}.purchase-row:nth-child(3){animation-delay:.55s}.purchase-row:nth-child(4){animation-delay:.9s}.purchase-row i{width:7px;height:7px;border-radius:50%;background:#6fa193}.purchase-row strong{font:800 11px Manrope,sans-serif}.purchase-row span{color:#6e8095}.purchase-row b{text-align:right;color:#315b98}.price-signal{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px;padding:12px 13px;border-radius:10px;background:#edf6f3;color:#315f58;font-size:10px;animation:signal-pop .5s 1.3s both}.price-signal span{font:800 8px Manrope,sans-serif;letter-spacing:.1em}.price-signal b{color:#27806e}
.inventory-board{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.inventory-photo{position:relative;min-height:290px;background:linear-gradient(145deg,#cdd9e4,#8da3b7);overflow:hidden}.inventory-photo:before{content:'';position:absolute;width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(12deg);border-radius:50% 45% 48% 40%;background:linear-gradient(135deg,#253c50,#6f8798);box-shadow:inset -20px -18px 30px rgba(4,19,33,.34),18px 24px 35px rgba(26,46,63,.25)}.inventory-photo:after{content:'';position:absolute;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border:11px solid #aab8c2;border-radius:50%;box-shadow:0 0 0 10px #3a5163}.inventory-photo span{position:absolute;left:12px;top:12px;z-index:2;padding:5px 7px;border-radius:6px;background:rgba(11,28,45,.58);color:#fff;font:800 8px Manrope,sans-serif;letter-spacing:.1em}.inventory-photo i{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 48%,transparent 60%);transform:translateX(-110%);animation:photo-sweep 4s ease-in-out infinite}.inventory-details{padding:24px 22px}.inventory-details>small{color:#3f6fb6;font:800 8px Manrope,sans-serif;letter-spacing:.12em}.inventory-details h4{font-size:18px;margin:7px 0 18px}.inventory-details>div:not(.inventory-upload){display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e2e9f0;font-size:10px}.inventory-details>div span{color:#77899e}.inventory-upload{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px;border:1px dashed #9eb6cf;border-radius:9px;background:#f2f7fb;font-size:9px;color:#607a95}.inventory-upload b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#dceaf5;color:#315b98;font-size:15px}
.invoice-motion-board{display:grid;grid-template-columns:1fr .85fr;gap:18px;padding:21px;background:#e8f0f7}.invoice-paper{position:relative;min-height:278px;padding:23px 21px;background:#fff;box-shadow:0 10px 25px rgba(33,60,87,.12);transform:rotate(-2deg);overflow:hidden}.invoice-paper strong,.invoice-paper small{display:block}.invoice-paper strong{font:800 13px Manrope,sans-serif;color:#2b3e54;margin-bottom:28px}.invoice-paper span{display:block;height:7px;margin:11px 0;background:linear-gradient(90deg,#d4dee8 0 74%,transparent 74%)}.invoice-paper span:nth-of-type(2){width:78%}.invoice-paper span:nth-of-type(3){width:91%}.invoice-paper span:nth-of-type(4){width:67%}.invoice-paper small{position:absolute;left:21px;right:21px;bottom:22px;padding-top:12px;border-top:1px solid #d7e0e8;text-align:right;font-weight:800}.invoice-scan-line{position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:#4fbbd6;box-shadow:0 0 16px 3px rgba(79,187,214,.48);animation:invoice-scan 3s ease-in-out infinite}.invoice-extract{padding:18px 4px}.invoice-extract>small{display:block;color:#3f6fb6;font:800 8px Manrope,sans-serif;letter-spacing:.12em;margin-bottom:18px}.invoice-extract>div{display:flex;justify-content:space-between;gap:8px;padding:13px 0;border-top:1px solid #cfdbe6;font-size:10px}.invoice-extract span{color:#65798f}.invoice-extract b{color:#1e354c}.invoice-extract .ready{color:#257461}
.overview-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.overview-stat{padding:16px;border:1px solid #dce5ee;border-radius:10px;background:#f9fbfd}.overview-stat span,.overview-stat strong,.overview-stat small{display:block}.overview-stat span,.overview-chart>span{color:#67809a;font:800 8px Manrope,sans-serif;letter-spacing:.1em}.overview-stat strong{font:800 32px Manrope,sans-serif;color:#142b45;margin:4px 0}.overview-stat small{color:#7a8da1;font-size:9px}.overview-chart{grid-column:1/-1;padding:17px;border:1px solid #dce5ee;border-radius:10px}.overview-chart>div{height:130px;display:flex;align-items:end;gap:9px;margin-top:14px}.overview-chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#4c82c4,#2f5d98);transform-origin:bottom;animation:chart-rise .8s cubic-bezier(.2,.75,.2,1) both}.overview-chart i:nth-child(2){animation-delay:.08s}.overview-chart i:nth-child(3){animation-delay:.16s}.overview-chart i:nth-child(4){animation-delay:.24s}.overview-chart i:nth-child(5){animation-delay:.32s}.overview-chart i:nth-child(6){animation-delay:.4s}.overview-chart i:nth-child(7){animation-delay:.48s}
.motion-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(49,91,152,.12)}.motion-progress i{display:block;height:100%;background:linear-gradient(90deg,#315b98,#f3b547);transform-origin:left;animation:motion-progress 6s linear infinite}
.feature-card{position:relative;overflow:hidden;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.feature-card:after{content:'↗';position:absolute;right:22px;top:22px;color:#c6d2df;font:800 16px Manrope,sans-serif;opacity:0;transform:translate(-6px,6px);transition:.3s}.feature-card:hover{z-index:1;transform:translateY(-6px);box-shadow:0 18px 34px rgba(28,57,91,.11)}.feature-card:hover:after{opacity:1;transform:none}.roles-grid article{transition:transform .35s ease,background .35s ease}.roles-grid article:hover{z-index:1;transform:translateY(-8px);background:#1c3151}
@keyframes cinema-orbit{to{transform:rotate(360deg)}}
@keyframes cinema-beam{0%{transform:translateX(-8%) rotate(20deg);opacity:.45}100%{transform:translateX(12%) rotate(20deg);opacity:.9}}
@keyframes hero-float{0%,100%{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-12px)}}
@keyframes visual-scan{0%,12%{transform:translateY(-90px);opacity:0}26%{opacity:1}72%{opacity:1}88%,100%{transform:translateY(420px);opacity:0}}
@keyframes card-glint{0%,54%{transform:translateX(-140%)}72%,100%{transform:translateX(140%)}}
@keyframes status-pulse{0%,100%{opacity:.45;box-shadow:0 0 0 0 rgba(93,165,143,.38)}50%{opacity:1;box-shadow:0 0 0 5px rgba(93,165,143,0)}}
@keyframes ops-marquee{to{transform:translateX(-50%)}}
@keyframes scene-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes row-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes signal-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes photo-sweep{0%,20%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes invoice-scan{0%,100%{transform:translateY(16px)}50%{transform:translateY(240px)}}
@keyframes chart-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes motion-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){.motion-player{grid-template-columns:1fr}.motion-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid rgba(153,188,228,.16)}.motion-tab{grid-template-columns:1fr;min-height:96px;padding:16px;border-right:1px solid rgba(153,188,228,.13);border-bottom:0}.motion-tab>span{grid-row:auto}.motion-tab:before{top:auto;right:0;width:auto;height:3px;transform:scaleX(0)}.motion-tab.is-active:before{transform:scaleX(1)}.motion-tab small{display:none}.motion-scene{padding:38px 32px}}
@media(max-width:800px){.hero{min-height:auto}.hero-visual{animation:none}.cinema-orbit-one{right:-330px}.motion-heading{grid-template-columns:1fr;gap:20px}.motion-heading>p{max-width:650px}.motion-scene{position:relative;grid-template-columns:1fr;gap:28px;min-height:680px}.motion-scenes{min-height:680px}.motion-screen{min-height:728px}.motion-screen-bar>span:nth-child(2){display:none}}
@media(max-width:560px){.ops-marquee-track{height:42px;animation-duration:22s}.motion-player{border-radius:16px}.motion-tabs{grid-template-columns:repeat(2,1fr)}.motion-tab:nth-child(2){border-right:0}.motion-tab:nth-child(-n+2){border-bottom:1px solid rgba(153,188,228,.13)}.motion-screen{min-height:730px}.motion-scenes{min-height:680px}.motion-scene{padding:28px 18px;min-height:680px}.motion-screen-bar{padding-inline:13px}.inventory-board,.invoice-motion-board{grid-template-columns:1fr}.inventory-photo{min-height:210px}.invoice-paper{min-height:220px}.invoice-scan-line{animation-name:invoice-scan-mobile}.overview-board{padding:10px}.scene-copy h3{font-size:28px}.motion-heading{margin-bottom:30px}}
@keyframes invoice-scan-mobile{0%,100%{transform:translateY(12px)}50%{transform:translateY(180px)}}
@media(prefers-reduced-motion:reduce){.cinema-orbit,.cinema-beam,.hero-visual,.visual-scan,.visual-card:after,.pulse,.product-dot,.motion-screen-bar b i,.ops-marquee-track,.purchase-row,.price-signal,.inventory-photo i,.invoice-scan-line,.overview-chart i,.motion-progress i{animation:none!important}.ops-marquee-track{transform:none}.hero-visual{transform:none}[data-reveal]{opacity:1;transform:none;transition:none}.motion-progress i{transform:scaleX(1)}}

/* Faithful marketing representation of the current production ATLAS layout. */
.hero-visual-body{grid-template-columns:150px minmax(0,1fr)}
.visual-sidebar{position:relative;align-items:stretch;gap:7px;padding:13px 10px;background:linear-gradient(180deg,#0d1b2f,#122743);border-right-color:rgba(255,255,255,.14)}
.visual-rail-brand{display:grid;place-items:center;min-height:48px;margin-bottom:3px;padding:7px;border-radius:9px;background:#fff}.visual-rail-brand img{width:105px;height:auto;margin:0;filter:none}
.visual-sidebar>small{display:block;overflow:hidden;padding:5px 6px;color:#b9c8d8;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.visual-sidebar-item{width:100%;height:auto;min-height:29px;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px 7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#dce7f3;font-size:8px}.visual-sidebar-item b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.visual-sidebar-item.active{background:rgba(255,255,255,.14);border-color:rgba(243,181,71,.4);color:#fff}.visual-sidebar>em{margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.12);color:#8294a8;font:800 6px Manrope,sans-serif;letter-spacing:.1em;text-align:center}
.real-app-preview{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:980px;background:#f2f6fa}
.real-app-rail{display:flex;flex-direction:column;gap:14px;padding:20px 16px;background-color:#0d1b2f;background-image:linear-gradient(180deg,rgba(13,27,47,.92),rgba(13,27,47,.98)),url('assets/atlas-stage-background.jpg');background-size:cover;background-position:58% center;border-right:1px solid rgba(255,255,255,.14);box-shadow:12px 0 34px rgba(13,27,47,.14);color:#eef4fb}
.real-rail-logo{display:grid;place-items:center;min-height:70px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.2)}.real-rail-logo img{width:165px;height:auto}.real-rail-email{display:block;overflow:hidden;padding:9px 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.055);color:#d9e3ef;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.real-rail-actions{display:flex;flex-direction:column;gap:6px}.real-rail-actions span{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.055);font:700 10px Manrope,sans-serif}.real-rail-actions span:first-child{border-color:rgba(215,168,74,.38);background:rgba(215,168,74,.13)}.real-rail-actions span.is-active{border-color:rgba(242,202,120,.52);background:rgba(255,255,255,.15)}.real-rail-actions b{color:#f2cf85}.real-app-rail>small{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:#aebdd0;font:800 7px Manrope,sans-serif;letter-spacing:.12em;text-align:center}
.real-app-view{min-width:0;background-image:linear-gradient(rgba(63,111,182,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(63,111,182,.025) 1px,transparent 1px);background-size:24px 24px}.real-app-utility{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-bottom:1px solid #d6e0ea;background:rgba(255,255,255,.94)}.real-app-utility span{padding:8px 11px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:#344a64;font:750 9px Manrope,sans-serif}.real-hub-content{padding:24px}.real-hub-hero{min-height:205px;padding:34px 36% 30px 34px;border:1px solid #3c587b;border-radius:20px;background-image:linear-gradient(100deg,rgba(10,25,50,.94),rgba(16,38,71,.82) 55%,rgba(16,27,45,.5)),url('assets/atlas-stage-background.jpg');background-size:cover;background-position:center;box-shadow:0 18px 42px rgba(16,27,45,.2)}.real-hub-hero .product-overline{color:#f2cf85}.real-hub-hero .product-welcome{display:block;margin:0}.real-hub-hero .product-welcome h3{color:#fff;font-size:32px}.real-hub-hero .product-welcome p{color:#d8e6f4;font-size:12px}.real-hub-hero .product-role-badge{display:inline-block;margin-top:14px;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.12);color:#fff}.real-private-note{margin:18px 3px 0;color:#65768a;font-size:11px}
.real-tool-groups{display:flex;flex-direction:column;gap:16px;margin-top:20px}.real-tool-group{padding:18px;border:1px solid #cad6e2;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 26px rgba(13,27,47,.06)}.real-tool-group>header{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid #d9e1eb}.real-tool-group>header>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#e9eff9;color:#315b98;font:850 10px Manrope,sans-serif}.real-tool-group>header h4{margin:0;color:#182238;font-size:15px}.real-tool-group>header p{margin:3px 0 0;color:#6b7890;font-size:9px}.real-group-gold>header>span{background:#fff3df;color:#8b5e20}.real-group-purple>header>span{background:#f0ecfa;color:#675292}.real-group-teal>header>span{background:#e5f3f1;color:#286a64}.real-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.real-tool-grid .preview-tool{min-height:160px;padding:14px;border-top:3px solid #3f6fb6}.real-group-gold .preview-tool{border-top-color:#b78235}.real-group-purple .preview-tool{border-top-color:#7561a8}.real-group-teal .preview-tool{border-top-color:#397f79}.real-tool-grid .preview-tool h4{font-size:12px}.real-tool-grid .preview-tool p{font-size:9px}.real-tool-grid .preview-tool>b{margin-top:auto;color:#315b98;font:750 8px Manrope,sans-serif}.real-tool-grid .tool-glyph{width:34px;height:34px}
.real-app-preview .owner-preview{padding:24px 0;min-height:520px}
.real-hub-content.is-owner-profile>.real-hub-hero{display:none}
.owner-business{color:#173f4b}
.owner-business-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border:1px solid #c8e0df;border-radius:16px;background:linear-gradient(125deg,#eef9f8,#f8fbfd);box-shadow:0 8px 24px rgba(21,77,84,.07)}
.owner-business-hero>div:first-child>span{display:block;margin-bottom:7px;color:#17858d;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.owner-business-hero h3{margin:0 0 5px;color:#153d49;font-size:25px}.owner-business-hero p{margin:0;color:#668089;font-size:11px}.owner-observer-badge{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #b8d9d6;border-radius:11px;background:#fff}.owner-observer-badge>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#dff3f1;color:#087f88}.owner-observer-badge span,.owner-observer-badge strong,.owner-observer-badge small{display:block}.owner-observer-badge strong{color:#153d49;font-size:10px}.owner-observer-badge small{margin-top:2px;color:#72878d;font-size:8px}
.owner-business-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.owner-business-kpis article{display:flex;align-items:center;gap:10px;min-height:75px;padding:13px;border:1px solid #dce7eb;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(36,73,91,.04)}.owner-business-kpis article>b{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:8px;background:#e5f2f3;color:#14858b}.owner-business-kpis span,.owner-business-kpis strong,.owner-business-kpis small{display:block}.owner-business-kpis strong{color:#132d3b;font-size:19px;line-height:1}.owner-business-kpis small{margin-top:4px;color:#71858d;font-size:8px;line-height:1.3}
.owner-inventory-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;border:1px solid #c9dfe1;border-radius:12px;background:linear-gradient(100deg,#f7fbfc,#edf8f7)}.owner-inventory-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#18858c;color:#fff}.owner-inventory-row>span:nth-child(2),.owner-inventory-row strong,.owner-inventory-row small{display:block}.owner-inventory-row strong{color:#153d49;font-size:11px}.owner-inventory-row small{margin-top:3px;color:#71868d;font-size:8px}.owner-inventory-row em{color:#087f88;font:800 9px Manrope,sans-serif;font-style:normal}
.owner-business-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:12px}.owner-business-panel{overflow:hidden;border:1px solid #d9e5e9;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(31,70,88,.05)}.owner-business-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e2eaed}.owner-business-panel>header>div{display:flex;gap:10px}.owner-business-panel>header b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:7px;background:#e2f2f1;color:#0b8188}.owner-business-panel h4{margin:0;color:#163b48;font-size:11px}.owner-business-panel header p{margin:3px 0 0;color:#77898f;font-size:8px;line-height:1.45}.owner-team-spaces>header>small{padding:6px 8px;border:1px solid #d5e3e6;border-radius:7px;color:#52727c;font:750 8px Manrope,sans-serif;white-space:nowrap}
.owner-member-space{padding:12px 14px 14px}.owner-member-space>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.owner-member-space>header span,.owner-member-space>header strong,.owner-member-space>header small{display:block}.owner-member-space>header strong{font-size:10px}.owner-member-space>header small{margin-top:2px;color:#7c8d93;font-size:8px}.owner-member-space>header em{padding:5px 7px;border-radius:20px;background:#edf4f5;color:#607b82;font:700 7px Manrope,sans-serif;font-style:normal}.owner-member-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.owner-member-tools article{position:relative;display:flex;min-height:92px;flex-direction:column;padding:12px 12px 10px 15px;border:1px solid #dce6e9;border-radius:10px;background:#fbfcfd;box-shadow:inset 3px 0 #16878e}.owner-member-tools article>span{color:#168087;font:800 7px Manrope,sans-serif;letter-spacing:.07em}.owner-member-tools article>strong{margin:8px 0 3px;color:#193e4a;font-size:9px}.owner-member-tools article>small{color:#829197;font-size:7px}.owner-member-tools article>em{margin-top:auto;padding-top:8px;color:#28717a;font:750 7px Manrope,sans-serif;font-style:normal}
.owner-business-side{display:grid;align-content:start;gap:12px}.owner-invite-form{padding:13px 15px 15px}.owner-invite-form label,.owner-invite-form>strong{display:block;margin-bottom:8px;color:#496671;font:750 8px Manrope,sans-serif}.owner-invite-form label span{display:block;margin-top:4px;padding:8px;border:1px solid #d7e3e7;border-radius:7px;background:#fafcfd;color:#76878e;font-weight:600}.owner-invite-form>div{display:flex;flex-wrap:wrap;gap:5px}.owner-invite-form i{padding:5px 7px;border-radius:6px;background:#e7f4f2;color:#167b82;font:700 7px Manrope,sans-serif;font-style:normal}.owner-invite-form button{width:100%;margin-top:11px;padding:9px;border:0;border-radius:8px;background:#0b858d;color:#fff;font:800 8px Manrope,sans-serif}.owner-members-panel article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 15px;border-top:1px solid #edf1f3}.owner-members-panel article span,.owner-members-panel article strong,.owner-members-panel article small{display:block}.owner-members-panel article strong{font-size:9px}.owner-members-panel article small{margin-top:2px;color:#7f9096;font-size:7px}.owner-members-panel article em{padding:4px 6px;border-radius:20px;background:#e5f4ed;color:#277a5b;font:750 7px Manrope,sans-serif;font-style:normal}
@media(max-width:1000px){.real-app-preview{grid-template-columns:205px minmax(0,1fr)}.real-hub-content{padding:18px}.real-hub-hero{padding-right:26%}.real-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-business-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-business-columns{grid-template-columns:1fr}.owner-business-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero-visual-body{grid-template-columns:64px minmax(0,1fr)}.visual-sidebar{padding:10px 7px}.visual-rail-brand{min-height:40px;padding:5px}.visual-rail-brand img{width:45px}.visual-sidebar>small,.visual-sidebar-item b,.visual-sidebar>em{display:none}.visual-sidebar-item{justify-content:center;font-size:11px}.real-app-preview{grid-template-columns:1fr;min-height:0}.real-app-rail{position:relative;display:grid;grid-template-columns:150px 1fr;align-items:center;padding:12px;gap:10px}.real-rail-logo{min-height:54px}.real-rail-logo img{width:125px}.real-rail-email,.real-app-rail>small{display:none}.real-rail-actions{display:flex;flex-direction:row;overflow-x:auto}.real-rail-actions span{flex:0 0 auto;min-height:38px;white-space:nowrap}.real-rail-actions span:nth-child(n+4){display:none}.real-app-utility{overflow-x:auto;justify-content:flex-start}.real-hub-content{padding:14px}.real-hub-hero{min-height:220px;padding:28px 22px 110px;background-position:62% center}.real-tool-grid{grid-template-columns:1fr}.real-tool-grid .preview-tool{min-height:150px}.owner-business-hero{align-items:flex-start;flex-direction:column}.owner-business-side{grid-template-columns:1fr}}
@media(max-width:560px){.owner-business-kpis,.owner-member-tools{grid-template-columns:1fr}.owner-inventory-row{grid-template-columns:auto 1fr}.owner-inventory-row em{grid-column:2}.owner-business-hero{padding:20px}.owner-business-panel>header{flex-direction:column}.owner-team-spaces>header>small{align-self:flex-start}}
@media(max-width:560px){.real-app-rail{grid-template-columns:1fr}.real-rail-logo{width:160px}.real-hub-hero .product-welcome h3{font-size:27px}.real-tool-group{padding:13px}.real-tool-group>header{align-items:flex-start}.real-tool-group>header h4{font-size:13px}.real-app-preview .owner-stats,.real-app-preview .owner-panels{grid-template-columns:1fr}}

/* 2026-11-01: original ATLAS promotion film. */
.promo-film{position:relative;overflow:hidden;padding-block:110px;background:#0b1728;color:#fff}
.promo-film:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(63,111,182,.27),transparent 38%),linear-gradient(rgba(143,181,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,181,225,.035) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px;pointer-events:none}
.promo-film-grid{position:relative;display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);gap:7%;align-items:center}
.promo-film-copy h2{margin:0 0 24px;color:#fff;font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.055em}.promo-film-copy h2 em{color:#8fc5ff;font-style:normal}.promo-film-copy>p:not(.section-tag){max-width:430px;margin:0;color:#aebfd3;font-size:16px;line-height:1.75}
.promo-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.promo-proof span{display:flex;align-items:baseline;gap:6px;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);color:#aebfd3;font:750 10px Manrope,sans-serif}.promo-proof strong{color:#f3b547;font-size:14px}
.promo-film-frame{position:relative;margin:0;border:1px solid rgba(154,190,230,.28);border-radius:20px;overflow:hidden;background:#0f2036;box-shadow:0 40px 90px rgba(0,0,0,.42)}
.promo-film-frame:before{content:'';position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.07);border-radius:inherit;pointer-events:none}
.promo-film-video{display:block;width:100%;aspect-ratio:16/9;background:#0d1b2f;object-fit:cover}.promo-video-toggle{position:absolute;z-index:4;right:16px;bottom:62px;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,18,34,.78);backdrop-filter:blur(12px);color:#fff;font:800 8px Manrope,sans-serif;letter-spacing:.06em;transition:background .25s,border-color .25s}.promo-video-toggle:hover{background:rgba(19,43,74,.94);border-color:rgba(243,181,71,.62)}.promo-video-toggle span{display:grid;place-items:center;width:12px;color:#f3b547;font-size:9px}.promo-video-toggle b{font:inherit}.promo-video-progress{height:3px;background:rgba(255,255,255,.08)}.promo-video-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#3f6fb6,#f3b547);transform:scaleX(0);transform-origin:left;will-change:transform}
.promo-film-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:46px;padding:0 18px;border-top:1px solid rgba(255,255,255,.1);color:#8fa3bb;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.promo-film-frame figcaption span{display:flex;align-items:center;gap:8px}.promo-film-frame figcaption i{width:6px;height:6px;border-radius:50%;background:#65a58e;box-shadow:0 0 0 5px rgba(101,165,142,.1)}.promo-film-frame figcaption b{color:#f3b547}
@media(max-width:900px){.promo-film{padding-block:85px}.promo-film-grid{grid-template-columns:1fr;gap:42px}.promo-film-copy{max-width:680px}.promo-film-copy>p:not(.section-tag){max-width:620px}}
@media(max-width:560px){.promo-film{padding-block:68px}.promo-film-frame{border-radius:13px}.promo-film-frame figcaption{padding-inline:12px}.promo-film-copy h2{font-size:43px}.promo-video-toggle{right:10px;bottom:57px}.promo-video-toggle b{display:none}.promo-proof{gap:6px}.promo-proof span{padding:8px 10px}}