@charset "UTF-8";
/* Shared price data and actions remain in app.js; this layer adds motion only. */
.kinetic-prices{--price-scroll:0;--price-ease:cubic-bezier(.2,.85,.2,1);background:#fbfcff}
.kinetic-prices .site-header{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid #e6ebf2}
.price-reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#0066df;transform:scaleX(var(--price-scroll));transform-origin:left;pointer-events:none}
.price-skip{position:fixed;left:20px;top:12px;padding:14px 20px;border-radius:10px;background:#0066df;color:#fff;z-index:100;transform:translateY(-160%)}
.price-skip:focus{transform:none}
.kinetic-prices .mobile-nav{position:sticky;top:94px;z-index:29;background:#fff}
.kinetic-prices .price-main{position:relative;isolation:isolate}
.kinetic-prices .price-main:before{content:"";position:absolute;top:-30px;left:-8%;right:-8%;height:480px;background:radial-gradient(ellipse at 85% 34%,#dbefff7a,transparent 52%);pointer-events:none;z-index:-1}
.kinetic-prices .price-intro{position:relative;padding:56px 0 42px;gap:30px;min-height:250px}
.price-intro-copy{position:relative;z-index:1}
.price-intro-copy .eyebrow{display:flex;align-items:center;gap:10px}
.price-live-dot{width:6px;height:6px;border-radius:50%;background:#0066df;box-shadow:0 0 0 5px #0066df0d;animation:price-dot-pulse 2.8s ease-in-out infinite}
.kinetic-prices .price-intro h1{font-size:clamp(36px,3.35vw,49px);line-height:1.35;letter-spacing:-.065em;font-weight:750;margin-top:18px}
.price-title-line{display:inline-block}
.price-title-line:last-child{background:linear-gradient(105deg,#12212e 20%,#075ac5 68%,#12212e 100%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;color:transparent}
.kinetic-prices .price-intro p:not(.eyebrow){font-size:14px;color:#687b8e;margin-top:19px;line-height:1.8}
.price-value-orbit{position:relative;flex:none;width:170px;height:170px;display:grid;place-items:center;perspective:500px;transform:translateY(calc(var(--price-scroll) * -44px))}
.kinetic-prices .price-intro-mark{margin:0;font-size:91px;color:#0066df;line-height:1.25;transform:rotate(-12deg);text-shadow:0 8px 20px #0066df19;animation:price-value-lift 5s ease-in-out infinite}
.kinetic-prices .price-intro-mark>span{font-size:7px;left:-4px;bottom:0;letter-spacing:.15em;color:#6992b8}
.price-orbit{position:absolute;inset:9px;border:1px solid #b5d6fa;border-radius:50%;transform:rotateX(61deg) rotateZ(-30deg)}
.price-orbit-two{inset:0;border-color:#bfd9f28c;transform:rotateX(34deg) rotateY(-45deg) rotateZ(38deg);animation:price-ring-turn 14s linear infinite}
.price-orbit-point{position:absolute;inset:4px;animation:price-point-turn 11s linear infinite}
.price-orbit-point:after{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;background:#0066df;box-shadow:0 0 0 4px #0066df12;border-radius:50%}
.price-orbit-plus{position:absolute;right:9px;bottom:33px;font:300 27px/1 Arial,sans-serif;color:#7db4ec;animation:price-value-lift 5s 1s ease-in-out infinite}
.kinetic-prices .lookup-panel{position:relative;background:#fff;border:1px solid #d7e5f5;border-radius:18px;box-shadow:0 16px 60px #122d4b08;padding:26px 29px 21px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.kinetic-prices .lookup-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0066df,#65c5f6,#0066df);background-size:200% 100%;animation:price-edge-drift 6s linear infinite}
.kinetic-prices .lookup-panel:focus-within{border-color:#71a9eb;box-shadow:0 12px 50px #0066df0d}
.kinetic-prices .lookup-panel>label{font-size:12px;font-weight:650;letter-spacing:-.03em}
.kinetic-prices .price-search{border-color:#d3dfeb;border-radius:11px;margin-top:14px;padding:8px 8px 8px 22px;transition:border-color .25s,box-shadow .25s}
.kinetic-prices .price-search:focus-within{border-color:#0066df;box-shadow:0 0 0 3px #0066df0a}
.kinetic-prices .price-search input{font-size:20px;letter-spacing:-.025em;padding-block:11px}
.kinetic-prices .price-search .button{min-height:47px;border-radius:8px}
.kinetic-prices .popular-searches button{border:1px solid #e1eaf4;background:#f4f8fd;border-radius:7px;color:#416488;transition:background .22s,color .22s,transform .22s}
.kinetic-prices .popular-searches button:hover,.kinetic-prices .popular-searches button:focus-visible{background:#e8f2ff;color:#0066df;transform:translateY(-2px)}
.kinetic-prices .button{position:relative;overflow:hidden;transition:background .25s,transform .35s var(--price-ease),box-shadow .35s}
.kinetic-prices .button:after{content:"";position:absolute;inset:-70% auto -70% -55%;width:35%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,#ffffff38,transparent);transition:left .55s;pointer-events:none}
.kinetic-prices .button:hover:after{left:140%}
.kinetic-prices .button:hover{box-shadow:0 8px 25px #0066df17;transform:translateY(-3px)}
.kinetic-prices .button>span{transition:transform .35s var(--price-ease)}
.kinetic-prices .button:hover>span{transform:translate(2px,-2px)}
.kinetic-prices .result-toolbar{margin-top:38px}
.kinetic-prices .brand-tabs{gap:12px}
.kinetic-prices .brand-tabs button{padding:12px 17px 15px;font-size:13px;transition:color .25s,background .25s;border-radius:8px 8px 0 0}
.kinetic-prices .brand-tabs button:hover{color:#0066df;background:#edf5ff}
.kinetic-prices .brand-tabs button.active{background:#eaf3ff}
.kinetic-prices .brand-tabs button.active:after{height:3px;border-radius:3px 3px 0 0;animation:price-tab-line .35s var(--price-ease)}
.kinetic-prices .result-meta{margin-block:22px 17px}
.kinetic-prices .brand-table{border-color:#dce5ef;border-radius:15px;box-shadow:0 8px 35px #17365104;transition:box-shadow .35s}
.kinetic-prices .brand-table:hover{box-shadow:0 15px 50px #1736510a}
.kinetic-prices .brand-table-header{background:linear-gradient(105deg,#fff,#f1f7fe);padding-block:24px}
.kinetic-prices .amd-table .brand-table-header{background:linear-gradient(105deg,#fff,#fff5f1)}
.kinetic-prices .brand-table-header:before{width:4px}
.kinetic-prices .brand-table td{transition:background .22s,color .22s}
.kinetic-prices .brand-table td.price-cell{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}
.kinetic-prices .brand-table .model-name{font-size:13px;font-weight:550}
.kinetic-prices .brand-table tr.selected td{background:#e8f2ff;color:#0066df}
.kinetic-prices .brand-table tr.selected .price-cell{animation:price-selected-value .42s var(--price-ease)}
.kinetic-prices .brand-table tr:hover td{background:#f0f7ff}
.kinetic-prices .pick-model{position:relative;transition:transform .3s var(--price-ease),background .22s,color .22s;min-height:32px;min-width:32px}
.kinetic-prices .pick-model:hover{transform:rotate(90deg) scale(1.1)}
.kinetic-prices tr.selected .pick-model:hover{transform:scale(1.1)}
.kinetic-prices .selection-bar{background:#f9fcfff2;border-color:#c4daf3;box-shadow:0 -12px 60px #0055bb12;isolation:isolate}
.kinetic-prices .selection-bar:before{content:"";position:absolute;left:0;top:-2px;width:100%;height:3px;background:linear-gradient(90deg,#0066df,#8bd5ff,#0066df);background-size:200% 100%;animation:price-edge-drift 4s linear infinite}
.kinetic-prices .selection-price strong{color:#0066df}
.kinetic-prices .price-guidance{padding-top:29px;margin-top:39px}
.kinetic-prices .price-next{margin-top:38px;border-radius:18px;background:linear-gradient(145deg,#eef6ff,#f7faff);border:1px solid #e3edf9;padding-block:58px}
.kinetic-prices .price-next h2{font-size:34px;line-height:1.45}
.kinetic-prices .price-next .button{background:#0066df}
.kinetic-prices .site-footer{padding-top:48px}
.price-motion-ready .price-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--price-ease),transform .7s var(--price-ease)}
.price-motion-ready .price-reveal.is-visible{opacity:1;transform:none}
.price-motion-ready .price-intro-copy>.eyebrow{animation:price-intro-in .7s both}
.price-motion-ready .price-title-line{animation:price-intro-in .95s var(--price-ease) both}
.price-motion-ready .price-title-line:last-child{animation-delay:.11s}
.price-motion-ready .price-intro-copy>p:last-child{animation:price-intro-in .9s .2s var(--price-ease) both}
.price-motion-ready .price-value-orbit{animation:price-orbit-in 1.2s .14s var(--price-ease) backwards}
@keyframes price-intro-in{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes price-orbit-in{from{opacity:0;translate:35px 15px;scale:.7}to{opacity:1;translate:0 0;scale:1}}
@keyframes price-dot-pulse{0%,100%{box-shadow:0 0 0 4px #0066df10}50%{box-shadow:0 0 0 8px #0066df00}}
@keyframes price-value-lift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes price-ring-turn{0%{transform:rotateX(34deg) rotateY(-45deg) rotateZ(38deg)}100%{transform:rotateX(34deg) rotateY(-45deg) rotateZ(398deg)}}
@keyframes price-point-turn{to{transform:rotate(360deg)}}
@keyframes price-edge-drift{to{background-position:-200% 0}}
@keyframes price-tab-line{from{transform:scaleX(.25);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes price-selected-value{0%{transform:translateY(5px);opacity:.35}100%{transform:none;opacity:1}}
@media(max-width:1150px){.kinetic-prices .price-intro h1{font-size:39px}.price-value-orbit{width:135px;height:135px}.kinetic-prices .price-intro-mark{font-size:75px}.kinetic-prices .price-intro{gap:18px}.kinetic-prices .brand-table td.price-cell{font-size:17px}.kinetic-prices .brand-table .model-name{font-size:12px}}
@media(max-width:850px){.kinetic-prices .mobile-nav{top:77px}.kinetic-prices .price-intro h1{font-size:34px}.price-value-orbit{width:105px;height:105px}.kinetic-prices .price-intro-mark{font-size:64px}.kinetic-prices .price-intro-mark>span{font-size:5px}.kinetic-prices .price-intro p:not(.eyebrow){font-size:12px}.kinetic-prices .brand-table td.price-cell{font-size:16px}.kinetic-prices .brand-table .model-name{font-size:11px}.kinetic-prices .pick-model{min-height:29px;min-width:29px}}
@media(max-width:620px){.kinetic-prices .mobile-nav{top:73px}.kinetic-prices .price-main:before{left:-20px;right:-20px;height:350px;background:radial-gradient(ellipse at 90% 10%,#d9eeff99,transparent 60%)}.kinetic-prices .price-intro{padding:33px 0 30px;min-height:0;display:block}.kinetic-prices .price-intro h1{font-size:34px;line-height:1.39;margin-top:17px;max-width:340px}.price-title-line{position:relative;z-index:1}.price-title-line:last-child{background-size:100% auto}.kinetic-prices .price-intro .eyebrow{font-size:8px;letter-spacing:.14em;gap:9px}.kinetic-prices .price-intro p:not(.eyebrow){font-size:11px;margin-top:16px;max-width:260px}.price-value-orbit{position:absolute;top:35px;right:-10px;width:90px;height:90px;z-index:0;opacity:.22}.kinetic-prices .price-intro-mark{display:block;font-size:57px}.kinetic-prices .price-intro-mark>span{display:none}.price-orbit-point:after{width:6px;height:6px}.price-orbit-plus{font-size:22px;right:1px;bottom:14px}.kinetic-prices .lookup-panel{padding:22px 16px 18px;border-radius:14px}.kinetic-prices .lookup-panel>label{font-size:11px}.kinetic-prices .price-search{padding:6px 6px 6px 14px;border-radius:9px;gap:10px}.kinetic-prices .price-search input{font-size:16px;padding-block:10px}.kinetic-prices .price-search input::placeholder{font-size:10px}.kinetic-prices .price-search .button{min-height:43px;min-width:52px}.kinetic-prices .brand-tabs{gap:5px}.kinetic-prices .brand-tabs button{font-size:11px;padding:12px 13px 14px}.kinetic-prices .result-toolbar{margin-top:28px}.kinetic-prices .result-meta{margin-block:18px 14px}.kinetic-prices .brand-table{border-radius:13px}.kinetic-prices .brand-table-header{padding-block:22px}.kinetic-prices .brand-table .model-name{font-size:12px}.kinetic-prices .brand-table td.price-cell{font-size:19px}.kinetic-prices .pick-model{min-height:34px;min-width:34px}.kinetic-prices .price-guidance{margin-top:28px;padding-top:24px}.kinetic-prices .price-next{padding:38px 17px;margin-top:28px;border-radius:14px}.kinetic-prices .price-next h2{font-size:25px}.kinetic-prices .price-next .eyebrow{font-size:8px}.kinetic-prices .price-next .button{margin-top:23px}.kinetic-prices .site-footer{padding-top:34px}}
@media(max-width:360px){.kinetic-prices .price-intro h1{font-size:30px;max-width:280px}.price-value-orbit{right:-12px;width:76px;height:76px;top:38px}.kinetic-prices .price-intro-mark{font-size:48px}.kinetic-prices .brand-tabs button{padding-inline:11px}.kinetic-prices .brand-table td.price-cell{font-size:17px}.kinetic-prices .brand-table .model-name{font-size:11px}.kinetic-prices .price-next h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.price-motion-ready .price-reveal{opacity:1;transform:none}.price-value-orbit{transform:none}.price-title-line:last-child{color:#12212e;background:none}.kinetic-prices .pick-model:hover,.kinetic-prices .button:hover{transform:none}}
