.architecture-compare-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width:768px){.architecture-compare-grid{grid-template-columns:1fr 1fr;gap:32px}}.architecture-column{display:flex;flex-direction:column;align-items:center;gap:1rem}.architecture-column-label{margin:0;width:100%;font-weight:600;line-height:1.1;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:.75rem;padding-bottom:.625rem;border-bottom:1px solid transparent;font-size:1.5rem}@media (min-width:640px){.architecture-column-label{font-size:1.875rem}}@media (min-width:768px){.architecture-column-label{font-size:2.25rem}}.architecture-column-label:before{content:"";width:6px;height:.9em;border-radius:2px;flex-shrink:0}.architecture-column-label--muted{color:hsla(0,0%,100%,.55)}.architecture-column-label--muted:before{background:hsla(0,0%,100%,.25)}.architecture-column--left .architecture-column-label--muted{border-bottom-color:hsla(0,0%,100%,.08)}.architecture-column-label--hero{color:hsla(0,0%,100%,.95)}.architecture-column-label--hero:before{background:#10b981}.architecture-column--right .architecture-column-label--hero{border-bottom-color:rgba(16,185,129,.25)}.architecture-card-muted{background:transparent;border:1px solid #333;border-radius:24px;padding:2rem;display:flex;flex-direction:column;min-height:0}@media (min-width:768px){.architecture-card-muted{padding:2rem}}.architecture-card-title-muted{color:hsla(0,0%,100%,.95);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;line-height:1.3}@media (min-width:768px){.architecture-card-title-muted{font-size:1.25rem}}.architecture-list-muted{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;line-height:1.5;color:#666}.architecture-list-muted li{display:flex;align-items:flex-start;gap:.5rem}.architecture-icon-muted{width:1rem;height:1rem;flex-shrink:0;margin-top:.25rem;color:#555}.architecture-card-hero-wrapper{position:relative;border-radius:24px;min-height:0;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-color:39,215,150;will-change:transform}.architecture-card-hero-wrapper:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle var(--glow-radius,280px) at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity, 0) * .2)) 0,transparent 70%);pointer-events:none;z-index:0;opacity:1;transition:opacity .2s ease}.architecture-card-hero-wrapper:after{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(135deg,rgba(var(--glow-color),calc(var(--glow-intensity, 0) * .5)) 0,transparent 45%,rgba(var(--glow-color),calc(var(--glow-intensity, 0) * .3)) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}@media (prefers-reduced-motion:reduce){.architecture-card-hero-wrapper{transform:none!important}.architecture-hero-impulse.impulse-run{animation:none;opacity:0}.architecture-hero-contour.contour-visible{animation:none;opacity:1}.architecture-card-hero-inner:before{background:#0a0a0a}.architecture-card-hero-inner:after{animation:none;opacity:.4}.architecture-card-hero-inner{background:transparent}}@property --impulse-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --impulse-tail{syntax:"<number>";initial-value:1;inherits:false}.architecture-hero-impulse{position:absolute;inset:-3px;border-radius:27px;border:3px solid hsla(0,0%,100%,.95);pointer-events:none;z-index:10;opacity:0;--impulse-angle:0deg;--impulse-tail:1;mask:conic-gradient(from var(--impulse-angle),transparent 0deg,rgba(255,255,255,calc(.15 * var(--impulse-tail))) 18deg,rgba(255,255,255,calc(.5 * var(--impulse-tail))) 38deg,rgba(255,255,255,calc(.95 * var(--impulse-tail))) 55deg,rgba(255,255,255,calc(.5 * var(--impulse-tail))) 72deg,rgba(255,255,255,calc(.15 * var(--impulse-tail))) 90deg,transparent 108deg);-webkit-mask:conic-gradient(from var(--impulse-angle),transparent 0deg,rgba(255,255,255,calc(.15 * var(--impulse-tail))) 18deg,rgba(255,255,255,calc(.5 * var(--impulse-tail))) 38deg,rgba(255,255,255,calc(.95 * var(--impulse-tail))) 55deg,rgba(255,255,255,calc(.5 * var(--impulse-tail))) 72deg,rgba(255,255,255,calc(.15 * var(--impulse-tail))) 90deg,transparent 108deg)}.architecture-hero-impulse.impulse-run{opacity:1;animation:architecture-impulse-roll 2.8s cubic-bezier(.33,0,.2,1) forwards}@keyframes architecture-impulse-roll{0%{--impulse-angle:0deg;--impulse-tail:1;opacity:1}42%{--impulse-angle:360deg;--impulse-tail:1;opacity:1}50%{--impulse-angle:360deg;--impulse-tail:0;opacity:1}54%{--impulse-angle:360deg;--impulse-tail:0;opacity:0}57%{--impulse-angle:360deg;--impulse-tail:0;opacity:0}to{opacity:0}}.architecture-hero-contour{position:absolute;inset:-3px;border-radius:27px;border:3px solid hsla(0,0%,100%,.95);pointer-events:none;z-index:9;opacity:0}.architecture-hero-contour.contour-visible{animation:architecture-contour-fade-in 1s cubic-bezier(.33,0,.2,1) 1.9s forwards}@keyframes architecture-contour-fade-in{0%{opacity:0}to{opacity:1}}.architecture-card-hero-wrapper .architecture-card-hero{position:relative;z-index:1}.architecture-card-hero{padding:1px;border-radius:24px;background:linear-gradient(135deg,#10b981,rgba(16,185,129,.35) 40%,rgba(16,185,129,0) 60%);min-height:0}.architecture-card-hero-inner{position:relative;background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:23px;padding:2rem;min-height:100%;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.04);transition:box-shadow .35s ease;overflow:hidden}.architecture-card-hero-inner>*{position:relative;z-index:1}.architecture-card-hero-inner:before{background:#0a0a0a}.architecture-card-hero-inner:after,.architecture-card-hero-inner:before{content:"";position:absolute;inset:0;z-index:0;border-radius:23px;pointer-events:none}.architecture-card-hero-inner:after{background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(16,185,129,.5) 50%,rgba(16,185,129,.35));animation:architecture-hero-green-pulse 10s ease-in-out infinite}@keyframes architecture-hero-green-pulse{0%,to{opacity:.12}50%{opacity:.9}}.architecture-card-hero-wrapper[data-in-view=true] .architecture-card-hero-inner{box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.04),0 0 0 1px rgba(16,185,129,.25),0 0 20px rgba(16,185,129,.15),0 0 40px rgba(16,185,129,.08)}.architecture-card-hero-wrapper[data-hover=true] .architecture-card-hero-inner{box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.06),0 0 0 3px hsla(0,0%,100%,.7),0 0 28px hsla(0,0%,100%,.25),0 0 56px hsla(0,0%,100%,.12)}@media (min-width:768px){.architecture-card-hero-inner{padding:2rem}}.architecture-card-title-hero{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;line-height:1.3}@media (min-width:768px){.architecture-card-title-hero{font-size:1.25rem}}.architecture-list-hero{list-style:none;padding:0;margin:0 0 1.25rem;flex:1;display:flex;flex-direction:column;gap:.625rem;font-size:.875rem;line-height:1.5;color:hsla(0,0%,100%,.95)}.architecture-list-hero li{display:flex;align-items:flex-start;gap:.5rem}.architecture-check{width:1rem;height:1rem;flex-shrink:0;margin-top:.125rem;color:#10b981}.architecture-footer{font-family:var(--font-inter),"Inter",system-ui,-apple-system,sans-serif;font-size:.875rem;color:hsla(0,0%,100%,.85);margin:0}.architecture-footer strong{font-weight:700}.case-resource-layout{display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width:768px){.case-resource-layout{flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;min-height:420px}}.case-resource-text{flex:1;min-width:0}.case-resource-line1{margin:0 0 .2em}.case-resource-line1,.case-resource-line2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#fff;text-transform:uppercase}.case-resource-line2{margin:0 0 .5em}.case-resource-subtitle{margin:0;font-size:clamp(.9rem,2vw,1.05rem);font-weight:500;line-height:1.45;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.01em}.case-resource-image{flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:visible}@media (min-width:768px){.case-resource-image{justify-content:flex-end;max-width:45%}}.case-resource-mac-metrics-wrap{position:relative;display:inline-block;padding:0 1.5rem}@media (min-width:480px){.case-resource-mac-metrics-wrap{padding:0 3rem}}@media (min-width:768px){.case-resource-mac-metrics-wrap{padding:0 5.5rem}}.case-resource-mac-wrap{position:relative;display:inline-block;line-height:0}.case-resource-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.case-resource-metric{position:absolute;z-index:2;padding:.6rem .9rem;border-radius:8px;background:rgba(0,255,148,.06);border:1px solid rgba(0,255,148,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:4.5rem}.case-resource-metric-value{font-size:1rem;font-weight:700;color:#00ff94;letter-spacing:-.02em;line-height:1.2}@media (min-width:480px){.case-resource-metric-value{font-size:1.25rem}}.case-resource-metric-label{font-size:.55rem;font-weight:600;color:rgba(0,255,148,.7);letter-spacing:.08em;text-transform:uppercase}@media (min-width:480px){.case-resource-metric-label{font-size:.6rem}}.case-resource-metric--left{top:42%;left:0;transform:translateY(-50%)}.case-resource-metric--right-top{top:28%;right:0;transform:translateY(-50%)}.case-resource-metric--right-bottom{top:62%;right:0;transform:translateY(-50%)}.case-resource-mac{width:100%;max-width:320px;height:auto;-o-object-fit:contain;object-fit:contain;display:block;filter:drop-shadow(0 0 40px rgba(0,255,148,.15)) drop-shadow(0 24px 48px rgba(0,0,0,.4))}@media (min-width:768px){.case-resource-mac{max-width:380px}}.case-resource-screen{position:absolute;top:13%;left:9%;width:82%;height:58%;background:#000;border-radius:6px;display:flex;flex-direction:column;padding:6%;gap:8%;box-sizing:border-box;overflow:hidden}.case-resource-grid{flex:1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:1px;min-height:0}.case-resource-cell{min-width:0;min-height:0;border-radius:1px;will-change:opacity;animation:case-resource-cell-pulse 2.5s ease-in-out infinite}.case-resource-terminal{flex-shrink:0;display:flex;flex-direction:column;gap:.35em;font-family:var(--font-inter),"Inter",system-ui,-apple-system,sans-serif;font-size:clamp(6px,1.2vw,9px);font-weight:500;line-height:1.5;color:#00ff94;opacity:.9;letter-spacing:.02em}.case-resource-terminal span{display:block}@keyframes case-resource-cell-pulse{0%,to{opacity:1}50%{opacity:.25}}.electric-border{position:relative;min-height:100%}.eb-canvas-container{position:absolute;left:-60px;top:-60px;width:calc(100% + 120px);height:calc(100% + 120px);pointer-events:none;overflow:visible}.eb-canvas{display:block;width:100%;height:100%;vertical-align:middle}.eb-layers{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.eb-background-glow,.eb-glow-1,.eb-glow-2{position:absolute;inset:-1px;border-radius:inherit;opacity:.15}.eb-glow-1{box-shadow:0 0 20px var(--electric-border-color,#10b981)}.eb-glow-2{box-shadow:0 0 40px var(--electric-border-color,#10b981);opacity:.08}.eb-background-glow{box-shadow:inset 0 0 30px var(--electric-border-color,#10b981);opacity:.04}.eb-content{position:relative;z-index:1;height:100%;min-height:100%;display:flex;flex-direction:column}