.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}}:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skip-link{background:var(--color-blue);color:#fff;z-index:1000;border-radius:0 0 .5rem;padding:.75rem 1rem;font-weight:700;transition:transform .15s;position:absolute;top:0;left:0;transform:translateY(-110%)}.skip-link:focus-visible{outline-offset:0;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--color-bg:#050507;--color-text-primary:#ffffffed;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#52525b;--color-blue:#3b82f6;--color-blue-hover:#60a5fa;--color-violet:#8b5cf6;--color-green:#22c55e;--color-border:#ffffff14;--color-border-hover:#fff3;--color-card:#ffffff08;--color-card-hover:#ffffff0d;--font-base:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", sans-serif;--section-gap:14rem;--container-max:1280px;--container-padding:1.5rem}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{margin-bottom:var(--section-gap)}.section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary);text-align:center;margin-bottom:1rem;font-size:.75rem;font-weight:500}.section-heading{letter-spacing:-.03em;text-align:center;word-break:keep-all;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:800;line-height:1.15}.section-subtext{color:var(--color-text-secondary);text-align:center;word-break:keep-all;max-width:42rem;margin:0 auto 3rem;font-size:1rem;line-height:1.7}br.break-narrow{display:none}@media (width<=480px){br.break-narrow{display:inline}}.card{background:var(--color-card);border:1px solid var(--color-border);isolation:isolate;border-radius:1.5rem;padding:2rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px -20px #3b82f626}.card:before,.portfolio-card:before,.testimonial-card:before,.service-why-card:before,.service-phase-card:before{content:"";border-radius:inherit;background:radial-gradient(circle 320px at var(--mx,50%) var(--my,50%), #3b82f61f, transparent 60%);opacity:0;pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;inset:0}.card.is-hovered:before,.portfolio-card.is-hovered:before,.testimonial-card.is-hovered:before,.service-why-card.is-hovered:before,.service-phase-card.is-hovered:before{opacity:1}.card>*,.portfolio-card>*,.testimonial-card>*,.service-why-card>*,.service-phase-card>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}.card:before,.portfolio-card:before,.testimonial-card:before,.service-why-card:before,.service-phase-card:before{display:none}}.btn-primary{background:var(--color-blue);color:#fff;white-space:nowrap;border-radius:9999px;padding:.875rem 2.5rem;font-size:1rem;font-weight:700;transition:background .2s,transform .2s;display:inline-block}.btn-primary:hover{background:var(--color-blue-hover)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;border-radius:9999px;padding:.875rem 2.5rem;font-size:1rem;font-weight:700;transition:border-color .2s,color .2s;display:inline-block}.btn-outline:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.gradient-text{background:linear-gradient(90deg, var(--color-blue), #60a5fa, var(--color-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-orb{pointer-events:none;border-radius:50%;position:absolute}@keyframes fade-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.animate-fade-up{animation:.6s both fade-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}}.site-header{top:calc(1.5rem + env(safe-area-inset-top));z-index:50;pointer-events:none;justify-content:center;padding:0 .75rem;transition:transform .28s,opacity .28s;display:flex;position:fixed;left:0;right:0}.site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 2rem))}@media (prefers-reduced-motion:reduce){.site-header{transition:none}.site-header.is-hidden{opacity:1;transform:none}}.header-pill{pointer-events:auto;background:#0a0a0c80;border:1px solid #ffffff0f;border-radius:9999px;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:56rem;padding:.75rem 1rem;transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.site-header.is-scrolled .header-pill{background:#0a0a0ce6;border-color:#ffffff1f;box-shadow:0 10px 30px -10px #0009}.header-logo{flex-shrink:0;align-items:center;display:flex}.header-logo img{width:auto;height:2.25rem;transition:opacity .2s;display:block}.header-logo:hover img{opacity:.85}.header-nav{align-items:center;gap:2.5rem;display:none}.header-nav a{color:var(--color-text-secondary);padding-bottom:.35rem;font-size:1rem;font-weight:600;transition:color .25s cubic-bezier(.22,1,.36,1);position:relative}.header-nav a:after{content:"";background:var(--color-blue);transform-origin:0;border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.header-nav a:hover{color:var(--color-text-primary)}.header-nav a:hover:after,.header-nav a[aria-current=page]:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.header-nav a:after{transition:none}}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.header-cta{color:#fff;background:var(--color-blue);border-radius:9999px;align-items:center;padding:.625rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s;display:none}.header-cta:hover{background:var(--color-blue-hover)}.header-menu-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.header-menu-btn:hover{color:var(--color-text-primary);background:#ffffff0d}@media (width>=640px){.site-header{top:calc(2rem + env(safe-area-inset-top));padding:0 1.5rem}.header-pill{padding:1rem 1.5rem}}@media (width>=1024px){.header-pill{padding:1rem 2.5rem}.header-nav{display:flex}.header-cta{display:inline-flex}.header-menu-btn{display:none}}.mobile-menu{z-index:100;background:var(--color-bg);padding:1.5rem;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-menu[data-open=true]{display:block}.mobile-menu-inner{flex-direction:column;max-width:none;min-height:100%;margin:0;padding-top:.5rem;padding-bottom:2rem;display:flex}@media (width>=768px){.mobile-menu{padding:2rem}}.mobile-menu-top{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.mobile-menu-logo{align-items:center;display:inline-flex}.mobile-menu-logo img{width:auto;height:2.25rem;display:block}.mobile-menu-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:inline-flex}.mobile-menu-close:hover{color:var(--color-text-primary);background:#ffffff0f}.mobile-menu-nav{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex}.mobile-menu-nav a{letter-spacing:-.01em;color:var(--color-text-primary);border-bottom:1px solid #ffffff0f;padding:1rem .25rem;font-size:1.75rem;font-weight:800;transition:color .2s}.mobile-menu-nav a:hover{color:var(--color-blue)}.mobile-menu-cta{background:var(--color-blue);color:#fff;border-radius:9999px;justify-content:center;align-items:center;margin-top:auto;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s;display:inline-flex}.mobile-menu-cta:hover{background:var(--color-blue-hover,#1d4ed8)}body.menu-open{overflow:hidden}@media (width>=1024px){.mobile-menu{display:none!important}body.menu-open{overflow:auto}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin-top:5rem;padding-top:3rem;padding-bottom:3rem}.footer-inner{flex-direction:column;gap:3rem;display:flex}.footer-top{border-bottom:1px solid var(--color-border);flex-direction:column;gap:3rem;padding-bottom:3rem;display:flex}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}.footer-logo img{opacity:.8;width:auto;height:2rem}.footer-slogan{color:var(--color-text-muted);white-space:nowrap;font-size:.875rem;line-height:1.7}.footer-company{flex-direction:column;gap:.5rem;display:flex}.footer-company-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.footer-company p{color:var(--color-text-muted);font-size:.875rem;line-height:1.7}.footer-company a{color:inherit;transition:color .2s}.footer-company a:hover{color:var(--color-text-primary)}.footer-services{flex-direction:column;gap:.5rem;display:flex}.footer-services-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.footer-services-list{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.footer-services-link{color:inherit;flex-direction:column;gap:.25rem;text-decoration:none;transition:color .2s;display:flex}.footer-services-link:hover{color:var(--color-text-primary)}.footer-services-link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px;border-radius:2px}.footer-services-name{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.footer-services-desc{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.footer-copyright{letter-spacing:.05em;color:#52525b;text-align:center;font-size:.75rem}@media (width>=768px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:4rem}.footer-company{text-align:right}}.hero-section{text-align:center;padding-top:14rem;padding-bottom:5rem;position:relative;overflow:hidden}@media (width<=768px){.hero-section{padding-top:9rem;padding-bottom:3rem}}.hero-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 20%,#3b82f62e 0%,#0000 60%),radial-gradient(40% 30% at 30% 40%,#8b5cf61f 0%,#0000 60%),radial-gradient(40% 30% at 70% 40%,#22c55e14 0%,#0000 60%);width:min(120%,100vw);max-width:1200px;height:800px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-badge{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-secondary);border-radius:9999px;align-items:center;gap:.625rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--color-blue);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;position:relative}.hero-badge-dot:after{content:"";background:var(--color-blue);border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite badge-ping;position:absolute;inset:0}@keyframes badge-ping{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.hero-badge-dot:after{animation:none;display:none}}.hero-heading{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:800;line-height:1.08}.hero-sub{color:var(--color-text-secondary);word-break:keep-all;max-width:38rem;margin:0 auto 2rem;font-size:1.125rem;line-height:1.7}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.metrics-section{margin:calc(var(--section-gap) / 2) auto var(--section-gap);max-width:56rem;padding:0 1.5rem}.metrics-grid{grid-template-columns:repeat(3,auto);justify-content:center;gap:clamp(3rem,9vw,6rem);display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.metric-value{letter-spacing:-.04em;color:var(--color-text-primary);white-space:nowrap;font-size:clamp(2.75rem,11vw,7.5rem);font-weight:800;line-height:1}.metric-value span{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.metric-label{color:var(--color-text-tertiary);white-space:nowrap;font-size:.875rem}.logos-section{max-width:72rem;margin:0 auto;margin-top:calc(var(--section-gap) / -2);margin-bottom:var(--section-gap)}.marquee-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 80px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 80px calc(100% - 80px),#0000 100%)}.marquee-track{will-change:transform;gap:3rem;width:max-content;padding:1rem 0;animation:40s linear infinite marquee-scroll;display:flex}.marquee-viewport:hover .marquee-track{animation-play-state:paused}.marquee-logo{opacity:.4;filter:grayscale()brightness(1.4);flex-shrink:0;width:auto;height:32px;transition:opacity .2s,filter .2s}.marquee-logo:hover{opacity:1;filter:grayscale(0)brightness()}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(calc(-50% - 1.5rem))}}@media (prefers-reduced-motion:reduce){.marquee-track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}}.portfolio-section{max-width:80rem;margin:0 auto;margin-bottom:var(--section-gap)}.portfolio-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem;display:grid}@media (width>=640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid .portfolio-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - .625rem);margin:0 auto}}@media (width>=1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-grid .portfolio-card:last-child:nth-child(odd){grid-column:auto;max-width:none;margin:0}}.portfolio-card{cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;display:flex}.portfolio-card:hover{border-color:#3b82f680;box-shadow:0 20px 40px -15px #3b82f659}.portfolio-card.portfolio-card-violet:hover{border-color:#8b5cf680;box-shadow:0 20px 40px -15px #8b5cf659}.portfolio-card:hover .portfolio-card-title{color:var(--color-blue)}.portfolio-card:hover .portfolio-card-title.violet-hover{color:var(--color-violet)}.portfolio-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.portfolio-tag{border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600}.portfolio-tag-blue{color:var(--color-blue);background:#3b82f61a}.portfolio-tag-violet{color:var(--color-violet);background:#8b5cf61a}.portfolio-card-title{letter-spacing:-.02em;white-space:pre-line;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .2s}.portfolio-card-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.portfolio-card-stat{border-top:1px solid #ffffff0f;margin-top:1.5rem;padding-top:1.5rem}.portfolio-card-stat-value{color:var(--color-blue);font-size:1.875rem;font-weight:700}.portfolio-card-stat-value.violet{color:var(--color-violet)}.portfolio-card-stat-label{color:var(--color-text-tertiary);font-size:.875rem}.portfolio-card-has-thumb{padding:0;overflow:hidden}.portfolio-card-thumb-bg{aspect-ratio:3/2;position:relative;overflow:hidden}.portfolio-card-thumb-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:object-position .4s;position:absolute;inset:0}.portfolio-card-thumb-bg:after{content:"";background:linear-gradient(#05050740 0%,#0505078c 60%,#050507e0 100%);position:absolute;inset:0}.portfolio-card-has-thumb:hover .portfolio-card-thumb-img{object-position:center 5%}.portfolio-card-content{flex-direction:column;flex:1;justify-content:space-between;padding:1.5rem;display:flex}@media (width>=640px){.portfolio-card-thumb-bg{aspect-ratio:16/9}}.portfolio-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.testimonials-section{max-width:80rem;margin:0 auto;margin-bottom:var(--section-gap)}.testimonials-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.testimonials-grid{grid-template-columns:repeat(4,1fr)}}.testimonial-card{flex-direction:column;justify-content:space-between;display:flex}.testimonial-quote{color:var(--color-text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.testimonial-content{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.testimonial-author{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.testimonial-author-info{min-width:0}.testimonial-name{color:var(--color-text-primary);font-size:.875rem;font-weight:700}.testimonial-role{color:var(--color-text-tertiary);font-size:.75rem}.testimonial-logo{object-fit:contain;filter:grayscale()brightness(1.6)contrast(.9);opacity:.55;flex-shrink:0;width:auto;max-width:6rem;height:1.75rem}.why-section{max-width:80rem;margin:0 auto;margin-bottom:var(--section-gap)}.why-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid .why-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - .625rem);margin:0 auto}}@media (width>=1024px){.why-grid{grid-template-columns:repeat(3,1fr)}.why-grid .why-card:last-child:nth-child(odd){grid-column:auto;max-width:none;margin:0}}.why-card{height:100%}.why-icon-wrap{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;display:flex}.why-icon{font-size:1.25rem;line-height:1}.why-card-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.why-card-desc{color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.cta-section{max-width:48rem;margin:0 auto;padding-bottom:4rem;position:relative}.cta-section:before{content:"";--cta-glow-side:max(-4rem, (100% - 100vw) / 2);inset:-2rem var(--cta-glow-side);pointer-events:none;z-index:-1;background:radial-gradient(60% 50% at 50% 40%,#3b82f614 0%,#0000 70%);position:absolute}.cta-contact-box{flex-direction:column;gap:1.25rem;display:flex}.cta-contact-item{border:1px solid var(--color-border);background:var(--color-card);border-radius:1rem;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;transition:border-color .2s;display:flex}.cta-contact-item:hover{border-color:var(--color-border-hover)}.cta-contact-icon{flex-shrink:0;font-size:1.25rem}.cta-contact-label{color:var(--color-text-tertiary);margin-bottom:.125rem;font-size:.75rem;font-weight:500}.cta-contact-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.cta-contact-value a{color:inherit;transition:color .2s}.cta-contact-value a:hover{color:var(--color-blue)}.error-page{justify-content:center;align-items:center;min-height:calc(100vh - 8rem);padding:8rem 0 4rem;display:flex}.error-page-inner{text-align:center;max-width:36rem}.error-page-code{letter-spacing:-.04em;background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(5rem,12vw,7rem);font-weight:900;line-height:1}.error-page-title{letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:900;line-height:1.4}.error-page-sub{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.75}.error-page-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-page-button{border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-card);border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.error-page-button:hover{background:var(--color-card-hover);color:var(--color-text-primary);border-color:#8b5cf673}.error-page-button-primary{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.error-page-button-primary:hover{background:var(--color-blue);filter:brightness(1.08);color:#fff;border-color:var(--color-blue)}.contact-form{background:var(--color-card);border:1px solid var(--color-border);text-align:left;border-radius:1.25rem;flex-direction:column;gap:1.25rem;max-width:640px;margin:2.5rem auto 0;padding:2rem;display:flex}.contact-row-2col{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.contact-row-2col{grid-template-columns:1fr 1fr}}.contact-field{flex-direction:column;gap:.5rem;display:flex}.contact-required{color:var(--color-blue);margin-left:.125rem}.contact-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.contact-input{width:100%;color:var(--color-text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.contact-input:focus{background:#ffffff0d;border-color:#3b82f680;outline:none}.contact-input::placeholder{color:#ffffff4d}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0;display:none!important}.contact-error{color:#f87171;margin:0;font-size:.8125rem}.contact-error-global{text-align:center;white-space:pre-line;background:#f8717114;border:1px solid #f8717140;border-radius:.5rem;margin-top:.5rem;padding:.625rem .875rem;line-height:1.5}.contact-success{color:#4ade80;text-align:center;background:#22c55e14;border:1px solid #22c55e40;border-radius:.5rem;margin-top:.5rem;padding:.625rem .875rem;font-size:.8125rem}.contact-agree-group{flex-direction:column;gap:.625rem;margin-top:.25rem;display:flex}.contact-checkbox{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.contact-checkbox label{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.contact-checkbox input{accent-color:var(--color-blue);flex-shrink:0}.contact-badge{color:var(--color-text-tertiary);font-size:.75rem;font-weight:700}.contact-badge-required{color:var(--color-blue)}.contact-badge-optional{color:var(--color-text-tertiary)}.contact-view-link{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;transition:color .2s}.contact-view-link:hover{color:var(--color-text-primary)}.contact-submit{align-self:center;width:100%;max-width:280px;margin-top:.5rem}.contact-footnote{text-align:center;color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.cta-dialog{border:1px solid var(--color-border);color:var(--color-text-primary);background:#0a0a0c;border-radius:1rem;width:min(560px,100vw - 2rem);max-height:calc(100vh - 4rem);margin:auto;padding:0;overflow:hidden}.cta-dialog::backdrop{background:#0009}.cta-dialog-form{flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.cta-dialog-title{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.cta-dialog-badge{margin-left:.25rem;font-size:.875rem;font-weight:700}.cta-dialog-badge-required{color:var(--color-blue)}.cta-dialog-badge-optional{color:var(--color-violet)}.cta-dialog-body{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff08;border-radius:.75rem;flex-direction:column;gap:.75rem;max-height:50vh;padding:1.25rem;font-size:.875rem;line-height:1.6;display:flex;overflow-y:auto}.cta-dialog-body p{margin:0}.cta-dialog-confirm{background:var(--color-blue);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:700;transition:background .2s;display:block}.cta-dialog-confirm:hover{background:var(--color-blue-hover)}.cta-dialog-confirm-violet{background:var(--color-violet)}.cta-dialog-confirm-violet:hover{background:#a78bfa}.page-header{text-align:center;padding-top:9rem;padding-bottom:3.5rem}.page-header-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.page-header-badge{color:var(--color-blue);letter-spacing:.05em;background:#3b82f61f;border:1px solid #3b82f640;border-radius:9999px;align-items:center;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;display:inline-flex}.page-header-title{letter-spacing:-.03em;color:var(--color-text-primary);font-size:clamp(2.25rem,6vw,4.5rem);font-weight:800;line-height:1.1}.page-header-subtext{color:var(--color-text-secondary);max-width:40rem;margin:0;font-size:1rem;line-height:1.7}@media (width>=768px){.page-header{padding-top:14rem;padding-bottom:5rem}}.faq-list-section{padding-bottom:5rem}.faq-list-inner{max-width:48rem}.faq-accordion-root{flex-direction:column;gap:5.125rem;display:flex}.faq-category-group{flex-direction:column;gap:1.25rem;display:flex}.faq-category-header{flex-direction:column;gap:.375rem;display:flex}.faq-category-label{letter-spacing:.18em;color:var(--color-blue);text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1}.faq-category-title{letter-spacing:-.025em;color:var(--color-text-primary);margin:0;font-size:1.375rem;font-weight:700;line-height:1.2}@media (width>=640px){.faq-category-label{font-size:.75rem}.faq-category-title{font-size:1.625rem}}@media (width>=1024px){.faq-category-title{font-size:1.875rem}}.faq-accordion{flex-direction:column;gap:.75rem;display:flex}.faq-item{border:1px solid var(--color-border);background:#ffffff08;border-radius:.875rem;transition:border-color .2s,background .2s;overflow:hidden}.faq-item:hover{border-color:var(--color-border-hover)}.faq-item.is-open{background:#3b82f60f;border-color:#3b82f68c}.faq-question{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;transition:color .2s;display:flex}.faq-item.is-open .faq-question{color:var(--color-blue)}.faq-question-text{flex:1;line-height:1.5}.faq-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .25s,color .2s}.faq-item.is-open .faq-chevron{color:var(--color-blue);transform:rotate(180deg)}.faq-answer{color:var(--color-text-secondary);white-space:pre-line;padding:0 1.5rem 1.25rem;font-size:.9375rem;line-height:1.75}@media (width>=640px){.faq-question{padding:1.25rem 1.75rem;font-size:1.0625rem}.faq-answer{padding:0 1.75rem 1.5rem;font-size:1rem}}.faq-cta-section{padding-bottom:var(--section-gap)}.faq-cta-card{border:1px solid var(--color-border);background:#ffffff05;border-radius:1.75rem;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:3rem 2rem;display:flex}.faq-cta-label{letter-spacing:.02em;color:var(--color-blue);font-size:.8125rem;font-weight:600}.faq-cta-title{letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.faq-cta-button{background:var(--color-blue);color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:background .2s;display:inline-flex}.faq-cta-button:hover{background:var(--color-blue-hover)}@media (width>=768px){.faq-cta-card{padding:3.5rem 3rem}}.legal-page{padding-top:8rem;padding-bottom:5rem}.legal-inner{max-width:52rem}.legal-tabs{border-bottom:1px solid var(--color-border);gap:2rem;margin-bottom:2.5rem;display:flex}.legal-tab{color:var(--color-text-secondary);padding-bottom:.75rem;font-size:.9375rem;font-weight:600;transition:color .2s;display:inline-block;position:relative}.legal-tab:hover,.legal-tab.is-active{color:var(--color-text-primary)}.legal-tab.is-active:after{content:"";background:var(--color-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.legal-h1{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:2rem;font-size:1.875rem;font-weight:900}.legal-intro{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.legal-section{margin-bottom:2.5rem}.legal-h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.legal-paragraph{color:var(--color-text-secondary);margin-bottom:.875rem;font-size:.9375rem;line-height:1.8}.legal-paragraph:last-child{margin-bottom:0}.legal-list{color:var(--color-text-secondary);flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.9375rem;line-height:1.75;list-style:outside;display:flex}.legal-list li::marker{color:var(--color-text-tertiary)}.legal-table-scroll{border:1px solid var(--color-border);background:#ffffff05;border-radius:.75rem;margin-top:.5rem;margin-bottom:.5rem;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:32rem;font-size:.9375rem}.legal-table thead{background:#ffffff08}.legal-table th{text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.875rem 1rem;font-weight:700}.legal-table td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:.875rem 1rem;line-height:1.6}.legal-table tr:last-child td{border-bottom:0}.legal-meta{border-top:1px solid var(--color-border);color:var(--color-text-tertiary);flex-direction:column;gap:.25rem;margin-top:3rem;padding-top:2rem;font-size:.875rem;display:flex}@media (width>=768px){.legal-page{padding-top:9rem}.legal-h1{font-size:2.25rem}.legal-h2{font-size:1.25rem}}.contact-page-header{padding-bottom:1.5rem}.contact-form-section{padding-bottom:6rem}.contact-form-inner{max-width:44rem}.service-phases-section{padding-bottom:var(--section-gap)}.service-phases-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.service-phase-card{background:var(--color-card);border:1px solid var(--color-border);isolation:isolate;border-radius:1.25rem;padding:2rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.service-phase-card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px -20px #3b82f62e}@media (prefers-reduced-motion:reduce){.service-phase-card:hover{transform:none}}.service-phase-emoji{border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;font-size:1.5rem;display:inline-flex}.service-phase-blue .service-phase-emoji{background:#3b82f61f;border:1px solid #3b82f640}.service-phase-violet .service-phase-emoji{background:#8b5cf61f;border:1px solid #8b5cf647}.service-phase-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-blue);margin-bottom:.625rem;font-size:.75rem;font-weight:700}.service-phase-violet .service-phase-label{color:var(--color-violet)}.service-phase-title{color:var(--color-text-primary);margin-bottom:.875rem;font-size:1.25rem;font-weight:800}.service-phase-desc{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.75}.service-phase-bullets{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-direction:column;gap:.5rem;padding-top:1.25rem;font-size:.875rem;display:flex}.service-phase-bullets li{padding-left:.875rem;line-height:1.6;position:relative}.service-phase-bullets li:before{content:"–";color:var(--color-text-tertiary);position:absolute;left:0}@media (width>=768px){.service-phases-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.track-record-section{padding-bottom:var(--section-gap)}.track-record-section .section-heading{margin-bottom:1rem}.track-record-section .section-subtext{margin-bottom:3rem}.track-record-marquee-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 60px calc(100% - 60px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 60px calc(100% - 60px),#0000 100%)}.track-record-marquee-track{will-change:transform;gap:1.25rem;width:max-content;padding:.5rem 1rem;animation:60s linear infinite track-record-scroll;display:flex}.track-record-marquee-viewport:hover .track-record-marquee-track{animation-play-state:paused}@keyframes track-record-scroll{0%{transform:translate(0,0)}to{transform:translate(calc(-50% - .625rem))}}@media (prefers-reduced-motion:reduce){.track-record-marquee-track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}}.track-record-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;flex-direction:column;flex-shrink:0;gap:.75rem;width:17.5rem;padding:1.5rem;transition:background .25s,border-color .25s;display:flex}.track-record-card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover)}.track-record-logo{border-bottom:1px solid var(--color-border);align-items:center;height:2.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.track-record-logo img{opacity:.55;filter:grayscale();width:auto;height:1.75rem;transition:opacity .25s,filter .25s;display:block}.track-record-card:hover .track-record-logo img{opacity:1;filter:grayscale(0)}.track-record-tag{color:var(--color-blue);background:#3b82f61a;border:1px solid #3b82f638;border-radius:9999px;align-self:flex-start;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.track-record-title{color:var(--color-text-primary);font-size:1rem;font-weight:700;line-height:1.4}.track-record-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.65}.service-why-section{padding-bottom:var(--section-gap)}.service-why-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.service-why-card{background:var(--color-card);border:1px solid var(--color-border);isolation:isolate;border-radius:1.25rem;padding:2rem;transition:background .25s,border-color .25s,transform .25s;position:relative;overflow:hidden}.service-why-card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.service-why-card:hover{transform:none}}.service-why-emoji{background:#3b82f61a;border:1px solid #3b82f638;border-radius:.625rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.25rem;font-size:1.375rem;display:inline-flex}.service-why-title{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.0625rem;font-weight:700}.service-why-desc{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}@media (width>=768px){.service-why-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.portfolio-list-section{padding-bottom:6rem}.portfolio-list-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.portfolio-card{background:var(--color-card);border:1px solid var(--color-border);color:inherit;border-radius:1.25rem;flex-direction:column;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.portfolio-card:hover{background:var(--color-card-hover);transform:translateY(-4px)}.portfolio-list-grid .portfolio-card:nth-child(odd):hover{border-color:#8b5cf673}.portfolio-list-grid .portfolio-card:nth-child(2n):hover{border-color:#3b82f673}@media (prefers-reduced-motion:reduce){.portfolio-card:hover{transform:none}}.portfolio-card-thumb{aspect-ratio:16/10;background:#ffffff08;overflow:hidden}.portfolio-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.portfolio-card:hover .portfolio-card-thumb img{transform:scale(1.03)}.portfolio-card-body{flex-direction:column;flex:1;gap:.875rem;padding:1.75rem;display:flex}.portfolio-card-meta{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.portfolio-card-category{color:var(--color-blue);background:#3b82f61f;border:1px solid #3b82f640;border-radius:9999px;padding:.25rem .625rem;font-weight:700;display:inline-flex}.portfolio-card-period{color:#fff3;font-size:1rem;font-weight:700;line-height:1.5}.portfolio-card-title{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.375rem;font-weight:800}.portfolio-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.7;display:-webkit-box;overflow:hidden}.portfolio-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}.portfolio-card-kr{flex-direction:column;gap:.25rem;display:flex}.portfolio-card-kr-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.7rem;font-weight:700}.portfolio-card-kr-value{letter-spacing:-.02em;background:linear-gradient(90deg, var(--color-blue) 0%, var(--color-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900;line-height:1}.portfolio-card-kr-sub{color:var(--color-text-secondary);font-size:.8125rem}.portfolio-card-more{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;transition:color .2s;display:inline-flex}.portfolio-list-grid .portfolio-card:nth-child(odd):hover .portfolio-card-title,.portfolio-list-grid .portfolio-card:nth-child(odd):hover .portfolio-card-more{color:var(--color-violet)}.portfolio-list-grid .portfolio-card:nth-child(2n):hover .portfolio-card-title,.portfolio-list-grid .portfolio-card:nth-child(2n):hover .portfolio-card-more{color:var(--color-blue)}.portfolio-card-title{transition:color .2s}@media (width>=768px){.portfolio-list-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.portfolio-detail{padding-top:10rem;padding-bottom:6rem}.portfolio-detail-inner{max-width:68rem}.portfolio-detail-back{margin-bottom:2rem}.portfolio-back-link{color:var(--color-text-secondary);font-size:.9375rem;transition:color .2s}.portfolio-back-link:hover{color:var(--color-text-primary)}.portfolio-detail-header{margin-bottom:2.5rem}.portfolio-detail-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.portfolio-detail-tag{color:var(--color-violet);background:#8b5cf61f;border:1px solid #8b5cf647;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.portfolio-detail-blue .portfolio-detail-tag{color:var(--color-blue);background:#3b82f61f;border-color:#3b82f640}.portfolio-detail-title{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:900}.portfolio-detail-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.portfolio-detail-hero{margin-bottom:3rem}.portfolio-detail-hero-frame{border:1px solid var(--color-border);background:#ffffff05;border-radius:1.25rem;max-width:68rem;margin:0 auto;overflow:hidden}.portfolio-detail-hero-frame img{width:100%;height:auto;display:block}.portfolio-detail-meta{margin-bottom:4rem}.portfolio-meta-grid{grid-template-columns:1fr;gap:1rem;display:grid}.portfolio-meta-card{background:var(--color-card);border:1px solid var(--color-border);text-align:center;border-radius:1rem;flex-direction:column;gap:.375rem;padding:1.5rem 1.25rem;display:flex}.portfolio-meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.7rem;font-weight:700}.portfolio-meta-value{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.portfolio-meta-value-accent{background:linear-gradient(90deg, var(--color-blue) 0%, var(--color-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.portfolio-meta-sub{color:var(--color-text-secondary);font-size:.8125rem}@media (width>=768px){.portfolio-meta-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.portfolio-meta-value{font-size:1.875rem}}.portfolio-detail-body{margin-bottom:4rem}.portfolio-section-row{border-top:1px solid var(--color-border);grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0;display:grid}.portfolio-section-row:first-child{border-top:0;padding-top:0}.portfolio-section-head{flex-direction:column;gap:.375rem;display:flex}.portfolio-section-eng{letter-spacing:-.01em;color:var(--color-text-primary);font-size:1.25rem;font-weight:900;line-height:1.4}.portfolio-section-title{color:var(--color-text-primary);font-size:1rem;font-weight:800;line-height:1.5}.portfolio-section-body{flex-direction:column;gap:1rem;display:flex}.portfolio-body-paragraph{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.8}.portfolio-features-list{flex-direction:column;gap:.75rem;display:flex}.portfolio-features-list li{color:var(--color-text-secondary);align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.6;display:flex}.portfolio-features-check{color:var(--color-violet);flex-shrink:0;font-weight:900}.portfolio-detail-blue .portfolio-features-check{color:var(--color-blue)}@media (width>=900px){.portfolio-section-row{grid-template-columns:1fr 2fr;gap:3rem}}.portfolio-detail-gallery{margin-bottom:4rem}.portfolio-gallery-grid{grid-template-columns:1fr;gap:1rem;display:grid}.portfolio-gallery-item{border:1px solid var(--color-border);background:#ffffff05;border-radius:.875rem;overflow:hidden}.portfolio-gallery-item img{width:100%;height:auto;display:block}@media (width>=640px){.portfolio-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.portfolio-neighbors-section{padding-top:3rem}.portfolio-neighbors-heading{letter-spacing:-.01em;color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.portfolio-neighbors-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.portfolio-neighbor-card{background:var(--color-card);border:1px solid var(--color-border);color:inherit;border-radius:1.125rem;flex-direction:column;gap:.875rem;padding:1.75rem;transition:background .25s,border-color .25s,transform .25s;display:flex}.portfolio-neighbor-card:hover{background:var(--color-card-hover);transform:translateY(-3px)}.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(odd):hover{border-color:#8b5cf673}.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(2n):hover{border-color:#3b82f673}@media (prefers-reduced-motion:reduce){.portfolio-neighbor-card:hover{transform:none}}.portfolio-neighbor-tags{flex-wrap:wrap;gap:.375rem;display:flex}.portfolio-neighbor-tag{color:var(--color-violet);background:#8b5cf61a;border:1px solid #8b5cf638;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(2n) .portfolio-neighbor-tag{color:var(--color-blue);background:#3b82f61a;border-color:#3b82f638}.portfolio-neighbor-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:800;transition:color .2s}.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(odd):hover .portfolio-neighbor-title,.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(odd):hover .portfolio-neighbor-more{color:var(--color-violet)}.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(2n):hover .portfolio-neighbor-title,.portfolio-neighbors-grid .portfolio-neighbor-card:nth-child(2n):hover .portfolio-neighbor-more{color:var(--color-blue)}.portfolio-neighbor-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.65;display:-webkit-box;overflow:hidden}.portfolio-neighbor-more{color:var(--color-text-secondary);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;font-weight:700;transition:color .2s;display:inline-flex}@media (width>=768px){.portfolio-neighbors-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.blog-list-section{padding-top:1rem;padding-bottom:4rem}.blog-list-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.blog-list-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (width>=1024px){.blog-list-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.blog-card{background:var(--color-card);border:1px solid var(--color-border);color:inherit;border-radius:1.25rem;flex-direction:column;transition:background .25s,border-color .25s,transform .25s;display:flex;overflow:hidden}.blog-card:hover{background:var(--color-card-hover);transform:translateY(-4px)}.blog-list-grid .blog-card:nth-child(odd):hover{border-color:#8b5cf673}.blog-list-grid .blog-card:nth-child(2n):hover{border-color:#3b82f673}@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none}}.blog-card-thumb{aspect-ratio:1.91;background:linear-gradient(135deg,#8b5cf659 0%,#0006 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-list-grid .blog-card:nth-child(2n) .blog-card-thumb{background:linear-gradient(135deg,#3b82f659 0%,#0006 100%)}.blog-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-thumb-label{letter-spacing:.02em;color:#ffffff8c;font-size:.875rem;font-weight:700}.blog-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.blog-card-meta{letter-spacing:.02em;color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.blog-card-category{color:var(--color-violet)}.blog-list-grid .blog-card:nth-child(2n) .blog-card-category{color:var(--color-blue)}.blog-card-date{color:#ffffff59;font-weight:500}.blog-card-title{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.125rem;font-weight:800;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-list-grid .blog-card:nth-child(odd):hover .blog-card-title,.blog-list-grid .blog-card:nth-child(odd):hover .blog-card-more{color:var(--color-violet)}.blog-list-grid .blog-card:nth-child(2n):hover .blog-card-title,.blog-list-grid .blog-card:nth-child(2n):hover .blog-card-more{color:var(--color-blue)}.blog-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9375rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-more{color:var(--color-text-secondary);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;font-weight:700;transition:color .2s;display:inline-flex}.blog-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;display:flex}.blog-pagination-arrow,.blog-pagination-page{width:2.75rem;height:2.75rem;color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border);border-radius:9999px;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.blog-pagination-arrow:hover,.blog-pagination-page:hover{background:var(--color-card-hover);color:var(--color-text-primary);border-color:#8b5cf673}.blog-pagination-arrow.is-disabled{opacity:.3;pointer-events:none}.blog-pagination-page.is-current{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.blog-pagination-page.is-current:hover{background:var(--color-blue);color:#fff;filter:brightness(1.08)}.blog-empty{text-align:center;padding:6rem 1rem}.blog-empty-title{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.blog-empty-sub{color:#fff6;font-size:.9375rem}.blog-progress{z-index:60;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.blog-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--color-blue) 0%, var(--color-violet) 100%);will-change:transform;width:100%;height:100%;transform:scaleX(0)}html[data-header=light] .blog-progress-bar{box-shadow:0 1px 4px #00000014}.blog-detail{--blog-accent:#1d4ed8;--blog-accent-deep:#1e40af;--blog-accent-soft:#1d4ed81a;--blog-light-bg:#fff;--blog-light-text:#1a1a1a;--blog-light-text-sub:#555;--blog-light-text-light:#888;--blog-light-border:#e5e5e5;--blog-light-card:#f8f9fa;--blog-light-hl:#eff6ff}.blog-detail-blue{--blog-accent:var(--color-blue);--blog-accent-soft:#3b82f61f}.blog-dark-header{padding:10rem 0 2.5rem}.blog-detail-container{max-width:48rem;margin:0 auto}.blog-back-link{color:var(--color-text-secondary);align-items:center;gap:.25rem;margin-bottom:2rem;font-size:.9375rem;transition:color .2s;display:inline-flex}.blog-back-link:hover{color:var(--color-text-primary)}.blog-detail-head{flex-direction:column;gap:1.25rem;display:flex}.blog-series-nav{flex-direction:column;gap:.625rem;display:flex}.blog-series-nav-label{color:#fff9;letter-spacing:.02em;font-size:.8125rem}.blog-series-nav-items{flex-wrap:wrap;gap:.5rem;display:flex}.blog-series-nav-item{color:#ffffffbf;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s}a.blog-series-nav-item:hover{color:#fff;background:#ffffff24;border-color:#ffffff42}.blog-series-nav-item.is-active{background:var(--blog-accent);color:#fff;border-color:var(--blog-accent);cursor:default}.blog-series-nav-item.is-pending{color:#ffffff59;cursor:not-allowed;border-style:dashed;border-color:#ffffff29}.blog-detail-category-badge{background:var(--blog-accent-soft);color:var(--blog-accent);letter-spacing:.01em;border-radius:9999px;align-self:flex-start;padding:.25rem .875rem;font-size:.8125rem;font-weight:700}.blog-detail-title{letter-spacing:-.025em;color:#fff;word-break:keep-all;font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:900;line-height:1.35}.blog-detail-subtitle{color:var(--color-text-secondary);word-break:keep-all;font-size:1.0625rem;line-height:1.7}.blog-detail-meta{color:#ffffff8c;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.25rem;padding-bottom:1.25rem;font-size:.875rem;display:flex}.blog-detail-author{align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.blog-detail-author-icon{color:#fff6;flex-shrink:0}.blog-detail-date{font-variant-numeric:tabular-nums;color:#fff6}.blog-featured{z-index:2;max-width:63.5rem;margin:2.5rem auto -2rem;padding:0 1.5rem;position:relative}.blog-featured-frame{background:var(--color-card);border-radius:1rem;overflow:hidden;box-shadow:0 20px 60px #00000059}.blog-featured-frame img{aspect-ratio:1.91;object-fit:cover;width:100%;height:auto;display:block}.blog-featured-placeholder{aspect-ratio:1.91;background:linear-gradient(135deg, var(--blog-accent-soft) 0%, #0a0a0c99 100%);justify-content:center;align-items:center;display:flex}.blog-featured-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:1.125rem;font-weight:700}.blog-light{z-index:0;background:var(--blog-light-bg);color:var(--blog-light-text);padding:8rem 1.5rem 5rem;position:relative}.blog-light-body{max-width:42.5rem;margin:0 auto}@media (width>=1024px){.blog-light-body{grid-template-columns:minmax(0,42.5rem) 15rem;justify-content:center;align-items:start;column-gap:3rem;max-width:none;display:grid}.blog-light-body>.blog-light-content,.blog-light-body>.blog-share{grid-column:1;min-width:0}.blog-light-body>.blog-toc-mobile{display:none}.blog-light-body>.blog-toc{grid-area:1/2/span 10}}.blog-light-content{color:#3f3f46;word-break:keep-all;font-size:1.0625rem;line-height:1.85}.blog-light-content>*+*{margin-top:1.5rem}.blog-light-content h2{color:#111827;word-break:keep-all;margin-top:4.5rem;padding-top:1.25rem;font-size:1.5rem;font-weight:800;line-height:1.4}.blog-light-content h3{color:#1f2937;margin-top:2.5rem;padding-top:.5rem;font-size:1.1875rem;font-weight:700;line-height:1.45}.blog-light-content p{color:#3f3f46;font-size:1.0625rem;line-height:1.85}.blog-light-content strong{color:#111827;font-weight:700}.blog-light-content a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline 1px;transition:opacity .15s}.blog-light-content a:hover{opacity:.75}.blog-light-content hr{background:#e5e7eb;border:0;height:1px;margin:4rem 0}.blog-light-content ul,.blog-light-content ol{margin:1rem 0;padding-left:1.5rem}.blog-light-content ul li,.blog-light-content ol li{color:#3f3f46;margin:.625rem 0;line-height:1.75}.blog-light-content .blog-checklist{margin:1.25rem 0;padding-left:0;list-style:none}.blog-light-content .blog-checklist li{margin:.625rem 0;padding-left:1.875rem;line-height:1.7;position:relative}.blog-light-content .blog-checklist li:before{content:"✓";color:var(--blog-accent);font-weight:900;position:absolute;top:0;left:0}.blog-light-content .blog-q-lead{letter-spacing:.04em;color:#9ca3af;margin:.35rem 0 1.5rem;font-size:.8rem;font-weight:500}.blog-light-content .blog-goalbox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.875rem;margin:2rem 0;padding:1.5rem 1.75rem}.blog-light-content .blog-goalbox-title{color:#18181b;margin-bottom:.9rem;font-size:1.05rem;font-weight:700}.blog-light-content .blog-goalbox ul{margin:0;padding-left:0;list-style:none}.blog-light-content .blog-goalbox li{margin:.45rem 0;padding-left:1.75rem;line-height:1.7;position:relative}.blog-light-content .blog-goalbox li:before{content:"✓";color:var(--blog-accent);font-weight:900;position:absolute;top:0;left:0}.blog-light-content .blog-disclaimer{color:#71717a;border-top:1px solid #e4e4e7;margin-top:3rem;padding-top:1.5rem;font-size:.875rem;line-height:1.7}.blog-light-content .blog-num-card{background:var(--blog-light-card);border:1px solid var(--blog-light-border);border-radius:1rem;margin:2.25rem 0;padding:1.75rem 2rem;position:relative;overflow:hidden}.blog-light-content .blog-num-card:before{content:attr(data-num);letter-spacing:-.04em;color:#eef0f2;pointer-events:none;user-select:none;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:-.5rem;right:1rem}.blog-light-content .blog-num-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-light-text-light);margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:inline-block}.blog-light-content .blog-num-card h3{color:#111827;padding-top:0;font-size:1.125rem;line-height:1.5;margin-top:0!important}.blog-light-content .blog-num-card p{color:#4b5563;margin-top:.5rem!important}.blog-light-content .blog-case-value{color:#111827;letter-spacing:-.01em;margin:.15rem 0 .65rem;font-size:1.25rem;font-weight:800;line-height:1.45}.blog-light-content .blog-num-card[data-tag]:before{content:attr(data-tag);letter-spacing:-.02em;font-size:2.5rem;top:.35rem}.blog-light-content .blog-mark{color:#111827;background:linear-gradient(#0000 55%,#dbeafe 55%);padding:0 .1em;font-weight:700}.blog-light-content .blog-highlight{background:var(--blog-light-hl);border-left:4px solid var(--blog-accent);border-radius:0 .5rem .5rem 0;margin:2rem 0;padding:1.25rem 1.5rem}.blog-light-content .blog-highlight-title{color:#111827;margin-bottom:.5rem;font-weight:800}.blog-light-content .blog-highlight>div{color:#1e3a5f;font-weight:500;line-height:1.8}.blog-light-content .blog-img-placeholder{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:.75rem;align-items:center;gap:.875rem;margin:2rem 0;padding:1.5rem 1.75rem;font-size:.9375rem;line-height:1.6;display:flex}.blog-light-content .blog-img-icon{font-size:1.625rem;line-height:1}.blog-light-content .blog-quote{border-left:4px solid var(--blog-accent);background:var(--blog-light-hl);border-radius:0 .75rem .75rem 0;margin:2rem 0;padding:1.5rem 1.75rem;font-style:italic}.blog-light-content .blog-quote p{color:#1e3a5f;font-style:italic;font-weight:500;line-height:1.8}.blog-light-content .blog-quote cite{color:var(--blog-light-text-sub);margin-top:.75rem;font-size:.875rem;font-style:normal;display:block}.blog-post-author{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.blog-post-author-avatar{color:#fff;letter-spacing:.04em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8125rem;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #0000000f}.blog-post-author-avatar.is-if{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.blog-post-author-avatar.is-loop{background:linear-gradient(135deg,#f97316,#c2410c)}.blog-post-author-avatar.is-flux{background:linear-gradient(135deg,#14b8a6,#0f766e)}.blog-post-author-avatar.is-echo{background:linear-gradient(135deg,#a855f7,#7e22ce)}.blog-post-author-avatar.is-jay{background:linear-gradient(135deg,#ec4899,#be185d)}.blog-post-author-meta{flex-direction:column;gap:.125rem;line-height:1.35;display:flex}.blog-post-author-name{color:#1f2937;font-size:.9375rem;font-weight:700}.blog-post-author-name small{color:#6b7280;margin-left:.375rem;font-size:.75rem;font-weight:500}.blog-post-author-date{color:var(--blog-light-text-light);font-size:.8125rem}.blog-dark-header .blog-post-author-name{color:#fff}.blog-dark-header .blog-post-author-name small{color:#ffffffb3}.blog-dark-header .blog-post-author-date{color:#fff9}@media (width<=600px){.blog-post-author-avatar{width:38px;height:38px;font-size:.75rem}.blog-post-author-name{font-size:.875rem}.blog-post-author-name small{margin-top:.125rem;margin-left:0;display:block}}.blog-light-content .blog-stat{background:linear-gradient(135deg,#fafbff,#eff6ff);border:1px solid #e0e7ff;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin:2rem 0;padding:1.75rem 2rem;display:grid}.blog-light-content .blog-stat-num{color:var(--blog-accent);letter-spacing:-.03em;font-size:3rem;font-weight:900;line-height:.95}.blog-light-content .blog-stat-label{color:#1f2937;font-size:.9375rem;font-weight:500;line-height:1.55}.blog-light-content .blog-stat-label small{color:#6b7280;margin-top:.25rem;font-size:.8125rem;font-weight:400;display:block}@media (width<=600px){.blog-light-content .blog-stat{grid-template-columns:1fr;gap:.5rem;padding:1.25rem 1.5rem}.blog-light-content .blog-stat-num{font-size:2.25rem}}.blog-light-content .blog-cta{background:linear-gradient(135deg,#1d4ed80f,#1d4ed824);border:1px solid #1d4ed833;border-radius:1rem;margin:3rem 0 2rem;padding:1.75rem 2rem}.blog-light-content .blog-cta-title{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:800;line-height:1.45}.blog-light-content .blog-cta-desc{color:#4b5563;margin-bottom:1rem;font-size:.9375rem;line-height:1.7}.blog-light-content .blog-cta a{background:var(--blog-accent);color:#fff;border-radius:9999px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-block}.blog-light-content .blog-cta a:hover{background:var(--blog-accent-deep)}.blog-light-content .blog-related{grid-template-columns:1fr 1fr;gap:.875rem;margin:2rem 0;display:grid}.blog-light-content .blog-related-item{border:1px solid var(--blog-light-border);background:#fafafa;border-radius:.75rem;padding:1rem 1.25rem;transition:all .15s;display:block;color:inherit!important;text-decoration:none!important}.blog-light-content .blog-related-item:hover{border-color:var(--blog-accent);background:#fff;transform:translateY(-1px)}.blog-light-content .blog-related-label{color:var(--blog-accent);letter-spacing:.06em;margin-bottom:.375rem;font-size:.75rem;font-weight:800;display:block}.blog-light-content .blog-related-title{color:#111827;font-size:.9375rem;font-weight:700;line-height:1.5}@media (width<=600px){.blog-light-content .blog-related{grid-template-columns:1fr}}.blog-related{border-top:1px solid #e5e7eb;max-width:60.5rem;margin:4rem auto 0;padding:3rem 0 0}.blog-related-heading{letter-spacing:-.01em;color:#111827;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.blog-related-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1rem;margin:0 -1.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;overflow:auto hidden}.blog-related-grid::-webkit-scrollbar{display:none}.blog-related-grid>.blog-related-card{scroll-snap-align:start;flex:0 0 min(85%,20rem)}@media (width>=960px){.blog-related-grid{scroll-snap-type:none;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0;padding:0;display:grid;overflow:visible}.blog-related-grid>.blog-related-card{flex:initial}}.blog-related-card{background:var(--blog-light-card);color:inherit;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-related-card:hover{border-color:#8b5cf659;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.blog-related-thumb{aspect-ratio:1.91;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);justify-content:center;align-items:center;display:flex;overflow:hidden}.blog-related-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.blog-related-card:hover .blog-related-thumb img{transform:scale(1.03)}.blog-related-thumb-label{letter-spacing:.06em;text-transform:uppercase;color:#a78bfa;font-size:.8125rem;font-weight:700}.blog-related-body{flex-direction:column;flex:1;gap:.5rem;padding:1.125rem 1.25rem 1.25rem;display:flex}.blog-related-category{letter-spacing:.06em;text-transform:uppercase;color:var(--blog-accent);font-size:.6875rem;font-weight:800}.blog-related-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:800;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-related-card:hover .blog-related-title{color:var(--blog-accent)}.blog-related-date{color:#9ca3af;font-variant-numeric:tabular-nums;margin-top:auto;font-size:.8125rem}.blog-light-content table{border-collapse:collapse;border:1px solid var(--blog-light-border);background:#fff;border-radius:.75rem;width:100%;margin:2rem 0;font-size:.9375rem;overflow:hidden}.blog-light-content thead th{text-align:left;color:#1f2937;border-bottom:2px solid var(--blog-light-border);letter-spacing:-.005em;background:#f3f4f6;padding:.875rem 1rem;font-weight:700}.blog-light-content tbody td{vertical-align:top;color:#3f3f46;border-bottom:1px solid #f1f2f4;padding:.875rem 1rem;line-height:1.65}.blog-light-content tbody tr:last-child td{border-bottom:0}.blog-light-content tbody tr:hover td{background:#fafbfc}.blog-light-content tbody th{text-align:left;color:#1f2937;background:#fafbfc;border-bottom:1px solid #f1f2f4;border-right:1px solid #f1f2f4;width:30%;padding:.875rem 1rem;font-weight:700}.blog-cta-light{max-width:60.5rem;margin:4rem auto 0;padding:0}.blog-cta-light-card{text-align:left;background-color:#0b0f1a;background-image:url(https://cdn.dataplore.net/blogs/blog-cta-banner-dark.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;border:1px solid #7c3aed40;border-radius:1.25rem;flex-direction:column;gap:1rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.blog-cta-light-card:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0b0f1aeb 0%,#0b0f1abf 32%,#0b0f1a33 58%,#0b0f1a00 78%);position:absolute;inset:0}.blog-cta-light-card>*{z-index:1;position:relative}.blog-cta-light-label{letter-spacing:.04em;color:#a78bfa;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex}.blog-cta-light-title{letter-spacing:-.02em;color:#f8fafc;margin:0;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:900;line-height:1.35}.blog-cta-light-button{background:var(--color-blue);color:#fff;border-radius:9999px;justify-content:center;align-self:flex-start;align-items:center;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.blog-cta-light-button:hover{background:var(--color-blue-hover,#1d4ed8);transform:translateY(-1px)}html[data-header=light] .site-header .header-pill{background:#fffffff2;border-color:#00000014;box-shadow:0 10px 30px -10px #00000026}html[data-header=light] .site-header .header-logo img{filter:invert()}html[data-header=light] .site-header .header-nav a{color:#4b5563}html[data-header=light] .site-header .header-nav a:hover{color:#111827}html[data-header=light] .site-header .header-menu-btn{color:#374151}@media (width<=640px){.blog-dark-header{padding-top:8rem;padding-bottom:2rem}.blog-featured{margin:2rem auto -5rem;padding:0 1rem}.blog-light{padding:7rem 1.25rem 4rem}.blog-light-content{font-size:1rem}.blog-light-content h2{font-size:1.3125rem}.blog-light-content h3{font-size:1.0625rem}}.blog-detail{--blog-success:#10b981;--blog-success-bg:#ecfdf5;--blog-success-border:#a7f3d0;--blog-warning:#f59e0b;--blog-warning-bg:#fffbeb;--blog-warning-border:#fcd34d;--blog-danger:#ef4444;--blog-danger-bg:#fef2f2;--blog-danger-border:#fecaca;--blog-info:#0ea5e9;--blog-info-bg:#f0f9ff;--blog-info-border:#bae6fd}.blog-light-content h2{position:relative}.blog-light-content h2 .blog-anchor{opacity:0;color:var(--blog-accent);font-size:1.25rem;font-weight:400;line-height:inherit;text-decoration:none;transition:opacity .2s;position:absolute;left:-1.75rem}.blog-light-content h2:hover .blog-anchor{opacity:.6}.blog-light-content .blog-callout{border-left:3px solid var(--blog-accent);background:var(--blog-accent-soft);color:#1f2937;border-radius:0;margin:2rem 0;padding:1.25rem 1.5rem;font-size:1.0625rem;line-height:1.75}.blog-light-content .blog-callout-title{color:#111827;margin-bottom:.625rem;font-size:1.0625rem;font-weight:800;line-height:1.4}.blog-light-content .blog-callout>:not(.blog-callout-title){font-weight:400}.blog-light-content .blog-callout strong{color:#111827;font-weight:700}.blog-light-content .blog-callout-numbered{counter-reset:blog-numbered;margin:.375rem 0 0;padding:0;list-style:none}.blog-light-content .blog-callout-numbered>li{counter-increment:blog-numbered;margin:.5rem 0;padding-left:1.75rem;font-weight:400;line-height:1.7;position:relative}.blog-light-content .blog-callout-numbered>li:before{content:counter(blog-numbered) ")";color:var(--blog-accent);font-weight:700;position:absolute;left:0}.blog-light-content .blog-callout--success .blog-callout-numbered>li:before{color:var(--blog-success)}.blog-light-content .blog-callout--warning .blog-callout-numbered>li:before{color:var(--blog-warning)}.blog-light-content .blog-callout--danger .blog-callout-numbered>li:before{color:var(--blog-danger)}.blog-light-content .blog-callout--info .blog-callout-numbered>li:before{color:var(--blog-info)}.blog-light-content .blog-callout--info{border-left-color:var(--blog-info);background:var(--blog-info-bg)}.blog-light-content .blog-callout--success{border-left-color:var(--blog-success);background:var(--blog-success-bg)}.blog-light-content .blog-callout--warning{border-left-color:var(--blog-warning);background:var(--blog-warning-bg)}.blog-light-content .blog-callout--danger{border-left-color:var(--blog-danger);background:var(--blog-danger-bg)}.blog-light-content .blog-proscons{grid-template-columns:1fr 1fr;gap:1rem;margin:2.5rem 0;display:grid}.blog-light-content .blog-proscons-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:0;padding:1.25rem 1.5rem}.blog-light-content .blog-proscons-item--pro{border-left:4px solid var(--blog-success);background:var(--blog-success-bg);border-color:var(--blog-success-border)}.blog-light-content .blog-proscons-item--con{border-left:4px solid var(--blog-danger);background:var(--blog-danger-bg);border-color:var(--blog-danger-border)}.blog-light-content .blog-proscons-item h4{letter-spacing:.03em;margin-top:0;margin-bottom:.75rem;font-size:.875rem;font-weight:800}.blog-light-content .blog-proscons-item--pro h4{color:var(--blog-success)}.blog-light-content .blog-proscons-item--con h4{color:var(--blog-danger)}.blog-light-content .blog-proscons-item ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.blog-light-content .blog-proscons-item li{color:#374151;padding-left:1.25rem;font-size:.9375rem;line-height:1.6;position:relative}.blog-light-content .blog-proscons-item--pro li:before{content:"✓";color:var(--blog-success);font-size:.8125rem;font-weight:700;position:absolute;left:0}.blog-light-content .blog-proscons-item--con li:before{content:"✕";color:var(--blog-danger);font-size:.8125rem;font-weight:700;position:absolute;left:0}@media (width<=600px){.blog-light-content .blog-proscons{grid-template-columns:1fr}}.blog-light-content .blog-keytakeaway{border-left:6px solid var(--blog-accent);color:#111827;word-break:keep-all;background:0 0;margin:3rem 0;padding:1.5rem 2rem;font-size:1.375rem;font-weight:600;line-height:1.5}.blog-light-content .blog-table--comparison thead th{border-bottom:2px solid var(--blog-accent)}.blog-light-content .blog-table--comparison tbody tr:hover td{background:#f9fafb}.blog-light-content td.blog-table-winner{color:#111827;font-weight:700}.blog-light-content td.blog-table-loser{color:#9ca3af}.blog-badge{letter-spacing:.02em;vertical-align:middle;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-block}.blog-badge--primary{color:#7c3aed;background:#8b5cf61a}.blog-badge--success{background:var(--blog-success-bg);color:#065f46}.blog-badge--warning{background:var(--blog-warning-bg);color:#92400e}.blog-toc{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;max-height:calc(100vh - 11rem);padding:1.25rem 0;position:sticky;top:9rem;overflow-y:auto}.blog-toc::-webkit-scrollbar{width:4px}.blog-toc::-webkit-scrollbar-track{background:0 0}.blog-toc::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.blog-toc-title{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:.875rem;font-size:.75rem;font-weight:800}.blog-toc-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc-item a{color:#6b7280;word-break:keep-all;border-left:2px solid #e5e7eb;padding:.3125rem .75rem;font-size:.8125rem;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s;display:block}.blog-toc-item a:hover{color:#111827;border-left-color:#d1d5db}.blog-toc-item.is-active a{color:var(--blog-accent,#8b5cf6);border-left-color:var(--blog-accent,#8b5cf6);font-weight:600}.blog-toc-mobile{display:none}.blog-toc-mobile summary{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-size:.9375rem;font-weight:700;list-style:none;display:flex}.blog-toc-mobile summary::-webkit-details-marker{display:none}.blog-toc-mobile summary:after{content:"▼";color:#9ca3af;font-size:.625rem;transition:transform .2s}.blog-toc-mobile[open] summary:after{transform:rotate(180deg)}.blog-toc-mobile .blog-toc-list{gap:0;padding:.75rem 0 0}.blog-toc-mobile .blog-toc-item a{padding:.4375rem 1rem}@media (width<=1023px){.blog-toc{display:none}.blog-toc-mobile{margin-bottom:2.5rem;display:block}}@media (width>=1024px){.blog-toc-mobile{display:none}}.blog-share{border-top:1px solid var(--blog-light-border);flex-wrap:wrap;align-items:center;gap:.625rem;margin:3.5rem 0 0;padding-top:2rem;display:flex}.blog-share-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-accent);margin-right:.5rem;font-size:.75rem;font-weight:800}.blog-share-btn{color:#374151;border:1px solid var(--blog-light-border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.blog-share-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1d4ed81f}.blog-share-btn svg{color:#6b7280;flex-shrink:0;width:1rem;height:1rem;transition:color .15s}.blog-share-btn:hover svg{color:var(--blog-accent)}.blog-share-btn--copied,.blog-share-btn--copied:hover{background:var(--blog-success-bg);border-color:var(--blog-success-border);color:#065f46;box-shadow:none;transform:none}.blog-share-btn--copied svg,.blog-share-btn--copied:hover svg{color:#065f46}.blog-back-to-top{cursor:pointer;color:#374151;opacity:0;pointer-events:none;z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:opacity .25s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:2rem;right:1.5rem;box-shadow:0 4px 16px #0000001a}.blog-back-to-top.is-visible{opacity:1;pointer-events:auto}.blog-back-to-top:hover{color:var(--blog-accent,#8b5cf6);border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 6px 20px #00000024}.blog-back-to-top svg{width:1.125rem;height:1.125rem}.blog-toast{color:#fff;opacity:0;pointer-events:none;z-index:50;white-space:nowrap;background:#111827;border-radius:9999px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(1rem)}.blog-toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.seo-check-inner{max-width:760px}.seo-check-form{margin-bottom:1.5rem}.seo-check-field{flex-direction:column;gap:.5rem;display:flex}.seo-check-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.seo-check-input-row{gap:.75rem;display:flex}.seo-check-input{border:1px solid var(--color-border);min-width:0;color:var(--color-text-primary);background:#ffffff08;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.seo-check-input:focus{border-color:var(--color-blue);background:#ffffff0d;outline:none}.seo-check-input:disabled{opacity:.6}.seo-check-submit{white-space:nowrap;flex-shrink:0}.seo-check-hint{color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.seo-check-error{color:#f87171;margin:0;font-size:.8125rem}.seo-check-error-global{background:#f8717114;border:1px solid #f8717133;border-radius:.75rem;margin-top:1rem;padding:.875rem 1rem}.seo-check-progress{background:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;margin-top:1.5rem;padding:1.25rem 1.5rem}.seo-check-progress-label{color:var(--color-text-primary);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.seo-check-progress-bar{background:#ffffff0f;border-radius:9999px;height:6px;overflow:hidden}.seo-check-progress-fill{background:linear-gradient(90deg, var(--color-blue), var(--color-violet));border-radius:9999px;height:100%;transition:width .4s;display:block}.seo-check-progress-hint{color:var(--color-text-tertiary);margin:.75rem 0 0;font-size:.8125rem}.seo-result{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.seo-result-header{background:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.seo-gauge{border:3px solid var(--color-blue);background:#3b82f614;border-radius:9999px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.seo-gauge-score{color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1}.seo-gauge-max{color:var(--color-text-tertiary);font-size:.75rem}.seo-result-summary{min-width:0}.seo-result-grade{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.seo-result-url{color:var(--color-text-secondary);word-break:break-all;margin:0 0 .25rem;font-size:.875rem}.seo-result-count{color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.seo-category-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.seo-category-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:.875rem;padding:1rem}.seo-category-label{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.8125rem}.seo-category-score{color:var(--color-text-primary);margin:0 0 .625rem;font-size:1.5rem;font-weight:700}.seo-category-max{color:var(--color-text-tertiary);font-size:.875rem;font-weight:400}.seo-category-bar{background:#ffffff0f;border-radius:9999px;height:5px;overflow:hidden}.seo-category-bar-fill{background:var(--color-blue);border-radius:9999px;height:100%;display:block}.seo-issue-heading{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.seo-issue-list{flex-direction:column;gap:.75rem;display:flex}.seo-issue{background:var(--color-card);border:1px solid var(--color-border);border-left-width:3px;border-radius:.875rem;padding:1rem 1.25rem}.seo-issue-critical{border-left-color:#f87171}.seo-issue-warning{border-left-color:#fbbf24}.seo-issue-info{border-left-color:var(--color-blue)}.seo-issue-top{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.seo-issue-badge{border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.seo-issue-badge-critical{color:#f87171;background:#f8717126}.seo-issue-badge-warning{color:#fbbf24;background:#fbbf2426}.seo-issue-badge-info{color:var(--color-blue-hover);background:#3b82f626}.seo-issue-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.seo-issue-points{color:var(--color-text-tertiary);margin-left:auto;font-size:.8125rem}.seo-issue-description,.seo-issue-fix{color:var(--color-text-secondary);margin:.625rem 0 0;font-size:.875rem;line-height:1.6}.seo-issue-fix-label{color:var(--color-green);margin-right:.5rem;font-weight:600;display:inline-block}.seo-issue-state-row{flex-wrap:wrap;gap:.5rem;margin-top:.625rem;display:flex}.seo-issue-state-item{border:1px solid var(--color-border);color:var(--color-text-primary);word-break:break-all;background:#ffffff0a;border-radius:.5rem;align-items:baseline;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex}.seo-issue-state-label{color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:700}.seo-issue-state-label-target{color:var(--color-green)}.seo-issue-meaning{color:var(--color-text-tertiary);border-left:2px solid #ffffff14;margin:.5rem 0 0;padding-left:.75rem;font-size:.8125rem;line-height:1.6}.seo-issue-img-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.seo-issue-img-item{align-items:center;gap:.625rem;display:flex}.seo-issue-img-thumb-wrap{border:1px solid var(--color-border);background:#ffffff0a;border-radius:.375rem;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.seo-issue-img-thumb{object-fit:cover;width:100%;height:100%;display:block}.seo-issue-img-placeholder{letter-spacing:.05em;width:100%;height:100%;color:var(--color-text-muted);background:#ffffff08;justify-content:center;align-items:center;font-size:.5625rem;font-weight:700;display:flex}.seo-issue-img-src{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;word-break:break-all;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;font-size:.8125rem;display:-webkit-box;overflow:hidden}.seo-issue-img-more{color:var(--color-text-tertiary);margin:.25rem 0 0;font-size:.8125rem}.seo-issue-tag-list{flex-wrap:wrap;gap:.375rem;margin-top:.625rem;display:flex}.seo-issue-tag{border:1px solid var(--color-border);color:var(--color-text-secondary);word-break:break-all;background:#ffffff0d;border-radius:.375rem;padding:.1875rem .5rem;font-size:.8125rem;display:inline-block}.seo-issue-tag-more{color:var(--color-text-tertiary);font-style:italic}@media (width<=640px){.seo-check-input-row{flex-direction:column}.seo-check-submit{width:100%}.seo-category-grid{grid-template-columns:repeat(2,1fr)}.seo-result-header{text-align:center;flex-direction:column}}