.yield-launch{min-height:760px;padding:110px max(24px,calc((100% - 1180px)/2));background:#e7f1f8;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;overflow:hidden}
.yield-launch-copy>p,.yield-method-heading>p,.control-heading p,.results-heading p{margin:0;color:#4e7187;font-size:10px;font-weight:750;letter-spacing:.15em}
.yield-launch-copy h2{max-width:590px;margin:20px 0;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.06em}
.yield-launch-copy>span{display:block;max-width:560px;margin:0 0 32px;color:#53636e;font-size:18px;line-height:1.55}
.yield-launch-preview{height:560px;display:grid;place-items:center;perspective:1000px}
.preview-window{position:relative;width:min(620px,90vw);min-height:390px;padding:38px;border:1px solid rgba(31,78,107,.25);background:rgba(255,255,255,.7);box-shadow:0 35px 90px rgba(19,61,90,.15);backdrop-filter:blur(14px);transform:rotateY(-8deg) rotateX(3deg)}
.preview-window>span,.preview-window>small{color:#527286;font-size:9px;font-weight:750;letter-spacing:.13em}
.preview-window>strong{display:block;margin:24px 0 55px;font-size:clamp(48px,6vw,72px);letter-spacing:-.055em}
.preview-window>div{height:42px;margin:13px 0;display:flex;align-items:center;gap:12px}
.preview-window i{height:100%;background:linear-gradient(90deg,#0b5ec7,#55b9f4);box-shadow:0 9px 24px rgba(11,94,199,.16)}
.preview-window b{color:#557383;font-size:9px}.preview-window>small{position:absolute;left:38px;bottom:28px}
.labs-product-row{display:grid;grid-template-columns:60px .8fr 1fr 120px;gap:30px;align-items:center;padding:30px 0;border-top:1px solid #d2d2d7}
.labs-product-row>span{color:var(--blue);font-size:11px}.labs-product-row h3{margin:0;font-size:27px}.labs-product-row p{margin:0;color:var(--secondary);line-height:1.5}.labs-product-row b{justify-self:end;color:#45738e;font-size:9px;letter-spacing:.1em}.labs-product-row:hover h3{color:var(--blue)}
.yield-hero{min-height:700px;padding:135px max(24px,calc((100% - 1180px)/2)) 105px;background:#05080c;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.yield-hero>p{margin:0 0 24px;color:#5ba5d5;font-size:11px;font-weight:750;letter-spacing:.15em}
.yield-hero h1{max-width:1100px;margin:0;font-size:clamp(58px,8vw,104px);line-height:.95;letter-spacing:-.067em}
.yield-hero h2{max-width:760px;margin:35px 0 0;color:#9ba9b3;font-size:clamp(21px,2.5vw,30px);font-weight:430;line-height:1.35;letter-spacing:-.025em}
.yield-comparator{background:#fff}.yield-controls{padding:100px max(24px,calc((100% - 1180px)/2));background:#eef2f4}
.control-heading,.results-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}
.control-heading h2,.results-heading h2{margin:16px 0 0;font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em}
.control-heading>span,.results-heading>span{color:#66717a;font-size:12px}
.control-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:1px;background:#c9d0d5;border:1px solid #c9d0d5}
.control-grid>label{min-height:175px;padding:25px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.control-grid label>span:first-child{color:#66717a;font-size:11px;font-weight:650}
.control-grid input,.control-grid select{font:inherit;color:#1d1d1f;background:transparent;border:0;outline:0}
.control-grid select{width:100%;padding:12px 0;border-bottom:1px solid #aeb7bd;font-size:17px}
.amount-control>div{display:flex;align-items:center;gap:8px}.amount-control>div b{font-size:28px}.amount-control>div input{width:100%;font-size:36px;font-weight:650;letter-spacing:-.04em}
.amount-control>input[type=range]{width:100%;accent-color:#0b5ec7}.rate-input{display:flex;align-items:end;border-bottom:1px solid #aeb7bd}.rate-input input{width:100%;padding:8px 0;font-size:30px;font-weight:650}.rate-input b{padding-bottom:11px;color:#66717a}
.toggle-control{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.toggle-control>input{width:42px;height:24px;accent-color:#0b5ec7}.toggle-control>span{display:flex;flex-direction:column;gap:8px}.toggle-control b{color:#1d1d1f;font-size:14px}.toggle-control small{color:#70777d;line-height:1.35}
.yield-results{padding:110px max(24px,calc((100% - 1180px)/2)) 90px}.results-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:55px;align-items:start}.ranking-table{border-top:1px solid #bfc5c9}
.ranking-header,.ranking-table button{width:100%;display:grid;grid-template-columns:40px 1.1fr 90px 1fr;gap:20px;align-items:center;text-align:left}.ranking-header{padding:13px 16px;color:#778087;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ranking-table button{appearance:none;padding:22px 16px;border:0;border-bottom:1px solid #d2d7da;background:transparent;color:#1d1d1f;cursor:pointer;font:inherit;transition:background .2s ease}.ranking-table button:hover,.ranking-table button.selected{background:#e9f4fb}
.ranking-table button>span:first-child{color:#4b81a3;font-size:10px}.ranking-table button>span{display:flex;flex-direction:column;gap:6px}.ranking-table button b{font-size:15px}.ranking-table button small{color:#727b82;font-size:10px;line-height:1.35}.ranking-table button>strong{font-size:17px;font-weight:650}.ranking-table button>span:last-child{align-items:flex-end;text-align:right}
.yield-detail{position:sticky;top:85px;padding:30px;background:#071019;color:#fff}.detail-title{display:flex;justify-content:space-between;gap:20px;color:#5ba5d5;font-size:9px;font-weight:750;letter-spacing:.13em}.detail-title b{color:#9bacb8}
.yield-detail h3{margin:45px 0 5px;font-size:42px;letter-spacing:-.045em}.yield-detail>p{margin:0;color:#96a5af}.net-figure{margin:35px 0 25px;padding:26px 0;border-top:1px solid #34414b;border-bottom:1px solid #34414b;display:flex;flex-direction:column;gap:8px}
.net-figure span,.net-figure small{color:#92a2ad;font-size:10px}.net-figure strong{font-size:40px;letter-spacing:-.04em}.yield-detail dl{margin:0}.yield-detail dl>div{padding:11px 0;border-bottom:1px solid #2b3842;display:flex;justify-content:space-between;gap:20px}.yield-detail dt{color:#9ba9b3;font-size:11px}.yield-detail dd{margin:0;font-size:12px;font-weight:650}
.legal-layer{margin:30px 0;padding:22px;background:#0e1b25}.legal-layer>span{color:#5ba5d5;font-size:9px;font-weight:750;letter-spacing:.12em}.legal-layer p{margin:15px 0 0;color:#aab7c0;font-size:12px;line-height:1.55}.legal-layer p b{color:#fff}.yield-detail>a{color:#4db5ff;font-size:12px;font-weight:650}
.prototype-notice{margin-top:55px;padding-top:24px;border-top:1px solid #c8cdd1;display:grid;grid-template-columns:220px 1fr 130px;gap:30px;color:#6d777e;font-size:11px;line-height:1.5}.prototype-notice>span{color:#4e7187;font-size:9px;font-weight:750;letter-spacing:.12em}.prototype-notice p{margin:0}.prototype-notice a{color:var(--blue);text-align:right}.empty-results{padding:60px 0;border-top:1px solid #c8cdd1;color:#66717a}
.yield-method{padding:120px max(24px,calc((100% - 1180px)/2));background:#e7f1f8}.yield-method-heading h2{max-width:900px;margin:20px 0 55px;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.06em}.yield-method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9fb6c5}
.yield-method-grid article{min-height:270px;padding:25px;border-right:1px solid #9fb6c5;display:flex;flex-direction:column}.yield-method-grid article:last-child{border-right:0}.yield-method-grid span{color:#286d98;font-size:10px}.yield-method-grid h3{margin:auto 0 13px;font-size:22px;letter-spacing:-.03em}.yield-method-grid p{margin:0;color:#576a76;font-size:13px;line-height:1.5}
.yield-method-note{margin-top:60px;padding-top:28px;border-top:1px solid #9fb6c5;display:grid;grid-template-columns:1fr 1fr;gap:80px}.yield-method-note>p{margin:0;color:#536874;font-size:12px;line-height:1.6}.yield-method-note>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}.yield-method-note a{color:#0b5ec7;font-size:11px;font-weight:650}
@media(max-width:1000px){.yield-launch,.results-layout{grid-template-columns:1fr}.yield-launch-preview{height:470px}.yield-detail{position:relative;top:auto}.control-grid{grid-template-columns:1fr 1fr}.yield-method-grid{grid-template-columns:1fr 1fr}.yield-method-grid article:nth-child(2){border-right:0}.yield-method-grid article{border-bottom:1px solid #9fb6c5}}
@media(max-width:700px){.labs-product-row{grid-template-columns:40px 1fr}.labs-product-row p,.labs-product-row b{grid-column:2;justify-self:start}.yield-hero{min-height:620px}.control-heading,.results-heading{align-items:flex-start;flex-direction:column}.control-grid{grid-template-columns:1fr}.control-grid>label{min-height:145px}.ranking-header{display:none}.ranking-table button{grid-template-columns:28px 1fr 70px}.ranking-table button>span:last-child{grid-column:2/4;align-items:flex-start;text-align:left}.ranking-table button>strong{text-align:right}.prototype-notice,.yield-method-note{grid-template-columns:1fr}.prototype-notice a,.yield-method-note>div{text-align:left;justify-content:flex-start}.yield-method-grid{grid-template-columns:1fr}.yield-method-grid article{min-height:210px;border-right:0}}
