.comparison-section{background:radial-gradient(ellipse at 85% 22%,#38294720,transparent 54%),#0c0b10;padding:100px 0 90px;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
.comparison-section .section-heading{margin-bottom:34px}.comparison-section .intro{max-width:740px}
.comparison-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 42px}.comparison-points p{margin:0;padding:8px 22px 10px;border-left:1px solid #d7bb872b}.comparison-points p:first-child{padding-left:0;border-left:0}.comparison-points span{display:block;font-size:12px;color:#bda57d;letter-spacing:.12em;margin-bottom:8px}.comparison-points strong{font-size:22px;font-weight:500;color:#e3dfe9;letter-spacing:.015em}
.comparison-tabs{display:flex;width:max-content;max-width:100%;gap:6px;background:#1b191f;border:1px solid #ffffff14;border-radius:999px;padding:5px;margin:0 0 29px}.comparison-tabs[hidden]{display:none}.comparison-tabs button{padding:11px 29px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:500;background:transparent;color:#a9a2b2;transition:background .25s,color .25s,box-shadow .25s}.comparison-tabs button[aria-selected=true]{background:#e7d4ac;color:#26201b;box-shadow:0 2px 13px #ead5a418}.comparison-tabs button:hover{color:#f2e1c0}.comparison-tabs button[aria-selected=true]:hover{color:#26201b}.comparison-panel[hidden]{display:none}.comparison-panel:focus-visible{outline:2px solid #d7bb87;outline-offset:6px;border-radius:14px}.comparison-intro{margin-bottom:25px}.comparison-intro h3{font-size:26px;line-height:1.4;margin:0 0 10px;font-weight:500}.comparison-intro p{font-size:15px;color:#aaa4b3;line-height:1.8;margin:0;max-width:800px}
.comparison-table-frame{border:1px solid #ffffff16;border-radius:23px;overflow:hidden;background:#151418}.comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.75}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.compare-label-col{width:17%}.compare-focus-col{width:43%}.comparison-table th,.comparison-table td{padding:22px 27px;vertical-align:middle;border-bottom:1px solid #ffffff0e}.comparison-table thead th{padding-top:25px;padding-bottom:25px;color:#ddd7e5;font-weight:500;background:#1c1a21}.comparison-table thead th>span{font-size:23px;display:block;letter-spacing:-.02em}.comparison-table thead small{font-size:13px;color:#9e97a9;font-weight:400;display:block;margin-top:5px}.comparison-table tbody th{color:#cac2d4;font-size:16px;font-weight:500}.comparison-table td{color:#a59eaf}.comparison-table .compare-focus{background:#c5a2e409;border-left:1px solid #c5a2e41c}.comparison-table thead .compare-focus{background:linear-gradient(120deg,#332939,#26202e)}.comparison-table thead .compare-focus>span{color:#f0ddb2}.comparison-table .compare-focus strong{font-weight:500;color:#e2d4ef;display:block;font-size:17px;margin-bottom:3px}.comparison-table .compare-focus>span:not(.mobile-compare-label){display:block;color:#b7acbf}.comparison-table tbody tr:last-child>*{border-bottom:0}.mobile-compare-label{display:none}.comparison-table tbody tr{transition:background .25s}.comparison-footnote{font-size:13px;line-height:1.8;color:#8f879a;margin:18px 0 0;max-width:1000px}
.platform-cost-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.platform-cost-card{background:#18161c;border:1px solid #ffffff13;border-radius:21px;padding:27px 23px;display:flex;flex-direction:column;min-width:0;transition:transform .28s,border-color .28s,box-shadow .28s}.platform-cost-card.local-cost{border-color:#d4b48065;background:linear-gradient(155deg,#3a303c,#221d29 48%,#19171e)}.platform-type{font-size:12px;color:#988ca7;letter-spacing:.08em}.local-cost .platform-type{color:#e2c894}.platform-cost-card h4{font-size:23px;font-weight:500;line-height:1.4;color:#eee9f4;margin:14px 0 23px}.platform-price{font-size:39px;letter-spacing:-.045em;color:#ddd6e6;font-weight:500;line-height:1.2;margin:0 0 24px;min-height:82px}.local-cost .platform-price{color:#efdab2;font-size:50px}.platform-price>span{font-size:17px;letter-spacing:0}.platform-price small{display:block;color:#a69bad;letter-spacing:0;font-size:13px;line-height:1.7;font-weight:400;margin-top:10px}.platform-price.price-text{font-size:27px;line-height:1.6;letter-spacing:-.015em}.platform-cost-card>p:not(.platform-price){font-size:14px;line-height:1.85;color:#b5abbe;margin:0}.platform-cost-card ul{font-size:13px;line-height:1.85;color:#958a9f;margin:19px 0 24px;padding-left:16px;flex:1}.platform-cost-card li+li{margin-top:7px}.platform-cost-card>a{font-size:14px;color:#decaa3;text-decoration:underline;text-underline-offset:5px;width:fit-content}.platform-cost-card>a:hover{color:#f6e6c6}
.generation-budget{display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;padding:28px 0;margin-top:26px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.generation-budget h4{font-size:22px;font-weight:500;line-height:1.4;margin:9px 0 8px}.generation-budget>div>p{font-size:14px;line-height:1.8;max-width:590px;color:#aaa0b5;margin:0}.generation-equation{display:flex;align-items:center;gap:13px;margin:0;font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-.03em;color:#d5c2e6;font-variant-numeric:tabular-nums}.generation-equation small{display:block;font-size:12px;letter-spacing:0;color:#968a9f;margin-top:10px;text-align:center;font-weight:400}.generation-equation i{font-style:normal;font-size:24px;color:#74647f;margin-bottom:23px}.generation-equation>span:last-child{color:#e7d0a7}
.comparison-evidence{display:flex;align-items:baseline;gap:24px;margin-top:29px;border-top:1px solid #ffffff12;padding-top:18px;font-size:12px;color:#80778c}.comparison-evidence>span{white-space:nowrap}.comparison-evidence details{padding:0;border:0;flex:1}.comparison-evidence summary{font-size:13px;color:#a397b1;list-style-position:inside;cursor:pointer}.comparison-evidence ul{font-size:13px;line-height:1.9;padding-left:18px;columns:2;column-gap:32px;margin:17px 0}.comparison-evidence li{break-inside:avoid;margin:0 0 5px}.comparison-evidence a{text-decoration:underline;text-underline-offset:3px;color:#bbaccb}.comparison-evidence p{font-size:13px;line-height:1.8;max-width:760px;margin:16px 0 0;color:#958a9f}.comparison-panel.compare-enter{animation:comparison-enter .45s cubic-bezier(.22,1,.36,1)}
/* Preserve scroll reveals alongside each component's hover transitions. */
.comparison-section .motion-item{transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate .9s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .32s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}
.comparison-tabs button{transition:background .25s,color .25s,box-shadow .25s,transform .25s}.comparison-tabs button:active{transform:scale(.97)}
@keyframes comparison-enter{from{opacity:.3;translate:0 7px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.comparison-table tbody tr:hover{background:#d8c2ed07}.platform-cost-card:hover{transform:translateY(-4px) scale(1.01);border-color:#c1a4da59;box-shadow:0 15px 45px #0004}}
@media(max-width:1050px){.platform-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-price{min-height:0}.comparison-table th,.comparison-table td{padding:19px}.comparison-table thead th>span{font-size:21px}.generation-budget{grid-template-columns:1fr;gap:25px}.generation-equation{justify-content:flex-start;gap:22px}.compare-label-col{width:19%}.compare-focus-col{width:44%}}
@media(max-width:760px){.comparison-section{padding:65px 0}.comparison-points{gap:13px;margin-bottom:31px}.comparison-points p{padding:3px 0 3px 13px}.comparison-points span{font-size:10px;letter-spacing:.025em}.comparison-points strong{font-size:16px;line-height:1.7;display:block;max-width:6em}.comparison-tabs{margin-bottom:27px}.comparison-tabs button{padding:10px 24px;font-size:15px}.comparison-intro h3{font-size:24px}.comparison-intro p{font-size:15px}.comparison-table-frame{background:transparent;border:0;overflow:visible;border-radius:0}.comparison-table,.comparison-table tbody{display:block}.comparison-table colgroup,.comparison-table thead{display:none}.comparison-table tr{display:grid;grid-template-columns:1fr 1fr;background:#17151c;border:1px solid #ffffff12;border-radius:18px;overflow:hidden;margin-bottom:14px}.comparison-table tbody th{display:block;grid-column:1/-1;padding:16px 19px;background:#1f1b26;font-size:16px;border-bottom:1px solid #ffffff0d}.comparison-table td{display:block;padding:17px 16px 20px;font-size:14px;border-bottom:0;line-height:1.8}.comparison-table .compare-focus{background:#b48dd70b}.comparison-table .compare-focus strong{font-size:15px;line-height:1.7;margin-bottom:6px}.mobile-compare-label{display:block;font-size:12px;line-height:1.5;color:#82748f;margin-bottom:12px}.compare-focus .mobile-compare-label{color:#ddc59c}.comparison-table .compare-focus>span:not(.mobile-compare-label){font-size:14px}.comparison-footnote{font-size:12px;line-height:1.85;margin-top:19px}.platform-cost-grid{grid-template-columns:1fr;gap:16px}.platform-cost-card{padding:26px}.platform-price{font-size:41px}.platform-cost-card>p:not(.platform-price){font-size:15px}.platform-cost-card ul{font-size:14px}.platform-cost-card h4{font-size:25px;margin:12px 0 19px}.platform-price small{font-size:14px}.platform-price{margin-bottom:20px}.generation-budget{margin-top:23px;gap:24px}.generation-budget h4{font-size:23px}.generation-equation{font-size:36px;gap:17px;justify-content:space-between;max-width:320px}.generation-equation i{font-size:21px}.comparison-evidence{display:block;margin-top:25px;padding-top:18px}.comparison-evidence details{margin-top:12px}.comparison-evidence ul{columns:1}.comparison-evidence summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.comparison-panel.compare-enter{animation:none}.comparison-section .motion-item,.comparison-tabs button,.platform-cost-card,.comparison-table tbody tr{transition:none}.platform-cost-card:hover,.comparison-tabs button:active{transform:none}}