.route-solutions{ --solution-ink:#17110f; --solution-paper:#f5f4f0; --solution-warm:#eee4dc; --solution-line:rgba(63,35,30,.14); --solution-red:#e8391f; --solution-red-bright:#ff745f; --solution-muted:#6d605b; } .route-solutions .solutions-navigator-aside{ width:100%; overflow:hidden; border:1px solid rgba(61,34,29,.16); border-radius:28px; background:#fffaf6; color:var(--solution-ink); box-shadow:0 30px 68px rgba(66,29,24,.15); } .route-solutions .solutions-navigator-aside>header{ min-height:58px; padding:0 18px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; background:var(--solution-ink); } .route-solutions .solutions-navigator-aside>header img{width:62px;height:auto;display:block} .route-solutions .solutions-navigator-aside>header span{color:#a69a95;font:700 7px/1 var(--font-geist-mono);letter-spacing:.1em} .route-solutions .solutions-navigator-aside>header>b{display:flex;align-items:center;gap:7px;color:#ff725c;font:700 7px/1 var(--font-geist-mono);letter-spacing:.08em} .route-solutions .solutions-navigator-aside>header i{width:6px;height:6px;border-radius:50%;background:var(--solution-red);box-shadow:0 0 0 4px rgba(232,57,31,.12)} .route-solutions .solutions-navigator-aside>section{padding:21px 20px 17px} .route-solutions .solutions-navigator-title{display:flex;flex-direction:column;gap:6px} .route-solutions .solutions-navigator-title small{color:#9d392e;font:700 7px/1 var(--font-geist-mono);letter-spacing:.09em} .route-solutions .solutions-navigator-title strong{font-size:25px;line-height:1;letter-spacing:-.045em} .route-solutions .solutions-navigator-title p{margin:0;color:#81736d;font-size:9px;line-height:1.4} .route-solutions .solutions-navigator-aside nav{margin-top:18px;display:grid;gap:7px} .route-solutions .solutions-navigator-aside nav a{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--solution-line);border-radius:12px;background:#fff;transition:border-color .16s ease,background .16s ease,transform .16s ease} .route-solutions .solutions-navigator-aside nav a:hover{transform:translateX(3px);border-color:rgba(232,57,31,.33);background:#fff2ee} .route-solutions .solutions-navigator-aside nav a>b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eee4dd;color:#796a64;font:700 7px/1 var(--font-geist-mono)} .route-solutions .solutions-navigator-aside nav a>div{min-width:0;display:grid;gap:5px} .route-solutions .solutions-navigator-aside nav a span{color:#9a4034;font:700 7px/1 var(--font-geist-mono);letter-spacing:.06em} .route-solutions .solutions-navigator-aside nav a strong{overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap} .route-solutions .solutions-navigator-aside nav a em{color:var(--solution-red);font-size:13px;font-style:normal} .route-solutions .solutions-navigator-aside footer{min-height:39px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--solution-line);color:#766963;font-size:7px} .route-solutions .solutions-navigator-aside footer span{display:flex;align-items:center;gap:7px;font:700 7px/1 var(--font-geist-mono);letter-spacing:.06em} .route-solutions .solutions-navigator-aside footer i{width:6px;height:6px;border-radius:50%;background:#5a9963} .route-solutions .solutions-navigator-aside footer b{font-size:8px} .route-solutions .solution-path-grid{margin-top:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .route-solutions .solution-path-grid>a{min-height:318px;padding:25px 23px 22px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--solution-line);border-radius:23px;background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,255,255,.34));color:var(--solution-ink);box-shadow:0 18px 40px rgba(66,35,29,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .route-solutions .solution-path-grid>a:first-child{background:radial-gradient(circle at 88% 10%,rgba(232,57,31,.19),transparent 34%),linear-gradient(150deg,#2b1916,#17110f);color:#f8f1ed} .route-solutions .solution-path-grid>a:before{content:"";height:3px;position:absolute;inset:0 42% auto 0;background:var(--solution-red)} .route-solutions .solution-path-grid>a:hover{transform:translateY(-5px);border-color:rgba(168,53,38,.34);box-shadow:0 25px 50px rgba(66,35,29,.1)} .route-solutions .solution-path-grid span{color:#95392d;font:700 10px/1 var(--font-geist-mono);letter-spacing:.08em} .route-solutions .solution-path-grid>a:first-child span{color:#ff755f} .route-solutions .solution-path-grid svg{width:54px;height:54px;margin-top:34px;padding:13px;border:1px solid rgba(232,57,31,.2);border-radius:16px;background:rgba(255,255,255,.6);color:#d93622;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .route-solutions .solution-path-grid>a:first-child svg{border-color:rgba(255,117,95,.3);background:rgba(255,255,255,.05);color:#ff745f} .route-solutions .solution-path-grid h3{margin:26px 0 0;font-size:24px;line-height:1.05;letter-spacing:-.045em} .route-solutions .solution-path-grid p{margin:13px 0 0;color:var(--solution-muted);font-size:14px;line-height:1.56} .route-solutions .solution-path-grid>a:first-child p{color:#b9aaa5} .route-solutions .solution-path-grid b{margin-top:auto;padding-top:23px;color:#9a3022;font-size:12px} .route-solutions .solution-path-grid>a:first-child b{color:#ff745f} .route-solutions .solutions-program-section{background:radial-gradient(circle at 84% 9%,rgba(232,57,31,.19),transparent 28%),linear-gradient(150deg,#1e1010,#120c0b 70%)} .route-solutions .solution-story-grid{margin-top:64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} .route-solutions .solution-story-grid>article{min-height:510px;padding:29px;scroll-margin-top:96px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.014));color:#f7f1ed} .route-solutions .solution-story-grid>article:nth-child(2),.route-solutions .solution-story-grid>article:nth-child(3){background:radial-gradient(circle at 92% 8%,rgba(232,57,31,.13),transparent 36%),linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012))} .route-solutions .solution-story-grid header{display:flex;align-items:center;justify-content:space-between;gap:20px} .route-solutions .solution-story-grid header span{color:#ff745f;font:700 10px/1 var(--font-geist-mono);letter-spacing:.08em} .route-solutions .solution-story-grid header b{padding:8px 9px;border:1px solid rgba(255,116,95,.22);border-radius:99px;color:#cdbfba;font:700 8px/1 var(--font-geist-mono);letter-spacing:.06em} .route-solutions .solution-story-grid h3{max-width:520px;margin:34px 0 0;font-size:clamp(31px,3.3vw,47px);line-height:.98;letter-spacing:-.055em} .route-solutions .solution-story-grid>article>p{max-width:570px;margin:17px 0 0;color:#b8aaa5;font-size:15px;line-height:1.6} .route-solutions .solution-shift{margin-top:29px;padding:17px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px 16px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.18)} .route-solutions .solution-shift small:first-of-type{grid-column:1;grid-row:1} .route-solutions .solution-shift strong:first-of-type{grid-column:1;grid-row:2} .route-solutions .solution-shift i{grid-column:2;grid-row:1/3;color:#ff644d;font-size:17px;font-style:normal} .route-solutions .solution-shift small:last-of-type{grid-column:3;grid-row:1} .route-solutions .solution-shift strong:last-of-type{grid-column:3;grid-row:2} .route-solutions .solution-shift small{color:#8f817c;font:700 8px/1 var(--font-geist-mono);letter-spacing:.07em} .route-solutions .solution-shift strong{font-size:12px;line-height:1.35} .route-solutions .solution-shift strong:last-of-type{color:#ff806d} .route-solutions .solution-story-grid ul{list-style:none;margin:auto 0 0;padding:25px 0 0} .route-solutions .solution-story-grid li{padding:11px 0 11px 22px;position:relative;border-top:1px solid rgba(255,255,255,.085);color:#c6b9b4;font-size:13px;line-height:1.4} .route-solutions .solution-story-grid li:before{content:"✓";position:absolute;left:0;color:#ff745f;font-weight:800} .route-solutions .solutions-proof-flow{padding:clamp(32px,4vw,55px);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(42px,6vw,86px);border:1px solid var(--solution-line);border-radius:28px;background:radial-gradient(circle at 95% 10%,rgba(232,57,31,.1),transparent 31%),#fffaf6;box-shadow:0 26px 60px rgba(67,36,30,.08)} .route-solutions .solutions-proof-flow>div>span{color:#943a2e;font:700 10px/1 var(--font-geist-mono);letter-spacing:.09em} .route-solutions .solutions-proof-flow h2{margin:23px 0 0;font-size:clamp(40px,4.6vw,64px);line-height:.94;letter-spacing:-.06em} .route-solutions .solutions-proof-flow h2 em{color:var(--solution-red);font-style:normal} .route-solutions .solutions-proof-flow>div>p{margin:20px 0 0;color:var(--solution-muted);font-size:15px;line-height:1.6} .route-solutions .solutions-proof-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--solution-line);border-radius:19px;overflow:hidden;background:#fff} .route-solutions .solutions-proof-flow li{min-height:198px;padding:20px;display:flex;flex-direction:column;border-right:1px solid var(--solution-line)} .route-solutions .solutions-proof-flow li:last-child{border-right:0} .route-solutions .solutions-proof-flow li b{color:#a53a2c;font:700 9px/1 var(--font-geist-mono)} .route-solutions .solutions-proof-flow li strong{margin-top:52px;font-size:16px;line-height:1.2;letter-spacing:-.025em} .route-solutions .solutions-proof-flow li small{margin-top:10px;color:#776a64;font-size:11px;line-height:1.45} @media(max-width:1100px){ .route-solutions .solution-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .route-solutions .solutions-proof-flow{grid-template-columns:1fr} } @media(max-width:700px){ .route-solutions .page-hero h1{font-size:clamp(44px,13.4vw,59px)!important} .route-solutions .solutions-navigator-aside{border-radius:22px} .route-solutions .solutions-navigator-aside>header{min-height:52px;padding-inline:14px} .route-solutions .solutions-navigator-aside>section{padding:17px 14px 14px} .route-solutions .solutions-navigator-title strong{font-size:21px} .route-solutions .solutions-navigator-aside nav a{min-height:61px;padding:9px} .route-solutions .solution-path-grid{margin-top:44px;grid-template-columns:1fr;gap:10px} .route-solutions .solution-path-grid>a{min-height:278px;padding:23px 21px;border-radius:20px} .route-solutions .solution-path-grid svg{width:50px;height:50px;margin-top:28px} .route-solutions .solution-path-grid h3{margin-top:23px;font-size:25px} .route-solutions .solution-story-grid{margin-top:44px;grid-template-columns:1fr;gap:10px} .route-solutions .solution-story-grid>article{min-height:0;padding:24px 20px;border-radius:21px} .route-solutions .solution-story-grid h3{margin-top:29px;font-size:33px} .route-solutions .solution-story-grid>article>p{font-size:15px} .route-solutions .solution-story-grid ul{margin-top:28px;padding-top:0} .route-solutions .solutions-proof-flow{padding:26px 20px;border-radius:22px;gap:34px} .route-solutions .solutions-proof-flow ol{grid-template-columns:1fr} .route-solutions .solutions-proof-flow li{min-height:132px;border-right:0;border-bottom:1px solid var(--solution-line)} .route-solutions .solutions-proof-flow li:last-child{border-bottom:0} .route-solutions .solutions-proof-flow li strong{margin-top:28px} } @media(max-width:430px){ .route-solutions .solution-shift{grid-template-columns:1fr;gap:6px} .route-solutions .solution-shift small:first-of-type{grid-column:1;grid-row:1} .route-solutions .solution-shift strong:first-of-type{grid-column:1;grid-row:2} .route-solutions .solution-shift i{grid-column:1;grid-row:3;transform:rotate(90deg);justify-self:start;margin:4px 0} .route-solutions .solution-shift small:last-of-type{grid-column:1;grid-row:4} .route-solutions .solution-shift strong:last-of-type{grid-column:1;grid-row:5} } @media(prefers-reduced-motion:reduce){ .route-solutions .solutions-navigator-aside nav a,.route-solutions .solution-path-grid>a{transition:none} }