/* Approved formats preview1, scoped to main pricing section. */
#pricing{max-width:1160px;margin:0 auto;padding:clamp(60px,8vw,100px) clamp(20px,5vw,40px) 0;scroll-margin-top:100px;font-family:Onest,sans-serif;color:#101319}
#pricing .section-title{text-align:center;max-width:790px;margin:0 auto 36px}
#pricing .micro{font:10px/1.7 'JetBrains Mono',monospace;letter-spacing:.08em;color:#536071}
#pricing .section-title>.micro{display:block;margin-bottom:17px}
#pricing .section-title h2{font:300 clamp(28px,3.2vw,42px)/1.26 Unbounded,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0}
#pricing .section-title p{color:#536071;font-size:15px;line-height:1.7;max-width:57ch;margin:20px auto 0}
#pricing .holo-text{background:linear-gradient(115deg,#2a3444 8%,#b4318f 26%,#c98a12 40%,#0f8a5e 54%,#2f6fd0 68%,#6b3fd4 80%,#2a3444 96%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:holoShift 7s ease-in-out infinite}
#pricing .plan h3{font-family:Unbounded,sans-serif;font-weight:300;letter-spacing:-.035em;margin:0;text-wrap:balance}
#pricing .button{display:inline-flex;align-items:center;justify-content:space-between;background:#101319;color:#fff;border-radius:10px;padding:14px 20px;min-height:50px;line-height:1.6;transition:background .2s,transform .2s;text-decoration:none}
#pricing .button:hover{background:#303c49;transform:translateY(-2px)}
#pricing .button:focus-visible{outline:2px solid #507a91;outline-offset:4px}
#pricing .foil{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;background:linear-gradient(155deg,#f6f4fb,#cfd6ea 30%,#b9c6d8 48%,#8b96a6 70%,#e8e4f2 88%,#eef1f7)}
#pricing .foil>span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 12%,hsl(280 92% 62%/.62) 26%,hsl(320 96% 62%/.78) 38%,hsl(15 96% 62%/.6) 46%,hsl(45 98% 60%/.62) 53%,hsl(160 92% 52%/.6) 62%,hsl(205 96% 58%/.78) 72%,hsl(258 92% 64%/.6) 82%,transparent 92%);background-size:260% 100%;mix-blend-mode:color-dodge;animation:holoShift 7s ease-in-out infinite}
#pricing .foil>span+span{mix-blend-mode:soft-light;opacity:.85;animation-direction:reverse;animation-duration:6s}
#pricing .foil:after{content:"";position:absolute;inset:0;background:#fff9;border-radius:inherit}
#pricing .plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#pricing .plan{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(125deg,#88ced5,#a3b2e7,#d69ccf,#e6c392,#95d1ca) border-box;padding:27px 25px;display:flex;flex-direction:column;min-width:0}
#pricing .plan .foil{z-index:0;opacity:0;transition:opacity .35s}
#pricing .plan>*:not(.foil){position:relative;z-index:1}
#pricing .plan:hover .foil,#pricing .plan:focus-within .foil{opacity:.65}
#pricing .plan-first .foil{opacity:.65}
#pricing .plan-first:hover .foil{opacity:.85}
#pricing .plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:28px}
#pricing .plan-icon{font-size:20px;color:#69898e}
#pricing .start-tag{font-size:10px;white-space:nowrap;background:#ffffffb0;padding:5px 9px;border-radius:20px;color:#405867}
#pricing .plan h3{font-size:27px;line-height:1.4;letter-spacing:-.035em}
#pricing .plan-desc{font-size:14px;line-height:1.8;color:#536071;margin:19px 0 20px;min-height:76px}
#pricing .plan ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
#pricing .plan li{font-size:12px;line-height:1.7;color:#455367;padding-left:16px;position:relative}
#pricing .plan li:before{content:'—';position:absolute;left:0;color:#769299}
#pricing .plan-bottom{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;border-top:1px solid #aab8c044;padding-top:22px}
#pricing .plan-bottom strong{font:400 16px/1.6 Onest,sans-serif;margin:11px 0 24px}
#pricing .plan-bottom .button{width:100%;font-size:12px;gap:10px}
#pricing .button.secondary{color:#101319;background:#ffffffc9;border:1px solid #ccd5df}
#pricing .button.secondary:hover{background:#fff}
#pricing .plan small,#pricing .focus-copy small{display:block;font-size:10px;line-height:1.7;color:#536071;margin-top:12px}
@media(max-width:1000px){#pricing .plan{padding:23px 19px}#pricing .plan h3{font-size:23px}#pricing .plan-top{display:block}#pricing .start-tag{display:inline-block;margin-top:8px}#pricing .plan-icon{display:none}#pricing .plan-desc{font-size:13px;min-height:95px}}
@media(max-width:700px){#pricing .plans-grid{grid-template-columns:1fr}#pricing .plan{padding:27px}#pricing .plan-top{display:flex;margin-bottom:24px}#pricing .start-tag{margin:0}#pricing .plan-icon{display:block}#pricing .plan h3{font-size:28px}#pricing .plan-desc{min-height:0;font-size:14px}#pricing .plan ul{margin-bottom:25px}#pricing .plan-bottom strong br{display:none}#pricing .plan-bottom .button{width:100%;min-width:0}#pricing .section-title p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#pricing *,#pricing *:before,#pricing *:after{animation:none!important;transition:none!important}}