.profit-section{--profit-accent:#80ddff;--profit-line-start:#a599ff;position:relative;isolation:isolate;scroll-margin-top:110px}
.profit-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:17% -6% 7%;background:radial-gradient(ellipse at 85% 28%,#3849ee20,transparent 54%),radial-gradient(ellipse at 9% 65%,#9a63ed16,transparent 50%);filter:blur(30px)}
.profit-heading{text-align:center;margin-bottom:42px}.profit-eyebrow{display:inline-flex;gap:13px;align-items:center;font:600 10px var(--heading);letter-spacing:2px;color:#bcb1e5}.profit-eyebrow>span:first-child{font-size:23px;color:#b6c7ff}.profit-live{padding:6px 9px;border:1px solid #b8c4ff25;background:#abbaff08;border-radius:5px;font-size:8px;letter-spacing:1.1px;color:#bbcff6}.profit-heading h2{font-size:clamp(34px,3.8vw,53px);line-height:1.5;letter-spacing:-.7px;margin-top:20px}.profit-heading h2 em{font:inherit;background:linear-gradient(105deg,#d9c8ff 10%,#c6b4ff 50%,#71d6ff 95%);background-clip:text;color:transparent}.profit-heading>p{font-size:15px;line-height:1.95;color:#a9b1c9;margin-top:16px}
.profit-glass{position:relative;overflow:hidden;border:1px solid #b2c5ff28;border-radius:26px;background:linear-gradient(124deg,#171c33df 0%,#11162aeb 45%,#17172ee8);box-shadow:inset 0 1px 0 #e4e1ff13,0 30px 90px #0004,0 0 90px #6143ff0a;backdrop-filter:blur(24px)}
.profit-glass::before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#cbbfffaa,transparent);pointer-events:none}
.profit-glass-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 34px;border-bottom:1px solid #bac3ff13;color:#9dabc8;font-size:11px}.profit-glass-top>span:first-child{display:flex;align-items:center;gap:10px;letter-spacing:1.7px;font:500 9px var(--heading)}.profit-glass-top i{width:5px;height:5px;border-radius:50%;background:#c9c0ff;box-shadow:0 0 12px #b3a4ff}.profit-glass-top b{margin-inline:9px;font-weight:400;color:#5c6c90}
.profit-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;padding:32px}.profit-controls{margin:0;padding:0;border:0;min-width:0}.profit-form{min-width:0}.profit-control-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.profit-control-heading h3{font-size:17px;font-weight:500;color:#ede7fb}.profit-reset{display:flex;align-items:center;gap:6px;min-height:36px;border:0;background:transparent;color:#a2afcc;font-size:11px;padding:6px 0 6px 10px;cursor:pointer}.profit-reset span{font-size:20px;color:#c0b5f4}.profit-reset:hover{color:#fff}
.profit-field{padding-block:16px 10px}.profit-field-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:10px}.profit-field-top>label{color:#cad0e2;font-size:13px;line-height:1.8}.profit-number{display:flex;align-items:center;gap:4px;min-width:82px;padding:5px 8px;background:#ffffff04;border:1px solid #b8c0e522;border-radius:7px;color:#e7ddff;font:500 17px var(--heading)}.profit-number input{font:inherit;color:inherit;border:0;outline:none;background:none;width:60px;min-width:0;text-align:right;appearance:textfield;-moz-appearance:textfield}.profit-number input::-webkit-inner-spin-button,.profit-number input::-webkit-outer-spin-button{appearance:none;margin:0}.profit-number:focus-within{border-color:#80d7ff;box-shadow:0 0 0 3px #80d7ff15}.profit-number input[aria-invalid="true"]{color:#ffaeb7}.profit-number span{font-size:13px;color:#b8acd8}
.profit-field input[type="range"]{--fill:30%;display:block;width:100%;height:28px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y;outline-offset:4px}.profit-field input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:9px;background:linear-gradient(90deg,#ad9bff,#70d5ff) 0/var(--fill) 100% no-repeat,#bbc3ff17}.profit-field input[type="range"]::-moz-range-track{height:4px;border-radius:9px;background:linear-gradient(90deg,#ad9bff,#70d5ff) 0/var(--fill) 100% no-repeat,#bbc3ff17}.profit-field input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;margin-top:-6.5px;border:3px solid #19223c;background:#c9e5ff;box-shadow:0 0 0 1px #b3c9ff,0 0 17px #a094ff5c;transition:box-shadow .2s,transform .2s}.profit-field input[type="range"]::-moz-range-thumb{box-sizing:border-box;width:17px;height:17px;border-radius:50%;border:3px solid #19223c;background:#c9e5ff;box-shadow:0 0 0 1px #b3c9ff,0 0 17px #a094ff5c}.profit-field input[type="range"]:focus-visible{outline:2px solid #70d5ff}.profit-field input[type="range"]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #aac7ff16,0 0 24px #9a91ff8a;transform:scale(1.1)}.profit-range-labels{display:flex;justify-content:space-between;color:#93a0bd;font:400 10px var(--font)}.profit-input-note{font-size:10px;line-height:1.85;color:#a1abc1;margin-top:8px}.profit-input-note[role="status"]{color:#ffd19f}
.profit-settings{border-top:1px solid #b5c2ed18;margin-top:12px}.profit-settings summary{font-size:12px;padding:15px 0;color:#bfcae2;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.profit-settings summary::-webkit-details-marker{display:none}.profit-plus{font:400 20px var(--font);color:#c4b6ff}.profit-settings[open] .profit-plus{transform:rotate(45deg)}.profit-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profit-settings-grid .profit-field{padding-block:0 10px}.profit-settings-grid .profit-number{min-width:0;padding-inline:6px;font-size:14px}.profit-settings-grid .profit-number input{width:28px}.profit-settings-grid .profit-field-top{gap:6px}.profit-settings-grid label{font-size:11px}
.profit-result{position:relative;min-width:0;align-self:start;overflow:hidden;border:1px solid #bfd2ff1e;border-radius:19px;padding:26px;background:radial-gradient(ellipse at 96% 0,#6c6bda23,transparent 55%),linear-gradient(155deg,#141f38a6,#0d1224ab);box-shadow:inset 0 1px 0 #dbdfff0b,0 10px 50px #0002}
.profit-result::before{content:"";width:190px;height:190px;position:absolute;right:-80px;top:-92px;border:1px solid #acb0ff12;border-radius:50%;box-shadow:0 0 0 20px #acb0ff04,0 0 0 45px #acb0ff03;pointer-events:none}.profit-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#b3bcd2}.profit-example{color:#c8c3e8;background:#a0a0ff0a;border:1px solid #afbbf51c;padding:4px 8px;border-radius:5px;font-size:10px}.profit-result-label{display:block;font-size:13px;margin-top:25px;color:#d1d8ec}.profit-result-value{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px;min-height:73px}.profit-result-value>strong{font:500 clamp(34px,4.3vw,64px)/1.2 var(--heading);letter-spacing:-2px;color:var(--profit-accent);text-shadow:0 0 40px #77d9ff28;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.profit-return{font:500 12px var(--font);border:1px solid #87cfff26;background:#89c4ff0a;color:var(--profit-accent);padding:5px 8px;border-radius:6px;white-space:nowrap}.profit-assumptions{font-size:10px;line-height:1.9;color:#a4b0c8;margin-top:6px;min-height:19px}
.profit-chart{margin-top:30px}.profit-chart figcaption{display:flex;justify-content:space-between;gap:10px;color:#8f9db9;font-size:9px}.profit-chart figcaption>span:first-child{display:flex;gap:7px;align-items:center;color:#b4c2df}.profit-chart i{width:5px;height:5px;border-radius:50%;background:var(--profit-accent)}.profit-chart-values{display:flex;justify-content:space-between;font:400 10px var(--heading);color:#92a0bf;margin-top:19px}.profit-chart-values strong{color:#d9e5ff;font-weight:500}.profit-chart svg{width:100%;height:auto;display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.profit-chart-grid{stroke:#c0d4ff0d;stroke-width:1;fill:none}.profit-chart-line{fill:none;stroke:url(#profit-line-gradient);stroke-width:3;filter:drop-shadow(0 0 6px #7fbfff40);stroke-dasharray:1;stroke-dashoffset:0}.profit-chart-area{stroke:none;fill:url(#profit-area-gradient)}.profit-chart-baseline{stroke:#c5caff30;stroke-dasharray:4 7;stroke-width:1;fill:none}.profit-chart-dot{fill:var(--profit-accent);stroke:#e3efff;stroke-width:2;filter:drop-shadow(0 0 6px #99d9ff)}.profit-chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#a1adc7;margin-top:-4px}
.profit-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;border-top:1px solid #c1d3ff14;margin-top:19px;padding-top:18px}.profit-stats>div{min-width:0}.profit-stats span{display:block;color:#a8b5cf;font-size:10px;line-height:1.8}.profit-stats strong{display:block;color:#e7e5f7;font:500 18px var(--heading);margin-top:7px;overflow-wrap:anywhere}.profit-cta{position:relative;overflow:hidden;background:linear-gradient(105deg,#b8a6fc,#8eb8ff 53%,#6dd9fa);color:#101c37;box-shadow:inset 0 1px 0 #ffffff80,0 5px 32px #7680ed1f;width:100%;margin-top:25px;border-radius:9px;min-height:52px;font-size:14px;padding:14px 16px;gap:10px}.profit-cta>span{margin-left:auto;font-size:21px}.profit-cta:hover{transform:translateY(-2px);box-shadow:0 9px 36px #92b6ff35}.profit-cta::after{content:"";position:absolute;inset:-50% auto -50% -40%;width:18%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-25deg);animation:profit-shimmer 8s ease-in-out infinite;pointer-events:none}.profit-cta-note{font-size:9px;text-align:center;color:#9caac5;line-height:1.8;margin-top:11px}
.profit-insight{display:flex;gap:13px;padding:20px 32px;border-top:1px solid #bdc8ff13;background:#06091725;align-items:center}.profit-insight svg{width:19px;height:19px;color:#a5b6e9}.profit-insight p{font-size:12px;line-height:1.9;color:#a5b1cc}.profit-insight strong{font-weight:500;color:#d1c5f9}.profit-insight [data-result="loss"]{color:#edb0c0}.profit-depleted{font-size:11px;color:#ffbbc5;line-height:1.9;background:#ff758a09;border-left:2px solid #ef97ab;padding:9px 12px;margin-top:17px}
.profit-footnote{display:flex;align-items:flex-start;gap:11px;max-width:950px;margin:23px auto 0;color:#9daac3;padding-inline:8px}.profit-footnote>svg{width:16px;height:16px;margin-top:2px;color:#95a5c8}.profit-footnote p{font-size:11px;line-height:1.95}.profit-method summary{padding:9px 0 0;font-size:11px;display:inline-flex;gap:9px;color:#bcb2df;cursor:pointer;list-style:none;min-height:32px}.profit-method summary::-webkit-details-marker{display:none}.profit-method[open] summary{margin-bottom:10px}.profit-method code{display:block;color:#c7c9e4;white-space:normal;overflow-wrap:anywhere;font:400 11px/1.8 var(--font);margin-block:10px}.profit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.profit-section [hidden]{display:none!important}.profit-section[data-outcome="loss"]{--profit-accent:#ffa3b6;--profit-line-start:#b998ff}.profit-section[data-outcome="flat"]{--profit-accent:#cfbaff;--profit-line-start:#809fec}
.profit-section:not(.motion-in-view) .profit-cta::after,.page-hidden .profit-cta::after{animation-play-state:paused}@keyframes profit-shimmer{0%,70%{left:-40%}90%,100%{left:130%}}
@media(max-width:1100px){.profit-layout{gap:27px;padding:27px}.profit-result{padding:23px}.profit-result-value>strong{font-size:47px}.profit-result-value{gap:9px}.profit-stats{gap:10px}.profit-stats strong{font-size:16px}.profit-glass-top{padding-inline:27px}.profit-cta{font-size:13px}}
@media(max-width:900px){.profit-layout{grid-template-columns:1fr 1.07fr;gap:20px;padding:22px}.profit-result{padding:19px}.profit-result-value>strong{font-size:39px}.profit-result-value{min-height:62px}.profit-result-label{margin-top:21px}.profit-field-top>label{font-size:12px}.profit-number{min-width:68px;font-size:16px}.profit-number input{width:49px}.profit-control-heading h3{font-size:16px}.profit-stats span{font-size:9px}.profit-stats strong{font-size:15px}.profit-cta{font-size:12px;padding-inline:12px}.profit-cta svg{width:18px}.profit-chart{margin-top:31px}.profit-insight{padding-inline:23px}.profit-settings-grid{grid-template-columns:1fr}.profit-settings-grid .profit-number input{width:40px}}
@media(max-width:680px){.profit-section{scroll-margin-top:140px}.profit-heading{margin-bottom:27px}.profit-heading h2{font-size:33px;letter-spacing:0;margin-top:13px}.profit-heading>p{font-size:13px;line-height:1.95;margin-top:13px}.profit-eyebrow{font-size:9px;letter-spacing:1.6px;gap:9px}.profit-live{font-size:7px;padding:5px 6px;letter-spacing:.8px}.profit-glass{border-radius:20px}.profit-glass-top{padding:16px 19px;gap:8px;font-size:9px}.profit-glass-top>span:first-child{font-size:8px;letter-spacing:1px;gap:7px}.profit-glass-top b{margin-inline:4px}.profit-layout{grid-template-columns:1fr;padding:21px 19px;gap:22px}.profit-control-heading{margin-bottom:6px}.profit-control-heading h3{font-size:17px}.profit-field{padding-block:12px 8px}.profit-field-top>label{font-size:13px}.profit-field-top{margin-bottom:7px}.profit-number{font-size:17px;min-width:80px}.profit-number input{width:60px}.profit-result{padding:23px 20px;border-radius:15px}.profit-result-value>strong{font-size:51px;letter-spacing:-2px}.profit-result-value{gap:12px;min-height:65px}.profit-stats span{font-size:10px}.profit-stats strong{font-size:18px}.profit-chart{margin-top:25px}.profit-assumptions{font-size:10px}.profit-cta{font-size:14px;min-height:54px}.profit-settings-grid{grid-template-columns:1fr 1fr}.profit-settings-grid .profit-field-top{flex-wrap:wrap}.profit-insight{padding:17px 19px;align-items:flex-start;gap:9px}.profit-insight svg{width:17px;height:17px;margin-top:4px}.profit-insight p{font-size:11px;line-height:2}.profit-footnote{margin-top:20px;gap:9px;padding:0}.profit-footnote p{font-size:10px;line-height:1.9}.profit-method summary{font-size:10px}}
@media(max-width:370px){.profit-heading h2{font-size:28px}.profit-heading>p{font-size:12px}.profit-layout{padding:17px 14px}.profit-result{padding:20px 15px}.profit-result-value>strong{font-size:43px}.profit-glass-top{padding-inline:15px;font-size:8px}.profit-stats{gap:7px}.profit-stats strong{font-size:16px}.profit-cta{font-size:12px;gap:8px}.profit-field-top>label{font-size:12px}.profit-insight{padding-inline:15px}.profit-return{font-size:11px}}
.profit-result{container-type:inline-size}.profit-result-value>strong{font-size:clamp(24px,var(--figure-size,17cqi),64px)}
.profit-settings summary>span:first-child{font:inherit;color:inherit;transform:none}.profit-method summary>span{font-size:13px;transform:none}.profit-settings-grid .profit-field-top{display:grid;grid-template-columns:1fr;gap:8px}.profit-settings-grid .profit-number{justify-self:start}.profit-settings-grid .profit-number input{width:45px}
@media(prefers-reduced-motion:reduce){.profit-section *,.profit-section *::before,.profit-section *::after{animation:none!important;transition:none!important}}