/* Atlas public experience. Scoped: partner/admin screens keep their own styles. */ #public-site { --ink:#07120f; --base:#080e11; --surface:#0d171a; --line:#a8d3c21c; --lime:#83f4c4; --muted:#9aada7; --paper:#edf5f1; background:var(--base); color:var(--paper); color-scheme:dark; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; isolation:isolate; overflow:clip; line-height:1.5; } #public-site[hidden], #public-site [hidden] { display:none!important; } #public-site * { box-sizing:border-box; } #public-site h1,#public-site h2,#public-site h3,#public-site p { margin:0; } #public-site a { color:inherit; text-decoration:none; } #public-site button,#public-site select { font:inherit; } #public-site button { cursor:pointer; } #public-site svg { display:block; width:100%; height:auto; } #public-site em { font-style:normal; color:var(--lime); } #public-site .public-container { width:min(1240px,calc(100% - 88px)); margin-inline:auto; } #public-site a,#public-site button,#public-site summary { -webkit-tap-highlight-color:transparent; } #public-site a:focus-visible,#public-site button:focus-visible,#public-site select:focus-visible,#public-site summary:focus-visible,#public-site [tabindex]:focus-visible { outline:2px solid var(--lime); outline-offset:5px; } #public-site .public-skip { position:absolute; top:-90px; left:20px; background:var(--lime); color:var(--ink); padding:14px; z-index:100; } #public-site .public-skip:focus { top:14px; } #public-site section[id] { scroll-margin-top:125px; } /* A compact glass navigation stays within reach. */ #public-site .public-nav { position:sticky; top:16px; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px 23px; margin-top:18px; border:1px solid #b7e5d124; border-radius:18px; background:#0e191cdc; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 8px 40px #0002; transition:background .3s,box-shadow .3s; } #public-site .public-nav.is-scrolled { background:#0b1418ee; box-shadow:0 10px 35px #0005; } #public-site .public-logo { display:inline-flex; gap:9px; align-items:center; flex-shrink:0; } #public-site .public-logo img { width:37px; height:37px; object-fit:contain; } #public-site .public-logo .atlas-brand-image { display:block; width:126px; height:auto; border-radius:5px; } #public-site .public-logo>span { font-size:23px; font-weight:730; line-height:1; letter-spacing:.08em; } #public-site .public-logo small { display:block; letter-spacing:.22em; font-size:8px; font-weight:500; margin-top:7px; color:#9aafa7; } #public-site .public-desktop-nav { display:flex; align-items:center; gap:27px; font-size:12px; color:#afbfba; } #public-site .public-desktop-nav a { position:relative; padding:10px 0; transition:color .2s; } #public-site .public-desktop-nav a:after { content:""; position:absolute; height:1px; background:var(--lime); left:0; right:0; bottom:3px; transform:scaleX(0); transform-origin:left; transition:transform .25s; } #public-site .public-desktop-nav a:hover,#public-site .public-desktop-nav a.is-active { color:var(--lime); } #public-site .public-desktop-nav a.is-active:after,#public-site .public-desktop-nav a:hover:after { transform:scaleX(1); } #public-site .public-nav-end { display:flex; align-items:center; gap:20px; } #public-site .public-login { display:flex; align-items:center; gap:15px; min-height:43px; font-size:12px; padding:10px 16px; border:1px solid #b4d6c52e; border-radius:9px; background:#d0f9e306; transition:border-color .2s,background .2s; } #public-site .public-login:hover { border-color:#83f4c477; background:#83f4c410; } #public-site .public-login>span[aria-hidden] { color:var(--lime); font-size:18px; } #public-site .public-mobile-menu { display:none; } /* A bespoke, softly animated Atlas sculpture. */ #public-site .public-hero { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; position:relative; gap:10px; padding-block:102px 96px; min-height:700px; } #public-site .public-hero:before { content:""; position:absolute; inset:-170px -20vw -80px; background:radial-gradient(ellipse at 73% 35%,#1f74572a,transparent 46%); pointer-events:none; z-index:-1; } #public-site .public-hero-copy { position:relative; z-index:2; } #public-site .public-kicker { display:flex; align-items:center; gap:10px; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#a0c4b6; margin-bottom:23px; } #public-site .public-hero .public-kicker { display:inline-flex; font-size:9px; border:1px solid #9dddb32b; border-radius:100px; padding:9px 13px; background:#75f2b305; } #public-site .public-kicker>i { width:6px; height:6px; flex:none; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px #83f4c410; } #public-site h1 { font-size:clamp(50px,5.3vw,78px); font-weight:630; line-height:1.045; letter-spacing:-.055em; } #public-site h1 em { background:linear-gradient(105deg,#c5ffe4,#67dfa9); -webkit-background-clip:text; background-clip:text; color:transparent; } #public-site .public-lead { font-size:16px; line-height:1.8; color:#a5b7b0; max-width:475px; margin-top:26px; } #public-site .public-actions { display:flex; flex-wrap:wrap; align-items:center; gap:25px; margin-top:33px; } #public-site .public-cta { position:relative; overflow:hidden; display:inline-flex; justify-content:space-between; align-items:center; gap:27px; background:var(--lime); color:var(--ink); padding:17px 21px; border:1px solid #b4ffdb; border-radius:11px; font-size:13px; font-weight:650; min-height:54px; box-shadow:0 2px 0 #d1ffe43b inset,0 7px 24px #55b88b10; transition:background .25s,transform .25s,box-shadow .25s; } #public-site .public-cta:before { content:""; position:absolute; inset:-50%; background:linear-gradient(110deg,transparent 40%,#fff5 48%,transparent 56%); transform:translateX(-100%); transition:transform .65s; } #public-site .public-cta:hover { background:#a4fbd5; transform:translateY(-3px); box-shadow:0 8px 28px #66e5ac20; } #public-site .public-cta:hover:before { transform:translateX(100%); } #public-site .public-cta>span[aria-hidden] { font-size:21px; font-weight:400; transition:transform .25s; } #public-site .public-cta:hover>span[aria-hidden],#public-site .public-text-link:hover>span[aria-hidden] { transform:translate(2px,-2px); } #public-site .public-text-link { display:inline-flex; gap:13px; align-items:center; font-size:12px; font-weight:550; padding-block:13px; border-bottom:1px solid #a0c7b649; transition:color .2s,border-color .2s; } #public-site .public-text-link:hover { color:var(--lime); border-color:var(--lime); } #public-site .public-text-link>span[aria-hidden] { font-size:18px; font-weight:400; transition:transform .2s; } #public-site .public-hero-foot { display:flex; flex-wrap:wrap; gap:17px; margin-top:33px; font-size:10px; color:#7f9a8e; } #public-site .public-hero-foot>span { display:flex; align-items:center; gap:7px; } #public-site .public-hero-foot>span:before { content:"✓"; color:#82ba9c; } #public-site .atlas-art { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:center; min-width:0; margin:0 -20px 0 0; transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .6s ease-out; } #public-site .art-aura { position:absolute; inset:5% -5%; border-radius:50%; background:radial-gradient(ellipse,#52c99216,transparent 68%); filter:blur(10px); } #public-site .art-coordinates { font-family:monospace; font-size:10px; color:#5c8671; letter-spacing:.22em; position:absolute; top:0; left:12%; } #public-site .atlas-art svg { position:relative; filter:drop-shadow(0 25px 40px #0004); } #public-site .art-object { animation:atlas-float 7s ease-in-out infinite; } #public-site .art-orbits { transform-origin:311px 296px; animation:atlas-orbit 65s linear infinite; } #public-site .art-satellites { transform-origin:311px 296px; animation:atlas-orbit 45s linear infinite reverse; } #public-site .art-label { position:absolute; background:linear-gradient(120deg,#213f31d9,#112921e8); border:1px solid #97dec83d; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-radius:10px; padding:13px 16px; display:flex; gap:10px; align-items:center; font-size:11px; color:#d4ecdf; box-shadow:0 8px 40px #0004; white-space:nowrap; animation:atlas-label-float 8s ease-in-out infinite; } #public-site .art-dot { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 13px #84f4c588; } #public-site .art-label-one { left:0; top:49%; animation-delay:-3s; } #public-site .art-label-two { right:0; top:25%; } #public-site .art-bottom { display:flex; justify-content:space-between; font-family:monospace; font-size:9px; letter-spacing:.12em; color:#608774; padding:0 11%; } /* Continuous, seamless brand ribbon, with manual and reduced-motion controls. */ #public-site .public-brands { position:relative; padding-block:34px 38px; border-block:1px solid var(--line); background:linear-gradient(100deg,#0c1918,#0b1419); } #public-site .section-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; } #public-site .section-topline .public-kicker { margin:0; font-size:9px; color:#89a398; } #public-site .section-topline p:not(.public-kicker) { margin-top:7px; font-size:13px; color:#c1d1c8; } #public-site .marquee-toggle { display:flex; align-items:center; justify-content:center; min-height:40px; padding:9px 12px; border:1px solid #a4d7be24; background:none; color:#92ac9e; font-size:10px; border-radius:50px; transition:border-color .2s,color .2s; } #public-site .marquee-toggle:hover { color:var(--lime); border-color:#83f4c455; } #public-site .marquee-toggle>span { display:flex; align-items:center; gap:7px; } #public-site .marquee-toggle svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; } #public-site .brand-marquee { margin-top:28px; overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent); -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent); } #public-site .brand-track { display:flex; width:max-content; animation:atlas-marquee 34s linear infinite; } #public-site .brand-group { display:flex; align-items:center; flex-shrink:0; } #public-site .brand-name { display:flex; justify-content:center; align-items:center; width:clamp(200px,19vw,285px); min-height:75px; padding:10px 25px; font-size:35px; font-weight:850; line-height:1.2; letter-spacing:-.045em; color:#c4d2cc; transition:color .3s,filter .3s; } #public-site .brand-name:hover { color:#e5fff1; filter:drop-shadow(0 0 14px #8cffcb22); } #public-site .brand-accent { color:#75bd99; margin-left:2px; } #public-site .brand-cold { font-weight:900; font-style:italic; letter-spacing:-.075em; } #public-site .brand-plan { font-weight:500; letter-spacing:-.07em; } #public-site .brand-golazzo { font-size:28px; letter-spacing:.055em; } #public-site .brand-wyns { font-style:italic; font-weight:900; letter-spacing:.02em; } #public-site .brand-marquee:hover .brand-track,#public-site .brand-marquee:focus-within .brand-track,#public-site .brand-marquee[data-paused="true"] .brand-track { animation-play-state:paused; } #public-site.is-idle .brand-track,#public-site.is-idle .art-object,#public-site.is-idle .art-orbits,#public-site.is-idle .art-satellites,#public-site.is-idle .art-label { animation-play-state:paused; } /* Spacious editorial sections and interactive deal selection. */ #public-site .public-section { padding-block:108px; } #public-site h2 { font-size:clamp(34px,3.65vw,52px); line-height:1.12; font-weight:550; letter-spacing:-.045em; } #public-site .public-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:70px; margin-bottom:44px; } #public-site .public-intro { font-size:14px; line-height:1.9; color:var(--muted); max-width:360px; } #public-site .public-section-heading>.public-intro { padding-bottom:4px; } #public-site .public-partnerships { background:radial-gradient(ellipse at 0 100%,#133f3014,transparent 60%); } #public-site .deal-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } #public-site .deal-tabs button { color:#8a9f95; border:1px solid var(--line); border-radius:12px; background:#0e191b; text-align:left; padding:22px 24px; font-size:17px; display:flex; align-items:center; justify-content:space-between; transition:color .25s,border-color .25s,background .25s,transform .25s; } #public-site .deal-tabs button>span:not([data-i18n]) { font:10px monospace; color:#668474; } #public-site .deal-tabs button[aria-selected="true"] { color:var(--lime); border-color:#83f4c476; background:linear-gradient(130deg,#1b3529,#10221e); box-shadow:0 0 25px #83f4c407 inset; } #public-site .deal-tabs button:hover { transform:translateY(-2px); color:#e4f4e9; border-color:#83f4c465; } #public-site .deal-panel { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:65px; padding:32px; margin-top:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,#101d1e,#0c1618 75%); } #public-site .deal-graphic { min-height:294px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:12px; background:radial-gradient(circle at 50% 42%,#2f69523b,transparent 65%); } #public-site .deal-graphic:before,#public-site .deal-graphic:after { content:""; position:absolute; width:226px; height:226px; border:1px solid #82cfab28; border-radius:50%; left:calc(50% - 113px); top:31px; } #public-site .deal-graphic:after { width:172px; height:172px; left:calc(50% - 86px); top:58px; border-color:#8acdae1c; box-shadow:0 0 0 53px #9bebc004; } #public-site .deal-graphic-index { position:absolute; left:8px; top:5px; font:9px monospace; letter-spacing:.1em; color:#628574; } #public-site .deal-symbol { font-size:125px; line-height:1; font-weight:300; color:#97e6bd; transform:rotate(-6deg); text-shadow:4px 7px 0 #375b4888,0 0 35px #70e6ae18; z-index:1; } #public-site .deal-graphic>span:last-child { font-size:10px; letter-spacing:.16em; position:absolute; bottom:10px; text-transform:uppercase; color:#80a893; } #public-site .deal-panel-copy { padding-block:12px; max-width:480px; } #public-site .mini-label { font-size:9px; letter-spacing:.13em; text-transform:uppercase; color:#8dbca5; font-weight:600; } #public-site .deal-panel h3 { font-size:27px; letter-spacing:-.03em; line-height:1.25; font-weight:500; margin-top:13px; max-width:420px; } #public-site .deal-panel-copy>p { font-size:13px; line-height:1.85; color:#a0b0a8; margin-top:17px; } #public-site .deal-panel-copy ul { padding:0; list-style:none; margin:20px 0 9px; font-size:12px; color:#bfcebf; } #public-site .deal-panel-copy li { display:flex; gap:10px; margin-block:9px; } #public-site .deal-panel-copy li:before { content:'✓'; color:var(--lime); } #public-site .public-caption { font-size:11px; color:#839a8d; margin-top:22px; line-height:1.75; } #public-site [role="tabpanel"]:not([hidden]) { animation:atlas-panel .35s ease-out; } /* A browsable portal preview, explicitly illustrative. */ #public-site .public-platform { position:relative; background:linear-gradient(155deg,#0b1b18,#0a1317); border-block:1px solid var(--line); } #public-site .public-platform:before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 80% 50%,#337b4d17,transparent 60%); pointer-events:none; } #public-site .platform-grid { display:grid; grid-template-columns:1fr 1.13fr; align-items:center; gap:75px; position:relative; } #public-site .platform-grid>div>.public-intro { margin-top:24px; } #public-site .platform-benefits { margin-top:33px; } #public-site .platform-benefits>div { display:flex; gap:20px; border-top:1px solid var(--line); padding-block:20px; transition:padding-left .25s; } #public-site .platform-benefits>div:hover { padding-left:7px; } #public-site .platform-benefits>div>span { font:10px monospace; color:#7db497; padding-top:4px; } #public-site .platform-benefits h3 { font-size:14px; font-weight:550; color:#dfece2; } #public-site .platform-benefits p { font-size:12px; color:#93ab9c; line-height:1.8; margin-top:6px; max-width:330px; } #public-site .portal-scene { position:relative; padding:20px 0; min-width:0; } #public-site .portal-scene:before { content:""; position:absolute; inset:0 -15px 35px; border:1px solid #85bd9220; border-radius:20px; transform:rotate(3deg); pointer-events:none; } #public-site .portal-window { position:relative; border:1px solid #a5e5c23b; background:#101e1b; border-radius:16px; box-shadow:0 30px 70px #0005; overflow:hidden; } #public-site .portal-top { display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--line); padding:17px 21px; font-size:10px; letter-spacing:.1em; background:#14272066; } #public-site .portal-mark { color:var(--lime); font-weight:800; font-size:18px; } #public-site .preview-tag { margin-left:auto; font-size:9px; color:#a3bead; letter-spacing:0; border:1px solid #a0bba633; border-radius:5px; padding:5px 8px; } #public-site .portal-demo-tabs { display:flex; gap:23px; padding:0 25px; border-bottom:1px solid var(--line); } #public-site .portal-demo-tabs button { background:transparent; color:#819a8b; border:0; border-bottom:2px solid transparent; padding:14px 0; font-size:11px; min-height:45px; transition:color .2s; } #public-site .portal-demo-tabs button[aria-selected="true"] { color:var(--lime); border-color:var(--lime); } #public-site .portal-demo-tabs button:hover { color:#d9f8e5; } #public-site .portal-window-body { padding:25px; min-height:590px; } #public-site .portal-window h3 { font-size:24px; font-weight:500; letter-spacing:-.035em; margin-top:7px; } #public-site .portal-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:22px; } #public-site .portal-metrics>div { padding:10px 12px; background:#1c332833; border:1px solid var(--line); border-radius:7px; } #public-site .portal-metrics span { font-size:10px; color:#a4b7a9; } #public-site .portal-metrics b { display:block; font-size:24px; font-weight:400; color:#c1ecd2; margin-top:5px; } #public-site .portal-chart { display:flex; align-items:flex-end; gap:9px; height:101px; padding:17px 4px 0; background:repeating-linear-gradient(to top,transparent 0 28px,#7ab88a0e 29px 30px); margin:13px 0 21px; } #public-site .portal-chart span { flex:1; height:var(--bar); background:linear-gradient(#8bdcaf,#3a7654); border-radius:3px 3px 0 0; min-width:0; transform-origin:bottom; transition:filter .2s; } #public-site .portal-chart span:hover { filter:brightness(1.4); } #public-site .portal-chart span:nth-child(4n+1) { --bar:30%; } #public-site .portal-chart span:nth-child(4n+2) { --bar:54%; } #public-site .portal-chart span:nth-child(4n+3) { --bar:43%; } #public-site .portal-chart span:nth-child(4n) { --bar:70%; } #public-site .portal-chart span:nth-child(n+9) { min-height:65%; } #public-site .portal-chart span:nth-child(n+13) { min-height:83%; } #public-site .portal-chart span:last-child { height:98%; } #public-site .is-visible .portal-chart span { animation:atlas-bar .8s cubic-bezier(.2,.65,.3,1) both; animation-delay:calc(var(--i,0)*35ms); } #public-site .portal-list-heading { display:flex; justify-content:space-between; color:#819f8b; font-size:9px; padding-bottom:9px; } #public-site .portal-brand-row { display:flex; align-items:center; gap:10px; border-top:1px solid var(--line); padding-block:11px; font-size:10px; } #public-site .portal-brand-row strong { font-size:11px; min-width:80px; font-weight:550; } #public-site .portal-brand-row>span { margin-left:auto; color:#a4b8a9; font-size:9px; } #public-site .portal-brand-row i { font-style:normal; color:#96d3ad; margin-left:8px; } #public-site .portal-disclaimer { font-size:10px; color:#839e8d; line-height:1.8; margin-top:25px; max-width:460px; position:relative; } #public-site .demo-agreement { border:1px solid var(--line); border-radius:9px; padding:18px; margin-top:25px; background:linear-gradient(135deg,#1a34266b,#0c1b154d); } #public-site .demo-agreement-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:15px; } #public-site .demo-agreement-heading strong { font-size:18px; } #public-site .demo-agreement-heading>span { font-size:10px; color:var(--lime); padding:5px 9px; border-radius:5px; background:#8cedb512; } #public-site .demo-agreement dl { margin:0; font-size:11px; } #public-site .demo-agreement dl>div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:13px; border-top:1px solid var(--line); } #public-site .demo-agreement dt { color:#8caa98; } #public-site .demo-agreement dd { margin:0; text-align:right; color:#d3e4d7; } #public-site .demo-note { font-size:11px; line-height:1.8; color:#91ac9b; margin-top:20px; } #public-site .demo-link-flow { display:flex; justify-content:center; align-items:center; padding:27px 15px; } #public-site .demo-link-flow>span,#public-site .demo-link-flow>b { display:grid; place-content:center; width:44px; height:44px; border:1px solid #93e6b834; border-radius:10px; font-size:23px; color:#a6dcb9; } #public-site .demo-link-flow>b { width:56px; height:56px; background:#7debb916; border-color:#8be0af55; color:var(--lime); } #public-site .demo-link-flow i { width:58px; height:1px; background:linear-gradient(90deg,#a0edc540,#a0edc515); } #public-site .demo-tracking-link { display:flex; align-items:center; gap:10px; border-top:1px solid var(--line); padding-block:15px; font-size:12px; } #public-site .demo-tracking-link strong { font-weight:550; } #public-site .demo-tracking-link>span { font-size:10px; color:#8fa99a; margin-left:auto; } #public-site .demo-tracking-link>i { font-style:normal; color:var(--lime); } /* How it works, practical answers, and a clear invitation. */ #public-site .public-start { padding-bottom:80px; } #public-site .steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:47px; } #public-site .steps-grid article { padding:31px 26px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(135deg,#11201d,#0c1519); transition:border-color .25s,transform .25s,background .25s; } #public-site .steps-grid article:hover { border-color:#89e1b643; transform:translateY(-5px); background:linear-gradient(135deg,#172c24,#0c1719); } #public-site .step-number { font-family:monospace; font-size:12px; line-height:1; color:#7bb491; display:grid; place-content:center; width:40px; height:40px; border:1px solid #92d2ad30; border-radius:10px; margin-bottom:27px; } #public-site .steps-grid h3 { font-size:20px; font-weight:500; letter-spacing:-.025em; line-height:1.3; } #public-site .steps-grid p { font-size:13px; line-height:1.85; color:#8fa799; margin-top:14px; } #public-site .public-faq { padding-top:28px; } #public-site .faq-grid { border-top:1px solid var(--line); display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; padding-top:80px; } #public-site .faq-grid>div>p:not(.public-kicker) { font-size:13px; color:#8ba395; margin-top:23px; } #public-site .faq-items details { border-bottom:1px solid var(--line); } #public-site .faq-items summary { display:flex; gap:18px; align-items:center; cursor:pointer; padding:23px 0; font-size:14px; list-style:none; transition:color .2s; } #public-site .faq-items summary:hover { color:var(--lime); } #public-site summary::-webkit-details-marker { display:none; } #public-site .faq-num { font:9px monospace; color:#6c967d; flex-shrink:0; } #public-site .faq-items summary>i { margin-left:auto; font-size:20px; font-weight:300; font-style:normal; color:#9bbcaa; transition:transform .25s,color .25s; } #public-site .faq-items details[open] summary { color:#bcead1; } #public-site .faq-items details[open] summary>i { transform:rotate(45deg); color:var(--lime); } #public-site .faq-items details[open] p { animation:atlas-panel .3s ease-out; } #public-site .faq-items p { font-size:13px; color:#94ac9e; line-height:1.85; padding:0 25px 25px 31px; } #public-site .public-final { padding-block:100px 110px; background:radial-gradient(ellipse at 50% 120%,#31654260,transparent 70%),linear-gradient(140deg,#10261d,#0c1c18); border-block:1px solid #c2fcd623; position:relative; overflow:hidden; text-align:center; } #public-site .public-final .public-container { position:relative; z-index:1; } #public-site .public-final h2 { font-size:clamp(40px,4.6vw,66px); } #public-site .public-final .public-kicker { justify-content:center; color:#a0ceb2; } #public-site .public-final .public-actions { justify-content:center; } #public-site .final-orbit { position:absolute; width:890px; height:890px; left:calc(50% - 445px); top:60%; border:1px solid #b3ebc513; border-radius:50%; box-shadow:0 0 0 70px #a7eaba05,0 0 0 140px #a7eaba04,0 0 0 210px #a7eaba03; pointer-events:none; } #public-site .final-watermark { position:absolute; right:calc(50% - 210px); bottom:-.3em; font-size:145px; line-height:1; font-weight:800; letter-spacing:-.08em; color:#97d2a007; pointer-events:none; } #public-site .public-footer { padding-block:48px 25px; } #public-site .footer-main { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-bottom:34px; } #public-site .footer-main>p { font-size:12px; color:#839d8c; max-width:250px; } #public-site .footer-main>a:last-child { font-size:12px; color:#bed4c4; } #public-site .footer-main>a:last-child:hover { color:var(--lime); } #public-site .footer-bottom { display:flex; justify-content:space-between; gap:25px; align-items:center; font-size:10px; color:#789583; padding-top:21px; border-top:1px solid var(--line); } #public-site .footer-bottom p { max-width:430px; } #public-site .footer-bottom a { white-space:nowrap; } #public-site .public-back-top { position:fixed; bottom:25px; right:24px; width:43px; height:43px; border:1px solid #ace3c737; border-radius:50%; background:#183429ed; backdrop-filter:blur(10px); display:grid; place-content:center; font-size:20px; color:#c7f2dc; z-index:25; box-shadow:0 5px 20px #0003; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .25s,visibility .25s,transform .25s; } #public-site .public-back-top.is-visible { opacity:1; visibility:visible; transform:none; } #public-site .public-back-top:hover { background:#285440; } /* Reveal animations enhance content; without JavaScript everything stays visible. */ #public-site [data-reveal].reveal-ready { opacity:0; transform:translateY(21px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.25,1); } #public-site [data-reveal].reveal-ready.is-visible { opacity:1; transform:none; } #public-site .steps-grid [data-reveal]:nth-child(2) { transition-delay:.07s; } #public-site .steps-grid [data-reveal]:nth-child(3) { transition-delay:.14s; } #language-controls[data-public="true"] .language-control { display:flex; align-items:center; background:none; border:0; min-height:0; padding:0; gap:6px; } #language-controls[data-public="true"] label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; } #language-controls[data-public="true"] svg { width:14px; height:14px; color:#86ab98; } #language-controls[data-public="true"] select { background:transparent; border:0; padding:10px 1px; font-size:11px; color:#c2dbcb; width:88px; border-radius:0; min-height:40px; } #language-controls[data-public="true"] option { background:#12271d; } @keyframes atlas-marquee { to { transform:translateX(-50%); } } @keyframes atlas-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } } @keyframes atlas-label-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(7px); } } @keyframes atlas-orbit { to { transform:rotate(360deg); } } @keyframes atlas-panel { from { opacity:.3; transform:translateY(8px); } to { opacity:1; transform:none; } } @keyframes atlas-bar { from { transform:scaleY(.15); } to { transform:scaleY(1); } } @media(min-width:1450px) { #public-site .public-hero { min-height:765px; padding-block:120px 110px; } } @media(max-width:1100px) { #public-site .public-container { width:calc(100% - 64px); } #public-site .public-nav { gap:18px; padding-inline:18px; } #public-site .public-nav-end { gap:16px; } #public-site .public-desktop-nav { gap:19px; font-size:11px; } #public-site .public-hero { padding-block:86px 78px; min-height:640px; } #public-site h1 { font-size:57px; } #public-site .public-hero-copy .public-actions { gap:20px; } #public-site .public-lead { font-size:15px; } #public-site .public-hero-foot { gap:10px; } #public-site .platform-grid { gap:40px; } #public-site .deal-panel { gap:36px; padding:25px; } #public-site .public-section-heading { gap:45px; } #public-site .faq-grid { gap:55px; } #public-site .public-login { font-size:11px; } } @media(max-width:1024px) { #public-site .public-desktop-nav { display:none; } #public-site .public-mobile-menu { display:block; } #public-site .public-mobile-menu summary { width:34px; height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; list-style:none; cursor:pointer; } #public-site .public-mobile-menu summary>span { width:21px; height:1px; background:#bce4ca; transition:transform .2s; } #public-site .public-mobile-menu[open] summary>span:first-child { transform:translateY(3.5px) rotate(45deg); } #public-site .public-mobile-menu[open] summary>span:last-child { transform:translateY(-3.5px) rotate(-45deg); } #public-site .public-mobile-menu nav { position:absolute; top:calc(100% + 9px); left:0; right:0; background:#10221cf5; border:1px solid #b1dabc33; border-radius:15px; padding:12px; box-shadow:0 15px 40px #0006; } #public-site .public-mobile-menu nav a { display:block; padding:14px; color:#c7e4d0; font-size:14px; border-radius:8px; } #public-site .public-mobile-menu nav a:hover { background:#adffd810; } } @media(max-width:820px) { #public-site .public-nav { top:12px; padding-block:11px; margin-top:13px; } #public-site .public-hero { grid-template-columns:1fr; min-height:0; padding-block:60px 40px; text-align:center; } #public-site h1 { font-size:clamp(52px,8.4vw,72px); } #public-site .public-lead { max-width:500px; margin-inline:auto; } #public-site .public-actions,#public-site .public-hero-foot { justify-content:center; } #public-site .atlas-art { max-width:490px; width:100%; height:365px; margin:45px auto 0; } #public-site .atlas-art svg { height:365px; } #public-site .art-coordinates { top:0; font-size:8px; } #public-site .art-bottom { margin-top:-8px; font-size:8px; } #public-site .art-label-one { left:3%; } #public-site .art-label-two { right:1%; } #public-site .public-section { padding-block:76px; } #public-site .public-section-heading { display:block; } #public-site .public-section-heading .public-intro { max-width:520px; margin-top:22px; } #public-site .public-section-heading>.public-text-link { margin-top:22px; } #public-site .platform-grid { grid-template-columns:1fr; gap:30px; } #public-site .portal-scene { max-width:550px; width:100%; margin-inline:auto; } #public-site .platform-grid>div>.public-intro { max-width:520px; } #public-site .platform-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } #public-site .platform-benefits>div { gap:10px; } #public-site .platform-benefits h3 { font-size:13px; } #public-site .platform-benefits p { font-size:11px; } #public-site .faq-grid { grid-template-columns:1fr; gap:30px; padding-top:60px; } #public-site .steps-grid { gap:14px; } #public-site .steps-grid article { padding:24px 20px; } #public-site .steps-grid h3 { font-size:18px; } #public-site .steps-grid p { font-size:12px; } #public-site .public-faq { padding-top:10px; } #public-site .public-final { padding-block:76px 85px; } #public-site .footer-main { flex-wrap:wrap; } #public-site .footer-bottom { align-items:flex-start; } } @media(max-width:540px) { #public-site .public-container { width:calc(100% - 40px); } #public-site .public-nav { width:calc(100% - 28px); gap:12px; padding:9px 13px; border-radius:14px; } #public-site .public-logo img { width:30px; height:30px; } #public-site .public-logo .atlas-brand-image { width:clamp(72px,21vw,96px); height:auto; } #public-site .public-logo>span { font-size:19px; } #public-site .public-logo small { font-size:6px; margin-top:5px; } #public-site .public-nav-end { gap:9px; } #public-site .public-nav-end>.public-login { display:none; } #public-site .public-hero { padding-top:45px; padding-bottom:29px; } #public-site .public-kicker { font-size:9px; letter-spacing:.12em; margin-bottom:20px; } #public-site .public-hero .public-kicker { font-size:7px; padding:8px 10px; letter-spacing:.09em; } #public-site h1 { font-size:clamp(37px,10.1vw,53px); line-height:1.07; letter-spacing:-.052em; } #public-site .public-lead { font-size:13px; line-height:1.85; margin-top:22px; max-width:360px; } #public-site .public-actions { gap:17px; margin-top:25px; } #public-site .public-cta { padding:14px 17px; font-size:12px; gap:20px; min-height:50px; } #public-site .public-text-link { font-size:11px; gap:9px; } #public-site .public-hero-foot { gap:8px 13px; margin-top:23px; font-size:9px; } #public-site .atlas-art { height:290px; margin-top:30px; } #public-site .atlas-art svg { height:290px; } #public-site .art-coordinates { font-size:7px; left:12%; } #public-site .art-label { font-size:9px; padding:10px 11px; gap:7px; border-radius:8px; } #public-site .art-label-one { left:0; top:49%; } #public-site .art-label-two { right:0; top:23%; } #public-site .art-bottom { font-size:7px; margin-top:0; } #public-site .public-brands { padding-block:27px 25px; } #public-site .section-topline { gap:13px; align-items:flex-start; } #public-site .section-topline .public-kicker { font-size:8px; } #public-site .section-topline p:not(.public-kicker) { font-size:11px; max-width:210px; } #public-site .marquee-toggle { padding:8px; border-radius:50%; width:35px; height:35px; min-height:35px; flex-shrink:0; } #public-site .marquee-toggle>span>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } #public-site .brand-marquee { margin-top:20px; } #public-site .brand-name { width:185px; font-size:29px; min-height:65px; } #public-site .brand-golazzo { font-size:23px; } #public-site .brand-track { animation-duration:27s; } #public-site .public-section { padding-block:60px; } #public-site h2 { font-size:34px; line-height:1.14; } #public-site .public-section-heading { margin-bottom:28px; } #public-site .public-intro { font-size:13px; } #public-site .deal-tabs { gap:8px; } #public-site .deal-tabs button { padding:16px 11px; font-size:13px; gap:5px; border-radius:9px; } #public-site .deal-tabs button>span:not([data-i18n]) { font-size:8px; } #public-site .deal-panel { grid-template-columns:1fr; gap:20px; padding:20px; border-radius:13px; } #public-site .deal-graphic { min-height:170px; } #public-site .deal-graphic:before { width:148px; height:148px; left:calc(50% - 74px); top:8px; } #public-site .deal-graphic:after { width:108px; height:108px; left:calc(50% - 54px); top:28px; } #public-site .deal-symbol { font-size:91px; } #public-site .deal-graphic>span:last-child { bottom:0; font-size:8px; } #public-site .deal-graphic-index { left:0; font-size:8px; } #public-site .deal-panel-copy { padding:0; } #public-site .deal-panel h3 { font-size:25px; } #public-site .deal-panel-copy>p { font-size:12px; } #public-site .deal-panel-copy li { font-size:11px; } #public-site .public-caption { font-size:10px; } #public-site .platform-benefits { display:block; } #public-site .platform-benefits h3 { font-size:14px; } #public-site .platform-benefits p { font-size:12px; } #public-site .platform-benefits>div { gap:16px; } #public-site .portal-scene { padding-block:5px; } #public-site .portal-scene:before { inset:0 -7px 48px; transform:rotate(2deg); } #public-site .portal-window { border-radius:12px; } #public-site .portal-window-body { padding:19px; min-height:565px; } #public-site .portal-top { padding:14px 18px; } #public-site .preview-tag { font-size:8px; } #public-site .portal-demo-tabs { padding-inline:19px; gap:22px; } #public-site .portal-window h3 { font-size:22px; } #public-site .portal-metrics { gap:6px; } #public-site .portal-metrics>div { padding:8px; } #public-site .portal-metrics span { font-size:9px; } #public-site .portal-chart { gap:6px; height:85px; } #public-site .portal-brand-row strong { min-width:67px; } #public-site .portal-brand-row>span { font-size:8px; } #public-site .portal-disclaimer { font-size:9px; } #public-site .demo-agreement { padding:14px; } #public-site .demo-agreement dl { font-size:10px; } #public-site .steps-grid { grid-template-columns:1fr; gap:13px; margin-top:10px; } #public-site .steps-grid article { position:relative; padding:25px 21px 25px 80px; } #public-site .step-number { position:absolute; left:21px; top:25px; width:36px; height:36px; margin:0; } #public-site .steps-grid h3 { font-size:18px; } #public-site .steps-grid p { font-size:12px; } #public-site .faq-grid { padding-top:0; border:0; } #public-site .public-faq { padding-top:14px; } #public-site .faq-items summary { font-size:13px; gap:13px; padding-block:20px; } #public-site .faq-items p { font-size:12px; padding-left:25px; } #public-site .public-final { padding-block:62px 75px; } #public-site .public-final h2 { font-size:36px; } #public-site .public-footer { padding-block:35px 22px; } #public-site .footer-main { gap:24px; padding-bottom:27px; } #public-site .footer-main>p { max-width:155px; font-size:10px; } #public-site .footer-main>a:last-child { font-size:12px; width:100%; } #public-site .footer-bottom { flex-wrap:wrap; font-size:9px; gap:17px; } #public-site .footer-bottom p { order:3; max-width:310px; } #public-site .public-back-top { width:39px; height:39px; bottom:18px; right:16px; } #language-controls[data-public="true"] select { width:80px; font-size:10px; } #language-controls[data-public="true"] svg { width:12px; height:12px; } } @media(prefers-reduced-motion:reduce) { #public-site *,#public-site *:before,#public-site *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } #public-site [data-reveal].reveal-ready { opacity:1; transform:none; } #public-site .atlas-art { transform:none; } #public-site .brand-marquee { overflow-x:auto; mask-image:none; -webkit-mask-image:none; } #public-site .brand-track { transform:none; } #public-site .brand-duplicate,#public-site .marquee-toggle { display:none!important; } } #public-site .atlas-hero-symbol { position:relative; display:block; width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 25px 40px #0004); } #public-site .portal-brand-image { display:block; width:72px; height:auto; object-fit:contain; } #public-site .demo-link-flow>b img { display:block; width:44px; height:44px; object-fit:contain; } @media(max-width:900px){ #public-site .atlas-hero-symbol { height:365px; } } @media(max-width:540px){ #public-site .atlas-hero-symbol { height:290px; } } /* Logo proportions: full wordmark, independent of legacy square icon rules. */ #public-site .public-nav .public-logo .atlas-brand-image { width:91.2px; height:auto; max-width:none; flex:none; } #public-site .public-footer .public-logo .atlas-brand-image { width:103.2px; height:auto; max-width:none; } #public-site .atlas-art { margin-right:0; } #public-site .atlas-art .atlas-hero-symbol { width:85%; max-width:410px; height:auto; max-height:410px; align-self:center; object-fit:contain; } @media(max-width:900px) { #public-site .atlas-art { max-width:390px; height:300px; margin-top:30px; } #public-site .atlas-art .atlas-hero-symbol { width:285px; max-width:78%; height:285px; } } @media(max-width:540px) { #public-site .public-nav { gap:8px; padding:9px 12px; } #public-site .public-nav .public-logo .atlas-brand-image { width:clamp(53.76px,15.12vw,64.8px); height:auto; } #public-site .public-footer .public-logo .atlas-brand-image { width:86.4px; height:auto; } #public-site .footer-main { align-items:flex-start; gap:14px 24px; } #public-site .footer-main>p { flex:1 1 140px; margin:0; max-width:210px; align-self:center; } #public-site .atlas-art { max-width:350px; height:245px; margin:24px auto 0; } #public-site .atlas-art .atlas-hero-symbol { width:230px; height:230px; max-width:74%; } #public-site .art-label { padding:8px 9px; font-size:9px; gap:6px; } #public-site .art-label-one { left:0; top:65%; } #public-site .art-label-two { right:0; top:23%; } #public-site .art-coordinates { left:7%; top:4%; } } #public-site .partnership-guide-links{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0;color:var(--muted);font-size:14px} #public-site .partnership-guide-links a:hover{color:var(--lime)}