/* The light palette covers the complete marketing page, illustrations and dialog. */
:root{color-scheme:light;--bg:#f8faff;--surface:#fff;--text:#14223b;--muted:#627086;--blue:#3268e5;--cyan:#087eae;--border:rgba(59,91,140,.15)}
body{background:linear-gradient(180deg,#f8faff 0%,#fff 38%,#f8faff 100%)}
::selection{background:#cfe2ff;color:#16386c}
.skip{color:#fff}
.header.scrolled{background:rgba(250,252,255,.88);box-shadow:0 4px 24px #33599305}
.brand-mark i{background:linear-gradient(180deg,#64d0e8,#3062db)}
.nav-links{color:#53627a}
.nav-links a:hover{color:#245ece}
.nav-cta{background:#e9f0ff;border-color:#d0ddf6;color:#2457b7}
.primary{background:linear-gradient(110deg,#3578ef,#285bd4);border-color:#3269d9;box-shadow:inset 0 1px 0 #ffffff30,0 5px 20px #3269d924}
.primary:hover{background:linear-gradient(110deg,#2b6ce2,#214fbf);box-shadow:0 8px 28px #3269d932}
.secondary{background:#ffffffd9;color:#354963;border-color:#d6dfed;box-shadow:0 3px 10px #29497b04}
.secondary span{color:#6580a8}
.eyebrow{color:#57729a}
.pill{background:linear-gradient(90deg,#eaf2ff,#f4f9ff);border-color:#d5e3f6;color:#486891}
.status-dot{background:#2775d9;box-shadow:0 0 10px #478de54d}
.pill-spark{color:#4b76b7}
.gradient-text{background-image:linear-gradient(105deg,#3666df 5%,#078caa)}
.title-dot{color:#128da9}
.hero-description{color:#5e6d82}
.hero-note,.hero-bottom{color:#65768f}
.little-orbit{color:#4778b7}
.art-aura{background:radial-gradient(ellipse at 54% 50%,#bddbff68,transparent 67%)}
.core-face{border-color:#deefffed;background:linear-gradient(140deg,#e0f5ffda,#75a8eead 48%,#3c6dc5d9);box-shadow:inset 0 0 23px #e5f4ff66,0 0 14px #5483c326}
.core-face.right{background:linear-gradient(120deg,#82b5eed9,#3260b8ed)}
.core-face.top{background:linear-gradient(150deg,#f4fcfff0,#a5caf5dd)}
.core-symbol{color:#fff;text-shadow:0 0 18px #dbf6ff}
.core-halo{background:radial-gradient(ellipse,#78adf538,transparent 68%)}
.core-beam{background:linear-gradient(#6c9ddb99,#609aff00);box-shadow:0 0 18px #72a7ed55}
.art-tag{color:#4c678b;background:#ffffffd9;border-color:#bcd0ec8c;box-shadow:0 5px 22px #30568c09}
.tag-one span{background:#139993;box-shadow:0 0 10px #46b9ab40}
.tag-two svg{color:#3779d4}
.art-coordinate{color:#607b9f}
.audience p{color:#6b7c92}
.audience>div>span{color:#52647f}
.audience svg{color:#6383ab}
.blue-line{background:#387ce4;box-shadow:0 0 9px #609fff22}
.pain{position:relative;isolation:isolate}
.pain::before{content:"";position:absolute;inset:0 calc(50% - 50vw) -55px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8faff 48%,rgba(248,250,255,.65) 60%,transparent 76%),url("assets/pain-ai-background.jpg") right top/auto 100% no-repeat;mask-image:linear-gradient(180deg,#000 82%,transparent)}
.pain .section-heading{flex-direction:column;align-items:flex-start;gap:16px;padding-right:40%}
.pain .section-heading>p{padding:12px 16px;border-radius:10px;background:rgba(248,250,255,.94);color:#52647f}
.pain-grid{background:linear-gradient(135deg,#fff,#f3f7fd);box-shadow:0 10px 35px #284a7d04}
@media(max-width:760px){.pain::before{background:linear-gradient(90deg,rgba(248,250,255,.98),rgba(248,250,255,.86) 35%,rgba(248,250,255,.18) 72%,transparent),url("assets/pain-ai-background.jpg") right top/auto 420px no-repeat}.pain .section-heading{padding-right:0}.pain .section-heading>div{width:fit-content;max-width:100%;padding:10px 12px;margin-left:-12px;border-radius:10px;background:rgba(248,250,255,.88)}.pain .section-heading>p{width:fit-content}}
.icon-box{color:#4376be;background:linear-gradient(140deg,#edf5ff,#fff);border-color:#d9e5f5}
.card-number{color:#8293aa}
.pain-grid p,.scenario-grid p{color:#65758c}
.pain-grid.platform-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.platform-grid article{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:28px 12px;text-align:center}
.platform-grid .platform-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;rotate:0;box-shadow:0 5px 16px #29497b18}
.platform-icon svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.platform-grid h3{margin:18px 0 0;font-size:15px;line-height:1.5}
@media(max-width:1000px){.pain-grid.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pain-grid.platform-grid article{border:0}.pain-grid.platform-grid article:not(:nth-child(3n+1)){border-left:1px solid var(--border)}.pain-grid.platform-grid article:nth-child(n+4){border-top:1px solid var(--border)}}
@media(max-width:480px){.pain-grid.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pain-grid.platform-grid article{min-height:150px;border:0}.pain-grid.platform-grid article:nth-child(odd){border-left:0}.pain-grid.platform-grid article:nth-child(even){border-left:1px solid var(--border)}.pain-grid.platform-grid article:nth-child(n+3){border-top:1px solid var(--border)}}
.feature-index{color:#4c75ad}
.feature-caption{color:#58749b}
.feature-art{background:radial-gradient(ellipse at 50% 55%,#d7e7fb8c,transparent 72%)}
.art-footnote{color:#627d9f}
.flow-grid{background-image:linear-gradient(#6595d515 1px,transparent 1px),linear-gradient(90deg,#6595d515 1px,transparent 1px)}
.flow-node,.flow-center,.flow-result{border-color:#bed3ee;background:linear-gradient(140deg,#fff,#e1ecfb);color:#497bbd;box-shadow:0 9px 22px #4067a01a}
.flow-center{color:#3473d0;border-color:#b5d0f2;box-shadow:0 0 40px #337cff13,inset 0 0 20px #fff}
.flow-result{color:#168c9a}
.paper{border-color:#bad0ec;background:linear-gradient(150deg,#fff,#dce8f8);box-shadow:0 15px 35px #325a8c1c}
.paper-front{background:linear-gradient(145deg,#fff,#e5effc)}
.paper-front>span{color:#417bce}
.paper i{background:#88a8d16b}
.paper-chips b{background:#cee0f8;border-color:#b8d2f1}
.float-dot{background:#508fde;box-shadow:0 0 16px #408fff44}
.language-orbit{border-color:#789fd547}
.language-center{background:radial-gradient(circle at 30% 20%,#fff,#e0efff 60%,#adcbed);border-color:#a9c9ee;box-shadow:inset 0 0 15px #fff,0 9px 35px #366caa15}
.language-center svg{color:#4b82ba}
.language-tile{color:#3c6baa;background:linear-gradient(145deg,#fff,#e6effc);border-color:#c2d6f0;box-shadow:0 10px 20px #34598814}
.step{border-color:#a4c3e8;background:linear-gradient(125deg,#c8e0fc,#8cb3e4);box-shadow:15px 10px 0 #dce7f6}
.step-4{background:linear-gradient(125deg,#9ac6f3,#5e92d4)}
.momentum-arrow{stroke:#3479cf;filter:drop-shadow(0 0 7px #558cff33)}
.scenarios{background:linear-gradient(#edf3fb99,#f3f7fdb3)}
.scenario-grid article{background:#ffffffd9;box-shadow:0 6px 20px #34578204}
.scenario-grid article:hover{border-color:#9fbfe9;box-shadow:0 10px 24px #3457820c}
.scenario-visual{background:radial-gradient(ellipse,#d8e8fb88,transparent 68%)}
.scenario-visual>svg{color:#417cbf;filter:drop-shadow(0 4px 8px #699aff22)}
.scenario-index{color:#6380a3}
.scenario-grid a{color:#456faa}
.radar{border-color:#7da8e84a;box-shadow:0 0 0 20px #76aaff09,inset 0 0 0 22px #78aaff0a}
.research i{background:#4585d5;box-shadow:0 0 12px #4792ff33}
.comparison span{border-color:#9cbce7;background:linear-gradient(#a3c7f3,#d9e9fc)}
.mini-paper{background:linear-gradient(130deg,#fff,#e1edfc);border-color:#b6cdea;box-shadow:8px 8px 0 #dbe7f7}
.mini-paper i{background:#82a6d6}
.social-orbit{border-color:#7b9fc850}
.social>span,.social>span:last-child{color:#5280bc}
.capability-note{color:#697b92}
.contact-glow{background:radial-gradient(ellipse,#bdd9ff52,transparent 70%)}
.contact-orbit{border-color:#7298ca29;box-shadow:0 0 0 60px #5680d105,0 0 0 120px #5680d103}
.contact-content>p,.contact-details{color:#5d7290}
.contact-content .contact-notice{color:#6d7e95}
.footer>span,.footer small{color:#6b7d95}
.footer>a:last-child{color:#567299}
dialog{background:#fcfdff;border-color:#c9d9ee;box-shadow:0 30px 100px #1e3d6533}
dialog::backdrop{background:#30456355;backdrop-filter:blur(8px)}
dialog p{color:#61738c}
.dialog-close{color:#607692}
dialog label{color:#354d6c}
dialog label span{color:#71829a}
select,textarea{background:#fff;color:#273e5c;border-color:#c6d5e8}
textarea::placeholder{color:#79899e}
.menu-toggle span{background:#52667f}
@media(max-width:760px){.nav-links{background:#fbfdfff5;box-shadow:0 12px 25px #30578b0a}}

/* AI hero capability cards and processor face. */
.hero h1{font-size:clamp(34px,3.35vw,48px)}
.hero h1 .hero-ai{display:inline-block;color:#1260f5;font-family:Arial,sans-serif;font-size:1.45em;font-weight:850;letter-spacing:-.035em;line-height:1;text-shadow:0 4px 20px #1260f526}
.hero-acquisition{color:#111}
@media(max-width:760px){.hero h1{font-size:clamp(27px,6.2vw,40px)}}
.hero-art .core-symbol{font-size:51px;font-weight:800;letter-spacing:1px;font-family:Arial,sans-serif;color:#fff;text-shadow:0 2px 8px #0946c9,0 0 20px #c2e6ff}
.hero-art .core-face.front{background:linear-gradient(140deg,#68b6ffeb,#2674f1ed 48%,#124acfeF);border-color:#a5d4ff;box-shadow:inset 0 0 23px #b5dbff55,0 0 26px #246aff40}
.hero-art .art-tag{padding:13px 16px;border-radius:13px;font-size:12px;font-weight:550;gap:9px;box-shadow:0 8px 26px #487fbd12;animation:ai-card-float 7s ease-in-out infinite;z-index:2;white-space:nowrap}
.hero-art .art-tag svg{width:20px;height:20px;color:#3889dd}
.hero-art .tag-one{right:8%;top:31%;animation-delay:-2s}
.hero-art .tag-two{left:18%;bottom:43%}
.hero-art .tag-three{right:1%;bottom:24%;animation-delay:-4s}
@keyframes ai-card-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1100px) and (min-width:761px){.hero-art .tag-two{left:13%;bottom:49%}}
@media(max-width:760px){
.hero-art{width:100%;max-width:560px;height:420px}
.hero-art .art-tag{font-size:10px;padding:10px 11px;gap:6px;border-radius:10px}
.hero-art .art-tag svg{width:16px;height:16px}
.hero-art .tag-one{top:29%!important;right:0!important}
.hero-art .tag-two{left:0;bottom:43%}
.hero-art .tag-three{right:0;bottom:16%}
.hero-art .art-coordinate{right:8%;bottom:30px;font-size:8px;letter-spacing:2px}
}

/* Social badges follow the globe's responsive projection and pointer parallax. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:55px -8% 0;z-index:-1;pointer-events:none;background:url("assets/hero-world-background.png") center right/cover no-repeat;opacity:.64;mask-image:linear-gradient(90deg,transparent 20%,#000 57%),linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent);mask-composite:intersect}
.social-network{position:absolute;inset:0;pointer-events:none}
.social-badge{position:absolute;width:clamp(30px,3.8vw,47px);aspect-ratio:1;border:5px solid #ffffffd9;border-radius:14px;box-shadow:0 6px 18px #5189c52b,inset 0 0 0 1px #ffffff70;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:1}
.social-badge svg{width:90%;height:90%;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.instagram{background:radial-gradient(circle at 25% 105%,#ffd66b 8%,#ff8547 28%,#ee286e 49%,#bb19df 70%,#6939ee 94%);rotate:-7deg}
.twitter{background:#090b10;rotate:5deg}
.facebook{background:#087fff;rotate:-4deg}
.threads{background:#101014;rotate:7deg}
.whatsapp{background:linear-gradient(135deg,#52e96b,#0bb83e);rotate:-6deg}
.telegram{background:linear-gradient(135deg,#35c4f6,#0092dc);rotate:4deg}
@media(max-width:760px){.social-badge{width:clamp(29px,8vw,41px);border-width:3px;border-radius:10px}.hero::before{inset:420px -20px 20px;opacity:.64;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}}