.page-ai-suite{
 overflow-x:hidden;
}

.ai-suite-page{
 width:min(100% - 28px,1450px);
 margin:0 auto;
 padding:28px 0 78px;
 display:grid;
 gap:18px;
 color:#fff;
}

.ai-suite-hero{
 display:grid;
 grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
 gap:16px;
 align-items:stretch;
}

.ai-suite-panel,
.ai-suite-tools,
.ai-suite-library{
 border:1px solid rgba(255,255,255,.09);
 border-radius:8px;
 background:
  linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),
  linear-gradient(180deg,#080808,#030303);
 box-shadow:0 18px 38px rgba(0,0,0,.34);
}

.ai-suite-panel{
 padding:18px;
}

.ai-suite-intro{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 gap:18px;
 min-height:420px;
 background:
  radial-gradient(circle at 88% 8%,rgba(255,38,38,.18),transparent 28%),
  linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
  #050505;
}

.ai-suite-kicker{
 display:inline-flex;
 width:fit-content;
 min-height:28px;
 align-items:center;
 padding:0 10px;
 border-radius:999px;
 border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.04);
 color:#ffb0b0;
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 line-height:1;
 letter-spacing:.12em;
 text-transform:uppercase;
}

.ai-suite-intro h1,
.ai-suite-router h2,
.ai-suite-section-head h2,
.ai-suite-library h3,
.ai-suite-tool-card strong{
 margin:0;
 color:#fff;
 text-transform:uppercase;
 letter-spacing:.04em;
}

.ai-suite-intro h1{
 max-width:740px;
 margin-top:14px;
 font-size:clamp(34px,4vw,62px);
 line-height:.98;
}

.ai-suite-intro p,
.ai-suite-section-head p,
.ai-suite-tool-copy,
.ai-suite-link-list span,
.ai-suite-result,
.ai-suite-status{
 font-family:Arial,Helvetica,sans-serif;
}

.ai-suite-intro p{
 max-width:760px;
 margin:14px 0 0;
 color:rgba(255,255,255,.76);
 font-size:15px;
 line-height:1.68;
}

.ai-suite-hero-actions,
.ai-suite-router-actions,
.ai-suite-router-footer{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 align-items:center;
}

.ai-suite-btn{
 min-height:42px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 14px;
 border-radius:8px;
 border:1px solid rgba(255,255,255,.14);
 background:rgba(255,255,255,.05);
 color:#fff;
 font-family:'Fjalla One',Arial,sans-serif;
 font-size:12px;
 letter-spacing:.08em;
 text-transform:uppercase;
 text-decoration:none;
 cursor:pointer;
}

.ai-suite-btn.primary{
 background:linear-gradient(180deg,#ff2c2c,#8d0707);
 border-color:rgba(255,0,0,.38);
}

.ai-suite-btn.small{
 min-height:34px;
 padding:0 10px;
 border-radius:8px;
 font-size:11px;
}

.ai-suite-router{
 display:grid;
 gap:14px;
}

.ai-suite-router-head,
.ai-suite-section-head{
 display:flex;
 justify-content:space-between;
 gap:14px;
 align-items:flex-start;
 flex-wrap:wrap;
}

.ai-suite-router h2,
.ai-suite-section-head h2{
 margin-top:10px;
 font-size:clamp(22px,2.4vw,34px);
 line-height:1;
}

.ai-suite-quick-form{
 display:grid;
 gap:12px;
}

.ai-suite-router-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
}

.ai-suite-field{
 display:grid;
 gap:6px;
}

.ai-suite-field.wide{
 grid-column:span 2;
}

.ai-suite-field label{
 color:rgba(255,255,255,.72);
 font-size:11px;
 letter-spacing:.09em;
 text-transform:uppercase;
}

.ai-suite-field input,
.ai-suite-field select,
.ai-suite-field textarea{
 width:100%;
 min-height:40px;
 box-sizing:border-box;
 border:1px solid rgba(255,255,255,.14);
 border-radius:8px;
 background:#000;
 color:#fff;
 padding:9px 10px;
 font:13px Arial,Helvetica,sans-serif;
 outline:none;
}

.ai-suite-field textarea{
 min-height:74px;
 resize:vertical;
 line-height:1.45;
}

.ai-suite-field input:focus,
.ai-suite-field select:focus,
.ai-suite-field textarea:focus{
 border-color:rgba(91,196,255,.45);
 box-shadow:0 0 0 3px rgba(91,196,255,.12);
}

.ai-suite-status{
 min-height:20px;
 color:#b9ecff;
 font-size:13px;
 line-height:1.45;
}

.ai-suite-tools,
.ai-suite-library{
 display:grid;
 gap:16px;
 padding:18px;
}

.ai-suite-section-head p{
 max-width:560px;
 margin:0;
 color:rgba(255,255,255,.74);
 font-size:14px;
 line-height:1.55;
}

.ai-suite-tool-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
}

.ai-suite-tool-card{
 min-height:310px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 gap:12px;
 padding:14px;
 border:1px solid rgba(255,255,255,.09);
 border-radius:8px;
 background:linear-gradient(180deg,rgba(12,12,12,.98),rgba(2,2,2,.99));
 color:#fff;
 text-decoration:none;
 position:relative;
 overflow:hidden;
 isolation:isolate;
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.ai-suite-tool-card:before{
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 background:radial-gradient(circle at 82% 12%,rgba(255,54,54,.12),transparent 34%);
 opacity:0;
 transition:opacity .18s ease;
}

.ai-suite-tool-card:hover,
.ai-suite-tool-card:focus-visible{
 transform:translateY(-3px);
 border-color:rgba(255,0,0,.34);
 box-shadow:0 14px 30px rgba(0,0,0,.34);
}

.ai-suite-tool-card:hover:before,
.ai-suite-tool-card:focus-visible:before{
 opacity:1;
}

.ai-suite-tool-card.is-dyno-card{
 min-height:360px;
 border-color:rgba(91,196,255,.22);
 background:
  linear-gradient(115deg,rgba(0,0,0,.90),rgba(2,10,12,.76) 58%,rgba(80,0,0,.36)),
  linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
  url("../Product Category Pictures/ForceAirInduction.webp") center/cover no-repeat;
 box-shadow:0 22px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

.ai-suite-tool-card.is-dyno-card:before{
 opacity:1;
 background:
  linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28)),
  radial-gradient(circle at 88% 12%,rgba(91,196,255,.24),transparent 28%),
  radial-gradient(circle at 8% 94%,rgba(255,40,40,.18),transparent 32%);
}

.ai-suite-tool-card.is-roadmap-card{
 min-height:360px;
 border-color:rgba(86,255,154,.2);
 background:
  linear-gradient(118deg,rgba(0,0,0,.92),rgba(7,18,13,.76) 58%,rgba(70,0,0,.32)),
  linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
  url("../Product Category Pictures/EngineParts.webp") center/cover no-repeat;
 box-shadow:0 22px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

.ai-suite-tool-card.is-roadmap-card:before{
 opacity:1;
 background:
  linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.38)),
  radial-gradient(circle at 86% 14%,rgba(86,255,154,.18),transparent 28%),
  radial-gradient(circle at 12% 88%,rgba(255,48,48,.18),transparent 34%);
}

.ai-suite-tool-card.is-turbo-card{
 min-height:360px;
 border-color:rgba(91,196,255,.22);
 background:
  linear-gradient(118deg,rgba(0,0,0,.92),rgba(5,15,22,.77) 58%,rgba(78,0,0,.28)),
  linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
  url("../Product Category Pictures/turbocharger-systems.webp") center/cover no-repeat;
 box-shadow:0 22px 50px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

.ai-suite-tool-card.is-turbo-card:before{
 opacity:1;
 background:
  linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.34)),
  radial-gradient(circle at 88% 16%,rgba(91,196,255,.2),transparent 30%),
  radial-gradient(circle at 12% 88%,rgba(255,48,48,.16),transparent 34%);
}

.ai-suite-chip-row,
.ai-suite-pill-row{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
}

.ai-suite-chip,
.ai-suite-pill-row span{
 display:inline-flex;
 min-height:24px;
 align-items:center;
 padding:0 8px;
 border-radius:999px;
 border:1px solid rgba(129,216,255,.28);
 background:rgba(15,86,120,.18);
 color:#b9ecff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:10px;
 line-height:1;
 letter-spacing:.07em;
 text-transform:uppercase;
}

.ai-suite-chip.status{
 border-color:rgba(86,255,154,.24);
 background:rgba(20,120,66,.14);
 color:#c7ffd8;
}

.ai-suite-chip.status[data-status="Beta"]{
 border-color:rgba(255,190,83,.28);
 background:rgba(143,86,16,.18);
 color:#ffe0ad;
}

.ai-suite-chip.muted,
.ai-suite-pill-row span{
 border-color:rgba(255,255,255,.12);
 background:rgba(255,255,255,.04);
 color:rgba(255,255,255,.74);
}

.ai-suite-tool-card strong{
 display:block;
 font-size:20px;
 line-height:1.12;
}

.ai-suite-tool-copy{
 color:rgba(255,255,255,.74);
 font-size:13px;
 line-height:1.5;
}

.ai-suite-tool-detail{
 display:grid;
 gap:9px;
}

.ai-suite-tool-detail em{
 display:block;
 margin-bottom:6px;
 color:rgba(255,255,255,.50);
 font-family:Arial,Helvetica,sans-serif;
 font-size:10px;
 font-style:normal;
 letter-spacing:.09em;
 text-transform:uppercase;
}

.ai-suite-result{
 padding:10px;
 border-radius:8px;
 border:1px solid rgba(86,255,154,.22);
 background:rgba(20,120,66,.12);
 color:#c7ffd8;
 font-size:12px;
 line-height:1.45;
}

.ai-suite-card-cta{
 width:fit-content;
 min-height:34px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:0 11px;
 border-radius:8px;
 border:1px solid rgba(255,255,255,.14);
 background:rgba(255,255,255,.05);
 color:#fff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 letter-spacing:.08em;
 text-transform:uppercase;
}

.ai-suite-tool-card.is-dyno-card .ai-suite-card-cta{
 border-color:rgba(255,42,42,.78);
 background:linear-gradient(180deg,#ff2c2c,#970606);
 box-shadow:0 12px 26px rgba(180,0,0,.28);
}

.ai-suite-tool-card.is-roadmap-card .ai-suite-card-cta{
 border-color:rgba(86,255,154,.42);
 background:linear-gradient(180deg,#19b86b,#075a36);
 box-shadow:0 12px 26px rgba(20,140,82,.24);
}

.ai-suite-tool-card.is-turbo-card .ai-suite-card-cta{
 border-color:rgba(91,196,255,.48);
 background:linear-gradient(180deg,#168ad8,#064b83);
 box-shadow:0 12px 26px rgba(18,104,180,.24);
}

.ai-suite-dyno-preview{
 display:grid;
 grid-template-columns:1.1fr repeat(3,minmax(0,.75fr));
 gap:8px;
 align-items:stretch;
 padding:10px;
 border:1px solid rgba(91,196,255,.24);
 border-radius:8px;
 background:linear-gradient(135deg,rgba(91,196,255,.12),rgba(86,255,154,.07)),rgba(0,0,0,.52);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.ai-suite-dyno-curve{
 min-height:70px;
 display:grid;
 grid-template-columns:repeat(6,1fr);
 gap:5px;
 align-items:end;
 padding:8px;
 border-radius:8px;
 background:
  linear-gradient(180deg,rgba(255,255,255,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
  rgba(0,0,0,.32);
 background-size:100% 24px,26px 100%,100% 100%;
}

.ai-suite-dyno-curve i{
 display:block;
 border-radius:6px 6px 2px 2px;
 background:linear-gradient(180deg,#72ffb0,#12a86a);
 box-shadow:0 0 14px rgba(86,255,154,.28);
}

.ai-suite-dyno-curve i:nth-child(1){height:32%}
.ai-suite-dyno-curve i:nth-child(2){height:48%}
.ai-suite-dyno-curve i:nth-child(3){height:66%}
.ai-suite-dyno-curve i:nth-child(4){height:86%;background:linear-gradient(180deg,#bdfdff,#48c8ff)}
.ai-suite-dyno-curve i:nth-child(5){height:74%;background:linear-gradient(180deg,#ffd36c,#ff4c4c)}
.ai-suite-dyno-curve i:nth-child(6){height:58%;background:linear-gradient(180deg,#ff8a8a,#d10b0b)}

.ai-suite-dyno-stat{
 display:grid;
 place-content:center;
 gap:6px;
 min-height:70px;
 border:1px solid rgba(255,255,255,.08);
 border-radius:8px;
 background:rgba(0,0,0,.34);
 text-align:center;
}

.ai-suite-dyno-stat em{
 color:rgba(255,255,255,.56);
 font-family:Arial,Helvetica,sans-serif;
 font-size:9px;
 font-style:normal;
 letter-spacing:.1em;
 text-transform:uppercase;
}

.ai-suite-dyno-stat b{
 color:#fff;
 font-size:15px;
 line-height:1;
 letter-spacing:0;
}

.ai-suite-roadmap-preview{
 display:grid;
 grid-template-columns:1.2fr repeat(3,minmax(0,.7fr));
 gap:8px;
 align-items:stretch;
 padding:10px;
 border:1px solid rgba(86,255,154,.22);
 border-radius:8px;
 background:linear-gradient(135deg,rgba(86,255,154,.11),rgba(255,210,88,.07)),rgba(0,0,0,.52);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.ai-suite-roadmap-graph{
 min-height:76px;
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:6px;
 align-items:end;
 padding:9px;
 border-radius:8px;
 background:
  linear-gradient(180deg,rgba(255,255,255,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
  rgba(0,0,0,.32);
 background-size:100% 25px,28px 100%,100% 100%;
}

.ai-suite-roadmap-graph i{
 display:block;
 border-radius:6px 6px 2px 2px;
 background:linear-gradient(180deg,#d8ff9d,#3ad279);
 box-shadow:0 0 14px rgba(86,255,154,.24);
}

.ai-suite-roadmap-graph i:nth-child(4){
 background:linear-gradient(180deg,#ffe28c,#ff9842);
}

.ai-suite-roadmap-graph i:nth-child(5){
 background:linear-gradient(180deg,#ff7c7c,#d20c0c);
}

.ai-suite-roadmap-stage{
 display:grid;
 place-content:center;
 gap:6px;
 min-height:76px;
 border:1px solid rgba(255,255,255,.08);
 border-radius:8px;
 background:rgba(0,0,0,.34);
 text-align:center;
}

.ai-suite-roadmap-stage em{
 color:rgba(255,255,255,.56);
 font-family:Arial,Helvetica,sans-serif;
 font-size:9px;
 font-style:normal;
 letter-spacing:.1em;
 text-transform:uppercase;
}

.ai-suite-roadmap-stage b{
 color:#fff;
 font-size:15px;
 line-height:1;
 letter-spacing:0;
}

.ai-suite-turbo-preview{
 display:grid;
 grid-template-columns:1.2fr repeat(3,minmax(0,.72fr));
 gap:8px;
 align-items:stretch;
 padding:10px;
 border:1px solid rgba(91,196,255,.24);
 border-radius:8px;
 background:linear-gradient(135deg,rgba(91,196,255,.12),rgba(255,210,88,.06)),rgba(0,0,0,.52);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.ai-suite-turbo-map{
 position:relative;
 min-height:76px;
 border-radius:8px;
 overflow:hidden;
 background:
  linear-gradient(180deg,rgba(255,255,255,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
  rgba(0,0,0,.32);
 background-size:100% 25px,28px 100%,100% 100%;
}

.ai-suite-turbo-map i{
 position:absolute;
 display:block;
 border-radius:50%;
 border:1px solid currentColor;
 opacity:.72;
}

.ai-suite-turbo-map i:nth-child(1){inset:22% 34% 18% 12%;color:#52ffa1;background:rgba(82,255,161,.12)}
.ai-suite-turbo-map i:nth-child(2){inset:14% 20% 10% 22%;color:#ffd36c;background:rgba(255,211,108,.1)}
.ai-suite-turbo-map i:nth-child(3){inset:9% 8% 5% 36%;color:#ff4c4c;background:rgba(255,76,76,.08)}
.ai-suite-turbo-map b{
 position:absolute;
 right:24%;
 top:38%;
 width:12px;
 height:12px;
 border-radius:50%;
 background:#ff4c4c;
 box-shadow:0 0 0 3px rgba(255,76,76,.18),0 0 16px rgba(255,76,76,.46);
}

.ai-suite-turbo-stat{
 display:grid;
 place-content:center;
 gap:6px;
 min-height:76px;
 border:1px solid rgba(255,255,255,.08);
 border-radius:8px;
 background:rgba(0,0,0,.34);
 text-align:center;
}

.ai-suite-turbo-stat em{
 color:rgba(255,255,255,.56);
 font-family:Arial,Helvetica,sans-serif;
 font-size:9px;
 font-style:normal;
 letter-spacing:.1em;
 text-transform:uppercase;
}

.ai-suite-turbo-stat b{
 color:#fff;
 font-size:15px;
 line-height:1;
 letter-spacing:0;
}

.ai-suite-library-grid{
 display:grid;
 grid-template-columns:1.25fr .75fr;
 gap:12px;
}

.ai-suite-library h3{
 font-size:18px;
 line-height:1.1;
}

.ai-suite-link-list{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;
 margin-top:14px;
}

.ai-suite-link-list a,
.ai-suite-calc-grid a{
 display:grid;
 gap:5px;
 min-height:78px;
 padding:12px;
 border-radius:12px;
 border:1px solid rgba(255,255,255,.09);
 background:rgba(255,255,255,.035);
 color:#fff;
 text-decoration:none;
}

.ai-suite-link-list strong{
 text-transform:uppercase;
 letter-spacing:.05em;
}

.ai-suite-link-list span{
 color:rgba(255,255,255,.72);
 font-size:12px;
 line-height:1.45;
}

.ai-suite-calc-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;
 margin-top:14px;
}

.ai-suite-calc-grid a{
 min-height:56px;
 place-items:center;
 text-align:center;
 text-transform:uppercase;
 letter-spacing:.06em;
 font-size:13px;
}

@media (max-width:1180px){
 .ai-suite-hero,
 .ai-suite-library-grid{
  grid-template-columns:1fr;
 }

 .ai-suite-intro{
  min-height:0;
 }

 .ai-suite-tool-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

@media (max-width:760px){
 .ai-suite-page{
  width:min(100% - 16px,1450px);
  padding:20px 0 64px;
 }

 .ai-suite-panel,
 .ai-suite-tools,
 .ai-suite-library{
  border-radius:8px;
  padding:14px;
 }

 .ai-suite-intro h1{
  font-size:32px;
 }

 .ai-suite-router-grid,
 .ai-suite-tool-grid,
 .ai-suite-link-list,
 .ai-suite-calc-grid{
  grid-template-columns:1fr;
 }

 .ai-suite-field.wide{
  grid-column:span 1;
 }

 .ai-suite-btn{
  width:100%;
 }

 .ai-suite-tool-card{
  min-height:0;
 }

 .ai-suite-dyno-preview{
  grid-template-columns:1fr;
 }

 .ai-suite-roadmap-preview{
  grid-template-columns:1fr;
 }

 .ai-suite-turbo-preview{
  grid-template-columns:1fr;
 }
}