/* The offer: two obsidian faces divided by a living molten fault. */
#starter{position:relative;isolation:isolate;padding:110px 45px!important;margin-top:80px;margin-bottom:90px;gap:100px;overflow:hidden;border:1px solid #c998622e;border-radius:16px;background:radial-gradient(ellipse at 48% 50%,#91370d18,transparent 70%),linear-gradient(115deg,#111c22,#070d12 54%,#121d23);box-shadow:inset 0 1px #eacda51a,0 45px 100px #0006;align-items:center}
.offer-lava-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
#starter .offer-story{position:relative;z-index:1;padding-right:10px}
#starter .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:30px;color:#e7b278}
#starter h2{font-size:clamp(36px,4.5vw,65px);line-height:1.06;letter-spacing:-.045em;margin-bottom:27px}
#starter h2 em{display:block;margin-top:10px;background:linear-gradient(120deg,#fff0d4,#f6b767 40%,#ff7225 90%);background-clip:text;color:transparent}
#starter .offer-intro{font-size:15px;line-height:1.95;max-width:450px;color:#b6c2c7}
.offer-assurances{margin:30px 0;display:flex;flex-direction:column;gap:0;border-top:1px solid #c2ab8929;max-width:400px}
.offer-assurances span{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #c2ab891c;font-size:12px;color:#dbded7}
.offer-assurances b{font-size:9px;color:#da9b57;font-weight:500;letter-spacing:.12em}
#starter .offer-story>.fine{font-size:11px;line-height:1.9;color:#93a4ac;max-width:380px}
#starter .price-card{padding:36px;position:relative;z-index:1;background:linear-gradient(145deg,#29353bcf,#0d1821ed 55%);border:1px solid #ceac7a66;border-radius:12px;box-shadow:0 2px 0 #aa784233,12px 16px 0 #0a111aaa,0 35px 65px #0008,inset 0 1px #e8dac52b;backdrop-filter:blur(8px);transform:perspective(1400px) rotateY(-3deg);transition:transform .7s}
#starter .price-card:hover{transform:perspective(1400px) rotateY(0deg) translateY(-3px)}
#starter .price-card:before{background:radial-gradient(ellipse at 0 0,#ff9b2720,transparent 65%);opacity:1}
#starter .price-top{position:relative;font-size:10px;letter-spacing:.12em;color:#d0d6ce;margin-bottom:33px}
#starter .price-top .tag{border-color:#b3b9a833;background:#08151c66;border-radius:20px;font-size:7px;padding:7px 11px;color:#e3bb87}
.offer-price-label{position:relative;font-size:8px;letter-spacing:.16em;color:#bda98e;margin-bottom:12px}
#starter .price-card .price{position:relative;font-size:clamp(86px,9vw,125px);font-weight:600;letter-spacing:-.07em;line-height:1;margin:0 0 25px;background:linear-gradient(165deg,#fff6e4,#d8e0dc 40%,#8d9b9f 72%,#f7e3c7);background-clip:text;color:transparent}
#starter .price-card .price>span{display:block;font-size:10px;letter-spacing:.08em;font-weight:400;color:#a2b3bd;margin:10px 0 0 5px}
#starter .payment-milestones{position:relative;border:0;gap:12px;margin:0 0 24px;padding:0;grid-template-columns:1fr 16px 1fr}
#starter .payment-milestones>div{padding:18px 13px;background:linear-gradient(130deg,#ba6e1720,#09151de0);border:1px solid #d3a36b38;border-radius:6px;gap:8px}
#starter .payment-milestones strong{font-size:30px;color:#ffe6bf;letter-spacing:-.035em}
#starter .payment-milestones span{font-size:7px;color:#bfaa8b;letter-spacing:.1em}
#starter .payment-milestones small{font-size:10px;color:#9dadb5}
#starter .payment-milestones>i{color:#ffa245;text-align:center}
#starter .price-card ul{position:relative;border:0;padding:0;margin:0}
#starter .price-card li{font-size:12px;padding:13px 0!important;color:#c9d1ce}
#starter .price-card li:before{color:#ff9c49}
#starter .price-card>.button{position:relative;border-radius:5px;padding:18px 19px;font-size:11px;margin-top:26px;background:linear-gradient(115deg,#ffc47a,#ff8b2a 55%,#eb5d10);box-shadow:inset 0 1px #ffe8bfaa,0 7px 28px #ff741121;color:#1d1209;border:1px solid #ffbb72;transition:box-shadow .3s,transform .3s}
#starter .price-card>.button:hover{box-shadow:inset 0 1px #ffe8bfaa,0 8px 38px #ff74114a;transform:translateY(-2px)}
#starter .price-card>.fine{font-size:10px;line-height:1.9;color:#91a4ae;margin-top:17px}
@media(max-width:1000px){#starter{gap:55px;padding:75px 30px!important}#starter .price-card{padding:27px}#starter h2{font-size:43px}#starter .payment-milestones>div{padding:16px 10px}}
@media(max-width:700px){#starter{padding:38px 24px!important;margin-top:40px;margin-bottom:50px;gap:40px;border-radius:10px}#starter h2{font-size:42px}#starter .offer-story{padding:0}#starter .offer-intro{font-size:14px}#starter .price-card{padding:27px 23px;transform:none}#starter .price-card .price{font-size:100px}.offer-lava-surface{opacity:.5}#starter .payment-milestones strong{font-size:30px}#starter .offer-story>.fine{background:#071119a0;padding:10px;border-radius:4px}}
@media(prefers-reduced-motion:reduce){#starter .price-card{transform:none;transition:none}}.motion-paused #starter .price-card{transform:none;transition:none}

#starter .offer-story{background:linear-gradient(90deg,#0b141a33,#0b141a55 88%,transparent);border-radius:6px}
/* Molten call to action: moving heat, a soft halo, and a crisp lit edge. */
@property --offer-cta-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
#starter .price-card>.button{isolation:isolate;overflow:visible;background:linear-gradient(110deg,#ffe0a3 0%,#ffad45 24%,#ff6b13 51%,#ffc775 77%,#ffe0a3 100%);background-size:230% 100%;border-color:#ffd08e;box-shadow:inset 0 1px #fff0c8,0 0 15px #ff8d3545,0 8px 30px #ff641535;animation:offer-cta-heat 5s ease-in-out infinite;transform:translateZ(0);font-weight:700;color:#241204}
#starter .price-card>.button:before{content:'';position:absolute;inset:-7px;z-index:-2;border-radius:10px;background:conic-gradient(from var(--offer-cta-angle),#ff4a0600,#ff5e1877,#ffcb7677,#ff5b1200 70%);filter:blur(12px);opacity:.75;animation:offer-cta-orbit 8s linear infinite;pointer-events:none}
#starter .price-card>.button:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff2bd55 47%,transparent 68%);background-size:250% 100%;animation:offer-cta-sheen 5s ease-in-out infinite;box-shadow:inset 0 0 0 1px #ffedbc55}
#starter .price-card>.button>span{color:#3b1a03;font-size:20px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
#starter .price-card>.button:hover,#starter .price-card>.button:focus-visible{transform:translateY(-3px);box-shadow:inset 0 1px #fff4d4,0 0 23px #ffaa5766,0 12px 45px #ff6b1655;border-color:#fff1c4}
#starter .price-card>.button:hover>span{transform:translate(3px,-3px)}
@keyframes offer-cta-heat{0%,100%{background-position:0% 50%;box-shadow:inset 0 1px #fff0c8,0 0 15px #ff8d3545,0 8px 30px #ff641535}50%{background-position:100% 50%;box-shadow:inset 0 1px #fff0c8,0 0 25px #ffaa5666,0 8px 40px #ff64154a}}
@keyframes offer-cta-orbit{to{--offer-cta-angle:360deg}}
@keyframes offer-cta-sheen{0%,20%{background-position:120% 0}75%,100%{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){#starter .price-card>.button,#starter .price-card>.button:before,#starter .price-card>.button:after{animation:none}}
.motion-paused #starter .price-card>.button,.motion-paused #starter .price-card>.button:before,.motion-paused #starter .price-card>.button:after{animation-play-state:paused}
@media(max-width:700px){#starter .offer-lava-surface{transform:none;opacity:1}#starter .offer-story{background:linear-gradient(90deg,#091219ed,#091219c9 50%,#091219ed);padding:18px 14px;border-radius:8px;box-shadow:0 0 28px #07101577}#starter .price-card{background:linear-gradient(145deg,#24323af2,#0d1821f5 55%)}#starter .price-card:hover{transform:none}}
