/* ARTGK_PRICING_20261101. Presentation only; prices and promises stay in lib/tariffs.ts and app/page.tsx. */
#pricing{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0,#0b3760 0,transparent 58%),#050b17;color:#f8fafc;padding-top:88px;padding-bottom:72px;overflow:hidden}
#pricing>div{position:relative;z-index:1}
#pricing h2{color:#fff;letter-spacing:-.035em;font-size:clamp(30px,4vw,42px)}
#pricing>div>div:first-child>p{color:#aebed4;max-width:660px;margin-left:auto;margin-right:auto;line-height:1.7}
#pricing>div>.grid{gap:18px;padding-top:20px;align-items:stretch}
#pricing>div>.grid>div{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;border:1px solid #263a57;border-radius:18px;padding:30px 24px 26px;background:linear-gradient(145deg,#121f34,#0a1323 65%);color:#e2e8f0;box-shadow:0 12px 32px #0003;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#pricing>div>.grid>div:hover{transform:translateY(-5px);border-color:#4e91d5;box-shadow:0 16px 40px #0005,0 0 24px #1684f21a}
#pricing>div>.grid>div.border-primary{border-color:#359bff;background:linear-gradient(145deg,#102e4e,#0b172b 68%);box-shadow:0 0 0 1px #359bff40,0 0 36px #1684f22b;animation:artgk-pricing-glow 6s ease-in-out infinite}
#pricing>div>.grid>div>div{position:absolute;top:-14px;left:24px;margin:0;border:1px solid #58b0ff;border-radius:20px;background:#005fb8;color:#fff;padding:6px 12px;font-size:10px;line-height:14px;letter-spacing:.06em}
#pricing>div>.grid>div>p:nth-of-type(1){order:1;color:#aebed4;font-size:14px;line-height:1.6;min-height:44px;margin:10px 0 18px;font-weight:400}
#pricing>div>.grid>div>p:nth-of-type(2){order:0;color:#f8fafc;font-size:25px;font-weight:700;letter-spacing:-.025em;margin:0}
#pricing>div>.grid>div>p:nth-of-type(3){order:2;color:#fff;white-space:nowrap;font-size:36px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.2;margin:0 0 24px}
#pricing>div>.grid>div>p:nth-of-type(3)>span{color:#aebed4;font-size:13px;letter-spacing:0;font-weight:400;margin-left:4px}
#pricing>div>.grid>div>a{order:3;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0;height:44px;border:1px solid #325276;border-radius:9px;background:#172d48;color:#e8f3ff;font-size:14px;font-weight:600;transition:background .2s ease,box-shadow .2s ease}
#pricing>div>.grid>div>a:hover{background:#24496f;box-shadow:0 0 18px #359bff26}
#pricing>div>.grid>div.border-primary>a{border-color:#3d9ef6;background:#005fb8;color:#fff;box-shadow:0 0 20px #1684f226}
#pricing>div>.grid>div.border-primary>a::after{content:"";position:absolute;inset:-70% auto -70% -60%;width:35%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff25,transparent);animation:artgk-pricing-sheen 7s ease-in-out infinite;pointer-events:none}
#pricing>div>.grid>div>a:focus-visible{outline:2px solid #93c5fd;outline-offset:5px}
#pricing>div>.grid>div>ul{order:4;flex:1;border-top:1px solid #29405b;margin:24px 0 0;padding-top:22px;color:#c4d2e3}
#pricing>div>.grid>div>ul>li{font-size:13px;line-height:1.6;align-items:flex-start;color:#c4d2e3}
#pricing>div>.grid>div>ul>li>span{color:#c4d2e3}
#pricing>div>.grid>div>ul svg{color:#57acfb;margin-top:2px}
#pricing>div>p:last-child{color:#aebed4;font-size:13px;line-height:1.7;margin-top:30px}
@keyframes artgk-pricing-glow{0%,100%{box-shadow:0 0 0 1px #359bff30,0 0 28px #1684f220}50%{box-shadow:0 0 0 1px #359bff70,0 0 45px #1684f24d}}
@keyframes artgk-pricing-sheen{0%,70%{left:-60%;opacity:0}74%{opacity:1}95%,100%{left:140%;opacity:0}}
@media(min-width:1024px) and (max-width:1199px){#pricing>div>.grid>div{padding-left:18px;padding-right:18px}#pricing>div>.grid>div>p:nth-of-type(3){font-size:31px}}
@media(max-width:639px){#pricing{padding-top:56px;padding-bottom:48px}#pricing>div>.grid{gap:30px}#pricing>div>.grid>div>p:nth-of-type(1){min-height:0}#pricing>div>.grid>div:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#pricing>div>.grid>div,#pricing>div>.grid>div.border-primary,#pricing>div>.grid>div.border-primary>a::after{animation:none;transition:none}#pricing>div>.grid>div:hover{transform:none}#pricing>div>.grid>div.border-primary>a::after{display:none}}
