:root { color-scheme:light; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#061d59; background:#f8fbff; font-synthesis:none; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; min-height:100vh; margin:0; background:#f8fbff; }
a { color:inherit; }
.landing-shell { overflow:hidden; background:radial-gradient(circle at 76% 20%,rgba(73,164,255,.18),transparent 28rem),linear-gradient(145deg,#fff 18%,#f3f9ff 62%,#e9f4ff); }
.site-header,.hero,.journey,.benefits,.client-access,footer { width:min(1480px,calc(100% - 64px)); margin-inline:auto; }
.site-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:90px; gap:34px; }
.brand { display:inline-flex; align-items:center; gap:14px; width:max-content; font-size:1.7rem; font-weight:800; letter-spacing:-.04em; text-decoration:none; }
.brand-symbol { position:relative; display:inline-block; width:56px; height:30px; }
.brand-symbol i { position:absolute; top:3px; width:29px; height:23px; border:7px solid #0870da; border-radius:50% 60% 50% 60%; transform:rotate(-34deg); }
.brand-symbol i:first-child { left:2px; border-right-color:#052e84; }
.brand-symbol i:last-child { right:2px; transform:rotate(34deg); border-left-color:#052e84; }
.main-nav { display:flex; gap:34px; font-size:.92rem; font-weight:650; }
.main-nav a { text-decoration:none; }
.header-action,.primary-action { display:inline-flex; justify-content:center; align-items:center; gap:22px; border-radius:15px; background:linear-gradient(135deg,#07357c,#001d55); color:#fff; font-weight:750; text-decoration:none; box-shadow:0 14px 30px rgba(1,38,96,.15); }
.header-action { justify-self:end; padding:16px 26px; }
.header-action span,.primary-action span,.secondary-action span { font-size:1.35rem; }
.hero { position:relative; display:grid; grid-template-columns:minmax(460px,.88fr) minmax(650px,1.12fr); gap:30px; align-items:center; min-height:610px; padding:35px 0 20px; }
.hero::after { content:""; position:absolute; z-index:0; left:-10vw; right:-10vw; bottom:-15px; height:180px; background:linear-gradient(160deg,transparent 5%,rgba(206,229,249,.44) 48%,rgba(255,255,255,.85) 49%); pointer-events:none; }
.hero-copy { position:relative; z-index:2; align-self:start; padding-top:60px; }
.hero h1 { margin:0; color:#06184e; font-size:clamp(3rem,4.25vw,4.8rem); line-height:1.03; letter-spacing:-.055em; }
.hero h1 em { color:#0865c8; font-style:normal; }
.hero-copy>p { max-width:690px; margin:26px 0 28px; color:#38547e; font-size:clamp(1.08rem,1.45vw,1.5rem); line-height:1.45; }
.hero-actions { display:flex; align-items:center; gap:32px; }
.primary-action { padding:17px 28px; }
.secondary-action { display:inline-flex; align-items:center; gap:18px; color:#064eaa; font-weight:750; text-decoration:none; }
.ecosystem { position:relative; z-index:2; min-height:520px; }
.orbit { position:absolute; left:47%; top:53%; border:1px solid rgba(22,116,218,.18); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-one { width:380px; height:380px; }.orbit-two { width:510px; height:510px; }
.hub,.solution { position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #b9ddff; border-radius:50%; background:rgba(255,255,255,.93); box-shadow:0 12px 30px rgba(21,105,188,.14),inset 0 0 0 10px rgba(224,241,255,.55); text-align:center; }
.hub { left:47%; top:53%; width:225px; height:225px; transform:translate(-50%,-50%); }
.hub .brand-symbol { transform:scale(1.1); margin-bottom:10px; }.hub strong { font-size:2rem; letter-spacing:-.05em; }.hub small { margin-top:5px; color:#3b5880; font-size:.9rem; line-height:1.25; }
.solution { width:132px; height:132px; padding:14px; }
.solution strong { font-size:.96rem; }.solution small { margin-top:3px; color:#5a7292; font-size:.7rem; line-height:1.15; }.solution-icon { color:#0753ad; font-size:2.2rem; line-height:1; margin-bottom:7px; }
.consulting { left:47%; top:0; width:160px; height:160px; transform:translateX(-50%); color:#fff; border-color:#8fd0ff; background:linear-gradient(145deg,#4da9ff,#0649a9 68%,#002b78); box-shadow:0 0 0 10px rgba(208,234,255,.75),0 18px 35px rgba(12,92,183,.25); }.consulting .solution-icon { color:#fff; }
.voice { left:12%; top:18%; }.sales { left:1%; top:48%; }.engineering { left:9%; top:76%; }.receivable { right:1%; top:28%; }.payable { right:-5%; top:56%; }.supply { right:3%; top:82%; }
.consulting-notes { position:absolute; top:18px; right:-2%; display:grid; gap:10px; width:250px; padding:18px 22px; border:1px solid #d9eafb; border-radius:16px; background:rgba(255,255,255,.82); color:#2d496f; font-size:.8rem; box-shadow:0 12px 30px rgba(27,89,153,.08); }.consulting-notes span::first-letter { color:#2190ef; }
.journey { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); margin-top:8px; padding:20px 28px; border:1px solid #cfe3f6; border-radius:18px; background:rgba(255,255,255,.93); box-shadow:0 12px 30px rgba(40,95,145,.07); }
.journey article { display:flex; align-items:center; min-height:74px; gap:18px; }.journey article b { margin-left:auto; color:#075aba; font-size:1.55rem; }.journey article:not(:last-child) { padding-right:22px; }.step-icon,.benefits article>span { display:grid; flex:0 0 58px; height:58px; place-items:center; border-radius:50%; background:#eaf5ff; color:#0967c8; font-size:1.9rem; }.journey strong,.journey small { display:block; }.journey strong { font-size:1rem; }.journey small { margin-top:5px; color:#647a98; font-size:.8rem; }
.benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding:16px 0 70px; }
.benefits article { display:flex; align-items:center; gap:22px; min-height:110px; padding:20px 34px; border:1px solid #d4e6f7; border-radius:16px; background:linear-gradient(120deg,rgba(232,251,250,.9),rgba(247,251,255,.95)); }.benefits article:nth-child(2){background:#f2f8ff}.benefits article:nth-child(3){background:#f4f4ff}.benefits strong{font-size:1.05rem}.benefits p{margin:6px 0 0;color:#58708e;font-size:.88rem;line-height:1.35}
.client-access { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:64px; padding:44px 54px; border-radius:24px; background:#062a69; color:#fff; }.client-access span { color:#86c6ff; font-size:.75rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }.client-access h2 { max-width:650px; margin:8px 0 0; font-size:clamp(1.8rem,3vw,3rem); letter-spacing:-.04em; }.client-access a { padding:16px 24px; border-radius:13px; background:#fff; color:#063275; font-weight:800; text-decoration:none; white-space:nowrap; }
footer { display:flex; justify-content:space-between; gap:20px; padding:0 0 36px; color:#617896; font-size:.8rem; }
.auth-shell { width:min(920px,calc(100% - 32px)); margin:0 auto; padding:44px 0 80px; }.account-header { display:flex; align-items:center; justify-content:space-between; min-height:70px; border-bottom:1px solid #d9e6f3; }.auth-card { max-width:560px; margin:72px auto 0; padding:48px; border:1px solid #d6e6f5; border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(30,84,137,.1); }.auth-card h1,.applications-page h1 { font-size:clamp(2.4rem,6vw,4.8rem); }.eyebrow { color:#0a66c7;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-card form{display:grid;gap:12px;margin-top:36px}.auth-card label{margin-top:8px;font-weight:700}.auth-card input{width:100%;padding:14px 16px;border:1px solid #bdd2e6;border-radius:10px;background:#f7fbff;color:#071d51;font:inherit}.field-error,.alert.error{color:#b91c1c}.text-button{border:0;background:none;color:#073b81;cursor:pointer;text-decoration:underline}.application-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:48px}.application-card,.empty-state{padding:28px;border:1px solid #d6e6f5;border-radius:18px;background:#fff;text-decoration:none}.application-card p,.empty-state p{color:#58708e;line-height:1.55}.application-card span{color:#0868c9;font-weight:800}
@media (max-width:1100px){.main-nav{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;padding-top:10px}.hero-copy{padding-top:30px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.ecosystem{width:min(800px,100%);margin:0 auto}.journey{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr}.consulting-notes{right:2%}}
@media (max-width:700px){.site-header,.hero,.journey,.benefits,.client-access,footer{width:min(100% - 28px,1480px)}.site-header{min-height:76px}.brand{font-size:1.35rem}.brand-symbol{transform:scale(.8);transform-origin:left center}.header-action{padding:12px 15px;font-size:.75rem}.hero{min-height:auto}.hero h1{font-size:clamp(2.55rem,12vw,4rem)}.hero-copy>p{font-size:1rem}.hero-actions{flex-direction:column;gap:18px}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:auto;padding:35px 0}.orbit,.consulting-notes{display:none}.hub{position:relative;left:auto;top:auto;grid-column:1/-1;width:190px;height:190px;margin:0 auto;transform:none}.solution{position:relative;inset:auto;width:100%;height:132px;transform:none!important;border-radius:22px}.consulting{grid-column:1/-1;width:100%;height:135px}.journey{grid-template-columns:1fr;padding:14px 22px}.journey article:not(:last-child){padding:12px 0;border-bottom:1px solid #e2edf7}.journey article b{display:none}.benefits article{padding:18px}.client-access{flex-direction:column;align-items:flex-start;padding:32px 26px}footer{flex-direction:column}.auth-card{padding:32px 22px}}
@media (prefers-reduced-motion:no-preference){.header-action,.primary-action,.client-access a{transition:transform 160ms ease,box-shadow 160ms ease}.header-action:hover,.primary-action:hover,.client-access a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(1,38,96,.2)}}