.hero{justify-content:center;align-items:center;max-width:1400px;height:800px;margin:0 auto;display:flex;position:relative;overflow:visible}.hero-visual-area{z-index:5;justify-content:center;align-items:center;width:600px;height:600px;margin:0 auto;display:flex;position:relative}.hero-visual-area:before{content:"";filter:blur(50px);z-index:0;background:radial-gradient(circle,#0070f340 0%,#0000 70%);width:80%;height:80%;position:absolute}.main-3d-image{-webkit-backdrop-filter:blur(30px);z-index:1;background:linear-gradient(135deg,#ffffff26,#0070f340,#0a112859);border:1px solid #ffffff4d;border-radius:40% 60% 70% 30%/40% 50% 60%;width:500px;height:600px;animation:6s ease-in-out infinite float-hero;position:relative;box-shadow:inset 10px 20px 30px #ffffffb3,inset -10px -20px 30px #0070f31a,0 25px 60px #0000001a}@media (max-width:1024px){.hero{height:600px;margin:30px auto}.hero-visual-area,.main-3d-image{width:400px;height:500px}}@media (max-width:768px){.hero{flex-direction:column;height:auto;min-height:600px;margin:20px auto;padding:40px 20px}.hero-visual{z-index:5;justify-content:center;align-items:center;width:100%;max-width:350px;height:420px;margin:0 auto 40px;display:flex;position:relative}.hero-visual:before{content:"";filter:blur(40px);z-index:0;background:radial-gradient(circle,#0070f340 0%,#0000 70%);width:100%;height:100%;position:absolute}.main-3d-image{z-index:1;width:280px;height:380px;position:relative}}@media (max-width:480px){.hero{min-height:500px;padding:30px 15px}.hero-visual{width:100%;max-width:280px;height:320px;margin-bottom:20px}.main-3d-image{width:220px;height:300px}}.glass-badge{-webkit-backdrop-filter:blur(20px);z-index:5;opacity:0;white-space:nowrap;background:#fff6;border:1px solid #fffc;border-radius:40px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;position:absolute;box-shadow:0 10px 40px #1f26870d}.glass-badge:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f26871f}.glass-badge .dark-pill{background:color-mix(in srgb, var(--primary-dark) 90%, transparent);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px}.glass-badge .blue-pill{background:color-mix(in srgb, var(--primary-blue) 90%, transparent);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px}.profile-card{padding:8px 20px 8px 8px}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--primary-dark);font-size:14px;font-weight:800}.profile-role{color:var(--text-gray);font-size:11px;font-weight:400}.badge-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.hero-bubble-area{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bubble-area .glass-badge{pointer-events:auto}.badge-1{animation-delay:.2s;top:8%;left:8%}.badge-2{animation-delay:.4s;top:15%;right:15%}.badge-3{animation-delay:.6s;top:35%;right:12%}.badge-4{animation-delay:.8s;bottom:35%;left:8%}.badge-5{animation-delay:1s;bottom:45%;right:0%}.badge-6{animation-delay:.9s;bottom:15%;left:12%}@media (max-width:768px){.glass-badge{-webkit-backdrop-filter:blur(8px);white-space:normal;gap:5px;max-width:140px;padding:4px 8px;font-size:10px}.badge-avatar{width:32px;height:32px;font-size:10px}.profile-card{padding:4px 12px 4px 4px!important}.profile-name{font-size:11px}.profile-role{font-size:8px}.glass-badge .dark-pill,.glass-badge .blue-pill{padding:3px 8px;font-size:9px}.badge-1{top:2%;left:2%}.badge-2{top:10%;right:2%}.badge-3{top:30%;right:1%}.badge-4{top:36%;bottom:auto;left:1%}.badge-5{top:52%;bottom:auto;right:2%}.badge-6{top:58%;bottom:auto;left:2%}}@media (max-width:480px){.glass-badge{max-width:120px;padding:4px 10px;font-size:10px}.badge-1{top:5%;left:-12%}.badge-2{right:-11%}.badge-3{right:-10%}.badge-4{top:30%;left:-5%}.badge-5{right:-11%}.badge-6{left:-11%}}.hero-text-block{z-index:20;opacity:0;max-width:450px;animation:1s ease-out .5s forwards fadeInUp;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-text-block h1{color:var(--primary-dark);letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.05}.hero-text-block h1 span{color:var(--primary-blue)}.hero-text-block p{color:var(--text-gray);font-size:13px;line-height:1.5}@media (max-width:1024px){.hero-text-block{max-width:300px;bottom:15%;right:5%}.hero-text-block h1{font-size:38px}}@media (max-width:768px){.hero-text-block{text-align:center;max-width:100%;margin-top:0;padding:0 10px;position:relative;bottom:auto;right:auto}.hero-text-block h1{margin-bottom:15px;font-size:32px}.hero-text-block p{margin-bottom:20px;font-size:14px}}@media (max-width:480px){.hero-text-block h1{font-size:28px}.hero-text-block p{font-size:13px}}.btn-protect{color:var(--primary-dark);z-index:10;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:40px;margin-top:30px;padding:15px 40px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 10px 30px #0000001a}.btn-protect:hover{color:var(--primary-blue);animation:2s infinite pulseGlow;transform:scale(1.05)}@media (max-width:768px){.btn-protect{width:fit-content;margin-top:20px;margin-left:auto;margin-right:auto;padding:14px 35px;font-size:14px;display:block}.btn-protect:hover{transform:scale(1.05)}}
.marquee-section{z-index:5;background:#007cff;width:100%;padding:16px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #007cff33}.marquee-container{width:max-content;animation:35s linear infinite marquee-scroll;display:flex}.marquee-reverse .marquee-container{animation:35s linear infinite marquee-scroll-reverse}.marquee-group{white-space:nowrap;align-items:center;display:flex}.marquee-group span{color:#fff;cursor:pointer;letter-spacing:2px;margin-right:40px;font-family:Outfit,sans-serif;font-size:20px;font-weight:400;transition:color .3s,transform .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.marquee-group span:hover{color:var(--primary-dark);transform:scale(1.1)translateY(-3px)}@media (max-width:768px){.marquee-section{padding:12px 0}.marquee-group span{letter-spacing:1px;margin-right:25px;font-size:14px}}@media (max-width:480px){.marquee-section{padding:10px 0}.marquee-group span{letter-spacing:.5px;margin-right:15px;font-size:12px}}
.services-section{background:#fff;width:100%;margin-top:3rem;scroll-margin-top:-8rem}.services-container{max-width:1400px;margin:0 auto;padding:8rem 2rem}.services-header{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:5rem;display:flex}.services-badge{letter-spacing:.1em;text-transform:uppercase;color:#181818;border:1px solid #e5e5e5;border-radius:999px;align-self:flex-start;padding:.8rem 1.5rem;font-size:12px;font-weight:700}.services-title{color:#181818;letter-spacing:-2px;max-width:800px;font-size:4rem;font-weight:800;line-height:1.1}.services-title span{display:block}.services-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.services-section{scroll-margin-top:6rem}}.service-card{cursor:pointer;border-radius:3rem;height:480px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.service-card:hover{transform:translateY(-10px)}.service-default{color:#fff;background:#181818;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.service-number{color:#666;font-size:14px;font-weight:500}.service-default-info{z-index:2;margin-top:auto;margin-bottom:12rem;position:relative}.service-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.service-desc{color:#999;max-width:280px;margin-bottom:2rem;font-size:15px;line-height:1.6}.service-link{width:fit-content;color:inherit;border-bottom:2px solid #fff;align-items:center;gap:.8rem;padding-bottom:4px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.service-icon{color:#181818;background:#deff4e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s;display:flex}.service-card:hover .service-icon{transform:scale(1.1)}.service-semi{flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:relative}.service-semi-number{opacity:.6;font-size:14px;font-weight:500}.service-semi-content{z-index:2;margin-top:auto;margin-bottom:12rem;position:relative}.service-semi-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.service-semi-desc{opacity:.9;max-width:280px;margin-bottom:2rem;font-size:15px;font-weight:500;line-height:1.6}.service-semi-img{object-fit:cover;z-index:1;width:100%;height:60%;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 90%);mask-image:linear-gradient(#0000 0%,#000 90%)}.service-full{color:#fff;position:relative}.service-full img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.service-full-overlay{background:linear-gradient(#0003 0%,#000000b3 100%);position:absolute;inset:0}.service-full-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding:2rem;display:flex;position:relative}.service-full-number{color:#ccc;font-size:14px;font-weight:500}.service-full-info{z-index:2;margin-top:auto;margin-bottom:12rem;position:relative}.service-full-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.service-full-desc{color:#eee;max-width:280px;margin-bottom:2rem;font-size:15px;line-height:1.6}@media (max-width:768px){.services-title{font-size:2.5rem}.services-container{padding:5rem 1rem}.service-card{height:440px}}
.catalog-wrapper{perspective:3000px;z-index:10;-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;min-height:750px;font-family:Manrope,sans-serif;display:flex;position:relative}.ref-section{z-index:5;background:#fff;border-top-left-radius:3rem;border-top-right-radius:3rem;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:none;margin-top:-3rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;position:relative;overflow:visible;padding-top:8rem!important}.references-header{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:5rem;display:flex}.references-badge{letter-spacing:.1em;text-transform:uppercase;color:#181818;border:1px solid #e5e5e5;border-radius:999px;padding:.8rem 1.5rem;font-size:12px;font-weight:700}.references-title{color:#181818;letter-spacing:-2px;max-width:800px;font-size:4rem;font-weight:800;line-height:1.1}.references-title span{color:var(--accent-blue);display:block}.ref-section .catalog-wrapper{max-content:100%;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative;overflow:visible}.book-stage{--book-width:550px;width:min(1200px,100vw - 40px);height:800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.ref-section .book{margin:0 auto}.syne{letter-spacing:.02em;text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:800!important}.book{width:550px;height:750px;transform-style:preserve-3d;cursor:pointer;transform-origin:50%;border-radius:4px 12px 12px 4px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 30px 60px #0d102226,0 10px 20px #007cff0d}.page{transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.page-content{backface-visibility:hidden;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:var(--page-bg);border:1px solid #0d10220d;border-left-color:#0d102226;border-radius:2px 12px 12px 2px;flex-direction:column;justify-content:center;padding:30px;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:inset -3px 0 10px #00000005,inset 0 0 30px #00000008,5px 5px 15px #0d102214}.catalog-badge{color:var(--primary-blue);letter-spacing:.12em;text-transform:uppercase;z-index:30;backface-visibility:hidden;background:#007cff14;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;position:absolute;top:18px;left:50%;transform:translate(-50%)translateZ(2px);box-shadow:0 8px 20px #007cff0f}@media (max-width:768px){.catalog-badge{padding:6px 12px;font-size:11px;top:10px}}@media (max-width:480px){.catalog-badge{background:#007cff0f;margin-bottom:6px;position:static;transform:none}}.page-back{background:var(--page-bg);border-left:1px solid #0d10220d;border-right:1px solid #0d102226;border-radius:12px 2px 2px 12px;transform:rotateY(180deg)translateZ(1px);box-shadow:inset -3px 0 10px #00000005,inset 0 0 30px #0000000a}.page.flipped{transform:rotateY(-180deg)}.text-navy{color:var(--dark-navy)}.text-blue{color:var(--accent-blue)}.bg-blue-accent{background-color:var(--accent-blue)}.spine-fold{pointer-events:none;z-index:10;background:linear-gradient(90deg,#0d10221f 0%,#0d102208 15%,#fff9 30%,#fff0 100%);width:80px;position:absolute;top:0;bottom:0;left:0}.page-back .spine-fold{background:linear-gradient(270deg,#0d102226 0%,#0d10220d 15%,#ffffff80 30%,#fff0 100%);left:auto;right:0}.editoryal-layout{text-align:left;flex-direction:column;justify-content:center;height:100%;padding:0 10px;display:flex}.img-container{aspect-ratio:4/3;background:#e0e0e0;border-radius:0;width:100%;margin-bottom:1.5rem;transition:box-shadow .3s;display:block;overflow:hidden;box-shadow:8px 8px 20px #0d10221f}.img-container:hover{box-shadow:12px 12px 28px #0d10222e}.img-container img{object-fit:cover;filter:contrast(1.02)brightness();width:100%;height:100%;transition:transform 1.5s}.img-container img[src*="/p1/"]{filter:contrast(1.02)brightness(1.18)}.page:hover .img-container img{transform:scale(1.03)}@media (max-width:500px){.book{width:280px;height:420px}.page-content{padding:20px}.editoryal-layout h2{font-size:24px}.img-container{margin-bottom:1rem}}.page-action{letter-spacing:.02em;cursor:pointer;margin-top:10px;font-weight:700;text-decoration:underline;display:inline-block}.page-action:hover{opacity:.9}@media (max-width:380px){.book{width:240px;height:360px}.page-content{padding:15px}}.hint{color:var(--dark-navy);letter-spacing:3px;text-transform:uppercase;z-index:10;background:#ffffffb3;border-radius:20px;margin-top:50px;padding:10px 20px;font-size:13px;font-weight:800;animation:2.5s infinite pulse;position:relative}@media (max-width:768px){.hint{margin-top:100px}}.book-viewport{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.book-nav-container{pointer-events:none;z-index:200;width:100%;height:100%;position:absolute;top:0;left:0}.book-nav-buttons{opacity:0;pointer-events:none;z-index:200;align-items:center;gap:20px;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-nav-buttons.visible{opacity:1;pointer-events:auto}.book-nav-buttons.left{left:-70px}.book-nav-buttons.right{right:-70px}.nav-btn{color:#fff;cursor:pointer;background:#1e73ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 6px 18px #1e73ff2e}.nav-btn:hover{transform:scale(1.06);box-shadow:0 6px 16px #0070f34d}.nav-btn:active{transform:scale(.95)}.nav-btn i{width:20px;height:20px}@media (max-width:1024px){.book-stage{--book-width:450px;width:min(760px,100vw - 80px)}.book-nav-buttons.left{left:-56px}.book-nav-buttons.right{right:-56px}}@media (max-width:768px){.references-title{font-size:2.5rem}.ref-section{padding-top:5rem!important}.book-nav-container{pointer-events:auto;justify-content:center;align-items:center;gap:40px;height:auto;display:flex;top:auto;bottom:-80px}.book-nav-buttons{opacity:0;pointer-events:none;width:auto;display:none;position:static;transform:none}.book-nav-buttons.visible{opacity:1;pointer-events:auto;display:flex}.book-stage{width:340px;height:510px;overflow:visible}.book{width:340px;height:510px}.book-viewport{overflow:visible}}@media (max-width:500px){.book-stage{--book-width:320px;width:320px;height:480px}.book{width:320px;height:480px}.nav-btn{width:44px;height:44px}}@media (max-width:380px){.book-stage{--book-width:280px;width:280px;height:420px}.book{width:280px;height:420px}}