
/* FUMA Setup BETA 0.4.6 — landing page */
.home045{background:#08090d;color:#f6f2f6}
.home045 .wrap{width:min(1540px,94vw);margin:auto}
.home045 .nav{min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:0 2.7vw}
.home045 .brand-row{display:flex;align-items:center;gap:14px;white-space:nowrap}
.home045 .header-version{border:1px solid #8a3868;border-radius:5px;padding:5px 8px;color:#ff88cc;background:#24121f;font-size:10px;font-weight:900;letter-spacing:.08em}
.home045 nav{display:flex;justify-content:center;align-items:center;gap:19px;min-width:0;flex-wrap:nowrap}
.home045 nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#d4cfd7;font-size:12.5px;font-weight:700}
.home045 nav a:hover{color:#fff;text-decoration:none}
.home045 .nav-tool svg{width:18px;height:18px;stroke:#ff5ab2;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home045 .nav-right{display:flex;align-items:center;gap:10px;white-space:nowrap}
.home045 .lang-btn,.home045 .account{min-height:40px}

.home045 .hero-shell{width:100%;border-bottom:1px solid #25222c;background:#08090d}
.home045 .hero{width:100%;min-height:540px;border-radius:0;position:relative;overflow:hidden;background:#0e0f13}
.home045 .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:0}
.home045 .hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,7,11,.97) 0%,rgba(6,7,11,.88) 36%,rgba(6,7,11,.22) 70%,rgba(6,7,11,.03) 100%)}
.home045 .hero-inner{position:relative;z-index:2;width:min(1540px,94vw);margin:auto;min-height:540px;display:flex;flex-direction:column;justify-content:center;padding:50px 0 118px}
.home045 .hero-text{padding:0;max-width:720px}
.home045 .hero-text h1{font-size:clamp(45px,5.2vw,76px);line-height:.98;max-width:760px;margin:15px 0 18px;letter-spacing:-.052em}
.home045 .hero-text p{font-size:17px;line-height:1.55;color:#d5cfd6;max-width:680px;margin:0 0 25px}
.home045 .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.home045 .hero-actions .btn{min-width:235px;height:48px}
.home045 .tool-icon-inline{display:inline-flex;width:20px;height:20px}
.home045 .tool-icon-inline svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home045 .hero-tools{position:absolute;left:0;bottom:26px;display:flex;gap:0;align-items:stretch}
.home045 .hero-tool{display:grid;grid-template-columns:42px auto;gap:12px;align-items:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.15)}
.home045 .hero-tool:first-child{padding-left:0}
.home045 .hero-tool:last-child{border-right:0}
.home045 .hero-tool-icon{width:40px;height:40px;color:#ff5ab2}
.home045 .hero-tool-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.home045 .hero-tool strong{display:block;color:#ff72bf;font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.home045 .hero-tool small{display:block;margin-top:3px;color:#d0cad2;line-height:1.3;font-size:12px;max-width:150px}
.home045 .hero .caption{z-index:2;color:#d7cdd5;right:2.7vw;bottom:17px}

.home045 .landing-section{padding:42px 0 18px}
.home045 .section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:30px;align-items:end;margin-bottom:24px}
.home045 .section-head h2{font-size:clamp(30px,3.1vw,45px);line-height:1.05;letter-spacing:-.045em;margin:7px 0 0}
.home045 .section-head h2 em{font-style:normal;color:#ff4fab}
.home045 .section-head>p{color:#a8a0ab;line-height:1.5;margin:0 0 4px}
.home045 .tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home045 .tool-card{border:1px solid #3a3640;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#13151c,#101117);box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;min-width:0}
.home045 .tool-card-img{height:210px;position:relative;overflow:hidden;background:#111}
.home045 .tool-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home045 .tool-card:hover .tool-card-img img{transform:scale(1.035)}
.home045 .tool-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,14,18,.82),transparent 55%)}
.home045 .floating-icon{position:absolute;left:20px;bottom:16px;z-index:2;width:48px;height:48px;border-radius:9px;border:1px solid #a23778;background:#3a1730;color:#ff5ab2;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.home045 .floating-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home045 .tool-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.home045 .tool-card h3{font-size:29px;letter-spacing:-.03em;margin:0 0 4px}
.home045 .tool-subtitle{color:#ff55b0;font-size:14px;font-weight:900;margin-bottom:13px}
.home045 .tool-card p{color:#c4bcc6;font-size:14px;line-height:1.55;margin:0 0 16px}
.home045 .tool-card ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px;flex:1}
.home045 .tool-card li{font-size:13px;color:#ddd6dd;display:flex;gap:9px;align-items:flex-start}
.home045 .tool-card li:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#ff56b2;color:#1b0f18;font-weight:1000;font-size:11px;margin-top:1px}
.home045 .tool-card .btn{width:100%;background:#ff51ae;border-color:#ff51ae;color:#160b13}

/* BETA 0.4.8.10 — tool identity accents shared by FR/EN */
.home045 .tool-card:nth-child(2) .floating-icon{border-color:#247ea3;background:#102d3a;color:#42c8ff}
.home045 .tool-card:nth-child(2) h3,.home045 .tool-card:nth-child(2) .tool-subtitle{color:#42c8ff}
.home045 .tool-card:nth-child(2) li:before{background:#42c8ff;color:#07141a}
.home045 .tool-card:nth-child(2) .btn{background:#42c8ff;border-color:#42c8ff;color:#07141a}
.home045 .tool-card:nth-child(3) .floating-icon{border-color:#a85c2f;background:#3a2115;color:#ff914d}
.home045 .tool-card:nth-child(3) h3,.home045 .tool-card:nth-child(3) .tool-subtitle{color:#ff914d}
.home045 .tool-card:nth-child(3) li:before{background:#ff914d;color:#1a0d05}
.home045 .tool-card:nth-child(3) .btn{background:#ff914d;border-color:#ff914d;color:#1a0d05}

.home045 .catalogue-callout{position:relative;overflow:hidden;border:1px solid #3b3742;border-radius:12px;margin:16px auto;background:#13141a;min-height:245px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center}
.home045 .catalogue-callout:before{content:"";position:absolute;inset:0;background:url('/assets/fuma-setup-le-mans-ultimate.jpg') center 70%/cover no-repeat;filter:saturate(1.12);opacity:.65}
.home045 .catalogue-callout:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,.98) 0%,rgba(8,9,13,.86) 45%,rgba(8,9,13,.42) 70%,rgba(8,9,13,.72) 100%)}
.home045 .catalogue-copy,.home045 .catalogue-actions{position:relative;z-index:2;padding:28px 34px}
.home045 .catalogue-copy h2{font-size:38px;letter-spacing:-.04em;margin:6px 0 10px}
.home045 .catalogue-copy h2 em{font-style:normal;color:#ff4fab}
.home045 .catalogue-copy p{color:#d5cdd6;max-width:770px;line-height:1.5;margin:0 0 19px}
.home045 .cat-pills{display:flex;gap:10px;flex-wrap:wrap}
.home045 .cat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid currentColor;background:rgba(14,15,20,.82);font-size:12px;font-weight:900}
.home045 .cat-pill svg{width:26px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linejoin:round}
.home045 .cat-hyper{color:#ff5d65}.home045 .cat-lmp2{color:#4fb6ff}.home045 .cat-lmp3{color:#b16cff}.home045 .cat-gt3{color:#59df6a}.home045 .cat-gte{color:#ffc93d}
.home045 .catalogue-actions{display:grid;gap:10px;align-self:center}
.home045 .catalogue-actions .btn{height:49px;width:100%;font-size:14px}
.home045 .catalogue-actions .btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}

.home045 .feedback-callout{position:relative;overflow:hidden;border:1px solid #3b3742;border-radius:12px;margin:14px auto 32px;min-height:280px;background:#11131a;display:grid;grid-template-columns:1fr 1fr}
.home045 .feedback-callout:before{content:"";position:absolute;inset:0 0 0 45%;background:url('/assets/fuma-engineer-pit-garage.png') 82% 48%/cover no-repeat;opacity:.92}
.home045 .feedback-callout:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,.99) 0%,rgba(8,9,13,.95) 43%,rgba(8,9,13,.32) 68%,rgba(8,9,13,.08) 100%)}
.home045 .feedback-copy{position:relative;z-index:2;padding:30px 34px;align-self:center}
.home045 .feedback-copy h2{font-size:38px;letter-spacing:-.04em;margin:6px 0 12px}
.home045 .feedback-copy h2 em{font-style:normal;color:#ff4fab}
.home045 .feedback-copy p{color:#d2cad3;line-height:1.5;max-width:720px}
.home045 .feedback-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.home045 .feedback-actions .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.home045 .feedback-quote{position:absolute;z-index:3;right:27%;bottom:32px;width:300px;border:1px solid #88406c;border-radius:8px;padding:17px 18px;background:rgba(25,15,23,.9);box-shadow:0 14px 35px rgba(0,0,0,.35);color:#f3eaf1}
.home045 .feedback-quote strong{display:block;color:#ff6ab9;margin-bottom:7px}
.home045 .feedback-quote small{color:#ff65b7;font-weight:900;letter-spacing:.05em}
.home045 .legacy-home-sections{display:none!important}
.home045 footer{margin-top:0}

@media(max-width:1200px){
 .home045 nav{gap:13px}
 .home045 nav a{font-size:11.5px}
 .home045 .tool-card-img{height:180px}
 .home045 .feedback-quote{right:18%}
}
@media(max-width:980px){
 .home045 .nav{grid-template-columns:1fr auto;gap:12px;padding:12px 20px}
 .home045 nav{grid-column:1/-1;grid-row:2;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}
 .home045 .nav-right{grid-column:2;grid-row:1}
 .home045 .hero{min-height:565px}
 .home045 .hero-inner{min-height:565px;padding:48px 0 145px}
 .home045 .hero-tools{bottom:24px;gap:0;overflow-x:auto;max-width:100%}
 .home045 .section-head{grid-template-columns:1fr}
 .home045 .tool-grid{grid-template-columns:1fr}
 .home045 .tool-card{display:grid;grid-template-columns:280px 1fr}
 .home045 .tool-card-img{height:100%;min-height:320px}
 .home045 .catalogue-callout{grid-template-columns:1fr}
 .home045 .catalogue-actions{padding-top:0}
 .home045 .feedback-callout{grid-template-columns:1fr;min-height:430px}
 .home045 .feedback-callout:before{inset:45% 0 0}
 .home045 .feedback-callout:after{background:linear-gradient(180deg,rgba(8,9,13,.99) 0%,rgba(8,9,13,.94) 45%,rgba(8,9,13,.22) 78%)}
 .home045 .feedback-quote{right:24px;bottom:22px}
}
@media(max-width:680px){
 .home045 .nav{grid-template-columns:1fr;padding:12px 14px}
 .home045 .brand-row{justify-content:center}
 .home045 .nav-right{grid-column:1;grid-row:3;justify-content:center}
 .home045 nav{grid-column:1;grid-row:2;justify-content:flex-start}
 .home045 .hero{min-height:670px}
 .home045 .hero:after{background:linear-gradient(90deg,rgba(6,7,11,.96),rgba(6,7,11,.72))}
 .home045 .hero-inner{min-height:670px;padding:35px 0 215px}
 .home045 .hero-text h1{font-size:43px}
 .home045 .hero-text p{font-size:15px}
 .home045 .hero-actions .btn{width:100%}
 .home045 .hero-tools{left:0;right:0;bottom:20px;display:grid;grid-template-columns:1fr;gap:9px}
 .home045 .hero-tool{border-right:0;padding:0;grid-template-columns:33px 1fr}
 .home045 .hero-tool-icon{width:32px;height:32px}
 .home045 .hero-tool small{max-width:none}
 .home045 .landing-section{padding-top:30px}
 .home045 .tool-card{display:flex}
 .home045 .tool-card-img{height:180px;min-height:180px}
 .home045 .catalogue-copy,.home045 .catalogue-actions,.home045 .feedback-copy{padding:24px 20px}
 .home045 .catalogue-copy h2,.home045 .feedback-copy h2{font-size:31px}
 .home045 .feedback-callout{min-height:500px}
 .home045 .feedback-quote{left:20px;right:20px;width:auto}
}
