.webia-decision{--wd-accent:#d8ff4d;--wd-panel:#14171b;--wd-border:#373f2d;position:relative;isolation:isolate;margin-block:clamp(2rem,7vw,6rem);padding:clamp(1rem,4vw,3.5rem);border:1px solid var(--wd-border);border-radius:clamp(1.25rem,3vw,2.5rem);background:radial-gradient(ellipse at 90% 0%,#242d16 0%,transparent 48%),#101214;color:#f5f6f1;display:grid;gap:clamp(1.25rem,3vw,2rem)}
.webia-decision::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(#d8ff4d0c 1px,transparent 1px),linear-gradient(90deg,#d8ff4d0c 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 70%)}
.webia-decision .wd-kicker{display:inline-block;margin-block-end:.9rem;color:var(--wd-accent);font:600 .75rem/1.4 "Space Grotesk",sans-serif;letter-spacing:.16em}
.webia-decision h2{font:600 clamp(1.85rem,5vw,3.75rem)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.035em;max-width:22ch;margin:0 0 1rem}
.webia-decision h3{font:600 clamp(1.15rem,2.6vw,1.55rem)/1.25 "Space Grotesk",sans-serif;margin:0 0 .75rem}
.webia-decision p{margin:0;max-width:76ch;color:#cbd0c5;line-height:1.7}
.webia-decision figure{margin:0;max-width:960px;width:100%;justify-self:center;overflow:hidden;border:1px solid var(--wd-border);border-radius:1rem;background:var(--wd-panel)}
.webia-decision figure img{display:block;width:100%;height:auto}
.webia-decision .wd-compare,.webia-decision .wd-proof,.webia-decision .wd-faq{border:1px solid var(--wd-border);border-radius:1rem;background:var(--wd-panel)}
.webia-decision .wd-proof,.webia-decision .wd-faq{padding:clamp(1rem,3vw,1.65rem)}
.webia-decision .wd-proof{border-inline-start:3px solid var(--wd-accent)}
.webia-decision table{width:100%;border-collapse:collapse;text-align:start;table-layout:fixed;font-size:clamp(.8rem,1.8vw,1rem)}
.webia-decision caption{text-align:start;padding:1rem;color:var(--wd-accent);font-weight:700}
.webia-decision th,.webia-decision td{padding:clamp(.45rem,1.7vw,1rem);text-align:start;vertical-align:top;overflow-wrap:anywhere;border-block-start:1px solid var(--wd-border)}
.webia-decision tr>:nth-child(2){background:#d8ff4d0d}
.webia-decision thead th:nth-child(2),.webia-decision tbody tr:last-child strong{color:var(--wd-accent)}
.webia-decision tbody tr:last-child strong{font-size:clamp(1.1rem,3vw,1.65rem)}
.webia-decision summary{cursor:pointer;font-weight:700;color:var(--wd-accent);padding-block:.5rem;min-height:44px}
.webia-decision details p{padding-block:.5rem}
.webia-decision .wd-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.65rem}
.webia-decision .wd-nav a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.25rem;padding:.75rem 1rem;border:1px solid var(--wd-border);border-radius:.8rem;background:var(--wd-panel);color:#f5f6f1;font-weight:600;text-decoration:none}
.webia-decision .wd-nav a::after{content:"↗";color:var(--wd-accent)}
.webia-decision .wd-nav a:hover,.webia-decision .wd-nav a:focus-visible{color:var(--wd-accent);border-color:var(--wd-accent);background:#242d16}
.webia-decision :focus-visible{outline:2px solid var(--wd-accent);outline-offset:4px}
.webia-decision .wd-credit{font-size:.8rem;color:#b6bfb0}
@media (prefers-reduced-motion:no-preference){
.webia-decision .wd-nav a{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.webia-decision .wd-nav a:hover{transform:translateY(-3px)}
.webia-decision .wd-enter{animation:wd-enter .65s cubic-bezier(.2,.8,.2,1) both}
.webia-decision figure.wd-enter img{animation:wd-image 1s ease both}
.webia-decision .wd-enter .wd-kicker{animation:wd-signal .9s ease both}
.webia-decision details[open] p{animation:wd-enter .25s ease both}
}
.webia-decision .wd-compare,.webia-decision h2{scroll-margin-top:2rem}
body.motion-off .webia-decision [data-wd-motion],body.motion-off .webia-decision img,body.motion-off .webia-decision .wd-kicker,body.motion-off .webia-decision details p{animation:none}
body.motion-off .webia-decision .wd-nav a{transition:none;transform:none}
@keyframes wd-enter{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes wd-image{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes wd-signal{from{opacity:.55;letter-spacing:.23em}to{opacity:1;letter-spacing:.16em}}


/* Decorative motion sits behind the readable, server-rendered content. */
.webia-decision .wd-intro{position:relative;isolation:isolate}
.webia-decision .wd-intro::after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;width:min(22vw,230px);aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#d8ff4d26,transparent 64%),repeating-radial-gradient(circle,transparent 0 17px,#d8ff4d21 18px 19px,transparent 20px 29px);mask-image:linear-gradient(135deg,#000,transparent 84%)}
.webia-decision figure{position:relative}
.webia-decision figure::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 32%,#d8ff4d34 48%,transparent 63%)}
.webia-decision .wd-nav a{position:relative;isolation:isolate;overflow:hidden}
.webia-decision .wd-nav a::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(135px circle at var(--wd-x,50%) var(--wd-y,50%),#d8ff4d38,transparent 75%)}
.webia-decision .wd-nav a:hover::before,.webia-decision .wd-nav a:focus-visible::before{opacity:1}
.webia-decision .wd-compare tbody tr:hover{background:#d8ff4d0b}
.webia-decision .wd-faq summary::marker{color:var(--wd-accent)}
@media(prefers-reduced-motion:no-preference){
  body:not(.motion-off) .webia-decision .wd-intro.wd-enter::after{animation:wd-orbit 1.35s cubic-bezier(.16,1,.3,1) both}
  body:not(.motion-off) .webia-decision .wd-enter h2{animation:wd-lift .85s cubic-bezier(.16,1,.3,1) both}
  body:not(.motion-off) .webia-decision figure.wd-enter::after{animation:wd-scan 1.2s ease-out both}
  body:not(.motion-off) .webia-decision .wd-nav.wd-enter li{animation:wd-lift .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--wd-delay,0ms)}
  body:not(.motion-off) .webia-decision .wd-compare.wd-enter tbody tr{animation:wd-row .75s ease-out both;animation-delay:var(--wd-delay,0ms)}
  body:not(.motion-off) .webia-decision .wd-compare.wd-enter tbody strong{display:inline-block;animation:wd-price .85s cubic-bezier(.16,1,.3,1) .2s both}
  body:not(.motion-off) .webia-decision .wd-nav a::before{transition:opacity .25s ease}
  body:not(.motion-off) .webia-decision .wd-nav a::after{transition:transform .25s ease}
  body:not(.motion-off) .webia-decision .wd-nav a:hover::after{transform:translate(3px,-3px)}
  @supports(animation-timeline:view()){
    body:not(.motion-off) .webia-decision figure.wd-enter::after{animation:wd-scan linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
  }
}
@media(max-width:600px){.webia-decision .wd-intro::after{width:100px;opacity:.55}}
@keyframes wd-lift{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes wd-orbit{from{opacity:.2;transform:rotate(-55deg) scale(.78)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes wd-scan{0%{opacity:0;transform:translateX(-70%)}40%{opacity:.9}100%{opacity:0;transform:translateX(70%)}}
@keyframes wd-row{from{opacity:.63}to{opacity:1}}
@keyframes wd-price{0%{transform:scale(.85);text-shadow:0 0 0 transparent}45%{transform:scale(1.1);text-shadow:0 0 18px #d8ff4d88}100%{transform:scale(1);text-shadow:0 0 0 transparent}}

.webia-decision .wd-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1rem,4vw,3rem);padding:clamp(1rem,4vw,3rem);background:radial-gradient(ellipse at 18% 48%,#374322,#15181b 65%);perspective:850px;border-radius:1rem 1rem 0 0}
.webia-decision .wd-price-object{position:relative;display:grid;gap:.55rem;min-width:0;padding:clamp(1rem,3vw,2rem);border:1px solid #c4f242;border-radius:1rem;background:linear-gradient(135deg,#343e21,#191e16 65%);box-shadow:0 12px 0 #0d1207,0 13px 0 #729039,0 25px 45px #0008;color:#d8ff4d;transform-style:preserve-3d}
.webia-decision .wd-price-object span,.webia-decision .wd-price-object small{font-weight:700;letter-spacing:.12em;font-size:.72rem}
.webia-decision .wd-price-object strong{font:700 clamp(2rem,5vw,4.5rem)/1 "Space Grotesk",sans-serif;transform:translateZ(28px)}
.webia-decision .wd-stage-copy{display:grid;gap:.8rem;justify-items:start}
.webia-decision .wd-stage-copy h3{margin:0}
.webia-decision .wd-controls:not([hidden]){display:flex;flex-wrap:wrap;gap:.5rem}
.webia-decision .wd-controls button{min-height:44px;border:1px solid #7f8f69;border-radius:.55rem;background:#20251c;color:#f5f6f1;padding:.45rem .8rem;font-weight:700}
.webia-decision .wd-controls button[aria-pressed=true]{background:#d8ff4d;color:#12150d;border-color:#d8ff4d}
.webia-decision .wd-selection{min-height:3.4em}
.webia-decision .wd-compare[data-wd-active=separate] tr>:nth-child(2){background:transparent}
.webia-decision .wd-compare[data-wd-active=separate] tr>:nth-child(3){background:#d8ff4d18}
.webia-decision .wd-compare[data-wd-active=separate] thead th:nth-child(3){color:#d8ff4d}
@media(max-width:650px){.webia-decision .wd-stage{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){
body:not(.motion-off) .webia-decision .wd-price-object{transform:rotateX(var(--wd-rx,8deg)) rotateY(var(--wd-ry,-9deg));transition:transform .24s ease-out}
body:not(.motion-off) .webia-decision .wd-enter .wd-price-object{animation:wd-card-arrive .95s cubic-bezier(.16,1,.3,1)}
body:not(.motion-off) .webia-decision .wd-compare td,body:not(.motion-off) .webia-decision .wd-compare th{transition:background-color .28s ease,color .28s ease}
}
@keyframes wd-card-arrive{from{transform:translateY(24px) rotateX(32deg) rotateY(-27deg) scale(.9);opacity:.55}to{transform:rotateX(var(--wd-rx,8deg)) rotateY(var(--wd-ry,-9deg));opacity:1}}