/* DRYVE website preview v7.1 · Home experience. Only affects the separate preview. */
.section.home-experience{
  isolation:isolate;position:relative;overflow:hidden;
  padding:100px 0 110px;
  border-top:1px solid rgba(98,221,203,.16);
  border-bottom:1px solid rgba(98,221,203,.13);
  background:
    radial-gradient(ellipse 60% 100% at 9% 53%,rgba(14,113,109,.24),transparent 78%),
    radial-gradient(ellipse 42% 75% at 90% 12%,rgba(22,119,107,.13),transparent 90%),
    linear-gradient(125deg,#06181a 0%,#092021 58%,#061517 100%);
}
.home-experience:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:repeating-linear-gradient(145deg,transparent 0 210px,rgba(102,222,210,.045) 211px,transparent 212px)}
.home-experience .home-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(36px,6vw,100px)}
.home-experience .home-visual,.home-experience .home-copy{min-width:0}
.home-experience .home-visual{
  padding:25px;border-radius:24px;background:linear-gradient(141deg,rgba(18,52,50,.84),rgba(7,24,28,.95));
  border:1px solid rgba(96,221,207,.38);box-shadow:0 32px 110px rgba(0,0,0,.29),inset 0 1px rgba(142,244,225,.09);
}
.home-experience .home-panel-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:22px}
.home-experience .home-panel-head strong{color:#f0f8f5;font-size:17px;font-weight:900;letter-spacing:-.02em}
.home-experience .home-panel-head small{display:inline;margin-left:10px;color:#b1cbc5;font-weight:500;font-size:11px;white-space:nowrap}
.home-experience .home-panel-head>span{color:#69e5d4;font-weight:900;font-size:9px;letter-spacing:1.5px;white-space:nowrap}
.home-experience .home-panel-grid{display:grid;grid-template-columns:1.08fr 1.25fr;gap:12px;min-width:0}
.home-experience .home-active,.home-experience .home-streak,.home-experience .home-programme,.home-experience .home-stats{background:linear-gradient(145deg,rgba(26,52,51,.91),rgba(20,36,38,.86));border:1px solid rgba(133,208,197,.18);border-radius:15px;min-width:0}
.home-experience .home-active{grid-row:span 2;padding:22px 19px 18px;border-color:rgba(91,230,213,.35);display:flex;flex-direction:column}
.home-experience .home-activity-head{display:flex;align-items:center;gap:12px}
.home-experience .home-activity-head .home-flex{font-size:26px;line-height:1}
.home-experience .home-tiny-label{color:#b2cbc6;font-weight:850;font-size:10px;letter-spacing:1px;line-height:1.35}
.home-experience .home-program-title{color:#f4f8f6;font-size:16px;font-weight:850;margin-top:5px;line-height:1.25}
.home-experience .home-next-label{font-size:12px;color:#b5ceca;font-weight:700;margin-top:29px}
.home-experience .home-next-value{font-size:26px;color:#f1f9f5;font-weight:900;letter-spacing:-.025em;margin-top:6px}
.home-experience .home-mock-action{display:block;margin-top:auto;background:#58dfd2;color:#06201e;border-radius:10px;padding:14px 10px;text-align:center;font-size:12px;font-weight:950;letter-spacing:.4px;min-height:46px}
.home-experience .home-top-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-experience .home-streak,.home-experience .home-programme{padding:15px;min-height:94px}
.home-experience .home-streak{display:flex;gap:8px;align-items:center}
.home-experience .home-flame{font-size:20px}
.home-experience .home-streak strong{color:#57ded0;font-size:28px;line-height:1;display:block;font-weight:950}
.home-experience .home-streak span:last-child{display:block;color:#b4d0c9;font-size:10px;margin-top:5px}
.home-experience .home-programme .home-goal-line{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}
.home-experience .home-programme strong{color:#5be5d4;font-size:18px;font-weight:950}
.home-experience .home-track{height:6px;border-radius:5px;background:#354644;margin:12px 0 6px;overflow:hidden}
.home-experience .home-track span{display:block;background:linear-gradient(90deg,#38bfc0,#68edda);width:60%;height:100%;border-radius:inherit}
.home-experience .home-remaining{display:block;font-size:10px;color:#b9ccc7}
.home-experience .home-stats{padding:17px;min-height:114px}
.home-experience .home-stats-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.home-experience .home-stats-head>span{font-size:10px;font-weight:850;letter-spacing:1px;color:#b9d0cb}
.home-experience .home-stats-head>small{font-size:10px;color:#60e0cf}
.home-experience .home-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.home-experience .home-stat{min-width:0}
.home-experience .home-stat strong{display:block;font-size:18px;font-weight:950;color:#f4f8f6;letter-spacing:-.04em;white-space:nowrap}
.home-experience .home-stat span{font-size:9px;color:#b1cac4;line-height:1.3;display:block;margin-top:4px}
.home-experience .home-pro-block{margin-top:14px;border:1px solid rgba(84,209,194,.32);border-radius:18px;padding:16px;background:linear-gradient(138deg,rgba(13,45,43,.63),rgba(10,28,31,.9))}
.home-experience .home-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-experience .home-pro-head strong{font-size:11px;color:#c9d9d4;letter-spacing:2.1px}
.home-experience .home-pro-pill{border:1px solid rgba(74,220,202,.5);border-radius:999px;padding:7px 11px;font-weight:850;font-size:10px;color:#61e4d3;white-space:nowrap}
.home-experience .home-pro-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.home-experience .home-pro-card{padding:16px;background:rgba(14,36,39,.91);border:1px solid rgba(95,205,192,.22);border-radius:13px;min-width:0}
.home-experience .home-pro-card h3{font-size:11px;margin:0 0 12px;line-height:1.4;font-weight:900;color:#eff8f4}
.home-experience .home-pro-card h3 span{color:#69e6d4;font-size:9px;letter-spacing:1px;margin-left:5px}
.home-experience .home-pro-card .home-pro-accent{color:#fa914b;font-size:12px;font-weight:850;line-height:1.4;margin-bottom:7px}
.home-experience .home-pro-card p{color:#afc8c3;font-size:11px!important;line-height:1.6!important;margin:0 0 8px!important}
.home-experience .home-pro-card small{font-size:9px;color:#c0d6ce}
.home-experience .home-pro-card.home-coaching{border-left:3px solid #5ee9d4}
.home-experience .home-pro-card.home-coaching h3{font-size:10px;letter-spacing:1.7px;color:#71e6da}
.home-experience .home-pro-card.home-coaching strong{display:block;font-size:12px;color:#f0f7f4;margin-bottom:7px}
.home-experience .home-panel-foot{margin:13px 4px 0;color:#9abfb5;font-size:10px;line-height:1.5}
.home-experience .home-copy h2{font-size:clamp(47px,5.6vw,79px);font-weight:950;letter-spacing:-.055em;line-height:.95;margin:25px 0 24px}
.home-experience .home-copy h2 em{font-style:normal;color:#65e4d3}
.home-experience .home-copy>.home-lead{font-size:15px;line-height:1.78;color:#b9d2c9;margin:0 0 23px;max-width:505px}
.home-experience .home-points{display:grid;gap:17px;margin-top:23px}
.home-experience .home-points>div{border-left:2px solid #5fe1d1;padding:5px 0 5px 16px}
.home-experience .home-points strong{color:#f5faf7;font-size:14px;font-weight:900;display:block}
.home-experience .home-points span{font-size:12px;line-height:1.6;color:#abc8c0;display:block;margin-top:5px}
.home-experience .home-more{display:inline-flex;margin-top:27px;font-size:11px;font-weight:850;letter-spacing:1.1px;color:#71e7d5;border-bottom:1px solid rgba(102,223,210,.4);padding-bottom:7px}
.home-experience .home-more:hover{color:#fff}
.home-experience .home-more:focus-visible{outline:2px solid #72efdd;outline-offset:4px}
@media(max-width:1100px){
 .home-experience .home-wrap{gap:36px}
 .home-experience .home-visual{padding:19px}
 .home-experience .home-panel-grid{grid-template-columns:1fr;gap:11px}
 .home-experience .home-active{grid-row:auto;min-height:220px}
 .home-experience .home-top-right{grid-template-columns:1fr 1fr}
 .home-experience .home-mock-action{margin-top:22px}
}
@media(max-width:850px){
 .section.home-experience{padding:76px 0}
 .home-experience .home-wrap{grid-template-columns:1fr;gap:30px}
 .home-experience .home-copy{grid-row:1}
 .home-experience .home-copy h2{font-size:clamp(49px,8.5vw,75px)}
 .home-experience .home-visual{width:min(100%,700px);margin:auto}
 .home-experience .home-panel-grid{grid-template-columns:1.05fr 1.25fr}
 .home-experience .home-active{grid-row:span 2;min-height:auto}
}
@media(max-width:640px){
 .section.home-experience{padding:62px 0 74px}
 .home-experience .home-copy h2{font-size:clamp(44px,11vw,63px)}
 .home-experience .home-visual{padding:13px;border-radius:17px}
 .home-experience .home-panel-head{margin:2px 4px 17px;flex-wrap:wrap}
 .home-experience .home-panel-head strong{font-size:16px}
 .home-experience .home-panel-head small{font-size:10px;margin-left:6px}
 .home-experience .home-panel-head>span{font-size:9px}
 .home-experience .home-panel-grid{grid-template-columns:1fr}
 .home-experience .home-active{grid-row:auto;min-height:0;padding:18px}
 .home-experience .home-top-right{grid-template-columns:1fr 1fr}
 .home-experience .home-stats{padding:17px 12px}
 .home-experience .home-stats-grid{gap:5px}
 .home-experience .home-stat strong{font-size:clamp(14px,4.2vw,22px)}
 .home-experience .home-stat span{font-size:9px}
 .home-experience .home-pro-block{padding:12px}
 .home-experience .home-pro-cards{grid-template-columns:1fr}
 .home-experience .home-panel-foot{font-size:9px}
 .home-experience .home-lead{font-size:14px!important}
}