/* RouteX Sphere — local, dependency-free design system. */
:root{--ink:#123b36;--dark:#092f2b;--deep:#062621;--muted:#5e716b;--lime:#d7f783;--paper:#f5f6f0;--line:#d9e1d7;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #6e9d24;outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.6vw,3.1rem);font-weight:550;margin-bottom:22px}h2 em{font-style:normal;color:#748577}p{color:var(--muted)}.container{max-width:var(--max);width:calc(100% - 96px);margin-inline:auto}.section{padding:106px 0}.eyebrow{font-size:.66rem;letter-spacing:.14em;font-weight:750;display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--ink)}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #d7f78312}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 21px;border-radius:6px;font-size:.8rem;font-weight:700;min-height:50px;border:1px solid transparent;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.primary{background:var(--lime);color:var(--deep)}.ghost,.outline{background:transparent;color:#eef4e9;border-color:#73918a}.button:is(:hover,:focus-visible){background:#fff;color:var(--deep);transform:translateY(-3px);box-shadow:0 0 0 3px #d7f78355}.button span,.text-link span{transition:transform .2s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:.85rem;font-weight:700;border-bottom:1px solid #9caaa0;padding-bottom:7px}.text-link:is(:hover,:focus-visible){color:var(--deep);border-color:var(--deep);background:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:12px}.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;color:#f5f7ec;background:#092f2bf5;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:5px;font-size:1.3rem;letter-spacing:-.06em;font-weight:700;white-space:nowrap}.brand-light{font-weight:350;color:#bfd0c2}.brand-symbol{position:relative;display:grid;place-items:center;background:var(--lime);color:var(--deep);width:32px;height:32px;border-radius:8px;font-size:1.8rem;margin-right:8px;line-height:1}.brand-symbol span{position:absolute;right:3px;top:2px;font-size:.8rem}nav{display:flex;align-items:center;gap:32px;font-size:.78rem;color:#c3d0c6}nav>a{position:relative}nav>a:not(.nav-contact):after{content:'';position:absolute;height:2px;background:var(--lime);bottom:-8px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}nav>a:is(:hover,:focus-visible){color:#fff}nav>a:is(:hover,:focus-visible):after{transform:scaleX(1)}.nav-contact{padding:10px 18px;border:1px solid #849b83;border-radius:5px;color:var(--lime)}.nav-contact:is(:hover,:focus-visible){background:var(--lime);color:var(--deep)}.menu-toggle{display:none;border:1px solid #849b83;background:transparent;color:white;border-radius:5px;padding:8px 12px}
/* Hero: an original workflow illustration, not a product screenshot. */
.hero{color:#f5f8ed;background:radial-gradient(ellipse at 85% 35%,#31665055,transparent 48%),var(--dark);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:65px;padding-block:90px 78px}.hero .eyebrow{color:#b5c8b6}.hero h1{font-size:clamp(3.5rem,6vw,5.3rem);font-weight:550;line-height:1.02;letter-spacing:-.065em;margin-bottom:28px;animation:text-in .8s both}.hero h1 em{font-style:normal;color:var(--lime);display:inline-block;animation:text-in 1s .12s both}.hero-description{max-width:490px;font-size:1rem;line-height:1.85;color:#b9ccc1;margin-bottom:30px}.hero-footnote{display:flex;gap:13px;align-items:center;font-size:.7rem;line-height:1.7;margin-top:34px;color:#a8bdb0}.hero-footnote strong{color:#dbe5d6;font-weight:450}.mini-symbol{font-size:2rem;color:var(--lime)}.hero-strip{border-top:1px solid #ffffff19;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px}.hero-strip>span{font-size:.58rem;letter-spacing:.12em;color:#abc1b3}.hero-strip>div{display:flex;gap:24px;font-size:.75rem;color:#dce6d7}.hero-strip i{font-style:normal;color:#88a087}.intelligence-visual{position:relative;border:1px solid #aec9a82e;border-radius:14px;background:radial-gradient(#a9c78a16 1px,transparent 1px),#0c3730;background-size:18px 18px;padding:24px;box-shadow:0 32px 70px #00171150;animation:text-in 1s .15s both}.visual-topline{display:flex;justify-content:space-between;gap:10px;font-size:.52rem;letter-spacing:.1em;color:#8fae9c;margin-bottom:34px}.visual-topline>span:first-child{color:#d7e7c7;display:flex;align-items:center;gap:9px}.signal-card{display:flex;align-items:center;gap:12px;border:1px solid #678c7355;border-radius:8px;background:#204638;padding:16px;width:85%;margin:auto}.signal-card small,.ai-core small,.output-card small{display:block;font-size:.5rem;letter-spacing:.1em;color:#bed1b5;margin-bottom:4px}.signal-card strong{display:block;font-size:.75rem;font-weight:500}.node-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#aac99415;color:var(--lime)}.node-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;margin-left:auto}.route-line{height:42px;width:1px;background:#87a77370;margin:auto;position:relative;overflow:hidden}.route-line span{position:absolute;background:var(--lime);width:1px;height:20px;animation:signal-flow 2.5s linear 2}.ai-core{position:relative;display:flex;align-items:center;gap:16px;background:#d7f783;color:var(--deep);padding:24px 20px;border-radius:10px;box-shadow:0 0 48px #c2ed6612}.ai-core small{color:#48612a}.ai-core strong{font-size:1.17rem;letter-spacing:-.025em;font-weight:600}.ai-core p{font-size:.65rem;color:#4f672e;margin:6px 0 0}.core-mark{font-size:2.6rem;line-height:1;animation:core-turn 12s ease-out 1}.ai-chip{font-size:.55rem;font-weight:700;padding:3px 7px;border:1px solid #60813960;border-radius:4px;margin-left:auto;align-self:flex-start}.route-split{height:42px;width:51%;border-top:1px solid #87a77370;border-left:1px solid #87a77370;border-right:1px solid #87a77370;margin:25px auto 0;position:relative}.route-split:before{content:'';position:absolute;height:25px;width:1px;background:#87a77370;left:50%;top:-26px}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.output-card{border:1px solid #678c7355;background:#143e33;border-radius:8px;padding:17px}.output-card>span{color:var(--lime);display:block;font-size:1.2rem;margin-bottom:9px}.output-card strong{display:block;font-size:.7rem;font-weight:500}.visual-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:28px;padding-top:15px;font-size:.56rem;color:#96b29f}.visual-bottom>span:last-child{color:var(--lime)}
/* Automation takes the lead. */
.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;margin-bottom:52px}.section-heading h2{margin:0}.section-heading>p{font-size:.9rem;max-width:430px;margin:0;line-height:1.8}.automation-section{background:#f5f6f0}.automation-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-index{font-size:3rem;color:#497050}.automation-intro h3{font-size:1.55rem;line-height:1.3;font-weight:550;margin:22px 0 18px}.automation-intro>p{font-size:.86rem;max-width:320px}.benefit-list{list-style:none;padding:0;margin:28px 0;font-size:.77rem}.benefit-list li{padding:12px 0;border-bottom:1px solid var(--line)}.benefit-list span{font-size:.58rem;margin-right:18px;color:#6c856d}.showcase{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 15px 45px #193f2e08;min-width:0}.showcase-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.showcase-top .eyebrow{font-size:.54rem;margin:0}.concept-tag{font-size:.57rem;padding:4px 8px;background:#f1f4e9;border-radius:4px;color:#596d51}.workflow-title{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.workflow-title p{font-size:.5rem;letter-spacing:.12em;margin-bottom:8px}.workflow-title h2{font-size:1.55rem;margin-bottom:6px}.workflow-title div>span{font-size:.72rem;color:#6f7f72}.workflow-icon{font-size:2rem;width:55px;height:55px;display:grid;place-items:center;background:#f0f5e5;color:#375f35;border-radius:12px}.workflow-steps{list-style:none;margin:0;padding:0;display:grid;gap:17px}.workflow-steps li{position:relative;display:flex;align-items:center;gap:15px;padding:17px;background:#f7f8f3;border:1px solid #e3e8dc;border-radius:8px}.workflow-steps li+li:before{content:'';position:absolute;width:1px;height:18px;background:#b6c7a4;top:-18px;left:33px}.step-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:white;border:1px solid #dbe4cf;border-radius:7px;color:#4d7137}.workflow-steps small{display:block;font-size:.5rem;letter-spacing:.08em;color:#6b7b61;margin-bottom:6px}.workflow-steps h3{font-size:.8rem;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.4}.workflow-steps .intelligence-step{background:#eff8dc;border-color:#c4da9b}.intelligence-step .step-icon{background:var(--lime)}.showcase-slide{animation:text-in .45s both}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.slide-dots{display:flex;gap:2px}.slide-dots button{min-width:32px;min-height:36px;padding:10px 6px;border:0;background:transparent}.slide-dots span{display:block;width:7px;height:7px;border-radius:6px;background:#b9c5b2;transition:width .2s}.slide-dots [aria-pressed=true] span{width:25px;background:var(--ink)}.slide-dots button:hover span{background:#244a0f}.rotation-button{border:1px solid #d9e1d1;background:transparent;padding:6px 12px;font-size:.65rem;border-radius:5px;color:var(--ink)}.rotation-button:is(:hover,:focus-visible){background:var(--ink);color:white}.workflow-note{font-size:.62rem;line-height:1.6;border-top:1px solid var(--line);padding-top:15px;margin:15px 0 0;color:#687862}
/* Product catalog */
.products-section{background:#eaf0e5;border-block:1px solid #dce5d4}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#f9fbf5;padding:27px;border:1px solid #d5dfcd;border-radius:10px;display:flex;flex-direction:column;scroll-margin-top:100px;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.product-icon{display:grid;place-items:center;width:43px;height:43px;background:#e9f0df;border:1px solid #d6e3c5;border-radius:9px;font-size:1.6rem}.status{font-size:.52rem;color:#647358;border:1px solid #dbe3cf;border-radius:20px;padding:4px 8px}.status.live{background:#e3edce;color:#3c5e25}.overline{font-size:.49rem;letter-spacing:.12em;margin-bottom:8px;color:#758069}.product-card h3{font-size:1.65rem;font-weight:600;margin-bottom:17px}.product-card h4{font-size:.84rem;letter-spacing:-.02em;line-height:1.4;font-weight:600;margin-bottom:10px}.product-card>p:not(.overline){font-size:.78rem;line-height:1.8;margin-bottom:24px}.product-links{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #dce4d4;padding-top:17px;font-size:.68rem;font-weight:650}.product-contact{display:flex;justify-content:space-between;gap:25px}.product-card:is(:hover,:focus-within){background:var(--dark);color:#fff;transform:translateY(-4px);box-shadow:0 18px 35px #14362320}.product-card:is(:hover,:focus-within) p{color:#becfbb}.product-card:is(:hover,:focus-within) .status{color:#dce9cd;border-color:#607956}.product-card:is(:hover,:focus-within) .status.live{color:#345220}.product-card:is(:hover,:focus-within) .product-icon{color:var(--deep);background:var(--lime);border-color:var(--lime)}.product-card:is(:hover,:focus-within) .product-links{color:var(--lime);border-color:#56704d}.product-links a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}.availability-note{font-size:.65rem;margin:23px 0 0;max-width:780px}
/* Approach, conversion, and a single compact footer. */
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principle-grid article{border-top:1px solid #bacab0;padding-top:24px}.principle-grid article>span{font-size:.55rem;letter-spacing:.1em;color:#69825b}.principle-grid h3{font-size:1.2rem;font-weight:550;margin:24px 0 16px}.principle-grid p{font-size:.81rem;line-height:1.85}.ecosystem-flow{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d5dfc9;border-radius:8px;padding:23px;margin-top:40px}.ecosystem-label{font-size:.53rem;letter-spacing:.12em;color:#657855}.ecosystem-flow p{font-size:.75rem;margin:0;color:#345033}.ecosystem-flow p span{padding:0 17px;color:#8da17c}.contact-section{background:radial-gradient(ellipse at 20% 100%,#39633155,transparent 60%),var(--dark);color:#f4f7eb}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:85px;align-items:center}.contact-section .eyebrow{color:#b4cd9c}.contact-section h2{font-size:clamp(2rem,3.8vw,3.3rem)}.contact-section h2 em{color:var(--lime)}.contact-section p{font-size:.88rem;color:#b7cbb4}.contact-prompt{border-top:1px solid #56754a;margin-top:30px;padding-top:22px;font-size:.67rem;color:#b9ccac}.contact-prompt span{color:var(--lime);font-size:1.3rem;margin-right:10px}.contact-card{padding:30px;border:1px solid #60804960;background:#25473070;border-radius:10px}.contact-icon{display:grid;place-items:center;width:40px;height:40px;background:#d7f78312;border:1px solid #81994f50;border-radius:8px;color:var(--lime);font-size:1.3rem;margin-bottom:22px}.contact-card h3{font-size:1.4rem;font-weight:550}.contact-email{display:block;font-size:.9rem;color:var(--lime);overflow-wrap:anywhere;margin:24px 0}.contact-email:hover{text-decoration:underline}.contact-card .button{display:flex;margin-top:12px}.contact-card small{display:block;font-size:.62rem;line-height:1.7;color:#a6bfa0;margin-top:17px}footer{background:var(--deep);color:#b0c2a6}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:28px;font-size:.6rem}.footer-bottom .brand{font-size:1rem;color:#edf3e4}.footer-bottom a:not(.brand):is(:hover,:focus-visible){background:var(--lime);color:var(--deep);box-shadow:0 0 0 4px var(--lime)}
/* Progressive enhancements never hide content when JavaScript is unavailable. */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.is-visible,.reveal:focus-within{opacity:1;transform:none}.section-heading.is-visible h2{animation:text-in .75s both}@keyframes text-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes signal-flow{from{transform:translateY(-20px)}to{transform:translateY(62px)}}@keyframes core-turn{from{transform:rotate(-100deg)}to{transform:rotate(0)}}
@media(min-width:1500px){.hero-grid{padding-block:110px 95px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero-grid{gap:35px}.hero h1{font-size:4.3rem}.section-heading{gap:45px}.automation-layout{gap:40px}.contact-grid{gap:45px}.product-card{padding:22px}.intelligence-visual{padding:20px}.ai-core{padding:20px 15px;gap:10px}.ai-core strong{font-size:1rem}.hero-strip>div{gap:15px}}
@media(max-width:860px){.header-inner{min-height:74px;flex-wrap:wrap;gap:0}.menu-toggle:not([hidden]){display:block}.site-header nav{width:100%;padding:20px 0;justify-content:space-between;gap:16px}.js-ready .site-header nav:not(.is-open){display:none}.hero-grid{grid-template-columns:1fr;padding-block:65px;gap:45px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.7rem,9vw,5rem)}.hero-description{max-width:550px}.intelligence-visual{width:100%;max-width:560px;margin:auto;padding:28px}.hero-strip{flex-wrap:wrap;gap:12px}.section{padding:75px 0}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.section-heading>p{max-width:590px}.automation-layout{grid-template-columns:1fr;gap:35px}.automation-intro>p{max-width:500px}.benefit-list{display:flex;gap:25px;flex-wrap:wrap}.benefit-list li{flex:1;min-width:150px}.product-grid{grid-template-columns:repeat(2,1fr)}.principle-grid{gap:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-card{max-width:560px}.ecosystem-flow{align-items:flex-start;flex-direction:column;gap:15px}.ecosystem-flow p span{padding:0 8px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.hero-grid{padding-block:48px}.hero h1{font-size:clamp(3rem,12vw,4rem)}.hero .eyebrow{font-size:.54rem;letter-spacing:.1em}.hero-description{font-size:.9rem}.button{padding:13px 16px;gap:15px;font-size:.74rem}.hero-strip>div{gap:10px;font-size:.62rem;flex-wrap:wrap}.intelligence-visual{padding:18px}.visual-topline{font-size:.43rem}.signal-card{width:92%;padding:13px}.ai-core{padding:18px 12px}.core-mark{font-size:2rem}.ai-core strong{font-size:.9rem}.ai-core small{font-size:.45rem}.ai-core p{font-size:.57rem}.output-card{padding:13px}.output-card strong{font-size:.6rem}.output-card small{font-size:.44rem}.visual-bottom{font-size:.5rem}.section{padding:60px 0}h2{font-size:2.1rem}.showcase{padding:19px}.workflow-steps li{padding:14px 11px;gap:11px}.workflow-steps h3{font-size:.72rem}.workflow-steps small{font-size:.44rem}.workflow-steps li+li:before{left:27px}.benefit-list{display:block}.product-grid,.principle-grid{grid-template-columns:1fr}.product-card{padding:26px}.product-card>p:not(.overline){font-size:.85rem}.principle-grid{gap:20px}.ecosystem-flow p{font-size:.7rem;line-height:2.5}.ecosystem-flow p span{padding:0 5px}.contact-card{padding:25px}.footer-bottom{gap:17px}.footer-bottom .brand{width:100%}nav{font-size:.7rem}.nav-contact{padding:8px 10px}.contact-email{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.button:is(:hover,:focus-visible),.product-card:is(:hover,:focus-within){transform:none}}
@media print{.reveal{opacity:1;transform:none}.site-header{position:static}.hero,.contact-section,footer{background:white;color:black}.hero p,.contact-section p{color:#333}.hero h1 em,.contact-section h2 em{color:#345033}}
/* Named workflow selectors make the automation examples easy to discover. */
.carousel-controls{align-items:flex-start;gap:16px}.slide-dots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1}.slide-dots button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px;border:1px solid #d9e1d1;border-radius:5px;font-size:.65rem;color:var(--ink);transition:background .2s,color .2s}.slide-dots span{width:4px;height:4px;flex-shrink:0}.slide-dots [aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.slide-dots [aria-pressed=true] span{width:4px;background:var(--lime)}.slide-dots button:is(:hover,:focus-visible){background:var(--lime);color:var(--deep)}.rotation-button{min-height:40px}.status,.overline,.workflow-steps small,.showcase-top .eyebrow,.concept-tag,.workflow-title p{font-size:.625rem}.workflow-title p{letter-spacing:.08em}.product-card:is(:hover,:focus-within) .status.live{color:#345220}.workflow-note{font-size:.7rem}
@media(max-width:560px){.carousel-controls{gap:10px}.slide-dots button{font-size:.6rem;padding:7px 5px}.rotation-button{padding:6px 8px}.showcase-top .eyebrow{font-size:.55rem}.concept-tag{font-size:.55rem}.workflow-steps small{font-size:.55rem}.status{font-size:.6rem}}