.web-hero{background:radial-gradient(1100px 520px at 78% 30%, #b1212847, transparent 60%), radial-gradient(900px 600px at 30% 90%, #c8794124, transparent 60%), linear-gradient(180deg, #0f0c07 0%, var(--dark) 100%)}.web-hero__shader{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);display:block;position:absolute;inset:0}.web-hero__shader.is-ready{opacity:1}.web-hero__veil{pointer-events:none;background:linear-gradient(90deg, #0f0c07c7 0%, #0f0c0759 42%, #0f0c0700 65%), linear-gradient(180deg, #0f0c0700 70%, var(--dark) 100%);position:absolute;inset:0}.web-hero .studio-hero__content{z-index:2}.web-pain{background:var(--parchment)}.web-pain__grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.web-pain__card{border:1px solid var(--line-soft,#18160f1a);border-left:3px solid var(--bronze);background:var(--white);border-radius:8px;padding:28px 28px 26px}.web-pain__card h3{font-family:var(--font-display);color:var(--ink);margin-bottom:10px;font-size:1.5rem;font-weight:500;line-height:1.2}.web-pain__card p{color:var(--ink-muted);line-height:1.65}.web-layers{background:linear-gradient(180deg, #120e08 0%, var(--dark) 100%);color:var(--parchment);overflow:hidden}.web-layers__pin{align-items:center;min-height:100svh;padding:96px 0;display:flex}.web-layers__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.web-layers__list{gap:6px;margin-top:30px;list-style:none;display:grid}.web-layers__item{opacity:.45;transition:opacity .4s var(--ease-out), border-color .4s, background .4s;border:1px solid #0000;border-radius:8px;grid-template-columns:44px 1fr;gap:14px;padding:14px 16px;display:grid}.web-layers__item.is-active,.web-layers.is-static .web-layers__item{opacity:1}.web-layers__item.is-active{background:#f0ebe00a;border-color:#c8794159}.web-layers__num{font-family:var(--font-stat);color:var(--copper-soft,#e2b891);font-size:1.4rem;line-height:1.2}.web-layers__item h3{font-family:var(--font-display);margin-bottom:4px;font-size:1.35rem;font-weight:500}.web-layers__item p{color:#f0ebe0bd;font-size:.97rem;line-height:1.6}.web-layers.is-pinned .web-layers__item p{opacity:0;max-height:0;transition:max-height .45s var(--ease-out), opacity .35s;overflow:hidden}.web-layers.is-pinned .web-layers__item.is-active p{opacity:1;max-height:8em}.web-stack{perspective:1600px;place-items:center;height:520px;display:grid}.web-stack__inner{aspect-ratio:4/3;width:min(420px,80%);transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-36deg)}.web-plane{transform:translateZ(calc(var(--i) * 6px));background:#1c1710c7;border:1px solid #f0ebe02e;border-radius:14px;padding:22px;transition:border-color .4s,box-shadow .4s;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3}.web-layers.is-static .web-plane{transform:translateZ(calc((var(--i) - 2) * 70px))}.web-plane.is-active{border-color:#e2b891bf;box-shadow:0 30px 60px -20px #000000b3,0 0 60px -10px #b121288c}.web-plane__label{letter-spacing:.16em;text-transform:uppercase;color:#f0ebe099;font-size:.7rem;position:absolute;top:12px;right:14px}.web-plane code{color:var(--copper-soft,#e2b891);white-space:pre;margin-top:26px;font-size:.82rem;line-height:1.6;display:block}.web-plane--design{background:linear-gradient(135deg,#b12128eb,#c87941e6)}.web-plane__swatches{gap:10px;margin-top:24px;display:flex}.web-plane__swatches span{border:1px solid #fdfaf480;border-radius:50%;width:36px;height:36px}.web-plane__swatches span:first-child{background:#b12128}.web-plane__swatches span:nth-child(2){background:#c87941}.web-plane__swatches span:nth-child(3){background:#f0ebe0}.web-plane__swatches span:nth-child(4){background:#18160f}.web-plane__type{font-family:var(--font-display);color:var(--white);margin-top:14px;font-size:4.2rem;font-style:italic;line-height:1}.web-plane--content{background:#f0ebe0f0;border-color:#18160f33}.web-plane--content .web-plane__label{color:var(--ink-muted)}.web-plane__lines{gap:10px;margin-top:26px;display:grid}.web-plane__lines b{background:var(--ink);border-radius:4px;width:70%;height:16px}.web-plane__lines i{background:#18160f40;border-radius:4px;width:92%;height:8px}.web-plane__lines i.short{width:60%}.web-plane__lines em{color:var(--white);background:var(--bronze);border-radius:4px;justify-self:start;margin-top:6px;padding:8px 14px;font-size:.8rem;font-style:normal}.web-plane__status{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.web-plane__status i{color:var(--parchment);border:1px solid #e2b89173;border-radius:999px;padding:6px 10px;font-size:.78rem;font-style:normal}.web-plane__status i:before{content:"● ";color:#6bbf7a}.web-bento-section{background:var(--parchment)}.web-bento{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.web-card{background:var(--dark-surface);color:var(--parchment);border:1px solid var(--dark-border);isolation:isolate;border-radius:12px;flex-direction:column;gap:10px;padding:28px 26px;display:flex;position:relative;overflow:hidden}.web-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #c8794129, transparent 45%);transition:opacity .35s;position:absolute;inset:0}.web-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #e2b891e6, transparent 55%);-webkit-mask-composite:xor;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.web-bento:hover .web-card:before,.web-bento:hover .web-card:after{opacity:1}.web-card--lead{background:radial-gradient(600px 400px at 100% 0%, #b1212859, transparent 60%), var(--dark-surface);grid-area:span 2/span 2;justify-content:flex-end;min-height:320px}.web-card--wide{grid-column:span 2}.web-card__visual{flex:1;place-items:center;padding:8px 0 18px;display:grid}.web-mini{width:min(340px,92%);transition:transform .6s var(--ease-out);background:#0f0c0799;border:1px solid #f0ebe029;border-radius:10px;transform:perspective(900px)rotateY(-12deg)rotateX(6deg);box-shadow:0 30px 60px -24px #000c}.web-card--lead:hover .web-mini{transform:perspective(900px)rotateY(0)rotateX(0)}.web-mini__bar{border-bottom:1px solid #f0ebe01a;gap:6px;padding:9px 12px;display:flex}.web-mini__bar span{background:#f0ebe038;border-radius:50%;width:8px;height:8px}.web-mini__bar span:first-child{background:#b12128cc}.web-mini__body{gap:9px;padding:18px;display:grid}.web-mini__body b{background:#f0ebe0d9;border-radius:3px;width:64%;height:14px}.web-mini__body i{background:#f0ebe033;border-radius:3px;width:88%;height:7px}.web-mini__body i.short{width:58%}.web-mini__row{align-items:center;gap:8px;margin-top:6px;display:flex}.web-mini__row em{letter-spacing:.06em;color:var(--white);background:var(--bronze);border-radius:3px;padding:6px 10px;font-size:.68rem;font-style:normal}.web-mini__row u{border:1px solid #f0ebe04d;border-radius:3px;width:70px;height:22px;text-decoration:none}.web-mini__grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.web-mini__grid span{background:linear-gradient(135deg,#b1212859,#c8794133);border-radius:4px;height:34px}.web-card--full{grid-column:1/-1}.web-card__num{font-family:var(--font-stat);letter-spacing:.08em;color:var(--copper-soft,#e2b891);font-size:1.1rem}.web-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.15}.web-card--lead h3{font-size:clamp(1.9rem,3.2vw,2.6rem)}.web-card p{color:#f0ebe0bd;line-height:1.6}.web-card .lst-card__link{color:var(--copper-soft,#e2b891);margin-top:auto}.web-proof__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.web-proof .studio-browser-wrap{max-width:none;margin:0}.web-proof__list{gap:12px;list-style:none;display:grid}.web-proof__list li{color:#f0ebe0db;padding-left:30px;line-height:1.55;position:relative}.web-proof__list li:before{content:"";border-left:2px solid var(--copper-soft,#e2b891);border-bottom:2px solid var(--copper-soft,#e2b891);width:16px;height:9px;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}.web-proof__cta{text-align:center;margin-top:44px}.web-compare{background:var(--parchment)}.web-compare__wrap{border:1px solid var(--line-soft,#18160f1a);background:var(--white);border-radius:12px;overflow-x:auto}.web-compare__table{border-collapse:collapse;width:100%;min-width:720px}.web-compare__table th,.web-compare__table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft,#18160f1a);padding:18px 20px;line-height:1.5}.web-compare__table thead th{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:500}.web-compare__table tbody th{color:var(--ink);width:22%;font-weight:600}.web-compare__table td{color:var(--ink-muted)}.web-compare__table .is-cos{color:var(--ink);background:#b121280f}.web-compare__table thead .is-cos{color:var(--bronze)}.web-compare__table tr:last-child th,.web-compare__table tr:last-child td{border-bottom:none}.web-steps-wrap{max-width:860px;margin-top:40px;position:relative}.web-steps{gap:22px;margin:0;padding:0;list-style:none;display:grid}.web-steps__line{background:#f0ebe01f;width:2px;position:absolute;top:23px;bottom:23px;left:22px}.web-steps__line span{transform-origin:top;background:linear-gradient(#b12128,#c87941);position:absolute;inset:0}.web-step{grid-template-columns:46px 1fr;align-items:start;gap:22px;display:grid;position:relative}.web-step__num{width:46px;height:46px;font-family:var(--font-stat);color:var(--parchment);background:var(--dark-surface);z-index:1;border:1px solid #c8794180;border-radius:50%;place-items:center;font-size:1.3rem;transition:background .4s,box-shadow .4s;display:grid;position:relative}.web-step.is-on .web-step__num,.web-steps-wrap.is-static .web-step__num{background:var(--gradient-ember,#b12128);box-shadow:var(--glow-ember,none)}.web-step h3{font-family:var(--font-display);margin:8px 0 6px;font-size:1.45rem;font-weight:500}.web-step p{color:#f0ebe0b8;line-height:1.65}@media (width<=1000px){.web-bento{grid-template-columns:repeat(2,1fr)}.web-card--lead{grid-row:auto;min-height:0}.web-proof__grid{grid-template-columns:1fr}}@media (width<=900px){.web-layers__pin{min-height:0;padding:76px 0}.web-layers__inner{grid-template-columns:1fr;gap:24px}.web-stack{order:-1;height:360px}.web-stack__inner{width:min(300px,78%)}.web-plane{padding:16px}.web-plane code{font-size:.7rem}.web-plane__type{font-size:3rem}}@media (width<=640px){.web-pain__grid,.web-bento{grid-template-columns:1fr}.web-card--lead,.web-card--wide,.web-card--full{grid-area:auto}.web-card--lead{min-height:0}.web-compare__wrap{background:0 0;border:none;overflow:visible}.web-compare__table{min-width:0}.web-compare__table thead{display:none}.web-compare__table,.web-compare__table tbody,.web-compare__table tr,.web-compare__table th,.web-compare__table td{width:100%;display:block}.web-compare__table tr{background:var(--white);border:1px solid var(--line-soft,#18160f1a);border-radius:10px;margin-bottom:14px;overflow:hidden}.web-compare__table tbody th{background:var(--parchment-dark);width:100%}.web-compare__table td{padding:12px 18px}.web-compare__table td:before{content:attr(data-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;font-size:.72rem;display:block}.web-compare__table td.is-cos:before{color:var(--bronze)}}