:root{--c-bg:#f8fafd;--c-text:#393939;--c-text-gray:#7a7a7a;--c-line:#E0E0E0;--c-main:#3f4c6b;--grad-main:linear-gradient(135deg,#3f4c6b,#606c88);--c-accent:#EC4899;--grad-paradigm:linear-gradient(135deg,#13fdfd,#139bfd);--grad-paradigm-deep:linear-gradient(135deg,#0dcece,#1177cc);--grad-paradigm-dark:linear-gradient(135deg,#112937,#139bfd 50%,#13fdfd);--grad-paradigm-darker:linear-gradient(135deg,#0d4a6a,#0d6a9a 50%,#0a8a9a);--grad-eterna:linear-gradient(135deg,#1B4DFE,#7B2FE0 30%,#AC24FF 60%,#E59DFA);--grad-eterna-full:linear-gradient(135deg,#1B4DFE,#AC24FF 25%,#E59DFA 50%,#FFD600 75%,#FE881B);--grad-eterna-soft:linear-gradient(135deg,#3B6AE8,#8B4FD0 40%,#C06EF0);--grad-wine:linear-gradient(135deg,#722F37,#4A0E0E 50%,#2C0A0A);--grad-burgundy:linear-gradient(135deg,#8B2252,#5D1A3A 50%,#722F37);--grad-velvet:linear-gradient(135deg,#6B1B3D,#A5243D 50%,#3D0C1C);--grad-cyber:linear-gradient(135deg,#667eea,#764ba2);--grad-cyber-deep:linear-gradient(135deg,#4c5fd5,#5a3d8a);--grad-cyber-dark:linear-gradient(135deg,#3a4bc4,#4a2d7a);--grad-cyber-darker:linear-gradient(135deg,#2a3590,#3a1d5a);--grad-cyber-night:linear-gradient(135deg,#1e2670,#2a1040);--grad-ash:linear-gradient(135deg,#3f4c6b,#606c88);--grad-ash-deep:linear-gradient(135deg,#2c3e50,#4a5568);--grad-ash-light:linear-gradient(135deg,#606c88,#8a95a5);--grad-ash-steel:linear-gradient(135deg,#283048,#859398);--grad-ash-slate:linear-gradient(135deg,#373b44,#4286f4);--grad-sunset:linear-gradient(135deg,#f093fb,#f5576c);--grad-ocean:linear-gradient(135deg,#4facfe,#00f2fe);--grad-fire:linear-gradient(135deg,#fa709a,#fee140);--grad-aurora:linear-gradient(135deg,#a8edea,#fed6e3);--grad-neon:linear-gradient(135deg,#00f5a0,#00d9f5);--grad-royal:linear-gradient(135deg,#6a11cb,#2575fc);--grad-peach:linear-gradient(135deg,#ffecd2,#fcb69f);--grad-rainbow:linear-gradient(135deg,#ff6b6b,#feca57 25%,#48dbfb 50%,#ff9ff3 75%,#54a0ff);--grad-candy:linear-gradient(135deg,#f857a6,#ff5858 50%,#ffb347);--grad-miami:linear-gradient(135deg,#4158D0,#C850C0 50%,#FFCC70);--grad-cosmic:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);--grad-tropical:linear-gradient(135deg,#11998e,#38ef7d 50%,#eef317);--grad-berry:linear-gradient(135deg,#8E2DE2,#4A00E0 40%,#00d4ff);--grad-sunset3:linear-gradient(135deg,#FF512F,#F09819 50%,#FF61D2);--grad-nature:linear-gradient(135deg,#134E5E,#71B280 50%,#ffd89b);--grad-lab-spectrum:linear-gradient(135deg,#00f0ff,#ff00e5 25%,#ffe600 50%,#00ff88 75%,#7c3aed);--grad-lab-neon-rush:linear-gradient(135deg,#f72585,#7209b7 20%,#3a0ca3 40%,#4361ee 60%,#4cc9f0 80%,#b5179e);--grad-lab-electric:linear-gradient(135deg,#00ff87,#60efff 33%,#ff00ea 66%,#ffc800);--grad-lab-plasma:linear-gradient(135deg,#ff0844,#ffb199 25%,#00ddff 50%,#9c27b0 75%,#ff0844);--grad-lab-hologram:linear-gradient(135deg,#a8ff78,#78ffd6 20%,#a8c0ff 40%,#ffb8d0 60%,#ffe878 80%,#a8ff78);--grad-lab-circuit:linear-gradient(135deg,#00f5d4,#00bbf9 25%,#9b5de5 50%,#f15bb5 75%,#fee440);--grad-lab-quantum:linear-gradient(135deg,#6366f1,#ec4899 20%,#f59e0b 40%,#10b981 60%,#06b6d4 80%,#8b5cf6);--grad-lab-fusion:linear-gradient(135deg,#ff006e,#fb5607 20%,#ffbe0b 40%,#8338ec 60%,#3a86ff 80%,#ff006e);--grad-lab-circuit-muted:linear-gradient(135deg,#5fbfb3,#6ba3d6 25%,#9a8bc7 50%,#c98aad 75%,#d4c27a);--grad-lab-quantum-muted:linear-gradient(135deg,#7c7fc9,#c47fa0 20%,#c9a067 40%,#6aa88f 60%,#5fa3b5 80%,#9a85b8);--grad-lab-fusion-muted:linear-gradient(135deg,#c45a7c,#c87a5a 20%,#c9a857 40%,#8a6fb5 60%,#6a8fc9 80%,#c45a7c);--grad-lab-circuit-soft:linear-gradient(135deg,#2dd4bf,#38bdf8 25%,#a78bfa 50%,#f472b6 75%,#fbbf24);--grad-lab-quantum-soft:linear-gradient(135deg,#818cf8,#e879a9 20%,#f59e0b 40%,#34d399 60%,#22d3ee 80%,#a78bfa);--grad-lab-fusion-soft:linear-gradient(135deg,#ec4899,#f97316 20%,#eab308 40%,#8b5cf6 60%,#3b82f6 80%,#ec4899);--f-display:"Space Grotesk",sans-serif;--f-body:"Zen Kaku Gothic New",sans-serif;--r-thumb:8px;--r-btn:99px;--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-smooth:cubic-bezier(0.33,1,0.68,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--f-body);background-color:var(--c-bg);color:var(--c-text);line-height:1.8;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.7}ul{list-style:none}img{width:100%;height:auto;display:block}button,input{font-family:inherit;border:none;background:none;outline:none;color:inherit;cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(40px,8vw,100px)}@media (max-width:767px){.container{padding:0 clamp(28px,7vw,48px)}}.h1-hero{font-family:var(--f-display);font-size:clamp(3rem,8vw,6rem);font-weight:500;line-height:1;letter-spacing:-.03em;margin-left:-2px}.latest-articles-section{padding-top:48px;padding-bottom:60px}@media (min-width:768px){.latest-articles-section{padding-top:80px;padding-bottom:100px}}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px}.section-head--top{margin-bottom:32px}@media (max-width:767px){.section-head{margin-bottom:12px}.section-head--top{margin-bottom:24px}}.section-title{font-family:var(--f-display);font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:-.01em}.floating-header-wrap{position:fixed;top:24px;left:0;width:100%;display:flex;justify-content:center;z-index:1000;padding:0 20px;pointer-events:none}.header-pill{pointer-events:auto;background:rgba(248,248,246,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 6px 6px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5);width:100%;max-width:660px;height:64px;transition:transform .3s ease,opacity .3s ease}@media (max-width:899px){.header-pill{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;height:auto;justify-content:space-between}}.header-logo{font-family:var(--f-display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;margin-right:32px;white-space:nowrap;cursor:pointer;position:relative;top:1px}.header-logo--gradient{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-nav-items{display:none;flex-grow:1;gap:4px;align-items:center}@media (min-width:900px){.header-nav-items{display:flex}}.nav-link{font-family:var(--f-body);font-size:.85rem;font-weight:700;color:var(--c-text)!important;position:relative;transition:color .2s;cursor:pointer;padding:8px 12px}.nav-link:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:2px;background:var(--c-main);border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--c-main)!important}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--c-main)!important}.nav-link.active:after{transform:scaleX(1)}.header-cta-btn{display:none;align-items:center;justify-content:center;margin-left:auto;margin-right:8px;padding:10px 24px;font-family:var(--f-body);font-size:.85rem;font-weight:700;color:#fff!important;background:var(--grad-main);border-radius:999px;white-space:nowrap}@media (min-width:900px){.header-cta-btn{display:flex}}.mobile-menu-cta{display:flex;align-items:center;justify-content:center;margin-top:32px;padding:18px 48px;font-family:var(--f-display);font-size:1.1rem;font-weight:700;color:#fff!important;background:var(--grad-main);border-radius:60px;text-decoration:none;box-shadow:0 8px 32px rgba(63,76,107,.3);opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.mobile-menu.open .mobile-menu-cta{opacity:1;transform:translateY(0);transition-delay:.25s}.header-cta-group{display:none;align-items:center;background:#2D2D2D;border-radius:999px;padding:4px;margin-left:auto;height:48px}@media (min-width:900px){.header-cta-group{display:flex}}.cta-btn{display:flex;align-items:center;justify-content:center;height:100%;padding:0 20px;color:#fff!important;font-size:.75rem;font-weight:700;font-family:var(--f-body);transition:opacity .2s;white-space:nowrap;cursor:pointer}.cta-btn:hover{opacity:.8}.cta-sep{width:1px;height:16px;background:rgba(255,255,255,.2)}.hamburger-btn{justify-content:center;gap:8px;width:64px;height:64px;margin-left:auto;cursor:pointer;z-index:1001;border-radius:50%;background:rgba(248,248,246,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.08)}.hamburger-btn,.hamburger-lines{display:flex;flex-direction:column;align-items:center}.hamburger-lines{gap:5px}.hamburger-line{display:block;width:22px;height:1.5px;background:var(--c-text);transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-label{font-family:var(--f-display);font-size:.6rem;font-weight:600;color:var(--c-text);letter-spacing:.08em;line-height:1}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(5.5px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}@media (min-width:900px){.hamburger-btn{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--c-bg);z-index:998;display:flex;flex-direction:column;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-nav{display:flex;flex-direction:column;gap:0}.mobile-menu-link{display:flex;flex-direction:column;gap:1px;padding:14px 0;border-bottom:1px solid var(--c-line);opacity:0;transform:translateX(-20px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.open .mobile-menu-link{opacity:1;transform:translateX(0)}.mobile-menu.open .mobile-menu-link:first-child{transition-delay:.1s}.mobile-menu.open .mobile-menu-link:nth-child(2){transition-delay:.15s}.mobile-menu-label{font-family:var(--f-display);font-size:.7rem;font-weight:500;color:var(--c-main);letter-spacing:.1em;text-transform:uppercase}.mobile-menu-text{font-size:1.4rem;font-weight:700;color:var(--c-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-link:active .mobile-menu-text,.mobile-menu-link:hover .mobile-menu-text{color:var(--c-text-gray);transform:translateX(8px)}.hero-wrap{padding:40px 0 100px}.hero-sub{font-size:1rem;color:var(--c-text-gray);margin-top:32px;max-width:480px}.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 16px}@media (min-width:768px){.art-grid{grid-template-columns:repeat(3,1fr);gap:60px 32px}}.view-all-card{text-decoration:none;color:var(--c-text);font-family:var(--f-display);min-width:0}.view-all-card,.view-all-card-inner{display:flex;align-items:center;justify-content:center}.view-all-card-inner{flex-direction:column;width:100px;height:100px;background-color:#fff;border-radius:100%;border:1px solid var(--c-main);color:var(--c-main);margin:auto;line-height:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.view-all-card:hover .view-all-card-inner{background:var(--c-main);color:#fff;opacity:1}.view-all-card:active .view-all-card-inner{transform:scale(.95)}.view-all-card-text{font-size:1rem;font-weight:400;letter-spacing:.05em}.view-all-card-arrow{font-size:1.5rem;margin-top:22px;transition:transform .2s}.view-all-card:hover .view-all-card-arrow{transform:translateX(4px)}.view-all-desktop{display:none;text-align:center;margin-top:0}@media (min-width:768px){.view-all-card{display:none}.view-all-desktop{display:flex}}.about-body p{line-height:2}@media (max-width:768px){.about-body p{line-height:1.8}}.art-item{display:flex;flex-direction:column}.art-thumb-wrap{position:relative;width:100%;aspect-ratio:16/10;margin-bottom:16px;border-radius:var(--r-thumb);overflow:hidden;background:#eee;transform:translateZ(0)}.art-thumb{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-smooth)}.art-item:hover .art-thumb{transform:scale(1.05)}.art-meta{font-family:var(--f-display);font-size:.8rem;color:var(--c-text-gray);display:flex;align-items:center;gap:12px}.art-cat{color:var(--c-main);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.art-title{font-size:1.05rem;font-weight:700;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.art-title{font-size:1.2rem}}@media (max-width:767px){.art-meta{flex-direction:column;align-items:flex-start;gap:4px}.art-meta>span[style]{display:none}}.about-area{border-top:1px solid var(--c-text);border-bottom:1px solid var(--c-text);padding:60px 0;margin:80px 0}.about-row{display:flex;flex-direction:column;gap:40px}@media (min-width:768px){.about-row{flex-direction:row;justify-content:space-between}.about-content{max-width:50%}.about-list{width:40%}}.about-label{font-size:3rem;line-height:1;font-weight:300;margin-bottom:24px;display:block}.about-label,.section-link{font-family:var(--f-display)}.section-link{display:inline-flex;align-items:center;gap:8px;margin-top:0;padding:clamp(12px,2vw,8px) clamp(20px,3vw,16px);border:1px solid var(--c-main);border-radius:99px;font-size:clamp(.9rem,2vw,.85rem);font-weight:500;letter-spacing:.05em;color:var(--c-main);transition:all .4s cubic-bezier(.4,0,.2,1)}.section-link:hover{background:var(--c-main);color:white;opacity:1}.section-link-arrow{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.section-link:hover .section-link-arrow{transform:translateX(4px)}@media (max-width:768px){.section-link{padding:20px 36px;font-size:.95rem}}.blog-title-wrap{margin-bottom:32px}@media (min-width:768px){.blog-title-wrap{margin-bottom:60px}}.filter-bar{display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.filter-bar{flex-direction:row;justify-content:space-between;align-items:flex-end}}.cat-list-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.cat-list-fade{position:absolute;top:0;width:32px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1}.cat-list-fade.visible{opacity:1}.cat-list-fade--left{left:0;background:linear-gradient(to right,var(--c-bg),transparent)}.cat-list-fade--right{right:0;background:linear-gradient(to left,var(--c-bg),transparent)}.cat-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid var(--c-line);background:var(--c-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:var(--c-text-gray);transition:all .2s}.cat-scroll-btn:hover{border-color:var(--c-text);color:var(--c-text)}.cat-scroll-btn--left{left:0}.cat-scroll-btn--right{right:0}.cat-list{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;padding-left:4px;padding-right:4px;-ms-overflow-style:none;scrollbar-width:none;flex:1}.cat-list::-webkit-scrollbar{display:none}.cat-btn{font-family:var(--f-display);font-size:.9rem;padding:4px 0;margin:0 12px;border:none;background:transparent;white-space:nowrap;color:var(--c-text-gray);cursor:pointer;transition:all .2s;position:relative}.cat-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--c-main);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.cat-btn:hover{color:var(--c-text)}.cat-btn:hover:after{transform:scaleX(1)}.cat-btn.active{color:var(--c-text)}.cat-btn.active:after{transform:scaleX(1)}.cat-btn:first-child{margin-left:0}.tag-filter{margin-top:16px;margin-bottom:40px}.tag-filter-toggle{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:.85rem;color:var(--c-text-gray);cursor:pointer;transition:color .2s}.tag-filter-toggle:hover{color:var(--c-text)}.tag-filter-count{background:var(--c-main);color:white;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center}.tag-filter-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding:16px;background:transparent;border:1px solid var(--c-line);border-radius:8px}.tag-filter-btn{font-family:var(--f-display);font-size:.8rem;padding:4px 12px;border:1px solid var(--c-line);border-radius:99px;background:transparent;color:var(--c-text-gray);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}@media (hover:hover){.tag-filter-btn:hover{border-color:var(--c-text);color:var(--c-text)}}.tag-filter-btn.active{border-color:var(--c-main);color:var(--c-main)}.pagination{gap:16px;margin-top:60px}.pagination,.pagination-arrow{display:flex;justify-content:center;align-items:center}.pagination-arrow{width:48px;height:48px;border-radius:50%;background:transparent;color:var(--c-text);transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-arrow:hover:not(:disabled){background:var(--c-main);color:white;transform:scale(1.1)}.pagination-arrow:disabled{opacity:.2;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-desktop{display:flex}.pagination-mobile{display:none}@media (max-width:768px){.pagination-desktop{display:none}.pagination-mobile{display:flex}}.pagination-page{font-family:var(--f-display);font-size:.95rem;font-weight:500;min-width:44px;height:44px;border-radius:50%;color:var(--c-text-gray);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.pagination-page:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%) scaleX(0);width:16px;height:2px;background:var(--c-main);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pagination-page:hover{color:var(--c-main)}.pagination-page:hover:after{transform:translateX(-50%) scaleX(1)}.pagination-page.active{background:var(--c-main);color:white;font-weight:600}.pagination-page.active:after{display:none}.pagination-ellipsis{font-family:var(--f-display);font-size:1rem;color:var(--c-text-gray);padding:0 8px;letter-spacing:2px}.search-line{border-bottom:1px solid var(--c-line);display:flex;align-items:center;width:100%;max-width:300px;padding-bottom:8px}.search-line input{width:100%;font-size:1rem;padding:0 8px}.search-line:focus-within{border-color:var(--c-text)}.site-footer{margin-top:clamp(40px,10vw,120px);padding:clamp(48px,10vw,80px) 0 24px;background:var(--grad-main);color:#fff;border-radius:clamp(24px,10vw,77px) clamp(24px,10vw,77px) 0 0}.footer-inner{max-width:1080px;margin-inline:max(clamp(12px,3vw,24px),calc((100% - 1080px) / 2));border:1px solid transparent}.site-footer a{color:rgba(255,255,255,.8);transition:color .2s}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:60px}.footer-brand{max-width:280px}.footer-nav-group{display:flex;flex-direction:column;gap:12px;font-family:var(--f-display);font-size:.9rem;text-align:right}.footer-nav-heading{font-weight:600;color:rgba(255,255,255,.5);font-size:.75rem;letter-spacing:.08em;margin-bottom:4px}.footer-copy{font-family:var(--f-display);font-size:.8rem;color:rgba(255,255,255,.6);text-align:right;margin-top:40px}@media (max-width:900px){.projects-grid{grid-template-columns:1fr!important}.projects-accordion{aspect-ratio:4/3!important}}@media (max-width:599px){.consult-cta-row{flex-direction:column!important;text-align:center}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes letterSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.section-title-letter{display:inline-block;opacity:0;animation:letterSlideUp .5s cubic-bezier(.22,1,.36,1) forwards}.fingerprint-icon{color:var(--c-text);opacity:.3;transition:all .5s cubic-bezier(.22,1,.36,1)}.auth-btn:hover .fingerprint-icon{color:var(--c-main);opacity:1;transform:scale(1.1)}.auth-btn:hover{border-color:var(--c-main)!important}.progress-circle{stroke-dasharray:314;stroke-dashoffset:314;animation:circleProgress 2.5s ease-in-out infinite}@keyframes circleProgress{0%{stroke-dashoffset:314}50%{stroke-dashoffset:0}to{stroke-dashoffset:-314}}.article-content{max-width:720px;margin:0 auto}.article-content h1{font-size:2.25rem;font-weight:700;margin:2rem 0 1rem;line-height:1.3}.article-content h2{font-size:1.75rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem;position:relative;border-bottom:2px solid var(--c-line)}.article-content h2:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--c-main)}.article-content h3{font-size:1.375rem;font-weight:700;margin:1.5rem 0 .75rem;padding-left:16px;border-left:3px solid var(--c-main)}.article-content p{font-size:1.0625rem;margin:1rem 0;line-height:2}.article-content ol,.article-content ul{font-size:1.0625rem;margin:1rem 0;padding-left:1.5rem}.article-content li{margin:.5rem 0;list-style:disc}.article-content ol li{list-style:decimal}@media (max-width:767px){.article-content h1{font-size:1.75rem}.article-content h2{font-size:1.375rem}.article-content h3{font-size:1.125rem}.article-content ol,.article-content p,.article-content ul{font-size:.9375rem}.article-content table th{font-size:.75rem;padding:8px 12px}.article-content table td{font-size:.8rem;padding:8px 12px}}.article-content pre{background:#1a1a1a;color:#f0f0f0;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.article-content code{font-family:SF Mono,Monaco,monospace;font-size:.9em}.article-content p code{background:rgba(0,0,0,.05);padding:.2em .4em;border-radius:4px}.article-content blockquote{position:relative;border:none;padding:2rem 2.5rem;margin:2rem 0;color:var(--c-text-gray);background:#f0f3f8;border-radius:8px}.article-content blockquote:after,.article-content blockquote:before{font-family:Georgia,serif;font-size:3rem;color:var(--c-main);opacity:.3;position:absolute;line-height:1}.article-content blockquote:before{content:'"';top:8px;left:12px}.article-content blockquote:after{content:'"';bottom:-8px;right:12px}.article-content img{border-radius:8px;margin:1.5rem 0}.article-content a{color:var(--c-main);text-decoration:underline}.article-content a:hover{opacity:.7}.code-block-wrapper{position:relative;margin:1.5rem 0}.code-block-language{top:0;left:0;font-size:.7rem;padding:4px 12px;border-radius:8px 0 8px 0;text-transform:uppercase}.code-block-copy,.code-block-language{position:absolute;background:rgba(255,255,255,.1);color:#888;font-family:var(--f-display)}.code-block-copy{top:8px;right:8px;border:none;padding:6px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.code-block-copy:hover{background:rgba(255,255,255,.2);color:#fff}.code-block-wrapper pre{margin:0!important;border-radius:8px!important;padding-top:2.5rem!important}.code-block-wrapper--no-lang pre{padding-top:1rem!important}.table-wrapper{position:relative;overflow-x:auto;margin:1.5rem 0;border-radius:8px}.table-scroll-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:white;padding:8px 16px;border-radius:20px;font-size:.75rem;font-family:var(--f-display);display:flex;align-items:center;gap:6px;z-index:10;pointer-events:none;transition:opacity .3s ease}.table-scroll-hint.hidden{opacity:0}.article-content table{width:100%;border-collapse:collapse;white-space:nowrap}.article-content table th{background:var(--c-main);color:white;font-weight:600;padding:12px 16px;text-align:center;font-family:var(--f-display);font-size:.9rem}.article-content table th:first-child{border-radius:8px 0 0 0}.article-content table th:last-child{border-radius:0 8px 0 0}.article-content table td{padding:12px 16px;font-size:.95rem;text-align:center}.article-content table tr:nth-child(2n){background:#eef2f7}.article-content table tr:hover{background:rgba(0,0,0,.04)}.article-content iframe{width:100%;aspect-ratio:16/9;border-radius:8px;margin:1.5rem 0}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media (max-width:767px){.breadcrumb-pc{display:none}}.article-footer-wrap .site-footer{margin-top:0}.article-content-main{position:relative;z-index:1;padding-top:56px;padding-bottom:clamp(60px,10vw,100px);background:var(--c-bg);border-top-left-radius:98px;border-top-right-radius:98px;margin-top:-24px;box-shadow:0 -10px 40px rgba(0,0,0,.1)}@media (max-width:767px){.article-content-main{border-top-left-radius:48px;border-top-right-radius:48px}}@media (min-width:1024px){.article-content-main{padding-top:80px}}.article-layout{display:flex;flex-direction:column;gap:40px}@media (min-width:1024px){.article-layout{flex-direction:row;gap:60px}}.article-sidebar{width:100%}@media (min-width:1024px){.article-sidebar{width:280px;flex-shrink:0;order:-1}}.article-main{flex:1;min-width:0;background:#fff;border:1px solid var(--c-main);border-radius:48px;padding:48px}@media (max-width:767px){.article-main{border-radius:24px;padding:24px 20px}}.article-main .article-content{max-width:none;margin:0}.sidebar-section{margin-bottom:32px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--c-text-gray);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--c-line)}.sidebar-pickup-list{display:flex;flex-direction:column;gap:20px}.sidebar-pickup-item{display:flex;gap:12px}.sidebar-pickup-item:hover .sidebar-pickup-title{color:var(--c-text-gray)}.sidebar-pickup-thumb{width:64px;height:64px;flex-shrink:0;border-radius:6px;overflow:hidden}.sidebar-pickup-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-pickup-thumb-placeholder{width:100%;height:100%;background:var(--grad-main)}.sidebar-pickup-info{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-pickup-meta{display:flex;align-items:center;gap:8px}.sidebar-pickup-category{font-family:var(--f-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-main)}.sidebar-pickup-date{font-family:var(--f-display);font-size:.7rem;color:var(--c-text-gray)}.sidebar-pickup-title{font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sidebar-category-list li a{font-family:var(--f-display);font-size:.9rem;color:var(--c-text);transition:color .2s;display:flex;align-items:center;gap:8px}.sidebar-category-list li a:before{content:"";width:6px;height:6px;background:var(--c-text-gray);border-radius:2px;flex-shrink:0;transition:background .2s}.sidebar-category-list li a:hover{color:var(--c-main)}.sidebar-category-list li a:hover:before{background:var(--c-main)}.sidebar-tag-list{display:flex;flex-wrap:wrap;gap:8px}.sidebar-tag{font-family:var(--f-display);font-size:.8rem;padding:4px 12px;background:#f0f3f8;color:var(--c-text-gray);border-radius:99px;transition:all .2s}.sidebar-tag:hover{background:#e5eaf2;color:var(--c-text);opacity:1}.sidebar-sticky-wrap{position:sticky;top:100px}.sidebar-toc{padding:16px 20px;border-left:3px solid var(--c-line)}.toc-title{font-family:var(--f-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--c-text-gray);margin-bottom:12px}.toc-list,.toc-nav{display:flex;flex-direction:column}.toc-list{list-style:none;counter-reset:toc-counter;padding:0;margin:0;gap:6px}.toc-item{counter-increment:toc-counter}.toc-item .toc-link{display:block;font-size:.875rem;line-height:1.5;color:var(--c-text-gray);transition:color .2s;text-decoration:none}.toc-item .toc-link:before{content:counter(toc-counter) ". ";font-weight:500}.toc-item .toc-link:hover{color:var(--c-text);opacity:1}.toc-item--active .toc-link{color:var(--c-main);font-weight:600}.sidebar-share{margin-top:24px;padding:24px;background:#fff;border:1px solid var(--c-main);border-radius:24px}.sidebar-share-title{font-family:var(--f-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:white;background:var(--c-main);padding:3px 24px;border-radius:2px;text-align:center;margin-bottom:16px}.sidebar-share-buttons{display:flex;justify-content:center;gap:10px}.sidebar-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;color:white;cursor:pointer;transition:all .2s}.sidebar-share-btn:hover{opacity:.8}.sidebar-share-btn--x{background:#000}.sidebar-share-btn--facebook{background:#1877f2}.sidebar-share-btn--line{background:#00b900}.sidebar-share-btn--hatena{background:#00a4de}.sidebar-share-btn--copy{background:var(--c-text-gray)}@media (max-width:1023px){.article-sidebar{display:none}}.mobile-sidebar-content{display:none;margin-top:60px;padding-top:40px;border-top:1px solid var(--c-line)}@media (max-width:1023px){.mobile-sidebar-content{display:block;padding-bottom:16px}}.article-summary{margin-bottom:32px;padding:0 0 0 20px;border-left:3px solid var(--c-main)}.article-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-main)}.article-summary-header svg{opacity:.8}.article-summary-text{margin:0;font-size:1.0625rem;line-height:1.8;color:var(--c-main);font-weight:600}.content-toc{margin-bottom:32px;padding:24px;background:#fff;border:1px solid var(--c-line);border-radius:12px}.content-toc-header{display:flex;align-items:center;gap:8px;padding:0;margin-bottom:16px;background:none;border:none;cursor:pointer}.content-toc--closed .content-toc-header{margin-bottom:0}.content-toc-title{font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--c-main);text-transform:uppercase}.content-toc-icon{color:var(--c-main);transition:transform .2s}.content-toc-icon--open{transform:rotate(180deg)}.content-toc-list{list-style:none;counter-reset:content-toc-counter;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.content-toc-list li{counter-increment:content-toc-counter}.content-toc-list li a{display:block;font-size:1.0625rem;line-height:1.6;color:var(--c-text);transition:color .2s;text-decoration:none}.content-toc-list li a:before{content:counter(content-toc-counter) ". ";font-weight:600}.content-toc-list li a:hover{color:var(--c-main);opacity:1}@media (max-width:767px){.article-summary-header{font-size:.7rem}.article-summary-text{font-size:.9375rem}.content-toc-title{font-size:.7rem}.content-toc-list li a{font-size:.9375rem}}.share-buttons{gap:8px}.share-button,.share-buttons{display:flex;align-items:center}.share-button{justify-content:center;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s,opacity .2s;text-decoration:none;color:white}.share-button:hover{transform:scale(1.1);opacity:.9}.share-button--x{background:#000}.share-button--facebook{background:#1877f2}.share-button--line{background:#00b900}.share-button--hatena{background:#00a4de}.share-button--copy{background:var(--c-text-gray)}.share-section{display:flex;align-items:center;gap:16px;margin-top:8px;margin-bottom:48px}.article-cta{margin-top:48px;padding:32px;background:var(--c-sub);border-radius:12px}.article-cta-content{text-align:center}.article-cta-title{margin:0 0 12px;font-family:var(--f-display);font-size:1.25rem;font-weight:600;color:var(--c-main)}.article-cta-text{margin:0 0 20px;font-size:.9375rem;line-height:1.7;color:var(--c-text)}.article-cta-button{display:inline-block;padding:12px 32px;background:var(--c-main);color:#fff;font-family:var(--f-display);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:6px;transition:opacity .2s}.article-cta-button:hover{opacity:.8}@media (max-width:767px){.article-cta{margin-top:32px;padding:24px 20px}.article-cta-title{font-size:1.125rem}.article-cta-text{font-size:.875rem}}.share-section--bottom{margin-top:48px;margin-bottom:0;padding-top:44px;padding-bottom:44px;border-top:1px solid var(--c-line)}@media (max-width:767px){.share-section--bottom{margin-top:32px;padding-top:32px;padding-bottom:32px}}.share-label{font-family:var(--f-display);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-gray)}.breadcrumb{padding:0 0 32px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.breadcrumb-list{flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0;font-family:var(--f-display);font-size:.85rem;color:rgba(255,255,255,.7)}.breadcrumb-item,.breadcrumb-list{display:flex;align-items:center}.breadcrumb-item a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:#fff}.breadcrumb-separator{margin:0 10px;color:rgba(255,255,255,.4)}.breadcrumb-current{color:#fff;font-weight:600}.related-articles{margin-top:0;padding-top:60px;border-top:1px solid var(--c-line)}.related-articles-title{font-family:var(--f-display);font-size:1.5rem;font-weight:700;margin-bottom:32px;text-transform:uppercase;letter-spacing:.05em}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px}.related-article-card{display:block;text-decoration:none;color:inherit}.related-article-thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:6px;background:var(--c-line)}.related-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-article-card:hover .related-article-thumb img{transform:scale(1.05)}.related-article-thumb-placeholder{width:100%;height:100%;background:var(--grad-main)}.related-article-info{padding:0}.related-article-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.related-article-category{font-family:var(--f-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-main)}.related-article-date{font-family:var(--f-display);font-size:.7rem;color:var(--c-text-gray)}.related-article-title{font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1023px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.related-articles-grid{grid-template-columns:1fr;gap:20px}.related-article-card{display:flex;gap:12px}.related-article-thumb{flex-shrink:0;width:64px;height:64px;aspect-ratio:auto;margin-bottom:0;border-radius:6px}.related-article-info{display:flex;flex-direction:column;gap:4px;min-width:0}.related-article-category{font-size:.65rem;color:var(--c-text-gray);margin-bottom:0}.related-article-title{font-size:.85rem}}