:root{color-scheme:only light;--link-color:#6C63FF;--card-transition:0.5s cubic-bezier(0.23, 1, 0.32, 1);--sheen-colors:rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.05) 46%,rgba(255, 255, 255, 1) 50%,rgba(0, 0, 0, 0.03) 54%,rgba(255, 255, 255, 0) 100%;--skew:27deg}body{margin:0;background-color:#f4f4f4;font-family:sans-serif;overflow-x:hidden}body.service-page{background-color:#fff}body.TeXtract-page,body.aexis-page,body.annex-page,body.foex-page{background-color:#f2f2f2}.mathsf{font-family:"Computer Modern Sans",sans-serif;font-style:normal;font-weight:700}.latex{font-family:"Computer Modern Serif",serif}.tex{font-family:"Computer Modern Serif",serif}.latex sub,.latex sup,.tex sub{text-transform:uppercase;line-height:0}.latex sub,.tex sub{vertical-align:-.5ex;margin-left:-.1667em;margin-right:-.125em}.latex,.latex sub,.tex,.tex sub{font-size:1em}.latex sup{font-size:.85em;vertical-align:.15em;margin-left:-.36em;margin-right:-.15em}.copyright-notice{text-align:center;font-size:.85rem;color:#888;opacity:.6;margin-top:3rem;padding-bottom:2rem;transition:opacity .3s ease}.copyright-notice:hover{opacity:1}.copyright-notice p{margin:0;letter-spacing:.05em}.index-page .copyright-notice{position:absolute;bottom:2vh;width:100%;margin:0;padding:0;font-size:clamp(.55rem, 2vw, .85rem);opacity:.6}@media (max-width:768px){.index-page .copyright-notice{bottom:0;opacity:.5}.index-page .copyright-notice p{max-width:100px;font-size:clamp(.65rem, 1.5vw, .75rem);margin:0 auto;line-height:.8}}@media (max-width:430px){.index-page .copyright-notice{position:fixed;bottom:2px;left:0;width:100%;margin:0;padding:0;opacity:.5;z-index:10}.index-page .copyright-notice p{max-width:100%;white-space:nowrap;font-size:.55rem;line-height:1;margin:0}}a:not(.service-card,#center-logo,.logo-link-stack,.sub-brand-link,.main-brand-link,.btn-primary,.btn-secondary,#zoom-trigger-btn,.orbit-item,.graph-node,.orbit-link){color:var(--link-color);font-weight:700;text-decoration:none;position:relative;display:inline-block;transition:color .3s ease}a:not(.service-card,#center-logo,.logo-link-stack,.sub-brand-link,.main-brand-link,.btn-primary,.btn-secondary,#zoom-trigger-btn,.orbit-item,.graph-node,.orbit-link)::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:var(--link-color);transform-origin:bottom right;transition:transform .25s ease-out}a:not(.service-card,#center-logo,.logo-link-stack,.sub-brand-link,.main-brand-link,.btn-primary,.btn-secondary,#zoom-trigger-btn,.orbit-item,.graph-node,.orbit-link):hover{color:var(--link-color)}a:not(.service-card,#center-logo,.logo-link-stack,.sub-brand-link,.main-brand-link,.btn-primary,.btn-secondary,#zoom-trigger-btn,.orbit-item,.graph-node,.orbit-link):hover::after{transform:scaleX(1);transform-origin:bottom left}.ecosystem-circle a.orbit-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}.service-description{max-width:900px;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.service-description h1{font-size:2.5rem;color:#333;margin-bottom:20px}.service-description p{font-size:1.25rem;line-height:1.8;color:#333;text-align:justify;text-align-last:center;max-width:800px;margin-bottom:24px}@media (max-width:768px){.service-description p{font-size:1.05rem;text-align:left;text-align-last:auto}.service-description h1{font-size:1.8rem}}#zoom-trigger-btn,.btn-primary,.btn-secondary{padding:14px 28px;font-family:'Computer Modern Sans',sans-serif;font-size:1rem;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-radius:4px;transition:all .3s cubic-bezier(.23, 1, .32, 1);text-align:center}#zoom-trigger-btn,.btn-primary{background-color:#a7a1ff;color:#fff;border:1px solid rgba(108,99,255,.3);box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 20px rgba(108,99,255,.25);text-shadow:0 1px 2px rgba(0,0,0,.1)}#zoom-trigger-btn:hover,.btn-primary:hover{background-color:#6c63ff;transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15),0 12px 24px rgba(108,99,255,.4);border-color:rgba(108,99,255,.6)}.btn-secondary{background-color:transparent;color:#555;border:1px solid #ccc}.btn-secondary:hover{background-color:#f0f0f0;color:#333;border-color:#999}#zoom-trigger-btn{min-width:280px;padding:16px 32px;cursor:pointer}#zoom-trigger-btn:disabled{cursor:default;background-color:#a7a1ff;opacity:.8;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.9)}.site-footer{background-color:#fcfcfc;border-top:1px solid #eaeaea;padding:60px 20px;margin-top:60px;font-family:sans-serif}.footer-container{max-width:1000px;margin:0 auto;display:flex;gap:60px;justify-content:space-between}.footer-contact{flex:3}.footer-contact h2{margin-top:0;font-size:2rem;color:#333}.footer-contact p{color:#555;line-height:1.6;margin-bottom:25px}.contact-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;color:#444;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea{padding:12px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.15)}.footer-cross-promo{flex:2;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;border:1px solid #f0f0f0}.footer-cross-promo h3{margin-top:0;color:#333}.footer-cross-promo p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:20px}.footer-logos{display:flex;gap:20px;flex-wrap:wrap}.footer-logo-link{width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.footer-logo-link:hover{transform:translateY(-5px)}.footer-logo-link img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width:768px){.footer-container{flex-direction:column;gap:40px}}body.index-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}#main-title{color:red;font-family:sans-serif}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f4f4f4}.services-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;row-gap:30px;column-gap:150px;padding:0;box-sizing:border-box;flex:1;min-height:0;max-width:1200px;width:100%;margin:0 auto;position:relative}#center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:180px;z-index:20;background-color:#fff;border-radius:65%;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform var(--card-transition),box-shadow var(--card-transition),background-color var(--card-transition);text-decoration:none;display:flex;align-items:center;justify-content:center;overflow:hidden}#center-logo:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.3);background-color:#fafafa}#center-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform:scale(1.35)}.card-wrapper{display:flex;flex-direction:column;min-height:0;perspective:800px}.card-wrapper h3{margin:0;padding:15px 0;font-size:1.2rem;color:#333;text-align:center}.service-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform var(--card-transition),box-shadow var(--card-transition),background-color var(--card-transition);flex:1;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;position:relative;overflow:hidden}.service-card:hover{background-color:#f7f7f7}.card-img{width:100%;height:100%;max-height:100%;object-fit:contain;padding:10px;box-sizing:border-box}.card-wrapper:first-child .service-card:hover{transform:scale(1.04) rotateX(-12deg) rotateY(12deg);box-shadow:-12px -12px 30px rgba(0,0,0,.2)}.card-wrapper:nth-child(2) .service-card:hover{transform:scale(1.04) rotateX(-12deg) rotateY(-12deg);box-shadow:12px -12px 30px rgba(0,0,0,.2)}.card-wrapper:nth-child(3) .service-card:hover{transform:scale(1.04) rotateX(12deg) rotateY(12deg);box-shadow:-12px 12px 30px rgba(0,0,0,.2)}.card-wrapper:nth-child(4) .service-card:hover{transform:scale(1.04) rotateX(12deg) rotateY(-12deg);box-shadow:12px 12px 30px rgba(0,0,0,.2)}#center-logo::after,.service-card::after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;transition:transform var(--card-transition),opacity var(--card-transition);z-index:10;pointer-events:none;opacity:0}#center-logo:hover::after,.service-card:hover::after{opacity:1}.card-wrapper:first-child .service-card::after{background:linear-gradient(315deg,var(--sheen-colors));transform:translate(15%,15%)}.card-wrapper:first-child .service-card:hover::after{transform:translate(-10%,-10%)}.card-wrapper:nth-child(2) .service-card::after{background:linear-gradient(45deg,var(--sheen-colors));transform:translate(-15%,15%)}.card-wrapper:nth-child(2) .service-card:hover::after{transform:translate(10%,-10%)}.card-wrapper:nth-child(3) .service-card::after{background:linear-gradient(225deg,var(--sheen-colors));transform:translate(15%,-15%)}.card-wrapper:nth-child(3) .service-card:hover::after{transform:translate(-10%,10%)}.card-wrapper:nth-child(4) .service-card::after{background:linear-gradient(135deg,var(--sheen-colors));transform:translate(-15%,-15%)}.card-wrapper:nth-child(4) .service-card:hover::after{transform:translate(10%,10%)}#center-logo::after{background:linear-gradient(135deg,var(--sheen-colors));transform:translate(-20%,-20%)}#center-logo:hover::after{transform:translate(0,0)}@media (max-width:768px){.services-grid{column-gap:15px;row-gap:15px;padding:10px}#center-logo{width:130px;height:85px}#center-logo img{transform:scale(1.1)}.card-wrapper h3{font-size:.95rem;padding:10px 0}}body.about-page{background-image:linear-gradient(to bottom,#fff 0,#fff 280px,#f2f2f2 600px,#d6d6e3 1400px);background-repeat:no-repeat;min-height:100vh}.motto{width:100%;max-width:400px;margin:40px auto;display:block}.about-header{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:60px;margin-bottom:40px}.logo-wrapper{display:flex;justify-content:center;width:100%;margin-bottom:20px}.logo-link-stack{display:flex;flex-direction:column;align-items:center;text-decoration:none;font-size:0;line-height:0}.logo-main{width:100%;max-width:450px;display:block}.logo-reflection{width:100%;max-width:450px;display:block;transform:scaleY(-1) skewX(var(--skew)) translateX(calc(-14.04% * tan(var(--skew))));opacity:.15;margin-top:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 70%);mask-image:linear-gradient(to bottom,transparent 0%,black 70%)}.aboutone-nav ul{margin-top:100px;margin-bottom:-40px;display:flex;gap:40px;list-style:none;padding:0;justify-content:center}.about-content{max-width:800px;margin:0 auto;padding:0 20px 60px 20px;line-height:1.6;color:#333}.about-content h1,.about-content h2{text-align:center;margin-bottom:20px}@media (max-width:768px){.about-content h1{font-size:clamp(1.7rem, 7vw, 2rem);white-space:nowrap}}.services-list{list-style:none;padding:0}.services-list li{margin-bottom:25px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.services-list h3{margin:0 0 10px 0}.services-list a{text-decoration:none;color:#0056b3}.services-list p{margin:0}.about-footer{text-align:center;padding:20px;color:#000;font-size:.9rem}.ecosystem-circle a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}.ecosystem-section{text-align:center;margin:60px 0 80px 0}.ecosystem-section h2{margin-bottom:90px}.ecosystem-circle{position:relative;width:380px;height:380px;margin:0 auto;border:0 dashed #d0d0d0;border-radius:50%;animation:spin-track 40s linear infinite}.center-logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;background:#fff;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.12)!important;display:flex;align-items:center;justify-content:center;z-index:5}.center-logo-container img{width:92%;height:auto;object-fit:contain;animation:counter-spin-logo 40s linear infinite}.orbit-item{position:absolute;top:50%;left:50%;width:140px;height:140px;margin-top:-70px;margin-left:-70px;background:#fff;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,.12)!important;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease,transform .3s ease;z-index:10}.orbit-item img{width:85%;height:auto;object-fit:contain;animation:counter-spin-logo 40s linear infinite}.orbit-item:hover{box-shadow:0 0 20px #e6394690!important;cursor:pointer}.item-1{transform:rotate(0) translateY(-190px) rotate(0)}.item-2{transform:rotate(90deg) translateY(-190px) rotate(-90deg)}.item-3{transform:rotate(180deg) translateY(-190px) rotate(-180deg)}.item-4{transform:rotate(270deg) translateY(-190px) rotate(-270deg)}@keyframes spin-track{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-spin-logo{from{transform:rotate(0)}to{transform:rotate(-360deg)}}.ecosystem-circle:hover,.ecosystem-circle:hover .center-logo-container img,.ecosystem-circle:hover .orbit-item img{animation-play-state:paused}.ecosystem-explanation{max-width:800px;margin:0 auto 60px auto;color:#333;line-height:1.7}.ecosystem-intro{text-align:center;font-size:1.1rem;margin-bottom:30px}.ecosystem-breakdown{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.ecosystem-breakdown li{position:relative;overflow:hidden;background:#fff;padding:20px 25px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.tech-tag{font-family:"Courier New",Courier,monospace;background-color:#e9ecef;color:#d63384;padding:2px 6px;border-radius:4px;font-size:.9em;font-weight:600}.ecosystem-circle.enable-glows .center-logo-container{box-shadow:0 0 100px #6c63ff99,0 0 105px #6c63ff40,0 0 125px #6c63ff1A!important;border:1px solid #6c63ff33!important}.ecosystem-circle.enable-glows .orbit-item{box-shadow:0 0 15px #e6394680,0 0 30px #e6394640,0 0 60px #e639461A!important;border:1px solid #e6394633!important;z-index:10}.ecosystem-circle.enable-glows .orbit-item:hover{box-shadow:0 0 20px #e63946B3,0 0 40px #e6394666,0 0 80px #e6394633!important;border:1px solid #e6394680!important}.ecosystem-circle.enable-trails::before{content:"";position:absolute;top:-80px;bottom:-80px;left:-80px;right:-80px;border-radius:50%;z-index:1;pointer-events:none;background:conic-gradient(#e6394600 0deg,#e6394600 15deg,#e6394699 50deg,#e63946FF 80deg,#e63946FF 90deg,#e6394600 90deg,#e6394600 105deg,#e6394699 140deg,#e63946FF 170deg,#e63946FF 180deg,#e6394600 180deg,#e6394600 195deg,#e6394699 230deg,#e63946FF 260deg,#e63946FF 270deg,#e6394600 270deg,#e6394600 285deg,#e6394699 320deg,#e63946FF 350deg,#e63946FF 360deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 155px),black calc(100% - 80px),transparent calc(100% - 5px));mask:radial-gradient(closest-side,transparent calc(100% - 155px),black calc(100% - 80px),transparent calc(100% - 5px));filter:blur(16px);opacity:.6}@media (max-width:1100px){.ecosystem-circle{width:320px;height:320px}.center-logo-container{width:200px;height:200px}.orbit-item{width:120px;height:120px;margin-top:-60px;margin-left:-60px}.item-1{transform:rotate(0) translateY(-160px) rotate(0)}.item-2{transform:rotate(90deg) translateY(-160px) rotate(-90deg)}.item-3{transform:rotate(180deg) translateY(-160px) rotate(-180deg)}.item-4{transform:rotate(270deg) translateY(-160px) rotate(-270deg)}}@media (max-width:800px){.ecosystem-circle{width:250px;height:250px}.center-logo-container{width:160px;height:160px}.orbit-item{width:90px;height:90px;margin-top:-45px;margin-left:-45px}.item-1{transform:rotate(0) translateY(-125px) rotate(0)}.item-2{transform:rotate(90deg) translateY(-125px) rotate(-90deg)}.item-3{transform:rotate(180deg) translateY(-125px) rotate(-180deg)}.item-4{transform:rotate(270deg) translateY(-125px) rotate(-270deg)}}@media (max-width:550px){.ecosystem-circle{width:160px;height:160px}.center-logo-container{width:100px;height:100px}.orbit-item{width:60px;height:60px;margin-top:-30px;margin-left:-30px}.item-1{transform:rotate(0) translateY(-80px) rotate(0)}.item-2{transform:rotate(90deg) translateY(-80px) rotate(-90deg)}.item-3{transform:rotate(180deg) translateY(-80px) rotate(-180deg)}.item-4{transform:rotate(270deg) translateY(-80px) rotate(-270deg)}}.dual-brand-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:40px 50px;box-sizing:border-box}.main-brand-link,.sub-brand-link{flex:1;display:flex;align-items:center}.sub-brand-link{justify-content:flex-start}.main-brand-link{justify-content:flex-end}.header-logo{height:80px;max-width:100%;object-fit:contain}.main-logo-tweak{height:90px}.brand-connector{flex:2;display:flex;align-items:center;justify-content:center;padding:0 40px}.connector-side{flex:1;position:relative;display:flex;align-items:center}.connector-line{width:100%;height:2px}.connector-text,.left-line,.right-line{background-image:linear-gradient(to right,#e63946 0,#e63946 40%,#6c63ff 60%,#6c63ff 100%)}.left-line{background-size:250% 100%;background-position:left center}.right-line{background-size:250% 100%;background-position:right center}.connector-text{background-size:500% 100%;background-position:center center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 20px;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.nav-links{position:absolute;bottom:15px;width:100%;display:flex;justify-content:center;gap:30px}.nav-links a{font-size:.95rem;letter-spacing:.5px}.nav-links a.nav-red{--link-color:#E63946!important}@media (max-width:1024px){.dual-brand-header{position:relative;padding-bottom:70px}.connector-side{position:static}.nav-links{position:absolute;bottom:20px;width:auto}.connector-side:first-child .nav-links{right:50%;padding-right:15px}.connector-side:last-child .nav-links{left:50%;padding-left:15px}}@media (max-width:768px){.dual-brand-header{padding:20px 10px 70px 10px}.header-logo{height:40px}.main-logo-tweak{height:45px}.brand-connector{padding:0 10px}.connector-text{padding:0 8px;font-size:.65rem;letter-spacing:1px}.connector-side:first-child .nav-links{padding-right:8px}.connector-side:last-child .nav-links{padding-left:8px}.nav-links{gap:15px}.nav-links a{font-size:.85rem}}.pdf-comparison-container{display:flex;justify-content:center;gap:30px;padding:20px;max-width:1400px;margin:0 auto 60px auto}.pdf-viewer{flex:1;display:flex;flex-direction:column;height:80vh;min-height:600px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.pdf-viewer h2{text-align:center;font-size:1.2rem;padding:15px 0;margin:0;background-color:#eee;border-bottom:1px solid #ddd;color:#333}.pdf-viewer iframe{border:none;flex-grow:1}.changes-breakdown{max-width:800px;margin:0 auto 40px auto;padding:30px;background-color:#fcfcfc;border:5px solid #eaeaea61;border-radius:8px;font-family:sans-serif;color:#555}.changes-breakdown h2{margin-top:0;margin-bottom:15px;font-size:1.5rem;color:#222}.changes-breakdown p{line-height:1.6;margin-bottom:20px}.changes-breakdown ul{list-style:none;padding:0;margin:0}.changes-breakdown li{position:relative;padding-left:30px;margin-bottom:15px;line-height:1.5}.changes-breakdown li::before{content:"✓";position:absolute;left:0;color:#6c63ff;font-weight:700;font-size:1.2rem}.download-actions{display:flex;justify-content:center;gap:20px;margin:0 auto 60px auto;max-width:800px;padding:0 20px}.portfolio-cta{max-width:800px;margin:0 auto 80px auto;padding:0 20px;text-align:center;font-family:'Computer Modern Sans',sans-serif;font-size:1.15rem;color:#444}.portfolio-cta a{color:#6c63ff;font-weight:700;text-decoration:none;position:relative}.portfolio-cta a::after{content:'';position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#6c63ff;transform-origin:bottom right;transition:transform .25s ease-out}.portfolio-cta a:hover::after{transform:scaleX(1);transform-origin:bottom left}@media (max-width:900px){.pdf-comparison-container{flex-direction:column;gap:40px}.pdf-viewer{height:70vh}}@media (max-width:600px){.download-actions{flex-direction:column;align-items:stretch}}.logo-showcase{display:flex;flex-direction:column;align-items:center;gap:150px;max-width:900px;margin:0 auto;padding:20px}.main-logo img{width:100%;max-width:400px;height:auto;object-fit:contain;padding:20px}.secondary-logos{display:flex;flex-direction:row;justify-content:center;gap:30px;width:100%}.secondary-logos img{width:100%;max-width:180px;height:auto;padding:15px}#TeXtract{transform:scale(1.6) translateX(-15px);position:relative;z-index:2}@media (max-width:768px){.logo-showcase{gap:50px}.main-logo img{box-sizing:border-box;padding:10px}.secondary-logos{flex-wrap:wrap;gap:15px}.secondary-logos img{max-width:calc(50% - 15px)}#TeXtract{transform:scale(1.6) translateX(0);transform-origin:center}}.animation-track{width:100%;height:150vh;position:relative;margin-top:50px;margin-bottom:-200px}@media (max-width:768px){.animation-track{height:100vh;margin-top:10px;margin-bottom:-100px}.interactive-bezier{margin-top:10px;transform:scale(1.25);transform-origin:center center}.bottom-text{margin-bottom:40px}#fibonacci-viewport{width:100%}}.sticky-container{position:sticky;top:50vh;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:100%}.interactive-bezier{width:100%;max-width:800px;display:block;overflow:visible;margin:40px 0 0 0}.bottom-text{margin-bottom:80px}.fibonacci-wrapper{max-width:900px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}.fibonacci-wrapper .bottom-text{margin-bottom:0!important}#fibonacci-viewport{position:relative;width:80%;aspect-ratio:539/321;background:0 0;border:none;overflow:hidden;border-radius:4px}#fibonacci-svg{width:100%;height:100%;display:block;transform:scale(.99)}#fibonacci-svg{transform-origin:0 0;will-change:transform}.button-area{margin-top:30px;width:100%;display:flex;justify-content:center;margin-bottom:30px}@media (max-width:768px){#fibonacci-viewport{width:100%}}.developer-blog{max-width:900px;margin:0 auto 60px auto;padding:0 20px;color:#333;display:flex;flex-direction:column;align-items:center}.developer-blog h2{text-align:center;margin-bottom:24px;font-size:2rem}.developer-blog p{font-size:1rem;line-height:1.6;color:#444;max-width:800px;width:100%;text-align:left;margin-bottom:24px}.graph-node{text-decoration:none}.graph-node circle{transition:all .3s ease}.graph-node:hover circle{stroke:#6C63FF;stroke-width:5;fill:#f8f9fa;cursor:pointer}.graph-node image{transition:opacity .3s ease}.graph-node:hover image{opacity:.8}.graph-node text{pointer-events:none;transition:fill .3s ease}.graph-node:hover text{fill:#6C63FF}.code-section{max-width:900px;margin:40px auto 100px auto;padding:0 20px}.vscode-window{background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2);border:1px solid #333}.vscode-window code,.vscode-window pre{color:#d4d4d4;background-color:#1e1e1e;font-family:Consolas,"Courier New",monospace}.vscode-header{background:#323233;padding:10px 15px;display:flex;align-items:center;position:relative}.controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27c93f}.window-title{color:#969696;font-size:.8rem;font-family:sans-serif;position:absolute;left:50%;transform:translateX(-50%)}pre[class*=language-]{margin:0!important;border-radius:0!important;max-height:500px;overflow:auto;background:#1e1e1e!important}code[class*=language-]{font-family:'Courier New',Courier,monospace!important;font-size:.95rem!important;text-shadow:none!important}.vscode-window pre{margin:0!important;padding:0!important;background:0 0!important}.vscode-window .shiki{padding:20px;margin:0;font-family:'Courier New',Courier,monospace;font-size:.95rem;line-height:1.5}@media (max-width:768px){.code-section{padding:0 10px;margin:20px auto 60px auto;width:100%;box-sizing:border-box}.vscode-window{width:100%;max-width:100vw}.window-title{font-size:.7rem;max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-window .shiki,code[class*=language-]{font-size:.8rem!important;padding:15px}.developer-blog h2{font-size:1.6rem}}.side-by-side-layout{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;max-width:800px;margin:40px auto;width:100%}.layout-icon{flex:0 0 120px;display:flex;justify-content:center}.layout-icon img{width:100%;height:auto}.side-by-side-layout .code-section{flex:1;min-width:0;margin:0}@media (max-width:600px){.side-by-side-layout{flex-direction:column;gap:20px}}.code-body{position:relative;margin-left:20px}.copy-button{position:absolute;top:10px;right:10px;opacity:1;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px;color:#a9b2c3;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:rgba(255,255,255,.2);color:#fff}.copy-button.copied{color:#4ade80;border-color:#4ade80}.code-body pre{scrollbar-width:none}.code-body pre{-ms-overflow-style:none}.code-body pre::-webkit-scrollbar{display:none}.pdf-tree-layout .pdf-viewer-box{width:100%;height:auto;border:none;background:0 0;box-shadow:none}.document-preview{display:block;width:100%;height:auto;border:1px solid #ddd;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:2px}.pdf-tree-layout{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.pdf-tree-layout .pdf-node{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.pdf-tree-layout .pdf-node.top{width:60%;margin-bottom:10px}.pdf-tree-layout .connector-row{width:100%;height:80px;display:flex;justify-content:center}.pdf-tree-layout .tree-connector-svg{width:80%;height:100%}.pdf-tree-layout .connector-line-svg{fill:none;stroke:#444;stroke-width:2;marker-end:url(#arrowhead)}.pdf-tree-layout .bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%}.pdf-tree-layout h2{font-size:1.1rem;margin-bottom:10px;color:#333;letter-spacing:1px}@media (max-width:768px){.pdf-tree-layout .bottom-row{grid-template-columns:1fr}.pdf-tree-layout .connector-row{display:none}.pdf-tree-layout .pdf-node.top{width:100%}}